Vorlage:Hinweis3.css: Unterschied zwischen den Versionen

Version vom 19. September 2025, 15:11 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.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;
}

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