This Cascaded Style Sheet has had the "legacy IDs" converted to classes (and thus emulating the original Localize 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:localize");
/* CSS converted verbatim from Wikidot's original "Localize" CSS, located at http://www.wikidot.com/common--theme/localize/css/style.css */ @import url("http://bootstrap-playground.wdfiles.com/local--code_/legacy:css:base"); /* based on http://www.openwebdesign.org/viewdesign.phtml?id=2063&referer=%2Fbrowse.php%3Fpage%3D1%26sort%3Ddownloadsdesc */ body { font-family:verdana, arial, sans-serif; color:#555555; /* text-align:center;*/ background-color:#DDDDDD; min-width: 60em; } h1 { /*padding:0; margin:0;*/ font-size:200%; font-weight:normal; font-style:italic; color:#8CD749; font-family:"Trebuchet MS", verdana, arial, sans-serif; } h2 { background-color:#DDDDDD; color:#3B4471; font-weight:normal; margin:0.2em; padding:0; font-style:italic; font-family:"Trebuchet MS", verdana, arial, sans-serif; } a:link, a:visited { color:#4da020; text-decoration:underline; } a:hover { color:#3B4471; text-decoration:none; background-color: transparent; } a:active { color:#4da020; text-decoration:underline; } .container-wrap{ padding: 0 0 0 40px; background-image:url(../images/margin2_l.png); background-repeat: repeat-y; background-position: top left; background-color:#FFFFFF; } .container { padding: 0 40px 0 0; /*margin: 0 0 0 40px;*/ background-image:url(../images/margin2_r.png); background-repeat: repeat-y; background-position: top right; } .header { padding:1em 0; margin:0; text-align:left; background-image:url(../images/leaf.jpg); background-repeat:no-repeat; background-position:right center; height: 6em; } .header h1 { margin-left: 50px; } .header h2 { margin-left: 50px; text-indent:4em; color:#3B4471; background-color: transparent; } .top-bar{ background-color:#999999; left: 0; right:0; width: 100%; } .top-bar ul { background-color:#999999;} .top-bar a:link, .top-bar a:visited { text-decoration:none; background-color:#999999; color:#FFFFFF;} .top-bar a:hover { text-decoration:none; background-color:#8CD749; color:#FFFFFF;} .top-bar a:active { text-decoration:none; background-color:#999999; color:#FFFFFF;} .login-status{ right: 250px; } #search-top-box{ right: 250px; } .side-bar { float:right; clear:both; width:13em; margin:1em 0 0 0; padding:0; text-align: left; } .side-bar h2 { text-align:left; padding:0 0 0 1.5em;} .side-bar h1 { background-color:#DDDDDD; color:#3B4471; font-size:130%; font-weight:normal; margin:0.2em; padding:0.2em 1em; font-style:italic; font-family:"Trebuchet MS", verdana, arial, sans-serif; } .side-bar ul{ display: block; padding: 0; list-style: none; } .side-bar ul li{ display:block; } .side-bar ul li a{ display:block; padding: 5px 5px; } .main-content { text-align:left; margin:0.5em 13.5em 0 0; padding:0.5em 1ex 1em 1.5ex; } #page-content { padding: 0 1em; } .main-content p{ line-height: 1.4em; } .main-content h2 {text-indent:3em;} .footer { color:#999999; font-size:75%; margin:2.5em 0.2em 0.5em 0.5em; padding:0.8em; border-top:1px solid #999999; text-align:left; clear:both;} .footer .right { float:right; clear:right; text-align:right;} .footer p {margin:0;} .page-options-bottom a, a.action-area-close{ color: #242; background-color: #DDDDDD; text-decoration: none; } .page-options-bottom a:hover{ background-color: #DDD; } .owindow .title{ background-color: rgb(243,242,235); } /* FORUM COLORS */ .forum-group div.head{ background-color: #739462; color: #FFF; } .forum-group div.head .title{ color: #efedea; } .thread-container .post .options a{ color: #739462; } .thread-container .post .long .changes a { color: #739462; } .thread-container .post .short .options{ color: #739462; } .forum-group table tr.head td{ background-color: #DDDDDD; } .forum-category-box .description-block{ background-color: #DDDDDD; } .forum-category-box table tr.head td{ background-color:#DDDDDD; } .forum-new-thread-box .description{ background-color: #DDDDDD; } .forum-thread-box .description-block{ background-color: #DDDDDD; } .thread-container .post .head{ background-color: #DDDDDD; } .thread-container .post .long .revisions table tr.active td{ background-color: rgb(243,242,235); } .thread-container .post .short{ background-color: #DDDDDD; } div.new-post a{ background-color: #DDDDDD; }