html {
height: 100%;
}
body {
background-color: [% site.col.page %];
color: [% site.col.text %];
margin: 0px;
padding: 0px;
}
#header {
background-color: [% site.col.head %];
border-bottom: 1px solid [% site.col.line %];
position: fixed; top: 0; left: 0;
width: 100%;
}
#header ul {
list-style: none;
float: right;
margin-right: 1em;
}
#header ul li {
display: inline;
}
#header ul li a {
text-decoration: none;
color: black;
padding: 2px;
border: 1px dotted black;
}
#header ul li a:hover {
color: white;
background-color: black;
}
#footer {
background-color: [% site.col.head %];
text-align: center;
border-top: 1px solid [% site.col.line %];
position: fixed; bottom: 0; left: 0;
width: 100%;
padding: 4px;
}
#content {
padding: 10px;
padding-top: 5em;
padding-bottom: 2em;
}
h1.title {
padding: 4px;
margin: 0px;
float: left;
}
.message {
color: [% site.col.message %];
}
.error,
.fields_with_errors,
.labels_with_errors,
.error_messages {
color: [% site.col.error %];
}
form label {
display: block;
}
form label * {
vertical-align: top;
margin-left: 0.5em;
}