Vorlage:Styles-XDR.css: Unterschied zwischen den Versionen

Version vom 31. Juli 2026, 14:38 Uhr

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

.material-icons-outlined,
.material-icons {
	vertical-align:			middle; /*top;*/
	font-size:				20px;
	}

.mat {
	font-family: Material Icons;
	}

.mat-o {
	font-family: Material Icons Outlined;
	}

.mat,
.mat-o {
	font-weight: 400;
	font-style: normal;
	/* font-size: 24px;
	line-height: 1; */
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	/* -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-feature-settings: "liga"; */
	}

.XDR-Menu .menu1 .material-icons {
	font-size:				1.4em;
	}

.XDR-Menu .menu1 {
	font-weight:			bold;
	margin-left:			3px;
    background:				#ffffff; /*aliceblue;*/
    position:               relative;
	}

.XDR-Menu .menu1::after {
	content: "";
    display: block;
    position: absolute;
    width: 3em;
    left: 0%;
    top: 100%;
    border-bottom: 1px solid #000;
	}

.XDR-Menu .menu2 {
	background:				#ffffff; /*aliceblue;*/
	color:					var(--sp-rot);
	white-space:			nowrap;
	}

.XDR-Menu .menu2 .mw-file-element {
	vertical-align:			baseline;
	}

.reiter.XDR {
	border-bottom:			2px solid var(--sp-rot);
	padding:				3px 10px;
	color:					var(--sp-rot);
	background:				#f5f5f5;
	}

.reiter.XDR.small {
	padding:				0px 3px;
	}

.button-default.button.XDR.light:not(.icon) {
	background:				#f0e4e6;
	color:					var(--sp-rot);
	}

.button.button-default.XDR:not(.icon) > i {
	margin-right:			5px;
	}

.button.XDR.icon {
	background:				#e3e6e8;
	border-radius:			20px;
	color:					var(--sp-rot);
	border:					0;
	display:				inline-flex;
	justify-content:		center;
	}

.button.button-default.XDR:not(.icon) {
	background:				var(--sp-rot);
	color:					#fff;
	padding:				5px 15px;
	border:					0;
	border-radius:			5px;
	}

.button.button-default.small.XDR:not(.icon) {
	padding:				2px 3px;
	border:					0;
	border-radius:			3px;
	vertical-align:			middle;
	}

.button.XDR {
	display:				inline-flex;
	}


.button.button-dropdown-solid.XDR {
	color: var(--utm-rot);
	border-color:#e52b2b;
}
.button-dropdown-solid.XDR i {
	border-left:			1px solid;
	padding:				4px 5px;
	margin-left:			5px;
	}

.XDR.ButtonAn {
	display:					inline-flex;
	flex-flow:					wrap;
	align-content:				center;
	height:						1em;
	vertical-align:				middle;
	}

.XDR.ButtonAn.small {
	height:						0.8em;
	}

.XDR.ButtonAn .Button-Leiste {
	background-color:			var(--utm-rot);
	opacity:					0.5;
	width:						1.8em;
	border-radius:				7px;
	height:						0.65em;
	display:					flex;
	box-sizing:					border-box;
	}

.XDR.ButtonAn .ButtonAn-Toggle {
	background-color:			var(--utm-rot);
	background-image:			none;
	width:						1em;
	height:						1em;
	left:						0.85em;
	}

.XDR.ButtonAn.small .Button-Leiste {
	width:						1.5em;
	height:						0.5em;
	}

.XDR.ButtonAn.small .ButtonAn-Toggle {
	width:						0.8em;
	height:						0.8em;
	left:						0.65em;
	}

.XDR.ButtonAus {
	display:					inline-flex;
	flex-flow:					wrap;
	height:						16px;
	align-content:				center;
	overflow:					unset;
	}

.XDR.ButtonAus .Button-Leiste {
	width:						1.8em;
	border-radius:				7px;
	background-color:			#9c9c9c;
	height:						0.65em;
	align-items:				center;
	display:					flex;
	}

.XDR .ButtonAus-Toggle {
	border-radius:				50%;
	color:						rgb(84,84,84);
	background:					#9c9c9c;
	box-shadow:					rgba(0, 0, 0, 0.16) 0px 1px 4px;
	height:						1em;
	width:						1em;
	}

.XDR.ButtonAus .Button-Leiste {
	width:						2.1em;
	border-radius:				7px;
	background-color:			rgb(220, 220, 220);
	height:						0.65em;
	align-items:				center;
	display:					flex;
	}

.XDR.ic-eingabe {
	display:					inline-flex;
	padding:					0px 3px;
	border:						0;
	}

.XDR.ic-eingabe .inner-block {
	align-items:				baseline;
	}