Wechseln zu:Navigation, Suche
Wiki

Vorlage:Hinweis alt und Vorlage:Styles-Startseiten.css: Unterschied zwischen den Seiten

(Unterschied zwischen Seiten)
Aus Securepoint Wiki
KKeine Bearbeitungszusammenfassung
 
KKeine Bearbeitungszusammenfassung
 
Zeile 1: Zeile 1:
{{#ifeq:{{{1|}}}|!|
/*** Bei Verwendung dieses css-Styles dürfen keine Tabellenüberschriften mit »!« formatiert werden
<!-- Formatierung Ausrufezeichen only -->
Tabellenlayout: 2-Spaltig, jede 2. Zeile als Überschrift ***/
{{spc|!!|o|-|c={{{c|{{{2|r}}} }}} }}
| <!-- else -->
{{#vardefine:nobox|}}
{{#vardefine:Version|{{rel2dec|{{{2|}}} }} }}
{{#vardefine:Majorrelease|{{rel2dec|{{Majorrelease|{{Anw}} }} }} }}
{{#vardefine:anzeigen|}}
{{#vardefine:Farbe|{{Farbe|{{{bc|{{{3|{{#ifeq:{{{2|}}}|{{Farbe|{{{2|}}}}}|rot|{{{2|}}}}}}}}}}}|Anw={{{Anw|{{Anw}}}}}}}}}
{{#ifeq: {{#expr: {{#pos:{{#if:||{{{1|}}} }}|§|0}} + {{#ifeq: {{#expr: {{#var:Version}} >= {{#var:Majorrelease}} }}|1|0}} }}|0
<!-- Wenn der Text mit § beginnt {{#pos:{{#if:||{{{1|}}} }}|§|0}} → 0 Leerzeichen am Anfang werden ignoriert
und es sich um einen 'Neu-Hinweis' handelt, {{#var:Version}} >= {{#var:Majorrelease}} → true →→ 0
soll - falls keine Farbe definiert wurde der Farbwert »r« statt »rot« definiert werden. -->
| {{#vardefine:Farbe|{{Farbe|{{{bc|{{{3|{{#ifeq:{{{2|}}}|{{Farbe|{{{2|}}}}}|r|{{{2|}}}}}}}}}}}|Anw={{{Anw|{{Anw}}}}}}}}}
}}
{{#ifeq: {{#sub: {{{1|}}} |0 |1}} | ! |
{{#ifeq: {{#pos:{{{1|}}}|§}}|1|{{#vardefine:nobox|2}} }}
{{#ifeq: {{#pos:{{{1|}}}|§}}|2|{{#vardefine:nobox|3}} }}
{{#ifeq: {{#pos:{{{1|}}}|§}}|3|{{#vardefine:nobox|4}} }}
}}{{#ifeq: {{#pos:{{#if:||{{{1|}}}}}|§}}|0|{{#vardefine:nobox|1}} }}{{#vardefine:noboxtext|{{#if:||{{#sub:{{{1|}}}|{{#var:nobox}} }} }}}}{{#ifexpr:{{#var:Version}}=0|{{#vardefine:anzeigen|true}} }}<!-- Wenn der 1. Paramater mit § beginnt, soll keine Box gezeichnet werden


-->{{#ifexpr:{{#var:Version}}>={{#var:Majorrelease}} |{{#vardefine:anzeigen|true}} }}{{#if: {{#var:anzeigen}}
 
| <!-- Es wurde keine Release-Nummer übergeben, oder es wurde eine übergeben, die >= dem aktuellen Majorrelease ist: -->
/*** Formatierungen für Alle ***/
{{#ifexpr: {{#var:Version}} >= {{#var:Majorrelease}} | {{Neu|c={{#var:Farbe|r}} }} }} <!--
 
Wird eine Versionsnummer >= Majorrelease übergeben
 
wird die Vorlage {{Neu}} eingeblendet
.padding10 td {
-->{{#ifeq: {{#sub: {{{1|}}} |0 |1}} | ! |
  padding: 10px!important;
{{#ifeq: {{#sub: {{{1|}}} | 0 |2 }} | !! |
  }
<!--  Es gibt mindestens 2 Ausrufezeichen. Es wird eine Extra-Box erzeugt, in der der Text umgebrochen werden kann.  
 
Das ! wird entsprechend der Anzahl der ! vergrößert
ul {
margin: 0 0 0 3.1em;
--><div style="
}
background-color:{{#var:Farbe|#ec7063;}}
 
padding:{{#expr:( {{#len: {{#explode: {{{1| }}} }} }} * 1) }}px 4px {{#expr:( {{#len:  
dl {
{{#explode: {{{1|}}} }} }} * 1) }}px 4px;
padding-top: 1em!important;
margin-right:10px;
padding-bottom: 0px!important;
border:1px solid;
margin-bottom: 0px !important;
border-radius:1px;
break-inside: avoid;
border-color: {{{ bdc | #cacaca; }}}
}
font-weight:bold;
 
float:left;
 
line-height: {{#expr:( {{#len: {{#explode: {{{1|}}} }} }} * 9 - (({{#len:
dt {
{{#explode: {{{1|}}} }} }}-2) * 3 )) }}px;
margin: 0;
{{#if: {{{s|}}}|text-shadow: 1px 1px 1px black, 1px 1px 1px black;}}
font-weight: bold;
color:{{Farbe | {{{c | {{{ fc | white-l }}} }}} }}"
margin-bottom: 0em;
><span style="font-size: {{#expr:( {{#len: {{#explode: {{{1|}}} }} }} * 16) }}px;"
}
><i class="far fa-exclamation-triangle"></i></span>&nbsp;</div>{{#if:
 
{{#replace: {{#sub: {{{1| }}} | {{#len: {{#explode: {{{1|}}} }} }}  }} | § |</span><span>}}
.spgrid {
|<div class="Hinweis" style="display: table-cell; vertical-align: middle;"><span style="
background-color:white;
background-color:{{#var:Farbe|#ec7063;}}
color: #222;
padding:0px 4px;  
margin: 1em 0em;
display: flex; align-items: center;  
width: 100%;
border:1px solid;
}
border-radius:1px;
 
border-color: {{{ bdc | #cacaca; }}}
.spgrid td {
font-weight:bold;
background-color: #f8f9fa;
min-height: {{#expr:( {{#len: {{#explode: {{{1|}}} }} }} * 19 ) }}px;
padding: 0.2em 0.1em;
margin: auto 0px;
line-height:1.4;
{{#if: {{{s|}}}|text-shadow: 1px 1px 1px black, 1px 1px 1px black;}}
}
color:{{Farbe | {{{c | {{{ fc | white-l }}} }}} }}"
 
>{{#replace: {{#sub: {{{1| }}}
.spgrid .Leerzeile {
| {{#len: {{#explode: {{{1|}}} }} }}  }}
border-left: 0;
| §
border-right: 0;
|</span><span> &nbsp;  
background: white;
}} &nbsp;</span></div>
}
|
 
}}
.spgrid tr {
</div>
display: grid;
| <!-- Ein Ausrufezeichen am Anfang wird etwas hübscher im abgesetzten Kasten als Grafik dargestellt -->
grid-template-columns: 50% 50%;
<span style="
width: 100%;
background-color: {{#var:Farbe}}
}
padding:2px 4px 2px 4px;
.spgrid .colspan2 {
border:1px solid;
border-right: 0!important;
border-radius:1px;
}
border-color: {{{ bdc | #cacaca; }}}
 
font-weight:bold;
.startbox-flex {
{{#if: {{{s|}}}|text-shadow: 1px 1px 1px black, 1px 1px 1px black;}}
display: flex;
color:{{Farbe | {{{c | {{{ fc | white-l }}} }}} }}"
flex-flow: wrap;
><i class="far fa-exclamation-triangle"></i></span>&nbsp;{{#ifeq: {{#pos:{{{1|}}}|§}}|2|{{#sub:{{{1|}}}|3}} | {{#if:  
}
{{#replace: {{#sub: {{{1| }}} | 2 }} | § |</span><span> }}
 
|<span style="
.startbox {
background-color: {{#var:Farbe|#ec7063;}}
display: block;
padding:2px 4px 2px 4px;
width: 31%;
border:1px solid;
margin: 15px;
border-radius:1px;
background: #fff;
border-color:{{{ bdc | #cacaca; }}}
/* border-top: 1px solid #a2a9b1;
font-weight:bold;
border-right: 1px solid #a2a9b1;
{{#if: {{{s|}}}|text-shadow: 1px 1px 1px black, 1px 1px 1px black;}}
border-left: 1px solid #a2a9b1; */
color:{{Farbe | {{{c | {{{ fc | white-l }}} }}} }}"
/* margin: 10px 5px 0px 5px; */
>&nbsp;{{#replace: {{#sub: {{{1| Neue Funktion ab Version {{{ 2 | 11.8 }}} }}} | 2 }} | § |</span><span>&nbsp;}}&nbsp;</span>
box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
|
border-radius: 3px 3px 0px 0px;
}} }}
}
}}
 
}}{{#ifeq: {{padleft: | 1 | {{{1| }}} }} | !
.startbox.breit {
|<!-- Ausrufezeichen - sind schon behandelt worden, also keine weitere Anzeige! -->
width: 65%;
|<!-- Kein Ausrufezeichen, also der ganze Text
}
-->{{#if: {{#var:nobox}}|{{#var:noboxtext|}}| {{#switch: {{{ Anw | {{#switch: {{#titleparts: {{FULLPAGENAMEE}} | 1 | 1 }}
 
| Spielwiese={{#titleparts: {{FULLPAGENAMEE}} | 1 | 2 }}
.startbox-body-breit {
| #default={{#titleparts: {{FULLPAGENAMEE}} | 1 | 1 }}
column-count: 2;
}}
padding: 1em;
}}}  
}
| MDM
 
| MS=<span style="
 
background-color: {{#var:Farbe|#ec7063;}}
.startbox-head {
padding:1px;
background-color: #eaecf0;
border:1px solid;
height: 3em;
border-radius:1px;
padding: 1em;
border-color: {{#switch: {{{2|}}}
}
| grün={{Farbe|grün}}
 
| gelb={{Farbe|gelbbd}}
.startbox-body {
| rot={{Farbe|rotbd}}
padding: 1em;
| #default={{{ bdc | #cacaca; }}} <!-- Default-Wert -->
}
}}
 
font-weight:bold;
.startbox-body-breit-col {
{{#if: {{{s|}}}|text-shadow: 1px 1px 1px black, 1px 1px 1px black;}}
width: 45%;
color:{{Farbe | {{{c | {{{ fc | white-l }}} }}} }}"
}
| UTM
 
| #default=<span style="
 
background-color: {{#var:Farbe|#ec7063;}}
 
padding:1px 3px 1px 3px;
/*** Ende Formatierungen für Alle ***/
border:1px solid;
 
border-radius:1px;
/*** Formatierungen Standard (=Monitor) ***/
border-color: {{{ bdc | #cacaca;}}}
 
font-weight:bold;
table { border: 0; }
{{#if: {{{s|}}}|text-shadow: 1px 1px 1px black, 1px 1px 1px black;}}
 
color:{{Farbe | {{{c | {{{ fc | white-l }}} }}} }}"
.wikitable2 tr:nth-child(2n) {
}}
  background: green!important;
>{{#replace: {{{1| Hinweis: }}} | § |</span><span>&nbsp;}}</span> }}
  }
}}|<noinclude>{{{ 1 | Das ist alt}}}</noinclude>
 
}}&nbsp;}}<noinclude>
.spgrid tr > td:nth-child(1) {
{{Dokumentation}}
padding: 15px;
</noinclude>
grid-column: 1 / 2;
grid-row: 1;
background-color: #eaecf0;
/* border-top: 1px solid #a2a9b1;
border-right: 1px solid #a2a9b1;
border-left: 1px solid #a2a9b1; */
margin: 10px 5px 0px 5px;
box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
border-radius: 3px 3px 0px 0px;
}
 
.spgrid tr > td:nth-child(2) {
padding: 15px;
grid-column: 2 / 3;
grid-row: 1;
background-color: #eaecf0;
/* border-top: 1px solid #a2a9b1;
border-right: 1px solid #a2a9b1; */
margin: 10px 5px 0px 5px;
box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
border-radius: 3px;
}
 
.spgrid tr > td:nth-child(3) {
padding: 15px;
grid-column: 1 / 2;
grid-row: 2;
/* background-color: #f8f9fa;
border-top: 1px solid #a2a9b1;
border-right: 1px solid #a2a9b1;
border-left: 1px solid #a2a9b1; */
border-spacing: 5px;
margin: 0px 5px 10px 5px;
box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
border-radius: 0px 0px 3px 3px;
background: #fff;
}
 
.spgrid tr > td:nth-child(4) {
padding: 15px;
grid-column: 2 / 3;
grid-row: 2;
/* background-color: #f8f9fa;
border-top: 1px solid #a2a9b1;
border-right: 1px solid #a2a9b1; */
border-spacing: 5px;
margin: 0px 5px 10px 5px;
box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
border-radius: 0px 0px 3px 3px;
background: #fff;
}
 
 
.spgrid tr:last-child > td:nth-child(3) {
padding: 15px;
grid-column: 1 / 2;
grid-row: 2;
background-color: #f8f9fa;
border-top: 1px solid #a2a9b1;
border-right: 1px solid #a2a9b1;
border-bottom: 1px solid #a2a9b1;
border-left: 1px solid #a2a9b1;
}
 
.spgrid tr:last-child > td:nth-child(4) {
padding: 15px;
grid-column: 2 / 3;
grid-row: 2;
background-color: #f8f9fa;
border-top: 1px solid #a2a9b1;
border-bottom: 1px solid #a2a9b1;
border-right: 1px solid #a2a9b1;
}
 
 
 
/*** Ende Formatierungen Standard ***/
 
 
/*** Formatierungen für Breakpoint xs ***/
 
@media (max-width:576px) {
 
table { border: 0; }
 
.spgrid tr > td:nth-child(1) {
padding: 15px;
grid-column: 1 / 3;
grid-row: 1;
background-color: #eaecf0;
border: 1px solid #a2a9b1;
border-bottom: 0;
margin-top: 5px;
}
 
.spgrid tr > td:nth-child(2) {
padding: 15px;
grid-column: 1 / 3;
grid-row: 3;
background-color: #eaecf0;
border: 1px solid #a2a9b1;
border-bottom: 0;
margin-top: 5px;
}
 
.spgrid tr > td:nth-child(3), .spgrid tr:last-child > td:nth-child(3) {
padding-top: 15px;
grid-column: 1 / 3;
grid-row: 2;
background-color: #f8f9fa;
border: 1px solid #a2a9b1;
}
 
.spgrid tr > td:nth-child(4), .spgrid tr:last-child > td:nth-child(4) {
padding-top: 15px;
grid-column: 1 / 3;
grid-row: 4;
background-color: #f8f9fa;
border: 1px solid #a2a9b1;
}
 
.spgrid .colspan2 {
border-right: 1px solid #a2a9b1!important;
}
 
.spgrid .frei {
display: none;
}
 
.spgrid .noborderbottom {
border-bottom: 0!important;
}
 
.spgrid .nobordertop {
border-top: 0!important;
}
 
 
} /*** Ende Formatierungen für Breakpoint xs ***/

Version vom 16. Dezember 2019, 11:51 Uhr

/*** 	Bei Verwendung dieses css-Styles dürfen keine Tabellenüberschriften mit »!« formatiert werden
	Tabellenlayout: 2-Spaltig, jede 2. Zeile als Überschrift ***/


/*** Formatierungen für Alle ***/


.padding10 td {
  padding: 10px!important;
  }

ul {
	margin: 0 0 0 3.1em;
	}

dl {
	padding-top: 1em!important;
	padding-bottom: 0px!important;
	margin-bottom: 0px !important;
	break-inside: avoid;
	}


dt {
	margin: 0;
	font-weight: bold;
	margin-bottom: 0em;
	}

.spgrid {
	background-color:white;
	color: #222;
	margin: 1em 0em;
	width: 100%;
	}

.spgrid td {
	background-color: #f8f9fa;
	padding: 0.2em 0.1em;
	line-height:1.4;
	}

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

.spgrid tr {
	display: grid;
	grid-template-columns: 50% 50%;
	width: 100%;
	}
.spgrid .colspan2 {
	border-right: 0!important;
	}

.startbox-flex {
	display: flex;
	flex-flow: wrap;
	}

.startbox {
	display: block;
	width: 31%;
	margin: 15px;
	background: #fff;
	/* border-top: 1px solid #a2a9b1;
	border-right: 1px solid #a2a9b1;
	border-left: 1px solid #a2a9b1; */
	/* margin: 10px 5px 0px 5px; */
	box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
	border-radius: 3px 3px 0px 0px;
	}

.startbox.breit {
	width: 65%;
	}

.startbox-body-breit {
	column-count: 2;
	padding: 1em;
	}


.startbox-head {
	background-color: #eaecf0;
	height: 3em;
	padding: 1em;
	}

.startbox-body {
	padding: 1em;
	}

.startbox-body-breit-col {
	width: 45%;
	}



/*** Ende Formatierungen für Alle ***/

/*** Formatierungen Standard (=Monitor) ***/

table { border: 0; }

.wikitable2 tr:nth-child(2n) {
  background: green!important;
  }

.spgrid tr > td:nth-child(1) {
	padding: 15px;
	grid-column: 1 / 2;
	grid-row: 1;
	background-color: #eaecf0;
	/* border-top: 1px solid #a2a9b1;
	border-right: 1px solid #a2a9b1;
	border-left: 1px solid #a2a9b1; */
	margin: 10px 5px 0px 5px;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
	border-radius: 3px 3px 0px 0px;
	}

.spgrid tr > td:nth-child(2) {
	padding: 15px;
	grid-column: 2 / 3;
	grid-row: 1;
	background-color: #eaecf0;
	/* border-top: 1px solid #a2a9b1;
	border-right: 1px solid #a2a9b1; */
	margin: 10px 5px 0px 5px;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
	border-radius: 3px;
	}

.spgrid tr > td:nth-child(3) {
	padding: 15px;
	grid-column: 1 / 2;
	grid-row: 2;
	/* background-color: #f8f9fa;
	border-top: 1px solid #a2a9b1;
	border-right: 1px solid #a2a9b1;
	border-left: 1px solid #a2a9b1; */
	border-spacing: 5px;
	margin: 0px 5px 10px 5px;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
	border-radius: 0px 0px 3px 3px;
	background: #fff;
	}

.spgrid tr > td:nth-child(4) {
	padding: 15px;
	grid-column: 2 / 3;
	grid-row: 2;
	/* background-color: #f8f9fa;
	border-top: 1px solid #a2a9b1;
	border-right: 1px solid #a2a9b1; */
	border-spacing: 5px;
	margin: 0px 5px 10px 5px;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
	border-radius: 0px 0px 3px 3px;
	background: #fff;
	}


.spgrid tr:last-child > td:nth-child(3) {
	padding: 15px;
	grid-column: 1 / 2;
	grid-row: 2;
	background-color: #f8f9fa;
	border-top: 1px solid #a2a9b1;
	border-right: 1px solid #a2a9b1;
	border-bottom: 1px solid #a2a9b1;
	border-left: 1px solid #a2a9b1;
	}

.spgrid tr:last-child > td:nth-child(4) {
	padding: 15px;
	grid-column: 2 / 3;
	grid-row: 2;
	background-color: #f8f9fa;
	border-top: 1px solid #a2a9b1;
	border-bottom: 1px solid #a2a9b1;
	border-right: 1px solid #a2a9b1;
	}



/*** Ende Formatierungen Standard ***/


/*** Formatierungen für Breakpoint xs ***/

@media (max-width:576px) {

table { border: 0; }

.spgrid tr > td:nth-child(1) {
	padding: 15px;
	grid-column: 1 / 3;
	grid-row: 1;
	background-color: #eaecf0;
	border: 1px solid #a2a9b1;
	border-bottom: 0;
	margin-top: 5px;
}

.spgrid tr > td:nth-child(2) {
	padding: 15px;
	grid-column: 1 / 3;
	grid-row: 3;
	background-color: #eaecf0;
	border: 1px solid #a2a9b1;
	border-bottom: 0;
	margin-top: 5px;
}

.spgrid tr > td:nth-child(3), .spgrid tr:last-child > td:nth-child(3) {
	padding-top: 15px;
	grid-column: 1 / 3;
	grid-row: 2;
	background-color: #f8f9fa;
	border: 1px solid #a2a9b1;
}

.spgrid tr > td:nth-child(4), .spgrid tr:last-child > td:nth-child(4) {
	padding-top: 15px;
	grid-column: 1 / 3;
	grid-row: 4;
	background-color: #f8f9fa;
	border: 1px solid #a2a9b1;
}

.spgrid .colspan2 {
	border-right: 1px solid #a2a9b1!important;
	}

.spgrid .frei {
	display: none;
	}

.spgrid .noborderbottom {
	border-bottom: 0!important;
	}

.spgrid .nobordertop {
	border-top: 0!important;
	}


} /*** Ende Formatierungen für Breakpoint xs ***/
Abgerufen von „https://wiki.securepoint.de/index.php?title=Vorlage:Hinweis_alt&oldid=65013“