Woodcut

Click to preview

Name: Woodcut

Author: Vibracobra23
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

@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 {
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    -webkit-border-radius: 10px 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;
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    -webkit-border-radius: 10px 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 Forteana, 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, or wider if you want, but 130-150px seems to be the optimum height for the header), 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.

Similar themes Matalex Orange Black Author: alexandra bond Rating: 0, Comments: 1 Tags: black responsive sidebar smartphone topbar Noise Author: Battlesquid Rating: 1, Comments: 5 Tags: clean dark flexible grey minimalist modern no-sidebar topbar

Browse themes by tag ardeol black blog blue bmc brown business clean colorful company corperate corporate css3 curved dark dashed developer education educational flexible floral flower freshly-squeezed glass green grey grunge hello minimalist modern nature navy no-sidebar no-topbar orange outline professional purple rainbow red responsive series sidebar simple smartphone super topbar white wiki yellow

Comments

danielbob1 08 Dec 2016 20:53

[[html]]
<h1>cool!</h1>
[[/html]]

---

Mickey2