|
|
| (70 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| /*** Diese css-Styles werden von der Vorlage {{TOC2}} automatisch eingebunden! ***/ | | /*** Diese css-Styles werden von der Vorlage {{Set_lang}} automatisch eingebunden! ***/ |
| /*** Alle anderen müssen dieses css wie folgt einbinden: <templatestyles src="Vorlage:Styles.css" /> ***/ | | /*** Alle anderen müssen dieses css wie folgt einbinden: <templatestyles src="Vorlage:Styles.css" /> ***/ |
|
| |
|
| .button a.image {
| | /****** Beginn Workaround für LiveWiki *****/ |
| display: inline-block;
| |
| padding-right: 2px;
| |
| }
| |
|
| |
|
|
| |
|
| .button-2 .button a.image { | | .fas.fa-sun-bright::before { |
| vertical-align: -2px;
| | content: ""; |
| padding-right: 20px;
| |
| } | | } |
|
| |
|
| .button .button-1 a.image { | | .fa-paragraph-left::before { |
| vertical-align: -1px;
| | content: ""; |
| } | | } |
|
| |
|
| .mw-editform #wpTextbox1 { | | .fa-close::before { |
| color:black!important;
| | content: ""; |
| } | | } |
|
| |
|
|
| |
|
| /* hr { | | /********** Ende Workaround für LiveWiki *****/ |
| 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);
| |
| }
| |
| | |
| .toc {
| |
| border: 1px solid #a2a9b1;
| |
| padding: 7px;
| |
| }
| |
|
| |
|
| .width-xxl .toc,
| |
| .width-xl .toc,
| |
| .width-l .toc,
| |
| .width-xxs .toc,
| |
| .width-xs .toc,
| |
| .width-s .toc {
| |
| min-width: unset;
| |
| }
| |
|
| |
|
| .toclevel-2 {
| | /****** Kann wieder raus, wenn in scss _position_ entfernt ******/ |
| margin-left: 15px;
| |
| }
| |
|
| |
|
| .toclevel-3 { | | .mw-collapsible-text { /*z-index und position raus, padding-left geändert */ |
| font-size: 90%;
| | padding-left: 0.25em; |
| margin-left: 22px;
| | display: unset; |
| } | | } |
|
| |
|
| .toclevel-4 { | | .mw-collapsible-toggle-default::before, |
| font-size: 80%;
| | .dezent .mw-collapsible-toggle-default::before, |
| margin: -4px 0px -4px 26px;
| | .bigdezent .mw-collapsible-toggle-default::before { |
| | content: "\f25a"; |
| | font-family: "Font Awesome 6 Pro"; |
| | font-weight: 300; |
| } | | } |
|
| |
|
| .notocnumber .toc ul li a .tocnumber { | | .hover .mw-collapsible-toggle-default::before { |
| display: none; | | content: ""; |
| } | | } |
|
| |
|
| /* ausgeagert in common.css
| | .mw-collapsible .mw-collapsible-toggle-default::after { |
| .toctogglespan { | | content: ""; |
| display: inline-flex; | |
| } | | } |
| */
| |
|
| |
|
| .glyphicons { | | .info .mw-collapsible-toggle-default::before, |
| display: inline-block;
| | .info-collapsed .mw-collapsible-toggle-default::before { |
| /*opacity: 1;*/ | | content: "\f05a"; |
| } | | } |
|
| |
|
| .halflings { | | .fab.fa-windows .mw-collapsible-toggle-default::before { |
| display: inline-block;
| | content: "\f17a"; |
| }
| | font-family: "Font Awesome 6 Brands"; |
| | |
| table {
| |
| /* display: inline; */
| |
| margin: unset;
| |
| } | | } |
|
| |
|
| | | .fab.fa-linux .mw-collapsible-toggle-default::before { |
| .unsichtbar { | | content: "\f17c"; |
| display: none!important; | | font-family: "Font Awesome 6 Brands"; |
| } | | } |
|
| |
|
| h3, h4 {
| |
| white-space: pre-wrap;
| |
| line-height: 1.3em;
| |
| color: rgba(0,0,0,0.8);
| |
| }
| |
|
| |
|
| .h2 {
| |
| border-bottom: 1px solid #a2a9b1;
| |
| display: flex;
| |
| }
| |
|
| |
|
| .h-top +h3 { | | .embedvideo-thumbnail__image { |
| margin-top: 0em; | | width: inherit; |
| | height: inherit; |
| | object-fit: cover; |
| | position: absolute; |
| } | | } |
|
| |
|
| .listhead p {
| | /***** *****/ |
| margin-bottom: 0;
| |
| }
| |
|
| |
|
| .no-p p {
| |
| margin-top: 0;
| |
| margin-bottom: 0!important;
| |
| }
| |
|
| |
|
| li {
| | .Preview { |
| text-align: left; | | display: none; |
| } | | } |
|
| |
|
| ul > li:last-child {
| | .Not-Preview-yes.Preview-yes { |
| margin-bottom: 7px; | | display: none; |
| } | | } |
|
| |
|
| .btn a { | | .Preview.Preview-yes { |
| color: unset;
| | display: block; |
| }
| | padding-bottom: 1em; |
| | | position: absolute; |
| | | top: -4em; |
| /* Formatierung Ausklapp-Toggle */
| | left: 8.5em; |
| | |
| /* 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;
| |
| }
| |
| | |
| .bigdezent .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: 3px solid #00ffff;
| |
| border-radius: 3px;
| |
| padding: 0px 3px!important;
| |
| font-size: 80%;
| |
| font-family: Arial;
| |
| text-align: left;
| |
| float: none!important; | |
| margin-top: 0.3em;
| |
| line-height: 2em;
| |
| }
| |
| | |
| .dezent.fs-medium .mw-collapsible-toggle,
| |
| .bigdezent.fs-medium .mw-collapsible-toggle {
| |
| font-size: medium;
| |
| }
| |
| | |
| .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;
| |
| margin-right: 0.5em;
| |
| }
| |
| | |
| .blank .mw-collapsible-toggle {
| |
| /* color:rgba(255, 255, 255, 0.9);*/
| |
| display: inline-block;
| |
| background-image: none;
| |
| border: none;
| |
| /* border-radius:3px;*/
| |
| padding: 0px 3px!important;
| |
| font-size:80%;
| |
| text-align:left;
| |
| float:none!important;
| |
| margin-top: 0.3em;
| |
| }
| |
| | |
| .grau .mw-collapsible-toggle {
| |
| color: rgba(0,0,0,0.7);
| |
| display: inline-block;
| |
| background: #eaecf0;
| |
| border: none;
| |
| min-height: 3em;
| |
| padding: 1em !important;
| |
| font-size: 16px;
| |
| font-weight: bolder;
| |
| text-align: center;
| |
| float: none!important;
| |
| margin-top: 0px;
| |
| }
| |
| | |
| | |
| | |
| .mw-collapsible-toggle-default::before {
| |
| content: '\f25a ';
| |
| font-family: 'Font Awesome 5 Pro';
| |
| font-weight: 300;
| |
| /* content: ''; */
| |
| } | | } |
|
| |
|
| .io .mw-collapsible-toggle-default::before { | | .Preview + p{ |
| content: '\f129 '; | | display: inline-flex; |
| font-family: 'Font Awesome 5 Pro';
| |
| font-weight: 300;
| |
| /* content: ''; */
| |
| } | | } |
|
| |
|
| .mw-collapsible-toggle-default::after { | | .Preview-yes .prev a:nth-child(1) { |
| content: ''; | | display: block; |
| | padding-bottom: 1em; |
| } | | } |
|
| |
|
| .toggle-links#mw-customcollapsible-Inhalte { | | .sp-lang-de ~ * .prev a:nth-child(1)::before { |
| display: inline-flex; | | color: rgba(0,0,0,0.7); |
| | content: "Vorherige Version:"; |
| | font-weight: normal; |
| } | | } |
|
| |
|
| .toggle-links .mw-collapsible-toggle { | | .sp-lang-en ~ * .prev a:nth-child(1)::before { |
| height: max-content; | | color: rgba(0,0,0,0.7); |
| | content: "Previous version:"; |
| | font-weight: normal; |
| } | | } |
|
| |
|
| a.mw-collapsible-text {
| | .sp-lang-de ~ .Preview-yes .prev a:nth-child(1)::before { |
| color: white; | | content: 'Aktuelle Dokumentation:'; |
| | color: rgba(0,0,0,0.7); |
| | font-weight: bold; |
| } | | } |
|
| |
|
| .TOC3 a.mw-collapsible-text { | | .sp-lang-en ~ .Preview-yes .prev a:nth-child(1)::before { |
| color: unset; | | content: 'Current documentation:'; |
| | color: rgba(0,0,0,0.7); |
| | font-weight: bold; |
| } | | } |
|
| |
|
| .mw-collapsible.hover a.mw-collapsible-text { | | .sp-lang-de ~ .Preview-yes .prev a:nth-child(2)::before { |
| color: unset; | | color: rgba(0,0,0,0.7); |
| | content: "Vorherige Version:" !important; |
| | font-weight: normal; |
| | margin-right: 3.65em; |
| } | | } |
|
| |
|
| .spicon-utm .mw-collapsible-toggle-default::after { | | .sp-lang-en ~ .Preview-yes .prev a:nth-child(2)::before { |
| content: '\e91c '; | | color: rgba(0,0,0,0.7); |
| | content: "Vorherige Version:" !important; |
| | font-weight: normal; |
| | margin-right: 3.65em; |
| } | | } |
|
| |
|
| .spicon-av .mw-collapsible-toggle-default::after,
| | /*************************/ |
| .spicon-antivirus .mw-collapsible-toggle-default::after {
| | .button a.image { |
| content: '\e901 ';
| |
| }
| |
| | |
| .spicon-uma .mw-collapsible-toggle-default::after {
| |
| content: '\e91a ';
| |
| }
| |
| | |
| .spicon-sub .mw-collapsible-toggle-default::after {
| |
| content: '\e925 ';
| |
| }
| |
| | |
| .spicon-vpn-client .mw-collapsible-toggle-default::after,
| |
| .spicon-sslvpn .mw-collapsible-toggle-default::after {
| |
| content: '\e900 ';
| |
| }
| |
| | |
| .spicon-ms .mw-collapsible-toggle-default::after,
| |
| .spicon-mobile-security .mw-collapsible-toggle-default::after {
| |
| content: '\e913 ';
| |
| }
| |
| | |
| | |
| [class*="spicon-"] .mw-collapsible-toggle-default::after {
| |
| font-family: 'spicons';
| |
| float: right;
| |
| padding-right: 3px;
| |
| padding-left: 3px;
| |
| font-size: 150%;
| |
| }
| |
| | |
| i:not([class*="spicon-"]) {
| |
| font-family: unset !important;
| |
| }
| |
| | |
| #mw-customcollapsible-Inhalte {
| |
| font-family: unset !important;
| |
| }
| |
| | |
| | |
| .info-collapsed .mw-collapsible-toggle,
| |
| .info .mw-collapsible-toggle,
| |
| .info-collapsed,
| |
| .info,
| |
| .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;
| |
| }
| |
| | |
| div.info {
| |
| padding: 0;
| |
| }
| |
| | |
| .hover .mw-collapsible-toggle {
| |
| text-decoration-line: underline;
| |
| text-decoration-style: dotted;
| |
| }
| |
| | |
| .info-text .mw-collapsible-toggle {
| |
| display: inline;
| |
| }
| |
| | |
| .hover .mw-collapsible-content,
| |
| .info-text .mw-collapsible-content {
| |
| background: lavender;
| |
| }
| |
| | |
| .info-text .mw-collapsible-content {
| |
| background: lavender;
| |
| }
| |
| | |
| .info .mw-collapsible-toggle-default::before,
| |
| .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.dots .mw-collapsible-toggle-default::before {
| |
| content: '\f141';
| |
| font-family: 'Font Awesome 5 Pro';
| |
| font-weight: 500;
| |
| color: #ec971f;
| |
| border: 1px dotted #ec971f;
| |
| border-radius: 0px;
| |
| padding: 0px 3px;
| |
| background: azure;
| |
| }
| |
| | |
| .question .mw-collapsible-toggle-default::before {
| |
| }
| |
| | |
| .question .mw-collapsible-toggle-default::after {
| |
| content: '\f128';
| |
| font-family: 'Font Awesome 5 Pro';
| |
| font-weight: 300;
| |
| color: #ec971f;
| |
| border-bottom: 1px dotted #ec971f;
| |
| border-radius: 0px;
| |
| padding-bottom: 1px;
| |
| }
| |
| | |
| | |
| .info-collapsed.check-circle .mw-collapsible-toggle-default::before {
| |
| content: '\f058';
| |
| font-family: 'Font Awesome 5 Pro';
| |
| font-weight: 900;
| |
| /* color: #ec971f; */
| |
| border-bottom: 1px dotted #ec971f;
| |
| border-radius: 0px;
| |
| padding-bottom: 1px;
| |
| }
| |
| | |
| .info-collapsed.alert .mw-collapsible-toggle-default::before {
| |
| content: '\f071';
| |
| font-family: 'Font Awesome 5 Pro';
| |
| font-weight: 900;
| |
| /* color: #ec971f; */
| |
| border-bottom: 1px dotted #ec971f;
| |
| border-radius: 0px;
| |
| padding-bottom: 1px;
| |
| }
| |
| | |
| .info-collapsed .mw-collapsible-text {
| |
| display: none;
| |
| }
| |
| | |
| .info .mw-collapsible-text {
| |
| color: #ec971f;
| |
| font-size: small;
| |
| padding-left: 2px;
| |
| }
| |
| | |
| | |
| .hover.mw-collapsible { | |
| display: inline-block; | | display: inline-block; |
| | padding-right: 2px; |
| } | | } |
|
| |
|
| #mw-customcollapsible-Inhalte {
| |
| display: inline;
| |
| }
| |
|
| |
| #mw-customcollapsible-Inhalte2 {
| |
| display: inline;
| |
| }
| |
|
| |
|
| #mw-customcollapsible-Inhalte3 {
| | .button-2 .button a.image { |
| display: inline;
| | vertical-align: -2px; |
| }
| | padding-right: 20px; |
| | |
| .Bild .dezent #mw-customcollapsible-Inhalte { | |
| float: left !important; /* Zeigt die Schaltfläche innerhalb von Tabellen mit Bildern linksbündig an */ | |
| }
| |
| | |
| .thumbcaption #mw-customcollapsible-Inhalte {
| |
| display: grid;
| |
| justify-content: flex-end;
| |
| } | |
| | |
| .Einblenden-rechts .mw-collapsible-toggle {
| |
| float: right !important;
| |
| margin-right: 0px !important;
| |
| }
| |
| | |
| #mw-customcollapsible-info-collapsed {
| |
| display: inline-table;
| |
| } | | } |
|
| |
|
| #mw-customcollapsible-hover {
| | .button .button-1 a.image { |
| display: inline-table; | | vertical-align: -1px; |
| } | | } |
|
| |
|
| .mw-collapsible-content { | | .mw-editform #wpTextbox1 { |
| display: block; | | color:black!important; |
| } | | } |
|
| |
|
| .block .mw-collapsible-content {
| |
| display: block;
| |
| }
| |
|
| |
|
| .block.flex-content .mw-collapsible-content {
| | /* hr { |
| display: flex;
| | text-align:left; |
| } | | }*/ |
|
| |
|
| .Bild .mw-collapsible-toggle {
| |
| float: left !important;
| |
| }
| |
|
| |
|
| .Bild .mw-collapsible-content {
| |
| position: relative;
| |
| top: 2em;
| |
| }
| |
|
| |
|
| .Toggle-als-Block .mw-collapsible-toggle-collapsed {
| |
| width: 25.2em;
| |
| margin: 5px;
| |
| }
| |
|
| |
|
| .Toggle-als-Block .mw-collapsible-content { | | /* ausgelagert in common.css |
| margin-left: 5px;
| | .toctogglespan { |
| }
| | display: inline-flex; |
| | |
| .Bild.width-xs.mw25 ~ .Einrücken .Toggle-als-Block .mw-collapsible-toggle-expanded {
| |
| margin-right: calc( 100vw - 25.2em - 25em - 8vw - 270px ); | |
| width: 25.2em;
| |
| margin-left: 5px;
| |
| margin-bottom: 5px;
| |
| } | | } |
| | */ |
|
| |
|
|
| |
|
| | | .inaktiv { |
| .Toggle-als-Block { | | opacity: 0.35; |
| display: flex; | |
| flex-wrap: wrap; | |
| position: relative;
| |
| left: -5px;
| |
| } | | } |
|
| |
|
| .toggle-size-big .bigdezent .mw-collapsible-toggle,
| | .Hover-icon::before { |
| .toggle-size-big .bigdezent .mw-collapsible-toggle .mw-collapsible-text {
| | position: relative; |
| font-size: 100%;
| | z-index: 0; |
| }
| | left: 1em; |
| | | margin-left: -1em; |
| | |
| /* Ende Formatierung Ausklapp-Toggle */
| |
| | |
| | |
| .Hover { | |
| padding: 0.2em;
| |
| background: rgba(0,0,0,0.81);
| |
| border-radius: 3px;
| |
| color: white;
| |
| font-size: 95%;
| |
| }
| |
| | |
| | |
| th.headerSort {
| |
| padding-right: 19px!important;
| |
| }
| |
| | |
| .top,
| |
| .top td {
| |
| vertical-align: top; | |
| }
| |
| | |
| | |
| .middle td, .middle {
| |
| vertical-align: middle; | |
| } | |
| | |
| .sub td, .sub {
| |
| vertical-align: sub;
| |
| } | |
| | |
| .sup {
| |
| color: #f89406;
| |
| font-size: 120%; | |
| } | |
| | |
| dd {
| |
| margin-left: 2em;
| |
| }
| |
| | |
| ul {
| |
| margin-bottom: 0px;
| |
| }
| |
| | |
| .ul-2 {
| |
| padding-left: 4em;
| |
| } | | } |
|
| |
|
| | .neu-menu .Hover-icon.fal.fa-hand-pointer::before { |
| | margin-left: -12px; /* andernfalls wird die URL */ |
| | } /* 2-Zeilig umgebrochen, weil…? */ |
|
| |
|
| .mw-empty-elt { | | .tolltip { |
| 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 ";
| |
| position: absolute; | | position: absolute; |
| left: 0.75em;
| |
| }
| |
|
| |
|
| |
| .nocolumnbreak ul {
| |
| page-break-inside: avoid;
| |
| break-inside: avoid;
| |
| } | | } |
|
| |
|
| .wikitable, | | .tolltip.links .mw-collapsible-content { |
| .auto { | | right:100%; |
| width: auto;
| |
| } | | } |
|
| |
|
| .wikitable1 { | | .tolltip:hover .mw-collapsible-content { |
| background-color:white; | | display: block !important; |
| color: #222; | |
| margin: 0em 0;
| |
| border: 1px solid white;
| |
| border-collapse: collapse;
| |
| } | | } |
|
| |
|
| .wikitable2, .wikitable3 { | | .tolltip .mw-collapsible-content { |
| /* background-color:white; */ | | position: relative; |
| color: #222; | | background: gainsboro; /* aliceblue; */ |
| margin: 0em 0; | | z-index: 20; |
| border: 1px solid white; | | /* top: 0.5em; */ |
| border-collapse: collapse; | | padding: 5px; |
| | margin: 0.25em; |
| | border: #ec971f; |
| } | | } |
|
| |
|
| .wikitable1 th, .wikitable2 th, .wikitable3 th { | | /* |
| background-color: #eaecf0;
| | .tolltip .mw-collapsible-toggle { |
| border: 1px solid #a2a9b1;
| | color: unset; |
| }
| | display: inline-block; |
| | | background: unset; |
| .wikitable1 td, .wikitable2 > tbody > tr > td {
| | border: unset; |
| background-color: #f8f9fa;
| | padding: unset; |
| border: 1px solid #a2a9b1;
| | font-size: 100%; |
| padding: 0.2em 0.2em;
| | text-align: left; |
| line-height:1.4;
| | float: unset; |
| }
| | width: 1.5em; |
| | | position:relative; |
| | | left:-1.3em; |
| .wikitable1 .Leerzeile,
| |
| .wikitable2 .Leerzeile,
| |
| .wikitable3.Leerzeile,
| |
| .sptable.Leerzeile,
| |
| .sptable2.Leerzeile,
| |
| .sptable3.Leerzeile,
| |
| .noborder.Leerzeile,
| |
| .sptable2.striped tbody tr:nth-child(2n+1).Leerzeile > td {
| |
| /* border-left: 0;
| |
| border-right: 0;
| |
| border: 0;
| |
| background: unset;
| |
| height: auto;
| |
| } | |
| | |
| | |
| | |
| .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;
| |
| }
| |
| | |
| [class^="sptable"].center-col1 td:first-child,
| |
| .center-col1 td:first-child,
| |
| .center-col1 th:first-child,
| |
| .center-1col td:first-child,
| |
| .center-1col th:first-child,
| |
| td.sp-center,
| |
| th.sp-center,
| |
| .tr1--center tr > th:first-child,
| |
| .tr1--center tr > td:first-child {
| |
| text-align: center;
| |
| }
| |
| | |
| | |
| .center td,
| |
| .center-col2 td:nth-child(2),
| |
| .center-col2 th:nth-child(2),
| |
| .center-col2-n th:not(:first-child),
| |
| .center-col2-n td:not(:first-child),
| |
| .center-col4 td:nth-child(4),
| |
| .center-col4 th:nth-child(4) {
| |
| text-align: center;
| |
| }
| |
| | |
| .center-col1 .nocenter td:first-child {
| |
| text-align: unset;
| |
| }
| |
| | |
| | |
| .hide-col1 td:first-child,
| |
| .hide-col1 th:first-child,
| |
| .hide-1col td:first-child,
| |
| .hide-1col th:first-child {
| |
| display: none;
| |
| }
| |
| | |
| .hide-col2 td:nth-child(2),
| |
| .hide-col2 th:nth-child(2),
| |
| .hide-1co2 td:nth-child(2),
| |
| .hide-1co2 th:nth-child(2) {
| |
| display: none;
| |
| }
| |
| | |
| | |
| .sptable2 th.th-rotate {
| |
| height: 9em;
| |
| white-space: nowrap;
| |
| border-left: none;
| |
| }
| |
| | |
| .sptable2 th:not(:last-child).th-rotate {
| |
| border-right: none;
| |
| }
| |
| | |
| th.th-rotate > div {
| |
| transform:
| |
| /* Magic Numbers */
| |
| translate(-8.6em, -4.33em)
| |
| /* 45 is really 360 - 45 */
| |
| rotate(45deg);
| |
| width: 4em;
| |
| }
| |
| | |
| th.th-rotate > div > div {
| |
| border-bottom: 1px solid grey;
| |
| padding: 1.2em 0px;
| |
| width: 12.7em;
| |
| text-align: end;
| |
| vertical-align: middle;
| |
| display: inline-block;
| |
| }
| |
| | |
| .hideifnotneeded .hideifnotneeded {
| |
| display: none;
| |
| }
| |
| | |
| table.tdnoleft tr td {
| |
| text-align: unset;
| |
| }
| |
| | |
| | |
| .Leerzeile td {
| |
| text-align: left !important;
| |
| }
| |
| | |
| .sptable2, .sptable3 {
| |
| display: inline-block;
| |
| /* 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 { | | .tolltip .mw-collapsible-toggle-default::before { |
| background-color: unset;
| | content:unset; |
| border: unset;
| |
| }
| |
| | |
| table.sptable,
| |
| table.sptable2,
| |
| table.sptable3 {
| |
| border: 0;
| |
| }
| |
| | |
| .spgridtr .Leerzeile {
| |
| border-left: 0;
| |
| border-right: 0;
| |
| }
| |
| | |
| | |
| .sptable .Leerzeile, .sptable2 .Leerzeile, .blank .Leerzeile {
| |
| border: 0;
| |
| background: unset;
| |
| height: auto;
| |
| }
| |
| | |
| .ausrücken, .Ausrücken {
| |
| margin-left: -30px;
| |
| display: block;
| |
| }
| |
| | |
| .Leerzeile td, .Ausrücken td, .ausrücken td {
| |
| border: none !important;
| |
| }
| |
| | |
| .Leerzeile .border-default td {
| |
| border: 1px solid grey !important;
| |
| }
| |
| | |
| .pipe-left .spc__default:not(:first-child) {
| |
| border-left: 1px solid;
| |
| border-radius: 0;
| |
| padding-left: 3px;
| |
| }
| |
| | |
| .pipe-left .spc__default:first-child {
| |
| padding-right: 3px;
| |
| }
| |
| | |
| .swaprow3-4 tbody tr {
| |
| display: grid;
| |
| justify-content: left;
| |
| }
| |
| | |
| .swaprow3-4 tr th:nth-child(1),
| |
| .swaprow3-4 tr td:nth-child(1) {
| |
| grid-column: 1/2;
| |
| width: 6em;
| |
| border-right: 0;
| |
| border-bottom: 0;
| |
| }
| |
| | |
| .swaprow3-4 tr th:nth-child(2),
| |
| .swaprow3-4 tr td:nth-child(2) {
| |
| grid-column: 2/3;
| |
| width: 6em;
| |
| border-right: 0;
| |
| border-bottom: 0;
| |
| }
| |
| | |
| .swaprow3-4 tr th:nth-child(3),
| |
| .swaprow3-4 tr td:nth-child(3) {
| |
| grid-column: 4/5;
| |
| width: 8em;
| |
| border-bottom: 0;
| |
| }
| |
| | |
| .swaprow3-4 tr th:nth-child(4),
| |
| .swaprow3-4 tr td:nth-child(4) {
| |
| grid-column: 3/4;
| |
| grid-row: 1;
| |
| width: 8em;
| |
| border-right: 0;
| |
| border-bottom: 0;
| |
| }
| |
| | |
| .swaprow3-4 .Leerzeile {
| |
| border-top: 1px solid #a2a9b1;
| |
| }
| |
| | |
| [class*="sptable"] tr th.border-right,
| |
| [class*="sptable"] tr th.bd-right,
| |
| [class*="sptable"] tr td.border-right,
| |
| [class*="sptable"] tr td.bd-right {
| |
| border-right: 1px solid #a2a9b1;
| |
| }
| |
| | |
| .swaprow3-4 tr:last-child td {
| |
| border-bottom: 1px solid #a2a9b1;
| |
| }
| |
| | |
| .pd0 {
| |
| padding: 0px !important;
| |
| }
| |
| | |
| .pd1, .pd1 td,
| |
| .pd1 .thumbimage,
| |
| .spc__default.pd1 {
| |
| padding: 1px;
| |
| }
| |
| | |
| .pd2, .pd2 td,
| |
| .pd2 .thumbimage,
| |
| .spc__default.pd2 {
| |
| padding: 2px;
| |
| }
| |
| | |
| .pd3, .pd3 td,
| |
| .pd3 .thumbimage,
| |
| .spc__default.pd3 {
| |
| padding: 3px;
| |
| }
| |
| | |
| .pd4, .pd4 td,
| |
| .pd4 .thumbimage,
| |
| .spc__default.pd4 {
| |
| padding: 4px;
| |
| }
| |
| | |
| .pd5, .pd5 td,
| |
| .pd5 .thumbimage,
| |
| .spc__default.pd5 {
| |
| padding: 5px;
| |
| }
| |
| | |
| .pd1em, .pd1em td,
| |
| .pd1em .thumbimage,
| |
| .spc__default.pd1em {
| |
| padding: 1em;
| |
| }
| |
| | |
| .pdr05 {
| |
| padding-right: 0.5em !important;
| |
| }
| |
| | |
| .pdr3 {
| |
| padding-right: 3px;
| |
| }
| |
| | |
| .pdr6 {
| |
| padding-right: 6px;
| |
| }
| |
| | |
| .pdl0 {
| |
| padding-left: 0px !important;
| |
| }
| |
| | |
| .pdl5 {
| |
| padding-left: 5px;
| |
| }
| |
| | |
| .pdt0 {
| |
| padding-top: 0px;
| |
| }
| |
| | |
| .sptable td, .sptable0 td {
| |
| padding-top: 5px;
| |
| } | | } |
|
| |
| td.Bild, td.bild,
| |
| .sptable th.Bild,
| |
| th.bild,
| |
| table.sptable2 tr th.Bild,
| |
| table.sptable2 tr th.bild,
| |
| .Bild {
| |
| background-color: unset;
| |
| border: 0;
| |
| padding-top: 0px;
| |
| padding-left: 10px;
| |
| width: 45%;
| |
| text-align: right;
| |
| vertical-align: top;
| |
| font-weight: inherit;
| |
| }
| |
|
| |
|
| |
| table.sptable2 tr th.Bild-s,
| |
| table.sptable2 tr td.Bild-s {
| |
| background-color: unset;
| |
| border: 0;
| |
| padding-top: 0px;
| |
| padding-left: 10px;
| |
| width: 35%;
| |
| min-width: 20em;
| |
| text-align: right;
| |
| vertical-align: top;
| |
| font-weight: inherit;
| |
| }
| |
|
| |
| .Bild-s.width-xl .img-container {
| |
| width: 80%;
| |
| }
| |
|
| |
|
| |
| /*
| |
| .width-xxl,
| |
| td.Bild.width-xxl img, td.bild.width-xxl img {
| |
| width: 55%;
| |
| }
| |
|
| |
| .width-xl,
| |
| td.Bild.width-xl img, td.bild.width-xl img {
| |
| width: 50%;
| |
| }
| |
|
| |
| .width-l,
| |
| td.Bild.width-l img, td.bild.width-l img {
| |
| width: 40%;
| |
| }
| |
|
| |
| .width-m,
| |
| td.Bild.width-m img, td.bild.width-m img {
| |
| width: 35%;
| |
| }
| |
|
| |
| .width-s,
| |
| td.Bild.width-s img, td.bild.width-s img {
| |
| width: 30%;
| |
| }
| |
|
| |
| .width-xs,
| |
| td.Bild.width-xs img, td.bild.width-xs img {
| |
| width: 25%;
| |
| }
| |
|
| |
| .width-xxs,
| |
| td.Bild.width-xxs img, td.bild.width-xxs img {
| |
| width: 20%;
| |
| }
| |
| */ | | */ |
|
| |
|
| | | .hover .mw-collapsible-toggle { |
| .i-width-s .img-container {
| | background: none; |
| width: 75%;
| | border: none; |
| }
| |
| | |
| .i-width-xs .img-container {
| |
| width: 50%;
| |
| }
| |
| | |
| .i-width-xxs .img-container {
| |
| width: 35%;
| |
| }
| |
| | |
| .Bild .img-container + .img-container { | |
| margin-right: 1em;
| |
| /* Fügt nur bei Bildern, die auf ein Bild folgen
| |
| (also links davon angezeigt werden)
| |
| einen rechten Abstand hinzu */
| |
| }
| |
| | |
| .Bild .embedvideo .embedvideo .embedvideowrap iframe {
| |
| width: 80%;
| |
| top: -2.3em;
| |
| position: relative;
| |
| }
| |
| | |
| .Bild .embedvideo .embedvideo .thumbcaption {
| |
| position: relative;
| |
| top: -4.6em;
| |
| }
| |
| | |
| .Bild .thumbcaption {
| |
| display: block;
| |
| text-align: left;
| |
| }
| |
| | |
| .embedvideo-consent:hover .embedvideo-consent__message {
| |
| background-color: #E74C3C;
| |
| border-color: #E74C3C;
| |
| color: #fff;
| |
| }
| |
| | |
| img.mw1em,
| |
| img.max-width-1em {
| |
| max-width: 1em;
| |
| }
| |
| | |
| img.max-width-2em {
| |
| max-width: 2em;
| |
| }
| |
| | |
| img.iconwidth {
| |
| max-width: 1.4em;
| |
| }
| |
| .maxw10, .max-width10em {
| |
| max-width: 10em;
| |
| }
| |
| | |
| td.Bild .thumbinner, th.Bild .thumbinner, td.bild .thumbinner, th.bild .thumbinner {
| |
| width: unset !important;
| |
| border: 0;
| |
| padding-top: 0;
| |
| }
| |
| | |
| | |
| .Bild .thumb.tright, .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, .bild2 .tright {
| |
| margin-top: 0em;
| |
| }
| |
|
| |
| tbody > tr:nth-child(2) > * > .Bild2 .tright, tbody > tr:nth-child(2) > * > .bild2 .tright {
| |
| margin-top: -2.3em;
| |
| }
| |
|
| |
| .Vorschaubild img {
| |
| border: 1px solid gray;
| |
| padding: 1px;
| |
| margin-left: 5px;
| |
| margin-bottom: 10px;
| |
| width: 65px;
| |
| position: relative;
| |
| top: 1em;
| |
| }
| |
|
| |
| .bigdezent .Vorschaubild img {
| |
| margin-bottom: 20px;
| |
| }
| |
|
| |
| .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;
| |
|
| |
|
| }
| |
|
| |
|
| | | .tolltip .sptable2 td { |
| | | background: aliceblue; |
| td.border-bottom-dezent { | |
| border-bottom-color: #ddd;
| |
| } | | } |
|
| |
|
| .nop p { | | .inline-table, |
| margin-bottom: 0px;
| | .code.inline-table { |
| | display:inline-table; |
| } | | } |
|
| |
|
| .MS.Zelle1-Beschriftung td:first-child, | | .mw-collapsible.info { |
| .MS.Beschriftung {
| | background: unset; |
| display: inline-block;
| | border: none; |
| 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;
| |
| font-weight: 600;
| |
| font-size: 0.9em;
| |
| }
| |
| | |
| .UTM.Zelle1-Beschriftung td:first-child,
| |
| .UTM.Beschriftung {
| |
| background-color: white;
| |
| display: inline-block;
| |
| margin: 1px 0px;
| |
| padding:2px;
| |
| border-width: 1px;
| |
| border-style: solid;
| |
| border-color: #b6b6b6; /* white #ababab #ababab #ababab */
| |
| border-radius:3px;
| |
| font-weight: bolder;
| |
| clear: both;
| |
| }
| |
| | |
| .block,
| |
| .code.block {
| |
| display: block;
| |
| }
| |
| | |
| .flex {
| |
| display: flex;
| |
| }
| |
| | |
| .grid {
| |
| display: grid;
| |
| }
| |
| | |
| .noborder,
| |
| .noborder td {
| |
| border: 0!important;
| |
| }
| |
| | |
| td.borderless, td.td-noborder,
| |
| .noborder .thumbimage,
| |
| .Bild.noborder img {
| |
| border: none;
| |
| }
| |
| | |
| .redborder {
| |
| border: 2px solid red;
| |
| }
| |
| | |
|
| |
| /* .blank td {
| |
| border: 0!important;
| |
| background: 0!important;
| |
| } */
| |
| | |
| .blank .sptable2.noblank,
| |
| .blank .sptable2.noblank td {
| |
| border: 1px solid #a2a9b1
| |
| }
| |
| | |
| | |
| | |
| .sptable.blank,
| |
| .sptable1.blank,
| |
| .sptable2.blank,
| |
| .sptable0.blank,
| |
| .sptable.blank td,
| |
| .sptable1.blank td,
| |
| .sptable2.blank td,
| |
| .sptable0.blank td {
| |
| border: 0;
| |
| }
| |
| | |
| .border-bottom-xs td {
| |
| border: 0!important;
| |
| }
| |
| | |
| .mb05em ol:first-child > li {
| |
| margin-bottom: 0.5em;
| |
| }
| |
| | |
| .dl-mb0 dl {
| |
| margin-bottom: 0;
| |
| }
| |
| | |
| .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;
| |
| }
| |
| | |
| .host.vpn::before {
| |
| content: "\e900";
| |
| font-family: spicons !important;
| |
| font-weight: normal;
| |
| margin-right: 3px;
| |
| }
| |
| | |
| .none {
| |
| display: none;
| |
| }
| |
| | |
| .inline-flex,
| |
| .Hinweis-Container__einblenden.inline-flex,
| |
| .SUB.inline-flex {
| |
| display: inline-flex;
| |
| }
| |
| | |
| .inline-block,
| |
| .code.inline-block,
| |
| .h-box.inline-block {
| |
| display: inline-block;
| |
| }
| |
| | |
| .inline {
| |
| display: inline;
| |
| }
| |
| | |
| .h-box {
| |
| display: block;
| |
| align-items: center;
| |
| }
| |
| | |
| .text-h4.h-box {
| |
| margin: 0em 0em 1em 0em;
| |
| }
| |
| | |
| td .text-h4.h-box {
| |
| margin: 0em;
| |
| }
| |
| | |
| .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;
| |
| display: ruby; /* Nur für FF: gegen Zeilenumbruch */
| |
| }
| |
| | |
| .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;
| |
| }
| |
| | |
| .reiter.rsp {
| |
| background: #fff;
| |
| border-bottom: 2px solid #e74c3c;
| |
| margin-bottom: -2px;
| |
| display: inline-block;
| |
| padding: 0px 10px;
| |
| color: rgba(0,0,0,.5);
| |
| }
| |
| | |
| .SUB {
| |
| display: inline-block;
| |
| }
| |
| | |
| .SUB.Reiter-Rand {
| |
| color: rgba(255, 255, 255, 1);
| |
| background: #e8e8e8;
| |
| border-bottom: 1px solid #aaa;
| |
| border-top: none;
| |
| padding: 0.5em 0.2em 0em 0.2em;
| |
| clear: both;
| |
| }
| |
| | |
| .SUB .Reiter {
| |
| padding: 0.2em 0.3em 0em 0.3em;
| |
| color: #212121;
| |
| border: 1px solid #aaa;
| |
| border-bottom: 1px solid white;
| |
| background: white;
| |
| display: inline-block;
| |
| clear: both;
| |
| }
| |
| | |
| .code {
| |
| display: inline-flex;
| |
| /* word-wrap: anywhere; */
| |
| word-break: break-all;
| |
| text-align: left;
| |
| border: 1px solid #c2c2c2;
| |
| background: #ccc;
| |
| padding: 1px 4px;
| |
| font-size: 85%;
| |
| border-radius: 2px;
| |
| /* font-family: "monospace",sans-serif; */
| |
| 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: 85%;
| |
| border-radius: 2px;
| |
| font-family: revert;
| |
| box-shadow: 1px 1px inset;
| |
| color: rgba(0,0,0,0.8);
| |
| margin-bottom: 0px;
| |
| }
| |
| | |
| .textincode {
| |
| display: contents;
| |
| } | | } |
|
| |
|
| .bold b, .boldcode b, .pre--bold__color b {
| |
| font-weight: bold;
| |
| color: #323232;
| |
| }
| |
|
| |
|
| /* | | /* |
| .fa, .fas, .fal { | | .pd5 tr td li[class*="list--element__"] { |
| font-family: unset; | | padding-left: 1.7em; |
| font-weight: unset;
| |
| } | | } |
| */ | | */ |
|
| |
| .fa:before,
| |
| .fas:before,
| |
| .fal:before {
| |
| font-family: 'Font Awesome 5 Pro';
| |
| }
| |
|
| |
| .fal.fa-angle-up-down:before {
| |
| font-family: 'Font Awesome 5 Pro';
| |
| content: "\f106";
| |
| position: relative;
| |
| top: -0.1em;
| |
| }
| |
|
| |
| .fal.fa-angle-up-down:after {
| |
| font-family: 'Font Awesome 5 Pro';
| |
| content: "\f107";
| |
| position: relative;
| |
| left: -0.5em;
| |
| top: 0.3em;
| |
| }
| |
|
| |
| .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;
| |
| }
| |
|
| |
| .SUB .Menu-Rand {
| |
| background: white;
| |
| padding: 6px 0px;
| |
| border-top: 1px solid #dfdede;
| |
| border-bottom: 1px solid #dfdede;
| |
| }
| |
|
| |
| .SUB .Menu {
| |
| font-weight: 600;
| |
| background: #eceded;
| |
| padding: 5px;
| |
| 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 {
| |
| display: flow-root;
| |
| }
| |
|
| |
| td > .img-container {
| |
| float: right;
| |
| }
| |
|
| |
| td > .left.img-container {
| |
| float: left;
| |
| }
| |
|
| |
| .border-default,
| |
| .img-container img,
| |
| .Bild img {
| |
| border: 1px solid grey;
| |
| }
| |
|
| |
| .Bild img.embedvideo-consent__thumbnail__image {
| |
| border: 0;
| |
| }
| |
|
| |
| .embedvideo-consent__message {
| |
| text-align: center;
| |
| }
| |
|
| |
| .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;
| |
| }
| |
|
| |
|
| |
| .link li,
| |
| .check-circle li {
| |
| padding-left: 20px;
| |
| display: block;
| |
| position: relative;
| |
| left: -15px;
| |
| }
| |
|
| |
| .link li::before,
| |
| li.link::before {
| |
| font-family: 'Font Awesome 5 Pro';
| |
| content: "\f0a9";
| |
| font-size: 12px;
| |
| color: rgb(231, 76, 60);
| |
| position: absolute;
| |
| left: 0px;
| |
| margin-right: 1em;
| |
| font-weight: 900;
| |
| }
| |
|
| |
| /*
| |
| li ~ li.link {
| |
| padding-left: 0px;
| |
| }
| |
|
| |
| li ~ li.link::before {
| |
| left: -1.5em;
| |
| }
| |
| Wo zur Hölle wird das gebraucht? */
| |
|
| |
| .info-collapsed.check .mw-collapsible-toggle-default::before
| |
| .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,
| |
| .startbox li.list--element__alert::before {
| |
| font-family: 'Font Awesome 5 Pro';
| |
| content: "\f071";
| |
| font-size: 15px;
| |
| /* position: absolute;
| |
| left: -3px;
| |
| margin-right: 1em; */
| |
| position: inherit;
| |
| left: -20px;
| |
| margin-right: -17px;
| |
| font-weight: 400;
| |
| vertical-align: baseline;
| |
| width: max-content;
| |
| }
| |
|
| |
| .list--element__stop li::before,
| |
| li.list--element__stop::before {
| |
| font-family: 'Font Awesome 5 Pro';
| |
| content: "\f5ec";
| |
| font-size: 15px;
| |
| /* position: absolute;
| |
| left: -3px;
| |
| margin-right: 1em; */
| |
| position: inherit;
| |
| left: -20px;
| |
| margin-right: -17px;
| |
| font-weight: 400;
| |
| vertical-align: top;
| |
| }
| |
|
| |
| .list--element__bullet li::before,
| |
| li.list--element__bullet::before,
| |
| .startbox .list--element__bullet li::before,
| |
| .startbox li.list--element__bullet::before,
| |
| .list--element__alert .bullet li::before {
| |
| font-family: 'Font Awesome 5 Pro';
| |
| content: "\f111";
| |
| font-size: 6px;
| |
| position: inherit;
| |
| left: -14px;
| |
| margin-right: -5px;
| |
| font-weight: 900;
| |
| vertical-align: middle;
| |
| color: grey;
| |
| }
| |
|
| |
| .list--element__skull li::before,
| |
| li.list--element__skull::before {
| |
| font-family: 'Font Awesome 5 Pro';
| |
| content: "\f714";
| |
| font-size: 6px;
| |
| position: inherit;
| |
| left: -14px;
| |
| margin-right: -5px;
| |
| font-weight: 900;
| |
| vertical-align: middle;
| |
| color: grey;
| |
| }
| |
|
| |
| .list--element__ios li::before,
| |
| li.list--element__ios::before {
| |
| font-family: 'Font Awesome 5 Brands';
| |
| content: "\f179";
| |
| font-size: 15px;
| |
| position: inherit;
| |
| left: -20px;
| |
| margin-right: -17px;
| |
| font-weight: 400;
| |
| vertical-align: top;
| |
| color: rgba(0, 0, 0, 0.6);
| |
| }
| |
|
| |
| .list--element__asterisk li::before,
| |
| li.list--element__asterisk::before {
| |
| font-family: 'Font Awesome 5 Pro';
| |
| content: "\f069";
| |
| position: inherit;
| |
| left: -1.2em;
| |
| margin-right: -1em;
| |
| font-weight: 900;
| |
| vertical-align: top;
| |
| }
| |
|
| |
| .list--element__check-circle li::before,
| |
| li.list--element__check-circle::before {
| |
| font-family: 'Font Awesome 5 Pro';
| |
| content: "\f058";
| |
| position: inherit;
| |
| left: -1.2em;
| |
| margin-right: -1em;
| |
| font-weight: 900;
| |
| vertical-align: top;
| |
| }
| |
|
| |
| .list--element__alert li,
| |
| .list--element__stop li,
| |
| .list--element__ios li {
| |
| padding-left: 17px;
| |
| display: block;
| |
| position: relative;
| |
| left: -17px;
| |
| }
| |
|
| |
| li[class*=list--element__],
| |
| li.link {
| |
| padding-left: 17px;
| |
| display: flow-root; /* geändert: 16.2.22: block; */
| |
| position: relative;
| |
| left: 0px;
| |
| }
| |
|
| |
| li[class*=list--element__].Hinweis-neu,
| |
| li.link {
| |
| padding-left: 29px;
| |
| display: flow-root; /* geändert: 16.2.22: block; */
| |
| position: relative;
| |
| left: 0px;
| |
| }
| |
|
| |
| li[class*=list--element__].Hinweis-neu::before {
| |
| left: -24px;
| |
| }
| |
|
| |
|
| |
| li.list--element__alert.em2,
| |
| .startbox li.list--element__alert.em2,
| |
| li.list--element__skull.em2 {
| |
| padding-left: 2.5em;
| |
| }
| |
|
| |
| li.list--element__alert.em2::before {
| |
| top: 6px;
| |
| }
| |
|
| |
| .list--element__alert.list--element__hint.em2::before,
| |
| .list--element__alert.list--element__positiv.em2::before,
| |
| .list--element__alert.list--element__warning.em2::before {
| |
| line-height: 1.1em;
| |
| }
| |
|
| |
| td .list--element__alert.list--element__hint.em2::before {
| |
| top: 0.2em;
| |
| }
| |
|
| |
|
| |
| li.list--element__alert.em3 {
| |
| padding-left: 3.75em;
| |
| }
| |
|
| |
| .list--element__alert.list--element__hint.em3::before {
| |
| line-height: 1.1em;
| |
| }
| |
|
| |
| td .list--element__alert.list--element__hint.em3::before {
| |
| top: 0.1em;
| |
| }
| |
|
| |
| .FAQ li.list--element__bullet {
| |
| margin-left: 1em;
| |
| padding-top: 1.2em;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .FAQ li.list--element__bullet::before {
| |
| margin-right: -11px;
| |
| }
| |
|
| |
| .FAQ ul li {
| |
| list-style: circle;
| |
| }
| |
|
| |
| .FAQ .Einrücken .Einrücken {
| |
| margin-left: 4em;
| |
| }
| |
|
| |
| .FAQ .Einrücken1 pre {
| |
| margin-top: -0.2em;
| |
| }
| |
|
| |
|
| |
| .list--element__warning li:before,
| |
| li.list--element__warning:before {
| |
| color: #d71e0b;
| |
| }
| |
|
| |
| .list--element__hint li:before,
| |
| li.list--element__hint:before,
| |
| .startbox li.list--element__hint:before {
| |
| color: rgb(255,200,0);
| |
| }
| |
|
| |
| .list--element__positiv li:before,
| |
| li.list--element__positiv:before {
| |
| color: #468847; /* rgb(2,90,0); */
| |
| }
| |
|
| |
| .list--element__unset li:before,
| |
| li.list--element__unset:before {
| |
| color: unset;
| |
| }
| |
|
| |
| .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__default li:before,
| |
| li.list--element__default:before {
| |
| color: inherit;
| |
| }
| |
|
| |
| .list--element__solid li:before,
| |
| li.list--element__solid:before,
| |
| solid {
| |
| 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: 5px;
| |
| display: flex;
| |
| align-items: center;
| |
| }
| |
|
| |
| .new .startbox-head span {
| |
| padding-right: 5px;
| |
| }
| |
|
| |
| .info-text #mw-customcollapsible-info-collapsed {
| |
| display: inherit;
| |
| }
| |
|
| |
| .info-box {
| |
| max-width: 40%;
| |
| min-width: 20em;
| |
| border: 1px solid grey;
| |
| padding: 5px;
| |
| float: right;
| |
| }
| |
|
| |
| .light-box {
| |
| border: 1px solid #e7dede;
| |
| display: inline-block;
| |
| padding: 5px;
| |
| }
| |
|
| |
| .lh-inherit, .fas.middle {
| |
| line-height: inherit;
| |
| }
| |
|
| |
| .lh--default {
| |
| line-height: 1.4em;
| |
| }
| |
|
| |
| .lh--16 {
| |
| line-height: 1.6em;
| |
| }
| |
|
| |
| .lh--11 {
| |
| line-height: 1.1em;
| |
| }
| |
|
| |
| .lh--4em td {
| |
| height: 4em;
| |
| }
| |
|
| |
| .lh--2em, .lh2 {
| |
| line-height: 2em;
| |
| }
| |
|
| |
| .middle {
| |
| vertical-align: middle;
| |
| }
| |
|
| |
|
| |
| .li-1em > * > * > li {
| |
| margin-top: 1em;
| |
| }
| |
|
| |
| li.li-1em {
| |
| padding-top: 1em;
| |
| }
| |
|
| |
| .li-05em li {
| |
| margin-top: 0.5em;
| |
| }
| |
|
| |
| li.li-05em {
| |
| padding-top: 0.5em;
| |
| }
| |
|
| |
|
| |
| .lh-07 td,
| |
| .lh--half td {
| |
| line-height: 0.7em;
| |
| }
| |
|
| |
| .lhu, .lh--unset {
| |
| line-height: unset;
| |
| }
| |
|
| |
| .top--03 {
| |
| position: relative;
| |
| top: -0.3em;
| |
| }
| |
|
| |
| .border_1px_solid {
| |
| border-style: solid;
| |
| border-width: 1px;
| |
| }
| |
|
| |
|
| |
| .signal-light {
| |
| width: 16px;
| |
| height: 16px;
| |
| border-radius: 50%;
| |
| margin-left: auto;
| |
| margin-right: auto;
| |
| /* background-color: #515151; */
| |
| display: inline-block;
| |
| font-style: unset;
| |
| }
| |
|
| |
| .bc__na.signal-light:before,
| |
| .down.signal-light:before {
| |
| content: "\f05a";
| |
| font-family: 'Font Awesome 5 Pro';
| |
| font-weight: 900;
| |
| color: #7e7e7e;
| |
| }
| |
|
| |
| .bc__gelb.signal-light:before,
| |
| .error.signal-light:before {
| |
| content: "\f017";
| |
| font-family: 'Font Awesome 5 Pro';
| |
| font-weight: 900;
| |
| color: #e9c321;
| |
| }
| |
|
| |
| .bc__grün.signal-light:before,
| |
| .up.signal-light:before {
| |
| content: "\f058";
| |
| font-family: 'Font Awesome 5 Pro';
| |
| font-weight: 900;
| |
| color: #3eab30;
| |
| }
| |
|
| |
|
|
| |
|
| .bc__na.signal-light,
| | /* .startbox-body-breit .spc__menu { |
| .bc__gelb.signal-light,
| | white-space: pre; |
| .bc__grün.signal-light {
| |
| background-color: unset; /* Umstellung auf FontAwesome-Icns in 12.2.3 */
| |
| }
| |
| | |
| .ic-eingabe {
| |
| border-width: 1px;
| |
| border-style: solid;
| |
| border-color: rgb(182, 182, 182);
| |
| }
| |
| | |
| | |
| .strikethrough { | |
| position: relative;
| |
| white-space: nowrap; | |
| }
| |
| | |
| | |
| | |
| | |
| /*** Schriftgrößen ***/
| |
| | |
| /* .em1 {
| |
| font-size: 1em;
| |
| }
| |
| | |
| .em2,
| |
| .fa-2x {
| |
| font-size: 2em;
| |
| }
| |
| | |
| .em3,
| |
| .fa-3x {
| |
| font-size: 3em;
| |
| } */ | | } */ |
|
| |
|
| .fas.em2, .fas.fa-2x,
| |
| .fal.em2, .fal.fa-2x,
| |
| .far.em2, .far.fa-2x {
| |
| font-size: 2em;
| |
| }
| |
|
| |
| .fas.em3, .far.fa-3x,
| |
| .fal.em3, .fal.fa-3x,
| |
| .far.em3, .far.fa-3x {
| |
| font-size: 3em;
| |
| }
| |
|
| |
| .Hinweis-Container--icon.em1 {
| |
| font-size: 1em;
| |
| }
| |
|
| |
| .Hinweis-Container--icon.em2 {
| |
| font-size: 2em;
| |
| }
| |
|
| |
| .Hinweis-Container--icon.em3 {
| |
| font-size: 3em;
| |
| }
| |
|
| |
| .startbox-head.color-box-shadow {
| |
| padding: 1em;
| |
| }
| |
|
| |
|
| |
| .list--element__alert.em2:before,
| |
| .startbox .list--element__alert.em2:before,
| |
| .list--element__skull.em2:before {
| |
| font-size: 2em;
| |
| position: absolute;
| |
| left: inherit;
| |
| }
| |
|
| |
| .list--element__alert.em2l:before {
| |
| font-size: 2em;
| |
| position: absolute;
| |
| left: -0.7em;
| |
| top: 0.25em;
| |
| }
| |
|
| |
| .list--element__alert.em3:before {
| |
| font-size: 3em;
| |
| position: absolute;
| |
| left: inherit;
| |
| }
| |
|
| |
|
| |
|
| |
| .button {
| |
| border-width: 1px;
| |
| border-style: solid;
| |
| border-radius: 3px;
| |
| padding: 0px 4px;
| |
| padding-top: 0px;
| |
| margin-top: 1px;
| |
| display: inline-block;
| |
| vertical-align: baseline;
| |
| /* display: inline-flex; */
| |
| align-items: center;
| |
| height: max-content;
| |
| min-height: 1.5em;
| |
| }
| |
|
| |
| .button.USR {
| |
| border-width: 1px;
| |
| border-style: solid;
| |
| border-radius: 3px;
| |
| padding: 4px 4px;
| |
| margin-top: 1px;
| |
| display: inline-block;
| |
| vertical-align: middle;
| |
| height: max-content;
| |
| }
| |
|
| |
| .spc__uma.UMA ,
| |
| .button.UMA {
| |
| border-color: #B6B6B6;
| |
| padding: .1em 0.2em;
| |
| display: inline-block;
| |
| color: #555;
| |
| font-family: Verdana,Arial,sans-serif;
| |
| border: 1px solid #d3d3d3;
| |
| background: #e6e6e6;
| |
| font-weight: normal;
| |
| margin: 0em .4em .5em 0;
| |
| border-radius: 0;
| |
| }
| |
|
| |
| .button.SUB {
| |
| padding: .1em 0.2em;
| |
| display: inline-flex;
| |
| color: #555;
| |
| font-family: Verdana,Arial,sans-serif;
| |
| border-color: #d3d3d3;
| |
| background: white;
| |
| font-weight: normal;
| |
| margin: .5em .4em .5em 0;
| |
| border-radius: 0;
| |
| font-size: 0.8em;
| |
| }
| |
|
| |
| .button.SUB.pd5 {
| |
| padding: 5px;
| |
| }
| |
|
| |
| .button.MAC {
| |
| background: white;
| |
| border-color: #ccc;
| |
| }
| |
|
| |
| .button.SEWS {
| |
| border: none;
| |
| border-radius: 5px;
| |
| color: #505050;
| |
| font-size: 85%;
| |
| font-weight: bold;
| |
| padding: 4px;
| |
| text-align: center;
| |
| }
| |
|
| |
| .button.ICS {
| |
| border-radius: 2px;
| |
| display: initial;
| |
| padding: 3px 5px;
| |
| font-size: 0.9em;
| |
| margin: 2px;
| |
| }
| |
|
| |
| .button-default.ICS,
| |
| .button-default.SUB {
| |
| background: #f3f3f3; /* Eigentlich #f5f5f5; -> zu wenig Hintergrundkontrast */
| |
| color: #333;
| |
| background-image: none;
| |
| }
| |
|
| |
| .button-default {
| |
| background-image: linear-gradient(#ededed, #c4c4c4);
| |
| }
| |
|
| |
| .button.button-blau {
| |
| border-color: #B6B6B6;
| |
| background-image: linear-gradient(rgb(185, 224, 245)0%, rgb(146, 189, 214) 100%);
| |
| }
| |
|
| |
| .button.button-dro,
| |
| .button.button-dropdown-solid {
| |
| border-color: #B6B6B6;
| |
| background: white;
| |
| color: rgb(68, 68, 68);
| |
| }
| |
|
| |
| .button.button-dr,
| |
| .button.button-dropdown {
| |
| border-color: #B6B6B6;
| |
| background-image: linear-gradient(#fcfcfc, #edebea);
| |
| }
| |
|
| |
| .button.button-dropdown.UTM {
| |
| background: #e9e9ed;
| |
| border-radius: 4px;
| |
| }
| |
|
| |
| .button.SEWS {
| |
| background-image: unset;
| |
| }
| |
|
| |
| .button .glyphicons {
| |
| margin-right: 5px;
| |
| }
| |
|
| |
| .iconbutton {
| |
| background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
| |
| height: 1.8em;
| |
| width: 1.8em;
| |
| padding: 0.3em;
| |
| line-height: 1em;
| |
| text-align: center;
| |
| border: 1px solid #d3d3d3;
| |
| }
| |
|
| |
| .button.icon {
| |
| width: 1.5em;
| |
| height: 1.5em;
| |
| text-align: center;
| |
| vertical-align: baseline;
| |
| }
| |
|
| |
| .fas.icon,
| |
| .fal.icon,
| |
| .far.icon {
| |
| height: 1.5em;
| |
| width: 1.5em;
| |
| padding: 0.2em;
| |
| line-height: 1em;
| |
| text-align: center;
| |
| background-color: #e6e6e6;
| |
| }
| |
|
| |
| .fas.icon:not(.button),
| |
| .fal.icon:not(.button),
| |
| .far.icon:not(.button) {
| |
| border-radius: 0;
| |
| border: 1px solid #d3d3d3;
| |
| }
| |
|
| |
| .button.icon .glyphicons {
| |
| margin-right: unset;
| |
| vertical-align: middle;
| |
| }
| |
|
| |
|
| |
| .max-content, .mc {
| |
| min-width: max-content;
| |
| width: 100%;
| |
| }
| |
|
| |
| 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;
| |
| }
| |
|
| |
| .key {
| |
| padding-top: 1px;
| |
| border-top: 1px solid #CCCCCC;
| |
| padding-bottom: 1px;
| |
| border-bottom: 3px solid #888888;
| |
| padding-left: 2px;
| |
| border-left: 1px solid #CCCCCC;
| |
| padding-right: 2px;
| |
| border-right: 3px solid #888888;
| |
| background-color: #EEEEEE;
| |
| border-radius: 2px;
| |
| font-style: inherit;
| |
| font-size: 90%;
| |
| line-height: 160%;
| |
| }
| |
|
| |
|
| |
| .MS.ic-eingabe {
| |
| background-color: rgba(0, 0, 0, 0.01);
| |
| border-color: rgba(0, 0, 0, 0.125);
| |
| border-radius: 2px;
| |
| padding: 0px 3px;
| |
| margin: 3px 0px;
| |
| display: inline-block;
| |
| transition: border 0.3s;
| |
| box-shadow: 0px 0px 6px -1px rgba(0, 0, 0, 0.1) inset;
| |
| font-weight: normal;
| |
| vertical-align: baseline;
| |
| line-height: 1.5em;
| |
| /* -webkit-box-shadow: 0px 0px 6px -1px rgba(0, 0, 0, 0.1) inset;
| |
| -webkit-transition: border 0.3s; */
| |
| }
| |
|
| |
| .MAC.ic-eingabe,
| |
| .UTM.ic-eingabe {
| |
| /* background-color: rgb(255, 255, 255); */
| |
| border-radius: 3px;
| |
| display: inline-block;
| |
| transition: border 0.3s;
| |
| /* box-shadow: 0px 0px 6px -1px rgba(0, 0, 0, 0.1) inset; */
| |
| font-weight: normal;
| |
| padding: 0px 3px;
| |
| }
| |
|
| |
| .UTM.ic-eingabe .inner-block {
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: space-between;
| |
| }
| |
|
| |
| .inner-block__left .icon {
| |
| margin-right: 5px;
| |
| }
| |
|
| |
| .MAC.ic-eingabe {
| |
| padding-right: 0px;
| |
| background-color: rgba(0, 0, 0, 0.01);
| |
| }
| |
|
| |
| .UMA.ic-eingabe,
| |
| .AWP.ic-eingabe {
| |
| background-color: rgb(255, 255, 255);
| |
| display: inline-flex;
| |
| }
| |
|
| |
| .AWP.ic-eingabe.c {
| |
| display: inline-block;
| |
| }
| |
|
| |
|
| |
| .SUB.ic-eingabe {
| |
| border: 1px solid rgb(182, 182, 182);
| |
| display: inline-block;
| |
| color: #000;
| |
| font-size: 0.8em;
| |
| /* position: absolute;
| |
| top: 0em; */
| |
| }
| |
|
| |
|
| |
| .ICS.ic-eingabe {
| |
| border-radius: 3px;
| |
| border: 1px solid rgba(0,0,0,.125);
| |
| background-color: rgba(0,0,0,.01);
| |
| }
| |
|
| |
|
| |
| .UMA.ic-eingabe.cb {
| |
| padding: 5px 20px 20px 5px;
| |
| }
| |
|
| |
| .UMA.ic-eingabe .pd5 {
| |
| padding: 0px 5px;
| |
| display: inline-flex;
| |
| align-items: center;
| |
| }
| |
|
| |
| .UMA.ic-eingabe.cb .pd5 {
| |
| display: inline-block;
| |
| }
| |
|
| |
| .small .ic-eingabe {
| |
| line-height: 1em;
| |
| }
| |
|
| |
| .IC-Beschriftung, .ic-beschriftung {
| |
| font-size: 0.65em;
| |
| color: #000;
| |
| white-space: nowrap;
| |
| /* position: relative;
| |
| top: -1.52em;*/
| |
| }
| |
|
| |
|
| |
| .AWP.ic-beschriftung {
| |
| font-size: 1em;
| |
| color: #494949;
| |
| white-space: nowrap;
| |
| }
| |
|
| |
|
| |
| .ic-eingabe-box {
| |
| display: inline-flex;
| |
| margin: 16px 5px 22px 1px;
| |
| position: relative;
| |
| }
| |
|
| |
| .ICB-Beschriftung, .icb-beschriftung {
| |
| font-size: 0.65em;
| |
| color: #000;
| |
| white-space: nowrap;
| |
| position: absolute;
| |
| top: -2em;
| |
| }
| |
|
| |
| .icb-eingabe {
| |
| border: 1px solid rgb(182, 182, 182);
| |
| display: flex;
| |
| color: #000;
| |
| white-space: nowrap;
| |
| font-size: 0.8em;
| |
| position: relative;
| |
| top: -0.4em;
| |
| min-width: 100%;
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| .tr.UTM.ic-eingabe {
| |
| border: 1px solid #B6B6B6;
| |
| border-radius: 0px;
| |
| }
| |
|
| |
|
| |
| .tr-head.UTM.ic-eingabe {
| |
| border: 1px solid #B6B6B6;
| |
| border-radius: 0px;
| |
| background: linear-gradient(#ededed, #c4c4c4);
| |
| box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
| |
| padding: 3px 4px;
| |
| vertical-align: middle;
| |
| }
| |
|
| |
|
| |
| .tr-odd.UTM.ic-eingabe {
| |
| border: 1px solid #B6B6B6;
| |
| border-radius: 0px;
| |
| background-color: #EDEDED;
| |
| }
| |
|
| |
|
| |
| .tr-even.UTM.ic-eingabe {
| |
| border: 1px solid #B6B6B6;
| |
| border-radius: 0px;
| |
| background-color: white;
| |
| }
| |
|
| |
|
| |
| .tr-odd-c.UTM.ic-eingabe {
| |
| border: 1px solid #B6B6B6;
| |
| border-radius: 0px;
| |
| background-color: #EAE0E0;
| |
| }
| |
|
| |
|
| |
| .tr-even-c.UTM.ic-eingabe {
| |
| border: 1px solid #B6B6B6;
| |
| border-radius: 0px;
| |
| background-color: #EFEAEA;
| |
| }
| |
|
| |
|
| |
| .UMA.ic-eingabe--cb,
| |
| .UTM.ic-eingabe--cb,
| |
| .UTM.ic-eingabe.cb {
| |
| padding: 5px 5px 20px 5px;
| |
| background: white;
| |
| }
| |
|
| |
| .MS.ic-eingabe--cb {
| |
| padding: 5px 5px 20px 5px;
| |
| background: rgba(0, 0, 0, 0.01);
| |
| }
| |
|
| |
|
| |
|
| |
| .SPDyn.ic-eingabe--icon,
| |
| .UMA.ic-eingabe--icon,
| |
| .MS.ic-eingabe--icon {
| |
| padding-left: 0px;
| |
| }
| |
|
| |
| .UTM.ic-eingabe--icon {
| |
| display:inline-block;
| |
| /* width: 20px; */
| |
| text-align: center;
| |
| border-right: 0;
| |
| padding-left: 0px;
| |
| /* padding: 1px; */
| |
| }
| |
|
| |
| .UMA.ic-eingabe .icon,
| |
| .SPDyn.ic-eingabe .icon,
| |
| .UTM.ic-eingabe .icon {
| |
| display: inline-block;
| |
| padding: 4px 6px;
| |
| background: white;
| |
| border-right: 1px solid rgba(0,0,0,0.125);
| |
| }
| |
|
| |
| .MS.ic-eingabe .icon {
| |
| display: inline-flex;
| |
| padding: 0px 6px;
| |
| /* background: white; */
| |
| border-right: 1px solid rgba(0,0,0,0.125);
| |
| }
| |
|
| |
|
| |
| .UMA.ic-eingabe--icon--rechts,
| |
| .UTM.ic-eingabe--icon--rechts,
| |
| .UTM.ic-eingabe.icon.rechts,
| |
| .MS.ic-eingabe--icon--rechts,
| |
| .UTM.ic-eingabe--icon.rechts,
| |
| .UTM.ip-rechts {
| |
| padding-left: 3px;
| |
| padding-right: 0px;
| |
| }
| |
|
| |
| .UTM.ic-eingabe.c,
| |
| .UTM.ic-eingabe.counter {
| |
| padding: 0 0 0 3px;
| |
| }
| |
|
| |
| .UMA .dr-icon {
| |
| border-left: 1px solid rgb(182,182,182);
| |
| background: #e1e1e1;
| |
| display: inline-block;
| |
| width: 1em;
| |
| text-align: center;
| |
| }
| |
|
| |
| .SUB .dr-icon {
| |
| border-left: 1px solid rgb(182,182,182);
| |
| background: #e1e1e1;
| |
| display: inline-block;
| |
| width: 1.4em;
| |
| text-align: center;
| |
| padding:5px
| |
| }
| |
|
| |
| .UMA .dr-icon::before, .SUB .dr-icon::before {
| |
| font-family: "Font Awesome 5 Pro";
| |
| font-weight: 500;
| |
| content: "\f078";
| |
| font-size: x-small;
| |
| text-align: center;
| |
| }
| |
|
| |
| .UMA .dro i {
| |
| padding-top: 0.2em;
| |
| padding-right: 0.2em;
| |
| }
| |
|
| |
|
| |
| .SUB > .dr-b {
| |
| color: #09c;
| |
| padding: 1px;
| |
| border: 1px solid #c9c9c9;
| |
| margin-left: 0px;
| |
| margin-right: 0px;
| |
| background-image: linear-gradient(#ededed, #c4c4c4);
| |
| border-radius: 2px;
| |
| width: 1.3em;
| |
| display: inline-block;
| |
| }
| |
|
| |
| .UTM .counter-icon {
| |
| vertical-align: 1px;
| |
| margin-left: 3px;
| |
| position: relative;
| |
| left: 2px;
| |
| top: -0.3px;
| |
| float: right;
| |
| }
| |
|
| |
| .counter-icon .image {
| |
| height: 1.5em;
| |
| display: flex;
| |
| }
| |
|
| |
| .UTM.ic-eingabe.dro {
| |
| background: #e9e9ed;
| |
| }
| |
|
| |
| .UTM.ic-eingabe.dro .dro {
| |
| display: inline-flex;
| |
| vertical-align: -1px;
| |
| }
| |
|
| |
| .AWP.ic-eingabe .dro {
| |
| align-items: center;
| |
| display: flex;
| |
| padding-right: 3px;
| |
| }
| |
|
| |
| .kasten.UTM {
| |
| border: 1px solid #B6B6B6;
| |
| border-radius:3px;
| |
| padding: 0px 3px;
| |
| clear: both
| |
| }
| |
|
| |
| .kasten.UMA {
| |
| border: 1px solid black;
| |
| border-bottom:0;
| |
| border-top-right-radius: 4px;
| |
| border-top-left-radius: 4px;
| |
| padding: 1px 0.6em;
| |
| margin: 0px 6px;
| |
| color: #555555;
| |
| font-weight: bold;
| |
| font-size: 90%;
| |
| display: inline-block;
| |
| }
| |
|
| |
| .kasten.UMA::before {
| |
| content: '\f0d7';
| |
| font-family: 'Font Awesome 5 Pro';
| |
| }
| |
|
| |
|
|
| |
|
| .bios-reiter { | | .nui.button, |
| background: #aaa;
| | .new_design ~ * .button { |
| color: #0503e4;
| | border-radius: 2px; |
| padding: 1px 5px;
| | border-color: #a6a6a6; |
| border-top: 2px solid #0503e4; | | background: #dedede; |
| border-right: 2px solid #0503e4; | | position: relative; |
| border-left: 2px solid #0503e4; | | vertical-align: middle; |
| line-height: 1.5em; | |
| margin-right: 5px; | |
| } | | } |
|
| |
|
| .bios-menu {
| |
| background: #aaa;
| |
| color: white;
| |
| padding: 1px 5px;
| |
| line-height: 1.5em;
| |
| margin-right: 5px;
| |
| }
| |
|
| |
|
|
| |
|
| .bios-select {
| |
| background: #221b15;
| |
| color: white;
| |
| line-height: 1.5em;
| |
| margin-right: 5px;
| |
| }
| |
|
| |
|
|
| |
|
| Zeile 2.605: |
Zeile 279: |
| content: "\f067"; | | content: "\f067"; |
| display: block; | | display: block; |
| font-family: "Font Awesome 5 Pro"; | | font-family: "Font Awesome 6 Pro"; |
| font-weight: 300; | | font-weight: 300; |
| position: absolute; | | position: absolute; |
| Zeile 2.621: |
Zeile 295: |
| } | | } |
|
| |
|
| .spc__default {
| |
| border-width: 1px;
| |
| border-style: solid;
| |
| border-radius: 2px;
| |
| /* padding: 2px 2px 0px 2px; */
| |
| display: inline-table;
| |
| border-collapse:separate;
| |
| font-size: 1em;
| |
| width: max-content;
| |
| }
| |
|
| |
| .spc__uma {
| |
| border-width: 0.7px;
| |
| border-radius: 0px;
| |
| padding: 0.1em 0.8em;
| |
| text-align: center;
| |
| }
| |
|
| |
| .spc__circle {
| |
| display: inline-flex;
| |
| border-radius: 50%;
| |
| height: 2.5em;
| |
| width: 2.5em;
| |
| justify-content:center;
| |
| align-items: center;
| |
| }
| |
|
| |
| .spc__circle-big {
| |
| display: flex;
| |
| border-radius: 50%;
| |
| height: 2.5em;
| |
| width: 2.5em;
| |
| justify-content:center;
| |
| align-items: center;
| |
| font-size: 1em;
| |
| }
| |
|
| |
| .spc__menu {
| |
| margin-left: 3px;
| |
| border-radius: 0px;
| |
| padding: 2px 4px;
| |
| }
| |
|
| |
| .spc__menu--width-x {
| |
| width: 23px;
| |
| }
| |
|
| |
| .spc__kontext--width-x ,
| |
| .spc__eintrag--width-x {
| |
| width: 17px;
| |
| }
| |
|
| |
| .spc__eintrag {
| |
| border-width: 1px 0px;
| |
| border-top-style: solid;
| |
| border-bottom-style: solid;
| |
| border-radius: 0px;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .spc__kasten {
| |
| padding-bottom: 2px;
| |
| }
| |
|
| |
| .spc__ohne ,
| |
| .spc__blank {
| |
| border: none;
| |
| /* padding: 2px 2px 0px 2px; */
| |
| /* display: inline; */
| |
| /* width: 1.25em; */
| |
| font-size: 1em;
| |
| }
| |
|
| |
| .spc__status {
| |
| font-size: 0.8em;
| |
| border-collapse:collapse;
| |
| }
| |
|
| |
| .spc__grau--rund {
| |
| border-radius: 5px;
| |
| }
| |
|
| |
| .cf-legend {
| |
| display: inline-block;
| |
| min-width: 45px;
| |
| height: 27px;
| |
| margin: 0 4px;
| |
| border: 2px solid #eee;
| |
| border-radius: 1em;
| |
| padding: 0px 6px 3px 6px;
| |
| color: white;
| |
| vertical-align: top;
| |
| }
| |
|
| |
| .radio {
| |
| background: #fafafa;
| |
| overflow: hidden;
| |
| display: inline-block;
| |
| width: 18px;
| |
| height: 18px;
| |
| border: 1px solid rgba(0,0,0,.125);
| |
| margin-right: 5px;
| |
| cursor: pointer;
| |
| transition: .3s;
| |
| border-radius: 50%;
| |
| }
| |
|
| |
| .radio.selected {
| |
| border-width: 6px;
| |
| border-style: solid;
| |
| }
| |
|
| |
| .radiobutton.selected {
| |
| border-color: #E74C3C;
| |
| }
| |
|
| |
| .radiobutton {
| |
| border: 1px solid gray;
| |
| display: inline-block;
| |
| border-radius: 50%;
| |
| width: 0.75em;
| |
| height: 0.75em;
| |
| position: relative;
| |
| top: 1px;
| |
| }
| |
|
| |
|
| |
| .radiobutton::before {
| |
| content: ' ';
| |
| position: absolute;
| |
| top: 0.08em;
| |
| left: 0.08em;
| |
| border-radius: 50%;
| |
| background: black;
| |
| width: 0.5em;
| |
| height: 0.5em;
| |
| }
| |
|
| |
| .radiobutton.selected::before {
| |
| content: ' ';
| |
| position: absolute;
| |
| top: 0.12em;
| |
| left: 0.12em;
| |
| border-radius: 50%;
| |
| background: #E74C3C;
| |
| width: 0.4em;
| |
| height: 0.4em;
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| .beschriftung, .Beschriftung {
| |
| background-color: white;
| |
| display: inline-block;
| |
| margin: 1px 0px;
| |
| padding: 2px;
| |
| font-weight: bolder;
| |
| clear: both;
| |
| }
| |
|
| |
| .beschriftung.UTM {
| |
| border-width: 1px;
| |
| border-style: solid;
| |
| border-color: white #e5e5e5 #e5e5e5 #e5e5e5;
| |
| border-radius: 3px;
| |
| }
| |
|
| |
| .beschriftung.AV,
| |
| .beschriftung.SPDyn,
| |
| .beschriftung.UMA,
| |
| .beschriftung.MS {
| |
| border: none;
| |
| }
| |
|
| |
|
| |
| .pre {
| |
| display: contents;
| |
| }
| |
|
| |
| .pre pre {
| |
| background: white;
| |
| }
| |
|
| |
| .pre pre::after {
| |
| content: none;
| |
| }
| |
|
| |
| .pre pre::selection {
| |
| background: gray;
| |
| color: white;
| |
| }
| |
|
| |
| .de-en::after {
| |
| content: "de|en";
| |
| font-style: normal;
| |
| }
| |
|
| |
| .de-en {
| |
| display: inline-block;
| |
| }
| |
|
| |
| .nowrap,
| |
| .nw {
| |
| white-space: nowrap;
| |
| }
| |
|
| |
| .whitebox {
| |
| background: white;
| |
| border: 1px solid silver;
| |
| padding: 2px;
| |
| }
| |
|
| |
| .top-06 {
| |
| position: relative;
| |
| top: 0.6em;
| |
| }
| |
|
| |
| .top-05 {
| |
| position: relative;
| |
| top: 0.5em;
| |
| }
| |
|
| |
| .top-03 {
| |
| position: relative;
| |
| top: 0.3em;
| |
| }
| |
|
| |
| .absolute {
| |
| position: absolute;
| |
| }
| |
|
| |
| .right {
| |
| float: right;
| |
| }
| |
|
| |
| .left {
| |
| float: left;
| |
| }
| |
|
| |
| .fs09, font-size09 {
| |
| font-size: 0.9em;
| |
| }
| |
|
| |
| .fs08, font-size08 {
| |
| font-size: 0.8em;
| |
| }
| |
|
| |
| .fs07, font-size07 {
| |
| font-size: 0.7em;
| |
| }
| |
|
| |
| .fs06, font-size06 {
| |
| font-size: 0.6em;
| |
| }
| |
|
| |
| .Kleingedrucktes {
| |
| line-height: 0.95em;
| |
| font-size: 0.95em;
| |
| display: inline-flex;
| |
| }
| |
|
| |
| .ButtonAn {
| |
| border-radius: 9999px;
| |
| overflow: hidden;
| |
| text-shadow: 1px 1px rgba(0,0,0,0.2);
| |
| display: inline-block;
| |
| line-height: 13px;
| |
| text-align: left;
| |
| position: relative;
| |
| vertical-align: text-top;
| |
| margin-right: 0px;
| |
| cursor: pointer;
| |
| color: white;
| |
| clear: both;
| |
| }
| |
|
| |
| .UTM.ButtonAn,
| |
| .SUB .ButtonAn {
| |
| width: 3em;
| |
| height: 1.33em;
| |
| background-image: repeating-radial-gradient(#39ab2e, #319127);
| |
| border: 1px solid #999999;
| |
| box-shadow: inset 2px 2px 6px rgba(0,0,0,0.2);
| |
| }
| |
|
| |
| .SUB .ButtonAn {
| |
| background: white;
| |
| box-shadow: none;
| |
| border: 1px solid #E74C3C;
| |
| }
| |
|
| |
| .MS.ButtonAn {
| |
| background: #E74C3C;
| |
| border: 1px solid #E74C3C;
| |
| width: 32px;
| |
| height: 16px;
| |
| border: 1px solid rgba(0, 0, 0, 0.125);
| |
| top: 3px;
| |
| margin-right: 0px;
| |
| }
| |
|
| |
| .MSA.ButtonAn {
| |
| display: flex;
| |
| flex-flow: wrap;
| |
| align-content: center;
| |
| height: 1em;
| |
| }
| |
|
| |
| .MSI.ButtonAn {
| |
| background: #2DCC71;
| |
| display: inline-block;
| |
| width: 26px;
| |
| height: 16px;
| |
| border: 1px solid rgba(0, 0, 0, 0.125);
| |
| position: relative;
| |
| top: 3px;
| |
| margin-right: 0px;
| |
| border-radius:9999px;
| |
| color: white;
| |
| }
| |
|
| |
| .UMA.ButtonAn {
| |
| border-radius: 3px;
| |
| border: 1px solid #999;
| |
| background: #0079FF;
| |
| box-shadow: inset 2px 2px 6px rgba(0,0,0,0.2);
| |
| width: 3.25em;
| |
| height: 1.5em;
| |
| align-items: center;
| |
| display: flex;
| |
| }
| |
|
| |
| .MSA .Button-Leiste {
| |
| background: #f5cdc9;
| |
| border-radius: 19px;
| |
| width: 23px;
| |
| height: 9px;
| |
| }
| |
|
| |
| .ButtonAn-Toggle {
| |
| background-image: linear-gradient(#c7c7c7,#e8e8e8);
| |
| border: 0px solid #999999;
| |
| display: block;
| |
| bottom: 0px;
| |
| position: absolute;
| |
| border-radius: 11px;
| |
| clear: both;
| |
| }
| |
|
| |
| .UTM.ButtonAn .ButtonAn-Toggle,
| |
| .UTM .ButtonAn-Toggle {
| |
| left: 29px;
| |
| top: 1px;
| |
| width: 18px;
| |
| height: 18px;
| |
| border-radius: 11px;
| |
| }
| |
|
| |
| .MS .ButtonAn-Toggle {
| |
| left: 17px;
| |
| top: 0px;
| |
| background: #fff;
| |
| transition: 0.3s;
| |
| width: 14px;
| |
| height: 14px;
| |
| box-shadow: 0 0 6px -2px black;
| |
| }
| |
|
| |
| .MSA .ButtonAn-Toggle {
| |
| background: rgb(231,76,60);
| |
| width: 15px;
| |
| height: 15px;
| |
| left: 0.5em;
| |
| }
| |
|
| |
| .MSI .ButtonAn-Toggle {
| |
| border: 0px solid #999999;
| |
| border-radius: 11px;
| |
| display: block;
| |
| left: 10px;
| |
| top: 0px;
| |
| bottom: 0px;
| |
| background: #fff;
| |
| position: absolute;
| |
| width: 14px;
| |
| height: 14px;
| |
| box-shadow: 0 0 6px -2px black;
| |
| }
| |
|
| |
| .UMA .ButtonAn-Toggle {
| |
| width: 1.5em;
| |
| top: 0em;
| |
| left: 1.75em;
| |
| border-radius: 0px;
| |
| }
| |
|
| |
| .ButtonAn-Text {
| |
| font-size: 75%;
| |
| font-weight: normal;
| |
| padding-left: 7px;
| |
| padding-bottom: 1px;
| |
| vertical-align: text-bottom;
| |
| color: rgba(255,255,255, 0.8);
| |
| }
| |
|
| |
| .MS .ButtonAn-Text {
| |
| vertical-align: 0.15em;
| |
| }
| |
|
| |
| .MSA .ButtonAn-Text {
| |
| font-size: 50%;
| |
| padding-left: 17px;
| |
| vertical-align: 15px;
| |
| }
| |
|
| |
| .UMA .ButtonAn-Text {
| |
| text-shadow: 1px 1px rgba(0,0,0,0.2);
| |
| color: rgba(255,255,255, 0.8);
| |
| }
| |
|
| |
| .SUB .ButtonAn-Toggle {
| |
| background: #E74C3C;
| |
| left: 1.6em;
| |
| height: 1.1em;
| |
| width: 1.1em;
| |
| }
| |
|
| |
| .SUB .ButtonAn-Text {
| |
| color: #E74C3C;
| |
| padding-right: 3px;
| |
| }
| |
|
| |
|
| |
| .ButtonAus {
| |
| display: inline-block;
| |
| overflow: hidden;
| |
| line-height: 13px;
| |
| position: relative;
| |
| margin-right: 0px;
| |
| cursor: pointer;
| |
| color: rgba(0, 0, 0, 0.6);
| |
| clear: both;
| |
| vertical-align: middle;
| |
| }
| |
|
| |
| .UTM.ButtonAus {
| |
| background: linear-gradient(#ebebeb, #c7c7c7);
| |
| border: 1px solid #999999;
| |
| border-radius: 9999px;
| |
| width: 3em;
| |
| height: 1.33em;
| |
| line-height: 13px;
| |
| }
| |
|
| |
| .MS.ButtonAus {
| |
| background: #fafafa;
| |
| border: 1px solid rgba(0, 0, 0, 0.125);
| |
| width: 32px;
| |
| height: 16px;
| |
| top: 3px;
| |
| margin-top: 0px;
| |
| border-radius: 24px;
| |
| }
| |
|
| |
| .MSA.ButtonAus {
| |
| display: flex;
| |
| flex-flow: wrap;
| |
| height: 16px;
| |
| align-content: center;
| |
| overflow: unset;
| |
| /* border: 0px solid rgba(0, 0, 0, 0.125);
| |
| width: 23px;
| |
| top: 3px;
| |
| margin-right: 0px;
| |
| margin-top: 0px;
| |
| border-radius: 24px;*/
| |
| }
| |
|
| |
| .MSI.ButtonAus {
| |
| background: #fafafa;
| |
| border: 1px solid rgba(0, 0, 0, 0.125);
| |
| width: 26px;
| |
| height: 16px;
| |
| top: 3px;
| |
| margin-right: 0px;
| |
| margin-top: 0px;
| |
| border-radius: 24px;
| |
| }
| |
|
| |
| .ButtonAus-Toggle {
| |
| background-image: linear-gradient(#c7c7c7,#e8e8e8);
| |
| border: 0px solid #999999;
| |
| border-radius: 11px;
| |
| display: block;
| |
| bottom: 0px;
| |
| position: absolute;
| |
| top: 0px;
| |
| left: 0px;
| |
| width: 1.3em;
| |
| height: 1.3em;
| |
| clear: both;
| |
| }
| |
|
| |
| .MS .ButtonAus-Toggle {
| |
| background: #fafafa;
| |
| top: 0.25px;
| |
| left: 0.5px;
| |
| width: 0.9em;
| |
| height: 0.9em;
| |
| box-shadow: 0 0 6px -2px black;
| |
| }
| |
|
| |
| .MSA .ButtonAus-Toggle {
| |
| background-image: linear-gradient(#ebebeb, #c7c7c7);
| |
| border: 1px solid #999999;
| |
| display: inline-block;
| |
| overflow: hidden;
| |
| width: 0.9em;
| |
| height: 0.9em;
| |
| color: grey;
| |
| }
| |
|
| |
| .MSI .ButtonAus-Toggle {
| |
| background: #fafafa;
| |
| top: 0.25px;
| |
| left: 0.5px;
| |
| width: 0.9em;
| |
| height: 0.9em;
| |
| box-shadow: 0 0 6px -2px black;
| |
| }
| |
|
| |
| .MSA.ButtonAus .Button-Leiste {
| |
| background: rgb(153, 153, 153);
| |
| border-radius: 19px;
| |
| width: 23px;
| |
| height: 9px;
| |
| }
| |
|
| |
| .ButtonAus-Text {
| |
| font-size: 75%;
| |
| font-weight: normal;
| |
| padding-left: 1.75em;
| |
| padding-bottom: 1px;
| |
| vertical-align: text-bottom;
| |
| }
| |
|
| |
|
| |
| .min-width-2em,
| |
| .minw2, .mw2 {
| |
| min-width: 2em;
| |
| }
| |
|
| |
| .min-width-2em.center,
| |
| .minw2.center, .mw2.center {
| |
| width: 2em;
| |
| }
| |
|
| |
| .min-width-3em,
| |
| .minw3, .mw3,
| |
| .Filterzeile .Filterkriterium.mw3 {
| |
| min-width: 3em;
| |
| }
| |
| .min-width-4em,
| |
| .minw4, .mw4,
| |
| .Filterzeile .Filterkriterium.mw4 {
| |
| min-width: 4em;
| |
| }
| |
|
| |
| .min-width-5em,
| |
| .minw5, .mw5,
| |
| .Filterzeile .Filterkriterium.mw5 {
| |
| min-width: 5em;
| |
| }
| |
|
| |
| .min-width-6em,
| |
| .minw6, .mw6,
| |
| .Filterzeile .Filterkriterium.mw6 {
| |
| min-width: 6em;
| |
| }
| |
|
| |
| .min-width-7em,
| |
| .minw7, .mw7,
| |
| .Filterzeile .Filterkriterium.mw7 {
| |
| min-width: 7em;
| |
| }
| |
|
| |
| .min-width-8em,
| |
| .minw8, .mw8,
| |
| .Filterzeile .Filterkriterium.mw8 {
| |
| min-width: 8em;
| |
| }
| |
|
| |
| .min-width-9em,
| |
| .minw9, .mw9,
| |
| .Filterzeile .Filterkriterium.mw9 {
| |
| min-width: 9em;
| |
| }
| |
|
| |
| .min-width-9-5em,
| |
| .minw9-5, .mw9-5,
| |
| .Filterzeile .Filterkriterium.mw9-5 {
| |
| min-width: 9.5em;
| |
| }
| |
|
| |
| .min-width-10em,
| |
| .minw10, .mw10,
| |
| .Filterzeile .Filterkriterium.mw10 {
| |
| min-width: 10em;
| |
| }
| |
|
| |
| .min-width-11em,
| |
| .minw11, .mw11,
| |
| .Filterzeile .Filterkriterium.mw11 {
| |
| min-width: 11em;
| |
| }
| |
|
| |
| .min-width-12em,
| |
| .minw12, .mw12,
| |
| .Filterzeile .Filterkriterium.mw12 {
| |
| min-width: 12em;
| |
| }
| |
|
| |
| .min-width-13em,
| |
| .minw13, .mw13,
| |
| .Filterzeile .Filterkriterium.mw13 {
| |
| min-width: 13em;
| |
| }
| |
|
| |
| .min-width-14em,
| |
| .minw14, .mw14,
| |
| .Filterzeile .Filterkriterium.mw14 {
| |
| min-width: 14em;
| |
| }
| |
|
| |
| .min-width-15em,
| |
| .minw15, .mw15,
| |
| .Filterzeile .Filterkriterium.mw15 {
| |
| min-width: 15em;
| |
| }
| |
|
| |
| .min-width-16em,
| |
| .minw16, .mw16,
| |
| .Filterzeile .Filterkriterium.mw16 {
| |
| min-width: 16em;
| |
| }
| |
|
| |
| .min-width-17em,
| |
| .minw17, .mw17,
| |
| .Filterzeile .Filterkriterium.mw17 {
| |
| min-width: 17em;
| |
| }
| |
|
| |
| .min-width-18em,
| |
| .minw18, .mw18,
| |
| .Filterzeile .Filterkriterium.mw18 {
| |
| min-width: 18em;
| |
| }
| |
|
| |
| .min-width-23em,
| |
| .minw23, .mw23,
| |
| .Filterzeile .Filterkriterium.mw23 {
| |
| min-width: 23em;
| |
| }
| |
|
| |
| .min-width-25em,
| |
| .minw25, .mw25,
| |
| .Filterzeile .Filterkriterium.mw25 {
| |
| min-width: 25em;
| |
| }
| |
|
| |
| .min-width-100,
| |
| .minw100, .mw100,
| |
| .Filterzeile .Filterkriterium.mw100 {
| |
| min-width: 100%;
| |
| }
| |
|
| |
| .width50, .w50 {
| |
| width: 50%;
| |
| }
| |
|
| |
| .status, .Status {
| |
| background: #3a87ad;
| |
| color: #fff;
| |
| border-radius: 9px;
| |
| font-weight: bold;
| |
| line-height: 14px;
| |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
| |
| white-space: nowrap;
| |
| vertical-align: baseline;
| |
| display: inline-block;
| |
| margin: 0px 1px 1px 0px;
| |
| word-wrap: break-word;
| |
| word-break: break-all;
| |
| white-space: normal;
| |
| padding: 3px 9px 4px;
| |
| }
| |
|
| |
| .cb {
| |
| background: #e4e4e4;
| |
| border: 1px solid #aaa;
| |
| border-radius: 3px;
| |
| word-break: break-all;
| |
| display: inline-block;
| |
| line-height: initial;
| |
| margin-bottom: 4px;
| |
| /* padding-bottom: 0.5em; */
| |
| }
| |
|
| |
| .border-bottom-grey {
| |
| border-bottom: 1px solid grey;
| |
| }
| |
|
| |
| .break-word {
| |
| word-break: break-word;
| |
| }
| |
|
| |
| .center {
| |
| text-align: center;
| |
| width: unset;
| |
| }
| |
|
| |
| tr td.end,
| |
| td.end, .end {
| |
| text-align: end;
| |
| }
| |
|
| |
| .monospace-end .end {
| |
| font-family: monospace;
| |
| }
| |
|
| |
| .flexbox.end {
| |
| justify-content: end;
| |
| }
| |
|
| |
| .variante1 {
| |
| display: unset;
| |
| }
| |
|
| |
| .variante2 {
| |
| display: none;
| |
| }
| |
|
| |
| .Variante2zeigen .variante1 {
| |
| display: none;
| |
| }
| |
|
| |
| .Variante2zeigen .variante1 {
| |
| display: unset;
| |
| }
| |
|
| |
| .number {
| |
| font-size: 10px;
| |
| font-weight: bold;
| |
| color: black;
| |
| display: block;
| |
| }
| |
|
| |
| .embedvideo {
| |
| display: inline-block;
| |
| }
| |
|
| |
|
| |
| li.Hinweis,
| |
| li.Hinweis2 {
| |
| margin-left: 2em;
| |
| position: relative;
| |
| }
| |
|
| |
| li.list--element__alert.Hinweis {
| |
| margin-left: 1em;
| |
| }
| |
|
| |
| li.list--element__alert.Hinweis2 {
| |
| margin-left: 1.3em;
| |
| }
| |
|
| |
| li.Hinweis-neu::before,
| |
| li.list--element__alert.Hinweis-neu::before {
| |
| left: -22px;
| |
| }
| |
|
| |
| li.Hinweis::before,
| |
| li.list--element__alert.Hinweis::before {
| |
| left: -29px;
| |
| }
| |
|
| |
| li[class^="list--element"].Hinweis2::before {
| |
| left: -30px;
| |
| }
| |
|
| |
| li.top-Hinweis::before {
| |
| top: 1.5em;
| |
| }
| |
|
| |
| .Hinweis-Container.List {
| |
| padding-left: 4px;
| |
| }
| |
|
| |
| .MS.spc__menu.ml-1 .spc__menu {
| |
| margin-left: -5px;
| |
| }
| |
|
| |
| .ml2 {
| |
| margin-left: 2px;
| |
| }
| |
|
| |
| .ml2em {
| |
| margin-left: 2em;
| |
| }
| |
|
| |
| .ml0 {
| |
| margin-left: 0px;
| |
| }
| |
|
| |
| .ml0 ul {
| |
| margin-left: 0px;
| |
| }
| |
|
| |
| .mr2em, mr-2em {
| |
| margin-right: 2em;
| |
| }
| |
|
| |
| .sptable-inline td {
| |
| border-left: 1px solid #a2a9b1;
| |
| border-bottom: 1px solid #a2a9b1;
| |
| }
| |
|
| |
| .sptable-inline tr td:first-child {
| |
| border-left: none;
| |
| }
| |
|
| |
| .sptable-inline tr:last-child td {
| |
| border-bottom: none;
| |
| }
| |
|
| |
| .uppercase {
| |
| text-transform: uppercase;
| |
| }
| |
|
| |
| .log,
| |
| .status-text {
| |
| color: #fff;
| |
| font-weight: bold;
| |
| display: inline-flex;
| |
| min-height: 16px;
| |
| line-height: 16px;
| |
| padding: 2px;
| |
| border-radius: 2px;
| |
| border: 1px solid rgba(0,0,0,0.05);
| |
| margin-bottom: 4px;
| |
| }
| |
|
| |
| .status-text {
| |
| text-transform: uppercase;
| |
| }
| |
|
| |
| .status-text.up {
| |
| background-color: #2DCC71;
| |
| border-color: #24a25a;
| |
| font-size: small;
| |
| }
| |
|
| |
| .log.gr {
| |
| background-color: #468847;
| |
| border-color: #468847;
| |
| border-radius: 4px;
| |
| font-size: small;
| |
| }
| |
|
| |
| .log.service {
| |
| background-color: #3a87ad;
| |
| border-color: #3a87ad;
| |
| border-radius: 4px;
| |
| font-size: small;
| |
| }
| |
|
| |
| .status-text.down {
| |
| background-color: #E74C3C;
| |
| border-color: #d62c1a;
| |
| font-size: small;
| |
| }
| |
|
| |
| .log.na {
| |
| background-color: #f89406; /* früher: #F0AD4E; */
| |
| border-color: #ec971f;
| |
| border-radius: 4px;
| |
| font-size: small;
| |
| }
| |
|
| |
| .status-text.na {
| |
| background-color: #f89406; /* früher: #F0AD4E; */
| |
| border-color: #ec971f;
| |
| font-size: small;
| |
| }
| |
|
| |
|
| |
| .log.label {
| |
| font-weight: bold;
| |
| background: azure;
| |
| color: #4F4F4F;
| |
| }
| |
|
| |
|
| /* *************** | | /* *************** |
| .status-text.bc__rotaus::before { | | .status-text.bc__rotaus::before { |
| content: '\f05e'; | | content: '\f05e'; |
| font-family: 'Font Awesome 5 Pro'; | | font-family: 'Font Awesome 6 Pro'; |
| font-weight: 500; | | font-weight: 500; |
| padding-right: 0.5em; | | padding-right: 0.5em; |
| Zeile 3.536: |
Zeile 306: |
| .status-text.bc__gelb::before { | | .status-text.bc__gelb::before { |
| content: '\f071'; | | content: '\f071'; |
| font-family: 'Font Awesome 5 Pro'; | | font-family: 'Font Awesome 6 Pro'; |
| font-weight: 500; | | font-weight: 500; |
| padding-right: 0.5em; | | padding-right: 0.5em; |
| Zeile 3.544: |
Zeile 314: |
| .status-text.bc__grün::before { | | .status-text.bc__grün::before { |
| content: '\f058'; | | content: '\f058'; |
| font-family: 'Font Awesome 5 Pro'; | | font-family: 'Font Awesome 6 Pro'; |
| font-weight: 500; | | font-weight: 500; |
| padding-right: 0.5em; | | padding-right: 0.5em; |
| Zeile 3.551: |
Zeile 321: |
| .status-text.bc__blau::before { | | .status-text.bc__blau::before { |
| content: '\f05a'; | | content: '\f05a'; |
| font-family: 'Font Awesome 5 Pro'; | | font-family: 'Font Awesome 6 Pro'; |
| font-weight: 500; | | font-weight: 500; |
| padding-right: 0.5em; | | padding-right: 0.5em; |
| Zeile 3.558: |
Zeile 328: |
|
| |
|
|
| |
|
| .Abb { | | /* .Bild-ui p .dialog-header { |
| text-align: end; | | margin-bottom: -0.5em; |
| font-weight: bold;
| | } */ |
| font-size: small;
| |
| } | |
|
| |
|
| .counter { | | @media (max-width: 1600px) { |
| position: relative; | | .dialog-button i + .icon-text { |
| float: right;
| | display: none; |
| padding-right: 3px;
| |
| } | | } |
| | } |
|
| |
|
| .counter .fa-caret-down { | | .reiter.utm.last { |
| position: relative; | | margin-left: 0; |
| top: 0.2em;
| | } |
| left: 0.63em; | |
| }
| |
|
| |
|
| .counter .fa-caret-up { | | .reiter.utm.inaktiv { |
| position: relative; | | opacity: 01; |
| top: -0.2em; | | font-size: unset; |
| | background: #dedede; |
| | border-color: #dedede; |
| } | | } |
|
| |
|
|
| |
|
| .buttonApplePortal { | | .dialog-button .icon-save-and-restart { |
| display: inline-block;
| | margin: 3px; |
| text-align: center;
| |
| font: 11px/100% "Lucida Grande", Arial, Helvetica, sans-serif;
| |
| padding: 0.3em 1.7em 0.5em; | |
| text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.55);
| |
| border-radius: 2em;
| |
| color: #fff;
| |
| } | | } |
|
| |
|
| .buttonApplePortal.renew { | | .new_design ~ * th.Bild > .img-container.blank, |
| background: #53a6e6; | | .new_design ~ * td.Bild > .img-container.blank { |
| border: solid 1px #2f68a1; | | background: none; |
| | border: none; |
| | padding-top: 0px; |
| } | | } |
|
| |
|
| .buttonApplePortal.create { | | .fc__pink { |
| background: #91d268; | | color: #b20396; |
| border: solid 1px #6bb468;
| |
| } | | } |
|
| |
|
| .dont {
| | /******* Heidenei - Änderungen für SASS ******/ |
| text-decoration: line-through;
| |
| text-decoration-color: red;
| |
| text-decoration-style: double;
| |
| }
| |
|
| |
|
| .bdr3 { | | .img-container.Bild-t, .new_design ~ * + * ~ .img-container.blank { |
| border-radius: 3px;
| | width: calc(46% - 33px); /* zuvor: 52% */ |
| }
| | margin-right: 10px; |
| | margin-left: 0.5em; |
| | } |
|
| |
|
| .bdr0 { | | .reiter.utm > div { |
| border-radius: 0px !important;
| | display: inline-flex; |
| }
| | } |
|
| |
|
| .head { | | .new_design ~ * .UTM.ui-fieldset-legend > span, |
| font-weight: bold;
| | .new_design ~ * .reiter.utm > span, |
| padding-bottom: 1em; | | .new_design ~ .reiter.utm > span { |
| display: inline-block;
| | /* float: left; */ |
| }
| | font-weight: bold; |
| | border: 0 none; |
| | border-left-width: 0px; |
| | border-left-style: none; |
| | border-left-color: currentcolor; |
| | border-left: solid 2px #e74c3c; |
| | padding-left: 6px; |
| | background: white; |
| | color: #404040; |
| | } |
|
| |
|
| .ver { | | .new_design ~ * .UTM.ui-fieldset-legend, |
| padding-bottom: 1em;
| | .new_design ~ * .reiter.utm, |
| }
| | .new_design ~ .reiter.utm { |
| | padding: 1px 3px 1px 4px; |
| | background: white; |
| | border: 1px solid rgba(0, 0, 0, 0.1); |
| | vertical-align: middle; |
| | font-size: 98%; |
| | } |
|
| |
|
| .ver-number { | | .new_design ~ * .bc__rotaus { |
| font-weight: bold; | | background: #e74c3c; |
| } | | } |
|
| |
|
| .ver-date { | | .button.aktiv { |
| font-weight: bold;
| | background: #fff; |
| }
| | border-radius: 0px; |
| | | border-top: 1px solid rgba(0,0,0,0.3); |
| .cl { | | border-bottom: 2px solid #e74c3c; |
| float: left; | | border-left: 0.05em solid rgba(0,0,0,0.3); |
| } | | border-right: 0.05em solid rgba(0,0,0,0.3); |
| | | padding: 0px 3px; |
| .cl ~ .neu {
| | color: rgba(0,0,0,0.5); |
| padding-bottom: calc( 1em - 7px );
| | clear: both; |
| } | | /*max-height: 1.5em;*/ |
| | |
| .prev {
| |
| padding-bottom: 1em;
| |
| display: inline-block;
| |
| }
| |
| | |
| .prev a {
| |
| font-weight: bold;
| |
| }
| |
| | |
| .prev a ~ a::before {
| |
| content: "| ";
| |
| color: rgba(0,0,0,0.7);
| |
| font-weight: bold;
| |
| }
| |
| | |
| | |
| .boldline {
| |
| border-top-width: 0.11em; | |
| border-top-style: solid; | |
| }
| |
| | |
| .dotted {
| |
| border-top-style: dotted; | |
| border-top-width: 0.11em; | |
| }
| |
| | |
| | |
| .small {
| |
| font-size: small !important;
| |
| }
| |
| | |
| .smaller {
| |
| font-size: smaller !important;
| |
| }
| |
| | |
| .x-small {
| |
| font-size: x-small !important;
| |
| }
| |
| | |
| .xx-small {
| |
| font-size: xx-small !important;
| |
| }
| |
| | |
| .large {
| |
| font-size: large !important;
| |
| }
| |
| | |
| .larger {
| |
| font-size: larger !important;
| |
| }
| |
| | |
| .x-large {
| |
| font-size: x-large !important;
| |
| }
| |
| | |
| .xx-large {
| |
| font-size: xx-large !important;
| |
| }
| |
| | |
| .fs-initial {
| |
| font-size: initial !important;
| |
| }
| |
| | |
| .bold {
| |
| font-weight: bold;
| |
| }
| |
| | |
| .normal {
| |
| font-weight: normal;
| |
| }
| |
| | |
| /*** Ende Schriftgrößen ***
| |
| | |
| | |
| | |
| | |
| | |
| /*** Hintergrundfarben ***/
| |
| | |
| .transparent .thumbimage,
| |
| .blank .thumbimage {
| |
| background-color: transparent;
| |
| }
| |
| | |
| | |
| .bc__white,
| |
| .bc__white .thumbimage,
| |
| .sptable2.bc__white td, | |
| .sptable2.tr--bc__white td {
| |
| background-color: #fff;
| |
| } | |
| | |
| .bc__white-important {
| |
| background-color: #fff !important;
| |
| } | |
| | |
| .bc__default, | |
| .bc__default .thumbimage,
| |
| .bc__default td {
| |
| background-color: #f9f9f9 !important;
| |
| }
| |
| | |
| .bc__inverse {
| |
| background-color: #333333;
| |
| }
| |
| | |
| .bc__grün, .bc__gruen,
| |
| .bc__grün .thumbimage,
| |
| .UTM.bc__gruen,
| |
| .UTM.bc__grün,
| |
| .UMA.bc__grün {
| |
| background-color: #468847;
| |
| } | |
| | |
| .UMA.bc__gruen,
| |
| .UMA.bc__gruen .thumbimage {
| |
| background-color: #9AD267;
| |
| } | |
| | |
| .bc__android,
| |
| .bc__android .thumbimage {
| |
| background-color: #91c747;
| |
| }
| |
| | |
| .un-blocked, .unblocked,
| |
| .positiv,
| |
| .positiv .thumbimage, | |
| .ICS.bc__grün, .ICS.bc__gruen,
| |
| .SPDyn.bc__grün, .SPDyn.bc__gruen,
| |
| .RSP.bc__gruen, .RSP.bc__grün,
| |
| .AV.bc__grün, .AV.bc__gruen,
| |
| .MS.bc__gruen, .MS.bc__grün,
| |
| .MDM.bc__gruen, .MDM.bc__grün {
| |
| background-color: #2DCC71;
| |
| } | |
| | |
| .SEWS.bc__grün,
| |
| .SEWS.bc__gruen,
| |
| .SEWS.bc__grün .thumbimage {
| |
| background-color: #29cf73;
| |
| } | |
| | |
| .SUB.bc__grün,
| |
| .SUB.bc__grün .thumbimage {
| |
| background-color: #51a351
| |
| }
| |
| | |
| .signal-light.bc__grün .thumbimage { | |
| background-color: #3EAB30;
| |
| } | | } |
|
| |
|
| | | .status-text.blue { |
| .bc__giftgrün,
| | background-color: #337AB7; /* früher: #F0AD4E; */ |
| .background-color__giftgrün { | | border-color: #285f8f; |
| background-color: #7fff00;
| | font-size: small; |
| }
| |
| | |
| .bc__rot,
| |
| .bc__rot .thumbimage,
| |
| .UMA.bc__rot {
| |
| background-color: #ec7063; /* ; zwischenzeitlich #b94a48 */
| |
| }
| |
| | |
| .blocked,
| |
| .warning,
| |
| .UTM.bc__rot,
| |
| .SPDyn.bc__rot,
| |
| .AV.bc__rot,
| |
| .MS.bc__rot,
| |
| .MDM.bc__rot,
| |
| .USC.bc__rot,
| |
| .USR.bc__rot,
| |
| .SUB.bc__rot,
| |
| .ICS.bc__rot,
| |
| .RSP.bc__rot,
| |
| .AWP.bc__rot, .AWP .bc__rot {
| |
| background-color: #E74C3C;
| |
| }
| |
| | |
| | |
| .bc__error {
| |
| background-color: #DD463E;
| |
| }
| |
| | |
| | |
| .UTM.bc__grau {
| |
| background-color: rgb(153, 153, 153);
| |
| }
| |
| | |
| .UMA.bc__grau {
| |
| background-color: #555555;
| |
| }
| |
| | |
| .MS.bc__grau,
| |
| .MDM.bc__grau,
| |
| .USC.bc__grau {
| |
| background-color: #cccccc;
| |
| }
| |
| | |
| .SEWS.bc__grau {
| |
| background-color: #a8a8a8;
| |
| }
| |
| | |
| .SUB.bc__grau {
| |
| background-color: #e8e8e8;
| |
| }
| |
| | |
| .bc__rosa, .bc__inaktiv {
| |
| background-color: #fdf1ef; /* deaktivierte Button AWP */
| |
| }
| |
| .bc__dgrau {
| |
| background-color: rgb(51, 51, 51); /* Log-Einträge UTM, */
| |
| }
| |
| | |
| .bc__hgrau {
| |
| background-color: #ececec;/* 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__grau-menu {
| |
| background-color: #3c3f46; /* Graue Buttons im MDM */
| |
| }
| |
| | |
| .bc__grau-l {
| |
| background-color: rgba(0, 0, 0, 0.6);
| |
| }
| |
| | |
| .bc__grey {
| |
| background-color: grey;
| |
| }
| |
| | |
| .bc__grau-uma-button {
| |
| background-color: rgb(230,230,230);
| |
| }
| |
| | |
| .bc__readonly {
| |
| background: #f5f5f5;
| |
| }
| |
| | |
| .bc__blau {
| |
| background-color: rgb(58, 135, 173); /* Zonen, Bereiche */
| |
| }
| |
| .SEWS.bc__blau {
| |
| background-color: #6baae7;
| |
| }
| |
| | |
| .bc__hblau, .bc__hell-blau {
| |
| background-color: #00bcd4; /* Geblockte Anfragen */
| |
| }
| |
| | |
| .bc__macos-blau {
| |
| background-color: #257bfe; /* Schaltflächen in MacOS */
| |
| }
| |
| | |
| .bc__windows-blau,
| |
| .bc__powershell {
| |
| background-color: #012456; /* Hintergrund der Powershell */
| |
| }
| |
| | |
| .bc__blau-select {
| |
| background-color: #92bdd6;
| |
| }
| |
| | |
| .bc__blue {
| |
| background-color: #007bff;
| |
| }
| |
| | |
| .bc__rots {
| |
| background-color: rgba(231,76,60, 0.7); /* Symbole in rot */
| |
| }
| |
| | |
| .bc__rotaus,
| |
| .UTM.bc__rotaus {
| |
| background-color: #B94A48; /* verwendet für deaktivierte Buttons in UTM */
| |
| background: #B94A48;
| |
| }
| |
| | |
| .bc__orange {
| |
| background-color: #ff5722; /* verwendet für Warnungen in Statistik */
| |
| }
| |
| | |
| .bc__ddgrau {
| |
| background-color: #484c53; /* Graue Ränder */
| |
| }
| |
| | |
| .bc__rotbd ,
| |
| .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: #468847; /* rgb(2,90,0); grün */
| |
| }
| |
| | |
| .bc__b {
| |
| background-color: rgb(2,100,130); /* blau */
| |
| }
| |
| | |
| .bc__g, .bc__hinweis, .bc__gelb {
| |
| background-color: #f89406; /* früher: #F0AD4E; */
| |
| } | |
| | |
| .SEWS.bc__gelb {
| |
| background-color: #f7c710;
| |
| }
| |
| | |
| .bc__ja {
| |
| background-color: #CCFFCC !important;
| |
| }
| |
| | |
| .bc__teilweise {
| |
| background-color: #fcffcc !important;
| |
| }
| |
| | |
| .bc__nein {
| |
| background-color: #FF5555 !important; | |
| } | |
| | |
| .bc__na {
| |
| background-color: #7E7E7E;
| |
| }
| |
| | |
| | |
| | |
| /*** Ende Hintergrund-Farben ***/
| |
| | |
| | |
| | |
| /*** Beginn Schrift-Farbe ***/
| |
| | |
| .fc__ja, .font-color__ja,
| |
| .UTM.font-color__gruen,
| |
| .UTM.font-color__grün,
| |
| .UTM.fc__grün,
| |
| .UTM.fc__gruen {
| |
| color: #468847;
| |
| }
| |
| | |
| .fc__up {
| |
| color: #3EAB30;
| |
| }
| |
| | |
| .UMA.font-color__gruen,
| |
| .UMA.font-color__grün,
| |
| .UMA.fc__gruen,
| |
| .UMA.fc__grün {
| |
| color: #9AD267;
| |
| }
| |
| | |
| .SPDyn.font-color__grün,
| |
| .SPDyn.font-color__gruen,
| |
| .AV.font-color__gruen,
| |
| .AV.font-color__grün,
| |
| .MS.font-color__gruen,
| |
| .MS.font-color__grün,
| |
| .text-green {
| |
| color: #2DCC71;
| |
| }
| |
| | |
| .SUB.font-color__grün,
| |
| .SUB.font-color__gruen {
| |
| color: #51a351;
| |
| }
| |
| | |
| | |
| .fc__ja .mw-collapsible-toggle-default::before,
| |
| .font-color__ja .mw-collapsible-toggle-default::before {
| |
| color: #ccffcc;
| |
| } | | } |
|
| |
|
| .fc__giftgrün, | | .spc__default.inline { |
| .font-color__giftgrün { | | display: inline; |
| color: #7fff00; | |
| } | | } |
|
| |
|
| .UTM.font-color__rot, | | .thumbcaption #mw-customcollapsible-Inhalte.icon { |
| .UMA.font-color__rot,
| | display: inline-block; |
| li.UTM.list--element__warning:before,
| |
| .fc__warning, .UTM.fc__warning { | |
| color: #b94a48; /* früher: #ec7063; */ | |
| } | | } |
|
| |
|
| .fc__rot, font-color__rot, | | .new_design ~ .neu-menu .button.button-default.UTM.icon { |
| .fc__error, .fc__nein { | | background: #aaa; |
| color: #DD463E; | |
| } | | } |
|
| |
|
| .fc__na, .na { | | .img-container.Bild-t.width100 { |
| color: #7E7E7E; | | width: auto; |
| } | | } |
|
| |
|
| .fc__down, .down { | | .height-auto { |
| color: #515151; | | height: auto; |
| } | | } |
|
| |
|
| .fc__link {
| | td #mw-customcollapsible-Inhalte { |
| color: rgb(231,76,60); | | display: contents; |
| } | | } |
|
| |
|
| | | #mw-customcollapsible-Inhalte.inline-block { |
| | | display: inline-block; |
| .font-color__rot,
| |
| .SPDyn.font-color__rot,
| |
| .MS.font-color__rot,
| |
| .SUB.font-color__rot,
| |
| .ICS.font-color__rot,
| |
| .AWP.font-color__rot {
| |
| color: #E74C3C; | |
| } | | } |
|
| |
|
| .UTM.font-color__grau { | | .dialog-header.passiv, |
| color: rgb(153, 153, 153); | | .dialog-header.passiv * .dialog-menu, |
| | .dialog-header.passiv * .dialog-pfad, |
| | .dialog-header.passiv * .dialog-pfad *, |
| | .dialog-header.passiv > * { |
| | background-color: #545861; |
| } | | } |
|
| |
|
| .font-color__b-grau, | | .mt1em { |
| .ICS.font-color__grau,
| | margin-top: 1em; |
| .AV.font-color__grau,
| |
| .MS.font-color__grau,
| |
| .UMA.font-color__grau {
| |
| color: #555555; | |
| } | | } |
|
| |
|
| .fc-table, | | .Bild .img-container + .img-container.mt1em { |
| .font-color-table { | | margin-right: 0; |
| color: #f8f9fa; | |
| } | | } |
|
| |
|
| .fc__white-l, | | .ic-eingabe.PIN { |
| .font-color__white-l { | | width: 1.5em; |
| color: rgba(255, 255, 255, 0.9); | | text-align: center; |
| } | | } |
|
| |
|
| .font-color__white-button, | | .topRightCircle { |
| .fc__white-button,
| | position: absolute !important; |
| .font-color__white-b,
| | z-index: 10; |
| .fc__white-b {
| | top: -14px; |
| color: rgba(255, 255, 255, 0.8); | | left: calc(100% - 9px); |
| | line-height: 8px; |
| | padding: 6px; |
| | font-size: 10px; |
| | background-color: #e74c3c; |
| | color: #fff; |
| | display: block; |
| | border-radius: 50%; |
| | border: 2px solid; |
| } | | } |
|
| |
|
| .fc__grau-l, | | .spc__default.PIN { |
| .font-color__grau-l {
| | position: relative; |
| color: rgba(0, 0, 0, 0.6); | | margin-top: 1em; |
| | margin-right: 0.5em; |
| } | | } |
|
| |
|
| .font-color__dgrau, | | .img-container.Bildwechsel { |
| .fc__dgrau
| | position: relative; |
| li.fc__dgrau,
| |
| li.font-color__dgrau {
| |
| color: rgb(51, 51, 51); /* Log-Einträge UTM, */ | |
| } | | } |
|
| |
|
| .fc__hgrau,
| | /* Ist nicht sanitized.css daher → common.css |
| .font-color__hgrau {
| | .img-container.Wechselbild { |
| color: rgba(0, 0, 0, 0.05); /* Status-Meldungen */
| | opacity: 0; |
| }
| | position: absolute; |
| | | top: 0; |
| .fc__grau-app, | | transition: opacity 300ms ease; |
| .font-color__grau-app { | | -moz-transition: opacity 300ms ease; |
| color: #c1cbce; /* Graue Balken in der Android-App */
| | -webkit-transition: opacity 300ms ease; |
| }
| | -o-transition: opacity 300ms ease; |
| | |
| .fc__grau-s, | |
| .font-color__grau-s { | |
| color: #55676d; /* Graue Schrift in Android-App */ | |
| }
| |
| | |
| .fc__grau-b,
| |
| .font-color__grau-b {
| |
| color: #878a90; /* Graue Buttons in Android-App */
| |
| }
| |
| | |
| .fc__springgreen,
| |
| .font-color__springgreen {
| |
| color: rgb(0,255,127); /* schrilles Alarm-Grün */
| |
| } | |
| | |
| .fc__blau,
| |
| .font-color__blau {
| |
| color: rgb(58, 135, 173); /* Zonen, Bereiche */
| |
| }
| |
| | |
| .font-color__hblau,
| |
| .fc__hblau,
| |
| .fc__hell-blau,
| |
| .font-color__hell-blau {
| |
| color: #00bcd4; /* Geblockte Anfragen */
| |
| }
| |
| | |
| .fc__macos-blau,
| |
| .font-color__macos-blau {
| |
| color: #257bfe; /* Schaltflächen in MacOS */
| |
| }
| |
| | |
| .fc__rots,
| |
| .font-color__rots {
| |
| color: rgba(231,76,60, 0.7); /* Symbole in rot */
| |
| }
| |
| | |
| .fc__rotaus,
| |
| .font-color__rotaus {
| |
| color: #B94A48; /* verwendet für deaktivierte Buttons in UTM */
| |
| }
| |
| | |
| .fc__orange,
| |
| .font-color__orange {
| |
| color: #ff5722; /* verwendet für Warnungen in Statistik */
| |
| }
| |
| | |
| .fc__ddgrau,
| |
| .font-color__ddgrau {
| |
| color: #484c53; /* Graue Ränder */
| |
| }
| |
| | |
| .font-color__rotbd ,
| |
| .fc__rotbd
| |
| .fc__rotr,
| |
| .font-color__rotr {
| |
| color: #e43725; /* verwendet für Border von Schaltflächen */
| |
| }
| |
| | |
| .fc__rotbd,
| |
| .font-color__rotbd {
| |
| color: #d62c1a; /* verwendet für Border von Hinweisen */
| |
| }
| |
| | |
| .fc__rot-cb,
| |
| .font-color__rot-cb {
| |
| color: #ef8b80; /* verwendet für Border von Clickboxen */
| |
| }
| |
| | |
| .fc__white-lbd,
| |
| .font-color__white-lbd {
| |
| color: rgba(255, 255, 255, 0.1); /* verwendet für weiße Ränder */
| |
| }
| |
| | |
| .fc__gelbbd,
| |
| .font-color__gelbbd {
| |
| color: #ec971f; /* Border gelbe Felder */
| |
| }
| |
| | |
| .fc__grünbd,
| |
| .font-color__grünbd {
| |
| color: #24a25a; /* Border grüne Felder */
| |
| }
| |
| | |
| .font-color__r,
| |
| .fc__r,
| |
| .fc__warnung,
| |
| .font-color__warnung {
| |
| color: #d71e0b; /* rot */
| |
| }
| |
| | |
| .font-color__gr,
| |
| .fc__gr,
| |
| .fc__positiv,
| |
| .font-color__positiv {
| |
| color: #468847; /* rgb(2,90,0); grün */
| |
| }
| |
| | |
| .font-color__g,
| |
| .fc__g,
| |
| .fc__hinweis,
| |
| .font-color__hinweis {
| |
| color: rgb(255,200,0); /* #e80; gelb */ | |
| } | |
| | |
| .fc__b,
| |
| .font-color__b {
| |
| color: rgb(2,100,130); /* blau */
| |
| }
| |
| | |
| .font-color__gelb,
| |
| .fc__gelb,
| |
| .fc__teilweise,
| |
| .fc__hint,
| |
| li.UTM.list--element__hint:before {
| |
| color: #E9C321; /* früher: #f89406; / #F0AD4E; */
| |
| }
| |
| | |
| .fc__yellow,
| |
| .font-color__yellow {
| |
| color: #ff0;
| |
| }
| |
| | |
| .fc__blue,
| |
| .font-color__blue {
| |
| color: #007bff;
| |
| }
| |
| | |
| .fc__red,
| |
| .font-color__red {
| |
| color: #dc3545;
| |
| }
| |
| | |
| .fc__green,
| |
| .font-color__green {
| |
| color: #28a745;
| |
| }
| |
| | |
| .fc__orange,
| |
| .font-color__orange {
| |
| color: #fd7e14;
| |
| }
| |
| | |
| .font-color__white,
| |
| .fc__white,
| |
| .color__white {
| |
| color: #fff;
| |
| }
| |
| | |
| .fc__black,
| |
| .font-color__black {
| |
| color: #000;
| |
| }
| |
| | |
| .fc__dark,
| |
| .font-color__dark {
| |
| color: #343a40;
| |
| }
| |
| | |
| | |
| | |
| /*** Ende Schrift-Farbe ***/
| |
| | |
| | |
| | |
| /*** Beginn Border-Farbe ***/
| |
| | |
| | |
| .border__dark {
| |
| border: 1px solid #343a40;
| |
| } | |
| | |
| .UTM.border-color__gruen,
| |
| .UTM.border-color__grün,
| |
| .UMA.border-color__gruen,
| |
| .UMA.border-color__grün {
| |
| border-color: #468847;
| |
| } | |
| | |
| .ICS.border-color__gruen,
| |
| .ICS.border-color__grün,
| |
| .SPDyn.border-color__gruen,
| |
| .SPDyn.border-color__grün,
| |
| .RSP.border-color__gruen,
| |
| .RSP.border-color__grün,
| |
| .MS.border-color__gruen,
| |
| .MS.border-color__grün,
| |
| .AWP.border-color__grün, .AWP.bdc__grün {
| |
| border-color: #2DCC71;
| |
| } | |
| | |
| .SUB.border-color__grün,
| |
| .SUB.border-color__gruen {
| |
| border-color: #51a351
| |
| }
| |
| | |
| .UTM.border-color__rot,
| |
| .UMA.border-color__rot {
| |
| border-color: #b94a48; /* früher: #ec7063; */ | |
| }
| |
| | |
| .bdr__rot {
| |
| border-color: #DD463E;
| |
| }
| |
| | |
| .radio.selected,
| |
| .SPDyn.border-color__rot, .SPDyn.bdc__rot,
| |
| .MS.border-color__rot, .MS.bdc__rot,
| |
| .SUB.border-color__rot, .SUB.bdc__rot,
| |
| .ICS.border-color__rot, .ICS.bdc__rot,
| |
| .AWP.border-color__rot, .AWP.bdc__rot,
| |
| .AWP.ic-eingabe.bdc__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,
| |
| .bdc__white {
| |
| border-color: white;
| |
| }
| |
| | |
| .border-color__white-l {
| |
| border-color: rgba(255, 255, 255, 0.9);
| |
| }
| |
| | |
| .border-color__white-l-shadow {
| |
| border-color: rgba(255, 255, 255, 0.85);
| |
| }
| |
| | |
| .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__blau-select {
| |
| border-color: #92bdd6;
| |
| } | | } |
| | */ |
|
| |
|
| .border-color__hblau, | | .img-container.Bildwechsel:hover .Wechselbild { |
| .border-color__hell-blau { | | opacity: 1; |
| border-color: #00bcd4; /* Geblockte Anfragen */ | |
| } | | } |
|
| |
|
| .border-color__macos-blau { | | .new_design ~ * .button.first { |
| border-color: #257bfe; /* Schaltflächen in MacOS */ | | border-top-left-radius: 24px; |
| | border-bottom-left-radius: 24px; |
| } | | } |
|
| |
|
| .bdc__blue { | | .new_design ~ * .button.middle { |
| border-color: #007bff; | | border-radius: 0; |
| } | | } |
|
| |
|
| .border-color__rots { | | .new_design ~ * .button.last { |
| border-color: rgba(231,76,60, 0.7); /* Symbole in rot */ | | border-top-right-radius: 24px; |
| | border-bottom-right-radius: 24px; |
| } | | } |
|
| |
|
| .border-color__rotaus { | | .new_design ~ * .button.aktiv.first, |
| border-color: #B94A48; /* verwendet für deaktivierte Buttons in UTM */ | | .new_design ~ * .button.aktiv.middle, |
| | .new_design ~ * .button.aktiv.last { |
| | background-color: #468847; |
| | color: rgba(255, 255, 255, 0.6); |
| | border-bottom: unset; |
| } | | } |
|
| |
|
| .border-color__orange {
| |
| border-color: #ff5722; /* verwendet für Warnungen in Statistik */
| |
| }
| |
|
| |
|
| .border-color__ddgrau { | | .Einrücken2, .einrücken2 { |
| border-color: #484c53; /* Graue Ränder */ | | margin-left: 2.5em; |
| | width: auto; |
| } | | } |
|
| |
| .border-color__rotbd ,
| |
| .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__gruenbd,
| |
| .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: #468847; /* 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: #f89406; /* früher: #F0AD4E; */
| |
| }
| |
|
| |
| .border-color__silver {
| |
| border-color: silver;
| |
| }
| |
|
| |
| /*** Ende Border-Farbe ***/
| |