Orange Metal

Name: Orange Metal

Author: rhombus p
License: Creative Commons Attribution-ShareAlike 3.0 License

Tags: 610nm metal orange sidebar topbar

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

Description:

this is a nice orange theme made by rhombus productions. this theme will go perfect with communities of all sorts. the theme will be updated soon to work with the forums to.

How to add you own header image (logo)

first, make you image and save it. then upload it to your site and get the link to it. then add this code to the bottom of your theme on your site (replacing http://yoursite.com/yourimage.png. with the link to your image.

#header h1{
display: 1; /* simply over rights the display: none property */
color: transparent;
background-image: url(http://yoursite.com/yourimage.png);
background-repeat: no-repeat;
}

Version 1.0 Thursday, March 18 2010. 1:53pm

Theme Released

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

Code

+ show the code

- hide the code

#header{
background-image: url(http://rhombusproductions.wdfiles.com/local--files/themes:orange-metal/header.png);
background-repeat:no-repeat;
background-color:#333;
margin-bottom: 100px;
}
 
a{
color: #000;
text-decoration: underline;
}
 
a:hover{
color: orange;
text-shadow: 0px 0px 1px #000;
}
#container{
width:875px;
margin: auto;
margin-top: 30px;
background-color: #eee;
}
body{
background-color: #585858;
background-image: url(http://rhombusproductions.wdfiles.com/local--files/themes:orange-metal/back.png);
background-repeat: repeat-x;
}
 
/* Top Bar */
#top-bar {
background-image:url(http://rhombusproductions.wdfiles.com/local--files/themes:orange-metal/nav.gif);
background-repeat:repeat-x;
font-family:times New Roman;
height:62px;
left:0;
top:98px;
width:100%;
padding-top: 10px;
}
 
#top-bar a{
color: #000;
vertical-align: middle;
}
#top-bar a:hover {
background-color:transparent;
background-image:url(http://rhombusproductions.wdfiles.com/local--files/themes:orange-metal/nav_hover.gif);
background-repeat:repeat-x;
color:#000000;
height:80px;
margin-top:-10px;
padding-top:11px;
text-decoration:none;
}
 
#top-bar li ul{
height: 50px;
display: inline-block;
left: 0;
top:48px;
border:0px;
width: 873px;
}
#top-bar li ul li a{
background-color:transparent;
display: inline;
}
#top-bar li ul li{
display: inline;
}
#top-bar li ul li a:hover{
color: orange;
background:transparent;
padding-top:0;
text-shadow: 0px 0px 1px #000;
}
 
#extrac-div-1{
position:absolute;
margin: auto;
bottom: 0;
background-image: url(http://rhombusproductions.wdfiles.com/local--files/themes:orange-metal/bottom.png);
height: 72px;
width: 875px;
}
 
#header h1, #header h2{
display: none;
}
 
div.buttons input, input.button, button, file, a.button {
background-image: url(http://rhombusproductions.wdfiles.com/local--files/themes:orange-metal/button.png);
background-repeat:repeat-x;
}
 
div.buttons:hover input:hover, input.button:hover, button:hover, file:hover, a.button:hover {
background-image: url(http://rhombusproductions.wdfiles.com/local--files/themes:orange-metal/button_hover.png);
background-repeat:repeat-x;
}
#side-bar{
border-right: 1px dashed #ccc;
min-height:350px;
}
 
bogus{
background-image: url(http://rhombusproductions.wdfiles.com/local--files/themes:orange-metal/button.png);
background-repeat:repeat-x;
width: 100%;
}
#search-top-box {
position:absolute;
right:0;
top:146px;
z-index:10;
}