Rainbow Nation: CSS

Rainbow Nation Start

manage
edit

See the live template for the CSS and search module of the search box with radio buttons.

/*
    South Africa Rainbow Nation (fixed-width) theme by Rob Elliott.
    A variation on the themes produced by the Wikidot Rainbow Theme Factory
 
    Color chart:
    * Green: #007C59     
    * Black: #000000     
    * White: #FFFFFF     
    * Gold: #FCB514     
    * Red: #E23D28     
    * Blue: #0C1C8C     
*/
 
@import url(http://themes.wdfiles.com/local--code/rainbow-base);
 
body {
    background: #fff url(http://vineyard.wikidot.com/local--files/rainbow-nation:css/footer-sa.png) repeat-x bottom;
}
 
a {
    color: #0C1C8C;
}
 
a:hover {
    background-color: #FCB514;
    color: #000000;
}
 
a.newpage {
    color: #E23D28;
}
 
h1, h2, h3, #page-title {
    color: #007C59;
}
 
#header h1 a {
    color: #0C1C8C;
}
 
#header h2 span {
    color:#007C59;
}
 
#top-bar ul {
    background: url(http://vineyard.wikidot.com/local--files/rainbow-nation:css/menu-sa.png) repeat-x top;
}
 
#top-bar li a:hover {
    background: url(http://vineyard.wikidot.com/local--files/rainbow-nation:css/menu-hover-sa.png) repeat-x top;
    color: #000000;
}
 
#top-bar li ul li a {
    background: #007C59;
}
 
#top-bar li ul li a:hover {
    background-color: #FCB514;
}
 
#login-status a {
    color: #007C59;
}
 
div.buttons input, input.button, #login-status #account-topbutton, #account-options li a:hover, .change-textarea-size a {
    background: #5C9190;
}
 
div.buttons input:hover, input.button:hover, #login-status #account-topbutton:hover, .change-textarea-size a:hover {
    background: #FCB514;
}
 
input.text {
    color: #0C1C8C;
}
 
input.text, textarea {
    border-color: #007C59;
}
 
.page-options-bottom a {
    color: #000000;
}
 
#license-area {
    color: #000000;
}
 
#main-content {
    margin: 20px 0 0 0;
    width: 900px;
}
 
div.leftcolumn, div.centercolumn, div.rightcolumn {
    float: left;
    padding: 0 10px 0 10px;
    position:relative;
    width: 280px;
}
 
div.leftcolumn { margin-left: 0px;}
div.centercolumn { margin-left: 0px;}
div.rightcolumn { margin-left: 0px;}
Site Design, Syntax and Examples by Rob Elliott 2008-2016