KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
(34 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 5: | Zeile 5: | ||
.Hinweis-Container--icon { | .Hinweis-Container--icon { | ||
display: inline-flex; | display: inline-flex; | ||
width: 1.6em; | min-width: 1.6em; | ||
height: 1.6em; | height: 1.6em; | ||
font-size: 1em; | font-size: 1em; | ||
Zeile 11: | Zeile 11: | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
} | |||
.margin-right-6px { | |||
margin-right: 6px; | margin-right: 6px; | ||
} | } | ||
Zeile 34: | Zeile 37: | ||
} | } | ||
. | .Containeraussen .color-box-shadow0 { | ||
border: 0; | box-shadow: none; | ||
border: 0; | |||
display: inline-flex; | |||
padding: 2px 4px; | |||
margin-right: 3px; | |||
font-size: 0.9em; | |||
background: none; | |||
} | } | ||
. | .color-box-shadow09, | ||
. | .v2 .color-box-shadow[class*="em"], | ||
. | .v0 .color-box-shadow[class*="em0"], | ||
. | .v0 .color-box-shadow[class*="small"] { | ||
box-shadow: 0px 0px 1px 1px inset; | |||
border: 0; | |||
display: inline-flex; | |||
padding: 2px 4px; | |||
margin-right: 3px; | |||
font-size: 0.9em; | |||
} | } | ||
. | .color-box-shadow1, | ||
. | .color-box-shadow.em1, | ||
. | .color-box-shadow.fs__icon__em1 { | ||
box-shadow: 0px 0px 2px 2px inset; | |||
display: inline-flex; | border: 0; | ||
display: inline-flex; | |||
padding: 4px 6px;; | |||
margin-top: 5px; | |||
} | } | ||
. | .color-box-shadow2, | ||
display: flex; | .color-box-shadow.em2, | ||
.color-box-shadow.fs__icon__em2 { | |||
box-shadow: 0px 0px 2px 2px inset; | |||
border: 0; | |||
display: inline-flex; | |||
padding: 6px; | |||
margin-top: 5px; | |||
} | } | ||
. | .color-box-shadow3, | ||
display: flex; | .color-box-shadow.em3, | ||
.color-box-shadow.fs__icon__em3 { | |||
box-shadow: 0px 0px 3px 3px inset; | |||
border: 0; | |||
display: inline-flex; | |||
padding: 8px; | |||
margin-top: 5px; | |||
} | } | ||
. | .xcolor-box-shadow { | ||
display: inline-flex; | box-shadow: 0px 0px 2px 2px inset; | ||
border: 0; | |||
display: inline-flex; | |||
padding: 4px; | |||
} | } | ||
.Containeraussen .updateflag:empty ~ .color-box-shadow { | |||
box-shadow: none; | |||
. | background: none; | ||
top: 0; | |||
padding: 0.1em 0 0 0; | |||
margin-top: 0; | |||
. | |||
} | } | ||
. | Containeraussen .updateflag:empty ~ .color-box-shadow .pdr6 { | ||
padding-right: 0; | |||
} | } | ||
/* .color-box-shadow span { | |||
color: initial; | |||
} */ | |||
[class*=color-box-shadow] a, | |||
[class*=color-box-shadow] a:visited { | |||
color: #e74c3c; | |||
} | } | ||
. | .color-box-shadow.h-center { | ||
display: inline-flex; | |||
align-items: center; | |||
} | } | ||
. | [class*=color-box-shadow][class*=Hinweis-Container__einblenden].top, | ||
. | [class*=color-box-shadow][class*=Hinweis-Container__einblenden].topbox, | ||
[class*=color-box-shadow][class*=Hinweis-Container__einblenden].topbigbox { | |||
align-items: flex-start; | |||
position: relative; | |||
top: -3px; | |||
} | } | ||
. | .topbigbox i { | ||
padding-left: 0.25em | |||
} | } | ||
. | .topbigbox i.em1 { | ||
padding-top: 1.75em; | |||
} | } | ||
. | .topbigbox i.em2 { | ||
padding-top: 0.9em; | |||
} | } | ||
. | .topbigbox i.em3 { | ||
padding-top: 0.55em; | |||
} | } | ||
.startbox-body li [class*=color-box-shadow][class*=Hinweis-Container__einblenden].topbox { | |||
. | top: 0px; | ||
} | } | ||
. | .topbox i { | ||
position: relative; | |||
} | top: 2px; | ||
} | |||
. | [class*=color-box-shadow][class*=Hinweis-Container__einblenden].top .pdr3 { | ||
padding-top: 2px; | |||
} | } | ||
. | [class*=color-box-shadow] + .Hinweis-Container--Text-unbordered { | ||
display: inline-flex; | |||
padding: 0.08em; | |||
vertical-align: unset; | |||
/* align-items: center; | |||
justify-content: center; | |||
min-height: 1em; | |||
margin-right: 3px; */ | |||
} | } | ||
. | .Hinweis-Container__border { | ||
border: 1px solid #cacaca; | |||
border-radius: 1px; | |||
} | } | ||
. | .Hinweis-Container__noborder { | ||
border: 0; | |||
} | } | ||
. | .Hinweis-Container--Text__border { | ||
border: 1px solid #cacaca; | |||
border-radius: 1px; | |||
} | } | ||
. | .Hinweis-Container--Text__noborder { | ||
border: 0; | |||
} | } | ||
. | .Hinweis-Container--Icon__border { | ||
border: 1px solid #cacaca; | |||
border-radius: 1px; | |||
} | } | ||
. | .Hinweis-Container--Icon__noborder { | ||
border: 0; | |||
} | } | ||
. | .Hinweis-Container__ausblenden, | ||
.Hinweis-Container--icon__ausblenden, | |||
.Hinweis-Container--Text-bordered__ausblenden, | |||
.Hinweis-Container--Text-unbordered__ausblenden, | |||
.Hinweis-Container span:empty, | |||
.Hinweis-Container--Text-unbordered-inhalt:empty { | |||
display: none; | |||
} | } | ||
. | .Hinweis-Container__einblenden, | ||
.Hinweis-Container--icon__einblenden, | |||
.Hinweis-Container--Text-bordered__einblenden, | |||
.Hinweis-Container--Text-unbordered__einblenden { | |||
display: inline-flex; | |||
} | } | ||
. | .Hinweis-Container__einblenden.inline { | ||
display: inline; | |||
} | } | ||
. | .Hinweis-Container.flex, | ||
.Hinweis-Container__einblenden.flex { | |||
display: flex; | |||
} | } | ||
. | li:first-child .Hinweis-Container.Hinweis-Container__einblenden { | ||
vertical-align: top; | |||
} | } | ||
. | .Hinweis-Container__einblenden__block { | ||
display: flex; /* inline-block; */ | |||
} | } | ||
. | /* nicht sanitzed-css → common.css | ||
.Hinweis-Container__einblenden__inline-flex { | |||
} | display: flex; | ||
margin-right: 3px; | |||
max-width: fit-content; | |||
} */ | |||
. | td .Containeraussen .Hinweis-Container__einblenden__inline-flex, | ||
td li.UTM .Containeraussen .Hinweis-Container__einblenden__inline-flex { | |||
display: inline-flex; /* Spezialfall */ | |||
} | } | ||
. | /* .Containeraussen + p { | ||
display: inline-flex; | |||
} | } */ | ||
. | /* | ||
**** Da die Eigenschaft fit-content nicht vom Parser für santized css durchgelassen wird, ist die Definition in MediaWiki:Common.css zu finden! | |||
**** | |||
[class*="color-box-shadow"].Hinweis-Container__einblenden, | |||
[class*="color-box-shadow"].Hinweis-Container__einblenden__block { | |||
display: flex; | |||
max-width: fit-content; | |||
align-items: center; | |||
} | } | ||
*/ | |||
. | .rot .Hinweis-Container-Text__border a[href] { | ||
color: #1B599B; | |||
} | } | ||
.Hinweis-Container__einblenden.center { | |||
vertical-align: unset; | |||
. | |||
} | } | ||
. | .d-flex { | ||
display: flex; | |||
} | } | ||
. | .display__inline-flex { | ||
display: inline-flex; | |||
} | } | ||
. | .sptable2 td > * > .Hinweis-Container__einblenden i, | ||
.sptable2 td * .Hinweis-Container__einblenden i { | |||
padding-top: 2pt; | |||
} | } | ||
. | .Hinweis-Container__einblenden.color-box-shadow0 i { | ||
padding-top: 2pt; | |||
} | } | ||
.font- | .Hinweis-Container__einblenden i.neu::before { | ||
font-family: 'Font Awesome 6 Pro'; | |||
content: "\f005"; | |||
font-weight: 900; | |||
} | } | ||
.font- | .Hinweis-Container__einblenden i.update::before { | ||
font-family: 'Font Awesome 6 Pro'; | |||
content: "\f005"; | |||
} | } | ||
.Containeraussen.v2 { | |||
. | white-space: unset; | ||
} | } | ||
. | .Hinweis-Container__einblenden.r, | ||
color: # | .Hinweis-Container__einblenden.rot { | ||
color: #d71e0b; /* rot */ | |||
} | } | ||
. | .Hinweis-Container__einblenden.r .textfont-color, | ||
color: # | .Hinweis-Container__einblenden.rot .textfont-color { | ||
color: #d71e0b; /* rot */ | |||
} | } | ||
. | .Hinweis-Container__einblenden.g, | ||
color: # | .Hinweis-Container__einblenden.gelb, | ||
.g { | |||
color: #E9C321; /* gelb */ | |||
} | } | ||
. | .Hinweis-Container__einblenden.g .textfont-color, | ||
color: | .Hinweis-Container__einblenden.gelb .textfont-color { | ||
color: rgba(0, 0, 0, 0.6); /* grau-l */ | |||
} | } | ||
. | .Hinweis-Container__einblenden.gr, | ||
color: | .Hinweis-Container__einblenden.gruen, | ||
.gr { | |||
color: #468847; /* grün */ | |||
} | } | ||
. | .Hinweis-Container__einblenden.gr .textfont-color, | ||
color: | .Hinweis-Container__einblenden.gruen .textfont-color { | ||
color: #468847; /* grün */ | |||
} | } | ||
. | .Hinweis-Container--Text-unbordered-inhalt { | ||
position: relative; | |||
padding-left: 3px; | |||
} | } | ||
. | .Hinweis-Container__einblenden.fs__icon__em2 + .Hinweis-Container--Text-unbordered-inhalt { | ||
vertical-align: super; | |||
} | } | ||
Aktuelle Version vom 20. Dezember 2023, 18:07 Uhr
.Hinweis-Container { /* border: 1px solid red; */ } .Hinweis-Container--icon { display: inline-flex; min-width: 1.6em; height: 1.6em; font-size: 1em; /* padding: 0.65em; */ align-items: center; justify-content: center; } .margin-right-6px { margin-right: 6px; } .Hinweis-Container--Text-bordered { display: inline-flex; padding: 0.08em 3px; align-items: center; justify-content: center; vertical-align: top; min-height: 1em; margin-right: 3px; } .Hinweis-Container--Text-unbordered { display: inline-flex; padding: 0.08em; align-items: center; justify-content: center; vertical-align: top; min-height: 1em; margin-right: 3px; } .Containeraussen .color-box-shadow0 { box-shadow: none; border: 0; display: inline-flex; padding: 2px 4px; margin-right: 3px; font-size: 0.9em; background: none; } .color-box-shadow09, .v2 .color-box-shadow[class*="em"], .v0 .color-box-shadow[class*="em0"], .v0 .color-box-shadow[class*="small"] { box-shadow: 0px 0px 1px 1px inset; border: 0; display: inline-flex; padding: 2px 4px; margin-right: 3px; font-size: 0.9em; } .color-box-shadow1, .color-box-shadow.em1, .color-box-shadow.fs__icon__em1 { box-shadow: 0px 0px 2px 2px inset; border: 0; display: inline-flex; padding: 4px 6px;; margin-top: 5px; } .color-box-shadow2, .color-box-shadow.em2, .color-box-shadow.fs__icon__em2 { box-shadow: 0px 0px 2px 2px inset; border: 0; display: inline-flex; padding: 6px; margin-top: 5px; } .color-box-shadow3, .color-box-shadow.em3, .color-box-shadow.fs__icon__em3 { box-shadow: 0px 0px 3px 3px inset; border: 0; display: inline-flex; padding: 8px; margin-top: 5px; } .xcolor-box-shadow { box-shadow: 0px 0px 2px 2px inset; border: 0; display: inline-flex; padding: 4px; } .Containeraussen .updateflag:empty ~ .color-box-shadow { box-shadow: none; background: none; top: 0; padding: 0.1em 0 0 0; margin-top: 0; } Containeraussen .updateflag:empty ~ .color-box-shadow .pdr6 { padding-right: 0; } /* .color-box-shadow span { color: initial; } */ [class*=color-box-shadow] a, [class*=color-box-shadow] a:visited { color: #e74c3c; } .color-box-shadow.h-center { display: inline-flex; align-items: center; } [class*=color-box-shadow][class*=Hinweis-Container__einblenden].top, [class*=color-box-shadow][class*=Hinweis-Container__einblenden].topbox, [class*=color-box-shadow][class*=Hinweis-Container__einblenden].topbigbox { align-items: flex-start; position: relative; top: -3px; } .topbigbox i { padding-left: 0.25em } .topbigbox i.em1 { padding-top: 1.75em; } .topbigbox i.em2 { padding-top: 0.9em; } .topbigbox i.em3 { padding-top: 0.55em; } .startbox-body li [class*=color-box-shadow][class*=Hinweis-Container__einblenden].topbox { top: 0px; } .topbox i { position: relative; top: 2px; } [class*=color-box-shadow][class*=Hinweis-Container__einblenden].top .pdr3 { padding-top: 2px; } [class*=color-box-shadow] + .Hinweis-Container--Text-unbordered { display: inline-flex; padding: 0.08em; vertical-align: unset; /* align-items: center; justify-content: center; min-height: 1em; margin-right: 3px; */ } .Hinweis-Container__border { border: 1px solid #cacaca; border-radius: 1px; } .Hinweis-Container__noborder { border: 0; } .Hinweis-Container--Text__border { border: 1px solid #cacaca; border-radius: 1px; } .Hinweis-Container--Text__noborder { border: 0; } .Hinweis-Container--Icon__border { border: 1px solid #cacaca; border-radius: 1px; } .Hinweis-Container--Icon__noborder { border: 0; } .Hinweis-Container__ausblenden, .Hinweis-Container--icon__ausblenden, .Hinweis-Container--Text-bordered__ausblenden, .Hinweis-Container--Text-unbordered__ausblenden, .Hinweis-Container span:empty, .Hinweis-Container--Text-unbordered-inhalt:empty { display: none; } .Hinweis-Container__einblenden, .Hinweis-Container--icon__einblenden, .Hinweis-Container--Text-bordered__einblenden, .Hinweis-Container--Text-unbordered__einblenden { display: inline-flex; } .Hinweis-Container__einblenden.inline { display: inline; } .Hinweis-Container.flex, .Hinweis-Container__einblenden.flex { display: flex; } li:first-child .Hinweis-Container.Hinweis-Container__einblenden { vertical-align: top; } .Hinweis-Container__einblenden__block { display: flex; /* inline-block; */ } /* nicht sanitzed-css → common.css .Hinweis-Container__einblenden__inline-flex { display: flex; margin-right: 3px; max-width: fit-content; } */ td .Containeraussen .Hinweis-Container__einblenden__inline-flex, td li.UTM .Containeraussen .Hinweis-Container__einblenden__inline-flex { display: inline-flex; /* Spezialfall */ } /* .Containeraussen + p { display: inline-flex; } */ /* **** Da die Eigenschaft fit-content nicht vom Parser für santized css durchgelassen wird, ist die Definition in MediaWiki:Common.css zu finden! **** [class*="color-box-shadow"].Hinweis-Container__einblenden, [class*="color-box-shadow"].Hinweis-Container__einblenden__block { display: flex; max-width: fit-content; align-items: center; } */ .rot .Hinweis-Container-Text__border a[href] { color: #1B599B; } .Hinweis-Container__einblenden.center { vertical-align: unset; } .d-flex { display: flex; } .display__inline-flex { display: inline-flex; } .sptable2 td > * > .Hinweis-Container__einblenden i, .sptable2 td * .Hinweis-Container__einblenden i { padding-top: 2pt; } .Hinweis-Container__einblenden.color-box-shadow0 i { padding-top: 2pt; } .Hinweis-Container__einblenden i.neu::before { font-family: 'Font Awesome 6 Pro'; content: "\f005"; font-weight: 900; } .Hinweis-Container__einblenden i.update::before { font-family: 'Font Awesome 6 Pro'; content: "\f005"; } .Containeraussen.v2 { white-space: unset; } .Hinweis-Container__einblenden.r, .Hinweis-Container__einblenden.rot { color: #d71e0b; /* rot */ } .Hinweis-Container__einblenden.r .textfont-color, .Hinweis-Container__einblenden.rot .textfont-color { color: #d71e0b; /* rot */ } .Hinweis-Container__einblenden.g, .Hinweis-Container__einblenden.gelb, .g { color: #E9C321; /* gelb */ } .Hinweis-Container__einblenden.g .textfont-color, .Hinweis-Container__einblenden.gelb .textfont-color { color: rgba(0, 0, 0, 0.6); /* grau-l */ } .Hinweis-Container__einblenden.gr, .Hinweis-Container__einblenden.gruen, .gr { color: #468847; /* grün */ } .Hinweis-Container__einblenden.gr .textfont-color, .Hinweis-Container__einblenden.gruen .textfont-color { color: #468847; /* grün */ } .Hinweis-Container--Text-unbordered-inhalt { position: relative; padding-left: 3px; } .Hinweis-Container__einblenden.fs__icon__em2 + .Hinweis-Container--Text-unbordered-inhalt { vertical-align: super; }