/*** Diese css-Styles werden von der Vorlage {{TOC2}} automatisch eingebunden! ***/
/*** Alle anderen müssen dieses css wie folgt einbinden: <templatestyles src="Vorlage:Styles.css" /> ***/
.button a.image {
display: inline-block;
padding-right: 2px;
}
.button-2 .button a.image {
vertical-align: -2px;
padding-right: 20px;
}
.button .button-1 a.image {
vertical-align: -1px;
}
.mw-editform #wpTextbox1 {
color:black!important;
}
/* hr {
text-align:left;
}*/
hr {
margin-top: 1rem;
margin-bottom: 1rem;
height: 0px;
border: 0;
border-top-color: currentcolor;
border-top-style: none;
border-top-width: 0px;
border-top: 1px solid rgba(0,0,0,0.1);
clear: unset;
display: flex;
background: rgba(0,0,0,0.25);
}
.toclevel-2 {
margin-left: 15px;
}
.toclevel-3 {
font-size: 90%;
margin-left: 22px;
}
.toclevel-4 {
font-size: 80%;
margin: -4px 0px -4px 26px;
}
.glyphicons {
display: inline-block;
/*opacity: 1;*/
}
table {
/* display: inline; */
margin: unset;
}
.unsichtbar {
display: none!important;
}
h3 {
white-space: pre-wrap;
}
.listhead p {
margin-bottom: 0;
}
.no-p p {
margin-top: 0;
margin-bottom: 0!important;
}
/* Formatierung Ausklapp-Toggle */
/* Ersetzt [ausklappen] durch eine farbige, linksbündige Schaltfläche */
/* :before und :after entfernen die [] */
/* Der Ausklapp-Button wird von Mediawiki automatisch in eine Tabellenzeile geschrieben */
/* und erhält einen unschönen Rand, der ebenfalls entfernt wird */
/* Die Beschriftung wird dann gesteuert mit: »data-expandtext=« bzw. »data-collapsetext=« */
.mw-collapsible-toggle {
color:rgba(255, 255, 255, 0.9);
display: inline-block;
background: #ec971f;
border: 1px solid #f0ad4e;
border-radius:3px;
padding: 0px 3px!important;
font-size:100%;
text-align:left;
float:none!important;
margin-top: 0.3em;
}
.dezent .mw-collapsible-toggle {
color:rgba(255, 255, 255, 0.9);
display: inline-block;
background-image: radial-gradient(rgb(104, 167, 200)0%, rgb(43, 151, 213) 80%);
border: 1px solid #878a90;
border-radius:3px;
padding: 0px 3px!important;
font-size:80%;
text-align:left;
float:none!important;
margin-top: 0.3em;
}
.mw-collapsible-toggle-default::before {
content: '';
}
.mw-collapsible-toggle-default::after {
content: '';
}
table.mw-collapsible > tbody > tr:first-child > td:first-child {
border: 0;
}
.hover .mw-collapsible-toggle {
border: unset;
background: unset;
color: unset;
font-size: unset;
border-bottom: 1px dotted black;
border-radius: 0px;
line-height: 0em;
height: 0.5em;
}
.hover.mw-collapsible {
display: inline-block;
}
/* Ende Formatierung Ausklapp-Toggle */
th.headerSort {
padding-right: 19px!important;
}
.top td {
vertical-align: top;
}
.middle td {
vertical-align: middle;
}
pre {
padding: 0.5em;
margin-bottom: 0px;
}
dd {
margin-left: 2em;
}
ul {
margin-bottom: 0px;
}
.mw-empty-elt {
display: block!important;
}
.spiegelstrich ul {
list-style-type:none;
}
.spiegelstrich ul li:before {
content: "– "
}
.wikitable {
width: auto;
}
.wikitable1 {
background-color:white;
color: #222;
margin: 0em 0;
border: 1px solid white;
border-collapse: collapse;
}
.wikitable2, .wikitable3 {
/* background-color:white; */
color: #222;
margin: 0em 0;
border: 1px solid white;
border-collapse: collapse;
}
.wikitable1 th, .wikitable2 th, .wikitable3 th {
background-color: #eaecf0;
border: 1px solid #a2a9b1;
}
.wikitable1 td, .wikitable2 > tbody > tr > td {
background-color: #f8f9fa;
border: 1px solid #a2a9b1;
padding: 0.2em 0.2em;
line-height:1.4;
}
.wikitable1 .Leerzeile, .wikitable2 .Leerzeile, .wikitable3.Leerzeile, .sptable.Leerzeile, .sptable2.Leerzeile, .sptable3.Leerzeile {
/* border-left: 0;
border-right: 0;
background: white;
border: 0;
background: unset;
}
.sptable2 .hrzeile {
border-left-style: hidden;
border-right-style: hidden;
border-bottom-style: hidden;
background: unset;
}
.pt2 {
float: left;
margin-bottom :10px;
max-width:44%;
}
.sptable {
display: block;
color: #222;
margin: 0em 0;
/* border: 0; */
border-collapse: collapse;
}
.sptable td {
background-color: #f8f9fa;
border: 1px solid #a2a9b1;
padding: 0.2em 0.2em;
line-height:1.4;
}
.sptable tr > td:first-child {
text-align: left;
}
.sptable2, .sptable3 {
/* color: #222; */
margin: 0em 0;
border: 0;
border-collapse: collapse;
}
.sptable2 td, .sptable0 td, .sptable2 td, .sptable3 td {
background-color: #f8f9fa;
border: 1px solid #a2a9b1;
padding: 0.2em 0.1em;
line-height:1.4;
}
.sptable2 .Hinweis td, .sptable0 .Hinweis td, .sptable3 .Hinweis td {
background-color: unset;
border: unset;
}
.spgridtr .Leerzeile {
border-left: 0;
border-right: 0;
background: white;
}
.sptable .Leerzeile, .sptable2 .Leerzeile {
border: 0;
background: unset;
}
.pd5 td {
padding: 5px;
}
td.bild, th.bild {
background-color: unset;
border: 0;
padding-top:0px;
padding-left: 10px;
width: 45%;
}
td.bild.width-xxl {
width: 55%;
}
td.bild.width-xl {
width: 50%;
}
td.bild.width-l {
width: 40%;
}
td.bild.width-m {
width: 35%;
}
td.bild.width-s {
width: 30%;
}
td.bild.width-xs {
width: 25%;
}
td.bild.width-xxs {
width: 20%;
}
td.bild .thumbinner, th.bild .thumbinner {
width: unset !important;
border: 0;
padding-top: 0;
}
.bild .thumb.tright {
padding-top: 0px;
margin-top: 0;
}
.sptable th, .sptable0 th, .sptable2 th, .sptable3 th {
background-color: #ccc;
border: 1px solid #a2a9b1;
padding: 5px;
}
.sptable td, .sptable0 td {
padding-top: 5px;
}
.bild2 .tright {
margin-top: 0em;
}
tbody > tr:nth-child(2) > * > .bild2 .tright {
margin-top: -2.3em;
}
.sptablelist tr:nth-child(odd) > td {
background: #EAE0E0;
}
.sptablelist tr:nth-child(even) > td {
background: #EFEAEA;
}
code {
display: inline-block;
border: 1px solid #c2c2c2;
color: rgba(0,0,0,0.8) !Important;
background: #cccccc;
padding: 2px;
margin: 2px 0px;
}
td.border-bottom-dezent {
border-bottom-color: #ddd;
}
.nop p {
margin-bottom: 0px;
}
.beschriftung-ms {
display: inline-block;
margin: 1px 0px;
background: white;
box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
border-radius: 3px 3px 0px 0px;
padding: 1px 3px;
clear: both;
}
.beschriftung-utm {
background-color: white;
display: inline-block;
margin: 1px 0px;
padding:2px;
border-width: 1px;
border-style: solid;
border-color: white #ababab #ababab #ababab;
border-radius:3px;
font-weight: bolder;
clear: both;
}
.block {
display: block;
}
.noborder {
border: 0!important;
}
.noborder td {
border: 0!important;
}
.blank td {
border: 0!important;
background: 0!important;
}
.border-bottom-xs td {
border: 0!important;
}
.mb05em ol:first-child > li {
margin-bottom: 0.5em;
}
.language-toggle-german {
position: absolute;
top: -8em;
}
.language-toggle-english {
position: absolute;
top: -8em;
}
.host {
background: rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 2px;
display: inline-flex;
margin: 3px 0px;
padding: 2px 2px 0px 2px;
font-size: 12px;
font-weight: bolder;
font-style: normal;
color: #468847;
font-family: "Arial",sans-serif;
clear: both;
}
.host.utm::before {
content: "\e91c";
font-family: spicons !important;
font-weight: normal;
margin-right: 3px;
}
.none {
display: none;
}
.inline-flex {
display: inline-flex;
}
.inline-block {
display: inline-block;
}
.h-box {
display: inline-flex;
align-items: center;
}
.h-element:not(:empty) {
padding-right: 12px;
}
.h-element:empty {
display: none;
}
.reiter.portal {
background: #fff;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-right-radius: 1px;
border-top-left-radius: 1px;
border-top: 1px solid rgba(0, 0, 0, 0.6);
border-bottom: 2px solid #E74C3C;
border-left: 0.05em solid rgba(0, 0, 0, 0.3);
border-right: 0.05em solid rgba(0, 0, 0, 0.3);
padding: 3px 3px;
color: rgba(0, 0, 0, 0.5);
clear: both;
}
.code {
display: inline-block;
/* word-wrap: anywhere; */
word-break: break-all;
text-align: left;
border: 1px solid #c2c2c2;
background-color: #ccc;
padding: 1px 4px;
font-size: 86%;
border-radius: 2px;
font-family: "Courier",sans-serif;
box-shadow: 1px 1px inset;
color: rgba(0,0,0,0.8);
}
pre {
display: inline-block;
/* word-wrap: anywhere; */
word-break: break-all;
text-align: left;
border: 1px solid #c2c2c2;
background-color: #c2c2c2;
padding: 1px 4px;
font-size: 86%;
border-radius: 2px;
font-family: "Courier",sans-serif;
box-shadow: 1px 1px inset;
color: rgba(0,0,0,0.8);
}
.bold b, .boldcode b, .pre--bold__color b {
font-weight: unset;
color: black;
}
.menu {
background-image: linear-gradient(#b9e0f5, #92bdd6);
border: 1px solid;
border-color: #7096ab #7096ab #7096ab #7096ab;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
padding: 0px 3px;
margin-right: 4px;
display: inline-flex;
clear: both;
}
#mw-customcollapsible-Inhalte {
display: inline;
}
.mw-collapsible-content {
display: inline;
}
.lastcol-img > tbody > tr > td:last-child:not(.Leerzeile), td.td-img {
width: 45%;
border: 0;
padding: 0px 0px 5px 20px;
}
.img-container {
float: right;
}
.img-container img {
border: 1px solid grey;
}
.bild__kleiner {
padding-left: 60%;
}
.legende {
font-size: 90%;
}
Vorlage:Styles.css
Aus Securepoint Wiki