Woodcut

Name: Woodcut

Author: Chris Bond
License: Creative Commons Attribution-ShareAlike 3.0 License

Tags: blog education full-width-logo sidebar simple themes topbar wiki woodcut

Supports top bar menu *: yes
Supports side bar menu *: yes
* depends on tags: topbar and sidebar

Description:

This theme is stylish, easy to read and allows for a full width customised logo and a page background. The theme is extended from Shiny.

How to install

go to: your wiki admin panel » appearance » themes
choose External CSS theme
supply the following URL as the CSS location

http://themes.wdfiles.com/local--code/woodcut

Code

+ show the code

- hide the code

@import "http://static.wikidot.com/common--theme/shiny/css/style.css";
 
/* CONTAINERS
------------------------------*/
 
div#container-wrap {
    background-image: none;
    background-repeat:repeat-x;
}
 
#content-wrap {
    margin:20px 0 auto;
    width:100%;
    min-height:1px;
}
 
/* HEADER
------------------------------*/
 
#header {
    background-color:#FFFFFF;
    background-image:url(http://themes.wikidot.com/local--files/woodcut/woodcut_header.png);
    background-position:center bottom;
    background-repeat:no-repeat;
    border-top:8px solid black;
    border-bottom:22px solid black;
    height:118px;
    width:100%;
}
 
#header h1{
    display:none;
}
 
#header h2{
    display:none;
}
 
/* SIDE BAR
------------------------------*/
 
#side-bar {
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    background-color:white;
    border:4px solid #000000;
    clear:both;
    margin:0 0 0 1em;
    padding:1em;
    width:14em;
    clear:left;
    float:left;
}
 
/* LOGIN STATUS
------------------------------*/
 
#login-status {
    color:#8B0000;
    font-size:100%;
    z-index:30;
    overflow:visible;
    position:absolute;
    right:10px;
    top:10px;
    z-index:25;
}
 
#login-status a {
    background:transparent none repeat scroll 0 0;
    color:#8B0000;
}
 
/* MAIN BODY & CONTENT
------------------------------*/
 
body {
    background:#FFFFFF url(http://themes.wikidot.com/local--files/woodcut/woodcut_background.png) repeat scroll center top;
    width:100%;
    color:#000000;
    padding:0;
}
 
#main-content {
    background-image:none;
    background-repeat: no-repeat;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    background-color:#FFFFFF;
    border:4px solid #000000;
    margin:0 2em 0 20em;
    padding-left:2em;
    padding-right:2em;
    padding-top:2em;
}

Notes

To see this theme in action visit Camborne Old Cornwall Society, An Index to the Historical Place Names of Cornwall or Postcards of Cornwall. The best way to use this theme is to click on 'show the code' above and then cut and paste the code as a custom theme. Then create and upload your own custom header (1000px x 130px), leaving some space on the right hand side for the search box, and an image to use as a repeatable background to your admin:manage page and then edit the custom code to use your header and background. The -moz-border-radius- code will obviously only work with Firefox.