Released: 20 Jun 2011 05:00
Version: 2.01.111214

This is an old version of the theme currently used by Life's Handbook. Designed to feel peaceful, the theme uses a combination of a sky-like blue and cloudy white colors to emulate the sky. Accentuated by the logo's rainbow, the heavenly disposition fits well with the site's purpose.

The site's theme was eventually changed to accommodate mobile devices better.

Life's Handbook

Import

You can use this theme by including the below code:

@import url('http://publicvar.wikidot.com/csstheme:life-s-handbook/code_');

Source Code

/** Life's Handbook CSS Theme
 *  Author: Timothy Foster (publicvar.wikidot.com)
 *  Version: 2.01.111214
 *  Licensed under CC BY 4.0
 * ********************************************************/
 
/* Imports
=============================*/
@import url(http://snippets.wdfiles.com/local--code/sp-css-import);
@import url(http://checklist-app.wdfiles.com/local--code/checklist-css);
 
/* Global
=============================*/
a{
    color: #459AC4;
    text-decoration: none;
    background: none;
}
a:hover{
    color: #3F94BE;
    text-decoration: underline;
    background: none;
}
a.newpage{    color: #900; }
a.newpage:hover{    color: #800; }
div.buttons input, input.button,
button, a.button,
.pager span.target a,
.owindow .button-bar a,
.new-post a{
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    font-weight: bold;
    border: 1px solid #CCC;
    font-size: 90%;
    letter-spacing: 1px;
    color: #777;
    padding: 3px 6px;
    background-color: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 12px -4px #BBB;
    -moz-box-shadow: 0 0 12px -4px #BBB;
    -webkit-box-shadow: 0 0 12px -4px #BBB;
    transition: background-color 225ms ease-out, color 225ms ease-out;
    -moz-transition: background-color 225ms ease-out, color 225ms ease-out;
    -webkit-transition: background-color 225ms ease-out, color 225ms ease-out;
    -o-transition: background-color 225ms ease-out, color 225ms ease-out;
}
div.buttons input:hover, input.button:hover,
button:hover, a.button:hover,
.pager span.target a:hover,
.owindow .button-bar a:hover,
.new-post a:hover{
    background-color: #EEE;
    color: #444;
    text-decoration: none;
}
input.text, input[type=text], textarea{
    border: 1px solid #CCC;
    padding: 3px 6px;
    background-color: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 12px -5px #CCC inset;
    -moz-box-shadow: 0 0 12px -5px #CCC inset;
    -webkit-box-shadow: 0 0 12px -5px #CCC inset;
}
input.text:focus, input[type=text]:focus, textarea:focus{
    box-shadow: 0 0 12px -6px #DDD inset;
    -moz-box-shadow: 0 0 12px -6px #DDD inset;
    -webkit-box-shadow: 0 0 12px -6px #DDD inset;
}
 
/* Outer Frame
=============================*/
body{
    background-image: url(http://lifeshandbook.wikidot.com/local--files/css:default3/lifeNew_back.png);
    background-repeat: repeat-x;
    background-color: #BCD4EE;
}
#container-wrap-wrap{
    background-image: url(http://lifeshandbook.wikidot.com/local--files/css:default3/lifeNew_logo-4.png);
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}
#container-wrap{
    width: 950px;
    margin: auto;
}
 
/* Header
=============================*/
#header{
    margin-left: 170px;
    height: 155px;
    background-image: url(http://lifeshandbook.wikidot.com/local--files/css:default3/life_logoSmooth.png);
    background-repeat: no-repeat;
}
#header h1 a span{    visibility: hidden; }
#header h2{    display: none; }
#header h1 a{
    display: block;
    width: 312px;
    height: 115px;
}
#header h1 a:hover{    text-decoration: none; }
 
/* Account Options
=============================*/
#login-status{
    right: 10px;
    font-size: 80%;
    color: #555;
}
#login-status .printuser a{    visibility: hidden; }
#login-status a{    color: #555;}
#account-topbutton{
    background-color: #BCD;
    border: none;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#account-options{
    width: 130px;
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    line-height: 1.25em;
    text-align: center;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 0 12px -4px #BBB;
    -moz-box-shadow: 0 0 12px -4px #BBB;
    -webkit-box-shadow: 0 0 12px -4px #BBB;
}
#account-options a{    color: #949494; }
#account-options a:hover{
    color: #555;
    text-decoration: none;
}
 
