Rainbow Nation: CSS
Search is temporarily unavailable, we are working to bring it online!

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