User:ThomasRules/Forest Theme

From WikiProjectMed
Jump to navigation Jump to search

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 ############################ */

  1. header {
   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;

}

  1. header h1 {
   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;

}

  1. header h1 a,#header h1 a:hover{
   color: #EECB02;
   margin: 10px;
   background-color: transparent;

}

  1. header h2{
   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 ###################### */

  1. page-title {
   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;

}

  1. main-content {
   margin-left: 225px;
   color: #322E1E;

}

  1. 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;

}

  1. license-area {
   color: #635C3B;

}

/* ###### Footer ############################ */

  1. footer {
   background-color: #192902;
   padding-top: 3px;
   padding-bottom: 3px;
   border-top: 2px solid #315203;
   color: #E2DBBA;
   text-align: left;

}

  1. footer p {
   padding-right: 100px;
   margin: 0px;

}

  1. footer a {
   color: #98A881;

}

  1. 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;

}

  1. license-area {
    color: #635C3B;

} /* ### Navigation Elements ################## */ /* ###### Account ########################### */

  1. header #login-status, #login-status a, #login-status a:hover {
   color: #EECB02;
   background-color: transparent;
   font-weight:bold;

}

  1. account-options {
   background-color: #192902;
   border: 1px solid #E2DBBA;

}

  1. account-options li a {
   color: #98A881

}

  1. account-options li a:hover {
   color: #EECB02;

}

  1. account-options a, a#account-topbutton{
   color: #EECB02;
   font-weight: normal;
   background-color: transparent;

}

  1. account-options #account-options, a#account-topbutton{
   background-color: transparent;
   border-style: none;
   color: #EECB02;

}

  1. account-topbutton {
   background-color: #F0EDDC;
   border: 1px solid #C5B876;

}

/* ###### Top Bar ########################### */

  1. search-top-box{
   display: none;

}

  1. search-top-box input.empty {
   color: #E2DBBA;

}

  1. top-bar {
   background-color: #192902;
   border-bottom: 2px solid #192902;
   color: #98A881;
   left: 0;
   top: 125px;
   width: 100%;

}

  1. top-bar ul {
   background-color:#192902;
   height:25px;
   padding:2px 5% 2px 20%;

}

  1. top-bar li ul {
   border: 1px solid #E2DBBA;

}

  1. top-bar a, #top-bar li ul li a {
   color: #98A881;
   text-decoration: none;
   background-color:#192902;

}

  1. top-bar a:hover, #top-bar li ul li a:hover {
   text-decoration: underline;
   background-color:#192902;

}

/* ###### Side Bar ########################## */

  1. side-bar {
   width: 200px;
   float: left;
   background-color: #E2DBBA;
   color: #322E1E;
   margin: 10px;

}

  1. side-bar ul{
   display: block;
   padding: 0;
   list-style-image: url("themes.wikidot.com/local--files/forest/leaf-DkBg.png");

}

  1. side-bar ul li{
   margin: 0;
   display:block;

}

  1. 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;

}

  1. side-bar li a:hover {
   background-color: #F0EDDC;

}

  1. 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;

}

  1. page-version-info {
    border: 1px dashed #C5B876;
    background-color: #E6C5BF;

}

  1. 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;

}

  1. 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 #################### */

            1. 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 }

            1. 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 ###################### */

  1. lightbox-container-image-box {
    background-color: #F0EDDC;

}

  1. lightbox-container-image-data-box {
    background-color: # F0EDDC;

}

  1. lightbox-container-image-data {
    color: #C5B876;

}

/* ### Navi Bar ############################# */

  1. navi-bar {
    background-color: #E2DBBA;
    color: #322E1E;

}

  1. navi-bar a {
    color: #315203;

}

  1. navi-bar .new-site input.empty{
    color: #C5B876;

}

  1. navi-bar .action-buttons {
    color: #322E1E;

}

  1. navi-bar .action-buttons a {
    color: #322E1E;

}

  1. navi-bar .join {
    color: #322E1E;

}

  1. navi-bar .random-site {
    background-color: #F0EDDC;
    color: #322E1E;

}

  1. navi-bar .random-site:hover {
    border-color: #322E1E;

}

/* ### Promo Footer ######################### */

  1. 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; }

Retrieved from "https://mdwiki.org/wiki/User:ThomasRules/Forest_Theme"