Woodcut plus

Name: Woodcut plus

Author: Eri
License: Creative Commons Attribution-ShareAlike 3.0 License

Tags: sidebar topbar

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

Description:

Here's my small modification of the beautiful Woodcut theme by Chris Bond. It uses some nice OFL-licensed fonts from kernest.com, via cross-site CSS, so if you're using NoScript or similar add-ons please whitelist kernest.

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-plus

Code

+ show the code

- hide the code

/* 
Modified version of Woodcut by Chris Bond (cc-by-sa)
(http://themes.wikidot.com/woodcut)
*/
 
@import url("http://kernest.com/fonts/travelogue.css");
@import url("http://kernest.com/fonts/ofl-sorts-mill-goudy-regular.css");
 
strong
{
    font-weight: normal;
    text-shadow: 0 0 1px;
}
 
em
{
    font-family: 'OFL Sorts Mill Goudy';
}
 
h1, h2, h3
{
    font-family: 'OFL Sorts Mill Goudy', sans;
}
 
/* LINKS
------------------------------*/
a
{
    color: #222222;
    text-decoration:none;
}
 
/*
a:not(:hover)
{
    text-decoration:none;
}*/
 
a:hover
{
    background-color: transparent;
    color: #882222;
}
 
a.newpage:before
{
    content: "?";
    color: #222222;
    font-weight:bold;
}
 
#top-bar a
{
    background: #ffffff;
}
 
a:visited
{
    color: #888888;
}
 
/* HEADER
------------------------------*/
 
#header 
{
    background-color:#FFFFFF;
    border-top:4px solid black;
    border-bottom:4px solid black;
    height:80px;
    width:100%;
}
 
#header h1
{
    margin-top:.5em;
    text-align: center;
    font-size:3em;
    font-weight:200;
}
 
#header h2
{
    display:none;
}
 
#header #top-bar
{
    right: 8em;
}
 
#page-title
{
    text-align:right;
    font-family: 'OFL Sorts Mill Goudy', serif;
    text-shadow: 0 0 1px;
}
 
/* CONTAINERS
------------------------------*/
 
#container-wrap 
{
    background-image: none;
    background-repeat:repeat-x;
}
 
#content-wrap 
{
    margin:20px 0 auto;
    width:100%;
    min-height:1px;
}
 
/* SIDE BAR
------------------------------*/
 
#side-bar 
{
    position: fixed;
    -moz-border-radius:10px;
    border-radius:10px;
    -webkit-border-radius: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:10px;
    border-radius:10px;
    -webkit-border-radius:10px;
    background-color:#FFFFFF;
    border:4px solid #000000;
    margin:0 2em 0 20em;
    padding-left:2em;
    padding-right:2em;
    padding-top:2em;
}
 
#page-content 
{
    font-family:'Travelogue','OFL Sorts Mill Goudy', serif;
    font-size: 1.3em;
    text-align: justify;
}
 
#page-content li,#page-content p
{
    margin-bottom: .5em;
    margin-top:.2em;
}
 
/* Sidebar
------------------------------*/
#side-bar
{
    font-family: 'Travelogue','OFL Sorts Mill Goudy',serif;
}
 
/* Footer
------------------------------*/
#footer, #license-area
{
    background: #ffffff;
}
 
#footer
{
    border-top: 4px solid black;
}

Notes

It uses some fancy CSS features, like @font-face and text-shadow, but should work in all new browsers. It hides second page title, because I'm not using it anyway.