/* Theme Name: Labour-Yes Description: CSS design for the Labour Yes campaign Author: John Phillips Author URI: http://www.soapboxcommunications.co.uk Version: 1 Tags: simple, fixed width, css, widget ready, SEO friendly, right sidebar, two columns, valid xhtml, valid css */ /* Colour palette -------------- Red: #b81f25 Purple: #9c3e98 Light Grey: #f1f1f1 */ /* ---------------------------------------------------------------------RESET */ @import url('../../../3.0.0/build/cssreset/reset.css'); @import url('../../../3.0.0/build/cssbase/base.css'); @import url('../../../3.0.0/build/cssfonts/fonts.css'); * {margin:0; padding:0;} a { outline:none } /* Gets rid of Firefox's dotted borders */ body{font-size:10px;background:#fff} /* --------------------------------------------------------------------LAYOUT */ /* Centre the beast */ body{text-align:center/* No auto margins in IE5.x and 6 in quirks */ } #wrapper{padding-top:20px; width:940px;margin:0 auto;text-align:left/* Re-align */ } /* Main content areas */ #header{height:200px;} #main{padding-bottom:20px} #footer {padding-top:20px;} /* Secondary content areas */ #header-container,#nav,#main-content,#secondary-content{float:left; display:inline;} #header-container{width:253px;} #main-content {width:585px; margin-right:0px;padding-right:20px} #secondary-content {width:310px;padding-left:25px} * html #secondary-content{margin-right:10px/* IE6 */ } #footer-nav{margin:0 auto;width:500px} /* --------------------------------------------------------------- NAVIGATION The following snippet borrowed from main YES site */ #nav { float:right;font-family:'Georgia';display: block; text-align: right; margin-top: 50px; padding-left: 150px; } #nav li { display: inline-block; width: 96px; height: 112px; background-image: url("images/sprite.png"); background-color:#fff; background-position: -10px -10px; float: left; margin-left: 5px; } #nav li a { text-decoration: none; color: #fff; font-weight: normal; float:left; text-align: center; font-size: 16px; text-transform: uppercase; width: 100%; padding-top: 43px; height: 70%; } #nav .page-item-8{background-position: -109px -10px;} .children { display: none; padding: 10px; margin-top: 15px; width: 300px !important; overflow: hidden; float: left; position: relative; z-index: 100000000001 !important; margin-bottom: -10000ppx; width: 100px; background-image: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; -border-radius: 6px; background-color:#b92026} .children li { background: none !important; float: left; clear: left; margin-left: 0 !important; height: auto !important; margin: 0 16px !important; } .children a { background-image: url("images/subnav-bg.png") !important; display: block !important; padding: 0 !important; text-align: left !important; float: left; padding: 19px 0 !important; width:252px !important; background-repeat: no-repeat !important; background-position: 0 15px !important; padding-left: 40px !important; text-indent: 0; background-color:#b92026} .children a:hover { text-decoration:underline !important; } /* -------------------------------------------------------------- BACKGROUNDS */ h1 a { outline: none; height: 161px; background-image: url("images/sprite.png"); background-position: -10px -521px; text-indent: -999em; margin-bottom: 10px; display: block; } #yes-link{position:relative; width: 96px; height: 112px;} #yes-link span{position:absolute;display:block;width:100%;height:100%; top:0px; left:0px; background-image: url("images/sprite.png");background-position: -407px -11px; } #banner {     background-image: url("images/banner.jpg");     background-repeat: no-repeat;     display: inline-block;     font-family: 'Georgia';     font-size: 1.4em;     height: 405px;     margin-top: 40px;     width: 930px; } #banner div{width:555px;position:absolute;margin-bottom:0;color:#fff;background-color:#000;padding:15px;bottom:0px;} #banner a.more-link{font-size:.8em;color:#fff} /* ----------------------------------------------------------BASIC TYPOGRAPHY */ /* Global */ body {color:#444;width:100%;font-family: helvetica, Arial, Sans-Serif;} /* Relative sizes */ #main-content{font-size:1.6em} #secondary-content{font-size:1.4em;font-family:'Georgia';} #footer{text-align:center;font-size:1.2em} #footer ul{} #footer ul li{list-style:none;} /* Links */ a:link,a:visited{color:#b81f25;text-decoration:none} a:hover,a:active{text-decoration:underline} /* Headings */ h2,h3,h4,h5,h6,legend{font-family:'Georgia'} h3{font-size:110%} .description h2{font-size:1.8em; margin:0 ;padding:0;font-family:georgia, serif;}/* page title */ legend{color:#3461ab} label{font-size:.9em} /* Basic forms */ fieldset{background:#f5f5f5;border:1px solid #ccc !important;padding:10px;margin-right:20px} textarea{width:560px} /* Tables */ table{background:#fff; font-size:14px !important;} th,td{border:1px solid #ccc; padding:7px 5px } /* tr:hover{color:#e84f31} */ /* Misc */ small {display:block; font-size:10px; font-weight:bold;} small.commentmetadata {display:block; padding:0 0 10px 0; font-size:10px; font-weight:bold;} blockquote {padding:10px 20px; color:#999; font-size:12px; font-style:italic;} a img{border:0px solid #ccc;padding:0px;background:#f5f5f5} /* -------------------------------------------------POST and OTHER TYPOGRAPHY */ #description{position:absolute;left:-9999px;} .post h2 {font-size:1.4em; margin-bottom:10px;} .post h2,.post h2 a{color:#666} .firstPost h2 { margin-top:0px;} .post-time,.postdate,.postmetadata{font-size:.8em} #comments-wrap{font-size:.85em;} #comments,#comments-wrap #respond{margin-top:30px;} #comments-wrap #respond{font-size:1.2em; } .more-link a:link {margin-top:10px;} .commentlist {margin:0} .commentlist li{list-style:none;} .commentlist cite{margin-bottom:1em;display:block} .sociable{padding:3px;} .entry .sociable{float:right;margin-top:10px } .postentry .sociable{float:right;margin:0!important} /* ------------------------------------------------PLUGINS, FORMS and GUBBINZ */ #homepage-feature { width:940px; } /* Quick Signup Component */ .quick-signup-form.purple { z-index: 100; width: 235px; height: 277px; float: left; background: url(http://www.labouryes.org.uk/page/-/wrappers/microsite/heroCallout.png); overflow: hidden; } .quick-signup-form.orange { z-index: 100; width: 235px; height: 277px; float: left; background: url(http://www.labouryes.org.uk/page/-/wrappers/images/heroCallout-orange.png); overflow: hidden; } .quick-signup-form p { color: #444444; font-size: 17px; font-weight: normal; line-height: 20px; margin-bottom: 10px; } .quick-signup-form , .quick-signup-form label { float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .quick-signup-form label { display: none } .quick-signup-form input[type=text], .quick-signup-form input[type=email] { font-size: 12px; font-family: "Georgia"; font-weight: bold; color: #444444; padding: .67em; } .quick-signup-form #email { width: 178px; margin-bottom: 5px; } .quick-signup-form #zip { width: 89px; clear: left; margin-right: 5px; } .quick-signup-form .submit { text-transform: uppercase; font-weight: bold; font-size: 14px; } .quick-signup-form #quick-signup-submit { background: url(http://www.labouryes.org.uk/page/-/wrappers/microsite/quickSignupButton.gif); border: none; color: #fff; font-weight: bold; width: 82px; height: 32px; cursor: pointer; } .quick-signup-form #quick-signup-submit:focus { color: #fff; } #homepage-feature .quick-signup-form { background: #E1E1E1; position: absolute; right: 20px; top:50px; } #homepage-feature img {border:0; padding:0px;} #signup {     float: right;     margin-right: 20px;     margin-top: -350px;     padding: 5px;     position: relative;     width: 300px; } #signup h2{font-size:1.1em;font-family:helvetica,Arial, sans-serif;margin:5px 0;padding:5px;} #signup label{position:absolute;left:-999px} #signup input{margin:5px 0;border:1px solid #e1e1e1;color:#9F9F9F;font-family:"Georgia";font-size:12px;font-weight:bold;padding:0.67em;} #signup input#email{width:170px} #signup input#zip{width:170px;margin-right:5px} #signup #submit-btn{width:82px;} #signup #submit-btn, .submit{ background:url("images/quickSignupButton.gif") repeat scroll 0 0 transparent; border:none; color:#FFFFFF; cursor:pointer; font-weight:bold; height:32px; } /** * Feed Styling. ID is #rss-4 on live */ .aktt_tweets ul, #rss-4 ul {margin:0;} #twitter-tools h2, #rss-4 h2.widgettitle { color:#fff !important; background-color:#B81F25; margin: 5px 0; padding: 10px; } li#rss-4.widget h2.widgettitle a.rsswidget { color:#fff !important; } li#rss-4.widget, li#twitter-tools.widget { padding:0 !important; } #rss-4 ul a { display:block; font-weight:bold; } #rss-4 .rss-date { font-size: 0.8em; } li#rss-4.widget ul li, li#twitter-tools.widget div.aktt_tweets ul li { padding:3px; } #activity-list {margin:0;padding:0} #activity-list li{font-weight:bold;list-style:none;} #activity-list li{display:block;width:100%;margin:10px 0; background-color:#b81f25} #activity-list li a{display:block;color:#fff;padding:25px;padding-left:60px;background-position:15px 10px} #tw{ background-image: url("images/twitter-tile.jpg");background-repeat:repeat-y } #tw a{background-image: url("images/twitter.gif");background-repeat:no-repeat;} #fb{ background-image: url("images/fb-tile.jpg");background-repeat:repeat-y;} #fb a{background-image: url("images/f_logo.gif");background-repeat:no-repeat;} #dr{ background-image: url("images/dr-tile.jpg");background-repeat:repeat-y } #dr a{background-image: url("images/dr.gif");background-repeat:no-repeat;} /* General widget styles */ .widget li,#widgets li{list-style:none;} #widgets{margin:0; padding:0} #widgets h2{font-family:helvetica,Arial, sans-serif; color:#b81f25;margin:5px 0;font-size:1.1em;} .widget{background-color:#ffffff;padding:5px;margin:0px 0;border:1px} /* widget_rss */ .xoxo, .blogroll{margin:5px 0} .xoxo li, .blogroll li{width:130px;} .xoxo a, .blogroll a{color:#000} /* YES RSS feed */ .rsswidget img{display:none} #rss-3{margin:0;padding:0px;background:none;} #rss-3 h2{padding: 10px;margin:5px 0;background-color:#9c3e98;background-image: url("images/purple-tile.jpg");background-repeat:repeat-y;} #rss-3 h2 a{color:#fff;} #rss-3 ul{margin:0;background-color:#fff} #rss-3 ul li{list-style:none;padding:3px} #rss-3 ul a{color:#9c3e98;display:block;font-weight:bold} #rss-3 .rss-date{font-size:.8em;} /* ------------------------------------------------------------- MISC CLASSES */ /* Messages */ .error,.success,.info {padding:5px} .error {background:#fdacac;border:1px solid #d92231; color:#d92231} .success {background:#d0e8f5;border:1px solid #8dbdd8;} .info {border:1px solid orange; background:#fdf181} /* Floats */ .aligncenter {display:block; margin-left:auto; margin-right:auto;} .alignleft,.alignright {margin-top:0} .alignleft {float:left;margin-left:0;margin-right:10px} .alignright {float:right;} .clear {clear:both; margin:0; padding:0;} /* Opacity */ .opaque50{/* opacity setting */ filter:alpha(opacity=50);/* ie */ -moz-opacity:0.5;/* old mozilla browser like netscape*/ -khtml-opacity: 0.5;/* for really really old safari */ opacity: 0.5;/* css standard */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/* ie 8 */ } .opaque80{/* opacity setting */ filter:alpha(opacity=80);/* ie */ -moz-opacity:0.8;/* old mozilla browser like netscape*/ -khtml-opacity: 0.8;/* for really really old safari */ opacity: 0.8;/* css standard */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";/* ie 8 */ } /* Round corners, clearfix etc */ .accessibility{position:absolute;left:-9999px;} #signup input, input.submit,.round{-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;} .clearfloat:after {content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfloat{display:inline-block;}/* Hides from IE-mac \*/* html .clearfloat{ height: 1%;}.clearfloat{display: block;}/* End hide from IE-mac */