CAS 2

Name: CAS 2

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

Tags: and blog blue clean sidebar simple topbar

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

Description:

This is the second theme in the Clean and Simple theme line. This is a updated, cleaner version that will work well for blogs or any other site that needs a simple and clean theme. This theme is a complete redesign of the last iteration and features custom buttons, custom fonts and a custom, custom shaded images (accessible by surrounding your image in a div with class shaded )and easily editable logo. To edit the the Logo at the top of the site you will need the Abel font from Google fonts. then you will need to do some code replacement to make your image show up.

Please Check out my site to see what this theme actually looks like in use.
http://rhombusproductions.wikidot.com/themes:cas2

__Version 1.0.0 - Released Wensday, Jan 11, 2012 10:48am

Initial Release

Known Bugs

Some issues with ie 7 and below

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/cas-2

Code

+ show the code

- hide the code

@font-face {
    font-family: "Abel";
    font-style: normal;
    font-weight: normal;
    src: local("Abel"), local("Abel-Regular"), url("http://themes.googleusercontent.com/static/fonts/abel/v3/EAqh528fFdbUek8UOky4sA.woff") format("woff");
}
 
.shaded img{
    border: 5px solid #fff;
    box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    }
body{
    margin:0; 
    padding: 0;
    font-size: 12px;
    font-family: Helvetica,Arial,sans-serif;
    background: url(http://rhombusproductions.wdfiles.com/local--files/themes%3Acas2/background.png) repeat-x #888;
 
    }
 
a{
    color: #5CB2D1;
    text-decoration: none;
    }
 
#container-wrap-wrap{
    width:960px;
    position: relative;
    margin: auto;
    }
/*
---------------------------------------
                  HEADER
---------------------------------------
*/
#header{
    width: 940px;
    background: #fff;
    height: 60px;
    position: relative;
    margin: auto;    
    margin-bottom: 78px;
    }
 
#header h1{
    color: #fff;
    background: url(http://rhombusproductions.wdfiles.com/local--files/themes%3Acas2/cas2_title.png) no-repeat;
    }
 
#header h2{
    display: none;
    }
 
#header h1 a{
    font-size: 0;
    width: 300px;
    height: 45px;
    display: block;
    }
 
#top-bar {
    height: 45px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 10px;
    width: 960px;
    z-index: 100;
}
#top-bar ul {
    float: right;
    margin-right: 74px;
}
#top-bar ul li a{
    color: #777;
    height: 48px;
    line-height: 47px;
    }
#top-bar ul li ul{
    margin-left: -10px;
    z-index: 100;
    width: 160px
    }
#top-bar ul li ul li{
    height: 25px; 
    background:#777;
    width: 160px;
 
    }
 
#top-bar li ul li a {
    width: 160px;
    }
 
/*------------------END HEAD-------------*/
 
h1,h2,h3,h4{
    font-family: 'Abel';
    }
#main-content{
    margin:0;
    margin-right: 225px;
 
    }
 
#content-wrap{
    background: #f2f2f2;
    padding: 0;
    }
 
#page-title{
    padding-left: 25px;
    font-size: 22px;
    line-height: 38px;
    height: 50px;
    font-family: 'Abel';
    background: #eee;
    color: #777;
    border-bottom: 1px solid #e2e2e2;
    margin: 0;
    line-height: 38px;
    margin-left: -12px;
    padding-left: 25px;
    width: 935px;
    }
 
#page-content{
    background: #fff;
    border-right: 1px solid #E7E7E7;
    margin: 0;
    padding: 10px;
    margin-left: -12px;
    min-height: 400px;
    }
#side-bar{
    float: right;
    height: 100%;
    width: 200px;
    margin-top: 100px;
    }
#search-top-box input.empty{
 
    }
 
#login-status {
    overflow: visible;
    position: absolute;
    right: 10px;
    top: 145px;
    width: 200px;
    z-index: 25;
}
#search-top-box, #search-top-box input.text {
    position: absolute;
    right: 14px;
    top: 84px;
    z-index: 1;
}
#search-top-box-input {
    height: 17px;
    width: 174px;
}
div.buttons input, input.button, button, file, a.button,div.button, .button{
    height: 25px;
    background: #8FCEE2;
    border: none;
    border-bottom: 3px solid #7cbdd1;
    }
 
#footer, #license-area{
    background: #eee;
    }
 
#page-options-container{
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 1px solid #E7E7E7;
    margin-left: -11px;
    margin-top: -1px;
     width: 721px;
    }
.page-watch-options{
    padding-right: 7px;
    }
#page-info, .printuser img.small, #search-top-box-form input.button{
    display: none;
    }