Marcels: 1 Version importiert: Release USP Version 2.14

2026-02-25T08:24:33Z

1 Version importiert: Release USP Version 2.14

← Nächstältere Version	Version vom 25. Februar 2026, 10:24 Uhr
(kein Unterschied)

USP-2.14>Lauritzl: .Hinweis3.css { /* Diese css-Klasse dient zur Identifizierung in den Entwickler-Tools */ }

2026-02-17T13:20:21Z

.Hinweis3.css { Diese css-Klasse dient zur Identifizierung in den Entwickler-Tools: }

Neue Seite

.Hinweis3.css { /* Diese css-Klasse dient zur Identifizierung in den Entwickler-Tools */ }

.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.em1,
.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;*/
align-items: baseline;
}

.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;
}
*/

.Hinweis-Container-Text__border {
display: inline-flex;
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;
}

.Hinweis-Container-Text__border > ul > ul {
margin-left: 0;
}

.color-box-shadow .Hinweis-Container-Text__border.UTM.bc__hgrau.fc__giftgrün {
color: #7fff00;
background: #006400;
}

.none_headline {
line-height: 0;
margin: 0;
}

.none_headline > .mw-headline {
visibility: hidden;
}

.info-collapsed.ban .mw-collapsible-toggle-default::before {
content: '\f05e';
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
/* color: #ec971f; */
border-bottom: 1px dotted #ec971f;
border-radius: 0px;
padding-bottom: 1px;
}

.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;
}

.bios-option {
background: #0503e4;
color: white;
padding: 1px 5px;
line-height: 1.5em;
margin-right: 5px;
}

/******************************************/

.sp-tooltip-hover {
display: none;
}

span.sp-tooltip,
.Hover-icon:hover .sp-tooltip-hover {
/* position: absolute; */
display: inline-block;
background: lavender;
line-height: 20px;
/* padding: 10px;*/
font-size: 14px;
text-align: left;
border: 4px solid rgb(255, 255, 255);
border-radius: 5px;
text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px 0px;
}

span.sp-tooltip:after,
.Hover-icon:hover .sp-tooltip-hover::after {
content: "";
position: absolute;
width: 0;
height: 0;
border-width: 10px;
border-style: solid;
border-color: #FFFFFF transparent transparent transparent;
top: 44px;
left: 50px;
}

/***********************************************/

.Containeraussen:not(.v0) > .Hinweis-Container__einblenden.flex .Hinweis-Container-Text__border {
display: block;
}

Hinweis3.css - Versionsgeschichte

Marcels: 1 Version importiert: Release USP Version 2.14

USP-2.14>Lauritzl: .Hinweis3.css { /* Diese css-Klasse dient zur Identifizierung in den Entwickler-Tools */ }