Wikidot Front
/* GLOBAL WIDTH */ #header, #top-bar { width: 804px; margin-left: auto; margin-right: auto; } body { background-color: #fff; background-image: url(http://www.wikidot.com/local--files/files-shiny/body_bg.png); background-repeat: repeat-x; font-size: 0.80em; } /* HEADER */ #header { height: 140px; position: relative; z-index: 10; padding-bottom: 22px; } #search-top-box { position: absolute; top: 79px; right: 9px; } #login-status { color: #aaa; font-size: 90%; z-index: 30; } #login-status a { background: transparent; color: #ddd; } #login-status ul a { color: #700; background: transparent; } #account-topbutton { background: #ccc; color: #700; } .printuser img.small { margin-right: 0.4em; } #header h1 { float: left; padding-top: 80px; } #header h1 a { display: block; color: #eee; background: transparent; line-height: 0; font-size: 180%; text-decoration: none; } #header h2 { color: #000; font-size: 105%; clear: left; padding-top: 44px; line-height: 0; font-weight: bold; } /* TOP MENU */ #top-bar { position: absolute; z-index: 50; top: 140px; right: 0; height: 21px; line-height: 18px; padding: 0; z-index: 20; font-size: 90%; } #top-bar ul { float: right; } #top-bar a { color: #fff; background: transparent; } #top-bar ul li, #top-bar ul li ul { border-width: 1px 0 0; border-color: #444; border-style: solid; } #top-bar ul li a { border-style: solid; border-color: #444; border-width: 0 0 0 1px; text-decoration: none; padding-top: 10px; padding-bottom: 10px; line-height: 1px; max-height: 1px; overflow: hidden; } #top-bar ul li.sfhover a { background: #eee; color: #a01; } #top-bar ul li.sfhover ul li a { border-width: 0; width: 150px; border-top: 1px solid #ddd; line-height: 160%; height: auto; max-height: none; padding-top: 0; padding-bottom: 0; } #top-bar ul li.sfhover a:hover { background: #fff; text-decoration: none; } #top-bar ul li ul { border-top-width: 0; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; width: auto; } #top-bar ul li ul li, #top-bar ul li ul li.sfhover { border-width: 0; } #top-bar ul li ul li a { border-width: 0; } #top-bar ul li ul a, #top-bar a:hover { color: #a01; } /* SIDE MENU */ #side-bar { clear: both; padding: 10px; margin: 0 0 0 2em; width: 15em; border: 1px solid #dedede; } /* CONTENT */ #main-content { margin: 0 4em 0 23em; } /* YUI-TABS */ .yui-navset .yui-content{ background-color: #f5f5f5; } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color:#d8d8d8; background-image: url(http://www.wikidot.com/local--files/files-shiny/yuitabs.png); } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */ .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */ background:#700 url(http://www.wikidot.com/local--files/files-shiny/yuitabs.png) repeat-x left -1400px; /* selected tab background */ color:#fff; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background:#d88 url(http://www.wikidot.com/local--files/files-shiny/yuitabs.png) repeat-x left -1300px; text-decoration: none; } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border-color: #444; } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border-color: #444; } .yui-navset li { line-height: normal; } /* FOOTER */ #footer { clear: both; padding-top: 1em; font-size: 77%; background: #444; color: #bbb; margin-top: 15px; padding-top: 3px; padding-bottom: 3px; } #footer .options { visibility: visible; display: block; float: right; width: 50%; font-size: 100%; text-align: right; } #footer a { color: #fff; background: transparent; } #license-area { display: none; } /* COMMON */ #content-wrap { margin-top: 2em; } h1, #page-title { color: #901; padding-top: 0; margin-bottom: 0.5em; padding-bottom: 0.25em; } h1 { margin-top: 0.4em; font-weight: bold; } h2, h3, h4, h5, h6, h7 { margin-top: 0.7em; padding-top: 0; letter-spacing: 1px; } .column1 h1, .column2 h1 { margin-top: 0; } #page-title { border-color: #bbb; } ul { list-style-image: url(http://www.wikidot.com/local--files/files-shiny/bullet.gif); } li, p { line-height: 141%; color: #333; } li, .yui-navset div.yui-content li { line-height: 130%; } input { border: 1px solid #ccc; background: #fff; } input.submit { background: #ddd; font-weight: bold; color: #940013; } a { color: #b01; text-decoration: none; } a:visited { color: #601; } a.newpage { color: #d61; text-decoration: none; } a:hover { text-decoration: underline; } /* HEADER */ #header h1 { float: left; width: 319px; height: 140px; padding: 0; margin: 0; } #header h1 a { display: block; height: 140px; width: 319px; background-image: url(http://www.wikidot.com/local--files/files-shiny/wikidot_logo.png); background-repeat: no-repeat; } #header h1 a span { display: none; } #header h2 { display: none; } /* TABS */ div.main-tabs { clear: both; padding: 2.5em 0 0; } /* SEARCH BY TAGS */ div.search-by-tags { padding: 0 10px 12px; margin: 7px 4px 12px; background: #eee; border: 1px solid #ccc; overflow: hidden; } div.sites-tag-cloud-box { line-height: 70%; font-size: 270%; text-align: justify; } /* BODY WITH NO MENU BAR */ body { background-image: url(http://www.wikidot.com/local--files/files-shiny/body_bg_nomenu.png); } /* GLOBAL WIDTH */ #main-content { width: 804px; margin: 0.6em auto 0; } /* HEADER */ #header { padding-bottom: 0; } #search-top-box { display: none; } #header-extra-div-1 { position: static; float: right; height: 140px; width: 305px; overflow: hidden; margin-right: 10px; background: url(http://www.wikidot.com/local--files/files-shiny/best_experience.png); background-repeat: no-repeat; } /* CONTENT -- WELCOME */ div.column1, div.column2 { float: left; width: 422px; } div.column1 h1, div.column2 h1 { text-align: center; } div.column2 { width: 382px; } div.welcome, div.opinion { padding-right: 16px; } div.get-your-wiki, div.learn-more { padding-left: 16px; } div.new-wiki-widget-box { padding: 0.5em 0 1.7em; overflow: hidden; text-align: center; } div.new-wiki-widget-box table { border-collapse: collapse; width: 1px; margin-left: auto; margin-right: auto; } div.new-wiki-widget-box table td { text-align: center; vertical-align: middle; } div.new-wiki-widget-box input.text { width: 105px; text-align: right; border-color: #aaa; } div.new-wiki-widget-box input.text.empty { color: #666; } div.new-wiki-widget-box a { display: block; font-weight: bold; background: #801 url(http://www.wikidot.com/local--files/files-shiny/get_it_bg.png) center repeat-x; letter-spacing: 1px; padding: 4px 5px; margin-left: 2px; border: #ddd 1px solid; border-bottom-color: #666; border-right-color: #666; width: auto; white-space: nowrap; } div.new-wiki-widget-box a, div.new-wiki-widget-box a:active, div.new-wiki-widget-box a:hover, div.new-wiki-widget-box a:visited { color: #fff; } div.opinion { margin-top: 48px; font-style: italic; font-size: 90%; } /* FOOTER */ #footer { margin-left: 0; margin-right: 0; } #footer .options { visibility: visible; display: block; float: right; width: 50%; font-size: 100%; text-align: right; } #license-area { display: none; } /* TAB: NEWS */ div.front-forum-box div { padding: 0 10px 8px; margin: 7px 4px 12px; background: #eee; border: 1px solid #ccc; overflow: hidden; } div.front-forum-box img { padding: 2px; border: 1px solid #999; margin: 5px 7px; } div.front-forum-box div div { background: transparent; border: none; padding: 0; margin: 0; } div.front-forum-box div.feedinfo { padding-top: 8px; } div.front-forum-box div.feedinfo img { padding: 0; border: 0; margin: 0; } /* TAB: HOT */ div.hot-container { overflow: hidden; } div.hot-box-outer-left, div.hot-box-outer-right { float: left; width: 50%; } div.hot-box-outer-left { clear: left; } div.hot-container div.hot-box-inner { padding: 0 10px 12px; margin: 7px 4px 5px; background: #eee; border: 1px solid #ccc; overflow: hidden; } div.hot-box-outer-left div.hot-box-inner { margin-right: 6px; } div.hot-box-outer-right div.hot-box-inner { margin-left: 6px; } div.hot-box-inner table { width: 100%; } div.recent-edits { clear: left; padding-bottom: 1em; } /* TAB: SEARCH */ div.search-content { padding: 0 10px 12px; margin: 7px 4px 12px; background: #eee; border: 1px solid #ccc; overflow: hidden; } div.search-content div { padding: 0; margin: 0; background: transparent; border: none; } /* TAB: MORE */ div.tab-more { background: #eee; border: 1px solid #ccc; padding: 0 10px 12px; margin: 7px 4px 12px; }