This Cascaded Style Sheet has had the "legacy IDs" converted to classes (and thus emulating the original Webbish - no side bar 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:webbish2-no-side-bar");
/* CSS converted verbatim from Wikidot's original "Webbish - no side bar" CSS, located at http://www.wikidot.com/common--theme/webbish2-no-side-bar/css/style.css */ @import url("http://bootstrap-playground.wdfiles.com/local--code_/legacy:css:base"); body{ background-color: #8a8a8a; font-family: verdana,arial,helvetica,sans-serif; font-size: 0.75em; min-width: 60em; } /* general */ a{ color: #061fd0; } a:hover{ background-color: transparent; text-decoration: none; } a.newpage{ color: #888; } input{ font-family: verdana,arial,helvetica,sans-serif; } .container-wrap{ padding: 0 0 0 35px; background-image:url(../images/sideback2_l.png); background-repeat: repeat-y; background-position: top left; background-color: white; } .container { padding: 0 35px 0 0; background-image:url(../images/sideback2_r.png); background-repeat: repeat-y; background-position: top right; } textarea{ font-family: verdana,arial,helvetica,sans-serif; } .main-content{ margin-left: 15em; margin-right: 1em; } .main-content p{ line-height: 1.4em; } .top-bar{ right: 0; padding-right: 220px; padding-left: 2em; font-weight: bold; background-color:#8dab50; margin-bottom: 5px; } .top-bar li{ margin: 0; } .top-bar ul li a, .top-bar ul li ul li a { border-left:2px dotted #FFF; background-color:#8dab50; } .top-bar ul li a:hover, .top-bar ul li ul li a:hover{ background-color: #f2fbeb; color: #388c00; text-decoration: none; } .top-bar ul li ul{ font-weight: normal; border: 1px solid #c7d1b6; } .top-bar ul li ul li a { border: none; } .top-bar a { color: white; } .header { border-bottom: 1px solid #888; height: 8em; background: url(../images/webbish-header-bg.png) repeat-x top; } .header h1{ font-size: 220%; padding: 0.5em 0 0 1em; font-family: arial,helvetica,sans-serif; font-weight: bold; } .header h2{ font-size: 180%; font-weight: bold; padding: 0 0 0 3em; font-family: arial,helvetica,sans-serif; float: left; position: absolute; z-index: 20; } .side-bar{ width: 14em; padding: 0; background-color: #F9FFEE; border-right: 1px solid #ACBF60; } .side-bar h1, .side-bar h2, .side-bar h3{ text-align: center; } .side-bar ul{ display: block; padding: 0; margin: 0; list-style: none; } .side-bar ul li{ display:block; } .side-bar li a { padding-top: 2px; padding-bottom: 2px; display: block; padding-left: 1em; border-bottom: 1px solid #D9DDCF; color: #1E2B31; text-decoration: none; } .side-bar li a:hover { background-color: #888; color: white; } .side-bar p { padding: 5px; margin: 0px; margin-bottom: 3px; margin: 0px; } .main-content h1 { font-weight: bold; color: #377; font-family: arial,helvetica,sans-serif; } .main-content h2{ font-weight: bold; color: #599; font-family: arial,helvetica,sans-serif; } .main-content h3 { font-weight: bold; color: #144; font-family: arial,helvetica,sans-serif; } .page-title{ font-weight: bold; color: #737a54; border-color: #a3aa94; font-family: arial,helvetica,sans-serif; margin-top: 0; } .footer { background-color: #555; padding-top: 3px; padding-bottom: 3px; border-top: 2px solid #2A343D; color: #E7E9DC; text-align: left; } .footer a { color: #EEE; } .license-area{ background-color: #EEE; padding: 0.2em 1em; margin: 0; } .page-options-bottom a, a.action-area-close{ color: #242; background-color: #EEE; text-decoration: none; } .page-options-bottom a:hover, a.action-area-close:hover{ background-color: #DDD; } .page-tags span{ font-size: 100%; } /* change layout only - remove side bar */ .side-bar{ display: none; } .main-content{ margin-left: 1em; margin-right: 1em; }
