Orange Black Improved

Click to preview

Name: Orange Black Improved

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

Tags: black orange party sidebar topbar

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

Description:

Improvement of the Squark's Orange black theme with background fixed to the browser position and other small changes.

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/orange-black-improved

Code

+ show the code

@import url("http://themes.wdfiles.com/local--code/orange-black");
 
body {
    background-attachment: fixed;
    background-color: #363636;
}
 
#header {
    height: 130px;
}
 
#header h1 {
    left: 20px;
    top: 25px;
}
 
#header h1 a:hover {
    color: orange;
}
 
#header h2 {
    color: #fff;
    left: 128px;
    top: 67px;
}
 
#login-status {
    color: #ccc;
}
 
#page-title, h1 {
    font-family: Georgia, "Times New Roman", serif;
    letter-spacing: 2px;
}
 
#page-title {
    border-color: #eee;
    padding-bottom: 10px;
}
 
#side-bar {
    background: #EE9A00;
    border-right: #eee dashed 1px;
    padding: 0 10px;
}
 
#content-wrap {
    opacity: 0.95;
}
 
.thread-container .post, #toc {
    background: #EE9A00;
    border: 1px dashed #eee;
}
 
.thread-container .post {
    width: 664px;
    padding: 10px;
    margin: 10px 0;
}
 
#top-bar li a {
    padding: 2px 1em 0;
    height: 20px;
}
 
html body #container-wrap #content-wrap a, #login-status a {
    color: #f00;
}
 
html body #container-wrap #content-wrap a:hover {
    background: transparent;
    color: #fff;
}
 
body {
    font-family: Tahoma, Verdana,Arial,Helvetica;
    color: #222;
}

Notes

Changes to original theme:

• background is now fixed at top position
• small fonts, lines, colors and menus changes
• header rearranged (a bit smaller)
• improved forum&comments appearance

NOTE This theme includes a hack that allows you to put custom header between comments and new comment box. Just put the text below the Comments module like this: (hack moved to CSI package)

Side by side comparison of Squark's Orange Black (left) to this theme (right):

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

Education

bibliotheca 02 Dec 2010 02:41

Importance of Literacy