Wechseln zu:Navigation, Suche
Wiki

Vorlage:Spc und Vorlage:Hauptseite.css: Unterschied zwischen den Seiten

(Unterschied zwischen Seiten)
Aus Securepoint Wiki
KKeine Bearbeitungszusammenfassung
 
KKeine Bearbeitungszusammenfassung
 
Zeile 1: Zeile 1:
{{#switch: {{ lc: {{{2|b}}} }}
/*** Allgemeine Formatierungen ***/
| menü
| m=<span style="
display: inline-block;
width: {{#switch: {{{3|}}} |-|x=23px|{{{w|100px}}} }};
background: #3c3f46;
border: 0px solid #3c3f46;
border-radius:0px;
padding: 2px 4px;
color: {{{c|white}}};
font-size:{{{fs|1em}}};
clear: both"
| kontext
| k=<span style="
display: inline-block;
width: {{#switch: {{{3|}}} |-|x=17px|{{{w|100px}}} }};
background: rgba(0, 0, 0, 0.6);
border: 0px solid #3c3f46;
border-radius:0px;
padding: 2px 4px;
color: {{{c|white}}};
font-size:{{{fs|1em}}};
clear: both"
| e
| eintrag=<span style="
{{#switch: {{{w|}}
| 0
| -
| x=display: nüscht;
| #default=display: inline-block;
width: {{#switch: {{{3|}}} |-|x=17px|{{{w | 100px }}} }};
}}
background: white;
border-top: {{{bdt|1px}}} solid {{{bdc|rgba(0, 0, 0, 0.75)}}};
border-bottom: 1px solid {{{bdc|rgba(0, 0, 0, 0.75)}}};
border-radius:0px;
padding: {{{pv|0px}}} {{{ph|0px}}};
margin-right: {{{mr|0px}}};
color: {{{c|rgba(0, 0, 0, 0.75)}}};
font-weight: bold;
font-size:{{{fs|1em}}};
clear: both"
| ka
| kasten=<span style="
background: {{Farbe | {{{bc|white;}}} }}
border: 1px solid {{Farbe | {{{bdc | rotr}}} }}
border-radius:2px;
padding:2px 2px 2px 2px;
margin-right: {{{mr|0px}}};
color: {{ Farbe | {{{c|rots}}} }}
xfont-weight: bold;
font-size:{{{fs|1em}}};
line-height: {{{lh|1em}}};
clear: both"
| ohne
| o=<span style="
margin-right: {{{mr|0px}}};
{{#switch: {{{w|100px}}
| 0
| -
| x=margin-right: {{{mr|0px}}};
| #default={{#switch: {{{3|}}}
| -
| x=margin-right: {{{mr|3px}}};
| #default=display: inline-block;
width: {{{w | 100px }}};
}}
}}
xbackground: white;
border: 0px solid #3c3f46;
border-radius:0px;
font-weight: {{{fw|}}};
font-size:{{{fs|1em}}};
color: {{Farbe | {{{c|rgba(0, 0, 0, 0.75)}}} }}
clear: both"
| s
| st
| status=<span style="
background: {{Farbe|{{{bc|hgrau}}} }}
border: 1px solid {{{bdc|{{Farbe|hgrau}} }}}
border-radius:2px;
padding: 2px 2px 0px 2px;
font-size:{{{fs|0.8em}}};
color: {{Farbe | {{{ c | grau-l}}} }}
clear: both"
| gr
| g
| grau=<span style="
background: {{ Farbe | {{{bc|grey;}}} }}
border: 1px solid {{{bdc|{{Farbe|hgrau}} }}}
border-radius:{{{bdr|5px}}};
padding: 2px 2px 0px 2px;
color: {{ Farbe | {{{c|white-l}}} }}
font-size:{{{fs|1em}}};
clear: both"
| c
| circle=<span style="
background: {{Farbe | {{{bc|grün}}} }}
border: {{{bd|3px}}} solid {{Farbe | {{{bdc| rgba(255, 255, 255, 0.85); }}} }}
border-radius:{{{bdr|50%}}};
box-sizing: border-box;
padding:{{{pd|10px}}};
margin-right: {{{mr|0px}}};
margin-bottom: {{{mb|0px;}}}
color: {{ Farbe | {{{c|white-l}}} }}
font-weight: bold;
font-size:{{{fs|1em}}};
{{{Parameter}}}
clear: both"
| cb
| circle-big=<span style="
background: {{Farbe | {{{bc|white-l}}} }}
border: {{{bd|1px}}} solid {{Farbe | {{{bdc| grau }}} }}
border-radius:{{{bdr|50%}}};
box-sizing: border-box;
padding:{{{pd|10px}}};
margin-right: {{{mr|0px}}};
margin-bottom: {{{mb|0px;}}}
color: {{ Farbe | {{{c|rot}}} }}
font-weight: bold;
font-size:{{{fs|1em}}};
{{{Parameter}}}
clear: both"
| bg
| buttony
| buttong=<span style="
background: {{ Farbe | {{{bc|gelb }}} }}
border: {{{bd|1px}}} solid {{ Farbe | {{{bdc|gelbbd }}} }}
border-radius:{{{bdr|2px}}};
padding: {{{pd|2px 2px 0px 2px}}};
{{#switch: {{{w|100px}}
| 0
| -
| x=margin-right: {{{mr|0px}}};
| #default={{#switch: {{{3|}}}
| -
| x=margin-right: {{{mr|3px}}};
| #default=display: inline-block;
width: {{{w | 100px }}};
}}
}}
color: {{{c|{{Farbe|white-l}} }}}
font-size:{{{fs|1em}}};
{{{Parameter}}}
clear: both"
| bgr
| buttongr=<span style="
background: {{ Farbe | {{{bc|grün }}} }}
border: {{{bd|1px}}} solid {{ Farbe | {{{bdc|grünbd }}} }}
border-radius:{{{bdr|2px}}};
padding: {{{pd|2px 2px 0px 2px}}};
{{#switch: {{{w|100px}}
| 0
| -
| x=margin-right: {{{mr|0px}}};
| #default={{#switch: {{{3|}}}
| -
| x=margin-right: {{{mr|3px}}};
| #default=display: inline-block;
width: {{{w | 100px }}};
}}
}}
color: {{{c|{{Farbe|white-l}} }}}
font-size:{{{fs|1em}}};
{{{Parameter}}}
clear: both"
| bgrau
| buttongrau
| buttongrey=<span style="
background: {{ Farbe | {{{bc|grau }}} }}
border: {{{bd|1px}}} solid {{ Farbe | {{{bdc|graubd }}} }}
border-radius:{{{bdr|2px}}};
padding: {{{pd|2px 2px 0px 2px}}};
{{#switch: {{{w|100px}}
| 0
| -
| x=margin-right: {{{mr|0px}}};
| #default={{#switch: {{{3|}}}
| -
| x=margin-right: {{{mr|3px}}};
| #default=display: inline-block;
width: {{{w | 100px }}};
text-align: center;
}}
}}
color: {{{c|{{Farbe|dgrau}} }}}
font-size:{{{fs|1em}}};
{{{Parameter}}}
clear: both"