/* Search Bar
=============================*/
#search-top-box{
    right: 10px; top: 95px;
    width: 210px;
    height: 24px;
    border: 1px solid #CCC;
    background-color: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 12px -4px #BBB inset;
    -moz-box-shadow: 0 0 12px -4px #BBB inset;
    -webkit-box-shadow: 0 0 12px -4px #BBB inset;
}
#search-top-box input.text{
    width: 174px;
    height: 24px;
    border: none;
    background: none;
    padding: 0 2px 0 4px;
    color: #222;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
#search-top-box input.text.empty{
    color: #999;
    font-style: italic;
}
#search-top-box input.text:focus{
    box-shadow: none;
    -moz-border-radius: none;
    -webkit-border-radius: none;
}
#search-top-box input.button{
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background-color: transparent;
    background-image: url(http://lifeshandbook.wikidot.com/local--files/css:default3/lifeNew_search.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    transition: background-color 350ms;
    -moz-transition: background-color 350ms;
    -webkit-transition: background-color 350ms;
    -o-transition: background-color 350ms;
}
#search-top-box input.button:hover{    background-color: #EEE; }
 
/* Top Bar
=============================*/
#top-bar{
    display: block;
    width: 780px;
    height: 30px;
    right: 0;
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}
#top-bar ul{    float: right; }
#top-bar ul li a{
    background: none;
    color: #949494;
    font-size: 12pt;
    font-weight: bold;
    text-shadow: 0 0 2px #DDD;
    transition: color 200ms;
    -moz-transition: color 200ms;
    -webkit-transition: color 200ms;
    -o-transition: color 200ms;
}
#top-bar ul li a:hover{
    background: none;
    text-decoration: none;
    color: #AAA;
    text-shadow: 0 0 3px #DDD;
}
#top-bar li ul{
    opacity: 0;
    width: 200px;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 0 12px -4px #BBB;
    -moz-box-shadow: 0 0 12px -4px #BBB;
    -webkit-box-shadow: 0 0 12px -4px #BBB;
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
}
#top-bar li:hover ul{    opacity: 1; }
#top-bar li ul li a{
    background: none;
    font-size: 10pt;
}
#top-bar li li ul{    display: none !important; }
 
/* Main Content
=============================*/
#main-content{
    color: #222;
    margin-left: 170px;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 0 12px -4px #BBB;
    -moz-box-shadow: 0 0 12px -4px #BBB;
    -webkit-box-shadow: 0 0 12px -4px #BBB;
}
#main-content p{    line-height: 1.36em; }
#page-content{    padding-bottom: 1em; }
#page-title,
#main-content h1,
#main-content h2,
#main-content h3,
#main-content h4,
#main-content h5,
#main-content h6{
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    font-weight: normal;
}
#main-content h4,
#main-content h5,
#main-content h6{    font-style: italic; }
#page-title{
    background-image: url(http://lifeshandbook.wikidot.com/local--files/css:default3/lifeNew_pageTitle.png);
    background-repeat: no-repeat;
    border: none;
    height: 66px;
    font-size: 24pt;
    padding: 6px 0 0 80px;
    margin: 8px 0;
}
#main-content h1{
    font-size: 20pt;
    border-bottom: 1px dotted #AAA;
}
#main-content h2{    font-size: 18pt; }
#main-content h3{    font-size: 16pt; }
#main-content h4{    font-size: 14pt; }
#main-content h5{    font-size: 13pt; }
#main-content h6{    font-size: 12pt; }
div.code{
    border-left: 2px solid #B1D493;
    border-right: 1px solid #B1D493;
    border-top: none;
    border-bottom: none;
    background-color: #F6FFED;
    padding-left: 4px;
}
div.code pre{
    border-left: 1px dashed #B1D493;
    padding: 5px .6em;
}
#toc{
    border: 1px solid #CCC;
    background-color: #FAFAFA;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#toc-action-bar{    display: none; }
