God's Promise

Name: God's Promise

Author: Timothy Foster
License: Creative Commons Attribution-ShareAlike 3.0 License
Tags: christian cross god rainbow sidebar topbar

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

Description:

This was the old theme for Life's Handbook. Now that the theme has been replaced, this one can be reused by others who wish to make a Christian-themed website.

It features a side bar in the shape of a cross as well as a nifty header image portraying a rainbow, a symbol of God's promise. You may also use the .verse class to quote Bible verses.

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/god-s-promise

Code

+ show the code

- hide the code

/*GLOBAL PROPERTIES
======================*/
a{
    text-decoration:underline;
}
a:hover{
    text-decoration:none;
    background-color:transparent;
}
a.newpage{
    text-decoration:underline;
}
a.newpage:hover{
    text-decoration:none;
    background-color:transparent;
}
sup a{
    text-decoration:none;
}
sup a:hover{
    text-decoration:underline;
}
#toc a{
    text-decoration:none;
}
#toc a:hover{
    text-decoration:underline;
}
#page-title{
    background-image:url(http://themes.wikidot.com/local--files/god-s-promise/branch2.png);
    background-repeat:no-repeat;
    color: #232A22;
    padding: 12px 0 0 88px;
    text-decoration:none;
    border: none;
    height:67px;
}
h1, #main-content h1{
    font-size:24px;
    border-bottom:1px dotted #99999A;
    color:#232A22;
}
h3, h4, h5, h6{
    font-weight:bold;
}
h2{
    font-size: 20px;
}
h3{
    font-size: 17px;
}
h4{
    font-size: 16px;
}
h5{
    font-size: 15px;
}
h6{
    font-size: 14px;
}
 
/* OUTER BODY
======================*/
body{
    background-image:url(http://themes.wikidot.com/local--files/god-s-promise/life_bg-new.png);
    background-color:#93B1D4;
}
#container-wrap{
 
}
#container{
    background-image: url(http://themes.wikidot.com/local--files/god-s-promise/headerLifeAll5.png);
    background-repeat:no-repeat;
    background-position: top right;
    background-color:#E4E5E8;
    -moz-border-radius-topright:3em;
    -webkit-border-top-right-radius:3em;
    -moz-border-radius-bottomleft:3em;
    -webkit-border-bottom-left-radius:3em;
    -moz-border-radius-topleft:3em;
    -webkit-border-top-left-radius:3em;
    -moz-border-radius-bottomright:3em;
    -webkit-border-bottom-right-radius:3em; 
     width:792px;
    margin-top:4px;
    margin-left:21%;
    z-index:1;
}
 
/* HEADER
======================*/
#header{    height:130px; }
#header h1{
    border: none;
    padding: 34px 0 0 55px;
}
#header h1 a{
    font-family: 'Monotype Corsiva', 'Lucida Handwriting', 'Apple Chancery', cursive;
    color: #83A1C4;
    text-shadow: 2px 0 2px #777;
    font-size: 30pt;
}
#header h2{
    padding: 0 0 0 54px;
    font-family: 'Monotype Corsiva', 'Lucida Handwriting', 'Apple Chancery', cursive;
    color: #18385F;
    font-size: 16pt;
}
#login-status{
    margin-right:6px;
}
#search-top-box{
    margin-top:3.5em;
}
 
/* SIDE BAR
======================*/
#side-bar{
    position:absolute;
    top:150px; right:81%;
    width:153px;
    background-image: url(http://themes.wikidot.com/local--files/god-s-promise/sidebar.png);
    background-repeat: repeat-y;
    -moz-border-radius-topright:3em;
    -webkit-border-top-right-radius:3em;
    -moz-border-radius-bottomleft:3em;
    -webkit-border-bottom-left-radius:3em;
    -moz-border-radius-topleft:3em;
    -webkit-border-top-left-radius:3em;
    -moz-border-radius-bottomright:3em;
    -webkit-border-bottom-right-radius:3em;
    min-height: 500px;
}
#side-bar ul{
    list-style:none;
}
#side-bar li a{
    display:block;
    background-image: url(http://themes.wikidot.com/local--files/god-s-promise/cross.jpg);
    background-repeat:no-repeat;
    background-position:center left;
    background-color:transparent;
    padding: 1px 0 1px 1.5em;
    margin:0 0 0 -.8em;
    color:#222;
    text-decoration:none;
}
#side-bar li a:hover{
    display:block;
    text-decoration:underline;
    color:#252525;
}
#side-bar li a.newpage{
    color: #999;
}
#side-bar li a.newpage:hover{
    color: #959595;
}  
#side-bar h1{
    background-image:url(http://themes.wikidot.com/local--files/god-s-promise/sidebar.png);
    background-repeat:repeat-y;
    border-left:3px solid #888;
    border-bottom:2px solid #888;
    font-size:120%;
    padding: 0 0 0 1em;
}
#extra-div-1{
    position:absolute;
    top: 260px; right:73%;
    width:250px;
    background-image: url(http://themes.wikidot.com/local--files/god-s-promise/sidebar.png);
    height:140px;
    -moz-border-radius-bottomright:3em;
    -webkit-border-bottom-right-radius:3em;
    -moz-border-radius-topright:3em;
    -webkit-border-top-right-radius:3em;
    z-index:-1;
}
#extra-div-2{
    position: absolute;
    top: 260px;
    right: 90%;
    width: 250px;
    background-image: url(http://themes.wikidot.com/local--files/god-s-promise/sidebar.png);
    height:140px;
    -moz-border-radius-bottomleft:3em;
    -webkit-border-bottom-left-radius:3em;
    -moz-border-radius-topleft:3em;
    -webkit-border-top-left-radius:3em;
    z-index: -2;
}
 