.logo-made {
  width: 150px;
  float: right;
  margin-left: 50px;
  }


.magnify {
  display: none;
  }


| bb
.thumbinner {
| buttonuma
  border: 0px solid white;
| bu=<span style="
  padding: 0px;
background: {{ Farbe | {{{bc|grau }}} }}
  background-color: white;
border: {{{bd|1px}}} solid {{ Farbe | {{{bdc|graubd }}} }}
  font-size: 94%;
border-radius:{{{bdr|0px}}};
  text-align: center;
padding: {{{pd|0.4em 1em}}};
  overflow: hidden;
{{#switch: {{{w|100px}}
  }
| 0
| -
| x=margin-right: {{{mr|0px}}};
| #default={{#switch: {{{3|}}}
| -
| x=margin-right: {{{mr|3px}}};
| #default=display: inline-block;
width: {{{w | 100px }}};
text-align: center;
}}
}}
color: {{{c|{{Farbe|grau-l}} }}}
font-size:{{{fs|1em}}};
{{{Parameter}}}
clear: both"


.thumbimage {
    background-color: #fff;
    border: 0px solid white;
    }


.tright {
  margin: 0px;
  }


| b
 
| button
.tile {
| #default=<span style="
/* Äußerer Kasten */
background: {{ Farbe | {{{bc|rot }}} }}
border: 1px solid rgba(0, 0, 0, 0.05);
border: 1px solid {{ Farbe | {{{bdc|rotr }}} }}
border-radius: 2px;
border-radius:{{{bdr|2px}}};
max-width: 400px;
padding: 2px 2px 0px 2px;
margin: 5px;
{{#switch: {{{w|100px}}
display: inline-flex;
| 0
flex-flow: row wrap;
| -
align-content: space-between;
| x=margin-right: {{{mr|0px}}};
background: #fff;
| #default={{#switch: {{{3|}}}  
}
| x=margin-right: {{{mr|3px}}};
 
| #default=display: inline-block;
.tile:hover .tile-footer {
width: {{{w | 100px }}};
background: #e74c3c;
text-align: center;
}
}}
 
}}
.tile-icon {
color: {{{c|{{Farbe|white-l}} }}}
/* Linke Spalte mit Icon */
font-size:{{{fs|1em}}};
padding: 14px;
{{{Parameter}}}
color: #e74c3c;
clear: both"
display: inline-block;
}}
vertical-align: top;
>{{#switch: {{lc:{{{1|}}} }}
margin: 10px;
| m
}
| mobile
 
| g
.box-top {
| gerät
width: 100%;
| gerät={{var|m|Geräte|Devices}}<i class="fa-fw fal fa-mobile-alt"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:m}}}}} }}
display: inline-flex;
| t
}
| tacho={{var|t|Übersicht|Overview}}<i class="fa-fw fal fa-tachometer-alt"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:t|Übersicht}} }}} }}
 
