Vorlage:Styles.css: Unterschied zwischen den Versionen

Version vom 10. Februar 2020, 11:11 Uhr

/*** Diese css-Styles werden von der Vorlage {{TOC2}} automatisch eingebunden! ***/
/*** Alle anderen müssen dieses css wie folgt einbinden: <templatestyles src="Vorlage:Styles.css" /> ***/

.button a.image {
	display: inline-block;
	padding-right: 2px;
}


.button-2 .button a.image {
	vertical-align: -2px;
	padding-right: 20px;
}

.button .button-1 a.image {
	vertical-align: -1px;
}

.mw-editform #wpTextbox1 {
	color:black!important;
}



/* hr {
  text-align:left;
}*/

hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	height: 0px;
	border: 0;
	border-top-color: currentcolor;
	border-top-style: none;
	border-top-width: 0px;
	border-top: 1px solid rgba(0,0,0,0.1);
	clear: unset;
	display: flex;
	background: rgba(0,0,0,0.25);
}

.toclevel-2 {
	margin-left: 15px;
}

.toclevel-3 {
	font-size: 90%;
	margin-left: 22px;
}

.toclevel-4 {
	font-size: 80%;
	margin: -4px 0px -4px 26px;
}

.glyphicons {
  display: inline-block;
  /*opacity: 1;*/
}

table {
	/* display: inline; */
	margin: unset;
}


.unsichtbar {
  display: none!important;
}

h3 {
  white-space: pre-wrap;
}

.listhead p {
	margin-bottom: 0;
}

.no-p p {
	margin-top: 0;
	margin-bottom: 0!important;
}


/* Formatierung Ausklapp-Toggle */

/* Ersetzt [ausklappen] durch eine farbige, linksbündige Schaltfläche */
/* :before und :after entfernen die []  */
/* Der Ausklapp-Button wird von Mediawiki automatisch in eine Tabellenzeile geschrieben */
/* und erhält einen unschönen Rand, der ebenfalls entfernt wird */

/* Die Beschriftung wird dann gesteuert mit: »data-expandtext=« bzw. »data-collapsetext=« */

.mw-collapsible-toggle {
	color:rgba(255, 255, 255, 0.9);
	display: inline-block;
	background: #ec971f;
	border: 1px solid #f0ad4e;
	border-radius:3px;
	padding: 0px 3px!important;
	font-size:100%;
	text-align:left;
	float:none!important;
	margin-top: 0.3em;
	} 

.dezent .mw-collapsible-toggle {
 	color:rgba(255, 255, 255, 0.9);
	display: inline-block;
	background-image: radial-gradient(rgb(104, 167, 200)0%, rgb(43, 151, 213) 80%);
	border: 1px solid #878a90;
	border-radius:3px;
	padding: 0px 3px!important;
	font-size:80%;
	text-align:left;
	float:none!important;
	margin-top: 0.3em;
	} 


.mw-collapsible-toggle-default::before {
    content: '';
    }

.mw-collapsible-toggle-default::after {
    content: '';
    }

table.mw-collapsible > tbody > tr:first-child > td:first-child {
   border: 0;
   } 

.info-collapsed .mw-collapsible-toggle, .info-collapsed, .hover .mw-collapsible-toggle {
	border: unset;
	background: unset;
	color: unset;
	font-size: unset;
	/* border-bottom: 1px dotted black; */
	border-radius: 0px;
	/* line-height: 0em; */
	height: 0.5em;
}

.hover .mw-collapsible-toggle {
	text-decoration-line: underline;
	text-decoration-style: dotted;
	}


.info-collapsed .mw-collapsible-toggle-default::before {
	content: '\f129';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	color: #ec971f;
	border-bottom: 1px dotted #ec971f;
	border-radius: 0px;
	padding-bottom: 1px;
	}

.info-collapsed .mw-collapsible-text {
	display: none;
	}

.hover.mw-collapsible {
	display: inline-block;
}

#mw-customcollapsible-Inhalte {
	display: inline;
}

#mw-customcollapsible-info-collapsed {
	display: inline-table;
}