.side-collapsible .collapsible-block-unfolded .collapsible-block-link{
    font-weight:bold;
    padding: 0 1em 0 2px;
}
.side-collapsible .collapsible-block-link{
    background-image:url(http://themes.wikidot.com/local--files/god-s-promise/sidebar.png);
    background-repeat:repeat-y;
    border-left:3px solid #888;
    border-bottom:2px solid #888;
    font-size:100%;
    padding: 0 1em 0 1em;
    color: #222;
    text-decoration:none;
}
.side-collapsible a:hover{
    text-decoration:none;
    color:#252525;
    background:transparent;
}
 
/* MAIN CONTENT
======================*/
#main-content{
    border: 5px solid #EFF0F3;
    margin:0 1em 0 1em;
    background:#FFF;
    min-height: 400px;
}
#toc{
    border:1px solid #777;
    background:#F8F8F8;
}
#page-info{
    border-top:1px dotted #777;
}
#page-options-bottom a, #page-options-bottom-2 a{
    background:#DDD;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    color:#222;
    text-decoration:none;
}
#page-options-bottom a:hover, #page-options-bottom-2 a:hover{
    background:#CACACA;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    text-decoration:none;
    color:#252525;
}
.footnoteref a{
    text-decoration:none;
}
.footnoteref a:hover{
    font-style:italic;
}
 
/* TOP BAR
======================*/
#top-bar{
    background-color:#EFF0F3;
    opacity:.8;
    border-top:1px solid #F5F5F5;
    border-left:1px solid #F5F5F5;
    border-right:1px solid #F5F5F5;
}
#top-bar a{
    text-decoration:none;
    color:#222;
}
#top-bar a:hover{
    text-decoration:underline;
    color:#272727;
}
#top-bar li ul{
    border: 1px solid #C7C7C7;
}
 
/* DIV CLASSES
======================*/
blockquote{
    border-left: 5px solid #93B1D4;
    border-bottom: 1px solid #93B1D4;
    border-top: 1px solid #93B1D4;
    border-right: 1px solid #93B1D4;
    background: #EDF6FF;
    padding: 0px 6px 0px 4px;
    margin: 5px 0 5px 0;
}
blockquote p{   margin: 4px 0 4px 0; }
.code{
    border-left: 5px solid #B1D493;
    border-bottom: 1px dashed #B1D493;
    border-top: 1px dashed #B1D493;
    border-right: 1px dashed #B1D493;
    background: #F6FFED;
    padding: 0px 6px 0px 4px;
    margin: 5px 0 5px 0;
}
.code p{   margin: 4px 0 4px 0; }
.verse{
    font-family: 'Monotype Corsiva', 'Lucida Handwriting', 'Apple Chancery', cursive;
    margin: 0 1em 0 1em;
    padding: 0 1em 0 1em;
    border-right: 1px solid #E9E9EB;
    border-left: 1px solid #E9E9EB;
    font-size: 120%;
    font-style: italic;
}
.button{
    -moz-border-radius-topright:4px;
    -webkit-border-top-right-radius:4px;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-right-radius:4px;
    -moz-border-radius-topleft:4px;
    -webkit-border-top-left-radius:4px;
    -moz-border-radius-bottomleft:4px;
    -webkit-border-bottom-left-radius:4px;
}
.error-block{
    text-align: center;
}
.hover a{
    color: #161;
    text-decoration: underline;
    border-bottom: 1px solid #161;
}
.hover a:hover {
    text-decoration: none;
    border:none;
}
.hover span {    display: none;}
.hover span a{
    text-decoration:underline;
    border:none;
    color: #00A;
}
.hover span a:hover{
    text-decoration:none;
}
.hover:hover span {
    position: absolute;
    display: inline;
    margin: 15px -20px;
    height: auto;
    width: 250px;
    background: #FFF;
    border: 1px solid #93B1D4;
    color: #000;
    padding: 1em;
}
.hover:hover span span {
    position: relative;
    margin: auto;
    height: auto;
    width: auto;
    border: none;
    padding: 0;
}
.nospace p{    margin:0; padding:0; }
 
/* FORUM
======================*/
.forum-group div.head{
    -moz-border-radius-topright:4px;
    -webkit-border-top-right-radius:4px;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-right-radius:4px;
    -moz-border-radius-topleft:4px;
    -webkit-border-top-left-radius:4px;
    -moz-border-radius-bottomleft:4px;
    -webkit-border-bottom-left-radius:4px;
    border-top:3px solid #93B1D4;
    border-right:1px solid #93B1D4;
    border-left:1px solid #93B1D4;
    border-bottom:1px solid #93B1D4;
    background:#EDF6FF;
}
div.title, div.description{
    color:#222;
}
 
/* FOOTER & LICENSE
======================*/
#footer{
    font-size:80%;
}
#footer a, #license-area a{
    text-decoration:none;
}
#footer a:hover, #license-area a:hover{
    text-decoration:underline;
}
#license-area{
    font-size:75%;
}