| schield
.tile-right-col {
| shield
/* word-break: break; */
| profile
text-align: left;
| p={{var|shield|Profile|Profiles}}<i class="fa-fw fal fa-shield-alt"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:shield|Profile}} }}} }}
padding: 5px;
| a
display: inline-block;
| apps={{var|a|Apps|Apps}}<i class="fa-fw fal fa-rocket"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:a|Apps}} }}} }}
}
| an
 
| vpn={{var|vpn|Andere Geräte (VPN)| Other devices (VPN)}}<i class="fa-fw fal fa-laptop"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:vpn|Andere Geräte (VPN)}} }}} }}
.tile-right-header {
| b
color: #e74c3c !important;
| benutzer={{var|b|Benutzer|Users}} <i class="fa-fw fal fa-user"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:b|Benutzer}} }}} }}
font-weight: bold;
| r
}
| gr
 
| gruppe
.tile-footer {
| gruppen
/* Fußzeile  */
| rolle
border-top:1px solid rgba(0, 0, 0, 0.05);
| rollen={{var|r|Rollen|Roles}}<i class="fa-fw fal fa-users"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:r|Rollen}} }}} }}
background: #fff; /* #f5f5f5; */
| c
display: block;
| certificate
padding: 5px;
| z
color: #E74C3C;
| zerifikat
text-align: right;
| zertifikate={{var|c|Zertifikate|Certificate}}<i class="fa-fw fal fa-certificate"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:c|Zertifikate}} }}} }}
width:100%;
| s
}
| stat
 
| statisik
 
| statistiken={{var|s|Statistiken|Statistics}}<i class="fa-fw fal fa-chart-area"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:s|Statistiken}} }}} }}
/*** Formatierungen für Monitore min 1105px (3-Spaltig) ***/
| chart
 
| chart-line={{var|chart|Chart|Chart}}<i class="fal fa-chart-line"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:chart|Chart}} }}} }}
@media (min-width: 1105px) {
| chart-pie
 
| cp
.grid-box {
| torte={{var|cp|Statistiken-Dashboard|}}<i class="fa-fw fal fa-chart-pie"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Statistiken-Dashboard | Stats dashboard }}} }}
  display:grid;
| i
  grid-template-columns: 33% 33% 33%;
| info
  }
| k
 
| konto={{var|i|Konto|Account}}<i class="fa-fw fal fa-info-circle"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:i|Konto}} }}} }}
 
