|
|
|
@ -2,7 +2,7 @@ |
|
|
|
|
|
|
|
body{ |
|
|
|
margin:2em auto; |
|
|
|
min-width: 1080px; |
|
|
|
min-width: 1080px; |
|
|
|
max-width: 950px; |
|
|
|
font-family: 'Basker'; |
|
|
|
font-size: 14pt; |
|
|
|
@ -10,7 +10,7 @@ body{ |
|
|
|
letter-spacing: 0.25pt; |
|
|
|
color: rgba(40,40,40,1); |
|
|
|
/*background-color: #d0bba0;*/ |
|
|
|
background-color: #ecddcb; |
|
|
|
background-color: #ecddcb; |
|
|
|
} |
|
|
|
h1, h2, h3, h4, h5, h6{ |
|
|
|
font-family: 'Belgika-reg'; |
|
|
|
@ -22,13 +22,13 @@ header#banner{ |
|
|
|
} |
|
|
|
header#banner h1{ |
|
|
|
font-family: 'Syne'; |
|
|
|
font-size: 110px; |
|
|
|
font-size: 7.5vw; |
|
|
|
line-height:1.25; |
|
|
|
margin: 1em 0; |
|
|
|
margin: 0.7em 0; |
|
|
|
} |
|
|
|
header#banner h1 a{ |
|
|
|
text-decoration: none; |
|
|
|
color: darkgoldenrod !important; |
|
|
|
color: darkgoldenrod !important; |
|
|
|
} |
|
|
|
nav#menu{ |
|
|
|
width: calc(100% + 20em); |
|
|
|
@ -36,31 +36,31 @@ nav#menu{ |
|
|
|
margin:0 0 0 -11em; |
|
|
|
} |
|
|
|
nav#menu li{ |
|
|
|
width: 145px; |
|
|
|
height:10em; |
|
|
|
width: 10vw; |
|
|
|
height:10vw; |
|
|
|
margin:1em 0; |
|
|
|
padding:1em; |
|
|
|
font-size: 75%; |
|
|
|
line-height: 1.4; |
|
|
|
color: rgba(40,40,40,1); |
|
|
|
border:1px solid; |
|
|
|
border:1px solid; |
|
|
|
border-radius: 1em; |
|
|
|
list-style: none; |
|
|
|
display: inline-block; |
|
|
|
vertical-align: middle; |
|
|
|
} |
|
|
|
nav#menu li.active{ |
|
|
|
background-color: #95d1e6; |
|
|
|
background-color: #95d1e6; |
|
|
|
} |
|
|
|
nav#menu li.pagelink{ |
|
|
|
height: 1.5em; |
|
|
|
height: 2.5em; |
|
|
|
} |
|
|
|
nav#menu a{ |
|
|
|
text-decoration: none; |
|
|
|
} |
|
|
|
|
|
|
|
section#content{ |
|
|
|
margin: 4em 0; |
|
|
|
margin: 4em; |
|
|
|
} |
|
|
|
article{ |
|
|
|
margin: 3em 0 2em 0; |
|
|
|
@ -68,7 +68,7 @@ article{ |
|
|
|
border-top: 1px solid; |
|
|
|
} |
|
|
|
article:first-child{ |
|
|
|
background-color: #95d1e6; |
|
|
|
background-color: #95d1e6; |
|
|
|
padding-bottom: 3em; |
|
|
|
margin-bottom: -3em; |
|
|
|
} |
|
|
|
@ -125,13 +125,13 @@ ul.navprevnext{ |
|
|
|
width: calc(50% - 17em); |
|
|
|
height: 150px; |
|
|
|
top:0; |
|
|
|
background-color: #95d1e6; |
|
|
|
border-radius: 1em; |
|
|
|
background-color: #95d1e6; |
|
|
|
border-radius: 1em; |
|
|
|
padding:1em 3em; |
|
|
|
font-size: 11pt; |
|
|
|
line-height: 1.4; |
|
|
|
list-style: none; |
|
|
|
border:1px solid black; |
|
|
|
border:1px solid black; |
|
|
|
} |
|
|
|
ul.navprevnext a{ |
|
|
|
text-decoration: none; |
|
|
|
@ -182,9 +182,9 @@ footer{ |
|
|
|
} |
|
|
|
|
|
|
|
/* general elements */ |
|
|
|
a, |
|
|
|
a:visited, |
|
|
|
a:hover, |
|
|
|
a, |
|
|
|
a:visited, |
|
|
|
a:hover, |
|
|
|
a:active{ |
|
|
|
color: rgba(40,40,40,1); |
|
|
|
} |
|
|
|
@ -213,7 +213,7 @@ blockquote{ |
|
|
|
font-size: 125%; |
|
|
|
line-height: 1.9; |
|
|
|
} |
|
|
|
pre, |
|
|
|
pre, |
|
|
|
code{ |
|
|
|
color: #c600c6; |
|
|
|
} |
|
|
|
@ -221,4 +221,39 @@ code{ |
|
|
|
.lastupdate{ |
|
|
|
font-size: smaller; |
|
|
|
margin:4em 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
p { |
|
|
|
word-break: break-word; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* Layout phone */ |
|
|
|
@media (max-width:770px) { |
|
|
|
nav#menu li { |
|
|
|
width: 50vw; |
|
|
|
height: 24vw; |
|
|
|
font-size: 2em; |
|
|
|
margin: 1em 0.1em; |
|
|
|
} |
|
|
|
|
|
|
|
header#banner h1 { |
|
|
|
font-size: 10vw; |
|
|
|
} |
|
|
|
|
|
|
|
body{ |
|
|
|
margin-left: 9.4vw; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
/* Layout tablet */ |
|
|
|
@media (max-width:1024px) { |
|
|
|
body { |
|
|
|
margin-left: 13vw; |
|
|
|
} |
|
|
|
|
|
|
|
nav#menu li { |
|
|
|
height: 14vw; |
|
|
|
} |
|
|
|
} |
|
|
|
|
