Theme

Home
Site Manager

Edit CSS

/* IMPORT PRINT STYLESHEET
=============================*/
@import url(/css:print/code/1);
 
/* CONTAINERS
=============================*/
 
#container {
    background-color: #83A988;
    background-image: url("/local--files/css:theme/bg_centre_green6.png");
    background-position: center top;
    background-repeat: no-repeat;
}
 
#content-wrap {
    background-color: white;
    margin: 0 auto;
    width: 950px;
}
 
/* COMMON
=============================*/
 
body {
    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
 
p {
    margin-top: 6px;
}
 
.image-container {
    padding: 0 10px 10px 0;
}
 
hr {
    background-color: #bbbbbb;
    margin: 1em 0;
}
 
/* LINKS
=============================*/
 
a {
    color: #ffffcc;
    text-decoration: none;
}
 
a:link, a:visited {
    color: #122A72;
}
 
a.newpage {
    color: blue;
    text-decoration: none;
}
 
a:hover {
    background-color: transparent;
    color: #486143;
}
 
a:focus {
    outline:none;
}
 
#breadcrumbs:before {
    content: "You are at:";
    margin-right: 0.5em;
}
 
.printuser a {
    margin-right: 0;
}
 
/* HEADINGS
=============================*/
 
h1, h2, h3, h4, h5, h6 {
    color: #888888;
    font-family:Arial,"Trebuchet MS",Trebuchet,Verdana,Helvetica;
}
 
h1 {
    font-size: 170%;
}
 
/* HEADER
=============================*/
 
#header {
    background-color: #ffffff;
    border-bottom: 5px solid #69876D;
    border-top: 5px solid #69876D;
    height:137px;
    margin: 0 auto;
    position:relative;
    top:18px;
    width:950px;
}
 
#header #login-status, #login-status a {
    color: #560000;
}
 
#header h1 {
    left:25px;
    padding:0;
    position:relative;
    top: 40px;
    width:750px;
}
 
#header h2 {
    color:#E8F3FB;
    font-size:125%;
    left: 150px;
    margin:0;
    padding:0;
    position:relative;
    text-align:left;
    top:55px;
    width:450px;
}
 
h1 a {
    height:175px;
    margin-top:0px;
    width:932px;
}
 
#header h1 a, #header h1 a:hover, #header h2 a, #header h2 a:hover{
    color:#000000;
    display:none;
    font-family: helvetica;
    font-size:40px;
}
 
#header-extra-div-1 {
    background-color: transparent;
    background-image: url("/local--files/css:theme/lachapelle.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 100px;
    left: 20px;
    position: absolute;
    width: 330px;
    top: 20px;
}
 
.slideshow {
    background-color: transparent;
    margin-left: -40px;
    margin-top: -281px;
    position: absolute;
    width: 950px;
    z-index: 99;
}
 
/* ACCOUNT/LOGIN
=============================*/
 
#login-status {
    display: none;
}
 
#account-options  {
    background-color:#dddddd;
}
 
#account-topbutton {
    background-color: transparent;
    border: none;
}
 
#account-options li a {
    color:#607041;
    font-weight:bold;
}
 
#account-options li a:hover {
    color: #560000;
}
 
.printuser img.small {
    display:none;
}
 
/* SEARCH BOX
=============================*/
 
#search-top-box {
    display:none;
    margin-right: 0;
    position: absolute;
    top: 200px;
    width: 350px;
    z-index: -1;
}
 
#search-top-box input.empty {
    background-color:#FFFFFF;
    background-image:url("http://community.wikidot.com/local--files/files/search.gif");
    background-position:right top;
    background-repeat:no-repeat;
    color:#ffffff;
}
 
/* SEARCH RESULTS
=============================*/
.search-box .query-area {
    display: none;
}
 
/* TOP BAR 
=============================*/
 
#top-bar {
    background-color: transparent;
    background-image: url("/local--files/css:theme/topbar_grad.jpg");
    height: 35px;
    left: 0;
    position: absolute;
    top: 145px;
    width: 950px;
}
 
#top-bar li {
    margin: 0 5px 0;
}
 
#top-bar li a {
    text-align: left;
}
 
#top-bar li ul {
    border: 5px solid silver;
    margin-top: 25px;
    width: 200px;
}
 
#top-bar li ul li a {
    background-color: #bbbbbb;
    border-right: 10px solid #83A988;
    color: #003333;
    width:185px;
}
 
#top-bar li ul li a:hover {
    background-color: #888888;
    color: #ffffff;
}
 
#top-bar ul {
    float: left;
    width:950px;
}
 
