CSS
body {
    background-color: #8da5ca;
    font-family: "Arial", sans-serif;
    line-height: 180%;
}
 
h1, h2, h3, h4, h5, h6 {
    font-family: "Arial", sans-serif;
}
 
h1{
    font-weight: normal;
    font-size: 200%;
}
h2{
    font-weight: normal;
    font-size: 180%;
}
h3{
    font-weight: normal;
    font-size: 160%;
}
h4{
    font-weight: normal;
    font-size: 140%;
}
h5 {
    font-weight: bold;
    font-size: 120%;
}
h6 {
    font-weight: bold;
    font-size: 100%;
}
 
a:hover {
    background: transparent;
}
 
textarea {
    font-family: monospace;
}
 
#container {
    width: 960px;
    text-align: left;
    border: none;
    padding: 0px;
    margin: 0px auto;
    background-color: white;
    background: url(http://electronic-blue.wikidot.com/local--files/admin:css/content-background.png) repeat-y;
}
 
#header {
    background: url(http://electronic-blue.wikidot.com/local--files/admin:css/header.png) no-repeat top right;
    height: 170px;
}
 
#header h1 {
    padding: 40px 40px 0px 30px;
    font: 50px monospace;
}
 
#header h1 a {
    color: white;
}
 
#header h1 a:hover {
    color: white;
    background-color: transparent;
}
 
#header h2 {
    position: relative;
    top: -1.6em;
    left: 15em;
    font: 3.2em serif;
    font-style: italic;
    color: white;
    margin-left: 1em;
}
 
#login-status {
    position: absolute;
    top: 135px;
    left: 30px;
    right: auto;
    font-size: 16px;
}
 
#search-top-box {
    position: absolute;
    right: 32px;
    top: 135px;
    font-size: 14px;
    width: 250px;
    text-align: right;
}
 
#search-top-box .button {
    color: #00a;
}
 
#search-top-box .button:hover {
    background-color: #f2f2f2;
    border-color: black;
}
 
#content-wrap {
    margin: 0px 28px 0px 20px;
}
 
#side-bar {
    float: right;
    width: 240px;
    margin: 0px 1px;
    padding: 16px 0px 16px 16px;
    border: none;
    background-color: #e9e9e9;
}
 
#side-bar ul li {
    margin-left: 1em;
}
 
#side-bar ul li:before {
    display: marker;
    content: "▶";
    margin-left: -1em;
}
 
#side-bar ul ul li:before {
    content: "▷";
}
 
#side-bar ul li a {
    display: inline;
    background: transparent;
    border: none;
}
 
#side-bar h2 {
    border-bottom: 1px solid black;
}
 
#main-content {
    margin: 0px 260px 0px 0px;
    padding-top: 8px;
    border: none;
    background-color: transparent;
}
 
#footer {
    margin: 0px 28px 0px 20px;
}
 
#license-area {
    margin: 0px 28px 0px 20px;
}
 
#extra-div-6 {
    background: url(http://electronic-blue.wikidot.com/local--files/admin:css/footer.png) no-repeat;
    background-color: #8da5ca;
    height: 50px;
    width: 960px;
    margin: 0px auto;
}
 
#page-title {
    font-size: xx-large;
    border: none;
    color: #c00;
    font-weight: bold;
    line-height: 120%;
}
 
#toc {
    border-style: solid;
    font-family: sans-serif;
}
 
#page-content {
    font-family: "cmr10", serif;
    border: none;
    font-size: medium;
}
 
#page-content h1 {
    clear: both;
    margin: 1.25em auto 1em auto;
    border-bottom: 1px solid black;
    padding: 4px;
}
 
#page-content h2 {
    margin: 1.25em auto 1em auto;
}
 
#page-content h3 {
    margin: 1.25em auto 1em auto;
}
 
#page-content h4 {
    margin: 1em auto;
}
 
#page-content h5 {
    margin: 1em auto;
}
 
#page-content h6 {
    margin: 1em auto;
}
 
#page-content .code {
    border: 1px solid #cccccc;
    background-color: #f2f2f2;
    margin: 0em;
    padding: 0em;
    line-height: 1.2em;
    font-size: 90%;
}
 
#page-content .code pre {
    margin: 0.25em;
}
 
#page-content .wiki-note {
    margin: 0.5em 1em 1em 0.5em;
}
 
#page-content li {
    margin-top: 0.5em;
}
 
.image-container {
    padding: 0.5em;
}
 
.list-pages-item h2 {
    font-size: xx-large;
    font-weight: bold;
    line-height: 120%;
}
 
.list-pages-item h2 a {
    color: #c00;
    text-decoration: none;
}
 
.list-pages-item .read-more {
    font-family: "Arial", sans-serif;
    font-size: smaller;
    text-align: right;
}
 
.list-pages-item .read-more a {
    text-decoration: none;
}
 
.author p, .date p {
    text-align: right;
    font-size: smaller;
    margin: 0px;
}
 
.page-bottom-box {
    margin: 0px;
    padding: 2px 4px;
    border: 1px solid #cccccc;
    background-color: #f2f2f2;
    text-align: right;
    font-family: "Arial", sans-serif;
}
 
.page-bottom-box p {
    margin: 0px;
}
 
.page-options-bottom {
    margin: 8px 0px;
    border: none;
    background-color: transparent;
}
 
.page-options-bottom a {
    padding: 2px 4px;
    font-family: "Arial", sans-serif;
    border: 1px solid #cccccc;
    background-color: #f2f2f2;
    text-decoration: none;
}
 
.page-options-bottom a:hover {
    border-color: black;
}
 
#site-manager {
    margin-top: 4em;
    font-family: sans-serif;
}
 
#site-manager h1 {
    clear: none;
}
 
#site-manager-menu {
    width: 15em;
    padding-right: 0em;
}
 
#site-manager-menu li a.active {
    background-color: transparent;
    font-weight: bold;
    color: #c00;
}
 
.site-changes-box {
    font-family: sans-serif;
}
 
.site-changes-box .pager span {
    padding: 0em;
}
 
.site-changes-box .pager span.current {
    padding: 0.25em;
}
 
.site-changes-box .pager span a {
    padding: 0.25em;
}
 
#sm-action-area {
    margin-left: 16em;
}
 
.preview-message {
    position: fixed;
    top: 1em;
    right: 1em;
    border: 1px solid #c00;
}
 
#revision-list table {
    margin-left: auto;
    margin-right: auto;
}
 
.preview-message {
    z-index: 99;
}
 
.comments-box {
    border: none;
    padding: 0px;
}
 
.comments-box .options {
    font-family: "Arial", sans-serif;
}
 
.comments-box .options a {
    padding: 2px 4px;
    border: 1px solid #cccccc;
    background-color: #f2f2f2;
    font-size: small;
    text-decoration: none;
}
 
.comments-box .options a:hover {
    border-color: black;
}
 
.comments-box #new-post-button {
    padding: 2px 4px;
    font-family: "Arial", sans-serif;
    font-size: small;
    border: 1px solid #cccccc;
    background-color: #f2f2f2;
    text-decoration: none;
}
 
.comments-box #new-post-button:hover {
    border-color: black;
}