|
|
| (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;
| | .spicon-securepoint-vpn-client.tile-icon::before { |
| | content: "A"; |
| | } |
| | |
| | .spicon-ssl-vpn-client::before { |
| | content: "\E900"; |
| } | | } |
|
| |
|
|
| |
|
| .button-2 .button a.image { | | .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: ""; |
| } | | } |
|
| |
|
| | | .fa-floppy-disk-circle-xmark::before { |
| /* hr {
| | content: ""; |
| 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);
| |
| } | | } |
|
| |
|
| #siteSub {
| | .fa-arrow-rotate-left::before { |
| display: none; | | content: ""; |
| } | | } |
|
| |
|
| .toc { | | .fa-shield-keyhole::before { |
| border: 1px solid #a2a9b1;
| | content: "\e248"; |
| padding: 7px;
| |
| } | | } |
|
| |
|
| .width-xxl .toc, | | .fa-retweet-alt::before { |
| .width-xl .toc,
| | content: "\f361"; |
| .width-l .toc,
| |
| .width-xxs .toc,
| |
| .width-xs .toc,
| |
| .width-s .toc {
| |
| min-width: unset;
| |
| }
| |
| | |
| .toclevel-2 {
| |
| margin-left: 15px;
| |
| } | | } |
|
| |
|
| .toclevel-3 { | | .fa-split::before { |
| font-size: 90%;
| | content: "\e254"; |
| margin-left: 22px;
| |
| } | | } |
|
| |
|
| .toclevel-4 { | | .fa-shield::before { |
| font-size: 80%;
| | content: "\f132"; |
| margin: -4px 0px -4px 26px;
| |
| } | | } |
|
| |
|
| .notocnumber .toc ul li a .tocnumber { | | .fa-clipboard-list-check::before, |
| display: none;
| | .fa-clipboard-list-check::before { |
| }
| | content: "\f737"; |
| | |
| /* ausgeagert in common.css
| |
| .toctogglespan {
| |
| display: inline-flex;
| |
| }
| |
| */
| |
| | |
| .glyphicons {
| |
| display: inline-block; | |
| /*opacity: 1;*/
| |
| } | | } |
|
| |
|
| .halflings { | | .fa-exchange::before { |
| display: inline-block;
| | content: "\f0ec"; |
| }
| |
| | |
| table {
| |
| /* display: inline; */
| |
| margin: unset;
| |
| } | | } |
|
| |
|
| | | .fa-file-certificate::before { |
| .unsichtbar { | | content: "\f5f3"; |
| display: none!important; | |
| } | | } |
|
| |
|
| h3, h4 {
| | .fa-key-skeleton::before { |
| white-space: pre-wrap;
| | content: "\f6f3"; |
| line-height: 1.3em;
| |
| color: rgba(0,0,0,0.8);
| |
| }
| |
| | |
| .h2 {
| |
| border-bottom: 1px solid #a2a9b1;
| |
| display: flex;
| |
| }
| |
| | |
| .h-top +h3 {
| |
| margin-top: 0em;
| |
| }
| |
| | |
| .listhead p {
| |
| margin-bottom: 0;
| |
| } | | } |
|
| |
|
| .no-p p { | | .fa-file-edit::before { |
| margin-top: 0;
| | content: "\f31c"; |
| margin-bottom: 0!important;
| |
| } | | } |
|
| |
|
| li {
| | .fa-pipe::before { |
| text-align: left;
| | content: "\7c"; |
| }
| |
| | |
| ul > li:last-child {
| |
| margin-bottom: 7px;
| |
| }
| |
| | |
| .btn a {
| |
| color: unset;
| |
| }
| |
| | |
| | |
| /* Formatierung Ausklapp-Toggle */
| |
| | |
| /* Ersetzt [ausklappen] durch eine farbige, linksbündige Schaltfläche */
| |
| /* :before und :after entfernen die [] */
| |
| /* Der Ausklapp-Button wird von Mediawiki automatisch in eine Tabellenzeile geschrieben */
| |
| /* und erhält einen unschönen Rand, der ebenfalls entfernt wird */
| |
| | |
| /* Die Beschriftung wird dann gesteuert mit: »data-expandtext=« bzw. »data-collapsetext=« */
| |
| | |
| .mw-collapsible-toggle {
| |
| color:rgba(255, 255, 255, 0.9);
| |
| display: inline-block;
| |
| background: #ec971f;
| |
| border: 1px solid #f0ad4e;
| |
| border-radius:3px;
| |
| padding: 0px 3px!important;
| |
| font-size:100%;
| |
| text-align:left;
| |
| float:none!important;
| |
| margin-top: 0.3em;
| |
| }
| |
| | |
| .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 {
| |
| content: '\f129 ';
| |
| font-family: 'Font Awesome 5 Pro';
| |
| font-weight: 300;
| |
| /* content: ''; */
| |
| }
| |
| | |
| .menu .mw-collapsible-toggle-default::before {
| |
| content: '\f0c9 ';
| |
| font-family: 'Font Awesome 5 Pro';
| |
| font-weight: 300;
| |
| color: #F1948A;
| |
| /* content: ''; */
| |
| }
| |
| | |
| .menu .mw-collapsible-toggle-default::after {
| |
| content: "\f107 "; | |
| font-family: "Font Awesome 5 Pro";
| |
| font-weight: 300;
| |
| padding-left: 2px;
| |
| } | | } |
|
| |
|
| .menu.mw-collapsed .mw-collapsible-toggle-default::after { | | .fa-lock-keyhole-open::before { |
| content: "\f104 "; | | content: "\f3c2"; |
| font-family: "Font Awesome 5 Pro";
| |
| font-weight: 300;
| |
| padding-left: 2px;
| |
| } | | } |
| .menu.mw-collapsible {
| |
| background-color: unset;
| |
| background-image: unset;
| |
| border: unset;
| |
| }
| |
|
| |
| .menu .mw-collapsible-toggle {
| |
| color: inherit;
| |
| background-color: #eaecf0;
| |
| border: 1px solid #F1948A;
| |
| }
| |
|
| |
| .menu a.mw-collapsible-text {
| |
| color: inherit;
| |
| }
| |
|
| |
| .menu .mw-collapsible-content {
| |
| border: 2px solid #eaecf0;
| |
| margin-top: 3px;
| |
| }
| |
|
| |
| .mw-collapsible-toggle-default::after {
| |
| content: '';
| |
| }
| |
|
| |
| .toggle-links#mw-customcollapsible-Inhalte {
| |
| display: inline-flex;
| |
| }
| |
|
| |
| .toggle-links .mw-collapsible-toggle {
| |
| height: max-content;
| |
| }
| |
|
| |
| a.mw-collapsible-text {
| |
| color: white;
| |
| }
| |
|
| |
| .TOC3 a.mw-collapsible-text {
| |
| color: unset;
| |
| }
| |
|
| |
| .mw-collapsible.hover a.mw-collapsible-text {
| |
| color: unset;
| |
| }
| |
|
| |
| .spicon-utm .mw-collapsible-toggle-default::after {
| |
| content: '\e91c ';
| |
| }
| |
|
| |
| .spicon-av .mw-collapsible-toggle-default::after,
| |
| .spicon-antivirus .mw-collapsible-toggle-default::after {
| |
| 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 ';
| |
| }
| |
|
| |
|
| | | .fa-down-long::before { |
| [class*="spicon-"] .mw-collapsible-toggle-default::after {
| | content: "\f309"; |
| 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 {
| | .fa-traffic-cone::before { |
| padding: 0;
| | content: "\f636"; |
| }
| |
| | |
| .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-text a.mw-collapsible-text {
| |
| display: none !important;
| |
| }
| |
| | |
| .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 { | | .fa-arrow-down-to-bracket::before { |
| content: '\f128';
| | content: "\e094"; |
| 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;
| |
| } | | } |
|
| |
|
| #mw-customcollapsible-Inhalte {
| | .fa-scrubber::before { |
| display: inline;
| | content: "\f2f8"; |
| }
| |
| | |
| #mw-customcollapsible-Inhalte2 {
| |
| display: inline;
| |
| }
| |
| | |
| #mw-customcollapsible-Inhalte3 {
| |
| display: inline;
| |
| }
| |
| | |
| .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 {
| | .fa-circle-info::before { |
| display: inline-table;
| | content: "\f05a"; |
| } | | } |
|
| |
|
| .mw-collapsible-content { | | .fa-square-question::before { |
| display: block;
| | content: "\f2fd"; |
| } | | } |
|
| |
|
| .block .mw-collapsible-content { | | .fa-clock-rotate-left::before { |
| display: block;
| | content: "\f1da"; |
| } | | } |
|
| |
|
| .block.flex-content .mw-collapsible-content { | | .fa-angles-left::before { |
| display: flex;
| | content: "\f100"; |
| } | | } |
|
| |
|
| /* .Bild .mw-collapsible-toggle {
| | .fa-table-list::before { |
| float: left !important;
| | content: "\f00b"; |
| } */
| |
| | |
| .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 {
| |
| margin-left: 5px;
| |
| }
| |
| | |
| .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;
| |
| }
| |
| | |
| | |
| | |
| .Toggle-als-Block {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| position: relative;
| |
| left: -5px;
| |
| }
| |
| | |
| .toggle-size-big .bigdezent .mw-collapsible-toggle,
| |
| .toggle-size-big .bigdezent .mw-collapsible-toggle .mw-collapsible-text {
| |
| font-size: 100%;
| |
| }
| |
| | |
| | |
| /* 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;
| |
| } | | } |
|
| |
|
| | | .fa-industry-windows::before { |
| .middle td, .middle {
| | content: "\f3b3"; |
| 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;
| |
| }
| |
| | |
| | |
| .mw-empty-elt {
| |
| display: block!important;
| |
| }
| |
| | |
| .spiegelstrich ul {
| |
| list-style-type:none; | |
| } | | } |
|
| |
|
| .spiegelstrich ul li:before { | | .fa-ellipsis-vertical::before { |
| content: "– " | | content: "\f142"; |
| } | | } |
|
| |
|
| .angel li::before {
| |
| font-family: 'Font Awesome 5 Pro';
| |
| content: "\f105 ";
| |
| position: absolute;
| |
| left: 0.75em;
| |
| }
| |
|
| |
|
| .ol-li-red ol li::marker {
| | /* |
| color: red;
| | .fa-klasse::before { |
| }
| | content: "\"; |
| | |
| | |
| .nocolumnbreak ul { | |
| page-break-inside: avoid;
| |
| break-inside: avoid;
| |
| }
| |
| | |
| .wikitable,
| |
| .auto {
| |
| width: auto;
| |
| } | | } |
| | /* |
|
| |
|
| .wikitable1 { | | .button.fas { |
| background-color:white; | | font-family: unset; |
| color: #222;
| | font-weight: unset; |
| margin: 0em 0;
| |
| border: 1px solid white;
| |
| border-collapse: collapse;
| |
| }
| |
| | |
| .wikitable2, .wikitable3 {
| |
| /* background-color:white; */
| |
| color: #222;
| |
| margin: 0em 0; | |
| border: 1px solid white;
| |
| border-collapse: collapse;
| |
| } | |
| | |
| .wikitable1 th, .wikitable2 th, .wikitable3 th {
| |
| background-color: #eaecf0;
| |
| border: 1px solid #a2a9b1;
| |
| } | | } |
|
| |
|
| .wikitable1 td, .wikitable2 > tbody > tr > td {
| |
| background-color: #f8f9fa;
| |
| border: 1px solid #a2a9b1;
| |
| padding: 0.2em 0.2em;
| |
| line-height:1.4;
| |
| }
| |
|
| |
|
| | /********** Ende Workaround für LiveWiki *****/ |
|
| |
|
| .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;
| |
| }
| |
|
| |
|
| .sptable2 .noborder .nonoborder tr.Leerzeile td {
| |
| border: 0 !important;
| |
| }
| |
|
| |
|
| | /********** Korrektur für CSS *****/ |
|
| |
|
| .pt2 {
| |
| float: left;
| |
| margin-bottom :10px;
| |
| max-width:44%;
| |
| }
| |
|
| |
|
| .sptable { | | .embedvideo.mw-halign-center { |
| display: block; | | display: inline-block; |
| color: #222;
| |
| margin: 0em 0;
| |
| /* border: 0; */
| |
| border-collapse: collapse;
| |
| } | | } |
|
| |
|
| .sptable td { | | .key { |
| background-color: #f8f9fa; | | display: inline-block; |
| border: 1px solid #a2a9b1;
| | line-height: 1.25em; |
| padding: 0.2em 0.2em;
| |
| line-height:1.4; | |
| } | | } |
|
| |
|
| .sptable tr > td:first-child { | | .code { |
| text-align: left;
| | background:#ddd; |
| }
| | } |
|
| |
|
| [class^="sptable"].center-col1 td:first-child,
| | /********** Ende Korrektur für CSS *****/ |
| .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 {
| | /****** Kann wieder raus, wenn in scss _position_ entfernt ******/ |
| text-align: unset;
| |
| }
| |
|
| |
|
| | .mw-collapsible-text { /*z-index und position raus, padding-left geändert */ |
| | padding-left: 0.25em; |
| | display: unset; |
| | } |
|
| |
|
| .hide-col1 td:first-child, | | .mw-collapsible-toggle-default::before, |
| .hide-col1 th:first-child,
| | .dezent .mw-collapsible-toggle-default::before, |
| .hide-1col td:first-child,
| | .bigdezent .mw-collapsible-toggle-default::before { |
| .hide-1col th:first-child { | | content: "\f25a"; |
| display: none;
| | font-family: "Font Awesome 6 Pro"; |
| }
| | font-weight: 300; |
| | |
| .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 { | | .hover .mw-collapsible-toggle-default::before { |
| background-color: unset;
| | content: ""; |
| border: unset; | |
| } | | } |
|
| |
|
| table.sptable,
| | .mw-collapsible .mw-collapsible-toggle-default::after { |
| table.sptable2,
| | content: ""; |
| table.sptable3 {
| |
| border: 0; | |
| } | | } |
|
| |
|
| .spgridtr .Leerzeile { | | .info .mw-collapsible-toggle-default::before, |
| border-left: 0;
| | .info-collapsed .mw-collapsible-toggle-default::before { |
| border-right: 0;
| | content: "\f05a"; |
| }
| | color: rgb(43, 151, 213); |
| | |
| | |
| .sptable .Leerzeile, .sptable2 .Leerzeile, .blank .Leerzeile { | |
| border: 0; | |
| background: unset;
| |
| height: auto; | |
| } | | } |
|
| |
|
| .ausrücken, .Ausrücken { | | .info .mw-collapsible-text { |
| margin-left: -30px; | | color: rgb(43, 151, 213); |
| display: block; | | font-size: small; |
| | padding-left: 2px; |
| } | | } |
|
| |
|
| .Leerzeile td, .Ausrücken td, .ausrücken td {
| |
| border: none !important;
| |
| }
| |
|
| |
|
| .Leerzeile .border-default td { | | .code .mw-collapsible-toggle-default::before { |
| border: 1px solid grey !important; | | content: "\f121"; |
| | color: rgb(43, 151, 213); |
| } | | } |
|
| |
|
| .pipe-left .spc__default:not(:first-child) { | | .gear .mw-collapsible-toggle-default::before { |
| border-left: 1px solid; | | content: "\f013"; |
| border-radius: 0;
| | color: rgb(43, 151, 213); |
| padding-left: 3px; | |
| } | | } |
|
| |
|
| .pipe-left .spc__default:first-child { | | .changelog .mw-collapsible-toggle-default::before { |
| padding-right: 3px; | | content: "\f46d"; |
| | color: rgba(0,0,0,0.7); |
| } | | } |
|
| |
|
| .swaprow3-4 tbody tr { | | .changelog .mw-collapsible-toggle { |
| display: grid; | | color: #2b97d5; |
| justify-content: left; | | background: inherit; |
| | font-size: 80%; |
| | border: 1px solid #2b97d5; |
| | /* box-shadow: 0px 0px 1px 1px inset; |
| | padding: 0px 6px !important; */ |
| } | | } |
|
| |
|
| .swaprow3-4 tr th:nth-child(1), | | .changelog > .mw-collapsible-toggle .mw-collapsible-text { |
| .swaprow3-4 tr td:nth-child(1) { | | color: rgba(0,0,0,0.7); |
| grid-column: 1/2; | |
| width: 6em;
| |
| border-right: 0;
| |
| border-bottom: 0;
| |
| } | | } |
|
| |
|
| .swaprow3-4 tr th:nth-child(2), | | .neu-box { |
| .swaprow3-4 tr td:nth-child(2) {
| | display: flow-root; |
| grid-column: 2/3; | | padding-bottom: 1em; |
| width: 6em;
| |
| border-right: 0;
| |
| border-bottom: 0; | |
| } | | } |
|
| |
|
| .swaprow3-4 tr th:nth-child(3), | | .vorher { |
| .swaprow3-4 tr td:nth-child(3) {
| | margin-left: 1.5em; |
| grid-column: 4/5; | | padding-bottom: 1em; |
| width: 8em; | |
| border-bottom: 0; | |
| } | | } |
|
| |
|
| .swaprow3-4 tr th:nth-child(4), | | .zuletzt { |
| .swaprow3-4 tr td:nth-child(4) {
| | display: inline; |
| grid-column: 3/4;
| | margin-left: 2.1em; |
| grid-row: 1;
| | } |
| width: 8em;
| |
| border-right: 0;
| |
| border-bottom: 0;
| |
| }
| |
|
| |
|
| .swaprow3-4 .Leerzeile { | | .zuletzt + .neu li { |
| border-top: 1px solid #a2a9b1;
| | margin-left: 1.5em; |
| }
| | font-size: initial; |
| | } |
|
| |
|
| [class*="sptable"] tr th.border-right,
| | .zuletzt + .neu > ul { |
| [class*="sptable"] tr th.bd-right,
| | display: inline; |
| [class*="sptable"] tr td.border-right,
| | margin-left: 0; |
| [class*="sptable"] tr td.bd-right {
| | } |
| border-right: 1px solid #a2a9b1;
| |
| }
| |
|
| |
|
| .swaprow3-4 tr:last-child td { | | .code.icon { |
| border-bottom: 1px solid #a2a9b1; | | border: 0; |
| | padding: 0; |
| | font-size: 100%; |
| | box-shadow: none; |
| | background: 0; |
| | overflow: auto; |
| } | | } |
|
| |
|
| .pd0 {
| |
| padding: 0px !important;
| |
| }
| |
|
| |
|
| .pd1, .pd1 td,
| |
| .pd1 .thumbimage,
| |
| .spc__default.pd1,
| |
| .button.pd1 {
| |
| padding: 1px;
| |
| }
| |
|
| |
|
| .pd2, .pd2 td, | | .info-icon { |
| .pd2 .thumbimage,
| | left: -1.25em; |
| .spc__default.pd2,
| | color: rgb(43,151,213); |
| .button.pd2 {
| | text-decoration: underline; |
| padding: 2px;
| | text-decoration-style: solid; |
| }
| | text-decoration-style: dotted; |
| | } |
|
| |
|
| .pd3, .pd3 td, | | .info-icon > .mw-collapsible-toggle { |
| .pd3 .thumbimage,
| | position: absolute; |
| .spc__default.pd3,
| | left: 0em; |
| .button.pd3 {
| |
| padding: 3px; | |
| } | | } |
|
| |
|
| .pd4, .pd4 td, | | .info-icon > .mw-collapsible-toggle.mw-collapsible-toggle-default.mw-collapsible-toggle-collapsed { |
| .pd4 .thumbimage, | | background: none; |
| .spc__default.pd4,
| | border: none; |
| .button.pd4 {
| | } |
| padding: 4px;
| |
| }
| |
|
| |
|
| .pd5, .pd5 td, | | .info-icon > .mw-collapsible-toggle.mw-collapsible-toggle-default.mw-collapsible-toggle-collapsed::before { |
| .pd5 .thumbimage, | | content: none; |
| .spc__default.pd5,
| | } |
| .button.pd5,
| |
| .UTM.ic-eingabe.pd5 {
| |
| padding: 5px;
| |
| }
| |
|
| |
|
| .pd1em, .pd1em td, | | .info-icon > .mw-collapsible-toggle { |
| .pd1em .thumbimage, | | position: absolute; |
| .spc__default.pd1em, | | left: 0em; |
| .button.pd1em { | | } |
| padding: 1em;
| | .client-js .mw-collapsible[id^="mw-customcollapsible"] th::before, |
| }
| | .client-js .mw-collapsible[id^="mw-customcollapsible"]::before, |
| | .info-icon.mw-collapsible[id^="mw-customcollapsible"]::before { |
| | border: 6px solid; |
| | content: "\RRR" !important; |
| | } |
|
| |
|
| .pdr05 { | | .Platzhalter { |
| padding-right: 0.5em !important;
| | display:inline-block; |
| }
| | width:1em; |
| | } |
|
| |
|
| .pdr3 {
| |
| padding-right: 3px;
| |
| }
| |
|
| |
| .pdr6 {
| |
| padding-right: 6px;
| |
| }
| |
|
| |
|
| .pdl0 {
| |
| padding-left: 0px !important;
| |
| }
| |
|
| |
|
| .pdl5 {
| |
| padding-left: 5px;
| |
| }
| |
|
| |
|
| .pdt0 { | | .fab.fa-windows .mw-collapsible-toggle-default::before { |
| padding-top: 0px;
| | content: "\f17a"; |
| }
| | font-family: "Font Awesome 6 Brands"; |
| | } |
|
| |
|
| .sptable td, .sptable0 td { | | .fab.fa-linux .mw-collapsible-toggle-default::before { |
| padding-top: 5px;
| | content: "\f17c"; |
| | font-family: "Font Awesome 6 Brands"; |
| } | | } |
|
| |
|
| 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;
| |
| }
| |
|
| |
| td.Bild > * > .mw-collapsible {
| |
| text-align: left;
| |
| }
| |
|
| |
|
|
| |
|
| table.sptable2 tr th.Bild-s,
| | .embedvideo-thumbnail__image { |
| table.sptable2 tr td.Bild-s {
| | width: inherit; |
| background-color: unset; | | height: inherit; |
| border: 0; | | object-fit: cover; |
| padding-top: 0px;
| | position: absolute; |
| 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%;
| |
| }
| |
|
| |
|
|
| |
|
| /*
| | .Preview { |
| .width-xxl,
| | display: none; |
| td.Bild.width-xxl img, td.bild.width-xxl img {
| |
| width: 55%; | |
| } | | } |
|
| |
|
| .width-xl, | | .Not-Preview-yes.Preview-yes { |
| td.Bild.width-xl img, td.bild.width-xl img {
| | display: none; |
| width: 50%; | |
| } | | } |
|
| |
|
| .width-l, | | .Preview.Preview-yes { |
| td.Bild.width-l img, td.bild.width-l img {
| | display: block; |
| width: 40%; | | padding-bottom: 1em; |
| | position: absolute; |
| | top: -3em; |
| | left: 8.5em; |
| } | | } |
|
| |
|
| .width-m, | | .Preview + p{ |
| td.Bild.width-m img, td.bild.width-m img {
| | display: inline-flex; |
| width: 35%; | |
| } | | } |
|
| |
|
| .width-s, | | .Preview-yes .prev a:nth-child(1) { |
| td.Bild.width-s img, td.bild.width-s img {
| | display: block; |
| width: 30%; | | padding-bottom: 1em; |
| } | | } |
|
| |
|
| .width-xs, | | .sp-lang-de ~ * .prev a:nth-child(1)::before { |
| td.Bild.width-xs img, td.bild.width-xs img {
| | color: rgba(0,0,0,0.7); |
| width: 25%; | | content: "Vorherige Version:"; |
| | font-weight: normal; |
| } | | } |
|
| |
|
| .width-xxs, | | .sp-lang-en ~ * .prev a:nth-child(1)::before { |
| td.Bild.width-xxs img, td.bild.width-xxs img {
| | color: rgba(0,0,0,0.7); |
| width: 20%; | | content: "Previous version:"; |
| | font-weight: normal; |
| } | | } |
| */
| |
|
| |
|
| | | .sp-lang-de ~ .Preview-yes .prev a:nth-child(1)::before { |
| .i-width-s .img-container { | | content: 'Aktuelle Dokumentation:'; |
| width: 75%; | | color: rgba(0,0,0,0.7); |
| | font-weight: bold; |
| } | | } |
|
| |
|
| .i-width-xs .img-container { | | .sp-lang-en ~ .Preview-yes .prev a:nth-child(1)::before { |
| width: 50%; | | content: 'Current documentation:'; |
| | color: rgba(0,0,0,0.7); |
| | font-weight: bold; |
| } | | } |
|
| |
|
| .i-width-xxs .img-container { | | .sp-lang-de ~ .Preview-yes .prev a:nth-child(2)::before { |
| width: 35%; | | color: rgba(0,0,0,0.7); |
| | content: "Vorherige Version:" !important; |
| | font-weight: normal; |
| | margin-right: 3.65em; |
| } | | } |
|
| |
|
| .Bild .img-container + .img-container { | | .sp-lang-en ~ .Preview-yes .prev a:nth-child(2)::before { |
| margin-right: 1em; | | color: rgba(0,0,0,0.7); |
| /* Fügt nur bei Bildern, die auf ein Bild folgen | | content: "Previous version:" !important; |
| (also links davon angezeigt werden) | | font-weight: normal; |
| einen rechten Abstand hinzu */ | | margin-right: 3.65em; |
| } | | } |
|
| |
|
| .toctogglespan { | | .prev:empty { |
| display: inline-flex; | | display: none; |
| }
| |
|
| |
| .embedvideo-loader__fakeButton {
| |
| top: 10em;
| |
| border: 4px solid #e74c3c;
| |
| } | | } |
|
| |
|
| .embedvideo-loader:hover .embedvideo-loader__fakeButton,
| | /*************************/ |
| .embedvideo-privacyNotice__continue {
| | .button a.image { |
| background-color: #E74C3C;
| | display: inline-block; |
| border-color: #E74C3C;
| | padding-right: 2px; |
| color: #fff;
| |
| }
| |
| | |
| .embedvideo-privacyNotice__continue:hover {
| |
| background-color: #e77a6f;
| |
| }
| |
|
| |
| .embedvideo-privacyNotice__dismiss:hover {
| |
| color: #E74C3C;
| |
| }
| |
|
| |
| .embedvideo-overlay {
| |
| position: initial;
| |
| }
| |
| | |
| .embedvideo-privacyNotice__content {
| |
| background: #1e1e1e;
| |
| border-radius: 100px;
| |
| padding: 0px 6px;
| |
| }
| |
| | |
| /* .Bild .embedvideo .embedvideo .embedvideowrap iframe { | |
| width: 80%;
| |
| top: -2.3em;
| |
| position: relative;
| |
| } */
| |
| | |
| .Bild .embedvideo .embedvideo .thumbcaption {
| |
| position: relative; | |
| top: -4.6em;
| |
| }
| |
| | |
| .Bild.position_unset .embedvideo .embedvideo .thumbcaption {
| |
| position: unset;
| |
| }
| |
| | |
| .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 {
| | .button-2 .button a.image { |
| max-width: 2em;
| | vertical-align: -2px; |
| }
| | padding-right: 20px; |
| | |
| 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;
| |
| } | | } |
|
| |
|
| | | .button .button-1 a.image { |
| | | vertical-align: -1px; |
| .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;
| |
| | |
| }
| |
| | |
| .border-bottom {
| |
| border-bottom: 1px solid #a2a9b1 !important;
| |
| }
| |
| | |
| td.border-bottom-dezent {
| |
| border-bottom-color: #ddd;
| |
| } | | } |
|
| |
|
| .nop p { | | .mw-editform #wpTextbox1 { |
| margin-bottom: 0px; | | color:black!important; |
| } | | } |
|
| |
|
| .MS.Zelle1-Beschriftung td:first-child,
| |
| .MS.Beschriftung {
| |
| display: inline-block;
| |
| margin: 1px 0px;
| |
| background: white;
| |
| box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
| |
| border-radius: 3px 3px 0px 0px;
| |
| padding: 1px 3px;
| |
| font-weight: 600;
| |
| font-size: 0.9em;
| |
| }
| |
|
| |
|
| .UTM.Zelle1-Beschriftung td:first-child, | | .button.button-default.UTM.fas.icon { |
| .UTM.Beschriftung { | | height: 1.666em; |
| background-color: white; | | width: 1.666em; |
| display: inline-block;
| | vertical-align: middle; |
| 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; | |
| } | | } |
|
| |
|
| .SUB.beschriftung {
| |
| color: black;
| |
| font-size: small;
| |
| font-weight: inherit;
| |
| }
| |
|
| |
|
| .block,
| |
| .code.block {
| |
| display: block;
| |
| }
| |
|
| |
|
| .flex {
| | /* hr { |
| display: flex;
| | text-align:left; |
| }
| | }*/ |
| | |
| .grid {
| |
| display: grid;
| |
| }
| |
|
| |
|
| .noborder,
| |
| .noborder td {
| |
| border: 0!important;
| |
| }
| |
|
| |
|
| .noborder .nonoborder td {
| |
| border: 1px solid gray !important;
| |
| }
| |
|
| |
|
|
| |
|
| td.borderless, td.td-noborder,
| | /* ausgelagert in common.css |
| .noborder .thumbimage,
| | .toctogglespan { |
| .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,
| |
| table.border0 {
| |
| 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; | | 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.3);
| |
| 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.inaktiv {
| |
| border-bottom-color: #ebebeb;
| |
| background: unset;
| |
| font-size: small;
| |
| border-left: 0;
| |
| border-right: 0;
| |
| border-top: 0;
| |
| }
| |
|
| |
| .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.UMA.aussen {
| |
| color: rgba(255, 255, 255, 1);
| |
| background: #ccc;
| |
| border-bottom: 1px solid #aaa;
| |
| border-top: 1px solid #aaa;
| |
| padding: 0.4em 0.2em 0em 0.2em;
| |
| clear: both;
| |
| }
| |
|
| |
|
| |
| .Reiter.UMA .Reiter-innen {
| |
| padding: 0.2em 0.3em 0em 0.3em;
| |
| color: #212121;
| |
| border: 1px solid #aaa;
| |
| border-bottom: 1px solid white;
| |
| border-top-right-radius: 4px;
| |
| border-top-left-radius: 4px;
| |
| background: white;
| |
| display: inline-block;
| |
| 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.4em 0.2em 0em 0.2em;
| |
| clear: both;
| |
| }
| |
|
| |
| .SUB .Reiter {
| |
| padding: 0em 0.2em;
| |
| 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 #535860; /* c2c2c2; */
| |
| padding: 4px 4px 1px;
| |
| 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); /* rgba(255, 255, 255, 0.9); */
| |
| background: #c2c2c2; /* #535860; ccc; */
| |
| white-space: pre-wrap;
| |
| }
| |
|
| |
| 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;
| |
| }
| |
|
| |
| .box {
| |
| display: block;
| |
| max-height: 5.75em;
| |
| text-overflow: clip;
| |
| overflow: scroll;
| |
| }
| |
|
| |
| .textincode {
| |
| display: contents;
| |
| }
| |
|
| |
| .bold b, .boldcode b, .pre--bold__color b {
| |
| font-weight: bold;
| |
| /* color: #323232; */
| |
| }
| |
|
| |
| .code.scroll {
| |
| font-weight: bold;
| |
| white-space: pre-wrap;
| |
| }
| |
|
| |
|
| |
| /*
| |
| .fa, .fas, .fal {
| |
| font-family: unset;
| |
| font-weight: unset;
| |
| } | | } |
| */ | | */ |
|
| |
|
| .fa:before,
| |
| .fas:before,
| |
| .fal:before {
| |
| font-family: 'Font Awesome 5 Pro';
| |
| }
| |
|
| |
|
| .fal.fa-angle-up-down:before { | | .inaktiv { |
| font-family: 'Font Awesome 5 Pro'; | | opacity: 0.35; |
| content: "\f106";
| |
| position: relative;
| |
| top: -0.1em;
| |
| } | | } |
|
| |
|
| .fal.fa-angle-up-down:after { | | .Hover-icon::before { |
| font-family: 'Font Awesome 5 Pro';
| |
| content: "\f107";
| |
| position: relative; | | position: relative; |
| left: -0.5em; | | z-index: 0; |
| top: 0.3em; | | left: 1em; |
| | margin-left: -1em; |
| } | | } |
|
| |
|
| .menu { | | .neu-menu .Hover-icon.fal.fa-hand-pointer::before { |
| background-image: linear-gradient(#b9e0f5, #92bdd6);
| | margin-left: -12px; /* andernfalls wird die URL */ |
| border: 1px solid;
| | } /* 2-Zeilig umgebrochen, weil…? */ |
| 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 { | | .tolltip { |
| background: white; | | position: absolute; |
| padding: 6px 0px;
| |
| border-top: 1px solid #dfdede;
| |
| border-bottom: 1px solid #dfdede;
| |
| } | | } |
|
| |
|
| .SUB .Menu { | | .tolltip.links .mw-collapsible-content { |
| background: #eceded;
| | right:100%; |
| padding: 3px;
| | } |
| display: inline;
| |
| color: black;
| |
| margin-right: 2px;
| |
| }
| |
| | |
| .Menu-Rand .Menu {
| |
| font-size: large;
| |
| padding: 1px;
| |
| }
| |
|
| |
|
| .SUB .Kasten { | | .tolltip:hover > * + .mw-collapsible-content { |
| border: 1px solid #dcdcdc;
| | /* display: block !important; */ |
| border-bottom: none;
| | display: inline-block !important; |
| border-radius: 2px 2px 0 0;
| |
| color: rgba(0,0,0,.6); | |
| background-color: #f5f5f5; | |
| margin-left: 1px; | |
| margin-right: 2px; | |
| padding: 2px;
| |
| } | | } |
|
| |
|
| | | .tolltip .mw-collapsible-content { |
| .AWP.Menu { | |
| border: 1px solid rgba(0,0,0,.05);
| |
| padding: 2px;
| |
| background: #fafbfe;
| |
| margin-right: 1px;
| |
| white-space: nowrap;
| |
| }
| |
| | |
| .AWP.Menu img {
| |
| top: -2px;
| |
| position: relative; | | position: relative; |
| padding-right: 5px; | | background: gainsboro; /* aliceblue; */ |
| | z-index: 20; |
| | /* top: 0.5em; */ |
| | padding: 5px; |
| | margin: 0.25em; |
| | border: #ec971f; |
| } | | } |
|
| |
|
| .AWP.Mandant { | | .tolltip.fixed .mw-collapsible-content { |
| background: white;
| | position:fixed; |
| font-size: unset;
| | } |
| padding: 2px;
| |
| border: 1px solid rgba(0,0,0,.05);
| |
| margin-right: 1px;
| |
| }
| |
|
| |
|
| | /* |
| | .tolltip .mw-collapsible-toggle { |
| | color: unset; |
| | display: inline-block; |
| | background: unset; |
| | border: unset; |
| | padding: unset; |
| | font-size: 100%; |
| | text-align: left; |
| | float: unset; |
| | width: 1.5em; |
| | position:relative; |
| | left:-1.3em; |
| | } |
|
| |
|
| .lastcol-img > tbody > tr > td:last-child:not(.Leerzeile), td.td-img { | | .tolltip .mw-collapsible-toggle-default::before { |
| width: 45%;
| | content:unset; |
| border: 0;
| |
| padding: 0px 0px 5px 20px;
| |
| } | | } |
| | */ |
|
| |
|
| .img-container { | | .hover .mw-collapsible-toggle { |
| display: flow-root;
| | background: none; |
| }
| | border: none; |
| | | } |
| td > .img-container {
| |
| float: right;
| |
| }
| |
|
| |
|
| td > .left.img-container {
| |
| float: left;
| |
| }
| |
|
| |
|
| .border-default, | | .tolltip .sptable2 td { |
| .img-container img,
| | background: aliceblue; |
| .Bild img { | | } |
| border: 1px solid grey; | |
| }
| |
|
| |
|
| .Bild img.embedvideo-consent__thumbnail__image { | | .inline-table, |
| border: 0;
| | .code.inline-table { |
| }
| | display:inline-table; |
| | | } |
| .embedvideo-consent__message { | |
| text-align: center;
| |
| margin-bottom: -7em;
| |
| }
| |
| | |
| .bild__kleiner {
| |
| padding-left: 60%;
| |
| }
| |
|
| |
|
| .check-circle li:before { | | .mw-collapsible.info { |
| font-family: 'Font Awesome 5 Pro'; | | background: unset; |
| content: "\f058";
| | border: none; |
| 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 {
| | .pd5 tr td li[class*="list--element__"] { |
| padding-left: 0px;
| | padding-left: 1.7em; |
| }
| |
| | |
| 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,
| |
| .startbox.new.star 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.new.star .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;
| |
| }
| |
| | |
| li.list--element__alert.em3::before {
| |
| top: 0.375em;
| |
| }
| |
| | |
| .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 {
| |
| margin-left: 0.5em;
| |
| }
| |
| | |
| .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;
| |
| }
| |
| | |
| .neu-menu {
| |
| display: inline-flex;
| |
| padding: 7px;
| |
| background: rgba(231, 76, 60, 0.18);
| |
| line-height: 2em;
| |
| } | | } |
| | */ |
|
| |
|
| neu-menu .spc__menu ~ .spc__menu {
| |
| /* white-space: pre; */
| |
| margin-left: 0.5em;
| |
| /* Zweites Menü wird im Header korrekt umgebrochen */
| |
| }
| |
|
| |
|
| /* .startbox-body-breit .spc__menu { | | /* .startbox-body-breit .spc__menu { |
| Zeile 2.054: |
Zeile 526: |
| } */ | | } */ |
|
| |
|
| | .spc__eintrag.UTM { |
| | font-size: 90%; |
| | border-width: 1px 0px; |
| | border-color: gray; |
| | border-style: solid; |
| | padding: 1px; |
| | background: white; |
| | vertical-align: middle; |
| | align-content: center; |
| | display: inline-block; |
| | font-weight:initial; |
| | } |
|
| |
|
| .neu-menu a.external.text { | | .spc__eintrag.UTM > .kasten { |
| color: unset;
| | font-size:80%; |
| }
| | } |
|
| |
|
| .neu-menu span, | | .spc__eintrag .button.UTM.icon { |
| .neu-menu .reiter.utm {
| | font-size: 75%; |
| line-height: initial;
| | padding: 0; |
| align-self: center;
| | display: inline-grid; |
| padding: 3px;
| | } |
| }
| |
| | |
| .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 { | | .new_design ~ * .spc__eintrag.UTM .button.UTM .glyphicons::before { |
| line-height: 1.1em;
| | margin-right: 0; |
| }
| | line-height: 100%; |
| | |
| .lh--125 { | |
| line-height: 1.25em;
| |
| }
| |
| | |
| .lh--4em td { | |
| height: 4em;
| |
| }
| |
| | |
| .lh--2em, .lh2 {
| |
| line-height: 2em;
| |
| }
| |
| | |
| [class*="lh"] > .menu {
| |
| line-height: initial; | |
| } | | } |
|
| |
|
|
| |
|
| .middle { | | .nui.button, |
| vertical-align: middle; | | .new_design ~ * .button { |
| | border-radius: 0px; |
| | border-color: #a6a6a6; |
| | background: #dedede; |
| | position: relative; |
| | vertical-align: middle; |
| } | | } |
|
| |
|
| | | .new_design ~ * .UTM.ic-eingabe { |
| .li-1em > * > * > li { | | border-radius: 0px; |
| 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,
| |
| .info.signal-light:before {
| |
| content: "\f05a";
| |
| font-family: 'Font Awesome 5 Pro';
| |
| font-weight: 900;
| |
| color: #7e7e7e;
| |
| }
| |
|
| |
| .bc__black.signal-light:before,
| |
| .inverse.signal-light:before {
| |
| content: "\f05a";
| |
| font-family: 'Font Awesome 5 Pro';
| |
| font-weight: 900;
| |
| color: #515151;
| |
| }
| |
|
| |
| .bc__gelb.signal-light:before,
| |
| .hint.signal-light:before,
| |
| .warning.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,
| |
| .success.signal-light:before {
| |
| content: "\f058";
| |
| font-family: 'Font Awesome 5 Pro';
| |
| font-weight: 900;
| |
| color: #3eab30;
| |
| }
| |
|
| |
| .bc__dgrau.signal-light:before,
| |
| .down.signal-light:before {
| |
| content: "\f057";
| |
| font-family: 'Font Awesome 5 Pro';
| |
| font-weight: 900;
| |
| color: #515151;
| |
| }
| |
|
| |
| .bc__rot.signal-light:before,
| |
| .error.signal-light:before,
| |
| .important.signal-light:before {
| |
| content: "\f06a";
| |
| font-family: 'Font Awesome 5 Pro';
| |
| font-weight: 900;
| |
| color: #DD463E;
| |
| }
| |
|
| |
| .bc__na.signal-light,
| |
| .bc__gelb.signal-light,
| |
| .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;
| |
| }
| |
|
| |
| .odd,
| |
| tr.odd,
| |
| tr td.odd {
| |
| background-color: #f2f2f2;
| |
| }
| |
|
| |
| .even,
| |
| tr.even,
| |
| tr td.even {
| |
| background-color: white;
| |
| }
| |
|
| |
|
| |
| /*** 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;
| |
| }
| |
|
| |
| .far {
| |
| font-family: unset;
| |
| }
| |
|
| |
| .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;
| |
| background-image: unset;
| |
| }
| |
|
| |
| .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.button-dropdown.UMA {
| |
| background: rgb(255,255,255);
| |
| border-radius: 0px;
| |
| }
| |
|
| |
| .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.icon2,
| |
| .fal.icon2,
| |
| .far.icon2 {
| |
| height: 1.8em;
| |
| width: 1.8em;
| |
| /* padding: 0.2em;*/
| |
| line-height: 1em;
| |
| display: inline-flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| background-color: #e6e6e6;
| |
| border: 1px solid #d3d3d3;
| |
| }
| |
|
| |
| .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; */
| |
| }
| |
|
| |
| .MS.ic-eingabe.bc__grau-menu {
| |
| background-color: #3c3f46; /* Graue Buttons im MDM */
| |
| }
| |
|
| |
| .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,
| |
| .UMA.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-block;
| |
| }
| |
|
| |
| .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.75em;
| |
| color: #000;
| |
| white-space: nowrap;
| |
| /* position: relative;
| |
| top: -1.52em;*/
| |
| }
| |
|
| |
|
| |
| .AWP.ic-beschriftung {
| |
| font-size: 0.6em;
| |
| 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;
| |
| }
| |
|
| |
| .UTM.disabled {
| |
| background-color: #fdfdfd;
| |
| border-color: rgb(170,170,170);
| |
| color: rgba(0,0,0,0.3);
| |
| }
| |
|
| |
| .UMA .dr-icon {
| |
| border-left: 1px solid rgb(182,182,182);
| |
| background: #e1e1e1;
| |
| display: inline-block;
| |
| width: 1em;
| |
| text-align: center;
| |
| margin-left: 4px;
| |
| }
| |
|
| |
| .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,
| |
| .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;
| |
| text-align: center;
| |
| }
| |
|
| |
| .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 {
| |
| background: #aaa;
| |
| color: #0503e4;
| |
| padding: 1px 5px;
| |
| border-top: 2px solid #0503e4;
| |
| border-right: 2px solid #0503e4;
| |
| border-left: 2px solid #0503e4;
| |
| 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;
| |
| }
| |
|
| |
|
| |
|
| .accordion { | | .accordion { |
| 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.944: |
Zeile 587: |
| } | | } |
|
| |
|
| .spc__default { | | .new_design ~ * .fas.icon { |
| border-width: 1px;
| | color: unset; |
| border-style: solid;
| |
| border-radius: 2px;
| |
| padding: 1px 3px;
| |
| display: inline-table;
| |
| border-collapse:separate;
| |
| font-size: 1em;
| |
| width: max-content;
| |
| }
| |
| | |
| td .spc__default {
| |
| line-height: 1em;
| |
| }
| |
| | |
| .spc__default.icon { | |
| height: 25px;
| |
| width: 25px;
| |
| font-size: 0.8em;
| |
| vertical-align: inherit;
| |
| display: inline-flex;
| |
| align-items: center;
| |
| justify-content:center;
| |
| }
| |
| | |
| .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;
| |
| }
| |
| | |
| .USC.spc__status {
| |
| border-collapse: initial;
| |
| padding: 0px;
| |
| }
| |
| | |
| | |
| | |
| .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: inline-flex;
| |
| flex-flow: wrap;
| |
| align-content: center;
| |
| height: 1em;
| |
| vertical-align: middle;
| |
| }
| |
| | |
| .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;
| |
| 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-alt.ButtonAus {
| |
| background: #fafafa;
| |
| border: 1px solid rgba(0, 0, 0, 0.125);
| |
| width: 32px;
| |
| height: 16px;
| |
| top: 3px;
| |
| margin-top: 0px;
| |
| border-radius: 24px;
| |
| }
| |
| | |
| .MS.ButtonAus {
| |
| width: 36px;
| |
| height: 18px;
| |
| border: 1px solid rgba(0, 0, 0, 0.125);
| |
| position: relative;
| |
| top: 3px;
| |
| margin-right: 5px;
| |
| border-radius: 24px;
| |
| background: rgba(0, 0, 0, 0.2);
| |
| margin-top: -8px;
| |
| }
| |
| | |
| .MS.ButtonAus::before {
| |
| content: "";
| |
| display: block;
| |
| left: 24px;
| |
| top: 0;
| |
| bottom: 0;
| |
| background: #fff;
| |
| position: absolute;
| |
| border-radius: 11px;
| |
| width: 22px;
| |
| max-width: 18px;
| |
| box-shadow: 0 0 6px -2px rgb(0, 0, 0);
| |
| animation-name: checkBoxToggleAnimationOff;
| |
| animation-fill-mode:forwards;
| |
| }
| |
| | |
| | |
| .MSA.ButtonAus {
| |
| display: inline-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;
| |
| }
| |
| | |
| [class*="mw1"] .mw-collapsible-text,
| |
| [class*="mw2"] .mw-collapsible-text {
| |
| display: inline-block;
| |
| }
| |
| | |
| | |
| .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,
| |
| .mw10 .mw-collapsible-text {
| |
| min-width: 10em;
| |
| }
| |
| | |
| .min-width-11em,
| |
| .minw11, .mw11,
| |
| .Filterzeile .Filterkriterium.mw11,
| |
| .mw11 .mw-collapsible-text {
| |
| min-width: 11em;
| |
| }
| |
| | |
| .min-width-12em,
| |
| .minw12, .mw12,
| |
| .Filterzeile .Filterkriterium.mw12,
| |
| .mw12 .mw-collapsible-text {
| |
| min-width: 12em;
| |
| }
| |
| | |
| .min-width-13em,
| |
| .minw13, .mw13,
| |
| .Filterzeile .Filterkriterium.mw13,
| |
| .mw13 .mw-collapsible-text {
| |
| min-width: 13em;
| |
| }
| |
| | |
| .min-width-14em,
| |
| .minw14, .mw14,
| |
| .Filterzeile .Filterkriterium.mw14,
| |
| .mw14 .mw-collapsible-text {
| |
| min-width: 14em;
| |
| }
| |
| | |
| .min-width-15em,
| |
| .minw15, .mw15,
| |
| .Filterzeile .Filterkriterium.mw15,
| |
| .mw15 .mw-collapsible-text {
| |
| min-width: 15em;
| |
| }
| |
| | |
| .min-width-16em,
| |
| .minw16, .mw16,
| |
| .Filterzeile .Filterkriterium.mw16,
| |
| .mw16 .mw-collapsible-text {
| |
| min-width: 16em;
| |
| }
| |
| | |
| .min-width-17em,
| |
| .minw17, .mw17,
| |
| .Filterzeile .Filterkriterium.mw17,
| |
| .mw17 .mw-collapsible-text {
| |
| min-width: 17em;
| |
| }
| |
| | |
| .min-width-18em,
| |
| .minw18, .mw18,
| |
| .Filterzeile .Filterkriterium.mw18,
| |
| .mw18 .mw-collapsible-text {
| |
| min-width: 18em;
| |
| }
| |
| | |
| .min-width-23em,
| |
| .minw23, .mw23,
| |
| .Filterzeile .Filterkriterium.mw23,
| |
| .mw23 .mw-collapsible-text {
| |
| min-width: 23em;
| |
| }
| |
| | |
| .min-width-25em,
| |
| .minw25, .mw25,
| |
| .Filterzeile .Filterkriterium.mw25,
| |
| .mw23 .mw-collapsible-text {
| |
| min-width: 25em;
| |
| }
| |
| | |
| .min-width-100,
| |
| .minw100, .mw100,
| |
| .Filterzeile .Filterkriterium.mw100,
| |
| .mw100 .mw-collapsible-text {
| |
| 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; */
| |
| }
| |
| | |
| .kasten .cb {
| |
| font-size: 75%;
| |
| vertical-align: middle;
| |
| color: rgba(0,0,0,0.6);
| |
| font-weight: normal;
| |
| margin-top: 2px;
| |
| }
| |
| | |
| .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;
| |
| }
| |
| | |
| | |
| 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;
| |
| }
| |
| | |
| .USC.status-text {
| |
| color: rgba(255, 255, 255, 0.9);
| |
| text-transform: unset;
| |
| font-weight: normal;
| |
| padding: 0px 3px;
| |
| }
| |
| | |
| | |
| .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;
| |
| } | | } |
|
| |
|
| Zeile 3.932: |
Zeile 594: |
| .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.939: |
Zeile 601: |
| .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.947: |
Zeile 609: |
| .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.954: |
Zeile 616: |
| .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.960: |
Zeile 622: |
| **************** */ | | **************** */ |
|
| |
|
| .relative {
| |
| position: relative;
| |
| }
| |
|
| |
|
| .left--1em { | | /* .Bild-ui p .dialog-header { |
| left: -1em; | | margin-bottom: -0.5em; |
| } | | } */ |
|
| |
|
| | | @media (max-width: 1600px) { |
| .Abb { | | .dialog-button i + .icon-text { |
| text-align: end;
| | display: none; |
| font-weight: bold;
| |
| font-size: small; | |
| } | | } |
| | } |
|
| |
|
| .counter { | | .reiter.utm.last { |
| position: relative;
| | margin-left: 0; |
| float: right;
| | } |
| padding-right: 3px;
| |
| }
| |
| | |
| .counter .fa-caret-down { | |
| position: relative; | |
| 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 3px -5px 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 { | | .dialog-rechts .dialog-button .icon-save-and-restart { |
| background: #53a6e6; | | margin: 3px; |
| border: solid 1px #2f68a1;
| |
| } | | } |
|
| |
|
| .buttonApplePortal.create {
| |
| background: #91d268;
| |
| border: solid 1px #6bb468;
| |
| }
| |
|
| |
|
| .dont {
| |
| text-decoration: line-through;
| |
| text-decoration-color: red;
| |
| text-decoration-style: double;
| |
| }
| |
|
| |
|
| .bdr3 { | | .new_design ~ * th.Bild > .img-container.blank, |
| border-radius: 3px; | | .new_design ~ * td.Bild > .img-container.blank { |
| | background: none; |
| | border: none; |
| | padding-top: 0px; |
| } | | } |
|
| |
|
| .bdr0 { | | .fc__pink { |
| border-radius: 0px !important; | | color: #b20396; |
| } | | } |
|
| |
|
| .head {
| | /******* Heidenei - Änderungen für SASS ******/ |
| font-weight: bold;
| |
| padding-bottom: 1em;
| |
| display: inline-block;
| |
| }
| |
|
| |
|
| .ver { | | .img-container.Bild-t, |
| padding-bottom: 1em; | | .new_design ~ * + * ~ .img-container.blank { |
| | width: calc(46% - 33px); /* zuvor: 52% */ |
| | margin-right: 10px; |
| | margin-left: 0.5em; |
| | position: relative; |
| | top: 5px; |
| } | | } |
|
| |
|
| .ver-number { | | .img-container.Bild-t.width-s, |
| font-weight: bold; | | .new_design ~ * + * ~ .img-container.blank.width-s { |
| | width: calc(30% - 33px); |
| } | | } |
|
| |
|
| .ver-date { | | .img-container.Bild-t.width-xs, |
| font-weight: bold; | | .new_design ~ * + * ~ .img-container.blank.width-s { |
| | width: calc(25% - 33px); |
| } | | } |
|
| |
|
| .cl { | | .img-container.Bild-t.width-xxs, |
| float: left; | | .new_design ~ * + * ~ .img-container.blank.width-s { |
| | width: calc(20% - 33px); |
| } | | } |
|
| |
|
| .cl ~ .neu { | | .img-container.Bild-t.width75, |
| padding-bottom: calc( 1em - 7px ); | | .new_design ~ * + * ~ .img-container.blank.width75 { |
| | width: 75%; |
| } | | } |
|
| |
|
| .prev { | | .reiter.utm > div { |
| padding-bottom: 1em;
| | display: inline-flex; |
| display: inline-block;
| | } |
| }
| |
|
| |
|
| .prev a { | | .new_design ~ * .UTM.ui-fieldset-legend > span, |
| font-weight: bold;
| | .new_design ~ * .reiter.utm > span, |
| } | | .new_design ~ .reiter.utm > span { |
| | /* 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; |
| | } |
|
| |
|
| .prev a ~ a::before { | | .new_design ~ * .UTM.ui-fieldset-legend, |
| content: "| ";
| | .new_design ~ * .reiter.utm, |
| color: rgba(0,0,0,0.7);
| | .new_design ~ .reiter.utm { |
| font-weight: bold; | | padding: 1px 3px 1px 4px; |
| }
| | background: white; |
| | border: 1px solid rgba(0, 0, 0, 0.1); |
| | vertical-align: middle; |
| | font-size: 98%; |
| | } |
|
| |
|
| | | .new_design ~ * .bc__rotaus { |
| .boldline { | | background: #e74c3c; |
| border-top-width: 0.11em; | |
| border-top-style: solid;
| |
| } | | } |
|
| |
|
| .dotted { | | .bc__dunkelrot { |
| border-top-style: dotted; | | background: #c54133; |
| border-top-width: 0.11em;
| |
| } | | } |
|
| |
|
| | .button.aktiv { |
| | background: #fff; |
| | border-radius: 0px; |
| | border-top: 1px solid rgba(0,0,0,0.3); |
| | 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: 0px 3px; |
| | color: rgba(0,0,0,0.5); |
| | clear: both; |
| | /*max-height: 1.5em;*/ |
| | } |
|
| |
|
| .small { | | .status-text.blue { |
| font-size: small !important; | | background-color: #337AB7; /* früher: #F0AD4E; */ |
| }
| | border-color: #285f8f; |
| | font-size: small; |
| | } |
|
| |
|
| .smaller { | | .spc__default.inline { |
| font-size: smaller !important; | | display: inline; |
| } | | } |
|
| |
|
| .x-small { | | .thumbcaption #mw-customcollapsible-Inhalte.icon { |
| font-size: x-small !important; | | display: inline-block; |
| } | | } |
|
| |
|
| .xx-small { | | .flexbox .thumbcaption #mw-customcollapsible-Inhalte.icon, |
| font-size: xx-small !important;
| | .flexbox .thumbcaption #mw-customcollapsible-Inhalte.info { |
| }
| | display: contents; |
| | | } |
| .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,
| |
| .USC.bc__gruen, .USC.bc__grün {
| |
| background-color: #2DCC71;
| |
| }
| |
|
| |
|
| .SEWS.bc__grün, | | .flexbox .thumbcaption #mw-customcollapsible-Inhalte.icon .mw-collapsible-toggle-expanded + .mw-collapsible-content, |
| .SEWS.bc__gruen, | | .flexbox .thumbcaption #mw-customcollapsible-Inhalte.tolltip:hover > * + .mw-collapsible-content { |
| .SEWS.bc__grün .thumbimage { | | display: initial !important; |
| background-color: #29cf73;
| |
| }
| |
| | |
| .SUB.bc__grün,
| |
| .SUB.bc__grün .thumbimage { | |
| background-color: #51a351
| |
| }
| |
| | |
| .signal-light.bc__grün .thumbimage { | |
| background-color: #3EAB30;
| |
| } | | } |
|
| |
|
| | | .new_design ~ .neu-menu .button.button-default.UTM.icon { |
| .bc__giftgrün, | | background: #aaa; |
| .background-color__giftgrün { | |
| background-color: #7fff00; | |
| } | | } |
|
| |
|
| .bc__rot, | | .img-container.Bild-t.width100 { |
| .bc__rot .thumbimage, | | width: auto; |
| .UMA.bc__rot {
| |
| background-color: #ec7063; /* ; zwischenzeitlich #b94a48 */ | |
| } | | } |
|
| |
|
| .blocked, | | .height-auto { |
| .warning,
| | height: auto; |
| .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__rot-konsole {
| | #mw-customcollapsible-Inhalte, |
| background-color: #670000; | | td #mw-customcollapsible-Inhalte { |
| | display: contents; |
| } | | } |
|
| |
|
| .bc__error { | | #mw-customcollapsible-Inhalte.inline-block { |
| background-color: #DD463E; | | display: inline-block; |
| } | | } |
|
| |
|
| .bc__black { | | .dialog-header.passiv, |
| background-color: #000; | | .dialog-header.passiv * .dialog-menu, |
| | .dialog-header.passiv * .dialog-pfad, |
| | .dialog-header.passiv * .dialog-pfad *, |
| | .dialog-header.passiv > * { |
| | background-color: #545861; |
| } | | } |
|
| |
|
| .UTM.bc__grau { | | .mt1em { |
| background-color: rgb(153, 153, 153); | | margin-top: 1em; |
| } | | } |
|
| |
|
| .UMA.bc__grau { | | .mt0 { |
| background-color: #555555; | | margin-top: 0; |
| } | | } |
|
| |
|
| .MS.bc__grau, | | .Bild .img-container + .img-container.mt1em { |
| .MDM.bc__grau, | | margin-right: 0; |
| .USC.bc__grau {
| |
| background-color: #cccccc; | |
| } | | } |
|
| |
|
| .SEWS.bc__grau { | | .ic-eingabe.PIN { |
| background-color: #a8a8a8; | | width: 1.5em; |
| | text-align: center; |
| } | | } |
|
| |
|
| .SUB.bc__grau { | | .topRightCircle { |
| background-color: #e8e8e8; | | position: absolute !important; |
| | z-index: 10; |
| | top: -14px; |
| | 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; |
| } | | } |
|
| |
|
| .bc__rosa, .bc__inaktiv { | | .spc__default.PIN { |
| background-color: #fdf1ef; /* deaktivierte Button AWP */ | | position: relative; |
| } | | margin-top: 1em; |
| .bc__dgrau {
| | margin-right: 0.5em; |
| background-color: rgb(51, 51, 51); /* Log-Einträge UTM, */ | |
| } | | } |
|
| |
|
| .bc__hgrau { | | .img-container.Bildwechsel { |
| background-color: #ececec;/* rgba(0, 0, 0, 0.05);Status-Meldungen */ | | position: relative; |
| } | | } |
|
| |
|
| .bc__grau-app { | | /* Ist nicht sanitized.css daher → common.css |
| background-color: #c1cbce; /* Graue Balken in der Android-App */ | | .img-container.Wechselbild { |
| | opacity: 0; |
| | position: absolute; |
| | top: 0; |
| | transition: opacity 300ms ease; |
| | -moz-transition: opacity 300ms ease; |
| | -webkit-transition: opacity 300ms ease; |
| | -o-transition: opacity 300ms ease; |
| } | | } |
| | */ |
|
| |
|
| .bc__grau-s { | | .img-container.Bildwechsel:hover .Wechselbild { |
| background-color: #55676d; /* Graue Schrift in Android-App */ | | opacity: 1; |
| } | | } |
|
| |
|
| .bc__grau-b { | | .new_design ~ * .button.first { |
| background-color: #878a90; /* Graue Buttons in Android-App */ | | border-top-left-radius: 24px; |
| | border-bottom-left-radius: 24px; |
| } | | } |
|
| |
|
| .MS.spc__menu.bc__grau-menu | | .new_design ~ * .button.middle { |
| .MS.ic-eingabe.bc__grau-menu, | | border-radius: 0; |
| .bc__grau-menu {
| |
| background-color: #3c3f46; /* Graue Buttons im MDM */ | |
| } | | } |
|
| |
|
| /* .neu-menu .MS.spc__menu.bc__grau-menu {
| | .new_design ~ * .button.last { |
| background-color: unset;
| | border-top-right-radius: 24px; |
| } */
| | border-bottom-right-radius: 24px; |
| | |
| .bc__grau-l {
| |
| background-color: rgba(0, 0, 0, 0.6);
| |
| } | | } |
|
| |
|
| .bc__grey { | | .new_design ~ * .button.aktiv.first, |
| background-color: grey; | | .new_design ~ * .button.aktiv.middle, |
| | .new_design ~ * .button.aktiv.last { |
| | background-color: #468847; |
| | color: rgba(255, 255, 255, 0.6); |
| | border-bottom: unset; |
| } | | } |
|
| |
|
| .bc__grau-uma-button {
| |
| background-color: rgb(230,230,230);
| |
| }
| |
|
| |
|
| .bc__readonly { | | .Einrücken2, .einrücken2 { |
| background: #f5f5f5; | | margin-left: 2.5em; |
| | width: auto; |
| } | | } |
|
| |
|
| .bc__blau { | | tr.Leerzeile > td:first-child > span { |
| background-color: rgb(58, 135, 173); /* Zonen, Bereiche */ | | padding-left: 0px !important; |
| } | | margin-left: -3px; |
| .SEWS.bc__blau {
| | margin-right: 3px; |
| background-color: #6baae7; | |
| } | | } |
|
| |
|
| .bc__hblau, .bc__hell-blau { | | .Leerzeile > td { |
| background-color: #00bcd4; /* Geblockte Anfragen */ | | padding-top: 0.75em; |
| } | | } |
|
| |
|
| .bc__macos-blau {
| |
| background-color: #257bfe; /* Schaltflächen in MacOS */
| |
| }
| |
|
| |
|
| .bc__windows-blau, | | .MS.ButtonAn { |
| .bc__powershell { | | background: #E74C3C; |
| background-color: #012456; /* Hintergrund der Powershell */ | | border: 1px solid #E74C3C; |
| | width: 3em; |
| | height: 1.5em; |
| | top: 0px; |
| | vertical-align: middle; |
| | margin-right: 5px; |
| } | | } |
|
| |
|
| .bc__blau-select { | | .MS .ButtonAn-Toggle { |
| background-color: #92bdd6; | | left: 24px; |
| | top: 0em; |
| | background: #fff; |
| | transition: 0.3s; |
| | width: 1.37em; |
| | height: 1.37em; |
| | box-shadow: 0 0 6px -2px black; |
| } | | } |
|
| |
|
| .bc__blue {
| |
| background-color: #007bff;
| |
| }
| |
|
| |
|
| .bc__rots { | | .vpn-icon { |
| background-color: rgba(231,76,60, 0.7); /* Symbole in rot */ | | color: #fdf6f6; /* #fddedb; */ |
| | background-color: #e52b2b; /* #e85546; */ |
| | padding: 3px; |
| } | | } |
|
| |
|
| .bc__rotaus, | | [class*=fa].vpn-icon::before { |
| .UTM.bc__rotaus {
| | padding-right: 3px; |
| background-color: #B94A48; /* verwendet für deaktivierte Buttons in UTM */ | |
| background: #B94A48;
| |
| } | | } |
|
| |
|
| .bc__orange { | | .button.button-default.VPN { |
| background-color: #ff5722; /* verwendet für Warnungen in Statistik */ | | background: #e52b2b; |
| | color: #fdf6f6; |
| | font-size: 90%; |
| | padding: 0px 1.5em; |
| } | | } |
|
| |
|
| .bc__ddgrau { | | .cb-content::before { |
| background-color: #484c53; /* Graue Ränder */ | | content: "×"; |
| } | | } |
|
| |
|
| .bc__rotbd , | | .x-end .cb-content::before { |
| .bc__rotr { | | content: ""; |
| background-color: #e43725; /* verwendet für Border von Schaltflächen */ | |
| } | | } |
|
| |
|
| .bc__rotbd { | | .x-end .cb-content::after { |
| background-color: #d62c1a; /* verwendet für Border von Hinweisen */ | | content: "×"; |
| | opacity: 0.5; |
| } | | } |
|
| |
|
| .bc__rot-cb {
| |
| background-color: #ef8b80; /* verwendet für Border von Clickboxen */
| |
| }
| |
|
| |
|
| .bc__white-lbd { | | .mw50 { |
| background-color: rgba(255, 255, 255, 0.1); /* verwendet für weiße Ränder */ | | min-width: 50%; |
| } | | } |
|
| |
|
| .bc__gelbbd { | | .Logging_Slider { |
| background-color: #ec971f; /* Border gelbe Felder */ | | width: 4.1em; |
| | display: inline-block; |
| | line-height: 1.15em; |
| | text-align: center; |
| } | | } |
|
| |
|
| .bc__grünbd { | | .noborder.img-container img { |
| background-color: #24a25a; /* Border grüne Felder */
| | border: 0; |
| }
| | } |
|
| |
|
| .bc__r, .bc__warnung { | | .icon.tolltip .mw-collapsible-toggle-default::before { |
| background-color: #d71e0b; /* rot */ | | color: rgb(43,151,213); |
| | border-bottom:1px dotted; |
| } | | } |
|
| |
|
| .bc__gr, .bc__positiv { | | .cli .mw-collapsible-toggle-default::before { |
| background-color: #468847; /* rgb(2,90,0); grün */ | | content: "\f121 "; |
| | color: rgb(43,151,213); |
| } | | } |
|
| |
|
| .bc__b { | | .cli .mw-collapsible-toggle-default::after { |
| background-color: rgb(2,100,130); /* blau */ | | content: "CLI"; |
| | color: rgb(43,151,213); |
| | font-size: 0.6em; |
| } | | } |
|
| |
|
| .bc__g, .bc__hinweis, .bc__gelb {
| |
| background-color: #f89406; /* früher: #F0AD4E; */
| |
| }
| |
|
| |
|
| .SEWS.bc__gelb { | | .cb.MS { |
| background-color: #f7c710;
| | background-color: rgba(0, 0, 0, 0.01); |
| }
| | border: 1px solid rgba(0, 0, 0, 0.125); |
| | border-radius: 2px; |
| | padding: 3px; |
| | transition: border 0.3s; |
| | box-shadow: 0px 0px 6px -1px rgba(0, 0, 0, 0.1) inset; |
| | color: rgba(0, 0, 0, 0.6); |
| | } |
|
| |
|
| .bc__ja { | | .sptable2.Paketfilter td:first-child:empty { |
| background-color: #CCFFCC !important; | | border: 0; |
| } | | } |
|
| |
|
| .bc__teilweise { | | .fas.fc__rot.Number { |
| background-color: #fcffcc !important; | | font-size: unset; |
| } | | } |
|
| |
|
| .bc__nein { | | .text-align_left { |
| background-color: #FF5555 !important; | | text-align: left; |
| } | | } |
|
| |
|
| .bc__na { | | .flex i { |
| background-color: #7E7E7E; | | padding-left: 3px; |
| } | | } |
|
| |
|
|
| |
|
| | .cb-content .spc__default { |
| | display: contents; |
| | } |
|
| |
|
| /*** 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;
| |
| }
| |
|
| |
|
| .font-color__gr a { | | .cb-content .spc__default a { |
| color: #E74C3C !important;
| | position:relative; |
| | top:-1px; |
| } | | } |
|
| |
|
| .fc__ja .mw-collapsible-toggle-default::before, | | .maxw50 { |
| .font-color__ja .mw-collapsible-toggle-default::before {
| | max-width:50em; |
| color: #ccffcc;
| |
| } | | } |
|
| |
|
| .fc__giftgrün, | | .margin-bottom0 td > .button { |
| .font-color__giftgrün { | | margin-bottom: 0; |
| color: #7fff00; | |
| } | | } |
|
| |
|
| .UTM.font-color__rot, | | .FAQ .Einrücken, |
| .UMA.font-color__rot, | | .FAQ .einrücken { |
| li.UTM.list--element__warning:before,
| | margin-left: 2.75em; |
| .fc__warning, .UTM.fc__warning { | | margin-bottom: 0.75em; |
| color: #b94a48; /* früher: #ec7063; */ | |
| } | | } |
|
| |
|
| .fc__rot, font-color__rot, | | .FAQ-toclevel-2 .toclevel-2 .toctext::after { |
| .fc__error, .fc__nein { | | content: "?"; |
| color: #DD463E; | |
| } | | } |
|
| |
|
| .fc__na, .na { | | .text-h2 + .list--element__bullet { |
| color: #7E7E7E; | | margin-top: -1.5em; |
| } | | } |
|
| |
|
| .fc__down, .down { | | .del { |
| color: #515151; | | text-decoration: line-through; |
| } | | } |
|
| |
|
| .fc__link { | | .no-p-ul-margin p + ul { |
| color: rgb(231,76,60); | | margin-top: -0.5em; |
| | margin-bottom: -0.3em; |
| } | | } |
|
| |
|
|
| |
|
| | | .reiter.MDMProfil { |
| .font-color__rot, | | background: #fff; |
| .SPDyn.font-color__rot,
| | border: 1px solid rgba(0, 0, 0, 0.05); |
| .MS.font-color__rot,
| | border-right: 2px solid #E52B2B; |
| .SUB.font-color__rot,
| | padding: 3px 20px 3px 3px; |
| .ICS.font-color__rot,
| | color: rgba(0, 0, 0, 0.7); |
| .AWP.font-color__rot { | | clear: both; |
| color: #E74C3C; | | display: ruby; |
| } | | } |
|
| |
|
| .fc__grau-konsole, | | .Kleingedrucktes { |
| .font-color__grau-konsole {
| | display: inline-block; |
| color: #a8a8a8; | |
| } | | } |
|
| |
|
| .UTM.font-color__grau {
| |
| color: rgb(153, 153, 153);
| |
| }
| |
|
| |
|
| .font-color__b-grau, | | .h3-class { |
| .ICS.font-color__grau,
| | visibility: hidden; |
| .AV.font-color__grau,
| | position: absolute; |
| .MS.font-color__grau,
| |
| .UMA.font-color__grau {
| |
| color: #555555; | |
| } | | } |
|
| |
|
| .fc-table, | | div.list--element__warning > ul > li::before { |
| .font-color-table {
| | color: #d71e0b; |
| color: #f8f9fa; | |
| } | | } |
|
| |
|
| .fc__white-l, | | .wikitable.pd0-5 > tbody tr > td { |
| .font-color__white-l { | | padding: 0 5px; |
| color: rgba(255, 255, 255, 0.9); | |
| } | | } |
|
| |
|
| .font-color__white-button, | | .Mailsecurity .ButtonAus-Toggle { |
| .fc__white-button, | | border-radius: 50%; |
| .font-color__white-b,
| | color: rgb(84,84,84); |
| .fc__white-b {
| | background: rgb(255,255,255); |
| color: rgba(255, 255, 255, 0.8); | | box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; |
| | height: 1em; |
| | width: 1em; |
| } | | } |
|
| |
|
| .fc__grau-l, | | .Mailsecurity.ButtonAus .Button-Leiste { |
| .font-color__grau-l { | | width: 2.1em; |
| color: rgba(0, 0, 0, 0.6); | | border-radius: 7px; |
| | background-color: rgb(220, 220, 220); |
| | height: 0.65em; |
| | align-items: center; |
| | display: flex; |
| } | | } |
|
| |
|
| .font-color__dgrau, | | .Mailsecurity.ButtonAus { |
| .fc__dgrau
| | display: inline-flex; |
| li.fc__dgrau,
| | flex-flow: wrap; |
| li.font-color__dgrau {
| | height: 16px; |
| color: rgb(51, 51, 51); /* Log-Einträge UTM, */ | | align-content: center; |
| | overflow: unset; |
| } | | } |
|
| |
|
| .fc__hgrau, | | .Mailsecurity.ButtonAn { |
| .font-color__hgrau {
| | display: inline-flex; |
| color: rgba(0, 0, 0, 0.05); /* Status-Meldungen */ | | flex-flow: wrap; |
| | align-content: center; |
| | height: 1em; |
| | vertical-align: middle; |
| } | | } |
|
| |
|
| .fc__grau-app, | | .Mailsecurity.ButtonAn .Button-Leiste { |
| .font-color__grau-app {
| | background-color: rgb(229, 43, 43); |
| color: #c1cbce; /* Graue Balken in der Android-App */ | | width: 2em; |
| | border-radius: 7px; |
| | height: 0.65em; |
| | display: flex; |
| | box-sizing: border-box; |
| } | | } |
|
| |
|
| .fc__grau-s, | | .Mailsecurity.ButtonAn .ButtonAn-Toggle { |
| .font-color__grau-s {
| | background-color: rgb(255, 255, 255); |
| color: #55676d; /* Graue Schrift in Android-App */ | | background-image: none; |
| | box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; |
| | border: 1px solid rgba(0,0,0, 0.16); |
| | width: 1em; |
| | height: 1em; |
| | left: 1.1em; |
| } | | } |
|
| |
|
| .fc__grau-b, | | .button.button-default.Mailsecurity { |
| .font-color__grau-b {
| | background: rgb(0,0,0); |
| color: #878a90; /* Graue Buttons in Android-App */ | | border-radius: 4px; |
| | color: rgb(255,255,255); |
| | padding: 2px 6px; |
| | font-size: 88%; |
| | font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif; |
| } | | } |
|
| |
|
| .fc__springgreen, | | .button.button-default.Mailsecurity.fas::before, |
| .font-color__springgreen { | | .button.button-default.Mailsecurity.fal::before, |
| color: rgb(0,255,127); /* schrilles Alarm-Grün */ | | .button.button-default.Mailsecurity.far::before { |
| | padding-right: 3px; |
| } | | } |
|
| |
|
| .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, | | .Mailsecurity.bc__rot { |
| .font-color__macos-blau { | | background-color: rgb(229, 43, 43); |
| color: #257bfe; /* Schaltflächen in MacOS */ | |
| } | | } |
|
| |
|
| .fc__rots, | | .Mailsecurity.spc__circle { |
| .font-color__rots { | | height: 1.5em; |
| color: rgba(231,76,60, 0.7); /* Symbole in rot */ | | width: 1.5em; |
| | font-size: 80%; |
| | padding: 1em; |
| } | | } |
|
| |
|
| .fc__rotaus, | | .menu .mw-collapsible-toggle-default::before { |
| .font-color__rotaus { | | content: "\f0c9"; |
| color: #B94A48; /* verwendet für deaktivierte Buttons in UTM */ | |
| } | | } |
|
| |
|
| .fc__orange, | | .bug .mw-collapsible-toggle-default::before { |
| .font-color__orange { | | content: "\e490"; |
| color: #ff5722; /* verwendet für Warnungen in Statistik */ | | vertical-align: super; |
| | font-size: smaller; |
| } | | } |
|
| |
|
| .fc__ddgrau, | | .bug.mw-collapsed .mw-collapsible-toggle-default { |
| .font-color__ddgrau { | | transform: rotate(270deg); |
| 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, | | .bug.icon.tolltip .mw-collapsible-toggle-default::before { |
| .font-color__rotbd { | | color: #468847; |
| color: #d62c1a; /* verwendet für Border von Hinweisen */ | |
| } | | } |
|
| |
|
| .fc__rot-cb, | | span.bug { |
| .font-color__rot-cb {
| | margin-left:-1em; |
| color: #ef8b80; /* verwendet für Border von Clickboxen */
| | font-size:90%; |
| }
| | } |
|
| |
|
| .fc__white-lbd, | | .reiter.Mailsecurity { |
| .font-color__white-lbd {
| | font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif; |
| color: rgba(255, 255, 255, 0.1); /* verwendet für weiße Ränder */ | | border-bottom: 3px solid black; |
| | background: rgb(238, 238, 238); |
| | padding: 0px 3px 2px 3px; |
| | margin: 2px 0px; |
| | white-space: nowrap; |
| } | | } |
|
| |
|
| .fc__gelbbd, | | .icon__white::before, |
| .font-color__gelbbd { | | .icon__invert::before, |
| color: #ec971f; /* Border gelbe Felder */ | | .icon__black::before { |
| | filter: invert(100%); |
| } | | } |
|
| |
|
| .fc__grünbd, | | .icon__grau, |
| .font-color__grünbd { | | .icon__grey { |
| color: #24a25a; /* Border grüne Felder */ | | filter: invert(39%) sepia(4%) saturate(29%) hue-rotate(314deg) brightness(100%) contrast(82%); |
| } | | } |
|
| |
|
| .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, | | .button.button-default.Mailsecurity.Edit.icon::before { |
| .fc__g, | | filter: none; |
| .fc__hinweis, | | } |
| .font-color__hinweis { | |
| color: rgb(255,200,0); /* #e80; gelb */
| |
| }
| |
|
| |
|
| .fc__b, | | .neu-menu > i > .external.text { |
| .font-color__b { | | color: #670101; |
| color: rgb(2,100,130); /* blau */
| | } |
| }
| |
|
| |
|
| .font-color__gelb, | | .neu-menu > .Mailsecurity > .Menu.spc__default { |
| .fc__gelb,
| | background: white; |
| .fc__teilweise,
| | margin-left: 3px; |
| .fc__hint, | | } |
| li.UTM.list--element__hint:before {
| |
| color: #E9C321; /* früher: #f89406; / #F0AD4E; */
| |
| }
| |
|
| |
|
| .fc__yellow,
| |
| .font-color__yellow {
| |
| color: #ff0;
| |
| }
| |
|
| |
|
| .fc__blue, | | .CB.Mailsecurity.inaktiv { |
| .font-color__blue {
| | background-color: rgb(231,232,233); |
| color: #007bff;
| | border-radius: 8px; |
| }
| | font-weight: bold; |
| | opacity:1; |
| | } |
|
| |
|
| .fc__red, | | .CB.Mailsecurity.inaktiv::after { |
| .font-color__red { | | content:" ×"; |
| color: #dc3545;
| | } |
| }
| |
|
| |
|
| .fc__green,
| |
| .font-color__green {
| |
| color: #28a745;
| |
| }
| |
|
| |
|
| .fc__orange, | | .CB.Mailsecurity.aktiv { |
| .font-color__orange {
| | background: rgb(0,0,0); |
| color: #fd7e14;
| | border-radius: 8px; |
| }
| | color: white; |
| | font-weight: bold; |
| | } |
|
| |
|
| .font-color__white, | | .CB.Mailsecurity.aktiv::after { |
| .fc__white, | | content:" ✓"; |
| .color__white { | | } |
| color: #fff;
| |
| }
| |
|
| |
|
| .fc__black, | | .button.button-default.Mailsecurity.inaktiv { |
| .font-color__black { | | color: rgb(0, 0, 0); |
| color: #000;
| | opacity: unset; |
| }
| | background: rgba(0,0,0,0.15); |
| | border: none; |
| | } |
|
| |
|
| .fc__dark, | | .initial { |
| .font-color__dark {
| | display: initial; |
| color: #343a40; | |
| } | | } |
|
| |
|
| | | .Known-Issues tr td:first-child { |
| | | font-size: small; |
| /*** Ende Schrift-Farbe ***/
| |
| | |
| | |
| | |
| /*** Beginn Border-Farbe ***/
| |
| | |
| | |
| .border__dark {
| |
| border: 1px solid #343a40; | |
| } | | } |
|
| |
|
| .UTM.border-color__gruen, | | .treeview ul li:not(:last-child) { |
| .UTM.border-color__grün,
| | margin: 0; |
| .UMA.border-color__gruen,
| |
| .UMA.border-color__grün {
| |
| border-color: #468847; | |
| } | | } |
|
| |
|
| .ICS.border-color__gruen, | | li.list--element__utm:before { |
| .ICS.border-color__grün,
| | color: #ff6600; |
| .SPDyn.border-color__gruen,
| | font-weight: 900; |
| .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, | | .sptable2.tr--bc__white tr.bc__grau td { |
| .SUB.border-color__gruen {
| | background-color: #b7b7b7; |
| border-color: #51a351 | |
| } | | } |
|
| |
|
| .UTM.border-color__rot,
| |
| .UMA.border-color__rot {
| |
| border-color: #b94a48; /* früher: #ec7063; */
| |
| }
| |
|
| |
|
| .bdr__rot { | | i.fal.fa-overlay-xmark::after { |
| border-color: #DD463E; | | content: "\e59b"; |
| } | | display: inline-block; |
| | | position: relative; |
| .radio.selected, | | top: 0.6em; |
| .SPDyn.border-color__rot, .SPDyn.bdc__rot,
| | font-size: 1.5em; |
| .MS.border-color__rot, .MS.bdc__rot,
| | transform: translateY(-50%); |
| .SUB.border-color__rot, .SUB.bdc__rot,
| | margin-left: 0; |
| .ICS.border-color__rot, .ICS.bdc__rot,
| | font-weight: 600; |
| .AWP.border-color__rot, .AWP.bdc__rot,
| | left: -0.8em; |
| .AWP.ic-eingabe.bdc__rot {
| | font-family: "Font Awesome 6 Pro"; |
| border-color: #E74C3C; | |
| } | | } |
|
| |
|
| .UTM.border-color__grau {
| |
| border-color: rgb(153, 153, 153);
| |
| }
| |
|
| |
|
| .UMA.border-color__grau {
| | /***** in SASS korrigieren *****/ |
| border-color: #555555;
| |
| }
| |
|
| |
|
| .MS.border-color__grau { | | .icon.tolltip.menu .mw-collapsible-toggle-default::before { |
| border-color: #cccccc; | | content: " "; |
| | color: rgb(43,151,213); |
| } | | } |
|
| |
|
| | | .icon.tolltip.io .mw-collapsible-toggle-default::before { |
| .border-color__white, | | content: '\f129 '; |
| .bdc__white {
| | color: rgb(43,151,213); |
| border-color: white;
| |
| } | | } |
|
| |
|
| .border-color__white-l { | | .icon.tolltip.alert .mw-collapsible-toggle-default::before { |
| border-color: rgba(255, 255, 255, 0.9); | | content: '\f071'; |
| | color: rgb(43,151,213); |
| } | | } |
|
| |
| .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,
| |
| .border-color__hell-blau {
| |
| border-color: #00bcd4; /* Geblockte Anfragen */
| |
| }
| |
|
| |
| .border-color__macos-blau {
| |
| border-color: #257bfe; /* Schaltflächen in MacOS */
| |
| }
| |
|
| |
| .bdc__blue {
| |
| border-color: #007bff;
| |
| }
| |
|
| |
| .border-color__rots {
| |
| border-color: rgba(231,76,60, 0.7); /* Symbole in rot */
| |
| }
| |
|
| |
| .border-color__rotaus {
| |
| border-color: #B94A48; /* verwendet für deaktivierte Buttons in UTM */
| |
| }
| |
|
| |
| .border-color__orange {
| |
| border-color: #ff5722; /* verwendet für Warnungen in Statistik */
| |
| }
| |
|
| |
| .border-color__ddgrau {
| |
| border-color: #484c53; /* Graue Ränder */
| |
| }
| |
|
| |
| .border-color__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 ***/
| |