Customize your 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: Optima, Arial, 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; letter-spacing: 0.2em; font-family: optima, arial, sans-serif; padding: 0px 0px 0px 10px; } h1, h2 { background: #315203 url("/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("/local--files/forest/leaf-Gn.png") 5px center no-repeat; color: #315203; padding-left: 50px; } h5, h6 { text-decoration: none; background: transparent url("/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 ############################ */ #header { background-color:#315203; background-image: url("/local--files/forest/banner.jpg"); background-repeat: none; border-bottom:2px solid #192902; height:125px; margin:0px 0px 10px; } #header h1 { font-family: Optima, Arial; color: #EECB02; font-weight: normal; font-size: 220%; margin: 0px 75px; padding-top: 25px; background-color: transparent; background-image: none; } #header h1 a,#header h1 a:hover{ color: #EECB02; margin: 10px; background-color: transparent; } #header h2{ color: #EECB02; font-size: 130%; margin: 5px 75px; background: transparent url("/local--files/forest/leaf-Ye.png") 5px center no-repeat; padding-left: 50px; } /* ###### Main Content ###################### */ #page-title { margin:25px 0 10px; background: url("/local--files/forest/leaf-Gn.png") 5px 30px no-repeat; padding-left: 50px; color: #315203; border-bottom: 1px solid #C5B876; } #main-content { margin-left: 250px; color: #322E1E; } #main-content h1 { 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; } #license-area { color: #635C3B; } /* ###### Footer ############################ */ #footer { background-color: #192902; padding-top: 3px; padding-bottom: 3px; border-top: 2px solid #315203; color: #E2DBBA; text-align: left; } #footer p { padding-right: 100px; margin: 0px; } #footer a { color: #98A881; } #footer a:hover { 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; } #license-area { color: #635C3B; } /* ### Navigation Elements ################## */ /* ###### Account ########################### */ #header #login-status, #login-status a, #login-status a:hover { color: #EECB02; background-color: transparent; font-weight:bold; } #account-options { background-color: #192902; border: 1px solid #E2DBBA; } #account-options li a { color: #98A881 } #account-options li a:hover { color: #EECB02; } #account-options a, a#account-topbutton{ color: #EECB02; font-weight: normal; background-color: transparent; } #account-options #account-options, a#account-topbutton{ background-color: transparent; border-style: none; color: #EECB02; } #account-topbutton { background-color: #F0EDDC; border: 1px solid #C5B876; } /* ###### Top Bar ########################### */ #search-top-box{ display: none; } #search-top-box input.empty { color: #E2DBBA; } #top-bar { background-color: #192902; border-bottom: 2px solid #192902; color: #98A881; left: 0; top: 125px; width: 100%; } #top-bar ul { background-color:#192902; height:25px; padding:2px 5% 2px 20%; } #top-bar li ul { border: 1px solid #E2DBBA; } #top-bar a, #top-bar li ul li a { color: #98A881; text-decoration: none; background-color:#192902; } #top-bar a:hover, #top-bar li ul li a:hover { text-decoration: underline; background-color:#192902; } /* ###### Side Bar ########################## */ #side-bar { width: 200px; float: left; background-color: #E2DBBA; color: #322E1E; margin: 10px; } #side-bar ul{ display: block; padding: 0; list-style-image: url("/local--files/forest/leaf-DkBg.png"); } #side-bar ul li{ margin: 0; display:block; } #side-bar li a { 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; } #side-bar li a:hover { background-color: #F0EDDC; } #side-bar p { 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; } #page-version-info { border: 1px dashed #C5B876; background-color: #E6C5BF; } #lock-info { 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; } #toc { 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 #################### */ ###### text_highlighter.css ############## */ .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 } ###### autocomplete.css ################## */ .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 ###################### */ #lightbox-container-image-box { background-color: #F0EDDC; } #lightbox-container-image-data-box { background-color: # F0EDDC; } #lightbox-container-image-data { color: #C5B876; } /* ### Navi Bar ############################# */ #navi-bar { background-color: #E2DBBA; color: #322E1E; } #navi-bar a { color: #315203; } #navi-bar .new-site input.empty{ color: #C5B876; } #navi-bar .action-buttons { color: #322E1E; } #navi-bar .action-buttons a { color: #322E1E; } #navi-bar .join { color: #322E1E; } #navi-bar .random-site { background-color: #F0EDDC; color: #322E1E; } #navi-bar .random-site:hover { border-color: #322E1E; } /* ### Promo Footer ######################### */ #footer-bar { 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; }