/* Theme Name: This is Rubbish, hacked out of Journalist by Lucian E. Marin Theme URI: http://thegreenshed.co.uk Description: Regulate the system, not the celery! Version: 1.02 Author: Richard Hawkins, sitting on the back of Lucian E. Marin Tags: foody, wastey, striped guilt For the WordPress community (GPL), enjoy it guys. Order: ============== 0 - Notes 1 - Colours 2 - Font-face 3 - Tags 4 - Structure 5 - Header 6 - Navigation 7 - Search 8 - Headings 9 - Content 10 - Contact Forms 11 - Sidebar 12 - Footer ************************************************************************ 0 - NOTES ************************************************************************ Sorry about the syntax, I like condensed lines. Some of this is redundant, i.e. Disqus is providing the comment styles. Other parts of the template have been removed, without the CSS being so. I can only apologise, it's what you get with free sites! Everything else should be fairly self-explanatory. ************************************************************************ 1 - COLOURS ************************************************************************ Light BG Blue #BCE2E0 Darker BG Blue #7CBDB9 Menu & Footer Brown #4D4240 Menu & Footer L.Brown #AE9072 Almost Black #222222 Red #D82D05 */ /*********************************************************************** 2 - FONT-FACE ************************************************************************/ @font-face {font-family: 'Medium'; src: url('medium-webfont.eot'); src: url('medium-webfont.eot?#iefix') format('embedded-opentype'), url('medium-webfont.woff') format('woff'), url('medium-webfont.ttf') format('truetype'), url('medium-webfont.svg#Medium') format('svg'); font-weight: normal; font-style: normal; } /*********************************************************************** 3 - TAGS ************************************************************************/ * {padding:0;margin:0;} body {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px;background: #BCE2E0 url("images/bg.png") repeat;color:#222;padding:0;margin:0;} a {color:#047;text-decoration:underline;outline:0;} a:hover {color:#D82D05;} img, img a {border:none;} input, textarea {padding:5px;border-radius:3px;border:1px solid #CCC;} input:focus, textarea:focus {background-color:#ffc;} abbr {border:none;} .screen-reader-text {position:absolute;left:-9000px;} /*********************************************************************** 4 - STRUCTURE ************************************************************************/ #container {width:900px;margin:0 auto 20px;background:#FFF;padding:20px;position:relative;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;} #header {width:940px;margin:0 auto;padding-top:39px;background:url('images/header.png') no-repeat 271px 4px;} #content {float:left;width:600px;} #sidebar {font-size:12px;float:right;width:259px;border-left:1px dashed #7CBDB9;padding:0 0 20px 20px;margin:0 0 20px 20px;} #footer {background:#4D4240;color:#AE9072;margin:30px auto 15px;width:900px;padding:20px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;} /*********************************************************************** 5 - HEADER ************************************************************************/ #header h1, #endfooter h1 {font-size:54px;line-height:48px;text-transform:uppercase;font-family:'Medium',sans-serif;font-weight:normal;letter-spacing:-1px;width:600px;margin:12px 0 0 18px;} #header h2, #endfooter h2 {font-size:18px;margin: 10px 0 20px 19px;color:#7CBDB9;letter-spacing:0.9px;} #bubble {top:10px;left:204px;position:absolute;display:block;height:28px;background:url(images/bubble_right.gif) no-repeat right;} #bubble p {display:block;font-size:11px;color:#fff;height:28px;padding:4px 12px 0 10px;background:url(images/bubble_left.gif) no-repeat top left;} div#social {margin:-64px 15px 0 -30px;float:right;} #footer div#social {clear:none;margin:3px -8px 0 0;} #access a.twitter, #access a.facebook, #access a.rss, #access a.flickr, #access .donate {display:block;float:left;width:50px;height:102px;border:none;padding:0;margin:0;line-height:50px;} a.twitter span, a.facebook span, a.rss span, a.flickr span {display:none;} #access a.twitter {background:url('images/icon_twitter_tomato.png') no-repeat 0 56px;width:42px;} #access a.facebook {background:url('images/icon_facebook_apple.png') no-repeat 0 57px;width:42px} #access a.rss {background:url('images/icon_orange_rss.png') no-repeat 0 61px;width:48px} #access a.flickr {background:url('images/icon_flickr_cherry.png') no-repeat 0 26px;width:41px;} #access form.donate {width:100px;margin-left:-18px;} #access a.twitter:hover {background:url('images/icon_twitter_tomato.png') no-repeat 0 46px;} #access a.facebook:hover {background:url('images/icon_facebook_apple.png') no-repeat 0 47px;} #access a.rss:hover {background:url('images/icon_orange_rss.png') no-repeat 0 51px;} #access a.flickr:hover {background:url('images/icon_flickr_cherry.png') no-repeat 0 16px;} #access form.donate:hover {margin-top:-10px;} .donate input, .donate input:focus {border:none;background:none;} /*********************************************************************** 6 - NAVIGATION ************************************************************************/ #access {margin:0 auto 13px;width:920px;padding-left:20px;height:25px;-moz-border-radius:8px;-webkit-border-radius:8px;text-transform:uppercase;} #access ul {list-style:none;margin:0;} #access li {float:left;position:relative;} #access a {color:#4D4240;display:block;line-height:21px;padding:2px 10px 3px 5px;margin-right:15px;font-size:15px;font-weight:bold;border-left:4px solid #7CBDB9;text-decoration:none;} #access ul ul {box-shadow:0px 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:25px;left:0;float:left;width:160px;z-index:99999;text-transform:none;} #access ul ul li a {margin-right:0;} #access ul ul ul li a {border:none;} #access ul ul li {min-width:160px;} #access ul ul ul {left:100%;top:0;} #access ul ul a {background:#4D4240;color:#999;line-height:1em;padding:12px 12px;width:160px;height:auto;} #access li:hover > a, #access ul ul :hover > a {background:#4D4240;color:#fff;} #access ul li:hover > ul {display:block;} #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {} * html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover {color:#fff;} /*********************************************************************** 7 - SEARCH ************************************************************************/ #searchform {float:right;margin:6px 7px 6px 5px;} #content #searchform {margin:0 0 100px;float:none;} #searchform label {display:none;} #searchform input {margin:0;width:170px;text-transform:uppercase;height:20px;border:none;padding:5px 4px 5px 25px;background:#DDD url('images/search.png') no-repeat 5px 7px;-moz-border-radius:6px;-webkit-border-radius:6px;} #searchform #searchsubmit {padding:3px;} #content #searchform #searchsubmit {padding:8px;height:auto;width:80px;margin-top:-1px;} #searchform input:focus {background-color:#FCFFA4;} /*********************************************************************** 8 - HEADINGS ************************************************************************/ h1, h2, h3, h4 {font-family:"Medium", Helvetica, Arial, sans-serif;font-weight:normal;line-height:0.95;margin:0 0 0.5em;} h1 a, h2 a, h3 a, h4 a {text-decoration:none;color:#222;} .alt, .alt a {text-transform:uppercase;font-style:italic;color:#7CBDB9} h1 {text-transform:uppercase;} h2 {font-size:32px;margin:5px 0 0 0;text-transform:uppercase;} h3 {font-size:20px;margin:9px 0 6px;} h4 {font-size:16px;margin:7px 0 6px;} h2.linkcattitle {font-size:20px;margin:0 0 10px;color:#7CBDB9;} /*********************************************************************** 9 - CONTENT ************************************************************************/ .main p {line-height:1.4;} #content p {margin:0 0 1.3em 0;} .main h3 {font-size:16px;font-weight:normal;margin:0 0 15px 0;} .main ol {line-height:18px;margin:0 0 15px 30px;} .main ul {line-height:18px;margin:0 0 15px 30px;} .main li {margin:0 0 5px 0;} .post {margin-bottom:40px;} .meta {font-size:13px;line-height:28px;text-transform:uppercase;color:#666;margin:2px 0 15px 0;} #author h3 {margin:5px 0 5px 0;} h3.reply {font-size:28px;text-transform:uppercase;font-weight:normal;font-family:'Medium',sans-serif;margin:35px 0 10px 0;} input.searchfield {background:#f6f6f6;font-size:12px;display:block;margin:5px 0 8px 0;padding:2px 4px;border:#aaa 1px solid;color:#222;} input.searchfield:hover {background:#eee;color:#222;} input.submit, input.button {background:#7CBDB9;color:#FFF;font-size:12px;display:block;margin:0 0 10px 0;padding:1px 4px;border:none;} input.button {display:inline;padding:4px 12px 5px;text-transform:uppercase;} input.submit:hover, input.button:hover {background:#D82D05;cursor:pointer;border:none;color:#FFF;} input.subcom {background:#eee;font-size:11px;margin:0 0 10px 0;padding:1px 4px 2px 4px;border:#888 1px solid;color:#222;} input.subcom:hover {background:#222;cursor:pointer;border:#888 1px solid;color:#eee;} input.comment {background:#f6f6f6;font-size:11px;padding:2px 4px;border:#aaa 1px solid;color:#222;} input.comment:hover {border:#c00 1px solid;} .postinput small {font-size:11px;margin:0 0 0 5px;} p.logged {font-size:12px;} .comments {color:#333;margin:0 0 15px 0;border-bottom:#bbb 1px solid;} .comments a {background:#fff;padding:0 7px 5px 0;color:#333;text-decoration:none;} .comments a:hover {color:#c00;} .commentnumber {display:inline-block;height:28px;padding-top:1px;color:#FFF;text-decoration:none;text-align:center;background:url('images/icon_comment_apple.png') no-repeat 0 0;margin-right:7px;font-weight:bold;color:#8CC63F;} .commentnumber span {color:#FFF;margin-right:13px;padding-left:9px;width:26px;} .commentnumber span span {margin:0;padding:0;} .commentnumber:hover {background:url('images/icon_comment_apple_hover.png') no-repeat 0 0;font-weight:bold;color:#ED1C24;} .nocomments {margin:0 0 30px 0;} ol.commentlist {font-size:12px;list-style:none;margin:10px 0 30px 0;border-bottom:#bbb 1px solid;} .commentlist li {border-top:#bbb 1px solid;padding:0 0 10px 0;} .commentlist li.bypostauthor {border-top:#bbb 5px solid;background-color:#f3f3f3;} .comment_mod {margin:10px 0 0 10px;} .comment_mod em {background-color:#fff897;padding:1px 3px;} .comment_author {margin:10px 0;float:right;width:190px;} .comment_author img {float:left;margin:5px 12px 0 0;} .comment_author p {line-height:20px;} .comment_author small {font-size:11px;} .comment_text {float:left;width:470px;margin:0 0 0 10px;} .comment_text p {line-height:18px;margin:7px 0;} .comment_meta {font-size:12px;} #commentform p {line-height:18px;margin:0 0 15px 0;} blockquote {background:url(images/quote.gif) no-repeat top left;padding:0 0 0 60px;min-height:50px;} .clear {clear:both;} .warning p {background:url(images/warning.gif) no-repeat left;height:160px;padding:20px 0 0 90px;font-size:20px;margin:0 0 0 10px;} .aligncenter {display:block;margin:0 auto;} .alignleft {float:left;margin-bottom:20px} .alignright {float:right;} .wp-caption {border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin:10px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .wp-caption img {margin:0;padding:0;border:0 none;} .wp-caption-dd {font-size:11px;line-height:17px;padding:0 4px 5px;margin:0;} .flickr-image {list-style-type:none;margin-bottom:17px;} .page-id-1421 #content, .page-id-1051 #content, .page-id-65 #content {width:900px;} .event, .project {float:left;width:280px;height:330px;margin:0 20px 20px 0;} .event img {} #content .event h2 a {margin:5px 0;font-size:20px;} #content .event p.date {color:#7CBDB9;font-weight:bold;margin:0 0 3px;} #content .upcoming p.date {color:#D82D05;} #content .past p.date {color:#BBB;} #content .upcoming.event {} .event p {} .nomargin {margin-right:0;} .linkcat {width:280px;margin:0 20px 20px 0;float:left;} a.more-link {display:table;text-decoration:none;font-weight:bold;color:#FFF;padding:4px 7px;background:#7CBDB9;margin-top:13px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} a.more-link:hover {background:#222;} .wp-pagenavi {margin:30px 0 0;} .wp-pagenavi a, .wp-pagenavi a:link {margin:0 4px 0 0;border:0;text-decoration:none;color:#999;background:#FFF;display:inline-block;width:35px;height:46px;line-height:56px;text-align:center;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;font-size:18px;padding-left:4px;} .wp-pagenavi a:hover {background:url('images/pear.png') no-repeat 0 0;color:#FFF;} .wp-pagenavi a:active {margin:2px;text-decoration:none;} .wp-pagenavi span.pages {display:none;} .wp-pagenavi span.current {margin:0 4px 0 0;border:0;color:#FFF;background:url('images/pear.png') no-repeat 0 0;display:inline-block;width:35px;height:46px;line-height:56px;text-align:center;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;font-size:18px;padding-left:4px;} .wp-pagenavi span.extend {margin:0 4px 0 0;color:#000;background:#FFF;} .showcase {margin-bottom:20px;} /*********************************************************************** 10 - CONTACT FORMS ************************************************************************/ #content div.wpcf7 {margin:0;padding:0;} #content div.wpcf7 p {margin-bottom:0;} #content div.wpcf7-response-output {margin:0;padding:0;border:none;} #content div.wpcf7-mail-sent-ok {color:#398f14;} #content div.wpcf7-mail-sent-ng {color:#ff0000;} #content div.wpcf7-spam-blocked {color: #e99700;} #content div.wpcf7-validation-errors {color: #ff0000;} #content span.wpcf7-form-control-wrap {position:relative;} #content span.wpcf7-not-valid-tip {position:absolute;top:-2%;left:105%;border:none;z-index:100;background:#fff;color:#ff0000;font-weight:bold;font-size:10pt;width:280px;padding:2px 4px;} #content span.wpcf7-not-valid-tip-no-ajax {color:#f00;font-size:10pt;display:block;} #content span.wpcf7-list-item {margin-left:0.5em;} #content .wpcf7-display-none {display:none;} #content div.wpcf7 img.ajax-loader {border:none;vertical-align:middle;margin-left:4px;} #content div.wpcf7 .watermark {color:#888;} #content div.wpcf7 .your-message textarea {width:444px;} #content div.wpcf7 .your-subject input {width:444px;} #content div.wpcf7 .your-question input {width:455px;margin-bottom:0;} #content div.wpcf7 input {width:204px;margin-bottom:18px;} #content div.wpcf7 .wpcf7-submit {margin-top:10px;width:80px;text-transform:uppercase;} #primary div.wpcf7 input {margin-bottom:0;} #primary div.wpcf7 p {margin-bottom:10px;} #primary div.wpcf7 h2 {margin:43px 0 12px;color:#DA2128;} #primary div.wpcf7 .your-message textarea {width:204px;height:120px;} #primary div.wpcf7 .your-subject input {width:204px;} /*********************************************************************** 11 - SIDEBAR ************************************************************************/ .widget {margin-bottom:30px;} .widget h3 {font-size:27px;font-family:"Medium", Helvetica, Arial, sans-serif;font-weight:normal;line-height:0.9;text-transform:uppercase;margin:2px 0 10px 0;} .widget ul {list-style:none;} #sidebar .widget ul {font-size:13px;} .widget ul ul {margin:5px 0 0 10px;font-weight:normal;} .widget ul ul ul {margin:5px 0 0 10px;} .widget ul li {padding:0 0 5px 0;margin-bottom:5px;border-bottom:1px dashed #7CBDB9} .widget ul li a {text-decoration:none;color:#4D4240;} .widget ul li a:hover {color:#D82D05} .widget_tweetie_pie a {font-weight:bold;} .widget_ns_mailchimp {margin-bottom:23px;} .gallery {margin:auto;} .single-event #content, .single-tir_projects #content {width:900px;} .single-event #disqus_thread, .single-tir_projects #disqus_thread {width:600px;float:left;} .single-event .gallery, .single-tir_projects .gallery {} .single-event #sidebar, .single-tir_projects #sidebar {border:none;} .gallery-item {float: left;margin-bottom:10px;} .gallery img {} .gallery-caption {margin-left: 0;} /*********************************************************************** 12 - FOOTER ************************************************************************/ #footer a {color:#FFF;text-decoration:none;} #footer h3 {margin-bottom:15px;} #footer a:hover {color:#AE9072;text-decoration:none;} #footer .widget {width:280px;float:left;margin:0 20px 4px 0;} #footer .widget li {padding:5px 0 6px;border-bottom: 1px dotted #70605d;} #bigfooter {width:940px;height:820px;margin:30px auto 0;background:url('images/footer.png') no-repeat 0 0} #endfooter {width:940px;padding-top:33px;margin:30px auto 80px;background:url('images/header.png') no-repeat 271px 4px} #endfooter .left {width:500px;float:left;} #endfooter p {width:150px;float:right;color:#6AA4A3;margin-top:4px;} a.lottery {display:block;width:140px;height:140px;background:url('images/logo_lottery.png') no-repeat 0 0;margin-top:12px;} p.edit {position:absolute;float:left;top:14px;left:12px;margin:0;} p.edit a {background:#7CBDB9;padding:2px 6px 3px;border-radius:5px;color:#FFF;font-size:15px;text-decoration:none;} p.edit a:hover {background:#333;} /* self-clear floats */ .group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* IE Hacks */ *html #bubble {display:none;} *html #bubble p {display:none;} * html .group, * html #nav ul li a {height: 1%;} *:first-child+html .group {min-height: 1px;} * html #nav ul li a {display: inline;}