#mw-customcollapsible-hover {
	display: inline-table;
}

.mw-collapsible-content {
    display: inline;
}


/* Ende Formatierung Ausklapp-Toggle */





th.headerSort {
  padding-right: 19px!important;
  }

.top td {
	vertical-align: top;
}

.middle td {
	vertical-align: middle;
}

pre {
  padding: 0.5em;
  margin-bottom: 0px;
  }

dd {
  margin-left: 2em;
  }

ul {
  margin-bottom: 0px;
  }

.mw-empty-elt {
  display: block!important;
  }

.spiegelstrich ul  { 
  list-style-type:none;
}

.spiegelstrich ul li:before {
  content: "– "
}

.angel li::before {
	font-family: 'Font Awesome 5 Pro';
	content: "\f105  ";
	}


.wikitable {
	width: auto;
}

.wikitable1 {
    background-color:white;
    color: #222;
    margin: 0em 0;
    border: 1px solid white;
    border-collapse: collapse;
    }

.wikitable2, .wikitable3 {
/*    background-color:white; */
    color: #222;
    margin: 0em 0;
    border: 1px solid white;
    border-collapse: collapse;
    }

.wikitable1 th, .wikitable2 th, .wikitable3 th {
    background-color: #eaecf0;
    border: 1px solid #a2a9b1;
    }

.wikitable1 td, .wikitable2 > tbody > tr > td {
    background-color: #f8f9fa;
    border: 1px solid #a2a9b1;
    padding: 0.2em 0.2em;
    line-height:1.4;
    }

.wikitable1 .Leerzeile, .wikitable2 .Leerzeile, .wikitable3.Leerzeile, .sptable.Leerzeile, .sptable2.Leerzeile, .sptable3.Leerzeile {
	/* border-left: 0; 
	border-right: 0; 
	background: white;
	border: 0;
	background: unset;
  }

.sptable2 .hrzeile {
	border-left-style: hidden;
	border-right-style: hidden;
	border-bottom-style: hidden;
	background: unset;
}

.pt2 {
  float: left;
  margin-bottom :10px;
  max-width:44%;
  }

.sptable {
	display: block;
	color: #222;
	margin: 0em 0;
	/* border: 0; */
	border-collapse: collapse;
	}

.sptable td {
    background-color: #f8f9fa;
    border: 1px solid #a2a9b1;
    padding: 0.2em 0.2em;
    line-height:1.4;
    }

.sptable tr > td:first-child {
	text-align: left;
}

.sptable2, .sptable3 {
    /* color: #222; */
    margin: 0em 0;
    border: 0;
    border-collapse: collapse;
    }

.sptable2 td, .sptable0 td, .sptable2 td, .sptable3 td {
    background-color: #f8f9fa;
    border: 1px solid #a2a9b1;
    padding: 0.2em 0.1em;
    line-height:1.4;
    }

.sptable2 .Hinweis td, .sptable0 .Hinweis td, .sptable3 .Hinweis td {
	background-color: unset;
	border: unset;
	}


.spgridtr .Leerzeile {
  border-left: 0; 
  border-right: 0; 
  background: white;
  }


.sptable .Leerzeile, .sptable2 .Leerzeile {
	border: 0; 
	background: unset;
	}

.pd5 td {
	padding: 5px;
}

td.bild, th.bild {
	background-color: unset;
	border: 0;
	padding-top:0px;
	padding-left: 10px;
	width: 45%;
	}

td.bild.width-xxl {
	width: 55%;
	}

td.bild.width-xl {
	width: 50%;
	}

td.bild.width-l {
	width: 40%;
	}

td.bild.width-m {
	width: 35%;
	}

td.bild.width-s {
	width: 30%;
	}

td.bild.width-xs {
	width: 25%;
	}

td.bild.width-xxs {
	width: 20%;
	}

td.bild .thumbinner, th.bild .thumbinner {
	width: unset !important;
	border: 0;
	padding-top: 0;
	}


.bild .thumb.tright {
	padding-top: 0px;
	margin-top: 0;
	}

