html {
background-image: url(./images/grid_noise.png);
background-repeat: repeat;
background-color: #F3F5F7;
font-family: sans-serif;
text-align: justify;
}
main {
max-width: 100%;
min-width: 60%;
width: 50em;
margin: 1em auto;
padding: 1em;
background-color: white;
box-shadow: 0 0 5px #888;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#copyright {
color: grey;
font-size: x-small;
text-align: center;
}
nav {
overflow: hidden; width: 100%; font-weight: bold; font-size: large;
a { text-decoration: none; }
a:link { color: black; }
a:visited { color: black; }
a:hover { color: grey; }
a:active { color: darkgrey; }
}
code, div.codehilite pre {
border: 1px dashed #DDD;
background-color: #FAFAFA;
padding: 0.1em;
}
div.codehilite pre { display: block; overflow: auto; }
.fleft { float: left; }
.fright { float: right; }
figure {
margin: 0 0.5em;
figcaption {
font-size: small;
color: #BBB;
text-align: right;
border-top: thin dotted grey;
}
}
blockquote { font-family: serif; }
img.icon { height: 0.8em; }
a:link { color: grey; } a:hover { color: lightgrey; }
a:visited { color: darkgrey; } a:active { color: darkgrey; }
footer { text-align: center; }
hr { border: none; border-top: 1px dashed lightgrey; height: 0px; }
article footer {
text-align: right;
}
time {
color: #BBB;
}
ul.taglist {
padding-left: 0;
list-style: none;
li { display: inline; }
}
ul.postlist {
padding-left: 0;
list-style: none;
}
ul.projects {
padding-left: 0;
list-style: none;
}
/* Syntax highlighting mess */
.codehilite {
.c { color: #998; font-style: italic }
.err { color: #a61717; background-color: #e3d2d2 }
.k { font-weight: bold }
.o { font-weight: bold }
.cm { color: #998; font-style: italic }
.cp { color: #999; font-weight: bold }
.c1 { color: #998; font-style: italic }
.cs { color: #999; font-weight: bold; font-style: italic }
.gd { color: #000; background-color: #fdd }
.gd .x { color: #000; background-color: #faa }
.ge { font-style: italic }
.gr { color: #a00 }
.gh { color: #999 }
.gi { color: #000; background-color: #dfd }
.gi .x { color: #000; background-color: #afa }
.go { color: #888 }
.gp { color: #555 }
.gs { font-weight: bold }
.gu { color: #aaa }
.gt { color: #a00 }
.kc { font-weight: bold }
.kd { font-weight: bold }
.kp { font-weight: bold }
.kr { font-weight: bold }
.kt { color: #458; font-weight: bold }
.m { color: #099 }
.s { color: #d14 }
.na { color: #008080 }
.nb { color: #0086B3 }
.nc { color: #458; font-weight: bold }
.no { color: #008080 }
.ni { color: #800080 }
.ne { color: #900; font-weight: bold }
.nf { color: #900; font-weight: bold }
.nn { color: #555 }
.nt { color: #000080 }
.nv { color: #008080 }
.ow { font-weight: bold }
.w { color: #bbb }
.mf { color: #099 }
.mh { color: #099 }
.mi { color: #099 }
.mo { color: #099 }
.sb { color: #d14 }
.sc { color: #d14 }
.sd { color: #d14 }
.s2 { color: #d14 }
.se { color: #d14 }
.sh { color: #d14 }
.si { color: #d14 }
.sx { color: #d14 }
.sr { color: #009926 }
.s1 { color: #d14 }
.ss { color: #990073 }
.bp { color: #999 }
.vc { color: #008080 }
.vg { color: #008080 }
.vi { color: #008080 }
.il { color: #099 }
}