| f
 
| faq
.tile-icon {
| ?={{var|f|FAQ|FAQ}}<i class="fa-fw fal fa-question-circle"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:f|FAQ}} }}} }}
/* Linke Spalte mit Icon */
| p
width: 70px;
| play
/* font-size: 350%; */
| tu
font-size: 130%;
| tutorials={{var|p|Tutorials|Tutorials}}<i class="fa-fw fal fa-play-circle"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:p|Tutorials}} }}} }}
margin: 0 auto;
| l
position: relative;
| log={{var|l|Log|Log}}<i class="fa-fw fal fa-code"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:l|Log}} }}} }}
width: 56.25px;
| e
height: 56.25px;
| external
border: 3.75px solid
| re
hsla(0,0%,100%,.85);
| reseller={{var|e|Reseller|Reseller}}<i class="fa-fw fal fa-external-link-alt"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:e|Reseller}} }}} }}
border-radius: 50%;
| q
color: hsla(0,0%,100%,.9);
| quit
background: #e74c3c;
| au
}
| ausloggen
 
| lo={{var|q|Ausloggen|Sign out}}<i class="fa-fw fal fa-sign-out-alt"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:q|Ausloggen}} }}} }}
.tile:hover .tile-icon {
| in
font-size: 170%;
| anmleden
padding: 11px;
| sign-in={{var|in|Anmelden|Sign in }}<i class="fal fa-sign-in-alt"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:in|Anmelden}} }}} }}
}
| fi
 
| filter={{var|fo|Filter|Filter}}<i class="fal fa-filter"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:fi|Filter}} }}} }}
.tile-right-col {
| suche={{var|suche|Suche|Search}}<i class="fal fa-search"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:suche|Suche}} }}} }}
/* Rechte Spalte  */
| +={{var|plus|Profil hinzufügen|Add profile}}<i class="fa-fw fal fa-plus"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 |{{#var:plus|Profil hinzufügen}} }}} }}
width: calc(100% - 70px);
| v
}
| pv
 
| veröffentlichen={{var|v|Profile veröffentlichen|Publish profiles}}<i class="fa-fw fal fa-paper-plane"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:v|Profile veröffentlichen}} }}} }}
.tile-right-header {
| im
/* Rechte Spalte Header */
| importieren
font-size: 120%;
| u
}
| upload={{var|u|Importieren|Import profiles}}<i class="fal fa-fw fa-upload"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:u|Importieren}} }}} }}
 
| list={{var|list|Listenansicht|List view}}<i class="fal fa-fw fa-th"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:list|Listenansicht}} }}} }}
.tile-list {
| typ
/* Rechte Spalte Liste */
| select-list={{var||typ|Typ|Type}}<i class="fas fa-list"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:typ|Typ}} }}} }}
color:#585858;
| sync={{var|sync|Sync|Refresh}}<i title="Aktualisieren" class="fal fa-fw fa-sync"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:sync|Sync}} }}} }}
font-size: 90%;
| menu={{var|menu|Menü|Menu}}<i class="fal fa-fw fa-bars"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:menu|Menü}} }}} }}
margin-left: 20px;
| edit={{var|edit|Bearbeiten|Edit}}<i class="fa-fw fal fa-edit"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:edit|Bearbeiten}} }}} }}
}
| stift
 
| pencil={{var|pen|Bearbeiten|Edit}}<i class="fal fa-pencil"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:pen|Bearbeiten}} }}} }}
 
| ex
} /* Ende Formatierungen für min 1105px */
| exportieren
 
| d
 
| download={{var|ex|Exportieren|Export}}<i class="fa-fw fal fa-download"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#ver:ex|Exportieren}} }}} }}
 
| w
 
| widerrufen
/*** Formatierungen für max 1104px  ***/
| verboten
 