#toc .title{
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    color: #555;
}
#page-options-bottom-2{    font-size: 80%; }
.pager .pager-no{    color: #555; }
.pager .current{
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    font-weight: bold;
    border: 1px solid #CCC;
    letter-spacing: 1px;
    color: #444;
    padding: 3px 6px;
    background-color: #EEE;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 12px -4px #BBB;
    -moz-box-shadow: 0 0 12px -4px #BBB;
    -webkit-box-shadow: 0 0 12px -4px #BBB;
}
.pager .current,
.pager span.target a{    padding: 1px 6px; }
.optionstd a{
    color: #555;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
 }
.error-block{    text-align: center; }
.page-tags{    margin-bottom: 4px; }
 
/* Side Bar
=============================*/
#side-bar{    width: 152px; }
#side-bar h1{
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    font-size: 12pt;
    color: #444;
    padding: 3px;
    margin: 5px 0;
    text-align: center;
    border: 1px solid #CCC;
    background-image: url(http://lifeshandbook.wikidot.com/local--files/css:default3/lifeNew_sideTitle.png);
    background-repeat: no-repeat;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 12px -4px #BBB;
    -moz-box-shadow: 0 0 12px -4px #BBB;
    -webkit-box-shadow: 0 0 12px -4px #BBB;
    text-shadow: 0 0 2px #DDD;
}
#side-bar ul{
    display: block;
    list-style: none;
    padding: 2px 6px 2px 6px;
    border: 1px solid #CCC;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 12px -4px #BBB;
    -moz-box-shadow: 0 0 12px -4px #BBB;
    -webkit-box-shadow: 0 0 12px -4px #BBB;
    width: 120px;
    margin: 3px auto;
    background-color: #FFF;
    text-indent: -1.5em;
    font-size: 90%;
}
#side-bar ul li{
    margin-left: 1.5em;
    letter-spacing: 1px;
}
 
/* Remove comment for transitional side bar
#side-bar ul{
    max-height: 0;
    overflow: hidden;
    transition: max-height 3s;
    -moz-transition: max-height 3s;
    -webkit-transition: max-height 3s;
    -o-transition: max-height 3s;
}
#side-bar h1:hover + ul,
#side-bar ul:hover{    max-height: 500px; }
#side-bar h1:hover{    box-shadow: 0 0 12px -2px #BBB; }
Remove comment for transitional side bar */
 
#side-bar ul li a{
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    color: #949494;
    transition: color 100ms linear;
    -moz-transition: color 100ms linear;
    -webkit-transition: color 100ms linear;
    -o-transition: color 100ms linear;
}
#side-bar ul li a:hover{
    text-decoration: none;
    color: #555;
}
 
/* Footer
=============================*/
#footer,
#license-area{
    font-size: 80%;
    color: #555;
    margin-left: 170px;
}
#footer a{    color: #555; }
#footer a:hover{    color: #333; }
#license-area{    color: #777; }
#license-area a{    color: #777; }
#license-area a:hover{    color: #555; }
#footer a:hover, #license-area a:hover{    text-decoration: none; }
 
