[ /beap/css/fonts_icons.html ]

/beap/css/

border-radius

The assymetrical rounded corners is the unique visual design element
throughout all server components.


border-radius:0.5em 0.25em 0.1em 0.1em; border-radius:0.5em 0.25em 0 0; border-radius:0.5em 0.2em 0 0;
border-radius:0.66em 0.33em 0.1em 0.1em; border-radius:0.66em 0.33em 0 0; border-radius:0.66em 0.3em 0 0;
border-radius:1em 0.5em 0.2em 0.2em; border-radius:1em 0.5em 0 0;



fonts

/beap/css/fonts/fontStyles.css


font-family: OpenSans

sans-serif - weights: 200, 400, 700, 800, 900

OpenSans Light
OpenSans LightItalic
OpenSans Regular
OpenSans Italic
OpenSans Semibold
OpenSans SemiboldItalic
OpenSans Bold
OpenSans BoldItalic
OpenSans ExtraBold
OpenSans ExtraBoldItalic

font-family: Fantasque

monospace - weights: 400, 700

Fantasque Regular
Fantasque Italic
Fantasque Bold
Fantasque BoldItalic

font-family: Garamond

serif - weights: 400 - size-adjust: 110%

Garamond Regular
Garamond Italic

font-family: GaramondSC

serif - weights: 400 - size-adjust: 110%

GaramondSC SmallCaps

font-family: BeapIconic

icon-font - weight: 400

Notes :

W Glyphs have no padding ! - multiple Glyphs may "stick" together ( mp )
i The space Glyph is thin by purpose - about 0.1em wide ... ( m p )
E bold and italic works for most Glyphs...
f serverStyles.css - use <span class="BeapIconic">...</span>

Examples :
: Collapsed [:]
; Expanded [;]
U User/Session [U]
y Confirm [y]
x Cancel [x]
R Reload [R]
I Inspect/Search [I]
S Settings [S]
j Passed [j]
k Failed [k]
Specials & Ligatures :
I+ Zoom In [I+], [Í &Iacute;], [&#x00cc;]
I- Zoom Out [I-], [Ì &Igrave;], [&#x00cd;]
Ix Search failed [Ix], [Î &Icirc;], [&#x00ce;]
Iy Search done [Iy], [Ï &Iuml;], [&#x00cf;]
ff Multiple Files [ff], [&#xfb00;]
f+ Add/Expand File [f+], [fi], [&#xfb01;]
f- Hide/Collapse File [f-], [fl], [&#xfb02;]
fx Close/Delete File [fx], [ft], [&#xfb05;]
fy Checked/Saved File [fy], [&#xfb07;]
í    small plus sign [í &iacute;] , [&#x00ec;]
ì    small minus sign [ì &igrave;] , [&#x00ed;]
î    small cross sign [î &icirc;] , [&#x00ee;]
ï    small check sign [ï &iuml;] , [&#x00ef;]
U+ Administrator [U+] , [Ü &Uuml;] , [&#x00dc;]
0 Spinner [0,1-8] + <script>
<SpinnerScript>
T

		

Open Sans from:
ascenderfonts.com, licensed under
Apache License v2.00

Fantasque Sans Mono from:
belluzj (Jany Belluz), licensed under
SIL Open Font License v1.10

EB Garamond from:
Georg Duffner, licensed under
SIL Open Font License v1.10

BeapIconic from:
Siggi Gross, freely available under
Creative Commons Attribution-ShareAlike 4.0 License
BeapIconic.otf Download


icons

format: svg - size: 128x128

/beap/css/imgs/

/beap/css/imgs/actions/

/beap/css/imgs/fileOp/

/beap/css/imgs/files/

/beap/css/imgs/notifications/

/beap/css/imgs/buttons/

/beap/css/imgs/options/

/beap/css/imgs/sessions/

/beap/css/imgs/views/


The basic Idea for some Icons was adapted from:
p.yusukekamiyamane.com, licensed under
Creative Commons Attribution 3.0 License

The JS Logo for the "file_nodejs" icon is a
trademark of : Node.js®, OpenJS Foundation

The Windows & Office Logos for the windows-specific icons
"file_win_exe", "file_win_xls", "file_win_doc" & "file_win_ppt" are a
trademark of : Microsoft Windows®, Microsoft 365®


modalView - icons

/beap/css/imgs/modalView/

size: 48px
format: png

- insert as: <div class="icon [name]"> </div>
- image & background-color will be set

info, quest


warn, error, success


login, pwd


progress


blank


copyright

© Siggi Gross - June 2024 - mail@siggi-gross.de

Unless stated otherwise, all Icons and Graphics
included in this particular page - as well as the
BeapIconic font - are available under :
Creative Commons Attribution-ShareAlike 4.0 License

You are free to use, share and adapt them,
inside and outside of this server software,
as whole icon set or individual images,
by agreeing to the CC BY-SA 4.0 license.

There is no need to credit each individual Image or Icon.

Attribution: appropiate crediting of the entire icon set once
- by naming of the license (in short or long notation)
- and linking to : this particular page, to https://beap-code.de or to
https://siggi-gross.de - are considered as equivalent and sufficient.


BeapIcons.zip Download
BeapIconic.otf Download

[ Legal Notice | Impressum & Datenschutz ]

Loading Application ...