Css
/* GLOBAL ---------------------------------------------------------- */ body { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; } a, a:link, a:visited { color: #37BD39; text-decoration: none; } a:hover { color: #269A29; text-decoration: underline; background-color: transparent; } h1, h2, h3, h4, h5, h6 { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; color: #252323; font-weight: normal; } h1 { font-size: 220%; margin: 0 0 20px 0; padding: 5px 0; } h2 { font-size: 190%; margin: 0 0 20px 0; padding: 0; } h3 { font-size: 160%; margin: 0 0 15px; padding: 0; } h4 { font-size: 130%; margin: 0 0 10px; padding: 0; } h5 { font-size: 120%; margin: 0 0 5px; padding: 0; } h6 { font-size: 110%; margin: 0 0 5px; padding: 0; } input.text, textarea { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* LAYOUT ---------------------------------------------------------- */ html { background: #dbdbdd url(/local--files/css:theme/heaven-bg-green.png) repeat-x center -120px; } body { background: transparent url(/local--files/css:theme/heaven-footer.png) repeat-x center bottom; } #container-wrap-wrap { min-width: 481px; max-width: 1024px; /* width: 960px;*/ margin: 0 auto; position: relative; } #container-wrap { position: relative; z-index: 20; } #container { margin: 0 10% 0 5%; } /* Header */ #header { position: relative; z-index: 40; width: 100%; height: 140px; background: url(/local--files/css:theme/heaven-header-transparent.png) no-repeat center top; _background: none; /* for IE6 - b/c it doesn't support transparent png */ } #header h1 { position: relative; top: 20px; text-align: center; font-size: 350%; } #header h1 a { color: #fff; font-family: Georgia; text-shadow: 0 0 4px rgba(0,0,0,0.5); } #header h2 { position: relative; top: 20px; text-align: center; font-size: 140%; color: #265529; font-family: Georgia; } /* Login Status & Account Options */ #login-status { position: absolute; top: 0; right: 20px; color: #212121; height: 30px; line-height: 30px; width: 300px; font-size: 0.85em; text-align: right; } #login-status a { color: #212121; } #login-status a:hover, #login-status a:focus { color: #fff; text-decoration: none; } #login-status .printuser { color: #212121; margin-right: 4px; } #login-status .printuser a img.small { display: none; } a#account-topbutton { margin-left: 1px; padding: 10px; border: none; background: none; } #account-options { width: auto; background: rgba(0,0,0,0.6); text-align: center; border: 1px solid white; margin-top: -7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #account-options ul li a { background: rgba(255,255,255,0); padding: 0 10px; margin: 0; height: 15px; line-height: 15px; border-bottom: none; color: #fff; } #account-options ul li a:hover, #account-options ul li a:focus { color: #37BD39; text-decoration: none; background: white; border-bottom: none; } /* Search top box */ #search-top-box { display: none; } /* Topbar */ #top-bar { position: absolute; right: 10px; bottom: 0; font-size: 14px; height: 30px; padding: 0 10px; background-color: #edecec; background-image: url(/local--files/css:theme/heaven-topbar-bg-white.png); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ede8e8)); background-image: -moz-linear-gradient(top, #fff, #ede8e8); background-repeat: repeat-x; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; -webkit-box-shadow: 1px -1px 3px rgba(0,0,0,0.22); -moz-box-shadow: 1px -1px 3px rgba(0,0,0,0.22); box-shadow: 1px -1px 3px rgba(0,0,0,0.22); font-size: 1.2em; } #top-bar ul { float: left; border-left: 1px solid #fff; border-right: 1px solid #edecec; } #top-bar ul li { float: left; border-right: 1px solid #fff; border-left: 1px solid #edecec; margin: 0; height: 20px; padding: 5px 2px; position: relative; } #top-bar ul li a { text-shadow: 0 1px 0 #fff; color: #323232; } #top-bar ul li:hover { background-color: #0071cb; background-image: url(/local--files/css:theme/heaven-topbar-bg-green.png); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#269A29), to(#67D569)); background-image: -moz-linear-gradient(top, #269A29, #67D569); background-repeat: repeat-x; } #top-bar ul li a.current-link, #top-bar ul li a:hover { color: #269A29; background: none; text-decoration: none; } #top-bar ul li:hover a, #top-bar ul li a:hover { color: #fff; text-shadow: 0 1px 0 #1463a8; } #top-bar ul li a:active { position: relative; top: 1px; left: 1px; } /* Drop-down menus */ #top-bar ul li ul { opacity: 0; visibility: hidden; -webkit-transition: opacity 400ms ease; } #top-bar ul li:hover ul { opacity: 1; visibility: visible; z-index: 9999; position: absolute; display: inline-block; width: auto; top: 30px; right: 0px; padding: 0; border: none; background-color: #edecec; background-image: url(/local--files/css:theme/heaven-topbar-bg-white.png); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#edecec)); background-image: -moz-linear-gradient(top, #fff, #edecec); background-repeat: repeat-x; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.4); box-shadow: 0 0 4px rgba(0,0,0,0.4); } #top-bar ul li ul li { border: none; height: 25px; background: none; padding: 0 0 0 0; } #top-bar ul li:hover ul li a { margin: 0; height: 25px; color: #323232; display: block; background: none; text-shadow: none; text-align: right; line-height: 23px; } #top-bar ul li:hover ul li a:hover { color: #fff; background: none; text-shadow: 0 1px 0 #1463a8; } #top-bar ul li ul li:last-child, #top-bar ul li.sfhover ul li.sfhover:last-child { -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } /* Sidebar */ #side-bar { margin: 0; float: right; width: 200px; padding: 15px 5px 5px; position: relative; z-index: 20; } #side-bar ul { margin: 0; padding: 0; width: 190px; list-style: none; background: transparent url(/local--files/css:theme/heaven-horizontal-divider.png) repeat-x right bottom; } #side-bar ul li { margin: 0; padding: 6px 0; display: block; font-size: 1.1em; background: transparent url(/local--files/css:theme/heaven-horizontal-divider.png) repeat-x right top; padding-left: 10px; } #side-bar ul li a { color: #444; -webkit-transition: padding 150ms ease-out; -moz-transition: padding 150ms ease-out; } #side-bar ul li a:hover { color: #0085fe; padding-left: 10px; } #side-bar hr { height: 0; border-top: 1px solid #d9d7d8; border-bottom: 1px solid #fff; position: relative; } #side-bar h5 { text-align: center; font-size: 110%; margin: 0; } #side-bar input.text { width: 160px; margin: 7px 0; padding: 3px 30px 3px 5px; border: 1px solid; border-color: #c1c0c5 #c1c0c5 #d9d7d8 #d9d7d8; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: -1px 1px 2px rgba(0,0,0,0.2) inset; box-shadow: -1px 1px 2px rgba(0,0,0,0.2) inset; } #side-bar input.text:focus { outline: none; border-color: #1670c8; } #side-bar .search-box { position: relative; } #side-bar .search-box input.button { border: none; text-indent: -9999px; color: transparent; background: transparent url(/local--files/css:theme/heaven-search-icon.png) no-repeat; display: block; height: 16px; width: 16px; position: absolute; top: 11px; right: 8px; } #side-bar .search-box input.button { cursor: pointer; background: transparent url(/local--files/css:theme/heaven-search-icon.png) no-repeat; } /* Main Content */ #content-wrap { margin: 0; padding: 0 10px 0 0; position: relative; overflow: visible; z-index: 30; background: #f4f6f6; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.4); -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.4); box-shadow: 0 3px 7px rgba(0,0,0,0.4); border-top: 1px solid #fff; } #main-content { z-index: 30; margin: 0 220px 0 0; padding-bottom: 5px; position: relative; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: transparent url(/local--files/css:theme/heaven-main-shadow-right2.png) repeat-y right top; } #page-title { color: #323232; padding: 10px 10px 2px 0; margin: 0; border: none; text-shadow: 0 1px 0 rgba(255,255,255,0.9); background: transparent url(/local--files/css:theme/heaven-horizontal-divider.png) repeat-x right bottom; } #breadcrumbs { padding: 8px 0 6px 40px; background: transparent url(/local--files/css:theme/heaven-horizontal-divider.png) repeat-x right bottom; } #footer { clear: both; width: 940px; margin-top: 25px; } #license-area { padding-bottom: 10px; } #footer, #footer a { color: #ddd; font-size: 0.9em; } #license-area, #license-area a { color: #ddd; font-size: 0.85em; } /* WIKIDOT ELEMENTS ---------------------------------------------------------- */ hr { height: 0; border-top: 1px solid #d9d7d8; border-bottom: 1px solid #fff; margin: 10px 0; } .code { background: #fff; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } pre { white-space:pre-wrap; } blockquote { padding: 0 5px; background: #e2e4e4; border: 1px solid #c9cbcb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #breadcrumbs { margin: 5px 0; } /* Buttons */ div.buttons input, input.button, button, file, a.button, .button-bar a, #new-post-button, .rate-points, .rateup a, .ratedown a, .cancel a, .pager a, .new-post a { height: auto; padding: 4px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #acacac; color: #444; font-size: 1.1em; margin: 0 5px; } div.buttons input:hover, input.button:hover, button:hover, file:hover, a.button:hover, .button-bar a:hover, #new-post-button:hover, .rateup a:hover, .ratedown a:hover, .cancel a:hover, .pager a:hover, .new-post a:hover { color: #fff; background-color: #1d76c5; border: 1px solid #0b6194; text-decoration: none; } .page-rate-widget-box .rate-points, .pager .current { padding: 4px 6px; font-size: 1.1em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; } #site-manager { margin: 0; } /* DIFFERENT LAYOUT OPTIONS ---------------------------------------------------- */ /* No sidebar */ #side-bar { display: none; } #content-wrap { padding: 0; } #main-content { margin: 0; } /* Left sidebar #side-bar { float: left; background-repeat: repeat; } #content-wrap { padding: 0 0 0 10px; } #main-content { margin: 0 0 0 220px; background: transparent url(/local--files/css:theme/heaven-main-shadow-left2.png) repeat-y left top; } */ /* mascot-golf tweaks */ #login-status { display: none; } p { margin: 0 0 12px 0; } /* Data Forms */ /* hide anonymous note on forms */ #edit-page-form div.note-block { display: none; } .form-label { font-style: italic; font-size: 100%; color: darkred; display:block; padding: 0; margin: 0px 0 0 0px; } /* same as h2 font */ .form-row.row-1 { display: table-row; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; color: #252323; font-weight: normal; font-size: 190%; margin: 20px 0 0 -100px; } .form-row.row-21 .form-text{ background-color: #FEF5AF; } .form-row.row-21 .form-label{ background-color: #FEF5AF; color: #000000; font-weight: bold; font-size: 20px; text-align: center; } .form-row.row-21 td.form-labels { background-color: #FEF5AF; } .form-label { text-align: right; } tr.form-row.row-0{ display: none; } #action-area h1 { display: none; } #page-title { margin-bottom: 20px; } /* new page button */ .newpage-button, .newpage-button a {color: #000; text-decoration: none;} .newpage-button:hover, .newpage-button a:hover {color: #000; text-decoration: none;} .newpage-button p {margin: 0;} .newpage-button { vertical-align: middle; background: none !important; background-color: #5F8A5D !important; border: 1px solid #DDD; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 26px; padding: 0 .5em; } .newpage-button:hover { background-color: #1F5B1F !important; background-position: 0 -26px; border: 1px solid #1F5B1F !important; color: white !iportant; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .newpage-button a:hover { color: white !important; } table.wiki-content-table { border-collapse: collapse; border-spacing: 0; margin: 0.5em 0; } .image-container.floatleft { padding: 0; } /* Tag Buttons ============================== */ .tag-buttons { float: left; display: block; -moz-border-radius: 4px 4px 4px 4px; background: none repeat scroll 0 0 #E2E4E4; border: 1px solid #7A0000; padding: 10px; margin: 5px; width: 210px; text-align: center; color: #7A0000; } a.tag-buttons { color: #7A0000; } .tag-buttons:hover { background: none repeat scroll 0 0 #012511; border: 1px solid #7A0000; color: #FAD00C; } #new-post-button { display: none !important; } #np-editor-title { display: none !important; } #np-editor-panel { display: none !important; } #np-title.text { display: none !important; } /* Hide Page Tags ============================== */ .page-tags { xdisplay: none; } /* Permission Errors ============================== */ #ohandle-1.title { color: #F5F5F5; } #ohandle-1.title:before{ content: "Administrative Use Only"; color: darkred; font-size: 18px; } #owindow-1.owindow p { display: none; } #owindow-1.owindow h1 { color: white; } #owindow-1.owindow h1:before{ content: "Sorry, that option is for administrative use only."; color: black; font-size: 18px; }
page revision: 26, last edited: 18 Feb 2012 14:31