| ban={{var|w|Widerrufen|Revoke}}<i class="fa-fw fal fa-ban"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:w|Widerrufen}} }}} }}
@media (max-width: 1104px) {
| lö
 
| löschen
/*** Mit Menü 2-Spaltig ***/
| mülleimer
 
| trash={{var|loe|Löschen|Delete}}<i class="fa-fw fal fa-trash"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:loe|Löschen}} }}} }}
.collapsed-menu > * > .grid-box {
| msat
display:grid;
| trash2={{var|msat|Löschen|Delete}}<i class="fas fa-trash"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:msat|Löschen}} }}} }}
grid-template-columns: 33% 33% 33% !important;
| ty
}
| typ
 
| file={{var|ty|Typ|Type}}<i class="fal fa-fw fa-file"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:ty|Typ}} }}} }}
.grid-box {
| io
  display:grid;
| info-outline={{var|io|Info|Info}}<i class="fal fa-fw fa-info"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:io|Info}} }}} }}
  grid-template-columns: 50% 50%;
| save={{var|save|Speichern|Save}}<i class="fa-fw fal fa-save"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:save|Speichern}} }}} }}
  }
| chip
 
| bet
.logo-made {
| os
  width: 50%;
| microchip={{var|os|Betriebssystem|OS}}<i class="fal fa-fw fa-microchip"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:os|Betriebssystem}} }}} }}
  }
| tag
 
| tags={{var|tag|tags}}<i class="fal fa-fw fa-tags"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:tag|Tags}} }}} }}
.tile-icon {
| teile
/* Linke Spalte mit Icon */
| pi
width: 60px;
| te
font-size: 250%;
| piece={{var|pi|Teile|Parts}}<i class="fal fas-fw fa-puzzle-piece"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:pi|Teile}} }}} }}
}
| #s={{var|seri|Seriennummer|Serial number}}<i class="fal fa-fw fa-hashtag"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:seri|Seriennummer}} }}} }}
 
| #i={{var|imei|IMEI|IMEI}}<i class="fal fa-fw fa-hashtag"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:imei|IMEI}} }}} }}
.tile-right-col {
| #={{var|hash|Beschriftung als 3.Argument|Caption as 3.Argument}}<i class="fal fa-fw fa-hashtag"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:hash|Decription as 3.Argument}} }}} }}
/* Rechte Spalte  */
| ei
width: calc(100% - 60px);
| adress-card
}
| eigentümer={{var|ei|Eigentümer|Ownership}}<i class="fal fa-fw fa-address-card"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:ei|Eigentümer}} }}} }}
 
| ph
.tile-right-header {
| te
/* Rechte Spalte Header */
| tel
font-size: 120%;
| phone={{var|ph|Telefon|Phone}}<i class="fal fa-fw fa-phone"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var_ph|Telefon}} }}} }}
}
| sta
 
| cart
.tile-list {
| sc
/* Rechte Spalte Liste */
| shopping-cart={{var|sta|Store-Account|Store-Account}}<i class="fal fa-fw fa-shopping-cart"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:sta|Store-Account}} }}} }}
color:#585858;
| kontakt
font-size: 90%;
| cl
margin-left: 20px;
| clock={{var|cl|Kontakt|Kontact}}<i class="fal fa-fw fa-clock"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:cl|Kontakt}} }}} }}
}
| ein
 
| einl
/*** Ohne Menü 3-Spaltig ***/
| env
 
| envelope={{var|ein|Einladung senden|Send invite}}<i class="fa-fw fal fa-envelope"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:ein|Einladung senden}} }}} }}
 
| auge
 
| eye={{var|eye|Vorlage|Template}}<i class="fa-fw fal fa-eye"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:eye|Vorlage}} }}} }}
.logo-made {
| an
  width: 150px;
| android={{var|an|Android|Android}}<i class="fab fa-android"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:an|Android}} }}} }}
  float: right;
| apple
  margin-left: 50px;
| ios={{var|apple|iOS|iOS}}<i class="fab fa-apple"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#ver:apple|iOS}} }}} }}
  }
| bat
 
| battery
 
| batteriestatus={{var|bat|Batteriestatus|Battery Level}}<i class="fal fa-fw fa-battery-full"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:bat|Batteriestatus}} }}} }}
.tile-icon {
| speicher
/* Linke Spalte mit Icon */
| speicherkapazität
width: 60px;
| hdd={{var|hdd|Speicherkapazität|Storage Capacity}}<i class="fal fa-fw fa-hdd"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:hdd|Speicherkapazität}} }}} }}
font-size: 250%;
| her
}
| hersteller
 
