User:ThomasRules/Forest Theme

The Forest Theme is below. Use it as your custom css if you like it. If you wish to copy this code; first edit the Theme section; then copy all the code except the ==Theme== part.

Theme
/* ### Global ############################### */ /* Personal classes and the like in here too (e.g. dropcap class) */ body { margin: 0px; background-color: #E2DBBA; font-size: 100%; font-family: Jokerman, Comic Sans MS, sans-serif; color: #322E1E; } a { color: #635C3B; } a:visited { color: #091501; } a:hover { color: #192902; background-color: #F0EDDC; } a:newpage { color: #9B1701; } .input { background-color: #F0EDDC; } /* D R O P C A P */ .drop { float: left; font-size: 3em; background-color: #192902; color: #EECB02; padding: 5px; margin: 5px 10px 5px 0px; font-family: "Copperplate Gothic"; border: 1px solid #315203; text-align: center; } /* ###### Headers ########################### */ h1, h2, h3, h4, h5, h6 { font-weight: bold, underline; letter-spacing: 0.2em; font-family: Jokerman, Comic Sans MS, sans-serif; padding: 0px 0px 0px 10px; } h1, h2 { background: #315203 url("themes.wikidot.com/local--files/forest/leaf-Bg.png") 5px center no-repeat; color: #E2DBBA; padding-left: 50px; } h3, h4 { border-bottom: 1px solid #315203; background: transparent url("themes.wikidot.com/local--files/forest/leaf-Gn.png") 5px center no-repeat; color: #315203; padding-left: 50px; } h5, h6 { text-decoration: none; background: transparent url("themes.wikidot.com/local--files/forest/leaf-Gn.png") 5px center no-repeat; color: #315203; padding-left: 50px; } h4, h5 { font-size: 120%; } h2, h3 { font-size: 140% } h1 { font-size: 160%; font-variant: small-caps; } /* ### Layout ############################## */ /* ###### Banner ############################ */ background-color:#315203; background-image: url("themes.wikidot.com/local--files/forest/banner.jpg"); background-repeat: none; border-bottom:2px solid #192902; height:125px; margin:0px 0px 10px; }   font-family: Jokerman, Comic Sans MS,; color: #EECB02; font-weight: normal; font-size: 220%; margin: 0px 75px; padding-top: 25px; background-color: transparent; background-image: none; }   color: #EECB02; margin: 10px; background-color: transparent; }   color: #EECB02; font-size: 130%; margin: 5px 75px; background: transparent url("themes.wikidot.com/local--files/forest/leaf-Ye.png") 5px center no-repeat; padding-left: 50px; } /* ###### Main Content ###################### */ margin:25px 0 10px; background: url("themes.wikidot.com/local--files/forest/leaf-Gn.png") 5px 30px no-repeat; padding-left: 50px; color: #315203; border-bottom: 1px solid #C5B876; }   margin-left: 225px; color: #322E1E; }   font-size: 175%; } blockquote { border: none; background-color: #F0EDDC; border-left: 10px solid #9b1701; } blockquote p { background-color: #F0EDDC; padding-left: 5px; } .page.tags span { border-top: 1px solid ##C5B876; }   color: #635C3B; } /* ###### Footer ############################ */ background-color: #192902; padding-top: 3px; padding-bottom: 3px; border-top: 2px solid #315203; color: #E2DBBA; text-align: left; }   padding-right: 100px; margin: 0px; }   color: #98A881; }   border-bottom: 0px; } .page-options-bottom a, a.action-area-close{ color: #635C3B; background-color: #E2DBBA; text-decoration: none; } .page-options-bottom a:hover{ background-color: #F0EDDC; }    color: #635C3B; } /* ### Navigation Elements ################## */ /* ###### Account ########################### */ color: #EECB02; background-color: transparent; font-weight:bold; }   background-color: #192902; border: 1px solid #E2DBBA; }   color: #98A881 }   color: #EECB02; }   color: #EECB02; font-weight: normal; background-color: transparent; }   background-color: transparent; border-style: none; color: #EECB02; }   background-color: #F0EDDC; border: 1px solid #C5B876; } /* ###### Top Bar ########################### */ display: none; }   color: #E2DBBA; }   background-color: #192902; border-bottom: 2px solid #192902; color: #98A881; left: 0; top: 125px; width: 100%; }   background-color:#192902; height:25px; padding:2px 5% 2px 20%; }   border: 1px solid #E2DBBA; }   color: #98A881; text-decoration: none; background-color:#192902; }   text-decoration: underline; background-color:#192902; } /* ###### Side Bar ########################## */ width: 200px; float: left; background-color: #E2DBBA; color: #322E1E; margin: 10px; }   display: block; padding: 0; list-style-image: url("themes.wikidot.com/local--files/forest/leaf-DkBg.png"); }   margin: 0; display:block; }   margin: 0; padding-top: 2px; padding-bottom: 2px; display: block; padding-left: 10px; border-bottom: 1px solid #C5B876; border-top: 0; color: #322E1E; text-decoration: none; }   background-color: #F0EDDC; }   margin: 0px; margin-bottom: 3px; } /* ### Interface Elements ################### */ .edit-section-button { background-color: #F0EDDC; } .edit-section.content { border: 1px solid #CD8B80; } .change-textarea-size a { color: #322E1E; background-color: #F0EDDC; border: 1px solid #C5B876; } .preview-message { border: 1px dashed #C5B876; background-color: #E6C5BF; }    border: 1px dashed #C5B876; background-color: #E6C5BF; }    background-color: #E2DBBA; border: 1px solid #C5B876; } a.action-area-close:hover { background-color: #E2DBBA; } /* ### Wiki-Specific Elements ############### */ table.wiki-content-table td { border: 1px solid #635C3B; } table.wiki-content-table th { border: 1px solid #635C3B; background-color: #F0EDDC; }    border: 1px dashed #315203; background-color: #F0EDDC; } .code{ background-color: #F0EDDC; border: 1px dashed #C5B876; } div.wiki-note { border: 1px solid #C5B876; } .gallery-item { border: 1px solid #F0EDDC; } /* ###### History ########################### */ table.page-history td.optionstd a { border: 1px solid #635C3B; } .diff-table td.from, .diff-table td.to { border: 1px dashed #635C3B; } .inline-diff ins { background-color: #98A881; } .inline-diff del { background-color: #CD8B80; } table.page-compare td, table.page-compare th { border: 1px solid #635C3B; } .page-source { border: 1px dashed #635C3B; } .wiki-parse-error { color: #9B1701; } .pager a { border: 1px solid #635C3B; } .pager .current { background-color: #C5B876; color: #322E1E; border: 1px solid #322E1E; } /* ###### Files ############################# */ table.page-files .highlight { background-color: #F0EDDC; } /* ###### Avatar ############################ */ a.avatar-hover, a.avatar-hover:hover { color: #322E1E; } /* ###### Inline Widgets #################### */ .error-inline, .error-block { color: #9B1701; border: 1px solid #9B1701; } .warning-block { border: 1px solid #EECB02; color: #322E1E; } .help-block { border: 1px solid #98A881; color: #192902; } /* ###### Private Messages ################## */ .pmessage .header { border: 1px solid #C5B876; background-color: #F0EDDC; } /* ### Forms ################################ */ table.form.grid td, table.form.grid th { border: 1px solid #C5B876; } table.form td div.sub, form div.sub { color: #635C3B; } table.form tr.invalid-value-row td { background-color: #F6E580; } table.form div.field-error-message, tr.invalid-value-row div.field-error-message { color: #9B1701; } hr { color: #F0EDDC; background-color: #C5B876; } /* ###### Form Elements ##################### */ div.buttons input, input.button, button, file, a.button { background-color: #E2DBBA; color: #322E1E; border: 1px solid #C5B876; } div.buttons input:hover, input.button:hover, button:hover, a.button:hover { background-color: #F0EDDC; color: #635C3B; } input.button.disabled, div.buttons input.disabled { background-color: #F0EDDC; color: #635C3B; } input.checkbox { background-color: #F0EDDC; color: #322E1E; } input.text, textarea, select { border: 1px solid #C5B876; background-color: #F0EDDC; color: #322E1E; } input.text.invalid { border-color: #9B1701; } div.note { border: 1px solid #F0EDDC; background-color: #E2DBBA; } div.note-block { border: #9B1701; } /* ###### Useful Elements ################### */ div.site-list-item:hover { background-color: #F0EDDC; } .search-highlight { background-color: #EECB02; } .self-ads { border: 1px solid #C5B876; } /* ### Other Widgets ######################## */ /* ###### Foldable Lists #################### */ div.foldable-list-container li.folded { color: #9B1701; } div.foldable-list-container li.unfolded { color: #315203; } /* ###### Tabview ########################### */ .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color: #E2DBBA; border-color: #C5B876; color: #322E1E; } .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em { border-color: #C5B876; } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover { background-color: #98A881; color: #322E1E; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background-color: #315203; } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em { border-color: #192902; } .yui-navset .yui-content { background-color: #E2DBBA; } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { border: 1px solid #C5B876; border-top-color: #192902; } .yui-navset-left .yui-content { border: 1px solid #C5B876; border-left-color: #192902; } .yui-navset-bottom .yui-content, .yui-navset .yui-navset-bottom .yui-content { border: 1px solid #C5B876; border-bottom-color: #192902; } /* ###### Included Files #################### */ .hl-default { color: #322E1E; } .hl-code { color: #322E1E; } .hl-brackets { color: #322E1E; } .hl-comment { color: #315203; } .hl-quotes { color: #4E0C01; } .hl-string { color: #4E0C01; } .hl-identifier { color: #322E1E; } .hl-builtin { color: #315203; } .hl-reserved { color: #987F81; } .hl-inlinedoc { color: #4E0C01; } .hl-var { color: #315203; } .hl-url { color: #4E0C01; } .hl-special { color: #4E0C01; font-weight: bold; } .hl-number { color: #4E0C01; } .hl-inlinetags { color: #F6E580; font-weight: bold; } .hl-gutter { background-color: #E2DBBA; color: #F0EDDC } .yui-ac-content{ border:1px solid #192902; background:#322E1E; } .autocomplete-list li.yui-ac-highlight { background-color: #F0EDDC; } /* ### Forum ################################ */ .forum-group div.head{ background-color: #315203; color: #E2DBBA; border: 1px solid #192902; } .forum-group table td{ border: 1px solid #F0EDDC; } .forum-group table td.name .description{ color: #C5B876; } .forum-group table tr.head td{ background-color: #F0EDDC; } /* ###### Category View ##################### */ .forum-category-box .description-block{ border: 1px solid #E2DBBA; background-color: #F0EDDC; } .forum-category-box .description-block .statistics{ color: #C5B876; } .forum-category-box table{ border: 1px solid #E2DBBA; } .forum-category-box table td{ border: 1px solid # F0EDDC; } .forum-category-box table tr.head td{ background-color: # F0EDDC; } .forum-category-box table td.name .description{ color: # C5B876; } /* ###### New Thread ######################## */ .forum-new-thread-box .description{ border: 1px solid #E2DBBA; background-color: #F0EDDC; } .forum-new-thread-box .description .statistics{ color: # C5B876; } /* ###### Thread View ####################### */ .forum-thread-box .description-block{ border: 1px solid # E2DBBA; background-color: #F0EDDC; } .forum-thread-box .description-block .head{ color: # C5B876; } .forum-thread-box .description-block .statistics{ color: # C5B876; } .forum-thread-box .action-area{ border: 1px solid # F0EDDC; } .thread-container .post .options a{    color: #98A881; } .thread-container .post .head{ background-color: # F0EDDC; } .thread-container .post .long .changes a { color: #98A881; } .thread-container .post .short{ display: none; background-color: # F0EDDC; } .thread-container .post .short .options{ color: #98A881; } .post-container.fordelete{ border: 2px solid #CD8B80; } div.new-post a{    border: 1px solid #E2DBBA; background-color: # F0EDDC; } /* ###### Recent Posts ###################### */ .forum-mini-stat .item .info{ color: # C5B876; } /* ### editor.css ########################### */ .wd-editor-toolbar-panel a{ background-color: #F0EDDC; } .wd-editor-toolbar-panel a:hover{ border-color: #315203; } .wd-editor-toolbar-panel ul li:hover ul, .wd-editortoolbar- panel ul li.sfhover ul { background-color: #322E1E; border: 2px solid #192902; } .wd-editor-toolbar-panel li.hseparator{ background-color: #322E1E; } /* ### odialog.css ########################## */ .odialog-shader{ background-color: #322E1E; } .owindow{ background-color: #F0EDDC; border: 2px solid #E2DBBA; } .owindow .title{ background-color: #F0EDDC; } .owindow .button-bar a{    background-color: #F0EDDC; border: 1px solid #E2DBBA; } .owindow .button-bar a:hover{ background-color: #E2DBBA; } /* ###### Different Boxes / Dialogs ######### */ .box444{ background-color: #F0EDDC; } .box444 .button-bar{ background-color: # F0EDDC; } .hovertip{ border: 2px solid #C5B876; background-color: # F0EDDC; } /* ### Jquery Lightbox ###################### */ background-color: #F0EDDC; }    background-color: # F0EDDC; }    color: #C5B876; } /* ### Navi Bar ############################# */ background-color: #E2DBBA; color: #322E1E; }    color: #315203; }    color: #C5B876; }    color: #322E1E; }    color: #322E1E; }    color: #322E1E; }    background-color: #F0EDDC; color: #322E1E; }    border-color: #322E1E; } /* ### Promo Footer ######################### */ border-top: 1px solid #E2DBBA; } .form-table .form-error { border: 1px dotted #CD8B80; } .form-table .form-hinted { color: #C5B876; } .form-table .form-message { color: #315203; }
 * 1) header {
 * 1) header h1 {
 * 1) header h1 a,#header h1 a:hover{
 * 1) header h2{
 * 1) page-title {
 * 1) main-content {
 * 1) main-content h1 {
 * 1) license-area {
 * 1) footer {
 * 1) footer p {
 * 1) footer a {
 * 1) footer a:hover {
 * 1) license-area {
 * 1) header #login-status, #login-status a, #login-status a:hover {
 * 1) account-options {
 * 1) account-options li a {
 * 1) account-options li a:hover {
 * 1) account-options a, a#account-topbutton{
 * 1) account-options #account-options, a#account-topbutton{
 * 1) account-topbutton {
 * 1) search-top-box{
 * 1) search-top-box input.empty {
 * 1) top-bar {
 * 1) top-bar ul {
 * 1) top-bar li ul {
 * 1) top-bar a, #top-bar li ul li a {
 * 1) top-bar a:hover, #top-bar li ul li a:hover {
 * 1) side-bar {
 * 1) side-bar ul{
 * 1) side-bar ul li{
 * 1) side-bar li a {
 * 1) side-bar li a:hover {
 * 1) side-bar p {
 * 1) page-version-info {
 * 1) lock-info {
 * 1) toc {
 * 1) text_highlighter.css ############## */
 * 1) autocomplete.css ################## */
 * 1) lightbox-container-image-box {
 * 1) lightbox-container-image-data-box {
 * 1) lightbox-container-image-data {
 * 1) navi-bar {
 * 1) navi-bar a {
 * 1) navi-bar .new-site input.empty{
 * 1) navi-bar .action-buttons {
 * 1) navi-bar .action-buttons a {
 * 1) navi-bar .join {
 * 1) navi-bar .random-site {
 * 1) navi-bar .random-site:hover {
 * 1) footer-bar {