KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 352: | Zeile 352: | ||
.pd5 td { | .pd5 td { | ||
padding: 5px; | padding: 5px; | ||
} | |||
.sptable td, .sptable0 td { | |||
padding-top: 5px; | |||
} | } | ||
Zeile 408: | Zeile 412: | ||
} | } | ||
Version vom 26. Februar 2020, 11:13 Uhr
/*** 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;*/ } .halflings { display: inline-block; } 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; } li { text-align: left; } /* 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; } .info-collapsed .mw-collapsible-toggle, .info-collapsed, .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-toggle { text-decoration-line: underline; text-decoration-style: dotted; } .hover .mw-collapsible-content, .info-box .mw-collapsible-content { background: lavender; } .info-collapsed .mw-collapsible-toggle-default::before { content: '\f129'; font-family: 'Font Awesome 5 Pro'; font-weight: 300; color: #ec971f; border-bottom: 1px dotted #ec971f; border-radius: 0px; padding-bottom: 1px; } .info-collapsed .mw-collapsible-text { display: none; } .hover.mw-collapsible { display: inline-block; } #mw-customcollapsible-Inhalte { display: inline; } #mw-customcollapsible-info-collapsed { display: inline-table; } #mw-customcollapsible-hover { display: inline-table; } .mw-collapsible-content { display: inline; } /* 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: "– " } .angel li::before { font-family: 'Font Awesome 5 Pro'; content: "\f105 "; } .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; border: 0; 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 td.hrzeile { border: 0; /* border-left-style: hidden; border-right-style: hidden; border-bottom-style: hidden; background: unset; */ } .sptable2 .Hinweis td, .sptable0 .Hinweis td, .sptable3 .Hinweis td { background-color: unset; border: unset; } .spgridtr .Leerzeile { border-left: 0; border-right: 0; } .sptable .Leerzeile, .sptable2 .Leerzeile { border: 0; background: unset; } .pd5 td { padding: 5px; } .sptable td, .sptable0 td { padding-top: 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; } .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: flex; 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: 0px 0px; padding: 0px 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; } .reiter.utm { background-image: linear-gradient(#ededed, #c4c4c4); border: 1px solid; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 3px; border-top-left-radius: 3px; border-color: #B6B6B6 #B6B6B6 white #B6B6B6; padding: 0px 3px; 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: 85%; border-radius: 2px; font-family: "monospace",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: 85%; border-radius: 2px; font-family: "monospace",sans-serif; box-shadow: 1px 1px inset; color: rgba(0,0,0,0.8); margin-top: -0.5em; } .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; } .lastcol-img > tbody > tr > td:last-child:not(.Leerzeile), td.td-img { width: 45%; border: 0; padding: 0px 0px 5px 20px; } .img-container { display: flow-root; } td > .img-container { float: right; } .img-container img { border: 1px solid grey; } .bild__kleiner { padding-left: 60%; } .check-circle li:before { font-family: 'Font Awesome 5 Pro'; content: "\f058"; font-size: 12px; /* color: rgb(231, 76, 60); */ position: absolute; left: 0px; margin-right: 1em; font-weight: 400; } .check-circle li { padding-left: 20px; display: block; position: relative; left: -15px; } .check li:before, .startbox.check li:before { font-family: 'Font Awesome 5 Pro'; content: "\f00c"; font-size: 12px; /* color: rgb(231, 76, 60); */ position: absolute; left: 0px; margin-right: 1em; font-weight: 400; } .check li, .startbox.check li { padding-left: 20px; display: block; position: relative; left: -15px; } .list--element__alert li:before, li.list--element__alert::before { font-family: 'Font Awesome 5 Pro'; content: "\f071"; font-size: 15px; position: absolute; left: -3px; margin-right: 1em; font-weight: 400; } .list--element__alert li { padding-left: 17px; display: block; position: relative; left: -17px; } li.list--element__alert { padding-left: 17px; display: block; position: relative; left: 0px; } li.list--element__alert.em2 { padding-left: 2.5em; } .list--element__warning li:before, li.list--element__warning:before { color: #d71e0b; font-weight: 400; } .list--element__hint li:before, li.list--element__hint:before { color: rgb(255,200,0); font-weight: 400; } .list--element__positiv li:before, li.list--element__positiv:before { color: rgb(2,90,0); font-weight: 400; } .li-b li:before, li.list--element__b:before { color: rgb(2,100,130); font-weight: 400; } .li-spr li:before, .UTM.li-b li::before { color: #ec7063; font-weight: 400; } .list--element__solid li:before, li.list--element__solid:before { font-weight: 900; } .list--element__regular li:before, li.list--element__regular:before { font-weight: 400; } .list--element__light li:before, li.list--element__light:before { font-weight: 300; } .li-sp li:before { font-family: 'spicons'; content: "\e902"; font-size: 12px; /* color: rgb(231, 76, 60); */ position: absolute; left: 0px; margin-right: 1em; font-weight: 400; } .li-sp li { padding-left: 20px; display: block; position: relative; left: -15px; } .Neu-Container { display: inline-flex; position: relative; top: 0.2em; width: 1.3em; padding-top: 5px; } .Neu--Text { font-size: 65%; display: inline-flex; position: relative; top: -1em; } .Neu--Icon { font-size: 50%; display: inline-flex; margin-left: 0px; /* margin-right: 2px; */ position: relative; top: -0.2em; left: -1.65em; } .new .startbox-head { padding: 0px; } .info-box #mw-customcollapsible-info-collapsed { display: inherit; } .lh--default { line-height: 1.4em; } /*** Schriftgrößen ***/ .Hinweis-Container--icon.em1 { font-size: 1em; } .Hinweis-Container--icon.em2 { font-size: 2em; } .Hinweis-Container--icon.em3 { font-size: 3em; } .list--element__alert.em2:before { font-size: 2em; top: 9px; } /*** Ende Schriftgrößen *** /*** Hintergrundfarben ***/ .UTM.bc__gruen, .UTM.bc__grün, .UMA.bc__gruen, .UMA.bc__grün { background-color: #468847; } .MS.bc__gruen, .MS.bc__grün, .MDM.bc__gruen, .MDM.bc__grün { background-color: #2DCC71; } .bc__rot, .AV.bc__rot, .UTM.bc__rot, .UMA.bc__rot { background-color: #ec7063; } .MS.bc__rot, .MDM.bc__rot { background-color: #E74C3C; } .UTM.bc__grau { background-color: rgb(153, 153, 153); } .UMA.bc__grau { background-color: #555555; } .MS.bc__grau, .MDM.bc__grau { background-color: #cccccc; } .bc__dgrau { background-color: rgb(51, 51, 51); /* Log-Einträge UTM, */ } .bc__hgrau { background-color: rgba(0, 0, 0, 0.05); /* Status-Meldungen */ } .bc__grau-app { background-color: #c1cbce; /* Graue Balken in der Android-App */ } .bc__grau-s { background-color: #55676d; /* Graue Schrift in Android-App */ } .bc__grau-b { background-color: #878a90; /* Graue Buttons in Android-App */ } .bc__blau { background-color: rgb(58, 135, 173); /* Zonen, Bereiche */ } .bc__hblau, .bc__hell-blau { background-color: #00bcd4; /* Geblockte Anfragen */ } .bc__macos-blau { background-color: #257bfe; /* Schaltflächen in MacOS */ } .bc__rots { background-color: rgba(231,76,60, 0.7); /* Symbole in rot */ } .bc__rotaus { background-color: #B94A48; /* verwendet für deaktivierte Buttons in UTM */ } .bc__orange { background-color: #ff5722; /* verwendet für Warnungen in Statistik */ } .bc__ddgrau { background-color: #484c53; /* Graue Ränder */ } .bc__rotr { background-color: #e43725; /* verwendet für Border von Schaltflächen */ } .bc__rotbd { background-color: #d62c1a; /* verwendet für Border von Hinweisen */ } .bc__rot-cb { background-color: #ef8b80; /* verwendet für Border von Clickboxen */ } .bc__white-lbd { background-color: rgba(255, 255, 255, 0.1); /* verwendet für weiße Ränder */ } .bc__gelbbd { background-color: #ec971f; /* Border gelbe Felder */ } .bc__grünbd { background-color: #24a25a; /* Border grüne Felder */ } .bc__r, .bc__warnung { background-color: #d71e0b; /* rot */ } .bc__gr, .bc__positiv { background-color: rgb(2,90,0); /* grün */ } .bc__g, .bc__hinweis { background-color: rgb(255,200,0); /* gelb */ } .bc__b { background-color: rgb(2,100,130); /* blau */ } .bc__gelb { background-color: #f0ad4e; } .UTM.bc__rot, .UMA.bc__rot { background-color: #ec7063; } .MS.bc__rot { background-color: #E74C3C; } .bc__ja, tbody > tr > td.bc__ja { background-color: #CCFFCC; } .bc__teilweise, tbody > tr > td.bc__teilweise { background-color: #fcffcc; } .bc__nein, tbody > tr > td.bc__nein { background-color: #FF5555; } /*** Ende Hintergrund-Farben ***/ /*** Beginn Schrift-Farbe ***/ .UTM.font-color__gruen, .UTM.font-color__grün, .UMA.font-color__gruen, .UMA.font-color__grün { color: #468847; } .MS.font-color__gruen, .MS.font-color__grün { color: #2DCC71; } .UTM.font-color__rot, .UMA.font-color__rot { color: #ec7063; } .MS.font-color__rot { color: #E74C3C; } .UTM.font-color__grau { color: rgb(153, 153, 153); } .UMA.font-color__grau { color: #555555; } .MS.font-color__grau { color: #cccccc; } .font-color__white-l { color: rgba(255, 255, 255, 0.9); } .font-color__grau-l { color: rgba(0, 0, 0, 0.6); } .font-color__dgrau { color: rgb(51, 51, 51); /* Log-Einträge UTM, */ } .font-color__hgrau { color: rgba(0, 0, 0, 0.05); /* Status-Meldungen */ } .font-color__grau-app { color: #c1cbce; /* Graue Balken in der Android-App */ } .font-color__grau-s { color: #55676d; /* Graue Schrift in Android-App */ } .font-color__grau-b { color: #878a90; /* Graue Buttons in Android-App */ } .font-color__blau { color: rgb(58, 135, 173); /* Zonen, Bereiche */ } .font-color__hblau, .font-color__hell-blau { color: #00bcd4; /* Geblockte Anfragen */ } .font-color__macos-blau { color: #257bfe; /* Schaltflächen in MacOS */ } .font-color__rots { color: rgba(231,76,60, 0.7); /* Symbole in rot */ } .font-color__rotaus { color: #B94A48; /* verwendet für deaktivierte Buttons in UTM */ } .font-color__orange { color: #ff5722; /* verwendet für Warnungen in Statistik */ } .font-color__ddgrau { color: #484c53; /* Graue Ränder */ } .font-color__rotr { color: #e43725; /* verwendet für Border von Schaltflächen */ } .font-color__rotbd { color: #d62c1a; /* verwendet für Border von Hinweisen */ } .font-color__rot-cb { color: #ef8b80; /* verwendet für Border von Clickboxen */ } .font-color__white-lbd { color: rgba(255, 255, 255, 0.1); /* verwendet für weiße Ränder */ } .font-color__gelbbd { color: #ec971f; /* Border gelbe Felder */ } .font-color__grünbd { color: #24a25a; /* Border grüne Felder */ } .font-color__r, .font-color__warnung { color: #d71e0b; /* rot */ } .font-color__gr, .font-color__positiv { color: rgb(2,90,0); /* grün */ } .font-color__g, .font-color__hinweis { color: rgb(255,200,0); /* gelb */ } .font-color__b { color: rgb(2,100,130); /* blau */ } .font-color__gelb, li.UTM.list--element__hint:before { color: #f0ad4e; } .UTM.font-color__rot, .UMA.font-color__rot, li.UTM.list--element__warning:before { color: #ec7063; } .MS.font-color__rot { color: #E74C3C; } /*** Ende Schrift-Farbe ***/ /*** Beginn Border-Farbe ***/ .UTM.border-color__gruen, .UTM.border-color__grün, .UMA.border-color__gruen, .UMA.border-color__grün { border-color: #468847; } .MS.border-color__gruen, .MS.border-color__grün { border-color: #2DCC71; } .UTM.border-color__rot, .UMA.border-color__rot { border-color: #ec7063; } .MS.border-color__rot { border-color: #E74C3C; } .UTM.border-color__grau { border-color: rgb(153, 153, 153); } .UMA.border-color__grau { border-color: #555555; } .MS.border-color__grau { border-color: #cccccc; } .border-color__white-l { border-color: rgba(255, 255, 255, 0.9); } .border-color__grau-l { border-color: rgba(0, 0, 0, 0.6); } .border-color__dgrau { border-color: rgb(51, 51, 51); /* Log-Einträge UTM, */ } .border-color__hgrau { border-color: rgba(0, 0, 0, 0.05); /* Status-Meldungen */ } .border-color__grau-app { border-color: #c1cbce; /* Graue Balken in der Android-App */ } .border-color__grau-s { border-color: #55676d; /* Graue Schrift in Android-App */ } .border-color__grau-b { border-color: #878a90; /* Graue Buttons in Android-App */ } .border-color__blau { border-color: rgb(58, 135, 173); /* Zonen, Bereiche */ } .border-color__hblau, .border-color__hell-blau { border-color: #00bcd4; /* Geblockte Anfragen */ } .border-color__macos-blau { border-color: #257bfe; /* Schaltflächen in MacOS */ } .border-color__rots { border-color: rgba(231,76,60, 0.7); /* Symbole in rot */ } .border-color__rotaus { border-color: #B94A48; /* verwendet für deaktivierte Buttons in UTM */ } .border-color__orange { border-color: #ff5722; /* verwendet für Warnungen in Statistik */ } .border-color__ddgrau { border-color: #484c53; /* Graue Ränder */ } .border-color__rotr { border-color: #e43725; /* verwendet für Border von Schaltflächen */ } .border-color__rotbd { border-color: #d62c1a; /* verwendet für Border von Hinweisen */ } .border-color__rot-cb { border-color: #ef8b80; /* verwendet für Border von Clickboxen */ } .border-color__white-lbd { border-color: rgba(255, 255, 255, 0.1); /* verwendet für weiße Ränder */ } .border-color__gelbbd { border-color: #ec971f; /* Border gelbe Felder */ } .border-color__grünbd { border-color: #24a25a; /* Border grüne Felder */ } .border-color__r, .border-color__warnung { border-color: #d71e0b; /* rot */ } .border-color__gr, .border-color__positiv { border-color: rgb(2,90,0); /* grün */ } .border-color__g, .border-color__hinweis { border-color: rgb(255,200,0); /* gelb */ } .border-color__b { border-color: rgb(2,100,130); /* blau */ } .border-color__gelb { border-color: #f0ad4e; } .UTM.border-color__rot, .UMA.border-color__rot { border-color: #ec7063; } .MS.border-color__rot { border-color: #E74C3C; } /*** Ende Border-Farbe ***/ .button { border: 1px solid #B6B6B6; border-radius:3px; padding: 0px 4px; padding-top: 0px; margin-top: 1px; display: inline-block; } .button-default { background-image: linear-gradient(#ededed, #c4c4c4); } .button.button-blau { background-image: linear-gradient(rgb(185, 224, 245)0%, rgb(146, 189, 214) 100%); } .button.button-dro, .button.button-dropdown-solid { background: white; color: rgb(68, 68, 68); } .button.button-dr, .button.button-dropdown { background-image: linear-gradient(#fcfcfc, #edebea); } blockquote { margin: 0.25rem 0 1rem; font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; font-size: 87.5%; color: #212529; border: 1px solid lightgray; background-color: white; padding: 0.5em; display: inline-block; }