Css4
/********************************************* * Monobook Design * by Fereal * http://monobook.wikidot.com/ *********************************************/ /***** GLOBAL HYPERLINKS *****/ p {margin: 7px 0;line-height: 1.36em;} a {color: #4E0000;text-decoration: none;} a.newpage {color: #b30000;} a:hover {color: #222;background-color: transparent;} h1, h2, h3, h4, h5, h6 { color: #222; font-weight: normal; font-family: Helvetica, Arial, sans-serif; line-height: 1.2em; margin: 16px 0; } h1 {font-size: 220%;} h2 {font-size: 180%; color: #444;} h3 {font-size: 170%;} h4 {font-size: 140%;} h5 {font-size: 120%; font-weight: bold;} h6 {font-size: 115%; font-weight: bold;} h2, .comments-box h1 { background: url(http://themes.wdfiles.com/local--files/hello/hello-heading-bg.gif) repeat-x 0 bottom; padding-bottom: 15px; } h4 { background: #fbfbfb url(http://themes.wdfiles.com/local--files/hello/hello-heading-bg.gif) repeat-x 0 center; padding-left: 20px; } h4 span { background: #fbfbfb url(http://themes.wdfiles.com/local--files/hello/hello-body-bg.gif) repeat 0 0; padding: 0 20px; color: #4E0000; } input[type=text], textarea { margin: 0; padding: 7px 5px; background: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#fff), color-stop(.2,#fff)); background-image: -moz-linear-gradient(top,#f5f5f5, #fff, #fff 60%); border: 1px solid #ccc; } input[type=text]:focus, textarea:focus { border: 1px solid #3198dd; outline: none; } /***** HEADER AREA *****/ #header { height: 200px; position: relative; } #header h1 { position: absolute; top: 78px; } #header h1 a { color: #3a3a3a; font-size: 40px; padding: 17px 0 0; letter-spacing: -2px; font-weight: bold; text-shadow: 0 1px 1px rgba(0,0,0,0.2); -webkit-transition: color 140ms linear; -moz-transition: color 140ms linear; transition: color 140ms linear; } #header h1 a:hover {color: #4E0000;} #header h2 { color: #aaa; position: absolute; top: 115px; left: 0px; background: none; text-transform: uppercase; font: 11px Arial, Helvetica, sans-serif; } /*----- LOGIN STATUS ------------------------------------------*/ #login-status { color: #bbb; position: absolute; top: 8px; text-shadow: 0 1px 1px rgba(0,0,0,0.75); } #login-status .printuser a { display: none; } a#account-topbutton { background: none; border: none; } #login-status a { padding: 0 3px; color: #bbb; text-decoration: none; } #login-status a:hover {color: #fff;} #account-options { width: 140px; margin-top: 4px; text-align: center; border: none; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4); box-shadow: 0 0 3px rgba(0,0,0,0.4); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #account-options a { text-shadow: none; color: #888; } /*----- SEARCH TOP BOX -----------------------------------------*/ #search-top-box { position: absolute; right: 0px; top: 78px; height: 30px; width: 240px; text-align: right; } #search-top-box-form { height: 30px; } #search-top-box input.text { width: 170px; margin: 0; padding: 7px 25px 7px 5px; } #search-top-box input.text.empty { color: #666; font-style: italic; } #search-top-box input.button { position: absolute; top: 2px; right: -5px; border: none; display: block; width: 36px; height: 28px; padding: 0; background: transparent url(http://themes.wdfiles.com/local--files/pink-flower/flower-searchButton.png) no-repeat left center; color: transparent; text-indent: -9999px; font-size: 0; line-height: 0; opacity: 0.7; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #search-top-box input.button:hover { opacity: 1; } /***** MODULE SEARCH BAR *****/ #side-bar .search-box{ font-size: 0.82em; } #side-bar .search-box .search-results, #side-bar .search-box .pager{ display: none; } #side-bar .search-box #search-form .text{ width: 122px; } #side-bar .search-box #search-form .button{ position: relative; top: 2px; } #side-bar .search-box .query-area, #side-bar .search-box .query-area #search-form div{ margin: 0; padding: 0; border: none; } #page-content .search-box .query-area #search-form div{ display: none; } /***** PAGE TITLE *****/ #page-title{ font-size: 180%; } /*----- BREADCRUMBS -------------------------------------------*/ #breadcrumbs { color: #666; padding: 5px 10px; width: 95%; margin: 15px 5px; font-size: 11px; background: url(http://themes.wdfiles.com/local--files/hello/hello-breadcrumb-bg.gif) repeat 0 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.15); box-shadow: 0 0 2px rgba(0,0,0,0.15); } #breadcrumbs a {color: #666;} #breadcrumbs a:hover {color: #4E0000;} /***** TOP MENU *****/ #top-bar{ left: 163px; right:auto; font-size: 85%; margin-bottom: -1px; font-family:sans-serif; text-transform: lowercase; width:800px; background: url(http://themes.wdfiles.com/local--files/hello/hello-topbar-bg.gif) repeat 0 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0,0,0,0.1032) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0,0.1032) 0px 1px 2px; box-shadow: rgba(0,0,0,0.1032) 0px 1px 2px; } /*** FIRST LEVEL ***/ #top-bar ul a{ border: 1px solid #aaa; background-color: #FCFCFC; } #top-bar ul strong a{ border: 1px solid #fabd23; border-bottom:1px solid white; } #top-bar ul li a.wiki-standalone-button{ border: 1px solid #aaa; } #top-bar ul li:hover a{ text-decoration: none; background-color: #fff; border-bottom: 1px solid white; } /*** SECOND LEVEL ***/ #top-bar ul li.sfhover ul{ width: 129px; border: 1px solid silver; background-color: #FFF; } #top-bar ul li.sfhover ul li{ height:16px; } #top-bar ul li.sfhover ul li.sfhover{ height:16px; } #top-bar ul li.sfhover ul a{ width: 105px; font-weight: normal; background-color: white; border-style: none; } #top-bar ul li.sfhover ul li:hover a{ background-color: #f5f5f5; } #top-bar ul li.sfhover ul li.sfhover { width: 105px; font-weight: normal; background-color: white; } /*** THIRD LEVEL ***/ #top-bar ul li ul li ul{ display: none; } #top-bar ul li.sfhover ul li.sfhover ul { display: block; position:relative; left: 125px; top: -17px; } #top-bar ul li.sfhover ul li.sfhover ul li a{ background-color: #fff; } #top-bar ul li.sfhover ul li.sfhover ul li:hover a{ background-color: #f5f5f5; } /***** SIDE BAR *****/ #side-bar{ margin-top: 127px; vertical-align:top; width: 11.3em; padding: 3px .5em 0 0; } #side-bar p{ margin: 1em 0 1em; } #side-bar h1{ font-size: 95%; font-family: sans-serif; margin: -0.3em 0 -1em 0.6em; text-transform: lowercase; padding-bottom: 0px; } #side-bar h2{ margin: 0; padding: 0; position: absolute; width:600px; top: 2px; left: 157px; z-index: 30; font-size: 0.82em; font-style: italic; font-weight: normal; } #side-bar h2 a{ font-weight: bold; } #side-bar h3{ margin: 0; position: absolute; width: 600px; top: 81px; left: 170px; font-family:sans-serif; font-size: 90%; } #side-bar p, #side-bar ul{ margin-left: 0; font-size: 85%; font-family: sans-serif; background-color: #ffffff; padding: 4px 4px 4px 6px; border: 1px solid #aaa; line-height: 19px; } #side-bar ul{ list-style-type: none; margin-top: 11px; margin-bottom: 10px; padding-left: 8px; } #side-bar ul li{ text-decoration: none; padding-left: 17px; background-image: url(http://pgiwiki.wikidot.com/local--files/side:files/monobook-dot.png); background-repeat: no-repeat; background-position: center left; } #side-bar p a{ padding: 2px 0 2px 0; } #side-bar p a:hover{ text-decoration: underline; background-color: transparent; } #side-bar div{ margin-left: 0; background-color: #ffffff; border: 1px solid #aaa; padding: 6px 3px 6px 3px; text-align: center; margin-top: 11px; margin-bottom: 11px; } #side-bar div a{ padding: 2px 0 2px 0; } #side-bar .new-page-box{ margin-left: 0; font-size: 0.82em; background-color: #ffffff; padding: 4px 3px 3px 3px; border: 1px solid gray; text-align: center; } #side-bar .actions{ font-size: 0.82em; border: none; padding: 0; margin: 0; } /***** CONTAINER *****/ #container{ background-color: #f9f9f9; font: sans-serif; background-image: url(); background-repeat: repeat-x; min-width: 1000px; } /***** MAIN CONTENT *****/ #main-content{ border: 1px solid #aaa; border-right: none; background-color: #fff; margin-left: 156px; font-family: sans-serif; } /***** GLOBAL HEADERS *****/ h1{ border-bottom: 1px solid silver; padding-bottom: 3px; margin: 0 0 0 0; font-family: sans-serif; font-size: 140%; } h2{ font-family: sans-serif; font-size: 130%; font-weight: bold; margin-bottom: 5px; } /***** PAGE CONTENT *****/ #page-content{ padding-top: 15px; line-height: 150%; } #page-content p{ margin-top: 6px; } #page-content ul{ margin-top: 11px; margin-bottom: 10px; padding-left:5px; } #page-content ul li { background-image: url("http://themes.wikidot.com/local--files/monobook/monobullet.png"); background-position: left top; background-repeat: no-repeat; list-style-type: none; margin-left: 5px; padding-left: 10px; } #page-content .wd-editor-toolbar-panel ul li{ padding-left: 0; } #page-content .wd-editor-toolbar-panel ul{ padding-left: 0; margin: 0; } #page-content .code{ font-size: 85%; } #new-thread-form ul{ padding-left: 0; list-style-image:none; list-style-type:none; } /***** FOOTER *****/ #footer, #license-area{ background-color: #fff; font-size: 85%; } #footer{ border-top: 1px solid #fabd23; padding-top: 8px; padding-bottom: 5px; } #license-area{ padding-bottom: 8px; border-bottom: 1px solid #fabd23; margin-bottom: 5px; } /***** PAGE OPTIONS *****/ .page-options-bottom a{ font-size: 90%; } /***** TABLE OF CONTENTS *****/ #toc{ border: 1px solid gray; } #toc-action-bar a{ font-size: 90%; } /***** WIKIDOT EDITOR *****/ #edit-page-textarea{ font-size: 80%; height: 500px; } /***** MISC *****/ .image-container{ padding:0; } .page-watch-options{ display:none; } /***** RANDOM TEXT *****/ #side-bar .list-pages-box{ position: absolute; top: 0px; left: 157px; background: transparent; border-width:0px; z-index: 30; margin: 0; padding: 0; } #side-bar .list-pages-item{ background: transparent; border-width: 0px; margin: 0; padding: 0; } #side-bar .list-pages-item p{ position: relative; z-index: 2; margin: 0; padding: 0; background:transparent; border-width:0px; width:600px; text-align:left; font-size: 0.82em; font-style: italic; font-weight: normal; }
page revision: 4, last edited: 18 Feb 2012 01:50