Wechseln zu:Navigation, Suche
Wiki
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
(4 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 17: Zeile 17:
font-color__grau-l  
font-color__grau-l  
{{{2|}}}
{{{2|}}}
{{{3|}}}  
{{{3|}}} {{{class|}}}
"
{{#vardefine:style|
{{#if: {{{bc|}}}  | background-color: {{Farbe|{{{bc|rgba(0,0,0,0.01);}}} }} }}
{{#if: {{{bdc|}}} | border: 1px solid {{Farbe|{{{bdc|rgba(0,0,0,0.125);}}} }} }}
{{#if: {{{pd|}}}  | padding: {{{pd|}}}; }}
{{#if: {{{lh|}}} | line-height: {{{lh|}}}; }}
{{#if: {{{fw|}}} | font-weight: {{{fw|}}}; }}
{{#if: {{{c |}}} | color: {{Farbe|{{{c|}}} }} }}
}}
{{ifeq: {{#var:style|}}|| style="{{#var:style}} clear: both;"}}
| SUB={{#if:{{{b|}}}|<span class="ic-beschriftung">{{{b}}}</span><br>}}<span {{#if: {{{va|}}} | style="vertical-align: {{{va|}}};"}}><span
class="
SUB ic-eingabe
font-color__grau-l
bc__white
{{{2|}}}
{{{3|}}} {{{class|}}}
"
"
{{#vardefine:style|
{{#vardefine:style|
Zeile 34: Zeile 51:
{{{ Anw | {{{v | {{Anw}} }}} }}} ic-eingabe  
{{{ Anw | {{{v | {{Anw}} }}} }}} ic-eingabe  
font-color__grau-l  
font-color__grau-l  
{{#ifeq:  {{{2|}}} | rechts |ic-eingabe--icon--rechts}} {{#if:{{{iconx|}}}| ic-eingabe--icon}}
bc__white
{{#ifeq:  {{{2|}}} | rechts |ic-eingabe--icon--rechts| {{{2|}}}}} {{#if:{{{iconx|}}}| ic-eingabe--icon}}
{{#ifeq: {{#sub:{{{2|}}} | 0 | 2 }}| tr | {{{2|}}} }}
{{#ifeq: {{#sub:{{{2|}}} | 0 | 2 }}| tr | {{{2|}}} }}
{{{3|}}}  
{{{3|}}} {{{class|}}}
"
"
style="
style="
{{#if: {{{bc|}}} | background-color: {{Farbe|{{{bc|rgba(0,0,0,0.01);}}} }} }}
{{#if: {{{bc |}}} | background-color: {{Farbe|{{{bc|rgba(0,0,0,0.01);}}} }} }}
{{#if: {{{bdc|}}} | border: 1px solid {{Farbe|{{{bdc|rgba(0,0,0,0.125);}}} }} }}
{{#if: {{{bdc|}}} | border: 1px solid {{Farbe|{{{bdc|rgba(0,0,0,0.125);}}} }} }}
{{#if: {{{pd|}}} | padding: {{{pd|}}}; }}
{{#if: {{{pd |}}} | padding: {{{pd|}}}; }}
{{#if: {{{lh|}}} | line-height: {{{lh|}}}; }}
{{#if: {{{lh |}}} | line-height: {{{lh|}}}; }}
{{#if: {{{fw|}}} | font-weight: {{{fw|}}}; }}
{{#if: {{{fw |}}} | font-weight: {{{fw|}}}; }}
{{#if: {{{c |}}} | color: {{Farbe|{{{c|}}} }} }}
{{#if: {{{c |}}} | color: {{Farbe|{{{c|}}} }} }}
}}
}}
>{{#if: {{{icon|}}} |{{#ifeq: {{{2|}}} | rechts | |<span  
>{{#if: {{{icon|}}} |{{#ifeq: {{{2|}}} | rechts | |<span  
class="icon"
class="icon"
style="
style="
{{#if: {{{iconw|}}} | width: {{{iconw|}}}; display: inline-block;}}
{{#if: {{{iconw|}}} | width: {{{iconw|}}}; display: inline-block;}}
{{#if: {{{iconc|}}} | color: {{Farbe| {{{iconc|}}} }} }}  
{{#if: {{{iconc|}}} | color: {{Farbe| {{{iconc|}}} }} }}  
{{#if: {{{iconbc|}}} | background-color: {{Farbe | {{{iconbc|}}} }} }}
{{#if: {{{iconbc|}}} | background-color: {{Farbe | {{{iconbc|}}} }} }}
"
"
Zeile 56: Zeile 74:
{{#ifeq: {{{w|"x"}}} | "x"  
{{#ifeq: {{{w|"x"}}} | "x"  
|  
|  
| <!-- display: inline; -->
| <!-- display: inline-flex; -->
width: calc( {{{ w | {{isutm | 90px | 170px | {{{Anw|}}} }} }}} - {{#if: {{{2|}}} |calc( 1em + 3px )|0px}} );
width: calc( {{{ w | {{isutm | 90px | 170px | {{{Anw|}}} }} }}} - {{#if: {{{2|}}} |calc( 1em + 3px )|0px}} );
}}"
}}"
Zeile 62: Zeile 80:
| dr
| dr
| dropdown={{#switch: {{{Anw|{{Anw}}}}}
| dropdown={{#switch: {{{Anw|{{Anw}}}}}
| SUB
| UMA=<span class="dr-icon"></span>
| UMA=<span class="dr-icon"></span>
| #default=<i style="margin-left: 2px;" class="fas fa-caret-down"></i> <!--
| #default=<i style="margin-left: 2px;" class="fas fa-caret-down right"></i> <!--
  [[Datei:Pfeil_Dropdown.png|x5px|Link=]] --> }}
  [[Datei:Pfeil_Dropdown.png|x5px|Link=]] --> }}
| dr-b=<span class="dr-b"><i style="margin-left: 2px;" class="fas fa-angle-down right"></i></span>
| c
| c
| counter={{#switch: {{{ Anw | {{Anw}} }}}
| counter={{#switch: {{{ Anw | {{Anw}} }}}
Zeile 102: Zeile 122:
color: {{ Farbe | {{{iconc|grey-l}}} }}  
color: {{ Farbe | {{{iconc|grey-l}}} }}  
border-left: 1px solid  rgba(0, 0, 0, 0.125);  
border-left: 1px solid  rgba(0, 0, 0, 0.125);  
background-color: white;
background-color: {{Farbe | {{{iconbc|white}}} }}
padding: 1px;
padding: 1px;
">{{spc|{{{icon|}}}|o|-|{{#if:{{{icon-class}}}|class={{{icon-class}}}}}| {{#if:{{{icon|}}}|w=30px}}}}</span>
">{{spc|{{{icon|}}}|o|-|{{#if:{{{icon-class}}}|class={{{icon-class}}}}}| {{#if:{{{icon|}}}|w=30px}}}}</span>

Version vom 8. April 2021, 14:06 Uhr

   


Syntax: {{ ic | Input-Cloud | Optionale Parameter }}



























2. Parameter Default Darstellung
| dr
als 2. Parameter
w=161px
dropdown
Input-Cloud
| dr | Anw=UMA
als 2. Parameter
w=161px
dropdown
Input-Cloud
| c
als 2. Parameter
w=161px
counter
Input-CloudLink=
| c
als 2. Parameter
Bei Aufruf von einer UTM-Seite aus
w=81px Input-UTMLink=
| rechts links stellt ein Icon auf der Rechten Seite dar
| tr
als 2. Parameter
Bei Aufruf von einer UTM-Seite aus
w=161px
table-row
Input-Cloud
| tr-odd
als 2. Parameter
Bei Aufruf von einer UTM-Seite aus
w=161px
table-row
Input-Cloud
| tr-even
als 2. Parameter
Bei Aufruf von einer UTM-Seite aus
w=161px
table-row
Input-Cloud
| tr-head
als 2. Parameter
Bei Aufruf von einer UTM-Seite aus
w=161px
table-row
Input-Cloud
| cb | Anw=UMA
als 2. oder 3. Parameter
zusätzlich als Inhalt: {{cb|https}}
clickbox
»https
2. oder weitere Parameter Default Darstellung
| Anw= ohne Formatiert die Anzeige, wie mit Aufruf von Anw-Seite aus
| Anw=UTM Eingabfeld UTM
| Anw=UMA Eingabfeld UMA
| Anw=MS Eingabfeld UMA
| w= w=170px
width:
Input-Cloud
| fw= fw=normal
font-weight
light, lighter, normal, bold, bolder
| icon= Optional {{ spc | Eingabefeld | c | icon=clock | fw=bold }}  EingabefeldLink=
| icon= | Anw=MS Optional {{ spc | Eingabefeld | c | icon=clock | fw=bold }}  EingabefeldLink=
| iconw= 20px Breite des Iconfeldes
| iconc= grey-l Farbe des Icons
| icon-class= Übergibt den Parameter als class=xyz an {{spc|}}
fas=solid (entspr. bold), far=regular, fal=light
Um ein beliebiges fontawesome-Icon zu verwenden muss als Paramater zusätzlich icon=fa verwendet werden.
| lh= Optional line-height lh=40px verändert die Zeilenhöhe außerhalb der Box
| pd= pd=3px ändert die Höhe der Box: Input-Cloud pd=10px
| c= Color grey-l
| bdc= Border-Color rgba(0, 0, 0, 0.125)
| bc= background-color rgba(0, 0, 0, 0.01)