Wikidot Front
/* GLOBAL WIDTH */
 
#header, #top-bar {
    width: 804px;
    margin-left: auto;
    margin-right: auto;
}
 
body {
    background-color: #fff;
    background-image: url(http://www.wikidot.com/local--files/files-shiny/body_bg.png);
    background-repeat: repeat-x;
    font-size: 0.80em;
}
 
/* HEADER */
 
#header {
    height: 140px;
    position: relative;
    z-index: 10;
    padding-bottom: 22px;
}
 
#search-top-box {
    position: absolute;
    top: 79px;
    right: 9px;
}
 
#login-status {
    color: #aaa;
    font-size: 90%;
    z-index: 30;
}
 
#login-status a {
    background: transparent;
    color: #ddd;
}
 
#login-status ul a {
    color: #700;
    background: transparent;
}
 
#account-topbutton {
    background: #ccc;
    color: #700;
}
 
.printuser img.small {
    margin-right: 0.4em;
}
 
#header h1 {
    float: left;
    padding-top: 80px;
}
 
#header h1 a {
    display: block;
    color: #eee;
    background: transparent;
    line-height: 0;
    font-size: 180%;
    text-decoration: none;
}
 
#header h2 {
    color: #000;
    font-size: 105%;
    clear: left;
    padding-top: 44px;
    line-height: 0;
    font-weight: bold;
}
 
/* TOP MENU */
 
#top-bar {
    position: absolute;
    z-index: 50;
    top: 140px;
    right: 0;
    height: 21px;
    line-height: 18px;
    padding: 0;
    z-index: 20;
    font-size: 90%;
}
 
#top-bar ul {
    float: right;
}
 
#top-bar a {
    color: #fff;
    background: transparent;
}
 
#top-bar ul li, #top-bar ul li ul {
    border-width: 1px 0 0;
    border-color: #444;
    border-style: solid;
}
 
#top-bar ul li a {
    border-style: solid;
    border-color: #444;
    border-width: 0 0 0 1px;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1px;
    max-height: 1px;
    overflow: hidden;
}
 
#top-bar ul li.sfhover a {
    background: #eee;
    color: #a01;
}
 
#top-bar ul li.sfhover ul li a {
    border-width: 0;
    width: 150px;
    border-top: 1px solid #ddd;
    line-height: 160%;
    height: auto;
    max-height: none;
    padding-top: 0;
    padding-bottom: 0;
}
 
#top-bar ul li.sfhover a:hover {
    background: #fff;
    text-decoration: none;
}
 
#top-bar ul li ul {
    border-top-width: 0;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    width: auto;
}
 
#top-bar ul li ul li, #top-bar ul li ul li.sfhover {
    border-width: 0;
}
 
#top-bar ul li ul li a {
    border-width: 0;
}
 
#top-bar ul li ul a, #top-bar a:hover {
    color: #a01;
}
 
/* SIDE MENU */
 
#side-bar {
    clear: both;
    padding: 10px;
    margin: 0 0 0 2em;
    width: 15em;
    border: 1px solid #dedede;
}
 
/* CONTENT */
 
#main-content {
    margin: 0 4em 0 23em;
}
 
/* YUI-TABS */
 
.yui-navset .yui-content{
    background-color: #f5f5f5;
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color:#d8d8d8;
    background-image: url(http://www.wikidot.com/local--files/files-shiny/yuitabs.png);
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
    background:#700 url(http://www.wikidot.com/local--files/files-shiny/yuitabs.png) repeat-x left -1400px; /* selected tab background */
    color:#fff;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background:#d88 url(http://www.wikidot.com/local--files/files-shiny/yuitabs.png) repeat-x left -1300px;
    text-decoration: none;
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #444;
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #444;
}
 
.yui-navset li {
    line-height: normal;
}
 
/* FOOTER */
 
#footer {
    clear: both;
    padding-top: 1em;
    font-size: 77%;
    background: #444;
    color: #bbb;
    margin-top: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
}
 
#footer .options {
    visibility: visible;
    display: block;
    float: right;
    width: 50%;
    font-size: 100%;
    text-align: right;
}
 
#footer a {
    color: #fff;
    background: transparent;
}
 
#license-area {
    display: none;
}
 
/* COMMON */
 
#content-wrap {
    margin-top: 2em;
}
 
h1, #page-title {
    color: #901;
    padding-top: 0;
    margin-bottom: 0.5em;
    padding-bottom: 0.25em;
}
 
h1 {
    margin-top: 0.4em;
    font-weight: bold;
}
 
h2, h3, h4, h5, h6, h7 {
    margin-top: 0.7em;
    padding-top: 0;
    letter-spacing: 1px;
}
 
.column1 h1, .column2 h1 {
    margin-top: 0;
}
 
#page-title {
    border-color: #bbb;
}
 
ul {
    list-style-image: url(http://www.wikidot.com/local--files/files-shiny/bullet.gif);
}
 
li, p {
    line-height: 141%;
    color: #333;
}
 
li, .yui-navset div.yui-content li {
    line-height: 130%;
}
 
input {
    border: 1px solid #ccc;
    background: #fff;
}
 
input.submit {
    background: #ddd;
    font-weight: bold;
    color: #940013;
}
 
a {
    color: #b01;
    text-decoration: none;
}
 
a:visited {
    color: #601;
}
 
a.newpage {
    color: #d61;
    text-decoration: none;
}
 
a:hover {
    text-decoration: underline;
}
 
/* HEADER */
 
#header h1 {
    float: left;
    width: 319px;
    height: 140px;
    padding: 0;
    margin: 0;
}
 