| building={{var|her|Hersteller|Manufacturer}}<i class="fal fa-fw fa-building"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:her|Hersteller}} }}} }}
.tile-right-col {
| agent
/* Rechte Spalte  */
| cb
width: calc(100% - 60px);
| code-branch=<i class="fal fa-fw fa-code-branch"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Agent }}} }}
}
| bl
 
| bt
.tile-right-header {
| bluetooth=<i class="fab fa-fw fa-bluetooth"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Bluetooth-MAC }}} }}
/* Rechte Spalte Header */
| wlan
font-size: 120%;
| wifi=<i class="fal fa-fw fa-wifi"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | WIFI MAC }}} }}
}
| roaming
 
| globus
.tile-list {
| globe=<i class="fal fa-fw fa-globe"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Roaming an }}} }}
/* Rechte Spalte Liste */
| gekauft
color:#585858;  
| geld
font-size: 90%;
| money-bill=<i class="fal fas-fw fa-money-bill"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Gekauft am }}} }}
margin-left: 20px;
| schild
}
| garantie
| shield=<i class="fal fa-fw fa-shield"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Garantie läuft ab am }}} }}
 
| link
} /* Ende Formatierungen max 1104px */
| ext=<i class="fal fa-fw fa-link"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Externer Inventar-Link }}} }}
 
| netz
 
| nb
/*** Formatierungen für Mobil-Geräte (1-Spaltig) ***/
| netzbetreiber
 
| server=<i class="fal fa-fw fa-server"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Netzbetreiber }}} }}
@media (max-width: 575px) {
| werkzeug
 
| wr
.grid-box {
| wrench={{var|wrench|Operationen|Operations}}<i class="fal fa-fw fa-wrench"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:wrench|Operationen}} }}} }}
  display:grid;
| com
  grid-template-columns: 98%;
| comment
  }
| nachricht={{var|com|Nachricht|Message}}<i class="fal fa-comment"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:com|Nachricht}} }}} }}
 
| da
 
| bal
.logo-made {
| balance-scale=<i class="fal fa-balance-scale"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Datenschutz }}} }}
  width: 50%;
| del
  }
| löschen
 
| database={{var|del|Daten löschen|Wipe Data}}<i class="fal fa-database"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:del|Daten löschen}} }}} }}
.tile-icon {
| sp
/* Linke Spalte mit Icon */
| lo
width: 70px;
| lock={{var|lo|Sperren|Lock}}<i class="fal fa-lock"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:lo|Sperren}} }}} }}
font-size: 350%;
| spl
}
| lma
 
| lost={{var|lost|Lost-Modus aktivieren|Enable Lost Mode}}<i class="fal fa-search-plus"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#lost|Lost-Modus aktivieren}} }}} }}
.tile-right-col {
| elö
/* Rechte Spalte  */
| rubber
width: calc( 100% - 70px);
| eraser=<i class="fal fa-eraser"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Enterprise löschen }}} }}
}
| logop
 
| oplog
.tile-right-header {
| file-alt=<i class="fal fa-fw fa-file-alt"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Operationen log }}} }}
/* Rechte Spalte Header */
| tablet
font-size: 120%;
| ta
}
| tablet-alt=<i class="fal fa-tablet-alt"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Tablet }}} }}
 
| "<-"
.tile-list {
| links
/* Rechte Spalte Liste */
| arrow-left=<i class="fal fa-arrow-left"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Pfeil Links }}} }}
color:#585858;
| "->"
font-size: 90%;  
| rechts
margin-left: 20px;
| arrow-right=<i class="fal fa-arrow-right"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Pfeil rechts }}} }}
}
| lok
 
| loc
 
