slightly blue

Name: slightly blue

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

Tags: blue dark sidebar topbar

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

Description:

Slightly blue is a nice streamline theme, perfect for a blog, or new site, or any site in general. a dark theme with blue inter fused, this theme will meet all you needs. tested to work on firefox, chrome, safari and all IE 7+

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/slightly-blue

Code

+ show the code

- hide the code

#main-content{
margin:0;
}
a{
color: #999;
text-decoration:none;
}
body {
background-color:#343434;
font-size:80%;
z-index: -2;
}
#container {
width: 920px;
margin: auto;
color: #777;
background: url(http://rhombusproductions.wdfiles.com/local--files/themes%3Aslightlyblue/back.png) center; 
}
#navi-bar{
background-image: url(http://rhombusproductions.wdfiles.com/local--files/themes:slightlyblue/nav.png) !important;
background-repeat: repeat-x;
color: #555;
background-image: none;
opacity: .6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
}
#side-bar{
float: right;
width: 200px;
background-color: #0073bc;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
opacity: .6;
color: #000;
}
#side-bar ul{
margin: 0;
padding: 0;
}
#side-bar li{
list-style:none;
}
#side-bar a{
border-bottom:1px dashed #08A0FF;
}
#side-bar li a {
list-style:none;
border-bottom:1px dashed #08A0FF;
display:block;
font-size:130%;
height:20px;
padding-top:0x;
text-align:center;
width:100%;
}
#side-bar li a:hover {
background-color:#AAAAAA;
border-bottom:1px dashed #08A0FF;
display:block;
font-size:130%;
height:20px;
text-align:center;
width:100%;
}
 
a:hover {
background:none repeat scroll 0 0 transparent;
color:#000000;
text-decoration:none;
}
#top-bar a {
text-decoration:none;
}
#top-bar a:hover {
background:none repeat scroll 0 0 #FFFFFF;
color:#000000;
text-decoration:none;
}
#top-bar li ul li a {
background-color:#000000;
text-decoration:none;
-moz-box-shadow:3px 3px 10px #fff;
font-weight:normal;
font-size:82%;
width:85.5%;
}
#top-bar li ul li a:hover {
background-color:#AAAAAA;
text-decoration:none;
}
#top-bar {
left:0;
height: 41px;
}
#top-bar li ul {
-moz-box-shadow:1px 1px 3px;
}
#top-bar li{
height: 40px;
background-color: #08a0ff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: .8;
padding: 1px 0px;
margin-right:-2px;
}
#top-bar li a {
color:#FFFFFF;
font-weight:bold;
height:26px;
padding-top:14px;
}
#footer {
 
width: 890px;
}
#page-title {
border-bottom:0 none;
font-size:150%;
margin-bottom:20px;
margin-top:10px;
color: #aaa;
}
#extrac-div-1 {
background-image:url(http://rhombusproductions.wdfiles.com/local--files/themes:slightlyblue/head.png);
background-repeat:repeat-x;
height:150px;
position:absolute;
top:0;
width:100%;
left:0;
}
#extrac-div-2{
background-image:url(http://rhombusproductions.wdfiles.com/local--files/themes:slightlyblue/bottom.png);
background-repeat:repeat-x;
height:280px;
position:absolute;
bottom:0;
width:100%;
left:0;
z-index: -1;
}
#header{
margin: auto;
height: 149px;
width: 900px;
}
#header h1 a{
color: #000;
}
#header h2{
color: #111;
}
#login-status{
display: none;
}
#search-top-box{
display: none;
}
 
#toc, blockquote{
background-color: #4C5180;
color: #aaa;
-moz-box-shadow: 3px 3px 6px #000;
-webkit-box-shadow: 3px 3px 6px #000;
}
 
#content-wrap{
background: #333;
width: 900px;
margin:auto;
margin-top: -9px;
}