/* Theme Name: Canvas Theme URI: http://www.woothemes.com/ Version: 5.1.3 Description: Designed by WooThemes. Author: WooThemes Author URI: http://www.woothemes.com Tags: canvas, woothemes, buddypress Copyright: (c) 2009-2010 WooThemes. License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* This is the correct css file the website is (or should be!) picking up. */ /*@font-face - custom fonts*/ @font-face { font-family: 'OxygenRegular'; src: url('../../fonts/oxygen/Oxygen-webfont.eot'); src: url('../../fonts/oxygen/Oxygen-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/oxygen/Oxygen-webfont.woff') format('woff'), url('../../fonts/oxygen/Oxygen-webfont.ttf') format('truetype'), url('../../fonts/oxygen/Oxygen-webfont.svg#OxygenRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OxygenItalic'; src: url('../../fonts/oxygen/Oxygen-Italic-webfont.eot'); src: url('../../fonts/oxygen/Oxygen-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/oxygen/Oxygen-Italic-webfont.woff') format('woff'), url('../../fonts/oxygen/Oxygen-Italic-webfont.ttf') format('truetype'), url('../../fonts/oxygen/Oxygen-Italic-webfont.svg#OxygenItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OxygenBold'; src: url('../../fonts/oxygen/Oxygen-Bold-webfont.eot'); src: url('../../fonts/oxygen/Oxygen-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/oxygen/Oxygen-Bold-webfont.woff') format('woff'), url('../../fonts/oxygen/Oxygen-Bold-webfont.ttf') format('truetype'), url('../../fonts/oxygen/Oxygen-Bold-webfont.svg#OxygenBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OxygenBoldItalic'; src: url('../../fonts/oxygen/Oxygen-BoldItalic-webfont.eot'); src: url('../../fonts/oxygen/Oxygen-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/oxygen/Oxygen-BoldItalic-webfont.woff') format('woff'), url('../../fonts/oxygen/Oxygen-BoldItalic-webfont.ttf') format('truetype'), url('../../fonts/oxygen/Oxygen-BoldItalic-webfont.svg#OxygenBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansLight'; src: url('../../fonts/open-sans/OpenSans-Light-webfont.eot'); src: url('../../fonts/open-sans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/open-sans/OpenSans-Light-webfont.woff') format('woff'), url('../../fonts/open-sans/OpenSans-Light-webfont.ttf') format('truetype'), url('../../fonts/open-sans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansLightItalic'; src: url('../../fonts/open-sans/OpenSans-LightItalic-webfont.eot'); src: url('../../fonts/open-sans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/open-sans/OpenSans-LightItalic-webfont.woff') format('woff'), url('../../fonts/open-sans/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('../../fonts/open-sans/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansRegular'; src: url('../../fonts/open-sans/OpenSans-Regular-webfont.eot'); src: url('../../fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'), url('../../fonts/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'), url('../../fonts/open-sans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansItalic'; src: url('../../fonts/open-sans/OpenSans-Italic-webfont.eot'); src: url('../../fonts/open-sans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/open-sans/OpenSans-Italic-webfont.woff') format('woff'), url('../../fonts/open-sans/OpenSans-Italic-webfont.ttf') format('truetype'), url('../../fonts/open-sans/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemibold'; src: url('../../fonts/open-sans/OpenSans-Semibold-webfont.eot'); src: url('../../fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/open-sans/OpenSans-Semibold-webfont.woff') format('woff'), url('../../fonts/open-sans/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../../fonts/open-sans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemiboldItalic'; src: url('../../fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot'); src: url('../../fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/open-sans/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('../../fonts/open-sans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('../../fonts/open-sans/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBold'; src: url('../../fonts/open-sans/OpenSans-Bold-webfont.eot'); src: url('../../fonts/open-sans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/open-sans/OpenSans-Bold-webfont.woff') format('woff'), url('../../fonts/open-sans/OpenSans-Bold-webfont.ttf') format('truetype'), url('../../fonts/open-sans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBoldItalic'; src: url('../../fonts/open-sans/OpenSans-BoldItalic-webfont.eot'); src: url('../../fonts/open-sans/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/open-sans/OpenSans-BoldItalic-webfont.woff') format('woff'), url('../../fonts/open-sans/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('../../fonts/open-sans/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansExtrabold'; src: url('../../fonts/open-sans/OpenSans-ExtraBold-webfont.eot'); src: url('../../fonts/open-sans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/open-sans/OpenSans-ExtraBold-webfont.woff') format('woff'), url('../../fonts/open-sans/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('../../fonts/open-sans/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansExtraboldItalic'; src: url('../../fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot'); src: url('../../fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), url('../../fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), url('../../fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg'); font-weight: normal; font-style: normal; } /*------------------------------------------------------------------------------------------- INDEX: 0. RESET 1. SETUP -1.1 Defaults -1.2 Hyperlinks -1.3 @font-face 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Drop-down menus -2.2.2 Optional Top Navigation (WP 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 / Woo Pagination -3.4 Single Post Author -3.5 Tumblog Styling 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 -6.5 Tumblog -6.6 Subscribe & Connect -6.7 Featured Posts Shortcode 7. LAYOUTS -7.1 Site Width -7.2 two-col-left -7.3 two-col-right -7.4 three-col-left -7.5 three-col-middle -7.6 three-col-right 8. TEMPLATES / SLIDER -8.1 Slider -8.2 Magazine template -8.3 Business template -8.4 Footer Widgets 1-4 Columns -8.5 Portfolio -8.5.1 Single Portfolio Item -8.5.2 Portfolio Items In Archive Screens -8.6 Contact Page Template -8.7 Timeline Page Template 9. WOODOJO 10. BROWSER SPECIFIC 11. Top Navigation bar -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 0. RESET */ /*-------------------------------------------------------------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */ body, html { height: auto; } body { overflow-x: hidden; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } /* remember to define focus styles! */ del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */ /* GENERAL STYLES */ /* Floating & Alignment */ .fl { float: left; } .fr { float: right; } .ac { text-align: center; } .ar { text-align: right; } /* Clear Floats */ .col-full:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .fix { clear: both; height: 1px; margin: -1px 0 0; overflow: hidden; } html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://sonspring.com/journal/clearing-floats */ /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { font: 300 13px/20px 'OxygenRegular', Helvetica, Arial, sans-serif; color: #555; background-color: #fff; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family: 'OpenSansSemibold', Helvetica, Arial, sans-serif; color: #222; line-height: 1.2em; } h1 { font-size: 1.6em; } h2 { font-size: 1.4em; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } h5 { font-size: 1em; } h6 { font-size: 0.8em; } p { margin: 0; font: 300 14px/22px 'OxygenRegular', Helvetica, Arial, Sans-serif; } hr { background-color: #e6e6e6; border: 0; height: 1px; margin-bottom: 20px; } input, textarea { padding: 5px; background: #fafafa; border-color: #ccc #efefef #efefef #ccc; border-width: 1px; border-style: solid; margin-bottom: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } input:focus, textarea:focus { background: #fff; border-color: transparent; box-shadow: 0 0 6px rgba(48, 136, 255, 0.7); -moz-box-shadow: 0 0 6px rgba(48, 136, 255, 0.7); -webkit-box-shadow: 0 0 6px rgba(48, 136, 255, 0.7); } .hide { display: none; } img { vertical-align: bottom; max-width: 100%; } } /* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ .ie7 img { -ms-interpolation-mode: bicubic; } /* 1.2 Hyperlinks */ a:link, a:visited { color: #3088ff; text-decoration: none; } a:hover { text-decoration: underline; } 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; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; } /* 1.3 @font-face */ /* Setup Web Symbols Font */ @font-face { font-family: 'WebSymbolsRegular'; src: url('includes/fonts/websymbols-regular-webfont.eot'); src: url('includes/fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('includes/fonts/websymbols-regular-webfont.woff') format('woff'), url('includes/fonts/websymbols-regular-webfont.ttf') format('truetype'), url('includes/fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg'); font-weight: normal; font-style: normal; } .widget h3 { color: #ffffff; font-weight: normal; font-size: 1.2em; padding-top:.25em; padding-bottom:.25em } @font-face { font-family: 'FontAwesome'; src: url('includes/fonts/fontawesome-webfont.eot'); src: url('includes/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('includes/fonts/fontawesome-webfont.woff') format('woff'), url('includes/fonts/fontawesome-webfont.ttf') format('truetype'), url('includes/fonts/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } .icon:before, .icon:after { font-size: 1em; line-height: 1; display: inline-block; font-family: "WebSymbolsRegular"; } .icon:before { margin-right: 0.618em; } .icon:after { margin-left: 0.618em; } .icon:hover:before, .icon:hover:after { color: #aaa; } /* Nav Toggle */ .nav-toggle:after { content: '�'; font-weight: normal; color: #000; display:none; } /* Menu Subscribe Icons */ #navigation ul.rss li a:after { content: 'B'; text-shadow: 1px 1px 0 #fff; } #navigation ul.rss li a:hover:after { color: #222; } #navigation ul.rss li.sub-email a:after { content: '@'; text-shadow: 1px 1px 0 #fff; } /* Post Tags */ .post p.tags:before { content: ','; } .post p.tags:hover:before { color: #999; } /* Pagination */ .post-entries .nav-prev a:before, .nav-entries .nav-prev:before { content: '<'; margin-right: 0.618em; } .post-entries .nav-next a:after, .nav-entries .nav-next:after { content: '>'; margin-left: 0.618em; } .post-entries .nav-prev a:before, .post-entries .nav-next a:after, .nav-entries .nav-prev:before, .nav-entries .nav-next:after { position: relative; top: -0.2em; font-size: 0.7em; font-family: "WebSymbolsRegular"; } /* Sliders */ .feedback .flex-prev:before, .feedback .flex-next:before { font-family: "WebSymbolsRegular"; } a.flex-prev:before, #post-gallery .pagination .jcarousel-prev:before { content: '('; } a.flex-next:before, #post-gallery .pagination .jcarousel-next:after { content: ')'; } a.flex-prev:before, a.flex-next:before, #post-gallery .pagination .jcarousel-prev:before, #post-gallery .pagination .jcarousel-next:after { position: absolute; top: 3px; left: 2px; font-size: 24px; color: #666; color: rgba(0, 0, 0, 0.6); } a.flex-prev:hover:before, a.flex-next:hover:before, #post-gallery .pagination .jcarousel-prev:hover:before, #post-gallery .pagination .jcarousel-next:hover:after { color: #222; } /* Tumblog */ .post .post-icon a:before { display: block; height: 50px; width: 50px; padding-top: 0.6em; font-size: 1.7em; color: #fff; text-align: center; } .post .post-icon.link a:before { content: 'K'; } .post .post-icon.video a:before { content: 'M'; } .post .post-icon.article a:before { content: 'a'; } .post .post-icon.audio a:before { content: 'u'; } .post .post-icon.image a:before { content: 'I'; } .post .post-icon.quote a:before { content: '\201C'; font-size: 6em; padding-top: 0.1em; } /* Timeline template comments */ #archives .archives_list li span.comments a:before { content: 'd'; font-family: "WebSymbolsRegular"; font-size: 0.6em; margin-right: 5px; position: relative; top: -0.4em; } /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #wrapper { padding: 0px 0 0px; margin-top:15px; } /* 2.2 Navigation */ #navigation { position: relative; clear: both; padding:0; margin-bottom:3em; border: 0px; background: #5a379f; background: -webkit-gradient(linear, left top, left bottom, from(#6a4da7), to(#59399c)); background: -webkit-linear-gradient(#6a4da7, #3d256b); background: -moz-linear-gradient(center top, #6a4da7 0%, #59399c 100%); background: -moz-gradient(center top, #6a4da7 0%, #59399c 100%); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03); border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; color: #fff; } #navigation ul.rss { display: none; } #navigation ul.rss li { display: none; } #navigation ul.rss li a { display: none; } #navigation ul.rss li a:hover { display: none; } ul.nav { width: 100%; } ul.nav li a { padding: .5em .6em; display: block; color: #fff; font-family:'OpenSansSemibold', Helvetica, Arial, sans-serif; padding-top:.5em!important; padding-bottom:.5em!important; } ul.nav li a:hover { color: #fff; background:red; } ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a { background: #fe9900; background: -webkit-gradient(linear, left top, left bottom, from(#ffbb44), to(#fe9900)); background: -webkit-linear-gradient(#ffbb44, #fe9900); background: -moz-linear-gradient(center top, #ffbb44 0%, #fe9900 100%); background: -moz-gradient(center top, #ffbb44 0%, #fe9900 100%); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03); border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; color: #fff; } ul.nav li ul li a { background: none!important; color: #fff!important; } ul.nav li a:hover { background:#000; } ul.nav ul li.current_page_item a, ul.nav ul li.current_page_parent a, ul.nav ul li.current-menu-ancestor a, ul.nav ul li.current-cat a, ul.nav ul li.current-menu-item a { color: #fff; } #top select { margin: 1.618em 0 0; width: 100%; } #top #top-nav { display: none; } /* 2.3 Header */ .boxed-layout #header, .boxed { padding-left:0; padding-right:0; } #header,header { padding: 0px 0 0px; clear: both; position: relative; background-size: cover; } header.col-full { margin: 0; padding: 0; } #logo .site-title { line-height: inherit; margin-bottom: 5px; font-weight: bold; } #logo .site-title, #logo .site-description { font-family: 'OpenSansSemibold', Helvetica, Arial, sans-serif; color: #000; display: none; } #logo .site-title a:hover { text-decoration: underline; } #logo .site-description { color: #999; font-weight: 300; } #topad { margin: 2em 0 0.5em; } /* 2.4 Content */ .col-full { padding-left: 1.5em; padding-right: 1.5em; } section.entry { margin-right: 1.5em; margin-bottom: 3em; } #content { padding: 0 0.8em 0.8em; position: relative; } /* 2.5 Sidebar */ #sidebar { padding-top: 0; padding-right: 0; overflow: hidden; } #sidebar a { font-family:'OxygenRegular', serif; } #sidebar .secondary { float: left; margin-right: 20px; } #sidebar .tertiary { float: left; margin-right: 0; } #sidebar .last { margin: 0; } #t-sidebar { display: none; } /* 2.6 Footer */ #copyright,#credit{ display:none; } .col-full,#footer{ border-top:none; } #footer { padding: 20px 10px 10px 10px; background:#e6e6e6; } #footer .col-left { margin-bottom: 10px; } #footer-left{ float:left; width:33%; } #footer-left p{ color:#999; } #footer-centre{ margin:auto; float:left; width:33%; text-align:center; } #footer a{ color:#999; } #footer-right{ float:right; width:33%; position: relative; top: -5px; } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ .breadcrumbs { margin-bottom: 35px; margin-left:6px; padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px; background-color:#f5f3f3; border-radius: 8px; border-radius: 8px; -moz-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -webkit-border-radius: 8px; } .archive_header { display: block; float: left; border-bottom: 1px solid #e6e6e6; width: 100%; margin: 0 0 30px; padding: 0 0 10px; color: #222; } .archive_header { font-weight: bold; font-size: 1.5em; } .archive_header h1 { font-size: 1em; } .archive_header .catrss a { padding: 5px 10px; font-size: 14px; text-decoration: none; line-height: 22px; } .post, .search .page { margin: 0 0 04px; } .post .title, .page .title { font: normal 24px/1.0em 'OpenSansSemibold', Helvetica, Arial, sans-serif; margin: 0px 0 25px 0; line-height: 1.5em; padding-left:0px; color:#5a379f; width:97%; padding-top:1px; padding-left:5px; border-left-color:#5a379f; border-left-width: 10px; border-left-style: solid; border-bottom-color:#5a379f; border-bottom-width: 2px; border-bottom-style: solid; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .post .title a:link, .post .title a:visited, .page .title a:link, .page .title a:visited { color: #222; } .post-meta { margin: 0 0 1.8em 0; color: #999; font: 300 12px/18px 'OxygenRegular', Helvetica, Arial, sans-serif; } .post-meta .small { text-transform: lowercase; } .post-meta .author { text-transform: capitalize; } .post-more { clear: both; padding: 0.2em 0; font-size: 13px; } .post-more .sep { padding: 0 0.5em; } .post-meta .post-edit-link { background: #F0F0F0; border-radius: 3px; float: right; font-weight: 300; padding: 2px 5px; margin-top: -2px; } .post p.tags { color: #999; width: 100%; clear: both; margin-bottom: 20px; } .post-meta a:link, .post-meta a:visited, .post p.tags a:link, .post p.tags a:visited { font-weight: bold; color: #888; } .post-more a:hover, .post-meta a:hover, .post p.tags a:hover { text-decoration: underline; color: red; } .post .post-embed { margin-bottom: 30px; } .entry .page-link { font-weight: bold; margin: 0 0 2em; } /* 3.1 Typographic Elements */ .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 0 0 0.5em; line-height: 1.5em; color:#555; font-family: 'OpenSansSemibold', Helvetica, Arial, sans-serif; } .entry h2{ margin-top:34px; } .entry, .entry p { color: #555; font: 300 14px/1.4em 'OxygenRegular', Helvetica, sans-serif; line-height:1.8em; margin-bottom: 1.2em; } .entry blockquote { position: relative; padding: 10px 20px 10px 50px; color: #444; } .entry blockquote:before { content: '\201C'; position: absolute; top: 0.5em; left: 0; font-size: 7em; color: #999; font-family: 'OxygenRegular', serif; } .entry blockquote p { font-style: italic; } .entry ul { margin: 0 0 15px 0; padding: 0 0 0 30px; } .entry ul ul { margin: 0; } .entry ul li { list-style-type: disc; line-height:1.8em; } .entry ul ul li { list-style-type: circle; } .entry ol { margin: 0 0 15px 0; padding: 0 0 0 30px; } .entry ol ol { margin: 0; } .entry ol li { list-style-type: decimal; line-height:1.8em; } .entry ol li ol li { list-style-type: lower-latin; } /* 3.2 Images */ .entry img, img.thumbnail, #portfolio .group.portfolio-img img { height: auto; padding: 3px; border-style:none; } img.wp-smiley { padding: 0; border: none; } .alignleft { float: left; margin: 5px 15px 15px 0; } .alignright { float: right; margin: 5px 0 15px 15px; } .aligncenter { text-align: center; margin-bottom: 15px; } img.aligncenter { margin-left: auto; margin-right: auto; display: block; } .entry .wp-caption { max-width: 100%; width: 100%; padding: 3px; text-align: center; background: #F8F8F8; border: solid 1px #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: inset 0 0 1px 1px #fff; -moz-box-shadow: inset 0 0 1px 1px #fff; -webkit-box-shadow: inset 0 0 1px 1px #fff; } .entry .wp-caption img { margin: 0 !important; padding: 4px 0; background: none; border: 0; } .entry .wp-caption-text { margin: 0 0 0.3em; padding: 0; text-align: center; } p.wp-caption-text { font-family:'OpenSansSemibold', Helvetica, Arial, sans-serif; font-size: 0.8em; } .entry .wp-caption a { margin: 0!important; } .entry .wp-caption.aligncenter { margin: 0 auto 23px; } /* 3.3 Pagination */ .nav-entries { clear: both; font-size: 11px; } .post-entries { clear: both; margin-top: -20px; } .post-entries a:link, .post-entries a:visited { font-size: 0.9em; color: #888; } .post-entries a:hover { text-decoration: none; color: #666; } .woo-pagination { margin: 0; text-align: center; clear: both; display: block; } .woo-pagination a:link, .woo-pagination a:visited, .nav-entries a span { display: inline; text-decoration: none; color: #666; padding: 3px 7px; border: 1px solid #DDDDDD; } .nav-entries a { font-size: 1.2em; } .woo-pagination span.extend, .woo-pagination .page-numbers { border: none; color: #666; } .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .nav-entries a span { /* Border Radius */ font-weight: bold; font-size: 0.9em; border-radius: 3px; border: 1px solid #d9d9d9; background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5)); background: -webkit-linear-gradient(#ffffff, #f5f5f5); background: -moz-linear-gradient(center top, #ffffff 0%, #f5f5f5 100%); background: -moz-gradient(center top, #ffffff 0%, #f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f5f5f5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f5f5f5)"; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); } .woo-pagination span.current { border: none; background: none; font-weight: bold; font-size: 0.9em; } .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active { border: none; background: #f0f0f0; } .woo-pagination .current, .woo-pagination a:hover { padding: 3px 7px; background: #fe9900; } /* 3.4 Single Post Author */ #post-author { padding: 15px; margin: 0 0 1.5em; border: 1px solid #e6e6e6; background: #fafafa; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #post-author h4 { margin-bottom: 0.4em; } #post-author .profile-image img { float: left; margin: 0 15px 5px 0; padding: 0; border: none; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } #post-author .profile-content { font-size: 13px; } .author #post-author { margin-bottom: 30px; } /* 3.5 Tumblog Styling */ .post { position: relative; } .post .post-icon a { float: right; display: block; overflow: hidden; width: 50px; height: 50px; background: #333; border-radius: 100px; } .post .post-icon a:hover { background: #111; text-decoration: none; } .post .audio { margin-bottom: 1.8em; } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.2 Generic Widgets */ .widget { margin: 0 0 30px 0; font-size: 12px; } .widget h3 { padding-bottom: 0; } div.widget.widget_nav_menu h3 { color: #5a379f; border-bottom-color:#5a379f; border-bottom-width: 2px; border-bottom-style: solid; padding-left:0px; } div.widget.widget_text h3{ background: #5a379f; background: -webkit-gradient(linear, left top, left bottom, from(#6a4da7), to(#59399c)); background: -webkit-linear-gradient(#6a4da7, #3d256b); background: -moz-linear-gradient(center top, #6a4da7 0%, #59399c 100%); background: -moz-gradient(center top, #6a4da7 0%, #59399c 100%); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03); border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } div.textwidget p{ font-family:'OxygenRegular'; } div.widget.widget_rss ul li, div.widget.widget_woo_flickr ul li,div.widget.widget_woo_twitter ul li, { font-family: 'OxygenRegular'; } div.widget.widget_rss h3 a, div.widget.widget_woo_flickr h3 a, div.widget.widget_woo_twitter h3 a { color: #ffffff; } div.widget.widget_rss h3, div.widget.widget_woo_flickr h3, div.widget.widget_woo_twitter h3 { font: 300 16px/1.6em 'OpenSansSemibold', Helvetica, Arial, sans-serif; background: #5a379f; background: -webkit-gradient(linear, left top, left bottom, from(#6a4da7), to(#59399c)); background: -webkit-linear-gradient(#6a4da7, #3d256b); background: -moz-linear-gradient(center top, #6a4da7 0%, #59399c 100%); background: -moz-gradient(center top, #6a4da7 0%, #59399c 100%); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03); border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; color: #ffffff; } div.flickr_badge_image a img { height: 90px; width: 90px; } a.rsswidget img { display: none; } .widget p { font: 300 13px/20px 'OxygenRegular', Helvetica, sans-serif; margin-bottom: 15px; } .widget ul { clear: both; list-style-position: inside; list-style-type: disc; margin-left: 5px; } .widget ul li a { padding: 0; line-height: 22px; text-decoration: none; } .widget ul li a:hover { text-decoration: underline; } .widget ul ul { padding: 0 0 0 15px; border-top: none; } .widget_recent_comments li, #twitter li { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */ .widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */ #footer-widgets { padding: 10px 0; clear: both; } /* 4.2 Specific Widgets */ /* Minor WooSlider Compatibility Additions */ .widget .wooslider ul li a { padding: 0; } div.textwidget img { margin-top: 4px; margin-left: 4px; margin-right: 8px; } /* SEARCH FORM */ .searchform { width: 99%; margin-top: 5px; position: relative; border-color: #ccc #efefef #efefef #ccc; border-width: 1px; border-style: solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .searchform input.s { padding: 8px; width: 85%; margin: 0; border: none; background: none; color: #777; } .searchform input.s:focus { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .searchform input.submit { position: absolute; top: 6px; right: 10px; border: none; margin: 0; padding: 0; } /* WIDGET WOO EMBED */ .widget_woo_embed h3 { margin-bottom: 0.5em; } .widget_woo_embed h4 { display: none; } .widget_woo_embed ul { margin: 0.7em 0 0; } .widget_woo_embed ul li.active a { font-weight: bold; } /* CALENDAR */ #wp-calendar { width: 95%; margin-bottom: 15px; clear: both; padding: 0; } #wp-calendar caption { padding: 0 0 10px; } #wp-calendar th, #wp-calendar td { text-align: center; background: rgba(0, 0, 0, 0.05); padding: 5px; } #wp-calendar td { background: transparent; } #wp-calendar td, table#wp-calendar th { padding: 3px 0; } /* Blog Author Widget */ .widget_woo_blogauthorinfo .avatar { padding: 5px; border: 1px solid #e6e6e6; background: #F8F8F8; background: rgba(255, 255, 255, 0.7); } .widget_woo_blogauthorinfo .left { float: left; margin: 0 10px 5px 0; } .widget_woo_blogauthorinfo .right { float: right; margin: 0 0 5px 10px; } /* TWITTER */ div.widget.widget_woo_twitter h3 { padding-bottom: 0; padding-left: 10px; } .widget.widget_woo_twitter .content { font-size: 12px; font-family: 'OxygenRegular', Helvetica, Arial, sans-serif; } .widget.widget_woo_twitter .back { padding: 10px; } .widget.widget_woo_twitter p a { color: #3088FF; } /* Feedback */ .widget_woo_feedback { position: relative; padding-top: 5px; } .feedback .feedback-list > div { display: none; } .feedback .feedback-list { margin-top: 15px; } .feedback .feedback-list cite { display: block; margin-top: 5px; font-weight: bold; } .feedback .feedback-list .feedback-url { display: block; } .feedback .flex-direction-nav { position: absolute; top: 0; right: 0; list-style-type: none; } .feedback .flex-direction-nav li { float: left; } .feedback .flex-prev, .feedback .flex-next { padding-top: 30px; width: 26px; } .feedback .flex-prev:before, .feedback .flex-next:before { font-size: 20px; } /* 4.3 WooTabs */ #tabs { height: auto; display: block; margin-bottom: 30px; } #tabs ul.wooTabs { position: relative; bottom: -1px; padding: 0px; z-index: 99; } #tabs ul.wooTabs li { float: left; display: inline; margin-right: 2px; font-weight: bold; color: #ffffff; cursor: pointer; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background: #fff; text-decoration: none; border: 1px solid #d9d9d9; border-width: 1px 1px 0; color: #666; background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ffffff)); background: -webkit-linear-gradient(#f2f2f2, #ffffff); background: -moz-linear-gradient(center top, #f2f2f2 0%, #ffffff 100%); background: -moz-gradient(center top, #f2f2f2 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f2f2f2, endColorstr=#ffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f2f2, endColorstr=#ffffff)"; box-shadow: inset 0 1px 0 #ffffff, 0 -1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 #ffffff, 0 -1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 0 #ffffff, 0 -1px 3px rgba(0, 0, 0, 0.1); } #tabs ul.wooTabs li a { color: #999; display: block; float: left; border: 1px solid transparent; border-width: 1px 1px 0; padding: 5px 8px 3px; text-transform: uppercase; font-size: 11px; text-shadow: 1px 1px 0 solid #fff; } #tabs .inside { box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } #tabs .inside li { background: #fff; } #tabs #tab-tags { padding: 10px; background: #fff; border: 1px solid #d9d9d9; } #tabs .inside ul { margin: 0; border: 1px solid #d9d9d9; border-width: 1px 0 1px 0; list-style: none; padding-left: 0px; } #tabs .inside li { border: 1px solid #d9d9d9; border-width: 0 1px 1px 1px; padding: 10px; } #tabs .inside li a { color: #999; font: bold 13px/18px 'OxygenRegular', Helvetica, sans-serif; padding: 0; } #tabs .inside li span.meta { display: block; font: 300 11px/20px 'OxygenRegular', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #777; } #tabs .inside li img.avatar, #tabs .inside li img.thumbnail { float: left; margin: 0 8px 0 0; padding: 0; border-radius: 300px; -moz-border-radius: 300px; -webkit-border-radius: 300px; } #tabs { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { border-top-right-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; } #tabs .inside .list { display: none; } #tabs .inside .list:first-child { display: block; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments { position: relative; margin: 40px 0 0; padding: 40px 0 0 0; border-top: 1px solid #e6e6e6; border-top: 1px solid rgba(0, 0, 0, 0.07); } #comments h3 { color: #333; font-weight: normal; margin-bottom: 20px; } #comments .comment.thread-even { background: #fafafa; background: rgba(0, 0, 0, 0.02); border-bottom: 1px solid #e6e6e6; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } #comments .comment { margin-top: 10px; width: 100%; list-style-type: none; } #comments .comment .comment-container { position: relative; padding: 20px; } #comments .comment-head { margin: 0 0 15px 0; } #comments .avatar { float: left; margin: 0 15px 10px 0; } #comments .avatar img { margin: 0; vertical-align: middle; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } #comments .comment-head .name { margin: 0; font-weight: bold; font-size: 15px; } #comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; } #comments .comment-entry p { margin: 0 0 10px 0; } #comments .reply { padding-top: 10px; } #comments .reply a { color: #fff; } #comments ul.children { margin: 10px 10px 0 25px; padding: 0; } #comments ul.children li { border-top: 1px solid #e6e6e6; } #comments .cancel-comment-reply { margin: 10px 0; } #comments .navigation a { display: block; margin: 15px 0 0 0; text-decoration: none; } #comments h3#pings { margin-top: 25px; } #comments .pingbacks li.pingback { margin: 10px 0; } #comments .pingbacks li.pingback .reply { display: none; } /* 5.2 Comments Form */ #respond { margin: 40px 0 0; } #respond h3 { color: #333; font-weight: normal; margin-bottom: 20px; } #respond #reply-title small { display: block; font-size: 14px; margin-top: 5px; } #respond .left { float: left; width: 200px; margin-right: 15px; } #respond .right { float: left; width: 380px; } #respond label { font-size: 11px; color: #777; } #commentform { margin: 15px 0 0 0; } #commentform input.txt, #commentform textarea { font: 300 14px/1em 'OxygenRegular', Helvetica, sans-serif; } #commentform input.txt { width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; } #commentform textarea { width: 95% !important; padding: 5px 7px; } #commentform #submit { margin: 15px 0 0 0; } /* 5.3 Pingbacks / Trackbacks */ h3#pings { margin: 25px 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; } /*-------------------------------------------------------------------------------------------*/ /* 6. MISC */ /*-------------------------------------------------------------------------------------------*/ /* 6.1 Buttons */ body #wrapper #content .button, body #wrapper #content .button:visited, body #wrapper #content .reply a, body #wrapper #content #respond .form-submit input#submit { font-family: 'OpenSansSemibold', Helvetica, Arial, sans-serif; display: inline-block; padding: 6px 14px; color: #fff !important; text-decoration: none; border: none; position: relative; cursor: pointer; } body #wrapper #content .button, body #wrapper #content .button:visited, body #wrapper #content .reply a, body #wrapper #content #respond .form-submit input#submit { border: none; background: #555555; background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#424242)); background: -webkit-linear-gradient(#555555, #424242); background: -moz-linear-gradient(center top, #555555 0%, #424242 100%); background: -moz-gradient(center top, #555555 0%, #424242 100%); box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1); } body #wrapper #content .button:hover, body #wrapper #content .reply a:hover, body #wrapper #content #respond .form-submit input#submit:hover { color: #fff !important; text-decoration: none; } body #wrapper #content .button:active, body #wrapper #content .reply a:active, body #wrapper #content #respond .form-submit input#submit:active { box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.6); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.6); -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.6); } body #wrapper #content .small.button, body #wrapper #content .small.button:visited, body #wrapper #content .reply a { font-size: 10px; padding: 0px 6px 1px; text-transform: uppercase; } body #wrapper #content .button, body #wrapper #content .button:visited, body #wrapper #content .medium.button, body #wrapper #content .medium.button:visited, body #wrapper #content #respond .form-submit input#submit { font-size: 12px; line-height: 1; } body #wrapper #content .large.button, body #wrapper #content .large.button:visited { font-size: 14px; padding: 8px 14px 9px; } body #wrapper #content .button, body #wrapper #content .button:visited, body #wrapper #content .medium.button, body #wrapper #content .medium.button:visited, body #wrapper #content #respond .form-submit input#submit { text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); } body #wrapper #content .button, body #wrapper #content .button:visited, body #wrapper #content .reply a, body #wrapper #content #respond .form-submit input#submit { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); } body #wrapper #content .button:hover, body #wrapper #content .reply a:hover, body #wrapper #content #respond .form-submit input#submit:hover { opacity: 0.9; } /* 6.3 Contact Form */ #contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; } #contact-page ol.forms { float: left; list-style: none; width: 100%; margin: 10px 0 0; } #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: 80px; } #contact-page ol.forms input.txt { width: 214px; } #contact-page ol.forms input#sendCopy { border: none; } #contact-page ol.forms textarea { height: 300px; width: 70%; } #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: 0 0 0 100px; } #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; } #contact-page ol.forms li.inline input#sendCopy { margin-left: 100px; } .three-col-left #contact-page ol.forms textarea, .three-col-middle #contact-page ol.forms textarea, .three-col-right #contact-page ol.forms textarea { width: 65%; } .three-col-left #contact-page ol.forms input#sendCopy, .three-col-middle #contact-page ol.forms input#sendCopy, .three-col-right #contact-page ol.forms input#sendCopy { float: left; } /* 6.4 Gravity forms */ .gfield { margin-bottom: 10px; } .gform_wrapper .top_label .gfield_label { display: block; padding-right: 20px; margin: 5px 0px 4px !important; } .gform_wrapper input.button { padding: 5px 10px 6px !important; } .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { letter-spacing: 0px; } .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: 400px !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: 10px !important; } img.ui-datepicker-trigger { border: 0px; padding: 0px; } /* 6.5 Tumblog */ .entry .quote, .entry .video { margin-bottom: 1.5em; } .entry .quote blockquote { font-style: italic; } .entry .quote cite { text-align: right; font-style: normal; display: block; font: 0.9em sans-serif; } .entry .quote cite:before { content: '~ '; } /* 6.6 Subscribe & Connect */ #connect { background: #fafafa; margin: 0 0 1.5em; padding: 15px; border: 1px solid #e6e6e6; clear: both; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: normal; } #main #connect .col-left, #connect .col-right { float: none; width: 100%; } #connect h3 { margin-bottom: 10px; } #connect p { margin: 0 0 1em; } #connect .newsletter-form { margin: 0 0 1em; } #connect .newsletter-form .email { width: 140px; } #connect .newsletter-form .submit { cursor: pointer; padding: 3px 5px; margin: 0 0 0 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #connect .related-posts { border-top: 1px solid #e6e6e6; margin-top: 1em; padding-top: 1em; } #connect .related-posts h4 { font-size: 1em; } #connect .related-posts ul { list-style: none; margin: 5px 0 5px 0; } .widget #connect { background: none; padding: 0; border: none; } .widget #connect .fl, .widget #connect .fr { float: none; } #connect .social a { opacity: 0.8; filter: alpha(opacity=80); -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } #connect .social a:hover { opacity: 1; filter: alpha(opacity=100); } #connect .social a { display: inline-block; height: 28px; width: 30px; background-image: url(images/ico-subscribe-social.png); background-repeat: no-repeat; } #connect .social a.subscribe { background-position: 0px 0; } #connect .social a.twitter { background-position: -30px 0; } #connect .social a.facebook { background-position: -60px 0; } #connect .social a.youtube { background-position: -90px 0; } #connect .social a.flickr { background-position: -120px 0; } #connect .social a.linkedin { background-position: -150px 0; } #connect .social a.delicious { background-position: -180px 0; } #connect .social a.googleplus { background-position: -210px 0; } /* 6.7 Featured Posts Shortcode */ .woo-sc-featured-posts ul { float: left; clear: both; list-style: none; padding-left: 0px; } .woo-sc-featured-posts ul li { float: left; clear: both; list-style: none; margin-bottom: 10px; } .woo-sc-featured-posts ul li .thumbnail { float: left; margin-right: 10px; } .woo-sc-featured-posts ul li .related-title { float: left; } /*-------------------------------------------------------------------------------------------*/ /* 8. TEMPLATES / SLIDER */ /*-------------------------------------------------------------------------------------------*/ /* 8.1 Slider */ #loopedSlider .slides { overflow: hidden; } #loopedSlider .container { overflow: hidden; position: relative; display: none; } #loopedSlider .slides { top: 0; left: 0; } #loopedSlider .slides .slide { display: none; overflow: hidden; position: relative; -webkit-backface-visibility: hidden; } #loopedSlider { margin: 0 auto 40px; padding: 0; position: relative; } #loopedSlider .nav-buttons { list-style-type: none; margin: 0; padding: 0; position: relative; } #content.magazine #loopedSlider .slides .slide img { width: 100%; } /* Clearfix for the .slides element */ #loopedSlider .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] #loopedSlider .slides { display: block; } * html #loopedSlider .slides { height: 1%; } #loopedSlider .content { padding: 20px 0; background: #000000; } #loopedSlider .content h2 { font-size: 20px; margin-bottom: 0; padding: 10px 20px; } #loopedSlider .content h2, #loopedSlider .content h2 a, #loopedSlider .content h2 a:visited { color: #fff; } #loopedSlider .content h2 a:hover { text-decoration: underline; } #loopedSlider .content .title { margin: 0; } #loopedSlider .content p { color: #ccc; padding: 5px 20px 10px 20px; } a.flex-prev, a.flex-next { display: block; position: relative; overflow: hidden; width: 30px; height: 0; padding-top: 30px; } a.flex-prev:hover, a.flex-next:hover { text-decoration: none !important; } .widget a.flex-prev, .widget a.flex-next { padding-top: 30px; } /* 8.1.1 Pagination */ #loopedSlider { margin-bottom: 50px; } #loopedSlider.has-pagination { margin-bottom: 5px; } #loopedSlider .flex-control-nav, .slider-pagination .flex-control-nav { text-align: center; margin: 10px 0 20px 0; position: absolute; width: 100%; z-index: 10; } #loopedSlider .pagination, #loopedSlider .flex-control-nav, .slider-pagination .flex-control-nav { display: inline; } #loopedSlider .pagination li, #loopedSlider .flex-control-nav li, .slider-pagination li { display: inline-block; margin: 0 2px; width: 10px; height: 10px; } #loopedSlider .pagination li a, #loopedSlider .flex-control-nav li a, .slider-pagination a { display: block; cursor: pointer; width: 10px; height: 10px; text-indent: -9999px; background: #666; border-radius: 300px; -moz-border-radius: 300px; -webkit-border-radius: 300px; } #loopedSlider .pagination li a, #loopedSlider .flex-control-nav li a:hover, .slider-pagination li a:hover { background: #444; } #loopedSlider .pagination li.current a, #loopedSlider .flex-control-nav li .flex-active, .slider-pagination .flex-active a { background: #222; } .slider-pagination { display: none; margin-bottom: 50px; } body.ie7 #loopedSlider .pagination li { display: inline; zoom: 1; } /* 8.2 Magazine template */ .magazine #loopedSlider a.previous, .magazine #loopedSlider a.flex-prev { position: absolute; bottom: 10px; right: 50px; z-index: 999; } .magazine #loopedSlider.has-pagination a.previous, .magazine #loopedSlider.has-pagination a.flex-prev, .magazine #loopedSlider.has-pagination a.flex-next { bottom: 40px; } .magazine #loopedSlider a.flex-next { position: absolute; bottom: 10px; right: 15px; z-index: 999; } .magazine #loopedSlider .slides { width: 100%; } .magazine #loopedSlider li.slide { display: none; } /* Prevents flicker of the slides before the slider has loaded. */ .magazine #loopedSlider li.slide img { max-width: 100%; height: auto; } .magazine #loopedSlider .pagination-wrap { height: 30px; } /* 8.2 Business template */ .business #loopedSlider, .business #loopedSlider .container { width: auto; } .business #loopedSlider a.previous, .business #loopedSlider a.flex-prev { position: absolute; top: 45%; left: -40px; } .business #loopedSlider a.flex-next { position: absolute; top: 45%; right: -40px; } .business #loopedSlider .entry { padding: 0 15px; } .business h2, .business h3, .business h4, .business h5, .business h6 { margin-top: 0.3em; } .business #loopedSlider img.woo-image { max-width: 100%; height: auto; } .business #loopedSlider li.slide { display: none; } /* Prevents flicker of the slides before the slider has loaded. */ /* 8.3 Footer Widgets 1-4 Columns */ #footer-widgets .block { padding-top: 20px; } /* 8.5 Portfolio */ #portfolio a.thumb { display: block; margin: 0px; margin-right: 30px; margin-bottom: 30px; } #portfolio a.thumb:hover { text-decoration: none; background: url("images/portfolio-hover.png") no-repeat 50% 50%; } #portfolio .block h2 { font-size: 18px; margin-bottom: 15px; } .portfolio h2 { margin: 0 0 0.5em; } #portfolio .group.portfolio-img a.thumb { margin-bottom: 1em; margin-right: 0px; height: auto; } #portfolio .group.portfolio-img a.thumb:hover { background-position: 50% 45%; } #portfolio .group.portfolio-img { float: left; display: block; margin: 0 10px 30px; } #portfolio .group.portfolio-img img { max-width: none; } #portfolio .group.portfolio-img h3 { font-size: 14px; } #portfolio #port-tags { margin: 0 10px 20px; padding: 0 0 20px; } #portfolio #port-tags .port-cat { text-transform: uppercase; font-size: 12px; } #portfolio #port-tags .port-cat a { padding: 2px 6px; margin: 0 0 0 5px; background: #fff; border: 1px solid #BFD4D9; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #portfolio #port-tags .port-cat a:hover, #portfolio #port-tags .port-cat a.current { text-decoration: none; background: #eee; } #portfolio .gallery-image { display: none; } /* 8.5.1 Single Portfolio Item */ body.single-portfolio.one-col #post-gallery, body.single-portfolio.one-col .post-embed { float: left; margin-bottom: 20px; width: 60%; } body.single-portfolio.one-col-980 #post-gallery, body.single-portfolio.one-col-980 .post-embed { width: 55%; } body.single-portfolio.one-col-960 #post-gallery, body.single-portfolio.one-col-960 .post-embed { width: 55%; } body.single-portfolio.one-col-940 #post-gallery, body.single-portfolio.one-col-940 .post-embed { width: 55%; } body.single-portfolio.one-col-880 #post-gallery, body.single-portfolio.one-col-880 .post-embed { width: 55%; } body.single-portfolio.one-col-760 #post-gallery, body.single-portfolio.one-col-760 .post-embed { width: 45%; } body.single-portfolio.two-col-left #post-gallery, body.single-portfolio.two-col-right #post-gallery, body.single-portfolio.two-col-middle #post-gallery, body.single-portfolio.three-col-left #post-gallery, body.single-portfolio.three-col-right #post-gallery, body.single-portfolio.three-col-middle #post-gallery, body.single-portfolio.two-col-left .post-embed, body.single-portfolio.two-col-right .post-embed, body.single-portfolio.two-col-middle .post-embed, body.single-portfolio.three-col-left .post-embed, body.single-portfolio.three-col-right .post-embed, body.single-portfolio.three-col-middle .post-embed { float: none; margin-bottom: 20px; } #post-gallery .slides_container .slide { margin-bottom: 1em; } #post-gallery .slides_control .slide { display: none; } /* Prevents the gallery from displaying incorrectly on first load. */ #post-gallery .photo-caption { background: #EBEBEB; padding: 5px; display: block; margin-top: 0.4em; } #post-gallery .photo-caption { filter: alpha(opacity=80); /* internet explorer */ -khtml-opacity: 0.8; /* khtml, old safari */ -moz-opacity: 0.8; /* mozilla, netscape */ opacity: 0.8; /* fx, safari, opera */ } #post-gallery .pagination li { display: inline; padding-right: 10px; margin: 15px 4px 15px 0; } #post-gallery .pagination .jcarousel-prev, #post-gallery .pagination .jcarousel-next { cursor: pointer; width: 7px; height: 10px; position: absolute; top: 45%; } #post-gallery .pagination .jcarousel-prev { left: 10px; } #post-gallery .pagination .jcarousel-next { right: 45px; } #post-gallery .pagination .jcarousel-prev-disabled, #post-gallery .pagination .jcarousel-next-disabled { filter: alpha(opacity=20); /* internet explorer */ -khtml-opacity: 0.2; /* khtml, old safari */ -moz-opacity: 0.2; /* mozilla, netscape */ opacity: 0.2; /* fx, safari, opera */ } body.single-portfolio .hentry { float: right; width: 40%; } body.single-portfolio.two-col-left .hentry, body.single-portfolio.two-col-right .hentry, body.single-portfolio.two-col-middle .hentry, body.single-portfolio.three-col-left .hentry, body.single-portfolio.three-col-right .hentry, body.single-portfolio.three-col-middle .hentry { float: none; width: auto; } /* 8.5.2 Portfolio Items In Archive Screens */ body.search .portfolio .portfolio-img { margin: 0 10px 10px 0; } /* 8.6 Contact Page Template */ #single_map_canvas img { max-width: inherit; } .page-template-template-contact-php .location-twitter { margin: 0 0 1em; padding: 0 0 1.618em; border-bottom: 1px solid #e6e6e6; } .page-template-template-contact-php .location-twitter .col-left { float: none; } .page-template-template-contact-php .location-twitter ul { margin: 0; padding: 0; } .page-template-template-contact-php .location-twitter ul li { list-style: none; padding: 0; } .page-template-template-contact-php .location-twitter #office-location { margin: 0 0 1.618em; } .page-template-template-contact-php .location-twitter #office-location a { text-decoration: underline; } .page-template-template-contact-php .location-twitter #office-location ul li { margin: 0 0 1em; } .page-template-template-contact-php .location-twitter .contact-social { float: none; } .page-template-template-contact-php .location-twitter .contact-social #twitter { margin: 0 0 1.618em; } .page-template-template-contact-php .location-twitter .contact-social #twitter ul li { padding-bottom: 10px; } .page-template-template-contact-php .location-twitter .contact-social #twitter ul li a.time { color: #7b7b7b; } .page-template-template-contact-php .location-twitter .contact-social #connect { background: none; border: none; padding: 0; margin: 1em 0 0; } .page-template-template-contact-php .location-twitter .contact-social #connect div p { display: none; } .page-template-template-contact-php .location-twitter .contact-social #connect img { border: none; padding: 0; background: none; } .page-template-template-contact-php .location-twitter .contact-social #connect h3 { display: none; } .page-template-template-contact-php .location-twitter .contact-social #connect .social { float: none; } /* 8.7 Timeline Page Template */ #archives { padding: 10px 0 0; } #archives .archives_list { border-left: 1px solid #e5e5e5; list-style: none; margin: 0 0 0 25px; padding: 0 0 20px; } #archives .archives_list:last-child:after { content: ''; position: relative; top: 20px; left: -7px; display: block; width: 5px; height: 5px; border: 4px solid #e5e5e5; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #dc3022; } #archives .archives_list li { clear: left; padding: 10px 0 10px 10px; font-size: 0.9em; font-style: normal; list-style: none; } #archives .archives_list .date { color: #534545; position: relative; width: 40%; font-style: italic; display: block; vertical-align: top; } #archives .archives_list .date:before { content: ''; position: absolute; top: 9px; left: -10px; display: block; width: 5px; height: 1px; border-top: 2px solid #e5e5e5; } #archives .archives_list .linked { padding-top: 2px; padding-right: 80px; width: auto; display: inline-block; font-size: 1.2em; line-height: 1.2; vertical-align: top; } #archives .archives_list .linked a { font-weight: bold; } #archives .archives_list .comments { display: inline; margin-top: -15px; float: right; vertical-align: top; } #archives .archives_list .comments a { display: block; position: relative; width: 30px; height: 27px; padding: 3px 0 0 0; text-align: center; font-weight: bold; font-size: 1.4em; } #archives .archives_list .comments a:hover { text-decoration: none; } h3.archive_year { font-weight: bold; font-size: 1em; padding: 2px 10px; border-bottom: 1px solid #e5e5e5; display: inline; margin-top: 0; } /*-------------------------------------------------------------------------------------------*/ /* 9. WOODOJO */ /*-------------------------------------------------------------------------------------------*/ /* WooDojo Tabs */ .widget_woodojo_tabs h3 { border-bottom: none; } .widget_woodojo_tabs .tabbable .nav { margin: 0 0 -1px; border: none!important; } .widget_woodojo_tabs .tabbable .nav li a { color: #999; display: block; float: left; border-color: transparent; border-width: 1px 1px 0; padding: 5px 8px 3px; text-transform: uppercase; font-weight: bold; font-size: 11px; text-shadow: 1px 1px 0 #fff; } .widget_woodojo_tabs .tabbable .nav li.active a, .widget_woodojo_tabs .tabbable .nav li a:hover { text-decoration: none; border-color: #d9d9d9!important; border-width: 1px 1px 0; color: #666; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ffffff)); background: -webkit-linear-gradient(#f2f2f2, #ffffff); background: -moz-linear-gradient(center top, #f2f2f2 0%, #ffffff 100%); background: -moz-gradient(center top, #f2f2f2 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f2f2f2, endColorstr=#ffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f2f2, endColorstr=#ffffff)"; box-shadow: inset 0 1px 0 #ffffff, 0 -1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 #ffffff, 0 -1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 0 #ffffff, 0 -1px 3px rgba(0, 0, 0, 0.1); border-bottom: none!important; } .widget_woodojo_tabs .tabbable .tab-content { box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } .widget_woodojo_tabs .tabbable .tab-content ul { padding: 0; } .widget_woodojo_tabs .tabbable .tab-content li { margin: 0; background: #fff; } .widget_woodojo_tabs .tabbable .tab-pane-tags { padding: 10px; background: #fff; border: 1px solid #d9d9d9; } .widget_woodojo_tabs .tabbable .tab-content ul { margin: 0; border: 1px solid #d9d9d9; border-width: 0 0 1px 0; list-style: none; padding-left: 0px; } .widget_woodojo_tabs .tabbable .tab-content li { border: 1px solid #d9d9d9; border-width: 1px 1px 0 1px; padding: 10px; } .widget_woodojo_tabs .tabbable .tab-content li a { color: #555; font: bold 13px/18px 'OpenSansSemibold', Helvetica, Arial, sans-serif; padding: 0; } .widget_woodojo_tabs .tabbable .tab-content li span.meta { display: block; font: 300 11px/20px 'OxygenRegular', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #777; } .widget_woodojo_tabs .tabbable .tab-content li img.avatar, .widget_woodojo_tabs .tabbable .tab-content li img.thumbnail { float: left; margin: 0 8px 0 0; border: none; padding: 0; border-radius: 300px; -moz-border-radius: 300px; -webkit-border-radius: 300px; } .widget_woodojo_tabs .tabbable.tabs-below .nav { margin: 0; } .widget_woodojo_tabs .tabbable.tabs-below .nav li a { border-width: 0 1px 1px; } .widget_woodojo_tabs .tabbable.tabs-below .nav li.active a, .widget_woodojo_tabs .tabbable.tabs-below .nav li a:hover { border-width: 0 1px 1px!important; background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2)); background: -webkit-linear-gradient(#ffffff, #f2f2f2); background: -moz-linear-gradient(center top, #ffffff 0%, #f2f2f2 100%); background: -moz-gradient(center top, #ffffff 0%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f2f2f2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f2f2f2)"; box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0, 0, 0, 0.1); } .widget_woodojo_tabs .tabbable.tabs-left .nav { margin: 0; } .widget_woodojo_tabs .tabbable.tabs-left .nav li a { border-width: 1px 0 1px 1px; } .widget_woodojo_tabs .tabbable.tabs-left .nav li.active a, .widget_woodojo_tabs .tabbable.tabs-below .nav li a:hover { border-width: 1px 0 1px 1px; background: #ffffff; background: -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(#f2f2f2)); background: -webkit-linear-gradient(#ffffff, #f2f2f2); background: -moz-linear-gradient(center top, #ffffff 0%, #f2f2f2 100%); background: -moz-gradient(center top, #ffffff 0%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f2f2f2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f2f2f2)"; box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0, 0, 0, 0.1); } .widget_woodojo_tabs .tabbable.tabs-right .nav { margin: 0; } .widget_woodojo_tabs .tabbable.tabs-right .nav li a { border-width: 1px 1px 1px 0; } .widget_woodojo_tabs .tabbable.tabs-right .nav li.active a, .widget_woodojo_tabs .tabbable.tabs-below .nav li a:hover { border-width: 1px 1px 1px 0; background: #ffffff; background: -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(#f2f2f2)); background: -webkit-linear-gradient(#ffffff, #f2f2f2); background: -moz-linear-gradient(center top, #ffffff 0%, #f2f2f2 100%); background: -moz-gradient(center top, #ffffff 0%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f2f2f2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f2f2f2)"; box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0, 0, 0, 0.1); } /* WooDojo Instagram Stream */ .widget_woodojo_instagram ul { float: none; } .widget_woodojo_instagram ul.instagram-photos { margin: 0.5em 0; width: 98%; margin: 0 auto; } .widget_woodojo_instagram ul.instagram-photos li { margin: 0.5em!important; } .widget_woodojo_instagram ul.instagram-photos li img:hover { opacity: 0.8; } /* WooDojo Twitter Stream */ .widget_woodojo_tweets ul.tweets h3 { margin: 0; } .widget_woodojo_tweets ul.tweets li { margin: 0; padding: 1em; } /* Misc */ .widget_woodojo_instagram_profile h3, .widget_woodojo_twitterprofile h3 { margin: 0 0 1em; } /*-------------------------------------------------------------------------------------------*/ /* 10. BROWSER SPECIFIC */ /*-------------------------------------------------------------------------------------------*/ /* IE6 */ .ie6 .nav .sf-sub-indicator { display: none; } .ie6 .nav li a:hover { text-decoration: none; } .ie6 .nav li a.sf-with-ul { padding-right: 10px; } .ie6 .button, .ie6 .button:visited { margin: 0; color: #555 !important; font-weight: normal; } .ie6 .button, .ie6 .button:visited { padding: 6px 0; margin: 0; } .ie6 .widget input.submit { float: right; } .ie6 #loopedSlider .content p, .ie6 #loopedSlider .content a h2 { width: 300px; } .ie6 .business #loopedSlider a.previous { top: 150px; } .ie6 .business #loopedSlider a.next { top: 150px; } /* IE7 */ .ie7 .nav li a { _height: 0; zoom: 1; } /* IE7 Fix */ .ie7 .button, .button:visited { padding: 7px 6px; margin: 0; } .ie7 .nav-entries a { font-style: normal !important; } .ie7 #comments, .ie7 .comment-container, .ie7 .reply a { position: static; } .ie7 #footer-widgets .widget_woo_feedback { zoom: 1; } /* IE8 */ .ie8 .button, .ie8 .button:visited { padding: 10px 15px; margin: 0; } .ie8 .alignleft, .ie8 .alignright { width: auto; } .ie8 .widget_woo_blogauthorinfo .avatar { width: auto; } /* IE9 */ .ie9 .entry blockquote:before { font-size: 72px; } @media only screen and (max-width: 767px) { .business #loopedSlider a.flex-prev { left: -20px; } .business #loopedSlider a.flex-prev:before, .business #loopedSlider a.flex-next:before { font-size: 16px; } .business #loopedSlider a.flex-next { right: -30px; } } @media only screen and (max-width: 767px) { #navigation ul li:first-child, #navigation ul li:first-child a { border-radius: 5px 5px 0 0!important; -moz-border-radius: 5px 5px 0 0!important; -webkit-border-radius: 5px 5px 0 0!important; } ul.nav, ul.nav ul { border: none!important; } #navigation ul.nav > li { border-right: none!important; } body.boxed-layout { padding: 0; } body.boxed-layout #top { margin-left: 1.5em; margin-right: 1.5em; } body.boxed-layout #wrapper { border: none; } .magazine #loopedSlider a.flex-next, .magazine #loopedSlider a.flex-prev { bottom: auto; top: 20px; } #loopedSlider { height: auto !important; } #loopedSlider .slides { overflow: visible; height: auto !important; } } @media only screen and (max-width: 700px) { #sidebar { display: none; clear: both; } #tsb-wrapper{ margin-right:25px; } #t-sidebar { display: block; clear: both; width: 100%; text-align: center; display: block; padding: 0.4em 1em; font-size: 1em; background: #ccc; border-radius: 3px; font-weight:bold; border-radius: 3px; } #t-sidebar a { color: #000; } #t-sidebar a:hover { color: #000; text-decoration: none; } } /* 11. Top navigation bar with social media links etc. */ #tnb-container { background: #fff; width: 100% ; height: auto ; padding:0.5em ; overflow:hidden; -moz-box-shadow: 5px 5px 2px #888; -webkit-box-shadow: 5px 5px 2px #888; box-shadow: 5px 5px 2px #888; } #tnb-container-content { margin-left: auto ; margin-right: auto ; width: 980px } .img-uoplogo { float: left; } .img-twitter { float: right; } .img-facebook { float: right; margin-right: 2%; } @media only screen and (max-width : 980px) { #tnb-container-content { width: 100% ; height:auto ; max-height: 24px; } .img-uoplogo { max-width: 140px; width:30%; max-height: 26px; } .img-facebook, .img-twitter { max-width: 50px; width:20%; max-height: 24px; } #logo { width: 100%; } } @media only screen and (min-width : 767px) { .img-uoplogo, .img-facebook, .img-twitter{ height: 26px ; } } @media only screen and (max-width : 767px) { #tnb-container{ display:none; } #h3.nav-toggle.icon{ position:fixed; top:0px; right:8px; } .img-facebook, .img-twitter, .img-uoplogo { display:none; } } /*Frontpage 3 content columns layout*/ @media only screen and (min-width: 767px) { #content-col1 p,#content-col2 p,#content-col3 p { margin-left: 0em; } #col-wrapper{ margin:auto; width: 100%; } #content-col1, #content-col2{ width:31%; float:left; margin-right:3.33%; } #content-col3 { width:31%; float:left; } #footer-col{ clear: both; width: 100%; position:relative; } #footer-col1, #footer-col2, #footer-col3{ float:left; } #footer-col1 img, #footer-col2 img, #footer-col3 img{ /* position:relative; REMOVED THIS TO FIX THE PROBLEM OF THE OVERLAPPING LEARN MORE BUTTONS*/ bottom:25px; padding:0;margin:0;border:0; } #more-col1, #more-col2, #more-col3{ display:none; } } @media only screen and (max-width: 767px) { #col-wrapper{ margin-right:15px; } #content-col1 { width:100%; padding:.5em; margin-bottom:10px; } #content-col2 { width:100%; padding:.5em; margin-bottom:10px; } #content-col3 { width:100%; padding:.5em; margin-bottom:40px; } #more-col1, #more-col2, #more-col3{ display:block; } #content-col1 img, #content-col2 img, #content-col3 img { position:relative; left:0px; } .learn-more{ display:none; } } #content-col1 h1, #content-col2 h1, #content-col3 h1, .widget h3 { color:#fff; border-bottom:medium solid #fff; padding-left:.5em; padding-right:.5em; font: 300 16px/1.6em 'OpenSansSemibold', Helvetica, Arial, sans-serif; } #content-col1 h1,#content-col2 h1,#content-col3 h1{ margin-bottom: 0; } #content-col1 h1 { background-color: #a4cb72; background: -webkit-gradient(linear, left top, left bottom, from(#a4cb72), to(#618531)); background: -webkit-linear-gradient(#a4cb72, #618531); background: -moz-linear-gradient(center top, #a4cb72 0%, #618531 100%); background: -moz-gradient(center top, #a4cb72 0%, #618531 100%); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03); border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } #content-col2 h1 { background-color: #c44ea9; background: -webkit-gradient(linear, left top, left bottom, from(#c44ea9), to(#662257)); background: -webkit-linear-gradient(#c44ea9, #662257); background: -moz-linear-gradient(center top, #c44ea9 0%, #662257 100%); background: -moz-gradient(center top, #c44ea9 0%, #662257 100%); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03); border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } #content-col3 h1 { background-color: #f14441; background: -webkit-gradient(linear, left top, left bottom, from(#f14441), to(#8f2424)); background: -webkit-linear-gradient(#f14441, #8f2424); background: -moz-linear-gradient(center top, #f14441 0%, #8f2424 100%); background: -moz-gradient(center top, #f14441 0%, #8f2424 100%); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03); border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } #content-col1 img,#content-col2 img,#content-col3 img { border:none; padding: 0; padding-bottom: 1em; } .learn-more { float:right; } .img-uoplogo{ height:26px; } @media only screen and (max-width : 767px) { .img-uoplogo,.img-facebook,.img-twitter { height: 100% ; width: auto ; } } /*-------------------------- LAYOUT ---------------------------*/ /*gap between page columns*/ .page.hentry { margin-right: -20px; margin-left: 5px; } @media only screen and (max-width: 767px) { .page.hentry { margin-right: 0px; margin-left: 0px; /*navigation bar - resized*/ } #header .nav-toggle { position:fixed; top:0px; left:-10px; width: 100% ; height:16px ; background:#5a379f; z-index:1000; margin:0; background: #5a379f; border-bottom:3px solid #fe9900; } #header .nav-toggle a { position: absolute; right: 3em; border-left:3px solid #fe9900; padding-left:3em; } #header .nav-toggle a:hover { color: #fe9900; text-decoration: none; } #navigation{ position:fixed; top:28px; right:0px; z-index:1000; } #logo a img { margin-bottom: 28px; } } /* color of navigation menu font */ #navigation ul.nav > li:hover ul a { color: #fff !important; line-height: 1.6em; } #navigation ul.nav > li:visited ul a { color: #fff !important; } #navigation a:visited,#navigation a:link,#navigation a:active { color: #fff !important; } div.entry{ margin-right: 20px; margin-bottom: 60px; } /*DISABLED FOR THE MOMENT - This is to make sure breadcrumb is hidden on certain pages and content is aligned correctly. It is 'switched on' again within the Learning section. It is switched on using some code in the widgits area in WP. */ div.breadcrumb-trail { /* display: none; */ } /*DISABLED BIT ALSO RELATED TO THE BREAD CRUMB TRAIL */ #main { /* margin-top: -20cpx; */ } .home .breadcrumb { display: none; } /*Next Page plugin - This is to make sure forward and back buttons are hidden on certain pages and content is aligned correctly. It is 'switched on' again within the Learning section. It is switched on using some code in the widgits area in WP. */ #np_plugin { display:none; } .np_next { float: right; margin: 0px 20px 10px 15px; } .np_previous { float: left; margin: 0px 0px 10px 20px; } .np_next_top { float: right; margin: 0px 20px 10px 15px; background-color:#F00; } .np_previous_top { float: left; margin: 0px 0px 10px 20px; } current_page_item { color: blue; background-color: #00FF00; } /*Highlights the right-hand menu within a unit to indicate the current page */ #sidebar li.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item { list-style-image: url('http://hum.port.ac.uk/europeanstudieshub/wp-content/template_graphics/current_page_purple.png'); list-style-position:inside; /*font-weight:bold; */ } #sidebar li.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item a { } #sidebar ul li { list-style-type: none; } .quote { padding-left:100px; background-image:url('http://hum.port.ac.uk/europeanstudieshub/wp-content/uploads/2013/03/student_profiles-01.png'); background-repeat:no-repeat; background-position:left top; } p.quotetext{ padding-top:10px; font-style: italic; color:#5c3aa0; font-size: 1.5em; } .task_box{ margin: 0 auto; background-image: url('http://hum.port.ac.uk/europeanstudieshub/wp-content/uploads/2013/04/task3-01.png'); background-repeat: no-repeat; background-position: left top; width: 80%; background-color: #f8f8f8; padding-top: 22px; padding-bottom: 8px; padding-right: 10px; padding-left: 90px; -moz-box-shadow: 3px 3px #ccc; -webkit-box-shadow: 3px 3px #ccc; box-shadow: 3px 3px #ccc; border-radius: 8px; -moz-border-radius: 8px; } .learning_home_button { background: #5a379f; border-radius: 8px; border-radius: 8px; -moz-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -webkit-border-radius: 8px; color: #ffffff; font: 300 16px/1.6em 'OpenSansSemibold', Helvetica, Arial, sans-serif; line-height: 19px; padding-right: 25px; padding-top: 3px; padding-bottom:3px; padding-left: 50px; margin-bottom:10px; background-image:url('http://hum.port.ac.uk/europeanstudieshub/wp-content/uploads/2013/04/home_button_for_learning_section6.png'); background-repeat: no-repeat; background-position: left top; } .learning_home_button a{ color: #ffffff; font: 300 16px/1.6em 'OpenSansSemibold', Helvetica, Arial, sans-serif; } /*tables*/ tbody tr td { border-style: solid; border-color: #555; border-width: 1px; padding: 5px; } /*bullet point placement on resources continued page*/ .res-cont ul li { margin-left: 100px; } /*twitter feeds on resources > blogs page*/ .twitter-feed { float: left; padding: .19em; } #rssincl-box-774409 { padding: 0; } div.rssincl-content,div.rssincl-head { padding: .3em; } #learn-more{ margin-left:0; } /******************************Mobile Menu******************************/ #mobile-nav { display:none; } @media only screen and (max-width: 768px){ .nav-toggle{ display: none; } #mobile-nav { display:block; position: fixed; z-index:9999; top: 0; left: 0; width: 100%; background-color: #5a379f; -webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75); } #mobile-nav img { float: left; padding: .5em; } #mobile-nav h2 { color: #ffffff; padding: 4px; margin-left:50px; } #nav-menu { background: #5a379f; position: relative; top: -1em; padding: 1em; } #nav-menu a { display: block; color: #fff; font-size: 1.2em; padding: .2em; border-bottom: dashed 1px; } #nav-menu a:hover,#nav-menu a:active { background: #fe9900; } } .widget h3 { color: #ffffff; font-weight: normal; font-size: 1.2em; padding-top:.25em; padding-bottom:.25em }