Theme 2011

The following CSS code was written by a friend of J├╝rgen Hubert and applied to The Fairfield Project in mid-2011.

It requires Wikidot's "Localize" theme as a substrate, but overwrites most of it.

/* CONTAINERS
=============================*/
 
#container { 
    background-image: url(http://jhtest.wdfiles.com/local--files/admin%3Amanage/ack2.png);
    background-repeat:repeat;
    color:#262;
    letter-spacing: 1px;
    word-spacing:1px;
    font-family:Andale Mono, Courier New,Courier;
    padding:0px;
    min-width:667px;
}
 
#container-wrap {
    margin:0 auto;
    padding:0;
}
 
/* LINKS
=============================*/
 
a {
    color: #080;
    text-decoration: none;
}
 
a:link, a:visited {
    color: #585;
}
 
a:hover {
    color: #030;
}
 /*
#breadcrumbs:before {
    content: "You are at:";
    margin-right: 0.5em;
}
 
/* HEADER
=============================*/
 
#header {
    background-position: center top;
    background-color: #FFF;
    background-image: url(http://jhtest.wikidot.com/local--files/admin:manage/aeer.png);
    filter:     Alpha(opacity=80);
        opacity:    0.8;
        moz-opacity:    0.8;
    margin: 0 auto;
    margin-bottom:50px;
    position:relative;
    top:20px;
    min-width: 667px;
    height: 200px;
}
 
#header #login-status, #login-status a {
    right:0px;
    top:-19px;
    padding-right:25px;
    background:#FFF;
    border: 2px solid #FFF;
    color: #000;
}
 
#header h1 a{
    text-indent:-9999px;
    width:667px;
    height:200px;
    display:block;
    margin:auto;
 }
 
#header h2 {
    text-indent:-9999px;
}
 
/* ACCOUNT/LOGIN
=============================*/
/*
#header h1 a, #header h1 a:hover {
    background-color:transparent;
    color: #585;
    top:0;
}
 
/* SEARCH BOX
=============================*/
 
#search-top-box {
    top:11px;
    right:1em;
}
 
#search-top-box-input{
    background-color:#999;
    border: 2px solid black;
    color:#000 !important;
}
 
/*#search-top-box-input:focus,#search-top-box-input:hover{
    background-color:#000000;
    color:#AAFFAA;
}*/
 
#search-top-box .button{
    background-color:#999;
    font-weight: bold;
    padding: 0 1em;
    color:#000;
    border-top: 2px solid #FFF;
    border-left: 2px solid #FFF;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
}
 
#search-top-box .button:hover{
    background-color:#000000;
    color:#AAFFAA;
}
 
/* TOP BAR 
=============================*/
 
#top-bar li{
    padding-right:8em;
    float:right;
    color: #000;
    text-shadow: 0px 0px 1px #333;
}
 
#top-bar a {
    color: #000;
    text-shadow: 0px 0px 1px #333;
    }
 
#top-bar li a:hover {
    background: #000;
    color: #FFF;
    text-shadow: 0px 0px 1px #FFF;
    }
 
#top-bar a:link, #top-bar a:visited{
    color: #000;
}
 
/* SIDE BAR
=============================*/
 
#side-bar ul{
    margin: 0;
    border-bottom: 0.25em solid #999;
}
 
#side-bar {
   margin: 0 1em 0 0;
   width:200px;}
   }
 
#side-bar li{
    list-style: none;
    }
 
#side-bar li{
    background: #EEE;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    border-bottom: 1px solid #888;
    border-right: 1px solid #888;
    padding: 0.25em 1em;
    }
 
#side-bar li a{
    text-decoration: none;
    color:#353;}
 
#side-bar li:hover{
    background: #111;
    background: rgba(0, 0, 0, 0.25);
    color:#FFF;
    }
 
#side-bar li a:hover{
    color:#FFF;}
 
#side-bar h1, #side-bar h2, #side-bar h3{
    margin: 0;
    background: #000;
    border-bottom:solid 0.5em #999;
    color:#FFF;
    text-shadow: 0px 0px 3px #DDD;
    padding:0.25em 1em;
    filter:     Alpha(opacity=80);
    opacity:    0.8;
    moz-opacity:    0.8;
    font-weight:bold;
    font-style: normal;
}
 
.pages-tag-cloud-box, .new-page-box, #side-bar p{
    background: #111;
    background: rgba(255, 255, 255, 0.9);
    margin: 0px !important;
    border: solid 0.5em #999;
    padding: 0.5em;}
 
/*RSS*/
#side-bar .image-container{    
    margin:0px;
    position:relative;
    top:-35px;
    right:3px;
    width:16px;
    margin-left:168px;
    }
 
/* PAGE TITLE
=============================*/
 
#page-title {
    background: #000;
    border-bottom:solid 0.5em #999;
    color:#FFF;
    text-shadow: 0px 0px 3px #DDD;
    padding:1em 3em;
    filter:     Alpha(opacity=80);
    opacity:    0.8;
    moz-opacity:    0.8;
    font-weight:bold;
    margin: 0px 225px 0px 50px;
}
 
/* CONTENT 
=============================*/
 
#main-content {
 
    margin-bottom:0;
    margin-left:0 !important;
    margin-right:auto;
    margin-top:-10px;
    margin-top: -50px !ie7!;
    min-height:450px;
    min-height: 700px !ie7!;
    padding:0 0 0 0px;
    word-spacing:0px;
 
}
 
#main-content h1,#main-content h2{
    color:#111;
    font-style: normal;
    background: #DDD;
    padding: 0.5em 1em;
    text-shadow: 0px 0px 1px #888;
    }
 
#page-content {
    min-height:400px;
    background: #EEE;
    padding: 50px;
    margin: 0 225px 0 50px;
}
 
/* CODE
============================== */
 
 .page-tags{
    margin: 0 225px 0 50px;
    background: #111;
    background: rgba(255, 255, 255, 0.9);
    padding: 0 0 2em 50px;
    }
#page-options-container{
    margin: 0 225px 0 50px;
    background: #111;
    background: rgba(255, 255, 255, 0.9);
    padding-right: 1em;
}
 
#action-area{
    margin: 0 225px 0 50px;
    background: #EEE;
    padding: 2em 0 2em 50px;
    width: inherit !important;
}
 
#edit-page-textarea{
    margin-bottom:1em;
    }
 
#footer{
    width: inherit;
    margin: 2em 225px 0 50px;
    background: #999;
    padding: 1em 2em;
    color: #030;
}