|
|
@ -4,6 +4,12 @@ |
|
|
|
font-weight: normal; |
|
|
|
font-style: normal; |
|
|
|
} |
|
|
|
@font-face{ |
|
|
|
font-family: "serif"; |
|
|
|
src:url('fonts/liberation-serif/LiberationSerif-Italic.ttf'); |
|
|
|
font-weight: normal; |
|
|
|
font-style: italic; |
|
|
|
} |
|
|
|
@font-face{ |
|
|
|
font-family: "serif"; |
|
|
|
src:url('fonts/liberation-serif/LiberationSerif-Bold.ttf'); |
|
|
@ -16,23 +22,24 @@ |
|
|
|
font-weight: bold; |
|
|
|
font-style: italic; |
|
|
|
} |
|
|
|
|
|
|
|
@font-face{ |
|
|
|
font-family: "serif"; |
|
|
|
src:url('fonts/liberation-serif/LiberationSerif-Italic.ttf'); |
|
|
|
font-family: "headers"; |
|
|
|
src:url('fonts/arima-koshi/ArimaKoshi-Medium.otf'); |
|
|
|
font-weight: normal; |
|
|
|
font-style: italic; |
|
|
|
font-style: normal; |
|
|
|
} |
|
|
|
@font-face{ |
|
|
|
font-family: "headers"; |
|
|
|
src:url('fonts/arima-koshi/ArimaKoshi-ExtraBold.otf'); |
|
|
|
font-weight: normal; |
|
|
|
font-weight: bold; |
|
|
|
font-style: normal; |
|
|
|
} |
|
|
|
body{ |
|
|
|
margin:0px; |
|
|
|
font-size: 14px; |
|
|
|
font-family: "serif"; |
|
|
|
background-color: #bab3feb3; |
|
|
|
background-color: #ccd1cab3; |
|
|
|
word-break: normal; |
|
|
|
} |
|
|
|
h1{ |
|
|
@ -44,12 +51,28 @@ h1{ |
|
|
|
font-family: "headers"; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
h2, h3, h4, h5, h6{ |
|
|
|
font-family: "headers"; |
|
|
|
font-weight: bold; |
|
|
|
margin-bottom: 0; |
|
|
|
padding-bottom: 0; |
|
|
|
} |
|
|
|
p{ |
|
|
|
margin: 0 0 1em 0; |
|
|
|
} |
|
|
|
|
|
|
|
a, a:visited, a:active{ |
|
|
|
color:black; |
|
|
|
} |
|
|
|
blockquote{ |
|
|
|
font-weight:bold; |
|
|
|
font-family: "headers"; |
|
|
|
font-weight: normal; |
|
|
|
} |
|
|
|
code{ |
|
|
|
font-family: monospace; |
|
|
|
font-size: 12px; |
|
|
|
padding:0 5px; |
|
|
|
} |
|
|
|
|
|
|
|
a, a:active, a:visited{ |
|
|
@ -83,7 +106,7 @@ header{ |
|
|
|
font-size: 5vw; |
|
|
|
line-height: 1.35; |
|
|
|
color:white; |
|
|
|
background-color: #3c0e02; |
|
|
|
background-color: #fb4817; |
|
|
|
} |
|
|
|
#menu.main{ |
|
|
|
position: relative; |
|
|
@ -92,8 +115,7 @@ header{ |
|
|
|
#menu.main .indent{ |
|
|
|
padding-left:1em; |
|
|
|
} |
|
|
|
#menu #subtitles{ |
|
|
|
position: absolute; |
|
|
|
#menu #subtitle{ |
|
|
|
width: calc(50% - 6em); |
|
|
|
top:0; |
|
|
|
left:calc(50% + 4em); |
|
|
@ -104,10 +126,6 @@ header{ |
|
|
|
line-height: 1.8; |
|
|
|
color:white; |
|
|
|
} |
|
|
|
#menu #subtitles div{ |
|
|
|
display: inline-block; |
|
|
|
/*padding-right: 5px;*/ |
|
|
|
} |
|
|
|
#menu img.shape{ |
|
|
|
width:20px; |
|
|
|
height: 20px; |
|
|
@ -128,7 +146,7 @@ header{ |
|
|
|
left:0; |
|
|
|
padding:8px 1em 8px 2em; |
|
|
|
margin:0; |
|
|
|
background-color: #3c0e02; |
|
|
|
background-color: #fb4817; |
|
|
|
} |
|
|
|
#menu.sticky{ |
|
|
|
z-index: 1; |
|
|
@ -148,10 +166,15 @@ header{ |
|
|
|
} |
|
|
|
|
|
|
|
#agenda{ |
|
|
|
width: calc(50% - 8em); |
|
|
|
padding-left:2em; |
|
|
|
width: calc(50% - 6em); |
|
|
|
float: left; |
|
|
|
padding: 2em; |
|
|
|
background-color: #6ade4e; |
|
|
|
border-radius: 15px; |
|
|
|
} |
|
|
|
#agenda hr{ |
|
|
|
margin:2em 0; |
|
|
|
} |
|
|
|
.featured { |
|
|
|
max-width: calc(50% - 1.5em); |
|
|
|
float: left; |
|
|
@ -248,7 +271,7 @@ footer{ |
|
|
|
margin:0; |
|
|
|
padding:2em; |
|
|
|
left:0; |
|
|
|
background-color: #9b98b0; |
|
|
|
background-color: #272c26; |
|
|
|
color:white; |
|
|
|
clear:both; |
|
|
|
} |
|
|
@ -268,7 +291,7 @@ footer{ |
|
|
|
#menu{ |
|
|
|
clear:both; |
|
|
|
max-width: 100%; |
|
|
|
padding:1em 1em 4em 1em; |
|
|
|
padding:1em 1em 1em 1em; |
|
|
|
font-size: 12vw; |
|
|
|
} |
|
|
|
#menu.sticky{ |
|
|
@ -291,11 +314,11 @@ footer{ |
|
|
|
right: 10px; |
|
|
|
padding: 1em; |
|
|
|
} |
|
|
|
#menu #subtitles{ |
|
|
|
#menu #subtitle{ |
|
|
|
width: calc(100% - 2em); |
|
|
|
top: 18em; |
|
|
|
left: 1em; |
|
|
|
margin: 1em; |
|
|
|
margin: 3em 1em 1em 1em; |
|
|
|
font-family: 'serif'; |
|
|
|
font-size: 16px; |
|
|
|
line-height: 1.6; |
|
|
@ -305,20 +328,20 @@ footer{ |
|
|
|
height: 12px; |
|
|
|
} |
|
|
|
#agenda{ |
|
|
|
width: 100%; |
|
|
|
margin:0; |
|
|
|
padding:0; |
|
|
|
width: calc(100% - 4em); |
|
|
|
margin: 2em 0px; |
|
|
|
} |
|
|
|
.featured{ |
|
|
|
max-width: 100%; !important |
|
|
|
clear:both; !important |
|
|
|
float: none; |
|
|
|
margin-top:0; |
|
|
|
} |
|
|
|
.featured:nth-child(even) { |
|
|
|
clear:both; !important |
|
|
|
} |
|
|
|
.entry-title{ |
|
|
|
margin:2em 0 0; |
|
|
|
margin:1em 0 0; |
|
|
|
padding:1.5em 1em; |
|
|
|
} |
|
|
|
.entry-content{ |
|
|
|