.sptable th, .sptable0 th, .sptable2 th, .sptable3 th {
	background-color: #ccc;
	border: 1px solid #a2a9b1;
	padding: 5px;
}

.sptable td, .sptable0 td {
	padding-top: 5px;
}


.bild2 .tright {
	margin-top: 0em;
}

tbody > tr:nth-child(2) > * > .bild2 .tright {
	margin-top: -2.3em;
}

.sptablelist tr:nth-child(odd) > td {
	background: #EAE0E0;
}

.sptablelist tr:nth-child(even) > td {
	background: #EFEAEA;
}

code {
	display: flex;
	border: 1px solid #c2c2c2;
	color: rgba(0,0,0,0.8) !Important;
	background: #cccccc;
	padding: 2px;
	margin: 2px 0px;

}



td.border-bottom-dezent {
 	border-bottom-color: #ddd;
}

.nop p {
	margin-bottom: 0px;
}

.beschriftung-ms {
	display: inline-block;
	margin: 1px 0px;
	background: white;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
	border-radius: 3px 3px 0px 0px;
	padding: 1px 3px;
	clear: both;
	}

.beschriftung-utm {
	background-color: white;
	display: inline-block;
	margin: 1px 0px; 
	padding:2px;	
 	border-width: 1px;
 	border-style: solid; 
	border-color: white #ababab #ababab #ababab;
	border-radius:3px;
	font-weight: bolder;
	clear: both;
	}

.block {
	display: block;
	}

.noborder {
	border: 0!important;
	}

.noborder td {
	border: 0!important;
	}
  
.blank td {
	border: 0!important;
	background: 0!important;
	}

.border-bottom-xs td {
	border: 0!important;
	}

.mb05em ol:first-child > li {
	margin-bottom: 0.5em;
	}

.language-toggle-german {
	position: absolute;
	top: -8em;
	}

.language-toggle-english {
	position: absolute;
	top: -8em;
	}

.host {
	background: rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	display: inline-flex;
	margin: 3px 0px;
	padding: 2px 2px 0px 2px;
	font-size: 12px;
	font-weight: bolder;
	font-style: normal;
	color: #468847;
	font-family: "Arial",sans-serif;
	clear: both;
	}

.host.utm::before {
	content: "\e91c";
	font-family: spicons !important;
	font-weight: normal;
	margin-right: 3px;
	}

.none {
	display: none;
	}

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

.inline-block {
	display: inline-block;
	}

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

.h-element:not(:empty) {
	padding-right: 12px;
	}

.h-element:empty {
	display: none;
	}

.reiter.portal {
	background: #fff;
	border-bottom-left-radius: 0px; 
	border-bottom-right-radius: 0px; 
	border-top-right-radius: 1px; 
	border-top-left-radius: 1px; 
	border-top: 1px solid rgba(0, 0, 0, 0.6);
	border-bottom: 2px solid #E74C3C;
	border-left: 0.05em solid rgba(0, 0, 0, 0.3);
	border-right: 0.05em solid rgba(0, 0, 0, 0.3);
	padding: 3px 3px;
	color: rgba(0, 0, 0, 0.5);
	clear: both;
	}

.code {
	display: inline-block; 
	/* word-wrap: anywhere; */
	word-break: break-all;
	text-align: left;
	border: 1px solid #c2c2c2;
	background-color: #ccc;
	padding: 1px 4px;
	font-size: 85%;
	border-radius: 2px;
	font-family: "monospace",sans-serif;
	box-shadow: 1px 1px inset;
	color: rgba(0,0,0,0.8);
	}

pre {
	display: inline-block; 
	/* word-wrap: anywhere; */
	word-break: break-all;
	text-align: left;
	border: 1px solid #c2c2c2;
	background-color: #c2c2c2;
	padding: 1px 4px;
	font-size: 85%;
	border-radius: 2px;
	font-family: "monospace",sans-serif;
	box-shadow: 1px 1px inset;
	color: rgba(0,0,0,0.8);
	margin-top: -0.5em;
	}

