Stylesheet

This is the stylesheet for this wiki. It's based on Cappucino (another theme available for this wiki).
Every time the stylesheet is changed here, it has to be synched in the admin panel.

/*** GENERAL ***/
body { font-family: "Lucida Grande", Tahoma, sans-serif; font-size: 10pt; background-color: #FAFAFA; color: #000000; margin: 0; padding: 0; }
 
a:link { color: #3366CC; text-decoration: none; }
a:visited { color: #3366CC; text-decoration: none; }
a:hover { color: #6699FF; text-decoration: underline; }
a:active { color: #6699FF; text-decoration: underline; }
a.newpage { color: #CC6633; text-decoration: none; }
 
a img { border: none; text-decoration: none; }
 
h2 { color: #3366CC; font-size: 180%; margin: 1em 0 0.75em 0; }
h3 { color: #3366CC; font-size: 140%; margin: 1em 0 0.75em 0; }
h4 { color: #3366CC; font-size: 110%; margin: 1em 0 0.75em 0; }
 
/*** HEADER ***/
#header { color: #4D7FCC; padding: 1em 1em 0 1em; height: auto; }
#header h1 { font-size: 200%; font-weight: bold; margin: 0 2%; padding: 0; }
#header h1 a, #header h1 a:link, #header h1 a:visited { color: #4D7FCC; }
#header h1 a:hover, #header h1 a:active { color: #4D7FCC; }
#header h2 { font-size: 120%; margin: 0 2%; padding: 0; }
 
#top-bar { position: relative; /* Overwrite default Wikidot code */
    float: right; width: 80%; text-align: right; margin: 0.5em; color: #000000; }
#top-bar p { margin: 0; }
 
#login-status a, #login-status a:link, #login-status a:visited { color: #4D7FCC; }
#login-status a:hover, #login-status a:active { color: #4D7FCC; }
 
#search-top-box { position: absolute; right: 10px; top: 3em; bottom: 5px; }
 
/*** CONTENT ***/
#page-title { color: #3366CC; font-size: 180%; font-weight: bold; border-bottom: none; margin: 0; padding: 0; }
#content-wrap { margin: 0 0.5%; }
 
/* SIDEBAR */
#side-bar { float: left; width: 14%; margin: 1% 0.5%; padding: 0; list-style-type: none; }
 
#side-bar h1, #side-bar h2, #side-bar h3 { font-size: 120%; color: #000000; margin-bottom: 0; }
 
#side-bar ul { margin: 0 5px 0.2em 5px; padding: 0; list-style-type: none; font-size: 120%; }
#side-bar li { margin: 0.2em 5px; padding: 0; color: #3366CC; }
#side-bar li li { margin: 0 0 0 5px; font-size: 70%; }
#side-bar li a { display: block; padding: 5px; width: 100%; }
#side-bar li a:hover, #navigation li a:active { background-color: #7FB2FF; color: #FFFFFF; text-decoration: none; }
 
/* MAIN CONTENT */
#main-content { float: right; width: 80%; margin: 1%; padding: 1%; background-color: #FFFFFF; border: 1px solid #F0F0F0; }
#page-info { font-size: 80%; }
 
.table-of-contents { float: right; clear: right; margin: 0.5em; }
.table-of-contents table { margin: 0; }
.table-of-contents #toc { margin: 0; }
.table-of-contents #toc #toc-action-bar { font-size: smaller; }
.table-of-contents #toc .title { margin: 0; }
.table-of-contents #toc-list { margin-left: -2em; }
 
.info-box { width: 20%; margin: 0.5em; padding: 0em 0.5em; border: 1px dashed gray; background-color: #F7F7F7; }
.info-box.floatright { float: right; clear: right; }
.info-box.floatleft { float: left; clear: right; }
 
img { margin: 5px 10px; border: 1px solid #999999; }
.image-container { padding: 0; }
.image-container.floatright { float: right; clear: right; }
.image-container.floatleft { float: left; clear: left; }
 
/*** FOOTER ***/
#footer { text-align: center; font-size: 80%; margin: 1em 0.5em 0 0.5em; padding: 0; }
#footer .options { float: none; display: block; }
#license-area { text-align: center; font-size: 80%; margin: 0 0.5em; padding: 0; color: #000000; }
 
/*** INTERFACE ETC. -- imported from the original theme ***/
.page-options-bottom a { color: #3a312b; background-color: #efebe8; text-decoration: none; border: none; }
.page-options-bottom a:hover { background-color: #DDD; }
a.action-area-close { color: #3a312b; background-color: #efebe8; text-decoration: none; }
div.buttons input, input.button, button, file, a.button, .owindow .button-bar a { background-color: #eae9d9; border: 1px solid #AAA; /*color: #500202;*/ }
div.buttons input:hover, input.button:hover, button:hover,  a.button:hover, .owindow .button-bar a:hover { background-color: #d5d4c4; /*color: #500202;*/ }
.owindow .title { background-color: #d5d4c4; }
 
/*** FORUMS ***/
.forum-group div.head { background-color: #EEEEEE; border: 1px solid #DDDDDD; color: #000000; margin: 1em 1px 1px 1px; }
.thread-container .post .options a { color: #6f6d63; }
.thread-container .post .long .changes a { color: #6f6d63; }
.thread-container .post .short .options { color: #6f6d63; }