Forest Modify’d
Name: Forest Modify’d
Author: Sir David Tee
License: Creative Commons Attribution-ShareAlike 3.0 License
Tags: sidebar topbar
Supports top bar menu *: yes
Supports side bar menu *: yes
* depends on tags: topbar and sidebar
Description:
This is a modified version of the Forest Theme by Aidan. I made this just to be compatible with my Wikidot (David’s for School Wikidot and especially the AIA recreation) The width of the topbar may be modified, but I’m unsure. I need to know how to extend the length of the top background.
How to install
- go to: your wiki admin panel » appearance » themes
- choose External CSS theme
- supply the following URL as the CSS location
https://files.themes.obscurative.ru/local--code/forest-modifyd
Code
[!-- Put the code of theme here, it will be formatted automatically --] /* 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; }
Notes
Similar themes
|
Browse themes by tag
2.0
3d
3d-buttons
610nm
and
and/or
ardeol
articles
band
base
beige
black
blog
bloo
blue
bmc
border
boring
brown
business
camo
cat
chocholate
christian
christmas
city
clan
claret
claus
clay
clean
coffe
coke
colorful
company
confic
contest
contest-win
corperate
corporate
corporation
creative
crimson
cross
css3
css3-buttons
curved
d14
dark
dashed
|
I actually think I cannot do this. I think I might just have to change to default for this theme. The RPC Sandbox hates me.
Your code is Our code.
DO NOT USE THIS.
Your code is Our code.