#top-bar ul li a {
    color: #ffffff;
    float: left;
    height: 20px;
    padding: 5px 5px 0;
    text-align:left;
    text-shadow: 0 0 0 #FFFFFF;
 
}
 
top-bar ul li a:hover {
    background-color: transparent;
    color: #192B25;
    text-decoration: underline;
}
 
#top-bar a:hover {
    background-color: transparent;
    color: white;
    height:20px;
    text-decoration: underline;
}
 
/* SIDE BAR
=============================*/
 
#side-bar {
    display:none;
}
 
/* PAGE TITLE
=============================*/
 
#page-title {
    border-bottom:1px solid #666666;;
    color:#54545A;
    font-size: 180%;
    height:40px;
    margin-bottom: 25px;
    padding: 40px 0 10px 20px;
    width:900px;
}
 
/* CONTENT 
=============================*/
 
#main-content {
    background-color:white;
    margin:20px auto 0 0;
    min-height:500px;
    padding-left:15px;
    padding-top: 25px;
    width:920px;
}
 
#page-content {
    background-color: ##F0ECEA;
    margin-top:0;
    min-height:450px;
    padding-left:25px;
    padding-right: 25px;
    width:850px;
}
 
div.emptyspace {
        height: 25px;
}
 
/* CODE
============================== */
 
.code {
    font-family: verdana;
}
 
/* GALLERY
============================== */
.gallery-box {
    width:700px;
}
 
/* TABLES
============================== */
 
table {
    empty-cells:show;
}
 
table.wiki-content-table {
    border-collapse:collapse;
    border-spacing:0;
    margin-left:-20px;
    width:725px;
}
 
table.wiki-content-table th {
    background-color: #ffffff;
    border:1px solid #666666;
    text-align: left;
}
 
table.wiki-content-table tr {
    background-color: #EEEEEE;
    border:1px solid darkgray;
}
 
table.wiki-content-table tr:nth-child(odd) {
    background-color:#DDDDDD;
}
 
table.wiki-content-table td {
    border: 1px solid #888888;
    font-size: 90%;
    min-width: 93px;
    padding: 0.3em 0.7em;
    text-align: left;
}
 
table.page-files {
    background-color:#CEE8E5;
    border:1px solid #468259;
    border-collapse:collapse;
    border-spacing:0;
    margin:1em auto;
}
 
.layout {
    border-collapse:collapse;
    color:#3B485F;
    table-layout:fixed;
    width:100%;
}
 
.layout tr {
    background:#FCFFDF none repeat scroll 0 0;
    border-bottom:1px solid #EFEFEF;
}
 
.layout td {
    border: 1px solid darkgray;
    padding-left:1em;
}
 
.layout .truncate {
    overflow:hidden;
    white-space:nowrap;
}
 
.layout .header {
    background:#AFCCFF none repeat scroll 0 0;
    border-bottom:1px solid #9F9F9F;
    font-size:13px;
    font-weight:bold;
    height:2em;
}
 
.layout .footer {
    background:#FCFFDF none repeat scroll 0 0;
    border-bottom:1px solid #9F9F9F;
    border-top:1px solid #9F9F9F;
    font-weight:bold;
}
 
/* DATAFORMS
============================== */
 
.form-value-title {
    width:500px;
}
 
#edit-page-title {
    width:500px;
}
 
textarea {
    width:500px;
}
 
.form-labels {
    vertical-align: top;
}
 
/* Following rule is for the reset/delete/add file button in the dataform */
.form-values a {
    border:1px solid red;
    color:red;
    margin-left:50px;
    padding:0 10px;
}
 
/* INPUT BOXES
============================== */
 
input.text {
    background-color:#dddddd;
    border:1px solid #888888;
    color:black;
    width:180px;
}
 
div.wiki-note {
    background-color:#DDDDDD;
    border-left:3px solid #D6B80A;
    margin:0.5em 5em;
    text-align:center;
    width:auto;
}
 
/* FOOTER
============================== */
 
#footer {
    background-color: #BBBBBB;
    background-image: url("/local--files/css:theme/bg_footer.png");
    background-position: left top;
    color: #112233;
    height:75px;
    margin: 0 auto;
    width:930px;
}
 
#footer a {
    color: #112233;
}
 
#footer a:hover {
    text-decoration:underline;
}
 
.page-options-bottom {
    margin: 5px auto;
    text-align: left;
}
 
.page-options-bottom a {
    color: #fdeabc;
    background: url("http://themes.wdfiles.com/local--files/hello/hello-button-bg.gif") repeat-x scroll 0 0 transparent;
    border: 1px solid #D4D4D4;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 5px 1px 2px rgba(0, 0, 0, 0.4);
    color: #616161;
    font: bold 13px Arial,sans-serif;
    height: auto;
    margin: 0 5px;
    padding: 6px 10px;
}
 
