Theme 1

Name: Theme 1

Author: rhombus p
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:

Theme 1 by rhombus productions. http://rhombusproductions.wikidot.com

Version 1.2.0 - Released Monday, February 15, 2010 1:40pm

Fixed jumpy top bar menu
Fixed misaligned top bar drop downs
More work on top-bar

Version 1.0.1 - Released Saturday, February 13, 2010 4:28pm

Fixed misaligned page title
still in beta

Version 1.0.0 - Released Friday, February 12, 2010 2:58pm

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/theme-1

Code

+ show the code

- hide the code

/*
Theme 1 by Rhombus Productions. http://rhombusproductions.wikidot.com
Version 1.2.0 - Released Monday, February 15, 2010 1:40pm
Check back for updates http://themes.wikidot.com/theme-1 or use the Import External Style Sheet option
Find other themes at http://themes.wikidot.com and http://rhombusproduction.wikidot.com/themes
*/
 
body{
background-color: #333;
font-size:80%;
}
 
#search-top-box-form{
display:none;
}
 
#top-bar li ul {
-moz-box-shadow:2px 2px 7px;
}
 
#container{
width:900px;
background-color: #fff;
border: 1px solid #000;
margin-left: auto; 
margin-right:auto; 
margin-top: 15px;
margin-bottom:15px;
 }
a{
text-decoration:none;
}
a:hover{
text-decoration:none;
color: #000;
background: transparent;
}
 
#top-bar{
background-color: #000;
opacity: .8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
text-decoration: none;
height: 35px;
width: 898px;
top: 16px;
left:1px;
padding-top: 15px;
}
 
#top-bar a{
height: 35px;
color:#ddd;
}
 
#top-bar a:hover{
color : #fff;
text-decoration: none;
margin-top: -15px;
}
 
#top-bar li ul li a{
background-color: #333;
}
 
#top-bar ul li ul{
padding-top: -15px;
}
 
#top-bar li ul li a {
padding-top: 15px;
}
 
#top-bar li ul li a:hover{
padding-top: 15px;
height: 35px;
margin-top: -2px;
}
 
#top-bar ul li a:hover  {
background-color:#444;
padding-top:15px;
height:34px;
color: #fff;
}
 
#header h1{
height: 15px;
font-size: 0;
color: transparent;
border: 1px solid #fff;
border-bottom: 0;
background-color: #000;
}
 
#header h2{
height: 125px;
width: 898px;
background-image: url(http://rhombusproductions.wdfiles.com/local--files/themes:theme1/headerfinal.png);
border: 1px solid #fff;
border-bottom: 0;
border-top:0;
color: transparent;
font-size: 0;
}
 
#top-bar a{ 
text-decoration: none;
}
 
#main-content {
margin:80px 0 0;
}
 
#footer {
background-color: #aaa;
}
 
#page-title {
background-color:#000000;
border: 1px solid #fff;
font-size:107%;
padding-left:200px;
position:absolute;
top:142px;
height:14px;
width:698px;
color:#fff;
padding-bottom:8px;
font-weight:bold;
margin-left: -12px;
}
 
#side-bar{
float: right;
background-color: #000;
border: 1px solid #fff;
color: #fff;
height: 100%;
}
 
#side-bar a{
color: #fff;
}
 
#side-bar a:hover{
color: #fff;
text-decoration: underline;
}
 
#page-content{
padding-top: 15px;
}
 
#login-status{
position: absolute;
top: 145px;
color: #fff;
}
 
#footer{
background-color: #000 !important;
color: #fff;
}
 
#footer a{
color: #fff;
}