Vineyard: CSS
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,300); @import url(http://fonts.googleapis.com/css?family=Mr+De+Haviland); /* CONTAINERS ============================================*/ body { background-color: #ffe9ad; } #container-wrap { background-image: url(/local--files/bottom:css/vineyard.jpg); background-position: center top; background-repeat: no-repeat; min-height:650px; } #container{ background-color:#ddd; border-radius: 28px 28px 0 0; margin: 0 auto; opacity: 1; position:relative; top:30px; width:900px; } /* GLOBAL ============================================*/ a { color: #00755e; text-decoration:none; } a:hover { background-color: transparent; color: #00755e; text-decoration:underline; } /* HEADER ============================================*/ #header { top:40px; width: 900px; } #header h1 { font-family: 'Mr De Haviland',cursive; margin-left: 38px; margin-top: -42px; position: absolute; } #header h1 a { color: #468259; font-size:54px; } #header h2 { color: #383838; font-size: 130%; margin-top: 41px; padding: 0; position: absolute; right: 170px; width: 220px; } /* LOGIN/ACCOUNT/ACTIVITY ============================================*/ #login-status { margin-top: -25px; overflow: visible; position: absolute; right: 10px; top: 0; z-index: 25; } /* SEARCH ============================================*/ #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 #888; border-radius: 0 4px 4px 0; color: transparent; height: 32px; margin-right: 16px; margin-top: 45px; position: absolute; right: 0; text-align: right; top: 0; width: auto; } #search-top-box input.text.empty { color: #383838; 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 repeat scroll 0 0 #468259; left: -20px; margin: 0; padding: 0; right: 0; top: 30px; width: 518px; z-index: -1; } #top-bar li a { color: #fff; } #top-bar li ul { border: none; position: relative; } #top-bar li ul li a, #top-bar li ul li a:hover { background-color: #468259; } #top-bar li a:hover { background-color: transparent; } #top-bar ul { height:0; list-style:none; display:inline-block; width:100%; } #top-bar ul li{ float:left; padding:19px 0; text-align:center; width:105px; } #top-bar ul li a { color: #fff; text-decoration: none; display:block; } #top-bar:before, #top-bar:after { bottom: -24px; content: ""; display: block; position: absolute; z-index: -10; } #top-bar:before { border-color: transparent #444 transparent transparent; border-style: solid; border-width: 0 21px 25px 0; height: 0; left: -1px; width: 0; } #top-bar:after { border-color: transparent #DDDDDD transparent transparent; border-style: solid; border-width: 31px 49px; bottom: -1px; height: 0; left: auto; right: 0; width: 0; } #top-bar li ul li { background-color: #468259; margin: 0 0 0 30px; } #top-bar li ul li ul li { margin: 0 0 0 30px; } /* SIDE BAR ============================================*/ #side-bar { margin-top: 100px; padding-bottom: 10px; } #side-bar ul { list-style-type: none; padding: 0; position: relative; width:200px; z-index: 500; } #side-bar li a{ background: url("vertical-list/arrow-black.gif") no-repeat scroll 160px center #EEF0F0; border-bottom: 1px solid #888; color: #000000; display: block; font-size: 11px; height: 22px; line-height: 22px; padding-left: 10px; text-decoration: none; width: 163px; } #side-bar a, #side-bar a:visited { color: #000000; display: block; height: 25px; line-height: 2em; padding-left: 5px; text-decoration: none; width: 163px; } #side-bar li ul li a { width:128px; } div#side-bar div.foldable-list-container ul li.unfolded ul li.unfolded ul li a { border-right: 8px solid #fdeabc; color:green; } #side-bar li:hover > ul, #side-bar ul a:hover ul, #side-bar ul a:hover ul a:hover ul, #side-bar ul a:hover ul a:hover ul a:hover ul, #side-bar ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; } #side-bar ul a:hover ul ul, #side-bar ul a:hover ul a:hover ul ul, #side-bar ul a:hover ul a:hover ul a:hover ul ul { visibility: visible; } #side-bar div.foldable-list-container ul li ul li { padding-left: 10px; } /* CONTENT ============================================*/ #page-title { font: 300 30px/36px 'Lato',sans-serif; margin-top:45px; text-align: center; } #main-content { margin-left: 0; min-height: 500px; } #page-content { margin-left: 0; padding:10px; width: 860px; } /* 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; } div.new-page-box { text-align: left !important; } #action-area { margin-top: -5px; } /*TABLES ============================================*/ table.wiki-content-table { margin:0; } table.wiki-content-table tr:nth-child(2n+1) { background-color: #EEEEEE; } /* TABS ============================== */ .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em { background-color: gray; } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border-color: gray; } .yui-navset .yui-content { background-color: #F7F3DE; } /* FOOTER & OPTIONS ============================================*/ #page-options-container { width: 860px; right: 0; z-index: 100; } .page-options-bottom { text-align:left; width:900px; } .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; } #page-info { visibility:hidden; } /* CODEBLOCKS ============================================*/ pre { white-space: pre-wrap; } .print-body #page-title, .print-body #page-title a { color: red; font-family: "Open Sans", Arial; }
@import url(/vineyard:css/code/1); table.wiki-content-table { margin: 0 0 25px; } #main-content #action-area { padding-top: 100px !important; } #container { opacity:1; }
page revision: 138, last edited: 11 Oct 2015 07:45