Sahara

Click to preview

Name: Sahara

Author: Gabrys
License: Creative Commons Attribution Share-Alike.
Tags: blog blue desert grey sidebar topbar yellow

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

Description:

This theme by pieterh is based on Solar. This is a fixed-width theme suitable for blogs. Easy to modify for your own tastes.

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/sahara

Code

+ show the code

@import url(http://static.wikidot.com/common--theme/base/css/style.css);
 
h1, h2, h3, div {
    margin: 0;
}
 
#container-wrap {
    padding-top: 10px;
    background: url(http://skins.wikidot.com/local--files/theme:sahara/background.png) repeat-y center center #3a81d2;
}
 
#extra-div-1 {
    z-index: 999;
    position: absolute;
    width: 100%;
    height: 4px;
    top: 0px;
    background: url(http://skins.wikidot.com/local--files/theme:sahara/shade-t.png) no-repeat center 0;
}
 
#content-wrap, #header {
    width: 750px;
    margin: 0 auto;
}
 
#header {
    background: url(http://skins.wikidot.com/local--files/theme:sahara/header.png) no-repeat 0 10px;
    height: 173px;
    margin-bottom: 20px;
}
 
#header h1 {
    top: auto;
    bottom: 80px;
    position: absolute;
    padding: 10px 25px;
    background: transparent;
}
 
#header h1 a {
    color: #000;
    background: transparent;
    font-size: 150%;
    letter-spacing: 8px;
    font-weight: bold;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
 
#header h2 {
    top: 77px;
    position: absolute;
    padding: 10px 30px;
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 115%;
    background: transparent;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
 
#login-status {
    color: #3a6391;
    top: 25px;
    right: 40px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
 
#login-status a {
    color: #3a6391;
    top: 25px;
    right: 40px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
 
#login-status a:hover {
    color: #000;
    opacity: 1;
    filter: alpha(opacity=100);
}
 
#search-top-box {
    color: #3a6391;
    top: 45px;
    right: 40px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
 
#search-top-box input.button {
    display: none;
}
 
#account-options{
    background-color: #ccc;
}
#account-options li a{
}
#account-options li a:hover{
    background-color: #3a6391;
}
 
#top-bar {
    z-index: 1000;
    right: auto;
    top: auto;
    left: 10px;
    bottom: 20px;
}
 
#top-bar a {
    color: #3a6391;
    font-size: 110%;
    font-weight: bold;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
 
#top-bar a:hover {
    text-decoration: none;
    background: transparent;
    opacity: 1;
    filter: alpha(opacity=100);
}
 
#top-bar ul li a {
    padding-bottom: 7px;
}
 
#top-bar ul li ul {
    width: auto;
    border-style: solid;
    border: 1px solid #888;
    background-color: #ccc;
    padding: 0;
    margin: 0;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
 
#top-bar ul li ul li {
    padding: 0;
    margin: 0;
    list-style-position: outside;
}
 
#top-bar ul li ul li a {
    color: #3a6391;
    background: transparent;
}
 
#top-bar ul li ul a:hover {
    background: #3a6391;
    color: black;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
 
#side-bar {
    float: right;
    background: #e4e4d6 url(http://skins.wikidot.com/local--files/theme:sahara/navside-b.png) no-repeat bottom;
    margin: 10px 0 15px 15px;
    width: 200px;
    padding: 0 10px 10px;
    z-index: 10;
    position: relative;
}
 
ul, ol, li, #side-bar ul {
    list-style-position: inside;
    padding: 0;
}
 
#page-content li > ul, #page-content li > ol {
    padding-left: 20px;
}
 
#main-content {
    margin-left: 0;
    padding: 0 0 10px;
}
 
#content-wrap {
    background: url(http://skins.wikidot.com/local--files/theme:sahara/navside-t.png) no-repeat 498px 0;
    padding: 0 2px;
    width: 716px;
}
 
a {
    color: #3a6391;
    text-decoration: none;
    font-weight: bold;
}
 
a:hover {
    color: #000000;
    background: transparent;
}
 
h1 a, h2 a, h3 a {
    text-decoration: none;
    color: #3a6391;
}
 
#page-title, h1, h2, h3 {
    border: none;
    padding: 3px 5px 3px 0;
    color: #3a6391;
    margin: 0;
}
 
div > #page-title,
#page-content > h1, #page-content > .list-pages-box > .list-pages-item > h1,
#page-content > h2, #page-content > .list-pages-box > .list-pages-item > h2,
#page-content > h3, #page-content > .list-pages-box > .list-pages-item > h3
{
    padding-left: 17px;
    background: url(http://skins.wikidot.com/local--files/theme:sahara/title-l.png) repeat-y left center;
}
 
#page-content div, #page-content ul, #page-content ol, #page-content p {
    padding: 0 5px 0 0;
    color: #333;
    margin: 0.8em 0;
}
 
#page-content div div {
    padding: 0;
    margin: 0;
}
 
#page-content > div, #page-content > .list-pages-box > .list-pages-item > div,
#page-content > ul,  #page-content > .list-pages-box > .list-pages-item > ul,
#page-content > ol,  #page-content > .list-pages-box > .list-pages-item > ol,
#page-content > p,   #page-content > .list-pages-box > .list-pages-item > p
{
    background: url(http://skins.wikidot.com/local--files/theme:sahara/para-l.png) repeat-y left center;
    padding-left: 20px;
    color: #333;
}
 
#page-content > .list-pages-box {
    background: transparent;
    padding: 0;
    margin: 0;
}
 
#page-content > .list-pages-box > .list-pages-item > div.blog-date {
    text-transform: uppercase;
    font-size: 85%;
    letter-spacing: 1px;
    font-weight: bold;
    color: #666;
    background: transparent;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
 
}
 
#page-content > .list-pages-box > .list-pages-item {
    margin-bottom: 50px;
}
 
#footer {
    background: url(http://skins.wikidot.com/local--files/theme:sahara/shade-b.png) no-repeat center 0 #3a81d2;
    text-align: center;
    padding: 10px 10px 2px;
    color: #ccc;
    font-size: 90%;
}
 
#footer .options {
    float: none;
}
 
#footer a {
    color: #ccc;
}
 
#license-area {
    width: 100%;
    margin: 0;
    background: #3a81d2;
    color: #ccc;
    font-size: 85%;
}
#license-area a {
    color: #ccc;
}
 
#new-post-form, #action-area {
    clear: both;
}
 
#page-content div {
    position: relative; /* just to add hasLayout on IE6 to them */
}
 
#np-editor-panel ul {
    margin: 0;
}

Notes

This is theme from http://skins.wikidot.com/

Similar themes Basalt Theme Author: Iopk123451 Rating: 1, Comments: 0 Tags: css3 sidebar topbar Sigma9(Only Search Bottom) Author: Iopk123451 Rating: 0, Comments: 0 Tags: modern 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 cat 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

Comments

Where is the yellow?

HobStarCS 07 Aug 2010 09:06

… I do not see any. :)

---