| map-marker-alt=<i class="fal fa-map-marker-alt"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Lokalisieren }}} }}
} /* Ende Formatierungen für Mobil-Geräte bis 575px*/
| rp
| ring
| phone-volume=<i class="fal fa-phone-volume"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Klingelton starten }}} }}
| ch
| check={{var|ch|Zustimmen|agree}}<i class="fal fa-check"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:ch|Zustimmen}} }}} }}
| me
| meldungen
| bell=<i class="fal fa-bell"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Meldungen }}} }}
| bell-s
| belld
| bell-d=<i class="fas fa-bell"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Meldungen }}} }}
| mehr
| more
| ellipsis=<i class="fal fa-ellipsis-h"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Mehr }}} }}
| install
| setting
| cog=<i class="fal fa-cog"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Apps installieren }}} }}
| vpn0
| vpnoff
| lock_open
| locko=<i class="far fa-lock-open-alt"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | VPN aus }}} }}
| vpn1
| lockc
| lock_closed=<i class="far fa-lock-alt"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | VPN an }}} }}
| neustarten
| reboot
| redo=<i class="fal fa-redo"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Neustarten }}} }}
| herunterfahren
| aus
| poweroff=<i class="fal fa-power-off"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Herunterfahren }}} }}
| passcode-del
| del-passcode
| key={{var|key|Kennwort entfernen|Clear password}}<i class="fal fa-key"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | {{#var:key|Kennwort entfernen}} }}} }}
| !!=<i class="far fa-exclamation-triangle"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | ! }}} }}
| anfragen
| sig
| signal=<i class="fal fa-signal"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Anfragen }}} }}
| viren
| virus
| filter-d
| filterd=<i class="fas fa-filter"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Filter }}} }}
| gd
| g-d
| gerätd
| gerät-d
| md
| m-d
| mobiled
| mobile-d=<i class="fas fa-mobile-alt"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Viren gefunden }}} }}
| bug=<i class="fal fa-bug"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Viren gefunden }}} }}
| desktop
| dt
| gav=<i class="fal fa-fw fa-desktop"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Geräte }}} }}
| kommentar
| kom
| comments=<i class="fal fa-comments"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Kommentare }}} }}
| !av
| av!
| !=<i class="fal fa-exclamation"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3|}}} }}
| sq
| share-square
| linksq=<i class="fal fa-fw fa-share-square"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Link }}} }}
| sh
| share
| erneut=<i class="fal fa-share"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Einladung erneut sendenLink }}} }}
| move
| verschieben
| exchange=<i class="fal fa-exchange"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Verschieben }}} }}
| konf
| cloud-upload
| cu=<i class="fal fa-cloud-upload"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Cloud upload }}} }}
| es
| da
| eye-slash=<i class="fal fa-eye-slash"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Deaktivieren }}} }}
| cl
| üb
| clone=<i class="fal fa-clone"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | In Profil übernehmen }}} }}
| aklog
| al
| binoculars=<i class="fal fa-fw fa-binoculars"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Aktionslog }}} }}
| zwischenablage
| clipboard=<i class="fal fa-clipboard"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Zwischenablage }}} }}
| check-square
| cs
| checkbox=<i class="fal  fa-check-square @ "></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Check }}} }}
| objektgruppe=<i class="fal fa-object-group"></i>{{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 |  }}} }}
| Vorlage={{#switch: {{{3|}}} |-=|x=|#default=&nbsp;{{{ 3 | Vorlage }}} }}
| #default={{#if: {{{ 1|}}} |{{{1|}}}|{{{3|}}} }}<!-- {{{3|}}} -->
}}</span><noinclude>
{{Dokumentation}}
</noinclude>

Version vom 12. Dezember 2019, 16:51 Uhr

/*** Allgemeine Formatierungen ***/

.logo-made {
  width: 150px;
  float: right;
  margin-left: 50px;
  }

.magnify {
  display: none;
  }

.thumbinner {
  border: 0px solid white;
  padding: 0px;
  background-color: white;
  font-size: 94%;
  text-align: center;
  overflow: hidden;
  }

.thumbimage {
    background-color: #fff;
    border: 0px solid white;
    }

.tright {
  margin: 0px;
  }


.tile {
	/* Äußerer Kasten */
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	max-width: 400px;
	margin: 5px;
	display: inline-flex;
	flex-flow: row wrap;
	align-content: space-between;
	background: #fff;
}

.tile:hover .tile-footer {
	background: #e74c3c;
}

