main.css
/*
* Global tags
*/
body, input, select, textarea {
font-family: sans-serif;
font-size: 11pt;
}
html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
body {
background: #eef;
overflow: auto;
}
a {
color: #556;
}
a:hover {
color: #000;
}
code, pre {
background: #eee;
font-family: monospace;
font-size: 0.9em;
line-height: 1.1em;
border: 1px solid #ddd;
}
h1, h2, h3 {
margin: 1.2em 0 0.8em 0;
padding: 0;
}
h1, h2, h3,
h1 a, h2 a, h3 a {
color: #246;
}
h1 {
font-size: 1.6em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.2em;
}
/*
* Layout
*/
#wrapper {
background: #fff;
width: 40em;
margin: 0 auto;
padding: 0 3em;
border-left: 2px solid #ccd;
border-right: 2px solid #ccd;
min-height: 100%;
}
#heading {
padding-top: 2em;
border-bottom: 1px solid #ccd;
}
#heading h1 {
font-size: 1.8em;
padding-bottom: 0.3em;
margin: 0;
}
#heading h1 a {
text-decoration: none;
}
#menu {
line-height: 1.2em;
height: 1.6em;
border-bottom: 1px solid #ccd;
margin-bottom: 2em;
}
#menu ul, #menu ol, #menu li {
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
float: left;
}
#menu li a {
color: #346;
padding: 0.2em 0.4em;
text-decoration: none;
display: block;
}
#menu li a:hover {
color: #123;
background: #dde;
}
#menu ol ul {
display: none;
}
#content {
}
#footer {
font-size: 0.8em;
margin-top: 4em;
padding: 1em 0 2em 0;
border-top: 1px solid #ccd;
}