.page-options-bottom a:hover {
    color: #383838;
}
 
#page-info, page-info span {
    color: white;
}
 
.page-watch-options, .page-tags {
    display: none;
}
 
#extrac-div-1 {
    position: relative;
}
 
/* LICENSE AREA
============================== */
 
#license-area, #license-area a  {
    color:#FFFFFF;
}
 
/* MAILFORM
============================== */
 
table.form {
    background-color: #ffffff;
    margin-left:0;
    padding-top:10px;
    width:450px;
}
 
.collapsible-block-folded {
    font-weight: bold;
    padding-left: 0px;
}
 
/* PAGE EDITOR
============================== */
 
#edit-page-textarea {
    width: 880px !important;
}
 
.wd-editor-toolbar-panel div {
    background-color:#DDDDDD;
    border-color: #888888;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    float:left;
    height:30px;
    padding-top:10px;
}
 
.wd-editor-toolbar-panel ul li {
    margin: 1px 0 1px 1px;
    padding: 0;
}
 
.edit-page-bottomtable {
    width:750px; 
}
 
.change-textarea-size {
    margin-top: 0;
    padding-left: 1em;
    padding-right: 7em;
    position: relative;
    right: 100px;
    text-align: right;
}
 
div.buttons {
    padding-left: 10px;
    width: 700px;
}
 
div.buttons input, input.button, button, file, a.button {
    background: url("http://themes.wikidot.com/local--files/rainbow-base/button_2.png") repeat-x scroll 0 0 #F4F4F4;
    margin: 0 0 0 2px;
    padding: 0 0 0 2px;
    width: 110px;
}
 
#action-area h1, #edit-page-title {
    color: #011640;
}
 
/* BUTTONS
============================================*/
 
div.buttons input, input.button, button, file, a.button, 
.button-bar a, #new-post-button, .rate-points, .rateup a, 
.ratedown a, .cancel a, .pager a, .pager .current, div.new-post a, 
.owindow .button-bar a {
    height: auto;
    padding: 6px 10px;
    font: bold 13px Arial, sans-serif;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: url(http://themes.wdfiles.com/local--files/hello/hello-button-bg.gif) repeat-x;
    border: 1px solid #d4d4d4;
    color: #616161;
    margin: 0 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
 
div.buttons input:hover, input.button:hover, button:hover, 
file:hover, a.button:hover, .button-bar a:hover, #new-post-button:hover, 
.rateup a:hover, .ratedown a:hover, .cancel a:hover, .pager a:hover, 
div.new-post a:hover, .owindow .button-bar a:hover {
    color: #515151;
    background: #fff;
    text-decoration: none;
    cursor: pointer;
}
 
.wiki-standalone-button {
    -moz-border-radius:  5px;
    -webkit-border-radius:  5px;
    border: 1px solid #383838;
    border-radius:  5px;
    padding: 10px;    
    margin: 5px;
}
 
.page-rate-widget-box .rate-points, .pager .current {
    color: #555;
    padding: 4px 6px;
    font-size: 1.1em; 
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;      
}
 
.pager a, .pager a:hover, .pager .current, .page-rate-widget-box a {
    padding: 3px 8px;
}
 
.pager .current {
    border: 1px solid #2191d1;
}
 
/* OWINDOWS
============================================*/
 
.owindow {
    border: none;
    padding: 5px 10px 10px;
    background-color: #468259;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
.owindow .title {
    background: none;
    padding: 5px 20px 15px;
    border: none;
    color: #bcbcbc;
    text-shadow: 0 1px 1px #222;
}
.owindow .content {
    background: #f8f8f8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.owindow.owait, .owindow.osuccess {background-color: #fbfbfb;}
.owindow h1 {font-size: 1.6em;}
.owindow .button-bar {padding-right: 0;}
.owindow .button-bar a {outline: none;}
 
table.wiki-content-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-left: 0;
    margin-top: 10px;
    width: 600px;
}
 
/* IMAGES
============================================*/
.image-box-heading {
    color: #666666;
}
 
/* CSS TARGETING IE7
============================== */
 
#top-bar li ul {
    margin-left: -80px !ie7!;
}

---

CSS for Admin Category

@import url("/css:theme/code/1");
#login-status {
    display:block;
    right: 65px;
    text-align:right;
    top:20px;
    width:300px;
}
 
#tags-button, #files-button, #print-button, #site-tools-button, #more-options-button {
    display:inline;
}