/* Forum
=============================*/
blockquote{
    border-top: 2px solid #BCD4EE;
    border-bottom: 1px solid #BCD4EE;
    border-left: none;
    border-right: none;
    background: none;
    color: #777;
    font-size: 95%;
    font-style: italic;
}
blockquote p{
    border-top: 1px solid #CCE4FE;
    margin-top: 4px;
    padding-top: 4px;
}
blockquote p + p{
    border-top: none;
    margin-top: 1em;
    padding-top: 0;
}
.forum-group div.head{
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    font-size: 12pt;
    color: #444;
    padding: 3px;
    margin: 5px 0;
    border: 1px solid #CCC;
    background-image: url(http://lifeshandbook.wikidot.com/local--files/css:default3/lifeNew_forumHead-2.png);
    background-repeat: no-repeat;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 12px -4px #BBB;
    -moz-box-shadow: 0 0 12px -4px #BBB;
    -webkit-box-shadow: 0 0 12px -4px #BBB;
}
.forum-group .head .description{    display: none; }
.forum-group tr.head td,
.forum-category-box tr.head td{
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border: 1px solid #CCC;
    background-color: #EEE;
}
.forum-group td.name,
.forum-group td.threads,
.forum-group td.posts,
.forum-group td.last,
.forum-category-box td.name,
.forum-category-box td.started,
.forum-category-box td.posts,
.forum-category-box td.last{
    border: 1px solid #CCC;
    background-color: #F7F7F7;
}
.forum-category-box .description-block,
.forum-thread-box .description-block{
    border: 1px solid #CCC;
    background-color: #F9F9F9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 12px -4px #BBB;
    -moz-box-shadow: 0 0 12px -4px #BBB;
    -webkit-box-shadow: 0 0 12px -4px #BBB;
}
.forum-category-box .options,
.forum-thread-box .options{
    color: #555;
    font-size: 80%;
}
.forum-category-box table{    border: none; }
.thread-container .long .head{
    border: 1px solid #DDD;
    background-color: #F7F7F7;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.thread-container .long .head .title{
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    color: #444;
    letter-spacing: 1px;
    font-size: 13pt !important;
    margin-bottom: 2px;
}
.thread-container .long .head .info{
    background-color: #F4F4F4;
    border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
}
 
/* All In-Built Hovertips
=============================*/
.hovertip{
    border: 1px solid #CCC !important;
    background-color: #F9F9F9 !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 12px -4px #BBB;
    -moz-box-shadow: 0 0 12px -4px #BBB;
    -webkit-box-shadow: 0 0 12px -4px #BBB;
    min-width: 200px;
    max-width: 500px;
}
.hovertip .content{
    margin: 3px;
    font-size: 80%;
    color: #555;
}
 
/* Footnotes and Bibliography
=============================*/
sup.footnoteref a.footnoteref{    color: #777; }
sup.footnoteref a.footnoteref:hover{
    color: #444;
    text-decoration: none;
}
.hovertip .content .f-content{    font-style: italic; }
.hovertip .content .r-content{
    text-indent: -2em;
    margin-left: 2em;
}
.hovertip .content .f-footer,
.hovertip .content .r-footer{
    font-size: 75%;
    color: #777;
}
.footnotes-footer{    line-height: 1.3em; }
.footnotes-footer div.title{
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    color: #555;
    font-size: 14pt;
}
.footnotes-footer .footnote-footer{
    font-size: 90%;
    color: #444;
    text-indent: -2.4em;
    margin-left: 2.4em;
}
.footnotes-footer .footnote-footer > a:first-child{
    display: inline-block;
    width: 1.5em;
    padding: 0 .2em;
    text-align: right;
    color: #444;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.footnotes-footer .footnote-footer > a:first-child:hover{
    text-decoration: none;
    background-color: #EEE;
}
a.bibcite{
    border-left: 1px solid #459AC4;
    border-right: 1px solid #459AC4;
    background: none;
    text-align: center;
    display: inline-block;
    font-size: 80%;
    padding: 0 2px;
    vertical-align: super;
    line-height: 1.25em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-indent: 0;
    font-style: normal;
}
.sources{    font-size: 80%; }
.sources a.bibcite,
.hovertip .content .f-content a.bibcite,
.image-box-caption a.bibcite{
    vertical-align: baseline;
    font-size: 100%;
}
a.bibcite:hover{
    border-left: 1px solid #AAA;
    border-right: 1px solid #AAA;
    text-decoration: none;
}
.bibitems{    line-height: 1.3em; }
.bibitems div.title{
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    color: #555;
    font-size: 14pt;
}
.bibitems .bibitem{
    font-size: 90%;
    color: #444;
    text-indent: -3em;
    margin-left: 3em;
}
 
/* Wikidot Tables
=============================*/
table.wiki-content-table{
    border-collapse: separate;
    border-spacing: 2px;
    border: none;
    min-width: 300px;
}
table.wiki-content-table th{
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    color: #222;
    border: none;
    background-color: #BCD4EE;
    text-align: left;
    font-weight: bold;
    padding: 1px 3px 1px 4px;
}
table.wiki-content-table td{
    border: none;
    color: #444;
    font-size: 90%;
    background: #F2F2F2;
    padding: 1px 3px 1px 4px;
}
 
/* Action Area
=============================*/
/* Editor Panel thanks to leiger */
#np-editor-panel,
#wd-editor-toolbar-panel,
#post-edit-panel{
    height: 30px;
    position: relative;
    overflow: hidden;
    -webkit-transition: height 450ms ease-in-out;
    -moz-transition: height 450ms ease-in-out;
    -o-transition: height 450ms ease-in-out;
    -ms-transition: height 450ms ease-in-out;
    transition: height 450ms ease-in-out;
}
#np-editor-panel:hover,
#wd-editor-toolbar-panel:hover,
#post-edit-panel:hover{    height: 90px; }
#lock-info{
    border: 1px solid #CCC;
    background-color: #F9F9F9;
    color: #555;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#lock-timer{    color: #222; }
div.change-textarea-size{    visibility: hidden; }
div.preview-message{
    border: 1px solid #CCC;
    color: #555;
    background-color: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 12px -4px #BBB;
    -moz-box-shadow: 0 0 12px -4px #BBB;
    -webkit-box-shadow: 0 0 12px -4px #BBB;
    opacity: 1;
}
 
/* OWindow
=============================*/
.owindow{
    border: 1px solid #CCC;
    background-color: #FFF;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 0 12px -4px #FFF;
    -moz-box-shadow: 0 0 12px -4px #FFF;
    -webkit-box-shadow: 0 0 12px -4px #FFF;
}
.owindow div.title,
.owindow h1, .owindow h2{
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    color: #555;
    font-size: 14pt;
}
.owindow div.title{
    padding-left: 12px;
    border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    background-color: #EEE;
}
.owindow h2{    font-size: 12pt; }
 
/* Timothy Foster's Image Box
=============================*/
.image-box{
    border: 1px solid #CCC;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #F9F9F9;
}
.image-box-heading{
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    color: #222;
    border: none;
    background-color: #BCD4EE;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}
.image-box-caption{    color: #555; }
 
/* James Kanjo's Hovertips
=============================*/
.hover > a{
    color: #161;
    text-decoration: underline;
    border-bottom: 1px solid #161;
}
.hover > a:hover{
    text-decoration: none;
    border: none;
}
.hover span{
    visibility: hidden;
    position: absolute;
    opacity: 0;
    transition: all 500ms;
    -moz-transition: opacity 500ms;
    -webkit-transition: opacity 500ms;
    -o-transition: opacity 500ms;
}
.hover:hover span{
    visibility: visible;
    position: absolute;
    display: inline;
    margin: 15px -20px;
    height: auto;
    width: 300px;
    background: #F9F9F9;
    border: 1px solid #CCC;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 12px -4px #BBB;
    -moz-box-shadow: 0 0 12px -4px #BBB;
    -webkit-box-shadow: 0 0 12px -4px #BBB;
    color: #555;
    padding: 1em;
    font-size: 80%;
    opacity: 1;
}
.hover:hover span span{
    position: relative;
    margin: auto;
    height: auto;
    width: auto;
    border: none;
    padding: 0;
}
 
/* Special Classes
=============================*/
.christmas{
    background-image: url(http://lifeshandbook.wikidot.com/local--files/inc:home-infobox/christmas.png);
    background-repeat: no-repeat;
    background-position:top center;
}
.christmas:hover{
    background-image: url(http://lifeshandbook.wikidot.com/local--files/inc:home-infobox/christmas-hover.png);
    background-repeat: no-repeat;
    background-position:top center;
}
.christmas:active{
    background-image: url(http://lifeshandbook.wikidot.com/local--files/inc:home-infobox/christmas-active.png);
    background-repeat: no-repeat;
    background-position:top center;
}
.outline ul{    list-style: upper-roman; }
.outline ul ul{    list-style: upper-alpha; }
.outline ul ul ul{    list-style: decimal; }
.outline ul ul ul ul{    list-style: lower-alpha; }
.outline ul ul ul ul ul{    list-style: lower-roman; }
.verse{
    font-family: 'Monotype Corsiva', 'Lucida Handwriting', 'Apple Chancery', cursive;
    margin: 0 1em 0 1em;
    padding: 0 1em 0 1em;
    border-right: 1px solid #E0E0E4;
    border-left: 1px solid #E0E0E4;
    font-size: 120%;
    font-style: italic;
}
.quote{
    font-family: 'Times New Roman', Times, serif;
    margin: 0 1em 0 1em;
    padding: 0 1em 0 1em;
    border-right: 1px solid #E0E0E4;
    border-left: 1px solid #E0E0E4;
    font-size: 120%;
}
.nospace p{
    margin: 0;
    padding: 0;
}
.bible-help,
.infotable{
    border: 1px solid #CCC;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #F9F9F9;
}
.bible-help.title,
.infohead{
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    color: #222;
    border: none;
    text-align: center;
    background-color: #BCD4EE;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}
.infohead{
    font-size: 120%;
    letter-spacing: 1px;
}
.announcementhead{
    background-color: #CF98B2;
    font-size: 17px;
    padding: 2px 0 2px 4px;
}
.announcement{
    background-color: #F8EAEA;
    padding: 3px;
}
.bible-study h1{
    text-align: center;
    border: none !important;
    background-image: url(http://lifeshandbook.wikidot.com/local--files/css:default3/lifeNew_bibleStudyTitle2.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.bible-study td.header{
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    color: #222;
    border: none;
    text-align: center;
    background-color: #BCD4EE;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    letter-spacing: 1px;
    font-size: 12pt;
}
.bible-study td table{    margin-top: 0; }
.bible-study td table td{
    background-color: #F0F0F0;
    padding: 4px;
    width: 50%;
}
.bible-study td table td em{
    display: block;
    padding-left: 5px;
    font-size: 110%;
}
 
.checklist-status-head,
.checklist-item-head,
.checklist-priority-head,
.checklist-date-head,
.checklist-options-head{
    background-color: #BCD4EE;
    color: #222;
}

Notes

Life's Handbook use to be dedicated to apologetics and doctrine, but its purpose was eventually changed to a repository for Scriptural reflection.