|
|
Zeile 49: |
Zeile 49: |
| <div class="flexelement items_n">{{hover2 | {{spc | im |o|- }} | "im, u, upload, importieren"}} </div> | | <div class="flexelement items_n">{{hover2 | {{spc | im |o|- }} | "im, u, upload, importieren"}} </div> |
| <div class="flexelement items_n">{{hover2 | {{spc | list |o|- }} | "list"}} </div> | | <div class="flexelement items_n">{{hover2 | {{spc | list |o|- }} | "list"}} </div> |
| <div class="flexelement items_n">{{hover2 | {{spc | sync |o|- }} | "list"}} </div> | | <div class="flexelement items_n">{{hover2 | {{spc | sync |o|- }} | "sync, renew"}} </div> |
| <div class="flexelement items_n">{{hover2 | {{spc | menu |o|-}} | "menu"}} </div> | | <div class="flexelement items_n">{{hover2 | {{spc | menu |o|-}} | "menu"}} </div> |
| <div class="flexelement items_n">{{hover2 | {{spc | edit |o|-}} | "edit"}} </div> | | <div class="flexelement items_n">{{hover2 | {{spc | edit |o|-}} | "edit"}} </div> |
Zeile 295: |
Zeile 295: |
| 0px<br> <!-- mr=margin-right --> | | 0px<br> <!-- mr=margin-right --> |
| 0.1em 0.8em <!-- pd=padding --> | | 0.1em 0.8em <!-- pd=padding --> |
| | |- |
| | | {{ spc | rule | rule | Anw=UTM}} ||'''rule<br>regel''' || class="top" | alle Farbnamen als css-Name ohne ''xy__'' davor<br> |
| | '''c='''''Schrift-Farbe'' <small>(Angabe ohne ; )</small><br> |
| | '''bc='''''Hintergrund-Farbe'' <small>background-color</small><br> |
| | '''bdc='''''Rand-Farbe'' <small>border-color</small><br> |
| | '''sp-class=''' <small>Beliebige css-Klasse</small> |
| | | class="top" | <br> |
| | graul<br> <!-- Default c=color --> |
| | blau-select<br> <!-- bc= background-color --> |
| | blau-select<br> <!-- bdc=border-color --> |
| |} | | |} |
|
| |
|
Version vom 22. Juni 2021, 10:23 Uhr
3. Parameter: |
Funktion
|
x |
Icon ohne Standard-Text, w=x
|
- |
Icon ohne Standard-Text, Breite kann angegeben werden mit w=
|
Optionale Parameter |
Funktion
|
class=fas |
solid (=bold)
|
class=far |
regular
|
class=fal |
light
|
class=fax fa-icon-class |
beliebige fontawesome-Klasse erfordert: als 1. Parameter: fa
|
sp-class= |
Klasse für den gesamten spc-Span z.B: {{spc|Anzeigetext|o|-|sp-class=bc__gelb}}→Anzeigetext
|
{{ spc | 1. Parameter: Icon-Kürzel |2. Parameter: Verwendung(s.o.) | 3.Parameter: Alternativer Anzeige-Text oder nur Icon: x bzw. - = ohne Text. | Optionale Parameter}}
Anzeige |
Verwendung |
Optionale Parameter |
default
|
|
m oder Menü |
c=Schrift-Farbe (Angabe ohne ;) bdc=Rand-Farbe w=100px Breite (width) fs=Font-Size |
white border: 0; → (border: 1px solid color;) 100px (falls nur ein Icon angezeigt wird: 17px) 1em
|
|
k oder Kontext |
c=Schrift-Farbe (Angabe ohne ;) w=100px Breite (width) fs=Font-Size |
white 100px (falls nur ein Icon angezeigt wird: 17px) 1em
|
Eintrag Liste |
e oder Eintrag |
c=Schrift-Farbe (Angabe ohne ;) bdc=Linien-Farbe w=100px Breite (width) w=0 => dynamisch mr=10px Abstand margin right pv=0px padding vertical (top+bottom) ph=0px padding horizontal (left+right) fs=Font-Size |
rgba(0, 0, 0, 0.75) rgba(0, 0, 0, 0.75) 100px (falls nur ein Icon angezeigt wird: 17px) 0px 0px 0px 1em
|
|
ka oder Kasten |
c=Schrift-Farbe (Angabe ohne ;) bdc=Rand-Farbe (Angabe ohne ;) bc=Backgound-Color fs=Font-Size |
Farbe rots Farbe: rotr white 1em
|
Ohne Kasten |
o oder ohne |
c=Schrift-Farbe (Angabe ohne ;) w=100px Breite (width) w=0 => dynamisch fs=Font-Size |
rgba(0, 0, 0, 0.75) 100px (falls nur ein Icon angezeigt wird: 17px) 1em
|
Status |
s, st oder Status |
c=Schrift-Farbe (Angabe ohne ;) bc=Hintergrund-Farbe background-color fs=Font-Size |
{{Farbe|grau-l}} {{Farbe|hgrau}} 1em
|
Graue Schaltfläche |
gr , grau |
c=Schrift-Farbe (Angabe ohne ;) bc=Hintergrund-Farbe background-color bdc=Rand-Farbe border-color bdr=Border-Radius fs=Font-Size |
white-l grey {{Farbe|hgrau}} 5px 1em
|
Default |
b , Button oder default ohne Parameter |
c=Schrift-Farbe (Angabe ohne ;) bc=Hintergrund-Farbe background-color bdc=Rand-Farbe border-color bdr=Border-Radius fs=Font-Size w=width |
white-l rot rotr 2px 1em nicht mit »x« als 3. Parameter !
|
|
c, circle |
c=Schrift-Farbe (Angabe ohne ;)
bc=Hintergrund-Farbe background-color
bdc=Rand-Farbe border-color
bd= border
bdr=Border-Radius
fs=Font-Size
mr= margin-right
pd= padding→Größe des Kreises
Parameter= Beliebiger weiterer Parameter
|
white-l
grün
#e0f7ea;
3px
99px
1em
0px
10px
|
|
cb, circle-big |
c=Schrift-Farbe (Angabe ohne ;)
bc=Hintergrund-Farbe background-color
bdc=Rand-Farbe border-color
bd= border
bdr=Border-Radius
fs=Font-Size
mr= margin-right
pd= padding→Größe des Kreises
Parameter= Beliebiger weiterer Parameter
|
rot
white-l
grau
1px
99px
1em
0px
10px
|
buttong |
buttong buttony bg |
c=Schrift-Farbe (Angabe ohne ;)
bc=Hintergrund-Farbe background-color
bdc=Rand-Farbe border-color
bd= border
bdr=Border-Radius
fs=Font-Size
mr= margin-right
pd= padding→Größe des Kreises
Parameter= Beliebiger weiterer Parameter
|
white-l
gelb
gelbbd
1px
2px
1em
0px
2px 2px 0px 2px
|
buttongr |
buttongr bgr |
c=Schrift-Farbe (Angabe ohne ;)
bc=Hintergrund-Farbe background-color
bdc=Rand-Farbe border-color
bd= border
bdr=Border-Radius
fs=Font-Size
mr= margin-right
pd= padding→Größe des Kreises
Parameter= Beliebiger weiterer Parameter
|
white-l
grün
grünbd
1px
2px
1em
0px
2px 2px 0px 2px
|
buttongrey |
buttongrey buttongrau bgrau |
c=Schrift-Farbe (Angabe ohne ;)
bc=Hintergrund-Farbe background-color
bdc=Rand-Farbe border-color
bd= border
bdr=Border-Radius
fs=Font-Size
mr= margin-right
pd= padding→Größe des Kreises
Parameter= Beliebiger weiterer Parameter
|
white-l
grau
graubd
1px
2px
1em
0px
2px 2px 0px 2px
|
buttonuma |
buttonuma bu bb |
c=Schrift-Farbe (Angabe ohne ;)
bc=Hintergrund-Farbe background-color
bdc=Rand-Farbe border-color
bd= border
bdr=Border-Radius
fs=Font-Size
mr= margin-right
pd= padding→Größe des Kreises
Parameter= Beliebiger weiterer Parameter
|
white-l
grau
graubd
0.7px
2px
1em
0px
0.1em 0.8em
|
rule |
rule regel |
alle Farbnamen als css-Name ohne xy__ davor
c=Schrift-Farbe (Angabe ohne ; )
bc=Hintergrund-Farbe background-color
bdc=Rand-Farbe border-color
sp-class= Beliebige css-Klasse
|
graul
blau-select
blau-select
|
-
Icon |
Standardtext |
1. Parameter |
Class in Awesomefont
|
|
Geräte |
m |
fal fa-mobile-alt
|
mobile
|
g
|
gerät
|
|
Geräte |
md |
fas fa-mobile-alt
|
m-d
|
mobiled
|
mobile-d
|
gd
|
g-d
|
|
Übersicht |
t |
fal fa-tachometer-alt
|
tacho
|
|
Profile |
schield |
fal fa-shield-alt
|
profile
|
p
|
|
Apps |
a |
fal fa-rocket
|
apps
|
|
Andere Geräte (VPN) |
vpn |
fal fa-laptop
|
|
Benutzer |
b |
fal fa-user
|
benutzer
|
|
Rollen |
r |
fal fa-users
|
gr
|
gruppe
|
gruppen
|
rolle
|
rollen
|
|
Zertifikate |
c |
fal fa-certificate
|
certificate
|
z
|
zerifikat
|
zerifikate
|
|
Statistiken |
s |
fal fa-chart-area
|
stat
|
statisik
|
statistiken
|
|
Chart |
chart |
fal fa-chart-line
|
chart-line
|
|
Statistiken-Dashboard |
cp |
fal fa-chart-pie
|
chart-pie
|
torte
|
|
Konto |
i |
fal fa-info-circle
|
info
|
k
|
konto
|
|
FAQ |
f |
fal fa-question-circle
|
?
|
faq
|
|
Tutorials |
p |
fal fa-play-circle
|
play
|
tu
|
tutorials
|
|
Log |
l |
fal fa-code
|
log
|
|
Reseller |
e |
fal fa-external-link-alt
|
external
|
re
|
reseller
|
|
Ausloggen |
q |
fal fa-sign-out-alt
|
quit
|
au
|
lo
|
|
Anmelden |
in |
fal fa-sign-in-alt
|
anmelden
|
sign-in
|
|
Filter |
fi |
fal fa-filter
|
filter
|
|
Filter |
filterd |
fas fa-filter
|
filter-d
|
|
Suche |
suche |
fal fa-search
|
|
Profil hinzufügen |
+ |
fal fa-plus
|
|
Profile veröffentlichen |
v |
fal fa-paper-plane
|
pv
|
veröffentlichen
|
|
Importieren |
im |
fal fa-upload
|
u
|
upload
|
importieren
|
|
Listenansicht |
list |
fal fa-th
|
|
Sync |
sync |
fal fa-sync
|
|
Menü |
menu |
fal fa-bars
|
|
Bearbeiten |
edit |
fal fa-edit
|
|
Bearbeiten |
pencil |
fal fa-pencil
|
stift
|
|
Exportieren |
ex |
fal fa-download
|
exportieren
|
d
|
download
|
|
Download |
dl-uma |
glyphicons glyphicons-size-14 glyphicons-download-alt
|
download-uma
|
|
Widerrufen |
w |
fal fa-ban
|
widerrufen
|
verboten
|
ban
|
|
Löschen |
lö |
fal fa-trash
|
löschen
|
mülleimer
|
trash
|
|
Löschen |
trash2 |
fas fa-trash
|
msat
|
|
Typ |
ty |
fal fa-file
|
typ
|
file
|
|
Info |
io |
fal fa-info
|
info-outline
|
|
Speichern |
save |
fal fa-save
|
|
Betriebssystem |
chip |
fal fa-microchip
|
bet
|
os
|
microchip
|
|
Tags |
tag |
fal fa-tags
|
tags
|
|
Teile |
teile |
fal fas-fw fa-puzzle-piece
|
te
|
pi
|
piece
|
|
Seriennummer |
#s |
fal fa-hashtag
|
#i
|
#
|
|
Eigentümer |
ei |
fal fa-address-card
|
adress-card
|
eigentümer
|
|
Telefon |
ph |
fal fa-phone
|
te
|
tel
|
phone
|
|
Store-Account |
sta |
fal fa-shopping-cart
|
cart
|
sc
|
shopping-cart
|
|
Kontakt |
kontakt |
fal fa-clock
|
cl
|
clock
|
|
Einladung senden |
ein |
fal fa-envelope
|
einl
|
env
|
envelope
|
|
Vorlage |
auge |
fal fa-eye
|
eye
|
|
Android |
android |
fab fa-android
|
an
|
|
iOS |
ios |
fab fa-apple
|
apple
|
|
Batteriestatus |
bat |
fal fa-battery-full
|
batteriestatus
|
battery
|
|
Speicherkapazität |
speicher |
fal fa-hdd
|
speicherkapazität
|
hdd
|
|
Hersteller |
her |
fal fa-building
|
hersteller
|
building
|
|
Agent |
agent |
fal fa-building
|
cb
|
code-branch
|
|
Bluetooth-MAC |
bl |
fab fa-bluetooth
|
bt
|
bluetooth
|
|
WIFI MAC |
wlan |
fal fa-wifi
|
wifi
|
|
Roaming an |
roaming |
fal fa-globe
|
globus
|
globe
|
|
Gekauft am |
gekauft |
fal fas-fw fa-money-bill
|
geld
|
money-bill
|
|
Garantie läuft ab am |
schild |
fal fa-shield
|
garantie
|
shield
|
|
Externer Inventar-Link |
link |
fal fa-link
|
ext
|
|
Netzbetreiber |
netz |
fal fa-server
|
nb
|
netzbetreiber
|
server
|
|
Operationen |
wr |
fal fa-wrench
|
werkzeug
|
wrench
|
|
Nachricht |
com |
fal fa-comment
|
comment
|
nachricht
|
|
Datenschutz |
da |
fal fa-balance-scale
|
bal
|
balance-scale
|
|
Daten löschen |
del |
fal fa-database
|
löschen
|
database
|
|
Sperren |
sp |
fal fa-lock
|
lo
|
lock
|
|
VPN aus |
vpn0 |
far fa-lock-open-alt
|
locko
|
lock_open
|
|
VPN an |
vpn1 |
far fa-lock-alt
|
lockc
|
lock_closed
|
|
Lost-Modus aktivieren |
sp |
fal fa-search-plus
|
lma
|
lost
|
|
Enterprise löschen |
elö |
fal fa-eraser
|
rubber
|
eraser
|
|
Operationen log |
logop |
fal fa-file-alt
|
oplog
|
file-alt
|
|
Pfeil Links |
<- |
fal fa-arrow-left
|
links
|
arrow-left
|
|
Pfeil rechts |
-> |
fal fa-arrow-right
|
rechts
|
arrow-right
|
|
Tablet |
ta |
fal fa-tablet-alt
|
tablet
|
tablet-alt
|
|
Lokalisieren |
lok |
fal fa-map-marker-alt
|
loc
|
map-marker-alt
|
|
Klingelton starten |
rp |
fal fa-phone-volume
|
ring
|
phone-volume
|
|
Zustimmen |
ch |
fal fa-check
|
check
|
|
Meldungen |
meldungen |
fal fa-bell
|
me
|
bell
|
|
Warnungen |
bell-s |
fas fa-bell
|
belld
|
bell-d
|
|
mehr |
mehr |
fal fa-ellipsis-h
|
more
|
ellipsis
|
|
Apps installieren |
install |
fal fa-cog
|
setting
|
cog
|
|
Neustarten |
neustarten |
fal fa-redo
|
reboot
|
redo
|
|
Herunterfahren |
herunterfahren |
fal fa-power-off
|
aus
|
poweroff
|
|
Kennwort entfernen |
key |
fal fa-key
|
passcode-del
|
del-passcode
|
|
! |
! |
far fa-exclamation-triangle
|
|
Anfragen |
signal |
fal fa-signal
|
sig
|
anfragen
|
|
Viren gefunden |
bug |
fal fa-bug
|
viren
|
virus
|
|
Typ |
typ |
fas fa-list
|
select-list
|
|
Geräte |
dt |
fal fa-desktop
|
gav
|
dt
|
|
Kommentare |
comments |
fal fa-comments
|
kom
|
kommentar
|
|
Ausrufezeichen |
!!l |
fal fa-exclamation
|
!av
|
av!
|
|
Link |
link |
fal fa-share-square
|
share-square
|
sq
|
|
Einladung erneut senden |
share |
fal fa-share
|
erneut
|
sh
|
|
Verschieben |
exchange |
fal fa-exchange
|
move
|
verschieben
|
|
Konfiguration übertragen |
cloud-upload |
fal fa-cloud-upload
|
cu
|
konf
|
|
|
cloud-download |
fal fa-cloud-download
|
cd
|
|
Deaktivieren |
eye-slash |
fal fa-eye-slash
|
da
|
es
|
|
Übernehmen |
clone |
fal fa-clone
|
üb
|
cl
|
|
|
clopy |
fal fa-copy
|
|
Aktionslog |
binocular |
fal fa-binoculars
|
al
|
aklog
|
|
Zwischenablage |
clipboard |
fal fa-clipboard
|
zwischenablage
|
|
CheckBox |
checkbox |
fal fa-check-square
|
check-square
|
cs
|
|
|
cs2 |
fas fa-check-square
|
checkbox2
|
|
|
box |
far fa-square @
|
square
|
|
|
boxl |
fal fa-square @
|
squarel
|
|
Object-Group |
objektgruppe |
fal fa-object-group
|
|
Google Play |
google-play |
fab fa-google-play
|
gp
|
gpst
|
|
Support -Benutzer |
headset |
fas fa-headset
|
hs
|
h
|
|
Paintbrush |
paint |
fal fa-paint-brush
|
pb
|
|
minimieren |
-- |
fal fa-minus
|
min
|
|
maximieren |
max |
fal fa-window-maximize
|
|
Dropdown-Pfeil |
dr |
fal fa-angle-left
|
|
- |
:-)+ |
fal fa-smile-plus
|
smileplus
|
|
Paste |
paste |
fal fa-paste
|
|
Hauptbenutzer |
crown |
fal fa-crown
|
|
Anmelden |
signin |
fa fa-sign-in
|
login
|
|
|
recycle |
fas fa-recycle
|
|
|
cogs |
fal fa-cogs
|
configs
|
settings
|
|
|
diagram |
fal fa-project-diagram
|
|
UTM |
utm |
spicon-utm
|
|
Securepoint |
spicon-avatar |
spicon-avatar
|
sp
|
avatar
|
|
UMA |
spicon-uma |
spicon-uma
|
uma
|
|
Akademie |
akademie |
spicon-schulung
|
schulung
|
spicon-schulung
|
|
Lizenz |
spicon-lizenz |
spicon-lizenz
|
lizenz
|
|
interface |
interface |
interface
|
|
internet |
internet |
internet
|
world
|
|
vpn-network |
vpn-network |
vpn-network
|
|
udp |
udp |
udp
|
|
icmp |
icmp |
icmp
|
|
other |
other |
other
|
|
tcp |
tcp |
tcp
|
|
service-group |
service-group |
service-group
|
dienste
|
|
net |
net |
net
|
|
ipsetgroup |
ipsetgroup |
ipsetgroup
|
ipgroup
|
ugrp
|
|
cogwheels |
cog2 |
glyphicons glyphicons-size-22 glyphicons-cogwheels
|
settings-uma
|