This Cascaded Style Sheet has had the "legacy IDs" converted to classes (and thus emulating the original Flannel Nature CSS).
To use this CSS, prepend the following your first line of CSS code:
@import url("http://bootstrap-playground.wdfiles.com/local--code_/legacy:css:flannel-nature");
/* CSS converted verbatim from Wikidot's original "Flannel Nature" CSS, located at http://www.wikidot.com/common--theme/flannel-nature/css/style.css */ @import url("http://bootstrap-playground.wdfiles.com/local--code_/legacy:css:base"); /* LAYOUT */ .container { margin: 0 0; } .header{ /*background: none;*/ height: 9em; border-bottom: 3px solid #044004; background-image: url(../../../common--theme/flannel/images/flannel-bg-1.png); background-repeat: repeat-x; background-position: 0 2.1em; } .header h1{ margin: 0 auto 0 10px; padding-top: 0.9em; text-align: center; width: 600px; font-size: 3em; border: none; font-family: Verdana,"Trebuchet MS"; } .header h1 a{ color: #304e30; } .header h1 a:hover{ background: none; } .header h2{ margin: 0 auto 0 10px; text-align: center; width: 600px; font-size: 1.5em; color: #feff9a; font-family: Verdana, Arial, Helvetica; } .header h2 span{ background-color: #4b724b; padding: 0 2em; } .header-extra-div-1{ position: absolute; top:0; left:0; right:0; width: 100%; height: 2em; background-color: #044004; background-image: url(../images/flannel-nature-bg-2.png); } .login-status, .login-status a { color: #EEE; font-weight:bold; } #account-options a,#account-options, a#account-topbutton{ color: #333; font-weight: normal; } .login-status{ top: 3px; } .login-status .printuser a { display:none; } .login-status a:hover{ background-color: #494; } #account-options a:hover{ background-color: #EEE; } .top-bar{ right: 10em } .content-wrap{ margin: 1em 2em; } .side-bar{ background-color: #FFFDD9; border-top: 1px solid #443b24; border-bottom: 1px solid #443b24; } .side-bar h1, .side-bar h2,.side-bar h3{ /*border-top: 1px dotted #777;*/ border-bottom: 1px dotted #777; } .side-bar a:hover{ background-color: #FFF; } .side-bar ul{ display: block; padding: 0; list-style: none; } .side-bar ul li{ display:block; } .side-bar ul li a{ display:block; } /* bottom elements */ #page-info{ color: #555; } /* footer */ /* .footer{ background-color: #DDD; } .footer .options a{ color: #844; } */ .footer{ background-color: #044004; color: #EEE; background-image: url(../images/flannel-nature-bg-2.png); } .footer a{ color: #CEC; } .footer a:hover{ background-color: #494; } /* ELEMENTS */ body{ color: #222; } h1, h2, h3, h4, h5, h6, .page-title{ /*font-family: "Palatino","Palatino Linotype", serif;*/ font-family: Georgia, "Times New Roman", times, serif; } .page-title{ color: #443b24; font-size: 220%; } h1,h2,h3{ color: #444; } h1{ border-bottom: 1px dotted #AAA; } a{ color: #044004; } a.newpage{ color: #888; } /* INTERFACE ETC. */ .page-options-bottom a{ color: #242; background-color: #EEE; text-decoration: none; } .page-options-bottom a:hover{ background-color: #DDD; } a.action-area-close{ color: #242; background-color: #EEE; text-decoration: none; } div.buttons input, input.button, button, file, a.button, .owindow .button-bar a{ background-color: #F4F4F4; border: 1px solid #AAA; color: #024002; } div.buttons input:hover, input.button:hover, button:hover, a.button:hover, .owindow .button-bar a:hover{ background-color: #DDD; color: #024002; } .owindow .title{ background-color: #E0FFE0; } /* FORUM COLORS */ .forum-group div.head{ background-color: #462; color: #FFF; } .forum-group div.head .title{ color: #f1ff15; } .thread-container .post .options a{ color: #5A5; } .thread-container .post .long .changes a { color: #5A5; } .thread-container .post .short .options{ color: #5A5; }
