/* Theme Name: Slanted Theme URI: http://www.woothemes.com/ Version: 2.0.2 Description: Designed by WooThemes. Author: WooThemes Author URI: http://www.woothemes.com Copyright: (c) 2009 WooThemes. License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) */ /* Default styles */ @import "css/reset.css"; /*------------------------------------------------------------------------------------------- INDEX: 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Drop-down menus -2.3 Header -2.4 Content -2.5 Sidebar -2.6 Footer 3. POSTS -3.1 Typographic Elements -3.2 Images -3.3 Pagination / WP-Pagenavi -3.4 Info boxes 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets -4.3 WooTabs 5. COMMENTS -5.1 Comments -5.2 Pingbacks / Trackbacks -5.3 Comments Form 6. MISC -6.1 Buttons -6.2 Info Boxes -6.3 Contact Form -6.4 Gravity forms -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { font: 13px/20px "Lucida Grande",Helvetica,Sans-serif; color: #272727; background: #f5f3e9 url(images/bg-top.png) no-repeat center top; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family:"Gill Sans",Arial,Helvetica, sans-serif; color: #001725; font-weight:normal; } h1 {font-size: 22px; } h2 {font-size: 22px;} h3 {font-size: 18px;} h4 {font-size: 16px;} h5 {font-size: 14px;} h6 {font-size: 12px;} p {margin: 0;} hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; } input, textarea { padding: 7px 0 7px 7px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;} /* 1.2 Hyperlinks */ a:link, a:visited { color: #cf0000; text-decoration:none;} a:hover { color: #400000; } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; color: #001725; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #000;} /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #wrapper { padding: 0 0 73px; } .col-full { width: 480px; margin: 0 auto; } /* 2.2 Navigation */ #navigation { position: absolute; right: 10px; bottom: 45px; font-size: 15px; } .nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; } .nav a { position:relative; color:#555; display:block; z-index:100; padding:5px 10px; line-height:20px; text-decoration:none; } .nav a:hover, .nav li.current_page_item{} .nav li { float:left; width: auto; } .nav li.super-top { padding: 0 6px 0px 0; } /* 2.2.1 Drop-down menus */ .nav li ul { background: #FFF; position: absolute; padding: 0 5px; left: -999em; width: 150px; z-index:999; } .nav li ul li { border-top:1px solid #fff; border-bottom:1px solid #dbdbdb;} .nav li ul li a { width:130px; color:#555; font-size:0.8em; } .nav li ul li a.sf-with-ul { padding:5px 10px; } .nav li ul li a:hover { color: #cf0000; } .nav li ul ul { margin: -30px 0 0 150px; } .nav li ul ul li a { } .nav li ul li ul li a { } .nav li:hover,.nav li.hover { position:static; } .nav li:hover ul ul, .nav li.sfhover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; } .nav li:hover ul, .nav li.sfhover ul { left: -130px; } .nav li li:hover ul, .nav li li.sfhover ul, .nav li li li:hover ul, .nav li li li.sfhover ul, .nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; } .nav .sf-sub-indicator {background: url(http://eventjuice.co.uk/wp-content/themes/slanted/images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:0.4em;top:0.9em;width:10px;height:10px;text-indent:-999em;overflow:hidden;} .nav li ul .sf-sub-indicator {background:url(http://eventjuice.co.uk/wp-content/themes/slanted/images/arrow-superfish-right.png) no-repeat;} /* 2.3 Header */ #header { position: relative; z-index: 9999; height: 122px; padding: 0 10px; clear: both; position: relative; background: url(http://eventjuice.co.uk/wp-content/themes/slanted/images/bg-header.png) no-repeat center top; } #logo { float:left; } #logo img { margin: 30px 0 0 20px; } #logo .site-title { margin: 18px 0 0 0; } #logo .site-title, #logo .site-description { color: #000; display:none; padding: 0 0 0 25px; } #logo .site-title a { color:#fff; font-size:40px; line-height:35px; text-transform:none; font-weight:normal; text-decoration:none; } #logo .site-title a:hover { text-decoration:underline; } #logo .site-description { color:#fff; font-style: italic; } #controls { position: fixed; top: 0; margin-left: -53px; height: 125px; width: 46px; padding: 0; text-align: center; background: url(http://eventjuice.co.uk/wp-content/themes/slanted/images/bg-controls.png) no-repeat center top; } #controls .search { margin: 13px 0 0 0; cursor: pointer; } #controls form input { display: none; position: absolute; top: 5px; left: -150px; border: 2px solid #400000; } #controls ul { margin: 41px 0 0 0; } #rss { position: fixed; top: 0; margin-left: 487px; height: 87px; width: 46px; padding: 0; text-align: center; background: url(http://eventjuice.co.uk/wp-content/themes/slanted/images/bg-controls.png) no-repeat center bottom; } #rss a { display: block; margin: 52px 0 0 0px; } /* 2.4 Content */ /* 2.5 Sidebar */ /* 2.6 Footer */ #footer p { padding: 15px 0 0;text-align: center; font: 14px "Gill Sans", Arial, Helvetica, sans-serif; color: #404040; border-top: 2px solid #e0dcc4!important; font-weight: 700; } #footer p img { vertical-align: middle; } #footer p span { margin: 0 7px 0 0; padding: 0 22px 0 0; background: url(images/ico-star.png) no-repeat right center; } #tip { display:none; z-index: 9999; position: relative; margin: 0 0 30px 0; padding: 1px 8px 0px 8px; font-size:11px; font-size: 11px; font-weight: bold; text-transform: uppercase; color:#fff; background: #400000; } #categories .inside { position: fixed; bottom: 0;margin-top: -8px; height: 48px; padding: 35px 0px 0 8px; background: url(http://eventjuice.co.uk/wp-content/themes/slanted/images/bg-categories.png) no-repeat center bottom; } #categories .inside ul { margin: 0 30px; } #categories .inside ul li { display: inline; margin: 0 56px 0 0; } #categories .inside ul li.last { margin: 0; } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ #breadcrumb {} .archive_header { display: block; float: left; width: 460px; margin:0 0 30px; padding:0 10px 2px; font-size: 18px; font-weight: bold; border-bottom:#400000 4px solid; } .archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 28px; } .post { position: relative; margin: 0 0 60px;} .post .title { font-size: 26px; letter-spacing: 1px; position:relative; margin-top: 50px; margin-bottom: 30px; } .post .title a:link, .post .title a:visited { color:#222; } .post-meta { margin: 0 0 20px 0; padding: 0 10px 2px 10px; text-transform:uppercase; border-bottom: 2px solid #cf0000; color: #001725; font-weight: 700; } .post-meta a { text-decoration:none; color: #001725; } .post .post-type { position: absolute; top: 8px; right: 10px; background: url(http://eventjuice.co.uk/wp-content/themes/slanted/images/bg-post-type.png) no-repeat left top; } .post .post-type a { display: block; overflow: hidden; height: 0; width: 30px; padding-top: 52px; } .post.article .post-type a { background: url(images/ico-article.png) no-repeat center 27px; } .post.image .post-type a { background: url(images/ico-image.png) no-repeat center 27px; } .post.video .post-type a { background: url(images/ico-video.png) no-repeat center 27px; } .post.audio .post-type a { background: url(images/ico-audio.png) no-repeat center 27px; } .post.link .post-type a { background: url(images/ico-link.png) no-repeat center 27px; } .post.quote .post-type a { background: url(images/ico-quote.png) no-repeat center 27px; } .post.chat .post-type a { background: url(http://eventjuice.co.uk/wp-content/themes/slanted/images/ico-chat.png) no-repeat center 27px; } .post .media { margin: 0 0 30px 0; } .post.link .media { margin: 0 10px 30px; font-size: 16px; font-weight: bold; font-style: italic; } .post.quote blockquote { font: italic 17px/26px Georgia, Times, Serif; } .post.quote cite { display: block; text-align: right; font-style: normal; font-weight: bold; } .post.quote cite:before { content: "~ "; } .post.chat .media ul { margin: 0; padding: 0; } .post.chat .media ul li { list-style: none; padding: 5px 10px 4px 10px; font-style: italic; } .post.chat .media ul li .name { font-weight: bold; font-style: normal; } .post p.tags { margin: 0 10px; width:100%; font-size: 12px; clear:both;margin-bottom:20px;} .post p.tags span { margin: 0 10px 0 0; font-weight: bold; border-bottom: 2px solid #b8bcb8; } .post-more { position: absolute; bottom: 6px; right: 0; display: inline; } .post-more.noshort { bottom: 9px; } .post-more a, .post-entries a { text-transform:uppercase; font-size: 12px; font-weight: bold; padding: 3px 10px 4px 10px; text-decoration:none; color: #001725; background-color: #e0dcc4; } .post-more a:hover, .post-entries a:hover { background-color: #cf0000; color: #fff; } .post-entries { position: absolute; width: 480px; bottom: 2px; } .post-entries a { } .post .bot-border { margin: 60px 0 0 0; border-bottom: 2px solid #e0dcc4; } .title, .entry, .post-more { margin: 0 10px; } .entry {} /* 3.1 Typographic Elements */ .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 10px 0 15px 0; } .entry p { margin: 0 0 20px 0; } .entry blockquote { font: 18px Georgia, Times, serif; background:url(http://eventjuice.co.uk/wp-content/themes/slanted/images/blockquote.png) no-repeat 0 0; margin: 0 0 0 -20px; padding: 5px 0 0 10px; } .entry blockquote p { font-style:italic; } .entry ul { margin: 0 0 15px 0; padding: 0 0 0 15px; } .entry ul ul { margin: 0; } .entry ul li { list-style-type: disc; } .entry ul ul li { list-style-type: disc; } .entry ol { margin: 0 0 15px 0; padding: 0 0 0 15px; } .entry ol ol { margin: 0; } .entry ol li { list-style-type: upper-latin; } .entry ol li ol li { list-style-type: lower-latin; } /* 3.2 Images */ .entry img, img.thumbnail { padding: 5px; background:#fff; } img.wp-smiley { padding: 0; border: none; background: transparent; } .alignleft { float: left; height: auto; margin: 5px 15px 5px 0; } .alignright { float: right; height: auto; margin: 5px 0 5px 15px; } .aligncenter { text-align: center; margin-bottom:15px;} .entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #e6e6e6; } .entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; } .entry .wp-caption-text { margin:0; padding:0; font:11px/22px Arial, Helvetica, sans-serif; text-align:center; } /* 3.3 Pagination / WP-Pagenavi */ .nav-entries, .wp-pagenavi { margin: -60px 0 0 0 !important; font-size:11px; padding:10px 15px; } .nav-entries a { display: block; font:italic 14px/16px Georgia, serif; text-decoration:none; font-family:"Gill Sans",Arial,Helvetica, sans-serif; font-weight: 700;} .wp-pagenavi { text-align: center !important; text-transform: uppercase; font-weight: bold; font-size: 14px; } .wp-pagenavi a:link, .wp-pagenavi a:visited { display: inline !important; text-decoration: none !important; background: transparent !important;color: #888469 !important; padding: 3px 7px !important; border:none !important;} .wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover { padding: 3px 7px !important; background: #cf0000 !important; color: #fff!important; border: none!important; } .wp-pagenavi span.extend, .wp-pagenavi span.pages { padding: 0 20px 0 0!important; background:none !important; border:none !important; color:#888469 !important; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments {margin-top:20px;padding:0; zoom:1;} #comments h3 { font-size: 22px; margin-bottom:20px; padding-bottom: 10px; border-bottom: 2px solid #e0dcc4; } #comments h3 a { float: right; padding: 2px 0 0 0; font: bold 12px "Lucida Grande", Helvetica, Arial, sans-serif; color: #cf0000; text-transform: uppercase; } #comments h3 a:hover { color: #400000; } #comments .commentlist { margin: 30px 0 0 0; } #comments .comment { width:100%;list-style-type:none; } #comments .comment.depth-1 { border:0 !important; } #comments .avatar-box { float: left; width: 54px; } #comments .avatar-box img { margin: 0 0 10px 0; border: 2px solid #e0dcc4; } #comments .comment .comment-container { margin: 0px 0 20px 70px; padding: 0 0 15px 10px; } #comments .comment-head { margin: 0 0 15px 0; } #comments .comment-head .avatar img{margin: 0 10px 0 0;vertical-align: middle;border:3px solid #eee;} #comments .comment-head .name { padding: 2px 20px 0 0; font-weight: bold; font-size: 15px; } #comments .comment-head .comment-meta { } #comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; text-transform: uppercase; } #comments .comment-entry p { margin: 0 0 14px 0; font-size: 12px;} #comments ul.children{padding:0 0 0 40px;background: url(http://eventjuice.co.uk/wp-content/themes/slanted/images/comment-reply.png) no-repeat 15px top; } #comments .comment-reply-link { margin-bottom: 10px; } #comments .cancel-comment-reply{ font-size: 11px; text-transform: uppercase; } .reply a { display: block; text-align: center; font-weight: bold; text-transform: uppercase; font-weight: bold; font-size: 10px; color: #fff; background-color: #e0dcc4; } .reply a:hover { background-color: #cf0000; } .nocomments { display: inline-block; margin: 0 0 50px 0; padding: 3px 10px; text-transform: uppercase; font: 18px "Gill Sans", Arial, Helvetica, Sans-serif; background-color: #cf0000; color: #fff; } #comments .comment-entry .unapproved { display: inline-block; font-size: 10px; padding: 2px 10px; font-weight: bold; text-transform: uppercase; background-color: #cf0000; color: #fff; } #comments .navigation { } #comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; } #comments .navigation a:hover{} /* 5.2 Pingbacks / Trackbacks */ h3#pings { margin: 20px 0 10px 0; } .pinglist li { margin: 0 0 0 20px; list-style-type: decimal; } .pinglist li .author { font-weight: bold; font-size: 15px; } .pinglist li .date { font-size: 11px; } .pinglist li .pingcontent { display: block; margin: 10px 0; } /* 5.3 Comments Form */ #respond { padding: 20px 0 40px; border-top: 2px solid #e0dcc4; } .comment-container #respond { margin: 0; padding: 0; border: none; } .comment-container #respond h3 { border: none; } #respond h3 { float: none; margin: 27px 0 0 0; font-size: 24px; } #commentform { margin: 15px 0 0 0; } #commentform p { font-weight: 700} #commentform label { font-size: 11px; text-transform: uppercase; } #commentform input.txt, #commentform textarea { font-size: 13px; background-color: #e0dcc4; border: 1px solid #e0dcc4; } #commentform input.txt:focus, #commentform textarea:focus { background-color: #fff; border: 1px solid #cf0000; } #commentform input.txt { width: 29.5%; margin: 0 5px 10px 0; padding: 7px 5px; font-weight: 700; font-family:"Gill Sans",Arial,Helvetica, sans-serif; } #commentform input#url { margin-right: 0; } #commentform textarea { width: 97.5%!important; padding: 5px;font-weight: 700;font-family:"Gill Sans",Arial,Helvetica, sans-serif; } #commentform #submit { cursor: pointer; margin: 15px 0 0 0; padding: 6px 12px 5px 12px; font-weight: bold; text-transform: uppercase; color: #fff; background: #cf0000; border: none; font-family:"Gill Sans",Arial,Helvetica, sans-serif; } #commentform #submit:hover { background-color: #400000; } /*-------------------------------------------------------------------------------------------*/ /* 6. MISC */ /*-------------------------------------------------------------------------------------------*/ /* 6.1 Buttons */ .button, .button:visited { font-family:"Gill Sans",Arial,Helvetica, sans-serif; background: url(http://eventjuice.co.uk/wp-content/themes/slanted/images/alert-overlay.png); display: inline-block; padding: 5px 10px 6px; color: #fff !important; text-decoration: none; border:none; position: relative; cursor: pointer; } .button, .button:visited { background-color:#555; } .button:hover { color: #fff !important; text-decoration:none; } .button:active { top: 1px; } .small.button, .small.button:visited { font-size: 10px; padding: 0px 6px 1px; text-transform:uppercase;} .button, .button:visited, .medium.button, .medium.button:visited { font-size: 13px; font-weight: bold; line-height: 1; } .large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; } #currentpost, #maxposts { display:none} /* 6.2 Info Boxes */ p.alert, p.download, p.info, p.note, p.tick { margin:10px 0 20px 0; padding:9px 10px 9px 50px; } p.alert { border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url(http://eventjuice.co.uk/wp-content/themes/slanted/images/ico-alert.png) no-repeat 20px 13px; } p.download { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(http://eventjuice.co.uk/wp-content/themes/slanted/images/ico-download.png) no-repeat 20px 13px; } p.tick { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(http://eventjuice.co.uk/wp-content/themes/slanted/images/ico-tick.png) no-repeat 20px 13px; } p.info { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url(http://eventjuice.co.uk/wp-content/themes/slanted/images/ico-info.png) no-repeat 20px 13px; } p.note { border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url(http://eventjuice.co.uk/wp-content/themes/slanted/images/ico-note.png) no-repeat 20px 13px; } /* 6.3 Contact Form */ #contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; } #contact-page ol.forms{float:left;list-style:none;margin:10px 10px 20px;} #contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%} #contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;} #contact-page ol.forms input.txt{width:331px;} #contact-page ol.forms input#sendCopy{border:none;} #contact-page ol.forms textarea{height:150px;width:331px;} #contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;} #contact-page ol.forms li.textarea .error{display:block; margin-left:120px} #contact-page ol.forms li.screenReader{margin-bottom:0;} #contact-page ol.forms li.buttons .submit{margin: 5px 0 0 120px; background: #cf0000; color: #fff; border: none; padding: 5px 10px; font-weight: bold; text-transform: uppercase; } #contact-page ol.forms li.buttons .submit:hover { background-color: #400000; } #contact-page ol.forms li.inline input{width:auto;margin-left:120px;} #contact-page ol.forms li.inline label{display:inline;float:none;width:auto;} /* 6.4 Gravity forms */ .gfield { margin-bottom: 10px; } .gform_wrapper .top_label .gfield_label { display:block;float:left; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; } .gform_wrapper input.button { padding: 5px 10px 6px !important; } .gform_wrapper input { padding: 7px 3px !important; } .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 300px !important; padding: 7px 3px !important; } .gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; } ul.top_label .clear-multi { clear: none !important; } .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; } img.ui-datepicker-trigger { border: 0px; padding: 0px; }