Curvature (mirrored)

Name: Curvature (mirrored)

Author: James Kanjo
License: Creative Commons Attribution-ShareAlike 3.0 License
Tags: blue sidebar simple topbar

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

Description:

Just a simple wiki theme with rounded curves and edges.

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/curvature-mirrored

Code

+ show the code

- hide the code

a {    text-decoration: none;}
a:hover {
    background-color: transparent;
    text-decoration: underline;
}
#container {    min-width: 700px;}
#header {    margin: 0 0 2em;}
#header h1, #header h1 a, #header h1 a:hover {
    font-size: 215%;
    font-family: Lucida Calligraphy, Edwardian Script ITC, Georgia;
    font-style: italic;
    text-decoration: none;
    text-align: right;
    margin-right: 10px;
}
#header h2 {
    font-size: 150%;
    text-align: right;
    margin-top: -11px;
    margin-right: 20px;
}
#login-status, #search-top-box {
    left: 10px;
    right: auto;
}
#header-extra-div-3 {
    position: absolute;
    top: 0px;
    left: -4px;
    height: 3.5em;
    border: 4px solid;
    border-bottom: none;
    border-left: none;
    -moz-border-radius-topright: 45px;
    -webkit-border-top-right-radius: 45px;
    width: 50%;
    z-index: -1;
}
#header-extra-div-2 {
    position: absolute;
    top: 0px; right: 50%;
    width: 7em; height: 3em;
    z-index: -2;
}
#header-extra-div-1 {
    position: absolute;
    top: 0px;
    right: 0;
    height: 7em;
    border: 4px solid;
    border-top: none;
    border-right: none;
    -moz-border-radius-bottomleft: 45px;
    -webkit-border-bottom-left-radius: 45px;
    width: 50%;
    z-index: -3;
}
#top-bar {
    position: absolute;
    top: 7.5em; left: 0em; right: auto;
    height: 21px;
    z-index: 1;
    border: 1px solid;
    border-left: none;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}
#top-bar li {    width: 12em;}
#top-bar a:hover {    text-decoration: none;}
#top-bar a, #top-bar li ul li a {    background-color: transparent;}
#top-bar li ul {
    border: 1px solid;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}
#side-bar {
    float: right;
    width: 13em;
    padding: 0 .5em;
    margin: 1em 0 0;
    border: 4px solid;
    border-right: none;
    -moz-border-radius-topleft: 45px;
    -webkit-border-top-left-radius: 45px;
}
#main-content{    margin: 0 15em 0 0;}
#page-content {    }
#footer {
    width: 95%;
    margin: 0 auto;
    height: 16px;
    border: 1px solid;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
 
#header-extra-div-1, #header-extra-div-2, #footer {    background-color: #347;}
#header-extra-div-1, #header-extra-div-3, #side-bar, #footer {    border-color: #347;}
a {    color: #347;}
a.newpage, #header h1 span {    color: #8AF;}
#top-bar, #top-bar li ul {    background-color: #8AF;}
#top-bar, #top-bar li ul {    border-color: #8AF;}
body, #login-status a, #top-bar a, #side-bar a, #footer a {    color: #000;}
#container, #header-extra-div-3, #top-bar a:hover {    background-color: #FFF;}

Notes

The rounded elements of this theme are only compatible in Safari and Firefox. In other browsers not using the webkit/moz css elements, the rounded elements are squared off instead.

If you want to mirror the header elements, then just use the following URL as the CSS location:

@import url(http://themes.wdfiles.com/local--code/curvature-mirrored);
 
#header h1 {
    text-align: left;
    margin-left: 10px;
}
#header h2 {
    text-align: left;
    margin-left: 20px;
}
#login-status, #search-top-box {
    right: 10px;
    left: auto;
}

http://themes.wdfiles.com/local--code/curvature-mirrored/2

Click to preview

Similar themes

Orange Metal

Author: rhombus p
Rating: 1, Comments: 0

Tags: 610nm metal orange sidebar topbar

Wikidot Themes

share your Wikidot theme with others!