.tile-icon {
	/* Linke Spalte mit Icon */
	padding: 14px;
	color: #e74c3c;
	display: inline-block;
	vertical-align: top;
	margin: 10px;
}

.box-top {
	width: 100%;
	display: inline-flex;
}

.tile-right-col {
	/* word-break: break; */
	text-align: left;
	padding: 5px;
	display: inline-block;
}

.tile-right-header {
	color: #e74c3c !important;
	font-weight: bold;
}

.tile-footer {
	/* Fußzeile  */
	border-top:1px solid rgba(0, 0, 0, 0.05);
	background: #fff; /* #f5f5f5; */
	display: block;
	padding: 5px;
	color: #E74C3C;
	text-align: right;
	width:100%;
}


/*** Formatierungen für Monitore min 1105px (3-Spaltig) ***/

@media (min-width: 1105px) {

.grid-box {
  display:grid;
  grid-template-columns: 33% 33% 33%;
  }



.tile-icon {
	/* Linke Spalte mit Icon */
	width: 70px;
	/* font-size: 350%; */
	font-size: 130%;
	margin: 0 auto;
	position: relative;
	width: 56.25px;
	height: 56.25px;
	border: 3.75px solid
	hsla(0,0%,100%,.85);
	border-radius: 50%;
	color: hsla(0,0%,100%,.9);
	background: #e74c3c;
}

.tile:hover .tile-icon {
	font-size: 170%;
	padding: 11px;
}

.tile-right-col {
	/* Rechte Spalte  */
	width: calc(100% - 70px);
}

.tile-right-header {
	/* Rechte Spalte Header */
	font-size: 120%;
}

.tile-list {
	/* Rechte Spalte Liste */
	color:#585858; 
	font-size: 90%; 
	margin-left: 20px;
}


} /* Ende Formatierungen für min 1105px */




/*** Formatierungen für max 1104px  ***/

@media (max-width: 1104px) {

/*** Mit Menü 2-Spaltig ***/

.collapsed-menu > * > .grid-box {
	display:grid;
	grid-template-columns: 33% 33% 33% !important;
}

.grid-box {
  display:grid;
  grid-template-columns: 50% 50%;
  }

.logo-made {
  width: 50%;
  }

.tile-icon {
	/* Linke Spalte mit Icon */
	width: 60px;
	font-size: 250%;
}

.tile-right-col {
	/* Rechte Spalte  */
	width: calc(100% - 60px);
}

.tile-right-header {
	/* Rechte Spalte Header */
	font-size: 120%;
}

.tile-list {
	/* Rechte Spalte Liste */
	color:#585858; 
	font-size: 90%; 
	margin-left: 20px;
}

/*** Ohne Menü 3-Spaltig ***/



.logo-made {
  width: 150px;
  float: right;
  margin-left: 50px;
  }


.tile-icon {
	/* Linke Spalte mit Icon */
	width: 60px;
	font-size: 250%;
}

.tile-right-col {
	/* Rechte Spalte  */
	width: calc(100% - 60px);
}

.tile-right-header {
	/* Rechte Spalte Header */
	font-size: 120%;
}

.tile-list {
	/* Rechte Spalte Liste */
	color:#585858; 
	font-size: 90%; 
	margin-left: 20px;
}
 

} /* Ende Formatierungen max 1104px */


/*** Formatierungen für Mobil-Geräte (1-Spaltig) ***/

@media (max-width: 575px) {

.grid-box {
  display:grid;
  grid-template-columns: 98%;
  }


.logo-made {
  width: 50%;
  }

.tile-icon {
	/* Linke Spalte mit Icon */
	width: 70px;
	font-size: 350%;
}

.tile-right-col {
	/* Rechte Spalte  */
	width: calc( 100% - 70px);
}

.tile-right-header {
	/* Rechte Spalte Header */
	font-size: 120%;
}

.tile-list {
	/* Rechte Spalte Liste */
	color:#585858; 
	font-size: 90%; 
	margin-left: 20px;
}


} /* Ende Formatierungen für Mobil-Geräte bis 575px*/
Abgerufen von „https://wiki.securepoint.de/index.php?title=Vorlage:Spc&oldid=64884“