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 Yotsuba Author: dralkatraz Rating: 1, Comments: 0 Tags: sidebar simple topbar Sandbox Harder Author: Laggy000929 Rating: 1, Comments: 2 Tags: css3 sidebar topbar

Browse themes by tag 2.0 3d 3d-buttons 610nm and and/or ardeol articles band base beige black blog bloo blue bmc border boring brown business camo chocholate christian christmas city clan claret claus clay clean coffe coke colorful company contest contest-win corperate corporate corporation creative crimson cross css3 css3-buttons curved d14 dark dashed deep deposit

Comments

danielbob1 08 Dec 2016 20:53

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

---

Mickey2