.bold b, .boldcode b, .pre--bold__color b {
	font-weight: unset;
	color: black;
	}


.menu {
	background-image: linear-gradient(#b9e0f5, #92bdd6);
	border: 1px solid; 
	border-color: #7096ab #7096ab #7096ab #7096ab;
	border-bottom-left-radius: 0px; 
	border-bottom-right-radius: 0px;
	border-top-right-radius: 3px; 
	border-top-left-radius: 3px; 
	padding: 0px 3px;
	margin-right: 4px;
	display: inline-flex;
	clear: both;
	}



.lastcol-img > tbody > tr > td:last-child:not(.Leerzeile), td.td-img {
    width: 45%;
border: 0;
padding: 0px 0px 5px 20px;
}

.img-container {
	display: flow-root;
	}

td > .img-container {
	float: right;
	}

.img-container img {
	border: 1px solid grey;
	}

.bild__kleiner {
	padding-left: 60%;
	}

.check-circle li:before {
	font-family: 'Font Awesome 5 Pro';
	content: "\f058";
	font-size: 12px;
	/* color: rgb(231, 76, 60); */
	position: absolute;
	left: 0px;
	margin-right: 1em;
	font-weight: 400;
	}


.check-circle li {
	padding-left: 20px;
	display: block;
	position: relative;
	left: -15px;
	}

.check li:before {
	font-family: 'Font Awesome 5 Pro';
	content: "\f00c";
	font-size: 12px;
	/* color: rgb(231, 76, 60); */
	position: absolute;
	left: 0px;
	margin-right: 1em;
	font-weight: 400;
	}

.check li {
	padding-left: 20px;
	display: block;
	position: relative;
	left: -15px;
	}

.list--element__alert li:before, li.list--element__alert::before {
	font-family: 'Font Awesome 5 Pro';
	content: "\f071";
	font-size: 12px;
	position: absolute;
	left: 0px;
	margin-right: 1em;
	font-weight: 400;
	}

.list--element__alert li {
	padding-left: 17px;
	display: block;
	position: relative;
	left: -17px;
	}

li.list--element__alert {
	padding-left: 17px;
	display: block;
	position: relative;
	left: 0px;
	}

.list--element__warning li:before, li.list--element__warning:before {
	color: #d71e0b;
	font-weight: 400;
	}

.list--element__hint li:before, li.list--element__hint:before {
	color: rgb(255,200,0);
	font-weight: 400;
	}

.list--element__positiv li:before, li.list--element__positiv:before {
	color: rgb(2,90,0);
	font-weight: 400;
	}

.li-b li:before, li.list--element__b:before {
	color: rgb(2,100,130);
	font-weight: 400;
	}

.li-spr li:before, .UTM.li-b li::before {
	color: #ec7063;
	font-weight: 400;
	}

.list--element__solid li:before, li.list--element__solid:before {
	font-weight: 900;
	}

.list--element__regular li:before, li.list--element__regular:before {
	font-weight: 400;
	}

.list--element__light li:before, li.list--element__light:before {
	font-weight: 300;
	}


.li-sp li:before {
	font-family: 'spicons';
	content: "\e902";
	font-size: 12px;
	/* color: rgb(231, 76, 60); */
	position: absolute;
	left: 0px;
	margin-right: 1em;
	font-weight: 400;
	}

.li-sp li {
	padding-left: 20px;
	display: block;
	position: relative;
	left: -15px;
	}


.Neu-Container {
	display: inline-flex;
	position: relative;
	top: 0.2em;
	width: 1.3em;
	padding-top: 5px;
	}

.Neu--Text {
	font-size: 65%; 
	display: inline-flex;
	position: relative; 
	top: -1em; 
	}


.Neu--Icon {
	font-size: 50%; 
	display: inline-flex;
	margin-left: 0px;
	/* margin-right: 2px; */
	position: relative; 
	top: -0.2em; 
	left: -1.65em;
	}

.new .startbox-head {
	padding: 0px;
	}

.info-box #mw-customcollapsible-info-collapsed {
	display: inherit;
	}

.lh--default {
	line-height: 1.4em;
	}