adding the Belgika font

This commit is contained in:
manetta 2020-10-02 22:27:06 +02:00
parent b4d4ca266b
commit 1dae92b9f2
6 changed files with 36 additions and 40 deletions

View File

@ -1,26 +1,16 @@
/* TeX Gyre Schola */ /* Belgika (OSP) */
@font-face{ @font-face{
font-family: 'TeXGyreSchola'; font-family: 'Belgika';
src: url('../fonts/texgyreschola-regular.otf') format('opentype'); src:
font-style: normal; url('../fonts/Belgika-5th.otf') format('opentype');
font-weight: normal;
}
@font-face{
font-family: 'TeXGyreSchola';
src: url('../fonts/texgyreschola-italic.otf') format('opentype');
font-style: italic;
font-weight: normal;
}
@font-face{
font-family: 'TeXGyreSchola';
src: url('../fonts/texgyreschola-bold.otf') format('opentype');
font-style: normal; font-style: normal;
font-weight: bold; font-weight: bold;
} }
@font-face{ @font-face{
font-family: 'TeXGyreSchola'; font-family: 'Belgika-reg';
src: url('../fonts/texgyreschola-bolditalic.otf') format('opentype'); src:
font-style: italic; url('../fonts/Belgika-8th.otf') format('opentype');
font-style: normal;
font-weight: bold; font-weight: bold;
} }

View File

@ -2,41 +2,45 @@
body{ body{
margin:2em auto; margin:2em auto;
max-width: 1120px; max-width: 950px;
font-family: 'Basker'; font-family: 'Basker';
font-size: 16pt; font-size: 14pt;
line-height: 1.6; line-height: 1.7;
letter-spacing: 0.25pt; letter-spacing: 0.25pt;
color: rgba(40,40,40,1); color: rgba(40,40,40,1);
} }
h1, h2, h3, h4, h5, h6{
font-family: 'Belgika-reg';
margin-top:1.5em;
}
header#banner{ header#banner{
width: 100%; width: 100%;
text-align: center; font-size: 175%;
font-family: 'Polsku';
font-size: 24pt;
line-height:1.25; line-height:1.25;
text-align: center;
} }
header#banner h1{ header#banner h1{
margin: 2em 0; font-family: 'Belgika';
margin: 1em 0;
} }
header#banner h1 a{ header#banner h1 a{
text-decoration: none; text-decoration: none;
} }
nav#menu{ nav#menu{
width: calc(100% + 18em); width: calc(100% + 20em);
text-align: center; text-align: center;
margin:0 0 0 -10em; margin:0 0 0 -11em;
} }
nav#menu li{ nav#menu li{
width: 200px; width: 175px;
height:8em; height:8em;
margin:1em 0; margin:1em 0;
padding:1em; padding:1em;
font-size: 13pt; font-size: 75%;
line-height: 1.4; line-height: 1.4;
/*background-color: rgba(40,40,40,1);*/ /*background-color: rgba(40,40,40,1);*/
color: rgba(40,40,40,1); color: rgba(40,40,40,1);
border:1px solid; border:2px solid;
border-radius: 1em; border-radius: 1em;
list-style: none; list-style: none;
display: inline-block; display: inline-block;
@ -63,7 +67,6 @@ article{
} }
article:first-child{ article:first-child{
background-color: yellow; background-color: yellow;
/*color: white;*/
padding-bottom: 3em; padding-bottom: 3em;
margin-bottom: -3em; margin-bottom: -3em;
} }
@ -100,23 +103,25 @@ h1.category{
} }
ul.navprevnext{ ul.navprevnext{
position: relative;
display: inline-block;
width: calc(100% - 4em); width: calc(100% - 4em);
margin:3em 0; margin:3em 0 0;
} }
ul.navprevnext li.prev, ul.navprevnext li.prev,
ul.navprevnext li.next, ul.navprevnext li.next,
ul.navprevnext li.done, ul.navprevnext li.done,
ul.navprevnext li.none{ ul.navprevnext li.none{
position: relative;
width: calc(50% - 9em); width: calc(50% - 9em);
height: 150px; height: 150px;
top:0;
background-color: yellow; background-color: yellow;
border-radius: 1em; border-radius: 1em;
padding:1em 3em; padding:1em 3em;
font-size: 13pt; font-size: 13pt;
line-height: 1.4; line-height: 1.4;
/*color:white;*/ list-style: none;
display: inline-block;
vertical-align: top;
} }
ul.navprevnext a{ ul.navprevnext a{
text-decoration: none; text-decoration: none;
@ -137,13 +142,13 @@ ul.navprevnext{
} }
ul.navprevnext li.none, ul.navprevnext li.none,
ul.navprevnext li.prev{ ul.navprevnext li.prev{
margin-right: 5em; float: left;
margin-left: -9em; left:-9.5em;
} }
ul.navprevnext li.next, ul.navprevnext li.next,
ul.navprevnext li.done{ ul.navprevnext li.done{
margin-left: 19em; float: right;
margin-right: -10em; right: -9.5em;
text-align: right; text-align: right;
} }
/* you finished this section */ /* you finished this section */
@ -162,6 +167,7 @@ ul.navprevnext{
footer{ footer{
font-style: normal; font-style: normal;
font-size: smaller; font-size: smaller;
clear: both;
} }
/* general elements */ /* general elements */
@ -191,7 +197,7 @@ video{
blockquote{ blockquote{
font-style: italic; font-style: italic;
font-size: 125%; font-size: 125%;
line-height: 1.7; line-height: 1.9;
} }
.lastupdate{ .lastupdate{

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.