Vorlage:Hinweis3.css: Unterschied zwischen den Versionen

Version vom 8. Juni 2022, 11:30 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;
	}


.color-box-shadow0 {
	box-shadow:	0px 0px 1px 1px inset;
	border:		0;
	display:	inline;
	padding:	2px 4px;
	}

.color-box-shadow1 {
	box-shadow:	0px 0px 2px 2px inset;
	border:		0;
	display:	inline-flex;
	padding:	4px 6px;;
	}

.color-box-shadow2 {
	box-shadow:	0px 0px 2px 2px inset;
	border:		0;
	display:	inline-flex;
	padding:	6px;
	}

.color-box-shadow3 {
	box-shadow:	0px 0px 3px 3px inset;
	border:		0;
	display:	inline-flex;
	padding:	8px;
	}

.xcolor-box-shadow {
	box-shadow:	0px 0px 2px 2px inset;
	border:		0;
	display:	inline-flex;
	padding:	4px;
	}
/* .color-box-shadow span {
	color:		initial;
	} */

[class*=color-box-shadow] a,
[class*=color-box-shadow] a:visited {
	color:		unset;
	}

.color-box-shadow.h-center {
	display:		inline-flex;
	align-items:	center;
	}

[class*=color-box-shadow][class*=Hinweis-Container__einblenden].top {
	align-items:	flex-start;
	vertical-align:	middle;
	}

[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 {
	display: none;
	}

.Hinweis-Container__einblenden, 
.Hinweis-Container--icon__einblenden, 
.Hinweis-Container--Text-bordered__einblenden, 
.Hinweis-Container--Text-unbordered__einblenden {
	display: inline-flex;
	}

.Hinweis-Container.flex {
	display:		flex;
	}

li:first-child .Hinweis-Container.Hinweis-Container__einblenden {
	vertical-align:	top;
	}

.Hinweis-Container__einblenden__block {
	display: 		flex;
	}

[class*="color-box-shadow"].Hinweis-Container__einblenden,
[class*="color-box-shadow"].Hinweis-Container__einblenden__block {
	display: 		inline-flex;
	align-items:	center;
	}

.d-flex {
	display: flex;
	}

.display__inline-flex {
	display: inline-flex;
	}