Theme
/* STYLESHEET AND FONT IMPORTS ============================================*/ @import url(http://themes.wdfiles.com/local--code/hello/1); @import url(http://fonts.googleapis.com/css?family=Open+Sans); @import url(http://fonts.googleapis.com/css?family=Satisfy); @import url(http://fonts.googleapis.com/css?family=Lato:400,700,300); /* GLOBAL ============================================*/ body { background-image: url("/local--files/css:theme/bg-center.gif"); background-position: center top; background-repeat: repeat; color: #000000; font: 0.82em "Open Sans" } p { font-family: "Open Sans"; font-size:110%; } a[href $='.pdf'] { padding-left: 18px; background: transparent url(/local--files/css:theme/icon_pdf.gif) no-repeat center left; } a[href $='.doc'] { padding-left: 18px; background: transparent url(/local--files/css:theme/icon_doc.gif) no-repeat center left; } a[href $='.docx'] { padding-left: 18px; background: transparent url(/local--files/css:theme/icon_doc.gif) no-repeat center left; } a[href $='.xls'] { padding-left: 18px; background: transparent url(/local--files/css:theme/icon_xls.gif) no-repeat center left; } a[href $='.xlsx'] { padding-left: 18px; background: transparent url(/local--files/css:theme/icon_xls.gif) no-repeat center left; } h1, h2, h4, h5, h6 { color: #468259; font-family: "Open Sans"; } h3 { color: #473C37; font: 300 30px/36px 'Lato',sans-serif; } h4, h4 span { background:none; color: #468259; padding-left:0; } /* HEADERS ============================================*/ #header { background-color: gray; border-radius: 15px 15px 0 0; height: 355px; top: 15px; } #header h2, #top-bar { left:200px; } #header h1 { left: 17px; top: 320px; z-index: 50; } #header h1 a { color: #3C8CCE; font-family: "Satisfy", sans-serif; font-size: 30px; letter-spacing: 1px; } #header h1 a:hover { background-color: transparent; } #header h2 { color: lightblue; font-family: "Open Sans", sans-serif; font-size: 24px; left: 405px; text-transform: lowercase; top:130px; width: 469px; } #header-extra-div-1 { background-color: #transparent; background-image: url("/local--files/css:theme/handprint_tree.jpg"); background-position: left top; background-repeat: no-repeat; border: none; border-radius: 15px 0 0 0; height: 355px; position: absolute; top:0; width: 338px; z-index: 10; } #header-extra-div-2 { background-color: #transparent; background-image: url("/local--files/css:theme/sh_twohands.png"); background-position: center top; background-repeat: no-repeat; border: none; height: 81px; position: absolute; right:0; top:300px; width: 176px; z-index: 10; } .summary { font-size: 30px; margin-top: 30px; position: absolute; right: 50px; width: 459px; } /* LOGIN =============================*/ #login-status { display:none; } /* SEARCH BOX =============================*/ #search-top-box { -moz-transition: all 500ms ease 0s !important; -o-transition: all 500ms ease 0s !important; -webkit-transition: all 500ms ease 0s !important; background: none repeat scroll 0 0 rgba(240, 240, 240, 0.2); border: 1px solid #CECECE; border-radius: 0 4px 4px 0; color: transparent; height: 32px; margin-right: 16px; position: absolute; right: 0; text-align: right; top: 5px; width: auto; } .search-box .query-area { display:none; } #search-top-box input.text.empty { color: transparent; content: "]]"; cursor: pointer !important; font-style: italic; margin-right: 0; margin-top: 0; text-align: left; text-indent: -8000px; width: 20px; z-index: 60; } #search-top-box input.text:focus { background-color: #FFFFFF !important; border: 1px solid #BBBBBB !important; box-shadow: none !important; color: #666666 !important; margin-left: 15px; width: 115px !important; z-index: -1 !important; } #search-top-box input.text.empty:focus input.button { z-index: 999 !important; } #search-top-box input.button { background: url("http://www.strathpeffervillage.org.uk/local--files/css2:theme/search.png") no-repeat scroll left top transparent; border: medium none; box-shadow: none; color: transparent; display: block; font-size: 0; height: 25px; line-height: 0; opacity: 1; padding: 0; position: absolute; right: 0; text-indent: -9999px; top: 3px; width: 22px; z-index: -1; } #search-top-box input.text { -moz-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s !important; -webkit-transition: all 500ms ease 0s !important; background: none repeat scroll 0 0 transparent; border: 1px solid transparent !important; box-shadow: none; color: transparent; margin: 0; padding: 7px 25px 7px 5px; top: -1px; width: 16px; z-index: 60; } #search-top-box input.button:hover { opacity: 1; } #search-top-box input.button:active { right: 20px !important; position: absolute !important; top: 3px !important; } /* TOP BAR ============================================*/ #top-bar { background: none; background-color: transparent; border: medium none; box-shadow: none; height: 43px; margin-left: 163px; position: absolute; top: 76px; width: 520px; } #top-bar ul { border: none; } #top-bar ul li:first-child a { border-radius: 0; } #top-bar ul li:first-child a:hover { background-color: transparent; } #top-bar ul li a { border: medium none; color: #FFFFFF; font-size:18px; text-shadow: none; height: 30px; width: 90px; padding: 0 20px; } #top-bar ul li a:hover, #top-bar ul li.sfhover a { background-color: transparent; border-bottom: 2px solid #3C8CCE; } #top-bar ul li ul li { background-color: #ddd; } #top-bar ul li a.current-link { border-bottom: 2px solid #FFFFFF; color: #fff; } /* CONTENT ============================================*/ #page-title { /* font-family: "Open Sans"; */ /* font-size: 30px; */ /* padding-top:10px; */ display:none; } #main-content { border: 1px solid #888; width:958px; } #page-content { background-color: #fff; min-height:700px; padding: 10px; width:940px; } #page-content ul li { font-size:110%; } /* DATAFORMS ============================================*/ /* Following rule is for the reset/delete/add file button in the dataform */ .form-values a { border:1px solid red; color:red; margin-left:50px; padding:0 10px; } /* Following rule hides the page title on dataforms - the heading field is used instead */ .form-row.row-0 { display: none; } div.new-page-box { text-align: left !important; } /* TABLES ============================================*/ table.wiki-content-table { margin: 10px 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, .pager .current, div.new-post a, .owindow .button-bar a { height: auto; padding: 6px 10px; font-family: "Open Sans"; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: url(http://themes.wdfiles.com/local--files/hello/hello-button-bg.gif) repeat-x; border: 1px solid #d4d4d4; color: #616161; margin: 0 5px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); } 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, div.new-post a:hover, .owindow .button-bar a:hover { color: #515151; background: #fff; text-decoration: none; cursor: pointer; } #files-button, #more-options-button, #tags-button, #site-tools-button, #print-button { display: none; } /* FOOTER ============================================*/ #footer { background-color: gray; margin-top: 0; } #page-options-container { padding-bottom: 10px; } .page-options-bottom a { background: url("http://themes.wdfiles.com/local--files/hello/hello-button-bg.gif") repeat-x scroll 0 0 transparent; border: 1px solid #D4D4D4; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); color: #616161; font-family: "Open Sans"; height: auto; margin: 0 5px; padding: 6px 10px; } #license-area { color: #EEEEEE; margin-top: -60px; z-index: 50; } #footer a, #license-area a, #footer td { color: #eee; } #page-info, .page-tags { display:none; } .page-watch-options { visibility:hidden; } /* COLUMNS ============================================*/ div.column1, div.column2, div.column3 { float: left; padding: 0 10px; position:relative; } div.column1 { margin-left:20px; width:290px; } div.column2 { width:290px; } div.column3 { width:280px; } /* CODE ============================== */ .code { border-radius: 5px; } pre { white-space: pre-wrap; } /* 404 MESSAGE ==============================*/ #page-content p #404-message { border: 2px solid #888; } #create-it-now-link a { color: red; border: 2px solid #888; padding: 5px; border-radius: 5px; } #action-area h1 { visibility:hidden; }
ADMIN/SLIDESHOW/CSS/NAV/INC/SITE (2)
@import url("/css:theme/code/1"); #login-status { display: block; left: 350px; position: absolute; visibility: visible; width: 200px; } #files-button, #more-options-button, #tags-button, #site-tools-button, #print-button { display: inline; }