#header h1 a {
    display: block;
    height: 140px;
    width: 319px;
    background-image: url(http://www.wikidot.com/local--files/files-shiny/wikidot_logo.png);
    background-repeat: no-repeat;
}
 
#header h1 a span {
    display: none;
}
 
#header h2 {
    display: none;
}
 
/* TABS */
 
div.main-tabs {
    clear: both;
    padding: 2.5em 0 0;
}
 
/* SEARCH BY TAGS */
 
div.search-by-tags {
    padding: 0 10px 12px;
    margin: 7px 4px 12px;
    background: #eee;
    border: 1px solid #ccc;
    overflow: hidden;
}
 
div.sites-tag-cloud-box {
    line-height: 70%;
    font-size: 270%;
    text-align: justify;
}
 
/* BODY WITH NO MENU BAR */
 
body {
    background-image: url(http://www.wikidot.com/local--files/files-shiny/body_bg_nomenu.png);
}
 
/* GLOBAL WIDTH */
 
#main-content {
    width: 804px;
    margin: 0.6em auto 0;
}
 
/* HEADER */
 
#header {
    padding-bottom: 0;
}
 
#search-top-box {
    display: none;
}
 
#header-extra-div-1 {
    position: static;
    float: right;
    height: 140px;
    width: 305px;
    overflow: hidden;
    margin-right: 10px;
    background: url(http://www.wikidot.com/local--files/files-shiny/best_experience.png);
    background-repeat: no-repeat;
}
 
/* CONTENT -- WELCOME */
 
div.column1, div.column2 {
    float: left;
    width: 422px;
}
 
div.column1 h1, div.column2 h1 {
    text-align: center;
}
 
div.column2 {
    width: 382px;
}
 
div.welcome, div.opinion {
    padding-right: 16px;
}
 
div.get-your-wiki, div.learn-more {
    padding-left: 16px;
}
 
div.new-wiki-widget-box {
    padding: 0.5em 0 1.7em;
    overflow: hidden;
    text-align: center;
}
 
div.new-wiki-widget-box table {
    border-collapse: collapse;
    width: 1px;
    margin-left: auto;
    margin-right: auto;
}
 
div.new-wiki-widget-box table td {
    text-align: center;
    vertical-align: middle;
}
 
div.new-wiki-widget-box input.text {
    width: 105px;
    text-align: right;
    border-color: #aaa;
}
 
div.new-wiki-widget-box input.text.empty {
    color: #666;
}
 
div.new-wiki-widget-box a {
    display: block;
    font-weight: bold;
    background: #801 url(http://www.wikidot.com/local--files/files-shiny/get_it_bg.png) center repeat-x;
    letter-spacing: 1px;
    padding: 4px 5px;
    margin-left: 2px;
    border: #ddd 1px solid;
    border-bottom-color: #666;
    border-right-color: #666;
    width: auto;
    white-space: nowrap;
}
 
div.new-wiki-widget-box a, div.new-wiki-widget-box a:active, div.new-wiki-widget-box a:hover, div.new-wiki-widget-box a:visited {
    color: #fff;
}
 
div.opinion {
    margin-top: 48px;
    font-style: italic;
    font-size: 90%;
}
 
/* FOOTER */
 
#footer {
    margin-left: 0;
    margin-right: 0;
}
 
#footer .options {
    visibility: visible;
    display: block;
    float: right;
    width: 50%;
    font-size: 100%;
    text-align: right;
}
 
#license-area {
    display: none;
}
 
/* TAB: NEWS */
 
div.front-forum-box div {
    padding: 0 10px 8px;
    margin: 7px 4px 12px;
    background: #eee;
    border: 1px solid #ccc;
    overflow: hidden;
}
 
div.front-forum-box img {
    padding: 2px;
    border: 1px solid #999;
    margin: 5px 7px;
}
 
div.front-forum-box div div {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
}
 
div.front-forum-box div.feedinfo {
    padding-top: 8px;
}
 
div.front-forum-box div.feedinfo img {
    padding: 0;
    border: 0;
    margin: 0;
}
 
/* TAB: HOT */
 
div.hot-container {
    overflow: hidden;
}
 
div.hot-box-outer-left, div.hot-box-outer-right {
    float: left;
    width: 50%;
}
 
div.hot-box-outer-left {
    clear: left;
}
 
div.hot-container div.hot-box-inner {
    padding: 0 10px 12px;
    margin: 7px 4px 5px;
    background: #eee;
    border: 1px solid #ccc;
    overflow: hidden;
}
 
div.hot-box-outer-left div.hot-box-inner {
    margin-right: 6px;
}
 
div.hot-box-outer-right div.hot-box-inner {
    margin-left: 6px;
}
 
div.hot-box-inner table {
    width: 100%;
}
 
div.recent-edits {
    clear: left;
    padding-bottom: 1em;
}
 
/* TAB: SEARCH */
 
div.search-content {
    padding: 0 10px 12px;
    margin: 7px 4px 12px;
    background: #eee;
    border: 1px solid #ccc;
    overflow: hidden;
}
 
div.search-content div {
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
}
 
/* TAB: MORE */
 
div.tab-more {
    background: #eee;
    border: 1px solid #ccc;
    padding: 0 10px 12px;
    margin: 7px 4px 12px;
}
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License