KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
(475 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
/*** Diese css-Styles werden von der Vorlage {{ | /*** 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" /> ***/ | ||
hr { | /****** Beginn Workaround für LiveWiki *****/ | ||
.spicon-securepoint-vpn-client.tile-icon::before { | |||
content: "A"; | |||
} | |||
.spicon-ssl-vpn-client::before { | |||
content: "\E900"; | |||
} | |||
.fa-sun-bright::before { | |||
content: ""; | |||
} | |||
.fa-paragraph-left::before { | |||
content: ""; | |||
} | |||
.fa-close::before { | |||
content: ""; | |||
} | |||
.fa-floppy-disk-circle-xmark::before { | |||
content: ""; | |||
} | |||
.fa-arrow-rotate-left::before { | |||
content: ""; | |||
} | |||
.fa-shield-keyhole::before { | |||
content: "\e248"; | |||
} | |||
.fa-retweet-alt::before { | |||
content: "\f361"; | |||
} | |||
.fa-split::before { | |||
content: "\e254"; | |||
} | |||
.fa-shield::before { | |||
content: "\f132"; | |||
} | |||
.fa-clipboard-list-check::before, | |||
.fa-clipboard-list-check::before { | |||
content: "\f737"; | |||
} | |||
.fa-exchange::before { | |||
content: "\f0ec"; | |||
} | |||
.fa-file-certificate::before { | |||
content: "\f5f3"; | |||
} | |||
.fa-key-skeleton::before { | |||
content: "\f6f3"; | |||
} | |||
.fa-file-edit::before { | |||
content: "\f31c"; | |||
} | |||
.fa-pipe::before { | |||
content: "\7c"; | |||
} | |||
.fa-lock-keyhole-open::before { | |||
content: "\f3c2"; | |||
} | |||
.fa-down-long::before { | |||
content: "\f309"; | |||
} | |||
/* | |||
.fa-klasse::before { | |||
content: "\"; | |||
} | |||
/* | |||
.menu .mw-collapsible-toggle-default::before { | |||
content: "\f0c9"; | |||
} | |||
/********** Ende Workaround für LiveWiki *****/ | |||
/********** Korrektur für CSS *****/ | |||
.embedvideo.mw-halign-center { | |||
display: inline-block; | |||
} | |||
.key { | |||
display: inline-block; | |||
line-height: 1.25em; | |||
} | |||
.code { | |||
background:#ddd; | |||
} | |||
/********** Ende Korrektur für CSS *****/ | |||
/****** Kann wieder raus, wenn in scss _position_ entfernt ******/ | |||
.mw-collapsible-text { /*z-index und position raus, padding-left geändert */ | |||
padding-left: 0.25em; | |||
display: unset; | |||
} | |||
.mw-collapsible-toggle-default::before, | |||
.dezent .mw-collapsible-toggle-default::before, | |||
.bigdezent .mw-collapsible-toggle-default::before { | |||
content: "\f25a"; | |||
font-family: "Font Awesome 6 Pro"; | |||
font-weight: 300; | |||
} | |||
.hover .mw-collapsible-toggle-default::before { | |||
content: ""; | |||
} | |||
.mw-collapsible .mw-collapsible-toggle-default::after { | |||
content: ""; | |||
} | |||
.info .mw-collapsible-toggle-default::before, | |||
.info-collapsed .mw-collapsible-toggle-default::before { | |||
content: "\f05a"; | |||
color: rgb(43, 151, 213); | |||
} | |||
.info .mw-collapsible-text { | |||
color: rgb(43, 151, 213); | |||
font-size: small; | |||
padding-left: 2px; | |||
} | |||
.code .mw-collapsible-toggle-default::before { | |||
content: "\f121"; | |||
color: rgb(43, 151, 213); | |||
} | |||
.code.icon { | |||
border: 0; | |||
padding: 0; | |||
font-size: 100%; | |||
box-shadow: none; | |||
background: 0; | |||
overflow: auto; | |||
} | |||
.info-icon { | |||
left: -1.25em; | |||
color: rgb(43,151,213); | |||
text-decoration: underline; | |||
text-decoration-style: solid; | |||
text-decoration-style: dotted; | |||
} | |||
.info-icon > .mw-collapsible-toggle { | |||
position: absolute; | |||
left: 0em; | |||
} | |||
.info-icon > .mw-collapsible-toggle.mw-collapsible-toggle-default.mw-collapsible-toggle-collapsed { | |||
background: none; | |||
border: none; | |||
} | |||
.info-icon > .mw-collapsible-toggle.mw-collapsible-toggle-default.mw-collapsible-toggle-collapsed::before { | |||
content: none; | |||
} | |||
.info-icon > .mw-collapsible-toggle { | |||
position: absolute; | |||
left: 0em; | |||
} | |||
.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; | |||
} | |||
.Platzhalter { | |||
display:inline-block; | |||
width:1em; | |||
} | |||
.fab.fa-windows .mw-collapsible-toggle-default::before { | |||
content: "\f17a"; | |||
font-family: "Font Awesome 6 Brands"; | |||
} | |||
.fab.fa-linux .mw-collapsible-toggle-default::before { | |||
content: "\f17c"; | |||
font-family: "Font Awesome 6 Brands"; | |||
} | |||
.embedvideo-thumbnail__image { | |||
width: inherit; | |||
height: inherit; | |||
object-fit: cover; | |||
position: absolute; | |||
} | |||
/***** *****/ | |||
.Preview { | |||
display: none; | |||
} | |||
.Not-Preview-yes.Preview-yes { | |||
display: none; | |||
} | |||
.Preview.Preview-yes { | |||
display: block; | |||
padding-bottom: 1em; | |||
position: absolute; | |||
top: -4em; | |||
left: 8.5em; | |||
} | |||
.Preview + p{ | |||
display: inline-flex; | |||
} | |||
.Preview-yes .prev a:nth-child(1) { | |||
display: block; | |||
padding-bottom: 1em; | |||
} | |||
.sp-lang-de ~ * .prev a:nth-child(1)::before { | |||
color: rgba(0,0,0,0.7); | |||
content: "Vorherige Version:"; | |||
font-weight: normal; | |||
} | |||
.sp-lang-en ~ * .prev a:nth-child(1)::before { | |||
color: rgba(0,0,0,0.7); | |||
content: "Previous version:"; | |||
font-weight: normal; | |||
} | |||
.sp-lang-de ~ .Preview-yes .prev a:nth-child(1)::before { | |||
content: 'Aktuelle Dokumentation:'; | |||
color: rgba(0,0,0,0.7); | |||
font-weight: bold; | |||
} | |||
.sp-lang-en ~ .Preview-yes .prev a:nth-child(1)::before { | |||
content: 'Current documentation:'; | |||
color: rgba(0,0,0,0.7); | |||
font-weight: bold; | |||
} | |||
.sp-lang-de ~ .Preview-yes .prev a:nth-child(2)::before { | |||
color: rgba(0,0,0,0.7); | |||
content: "Vorherige Version:" !important; | |||
font-weight: normal; | |||
margin-right: 3.65em; | |||
} | |||
.sp-lang-en ~ .Preview-yes .prev a:nth-child(2)::before { | |||
color: rgba(0,0,0,0.7); | |||
content: "Previous version:" !important; | |||
font-weight: normal; | |||
margin-right: 3.65em; | |||
} | |||
/*************************/ | |||
.button a.image { | |||
display: inline-block; | |||
padding-right: 2px; | |||
} | |||
.button-2 .button a.image { | |||
vertical-align: -2px; | |||
padding-right: 20px; | |||
} | |||
.button .button-1 a.image { | |||
vertical-align: -1px; | |||
} | |||
.mw-editform #wpTextbox1 { | |||
color:black!important; | |||
} | |||
/* hr { | |||
text-align:left; | text-align:left; | ||
}*/ | |||
/* ausgelagert in common.css | |||
.toctogglespan { | |||
display: inline-flex; | |||
} | |||
*/ | |||
.inaktiv { | |||
opacity: 0.35; | |||
} | |||
.Hover-icon::before { | |||
position: relative; | |||
z-index: 0; | |||
left: 1em; | |||
margin-left: -1em; | |||
} | |||
.neu-menu .Hover-icon.fal.fa-hand-pointer::before { | |||
margin-left: -12px; /* andernfalls wird die URL */ | |||
} /* 2-Zeilig umgebrochen, weil…? */ | |||
.tolltip { | |||
position: absolute; | |||
} | |||
.tolltip.links .mw-collapsible-content { | |||
right:100%; | |||
} | |||
.tolltip:hover > * + .mw-collapsible-content { | |||
display: block !important; | |||
} | |||
.tolltip .mw-collapsible-content { | |||
position: relative; | |||
background: gainsboro; /* aliceblue; */ | |||
z-index: 20; | |||
/* top: 0.5em; */ | |||
padding: 5px; | |||
margin: 0.25em; | |||
border: #ec971f; | |||
} | |||
.tolltip.fixed .mw-collapsible-content { | |||
position:fixed; | |||
} | } | ||
. | /* | ||
.tolltip .mw-collapsible-toggle { | |||
color: unset; | |||
display: inline-block; | 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; | |||
} | |||
.tolltip .mw-collapsible-toggle-default::before { | |||
content:unset; | |||
} | } | ||
*/ | |||
.hover .mw-collapsible-toggle { | |||
background: none; | |||
border: none; | |||
} | |||
.tolltip .sptable2 td { | |||
background: aliceblue; | |||
} | |||
.inline-table, | |||
.code.inline-table { | |||
display:inline-table; | |||
} | |||
.mw-collapsible.info { | |||
background: unset; | |||
border: none; | |||
} | |||
/* | |||
.pd5 tr td li[class*="list--element__"] { | |||
padding-left: 1.7em; | |||
} | |||
*/ | |||
/* .startbox-body-breit .spc__menu { | |||
white-space: pre; | |||
} */ | |||
.nui.button, | |||
.new_design ~ * .button { | |||
border-radius: 0px; | |||
border-color: #a6a6a6; | |||
background: #dedede; | |||
position: relative; | |||
vertical-align: middle; | |||
} | |||
. | .new_design ~ * .UTM.ic-eingabe { | ||
border-radius: 0px; | |||
} | |||
.accordion { | |||
content: "\f067"; | |||
display: block; | |||
font-family: "Font Awesome 6 Pro"; | |||
font-weight: 300; | |||
position: absolute; | |||
top: 50%; | |||
right: 16px; | |||
width: 2em; | |||
height: 2em; | |||
border: 3.75px solid rgba(255, 255, 255, 0.85); | |||
line-height: 2.2em; | |||
text-align: center; | |||
border-radius: 50%; | |||
background: #ccc; | |||
color: #fff; | |||
transition: 0.3s; | |||
} | |||
/* *************** | |||
.status-text.bc__rotaus::before { | |||
content: '\f05e'; | |||
font-family: 'Font Awesome 6 Pro'; | |||
font-weight: 500; | |||
padding-right: 0.5em; | |||
} | |||
.status-text.bc__gelb::before { | |||
content: '\f071'; | |||
font-family: 'Font Awesome 6 Pro'; | |||
font-weight: 500; | |||
padding-right: 0.5em; | |||
} | |||
.status-text.bc__gruen::before, | |||
.status-text.bc__grün::before { | |||
content: '\f058'; | |||
font-family: 'Font Awesome 6 Pro'; | |||
font-weight: 500; | |||
padding-right: 0.5em; | |||
} | |||
.status-text.bc__blau::before { | |||
content: '\f05a'; | |||
font-family: 'Font Awesome 6 Pro'; | |||
font-weight: 500; | |||
padding-right: 0.5em; | |||
} | |||
**************** */ | |||
/* .Bild-ui p .dialog-header { | |||
margin-bottom: -0.5em; | |||
} */ | |||
@media (max-width: 1600px) { | |||
.dialog-button i + .icon-text { | |||
display: none; | |||
} | |||
} | } | ||
.reiter.utm.last { | |||
margin-left: 0; | |||
} | } | ||
.reiter.utm.inaktiv { | |||
opacity: 01; | |||
font-size: unset; | |||
background: #dedede; | |||
border-color: #dedede; | |||
} | |||
.dialog-button .icon-save-and-restart { | |||
margin: 3px 3px -5px 3px; | |||
} | |||
.dialog-rechts .dialog-button .icon-save-and-restart { | |||
margin: 3px; | |||
} | |||
. | .new_design ~ * th.Bild > .img-container.blank, | ||
.new_design ~ * td.Bild > .img-container.blank { | |||
background: none; | |||
border: none; | |||
padding-top: 0px; | |||
} | |||
.fc__pink { | |||
color: #b20396; | |||
} | |||
/******* Heidenei - Änderungen für SASS ******/ | |||
.img-container.Bild-t, | |||
.new_design ~ * + * ~ .img-container.blank { | |||
width: calc(46% - 33px); /* zuvor: 52% */ | |||
margin-right: 10px; | |||
margin-left: 0.5em; | |||
position: relative; | |||
top: 5px; | |||
} | |||
.img-container.Bild-t.width-s, | |||
.new_design ~ * + * ~ .img-container.blank.width-s { | |||
width: calc(30% - 33px); | |||
} | |||
.reiter.utm > div { | |||
display: inline-flex; | |||
} | |||
.new_design ~ * .UTM.ui-fieldset-legend > span, | |||
.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; | |||
} | |||
. | .new_design ~ * .UTM.ui-fieldset-legend, | ||
.new_design ~ * .reiter.utm, | |||
.new_design ~ .reiter.utm { | |||
padding: 1px 3px 1px 4px; | |||
background: white; | |||
border: 1px solid rgba(0, 0, 0, 0.1); | |||
vertical-align: middle; | |||
font-size: 98%; | |||
} | |||
. | .new_design ~ * .bc__rotaus { | ||
background: #e74c3c; | |||
} | |||
.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;*/ | |||
} | } | ||
. | .status-text.blue { | ||
background-color: #337AB7; /* früher: #F0AD4E; */ | |||
border-color: #285f8f; | |||
font-size: small; | |||
} | |||
.spc__default.inline { | |||
display: inline; | |||
} | |||
.thumbcaption #mw-customcollapsible-Inhalte.icon { | |||
display: inline-block; | |||
} | |||
.new_design ~ .neu-menu .button.button-default.UTM.icon { | |||
background: #aaa; | |||
} | |||
.img-container.Bild-t.width100 { | |||
width: auto; | |||
} | |||
.height-auto { | |||
height: auto; | |||
} | |||
td #mw-customcollapsible-Inhalte { | |||
display: contents; | |||
} | |||
#mw-customcollapsible-Inhalte.inline-block { | |||
display: inline-block; | |||
} | |||
.dialog-header.passiv, | |||
.dialog-header.passiv * .dialog-menu, | |||
.dialog-header.passiv * .dialog-pfad, | |||
.dialog-header.passiv * .dialog-pfad *, | |||
.dialog-header.passiv > * { | |||
background-color: #545861; | |||
} | |||
.mt1em { | |||
margin-top: 1em; | |||
} | |||
.mt0 { | |||
margin-top: 0; | |||
} | |||
.Bild .img-container + .img-container.mt1em { | |||
margin-right: 0; | |||
} | |||
.ic-eingabe.PIN { | |||
width: 1.5em; | |||
text-align: center; | |||
} | |||
.topRightCircle { | |||
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; | |||
} | |||
.spc__default.PIN { | |||
position: relative; | |||
margin-top: 1em; | |||
margin-right: 0.5em; | |||
} | |||
.img-container.Bildwechsel { | |||
position: relative; | |||
} | |||
/* Ist nicht sanitized.css daher → common.css | |||
.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; | |||
} | |||
*/ | |||
.img-container.Bildwechsel:hover .Wechselbild { | |||
opacity: 1; | |||
} | |||
.new_design ~ * .button.first { | |||
border-top-left-radius: 24px; | |||
border-bottom-left-radius: 24px; | |||
} | |||
.new_design ~ * .button.middle { | |||
border-radius: 0; | |||
} | |||
.new_design ~ * .button.last { | |||
border-top-right-radius: 24px; | |||
border-bottom-right-radius: 24px; | |||
} | |||
.new_design ~ * .button.aktiv.first, | |||
.new_design ~ * .button.aktiv.middle, | |||
.new_design ~ * .button.aktiv.last { | |||
background-color: #468847; | |||
color: rgba(255, 255, 255, 0.6); | |||
border-bottom: unset; | |||
} | |||
.Einrücken2, .einrücken2 { | |||
margin-left: 2.5em; | |||
width: auto; | |||
} | |||
tr.Leerzeile > td:first-child > span { | |||
padding-left: 0px !important; | |||
margin-left: -3px; | |||
margin-right: 3px; | |||
} | |||
.Leerzeile > td { | |||
padding-top: 0.75em; | |||
} | |||
.MS.ButtonAn { | |||
background: #E74C3C; | |||
border: 1px solid #E74C3C; | |||
width: 3em; | |||
height: 1.5em; | |||
top: 0px; | |||
vertical-align: middle; | |||
margin-right: 5px; | |||
} | |||
.MS .ButtonAn-Toggle { | |||
left: 24px; | |||
top: 0em; | |||
background: #fff; | |||
transition: 0.3s; | |||
width: 1.37em; | |||
height: 1.37em; | |||
box-shadow: 0 0 6px -2px black; | |||
} | |||
.Release ul * .fa-exclamation-triangle { | |||
position: relative; | |||
top: -3px; | |||
} | |||
.vpn-icon { | |||
color: #fdf6f6; /* #fddedb; */ | |||
background-color: #e52b2b; /* #e85546; */ | |||
padding: 3px; | |||
} | |||
[class*=fa].vpn-icon::before { | |||
padding-right: 3px; | |||
} | |||
.button.button-default.VPN { | |||
background: #e52b2b; | |||
color: #fdf6f6; | |||
font-size: 90%; | |||
padding: 0px 1.5em; | |||
} | |||
.cb-content::before { | |||
content: "×"; | |||
} | |||
.x-end .cb-content::before { | |||
content: ""; | |||
} | |||
.x-end .cb-content::after { | |||
content: "×"; | |||
opacity: 0.5; | |||
} | |||
.mw50 { | |||
min-width: 50%; | |||
} | |||
.Logging_Slider { | |||
width: 4.1em; | |||
display: inline-block; | |||
line-height: 1.15em; | |||
text-align: center; | |||
} | |||
.noborder.img-container img { | |||
border: 0; | |||
} | } | ||
.icon.tolltip .mw-collapsible-toggle-default::before { | |||
color: rgb(43,151,213); | |||
border-bottom:1px dotted; | |||
} | |||
.cli .mw-collapsible-toggle-default::before { | |||
content: "\f121 "; | |||
color: rgb(43,151,213); | |||
} | |||
.cli .mw-collapsible-toggle-default::after { | |||
content: "CLI"; | |||
color: rgb(43,151,213); | |||
font-size: 0.6em; | |||
} | |||
. | .cb.MS { | ||
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); | |||
} | |||
. | .sptable2.Paketfilter td:first-child:empty { | ||
border: 0; | |||
} | |||
. | .fas.fc__rot.Number { | ||
font-size: unset; | |||
} | |||
. | .text-align_left { | ||
text-align: left; | |||
} | |||
. | .flex i { | ||
padding-left: 3px; | |||
} | |||
. | .cb-content .spc__default { | ||
display: contents; | |||
} | |||
.cb-content .spc__default a { | |||
position:relative; | |||
top:-1px; | |||
} | |||
. | .maxw50 { | ||
max-width:50em; | |||
} | |||
. | .margin-bottom0 td > .button { | ||
margin-bottom: 0; | |||
} | |||
. | .FAQ .Einrücken, | ||
.FAQ .einrücken { | |||
margin-left: 2.75em; | |||
margin-bottom: 0.75em; | |||
} | |||
. | .FAQ-toclevel-2 .toclevel-2 .toctext::after { | ||
content: "?"; | |||
} | |||
.text-h2 + .list--element__bullet { | |||
margin-top: -1.5em; | |||
} | |||
.del { | |||
text-decoration: line-through; | |||
} | |||
. | .no-p-ul-margin p + ul { | ||
margin-top: -0.5em; | |||
margin-bottom: -0.3em; | |||
} | |||
/***** in SASS korrigieren *****/ | |||
.icon.tolltip.menu .mw-collapsible-toggle-default::before { | |||
content: " "; | |||
color: rgb(43,151,213); | |||
} | |||
. | .icon.tolltip.io .mw-collapsible-toggle-default::before { | ||
content: '\f129 '; | |||
color: rgb(43,151,213); | |||
} | |||
. | .icon.tolltip.alert .mw-collapsible-toggle-default::before { | ||
content: '\f071'; | |||
color: rgb(43,151,213); | |||
} | |||
Aktuelle Version vom 1. Juli 2024, 11:42 Uhr
/*** 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" /> ***/ /****** Beginn Workaround für LiveWiki *****/ .spicon-securepoint-vpn-client.tile-icon::before { content: "A"; } .spicon-ssl-vpn-client::before { content: "\E900"; } .fa-sun-bright::before { content: ""; } .fa-paragraph-left::before { content: ""; } .fa-close::before { content: ""; } .fa-floppy-disk-circle-xmark::before { content: ""; } .fa-arrow-rotate-left::before { content: ""; } .fa-shield-keyhole::before { content: "\e248"; } .fa-retweet-alt::before { content: "\f361"; } .fa-split::before { content: "\e254"; } .fa-shield::before { content: "\f132"; } .fa-clipboard-list-check::before, .fa-clipboard-list-check::before { content: "\f737"; } .fa-exchange::before { content: "\f0ec"; } .fa-file-certificate::before { content: "\f5f3"; } .fa-key-skeleton::before { content: "\f6f3"; } .fa-file-edit::before { content: "\f31c"; } .fa-pipe::before { content: "\7c"; } .fa-lock-keyhole-open::before { content: "\f3c2"; } .fa-down-long::before { content: "\f309"; } /* .fa-klasse::before { content: "\"; } /* .menu .mw-collapsible-toggle-default::before { content: "\f0c9"; } /********** Ende Workaround für LiveWiki *****/ /********** Korrektur für CSS *****/ .embedvideo.mw-halign-center { display: inline-block; } .key { display: inline-block; line-height: 1.25em; } .code { background:#ddd; } /********** Ende Korrektur für CSS *****/ /****** Kann wieder raus, wenn in scss _position_ entfernt ******/ .mw-collapsible-text { /*z-index und position raus, padding-left geändert */ padding-left: 0.25em; display: unset; } .mw-collapsible-toggle-default::before, .dezent .mw-collapsible-toggle-default::before, .bigdezent .mw-collapsible-toggle-default::before { content: "\f25a"; font-family: "Font Awesome 6 Pro"; font-weight: 300; } .hover .mw-collapsible-toggle-default::before { content: ""; } .mw-collapsible .mw-collapsible-toggle-default::after { content: ""; } .info .mw-collapsible-toggle-default::before, .info-collapsed .mw-collapsible-toggle-default::before { content: "\f05a"; color: rgb(43, 151, 213); } .info .mw-collapsible-text { color: rgb(43, 151, 213); font-size: small; padding-left: 2px; } .code .mw-collapsible-toggle-default::before { content: "\f121"; color: rgb(43, 151, 213); } .code.icon { border: 0; padding: 0; font-size: 100%; box-shadow: none; background: 0; overflow: auto; } .info-icon { left: -1.25em; color: rgb(43,151,213); text-decoration: underline; text-decoration-style: solid; text-decoration-style: dotted; } .info-icon > .mw-collapsible-toggle { position: absolute; left: 0em; } .info-icon > .mw-collapsible-toggle.mw-collapsible-toggle-default.mw-collapsible-toggle-collapsed { background: none; border: none; } .info-icon > .mw-collapsible-toggle.mw-collapsible-toggle-default.mw-collapsible-toggle-collapsed::before { content: none; } .info-icon > .mw-collapsible-toggle { position: absolute; left: 0em; } .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; } .Platzhalter { display:inline-block; width:1em; } .fab.fa-windows .mw-collapsible-toggle-default::before { content: "\f17a"; font-family: "Font Awesome 6 Brands"; } .fab.fa-linux .mw-collapsible-toggle-default::before { content: "\f17c"; font-family: "Font Awesome 6 Brands"; } .embedvideo-thumbnail__image { width: inherit; height: inherit; object-fit: cover; position: absolute; } /***** *****/ .Preview { display: none; } .Not-Preview-yes.Preview-yes { display: none; } .Preview.Preview-yes { display: block; padding-bottom: 1em; position: absolute; top: -4em; left: 8.5em; } .Preview + p{ display: inline-flex; } .Preview-yes .prev a:nth-child(1) { display: block; padding-bottom: 1em; } .sp-lang-de ~ * .prev a:nth-child(1)::before { color: rgba(0,0,0,0.7); content: "Vorherige Version:"; font-weight: normal; } .sp-lang-en ~ * .prev a:nth-child(1)::before { color: rgba(0,0,0,0.7); content: "Previous version:"; font-weight: normal; } .sp-lang-de ~ .Preview-yes .prev a:nth-child(1)::before { content: 'Aktuelle Dokumentation:'; color: rgba(0,0,0,0.7); font-weight: bold; } .sp-lang-en ~ .Preview-yes .prev a:nth-child(1)::before { content: 'Current documentation:'; color: rgba(0,0,0,0.7); font-weight: bold; } .sp-lang-de ~ .Preview-yes .prev a:nth-child(2)::before { color: rgba(0,0,0,0.7); content: "Vorherige Version:" !important; font-weight: normal; margin-right: 3.65em; } .sp-lang-en ~ .Preview-yes .prev a:nth-child(2)::before { color: rgba(0,0,0,0.7); content: "Previous version:" !important; font-weight: normal; margin-right: 3.65em; } /*************************/ .button a.image { display: inline-block; padding-right: 2px; } .button-2 .button a.image { vertical-align: -2px; padding-right: 20px; } .button .button-1 a.image { vertical-align: -1px; } .mw-editform #wpTextbox1 { color:black!important; } /* hr { text-align:left; }*/ /* ausgelagert in common.css .toctogglespan { display: inline-flex; } */ .inaktiv { opacity: 0.35; } .Hover-icon::before { position: relative; z-index: 0; left: 1em; margin-left: -1em; } .neu-menu .Hover-icon.fal.fa-hand-pointer::before { margin-left: -12px; /* andernfalls wird die URL */ } /* 2-Zeilig umgebrochen, weil…? */ .tolltip { position: absolute; } .tolltip.links .mw-collapsible-content { right:100%; } .tolltip:hover > * + .mw-collapsible-content { display: block !important; } .tolltip .mw-collapsible-content { position: relative; background: gainsboro; /* aliceblue; */ z-index: 20; /* top: 0.5em; */ padding: 5px; margin: 0.25em; border: #ec971f; } .tolltip.fixed .mw-collapsible-content { position:fixed; } /* .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; } .tolltip .mw-collapsible-toggle-default::before { content:unset; } */ .hover .mw-collapsible-toggle { background: none; border: none; } .tolltip .sptable2 td { background: aliceblue; } .inline-table, .code.inline-table { display:inline-table; } .mw-collapsible.info { background: unset; border: none; } /* .pd5 tr td li[class*="list--element__"] { padding-left: 1.7em; } */ /* .startbox-body-breit .spc__menu { white-space: pre; } */ .nui.button, .new_design ~ * .button { border-radius: 0px; border-color: #a6a6a6; background: #dedede; position: relative; vertical-align: middle; } .new_design ~ * .UTM.ic-eingabe { border-radius: 0px; } .accordion { content: "\f067"; display: block; font-family: "Font Awesome 6 Pro"; font-weight: 300; position: absolute; top: 50%; right: 16px; width: 2em; height: 2em; border: 3.75px solid rgba(255, 255, 255, 0.85); line-height: 2.2em; text-align: center; border-radius: 50%; background: #ccc; color: #fff; transition: 0.3s; } /* *************** .status-text.bc__rotaus::before { content: '\f05e'; font-family: 'Font Awesome 6 Pro'; font-weight: 500; padding-right: 0.5em; } .status-text.bc__gelb::before { content: '\f071'; font-family: 'Font Awesome 6 Pro'; font-weight: 500; padding-right: 0.5em; } .status-text.bc__gruen::before, .status-text.bc__grün::before { content: '\f058'; font-family: 'Font Awesome 6 Pro'; font-weight: 500; padding-right: 0.5em; } .status-text.bc__blau::before { content: '\f05a'; font-family: 'Font Awesome 6 Pro'; font-weight: 500; padding-right: 0.5em; } **************** */ /* .Bild-ui p .dialog-header { margin-bottom: -0.5em; } */ @media (max-width: 1600px) { .dialog-button i + .icon-text { display: none; } } .reiter.utm.last { margin-left: 0; } .reiter.utm.inaktiv { opacity: 01; font-size: unset; background: #dedede; border-color: #dedede; } .dialog-button .icon-save-and-restart { margin: 3px 3px -5px 3px; } .dialog-rechts .dialog-button .icon-save-and-restart { margin: 3px; } .new_design ~ * th.Bild > .img-container.blank, .new_design ~ * td.Bild > .img-container.blank { background: none; border: none; padding-top: 0px; } .fc__pink { color: #b20396; } /******* Heidenei - Änderungen für SASS ******/ .img-container.Bild-t, .new_design ~ * + * ~ .img-container.blank { width: calc(46% - 33px); /* zuvor: 52% */ margin-right: 10px; margin-left: 0.5em; position: relative; top: 5px; } .img-container.Bild-t.width-s, .new_design ~ * + * ~ .img-container.blank.width-s { width: calc(30% - 33px); } .reiter.utm > div { display: inline-flex; } .new_design ~ * .UTM.ui-fieldset-legend > span, .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; } .new_design ~ * .UTM.ui-fieldset-legend, .new_design ~ * .reiter.utm, .new_design ~ .reiter.utm { padding: 1px 3px 1px 4px; background: white; border: 1px solid rgba(0, 0, 0, 0.1); vertical-align: middle; font-size: 98%; } .new_design ~ * .bc__rotaus { background: #e74c3c; } .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;*/ } .status-text.blue { background-color: #337AB7; /* früher: #F0AD4E; */ border-color: #285f8f; font-size: small; } .spc__default.inline { display: inline; } .thumbcaption #mw-customcollapsible-Inhalte.icon { display: inline-block; } .new_design ~ .neu-menu .button.button-default.UTM.icon { background: #aaa; } .img-container.Bild-t.width100 { width: auto; } .height-auto { height: auto; } td #mw-customcollapsible-Inhalte { display: contents; } #mw-customcollapsible-Inhalte.inline-block { display: inline-block; } .dialog-header.passiv, .dialog-header.passiv * .dialog-menu, .dialog-header.passiv * .dialog-pfad, .dialog-header.passiv * .dialog-pfad *, .dialog-header.passiv > * { background-color: #545861; } .mt1em { margin-top: 1em; } .mt0 { margin-top: 0; } .Bild .img-container + .img-container.mt1em { margin-right: 0; } .ic-eingabe.PIN { width: 1.5em; text-align: center; } .topRightCircle { 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; } .spc__default.PIN { position: relative; margin-top: 1em; margin-right: 0.5em; } .img-container.Bildwechsel { position: relative; } /* Ist nicht sanitized.css daher → common.css .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; } */ .img-container.Bildwechsel:hover .Wechselbild { opacity: 1; } .new_design ~ * .button.first { border-top-left-radius: 24px; border-bottom-left-radius: 24px; } .new_design ~ * .button.middle { border-radius: 0; } .new_design ~ * .button.last { border-top-right-radius: 24px; border-bottom-right-radius: 24px; } .new_design ~ * .button.aktiv.first, .new_design ~ * .button.aktiv.middle, .new_design ~ * .button.aktiv.last { background-color: #468847; color: rgba(255, 255, 255, 0.6); border-bottom: unset; } .Einrücken2, .einrücken2 { margin-left: 2.5em; width: auto; } tr.Leerzeile > td:first-child > span { padding-left: 0px !important; margin-left: -3px; margin-right: 3px; } .Leerzeile > td { padding-top: 0.75em; } .MS.ButtonAn { background: #E74C3C; border: 1px solid #E74C3C; width: 3em; height: 1.5em; top: 0px; vertical-align: middle; margin-right: 5px; } .MS .ButtonAn-Toggle { left: 24px; top: 0em; background: #fff; transition: 0.3s; width: 1.37em; height: 1.37em; box-shadow: 0 0 6px -2px black; } .Release ul * .fa-exclamation-triangle { position: relative; top: -3px; } .vpn-icon { color: #fdf6f6; /* #fddedb; */ background-color: #e52b2b; /* #e85546; */ padding: 3px; } [class*=fa].vpn-icon::before { padding-right: 3px; } .button.button-default.VPN { background: #e52b2b; color: #fdf6f6; font-size: 90%; padding: 0px 1.5em; } .cb-content::before { content: "×"; } .x-end .cb-content::before { content: ""; } .x-end .cb-content::after { content: "×"; opacity: 0.5; } .mw50 { min-width: 50%; } .Logging_Slider { width: 4.1em; display: inline-block; line-height: 1.15em; text-align: center; } .noborder.img-container img { border: 0; } .icon.tolltip .mw-collapsible-toggle-default::before { color: rgb(43,151,213); border-bottom:1px dotted; } .cli .mw-collapsible-toggle-default::before { content: "\f121 "; color: rgb(43,151,213); } .cli .mw-collapsible-toggle-default::after { content: "CLI"; color: rgb(43,151,213); font-size: 0.6em; } .cb.MS { 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); } .sptable2.Paketfilter td:first-child:empty { border: 0; } .fas.fc__rot.Number { font-size: unset; } .text-align_left { text-align: left; } .flex i { padding-left: 3px; } .cb-content .spc__default { display: contents; } .cb-content .spc__default a { position:relative; top:-1px; } .maxw50 { max-width:50em; } .margin-bottom0 td > .button { margin-bottom: 0; } .FAQ .Einrücken, .FAQ .einrücken { margin-left: 2.75em; margin-bottom: 0.75em; } .FAQ-toclevel-2 .toclevel-2 .toctext::after { content: "?"; } .text-h2 + .list--element__bullet { margin-top: -1.5em; } .del { text-decoration: line-through; } .no-p-ul-margin p + ul { margin-top: -0.5em; margin-bottom: -0.3em; } /***** in SASS korrigieren *****/ .icon.tolltip.menu .mw-collapsible-toggle-default::before { content: " "; color: rgb(43,151,213); } .icon.tolltip.io .mw-collapsible-toggle-default::before { content: '\f129 '; color: rgb(43,151,213); } .icon.tolltip.alert .mw-collapsible-toggle-default::before { content: '\f071'; color: rgb(43,151,213); }