88 lines
3.7 KiB
CSS
88 lines
3.7 KiB
CSS
@namespace url(http://www.w3.org/1999/xhtml);
|
|
@namespace svg url(http://www.w3.org/2000/svg);
|
|
|
|
#skiptocontent{display:none}
|
|
html,body{margin:0;padding:0;height:100%}
|
|
body{background:#f6f6e3;color:black;font-family:serif;font-size:12pt;counter-reset:sidenote_counter}
|
|
::selection{background:#898;color:white}
|
|
|
|
a[href],svg|a[href]{text-decoration:underline}
|
|
a[href]:link,a[href]:visited,svg|a[href]:link,svg|a[href]:visited{color:#565}
|
|
a[href]:hover,a[href]:focus,a[href]:active,svg|a[href]:hover,svg|a[href]:focus,svg|a[href]:active{color:black}
|
|
|
|
a.nav-more,a.nav-next,a.nav-prev,a.nav-up{text-decoration:none}
|
|
a.nav-more span,a.nav-next span,a.nav-prev span,a.nav-up span{text-decoration:underline}
|
|
a.nav-more span,a.nav-next span{margin-right:.3em}
|
|
a.nav-prev span{margin-left:.3em}
|
|
a.nav-up span{margin-left:.2em}
|
|
a.nav-more:after{content:"\25B8"}
|
|
a.nav-prev:before{content:"\2190"}
|
|
a.nav-up:before{content:"\2191"}
|
|
a.nav-next:after{content:"\2192"}
|
|
|
|
ul,ol{padding:0 1.5em 0 2.5em}
|
|
form{margin:0;padding:0}
|
|
strong{font-weight:bold}
|
|
em{font-style:italic}
|
|
acronym,dfn,abbr{cursor:help;border-bottom-style:dotted;border-bottom-width:1px;font-style:inherit}
|
|
|
|
h2{font-size:170%;font-weight:bold;margin:0 0 .8em 0}
|
|
h3{font-size:140%;font-weight:bold;margin:0 0 .7em 0}
|
|
h4{font-size:110%;font-weight:bold;margin:1.5em 0 .7em 0}
|
|
h2 a.feed,h3 a.feed{margin-left:.5em;color:#444}
|
|
h2 a.feed svg|svg,h3 a.feed svg|svg{vertical-align:baseline;width:auto;height:.7em;fill:currentColor}
|
|
|
|
.nojustify{text-align:left}
|
|
.clearer{display:block;margin:0;padding:0;clear:both}
|
|
.nobr{white-space:nowrap}
|
|
.section{margin-top:2em;margin-bottom:2em}
|
|
.fluff{display:none}
|
|
|
|
#root{margin:0 auto;padding:2em 4em 13em 4em;max-width:70em;position:relative;min-height:100%;box-sizing:border-box}
|
|
|
|
#header{color:#565;height:4em;line-height:4em;margin-bottom:2em;white-space:nowrap;position:relative}
|
|
#header .inner_header{position:relative;padding:0 0 0 .3em;z-index:1}
|
|
#header .header_background{position:absolute;bottom:0;left:0;right:0;top:0;z-index:0;overflow:hidden}
|
|
#header .header_background svg|svg{position:absolute;right:0;bottom:0;height:100%;fill:currentColor}
|
|
|
|
@media(max-width:53em){#header svg|*.header_tree{display:none}}
|
|
|
|
#header h1{margin:0;font-size:100%;display:inline}
|
|
#header h1 a{color:inherit;text-decoration:none}
|
|
#header h1 a:hover span,#header h1 a:focus span{text-decoration:underline}
|
|
#header h1 svg|svg,#header h1 span{vertical-align:middle;font-size:160%}
|
|
#header h1 svg|svg{fill:currentColor;margin-right:.5em;border:0;width:auto;height:1.3em}
|
|
#header h2{display:none}
|
|
#header ul{display:inline;margin:0 0 0 1em;padding:0}
|
|
#header li{display:inline;margin:0 1em 0 0;padding:0}
|
|
#header li a{color:inherit;text-decoration:underline;vertical-align:middle}
|
|
#header li a:hover,#header li a:focus{color:black}
|
|
|
|
#body{clear:both}
|
|
|
|
.home_page{line-height:1.5em;text-align:justify}
|
|
.home_page .portrait{float:left;margin:0 1em .5em 0}
|
|
@media(max-width:720px){.home_page .portrait{width:50px}}
|
|
.home_page ul.contact{margin:0}
|
|
|
|
ul.contact{list-style-type:none;padding:0}
|
|
ul.contact li{line-height:1.7em;margin-left:1.5em}
|
|
ul.contact .list_icon{color:#232}
|
|
ul.contact .list_icon svg|svg{width:1.2em;height:1.2em;vertical-align:middle;margin-left:-1.5em;margin-right:.3em;fill:currentColor}
|
|
|
|
#footer{color:#565;text-align:center;padding:2em 0 0 0}
|
|
#footer .copyright{margin:0;font-size:85%}
|
|
#footer .trees{margin:1em 0 0 0}
|
|
#footer .trees svg|svg{height:3em;fill:currentColor}
|
|
|
|
@media(max-width:720px){
|
|
#root{padding:1em 2em 8em 2em}
|
|
#header{height:auto;line-height:1.4em;white-space:normal}
|
|
#header ul{display:block;margin:1em 0 0 0}
|
|
#header li{display:block;margin:.5em 0}
|
|
}
|
|
|
|
@media(max-width:53em){
|
|
#root{padding:1em 1em 6em 1em}
|
|
}
|