Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- Theme Name: Buro
- Theme URI: http://www.woothemes.com/
- Version: 1.1.13
- Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
- Author: WooThemes
- Author URI: http://www.woothemes.com
- Tags: woothemes
- Copyright: (c) 2009-2011 WooThemes.
- License: GNU General Public License v2.0
- License URI: http://www.gnu.org/licenses/gpl-2.0.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! :)
- */
- /*-------------------------------------------------------------------------------------------
- INDEX:
- 0. RESET
- 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.2.2 Top Navigation (optional)
- -2.3 Header
- 2.4 Slider
- 2.5 Latest Articles
- 2.6 Banner
- 2.7 Home Widgets
- 2.8 Content
- 2.9 Sidebar
- 2.10 Footer
- 2.11 Breadcrumbs
- 3. POSTS
- -3.1 Typographic Elements
- -3.2 Images
- -3.3 Pagination / WP-Pagenavi / Woo-Pagination
- -3.4 Single Post Author
- -3.5 Entry Tables
- 4. WIDGETS
- -4.1 Generic Widgets
- -4.2 Specific Widgets
- 5. COMMENTS
- -5.1 Comments
- -5.2 Pingbacks / Trackbacks
- -5.3 Comments Form
- 6. MISC
- -6.1 Buttons
- -6.2 Contact Form
- -6.3 Gravity forms
- -6.4 Timeline page template
- -6.5 IE specific styling
- -6.6 Subscribe & Connect
- -------------------------------------------------------------------------------------------*/
- /*-------------------------------------------------------------------------------------------*/
- /* RESET - http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */
- /*-------------------------------------------------------------------------------------------*/
- /*
- html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
- v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
- html5doctor.com/html-5-reset-stylesheet/
- */
- html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
- em { font-style: italic; }
- article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
- blockquote, q { quotes: none; }
- blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
- ins { background-color: #ff9; color: #000; text-decoration: none; }
- mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
- del { text-decoration: line-through; }
- abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
- table { border-collapse: collapse; border-spacing: 0; }
- hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
- input, select { vertical-align: middle; }
- /* Hand cursor on clickable input elements */
- label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
- /* 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; }
- /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
- textarea { overflow: auto; }
- /* Webkit browsers add a 2px margin outside the chrome of form elements */
- button, input, select, textarea { margin: 0; }
- /* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
- button { width: auto; overflow: visible; }
- /* Legend element positioning for IE6&7 */
- .ie6 legend, .ie7 legend { margin-left: -7px; }
- /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
- pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
- /* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
- pre, code, kbd, samp { font-family: monospace, sans-serif; }
- /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
- a:hover, a:active { outline: none; }
- /* Set sub, sup without affecting line-height: gist.github.com/413930 */
- sub, sup { font-size: 75%; line-height: 0; position: relative; }
- sup { top: -0.5em; }
- sub { bottom: -0.25em; }
- /* Floating & Alignment */
- .fl{float:left;}
- .fr{float:right;}
- .ac{text-align:center;}
- .ar{text-align:right;}
- /* Clear Floats */
- .fix:before, .fix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
- .fix:after { clear: both; }
- .fix { zoom: 1; }
- 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;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;}
- /*-------------------------------------------------------------------------------------------*/
- /* 1. SETUP */
- /*-------------------------------------------------------------------------------------------*/
- /* 1.1 Defaults */
- html { overflow-y: scroll; } /* Always force a scrollbar in non-IE */
- ::-moz-selection{ background: #2a652f; color:#fff; text-shadow: none; }
- ::selection { background:#2a652f; color:#fff; text-shadow: none; }
- a:link { -webkit-tap-highlight-color: #2a652f; } /* j.mp/webkit-tap-highlight-color */
- /* Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/ */
- body { color: #897665; font: 14px/1.385 Droid Sans, Helvetica, Arial, sans-serif; background: #adacad; *font-size:small; } /* Hack retained to preserve specificity */
- body.gecko, body.webkit, body.ie9 { background: #adacad url(images/bg-footer.png) repeat left top; } /* Not applied to IE* and below, to stop respond.js from crashing */
- select, input, textarea, button { }
- input[type=text], textarea {
- padding: 10px 8px 8px;
- background: #1f1b1a; /* Old browsers */
- border: none;
- color: #fff;
- background: -moz-linear-gradient(top, #1f1b1a 0%, #332e28 76%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1b1a), color-stop(76%,#332e28)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* Opera11.10+ */
- background: -ms-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* IE10+ */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1b1a', endColorstr='#332e28',GradientType=0 ); /* IE6-9 */
- background: linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* W3C */
- border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
- box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);
- -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);
- -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);
- }
- h1, h2, h3, h4, h5, h6 { color: #e6e5e4; font-family: Droid Serif, Georgia, times, serif; font-weight: normal; line-height: 1.2em; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); }
- h1 { font-size: 2.285em; } /* 32 / 14 = 2.285 */
- h2 { font-size: 2em; } /* 28 / 14 = 2 */
- h3 { font-size: 1.714em; } /* 24 / 14 = 1.714 */
- h4 { font-size: 1.286em; } /* 18 / 14 = 1.286 */
- h5 { font-size: 1.143em; } /* 16 / 14 = 1.143 */
- h6 { font-size: 1em; } /* 14 / 14 = 1 */
- ul, ol { margin-left: 2em; }
- ol { list-style-type: decimal; }
- nav ul, nav li { margin: 0; list-style:none; list-style-image: none; } /* Remove margins for navigation lists */
- small { font-size: 85%; }
- strong, th { font-weight: bold; }
- td { vertical-align: top; }
- p { margin: 0 0 1.538em; }
- /* 1.2 Hyperlinks */
- a, a:active, a:visited { color: #e6e5e4; text-decoration: none; }
- a:hover { text-decoration: underline; }
- h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #e6e5e4; }
- h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { }
- /*-------------------------------------------------------------------------------------------*/
- /* 2. SITE STRUCTURE & APPEARANCE */
- /*-------------------------------------------------------------------------------------------*/
- /* 2.1 Containers & Columns */
- #wrapper {}
- #content-wrapper { padding: 0 0 60px; background: #3a3530 url(images/bg-tile.jpg) repeat left top; }
- .col-left { float: left; }
- .col-right { float: right; }
- .layout-right-content #main { float:right; }
- .layout-right-content #sidebar { float:left; }
- /* 2.2 Navigation */
- .nav li { float:left; width: auto; }
- .nav a { position: relative; display: block; z-index: 100; padding: 10px 15px; line-height: 18px; text-decoration: none; color: #897665; text-shadow: 1px 1px 0 #000; }
- header nav { float: right; margin: 15px 0 0; }
- header nav.too-wide { margin-top: 30px!important; width: 100%; }
- header .nav {
- width: 98.5%;
- z-index:99; margin:0; padding: 5px; list-style:none; line-height:1; font-size: 1em; font-weight: bold; text-transform: uppercase; /* 14 / 14 = 1 */
- background: #1f1b1a; /* Old browsers */
- background: -moz-linear-gradient(top, #1f1b1a 0%, #332e28 76%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1b1a), color-stop(76%,#332e28)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* Opera11.10+ */
- background: -ms-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* IE10+ */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1b1a', endColorstr='#332e28',GradientType=0 ); /* IE6-9 */
- background: linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* W3C */
- border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
- box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);
- -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);
- -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);
- }
- header .nav a {
- background: #211e1c; /* Old browsers */
- background: -moz-linear-gradient(top, #211e1c 0%, #1a1715 99%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#211e1c), color-stop(99%,#1a1715)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #211e1c 0%,#1a1715 99%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #211e1c 0%,#1a1715 99%); /* Opera11.10+ */
- background: -ms-linear-gradient(top, #211e1c 0%,#1a1715 99%); /* IE10+ */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#211e1c', endColorstr='#1a1715',GradientType=0 ); /* IE6-9 */
- background: linear-gradient(top, #211e1c 0%,#1a1715 99%); /* W3C */
- border-top: 1px solid rgba(255,255,255,0.15);
- border-left: 1px solid rgba(255,255,255,0.15);
- border-bottom: 1px solid rgba(0,0,0,0.7);
- border-right: 1px solid rgba(0,0,0,0.7);
- }
- header .nav li:first-child a { border-left: none; border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; }
- header .nav li:last-child a { border-right: none; border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; }
- header .nav li a.sf-with-ul { padding-right:20px; }
- header .nav a:hover, header .nav li.sfHover > a { color: #fff; }
- header .nav li.current_page_item a,
- header .nav li.current_page_parent a,
- header .nav li.current-menu-ancestor a,
- header .nav li.current-cat a,
- header .nav li.current-menu-item a {
- color: #fff;
- background: #927e6c; /* Old browsers */
- background: -moz-linear-gradient(top, #927e6c 0%, #4d4239 100%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#927e6c), color-stop(100%,#4d4239)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #927e6c 0%,#4d4239 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #927e6c 0%,#4d4239 100%); /* Opera11.10+ */
- background: -ms-linear-gradient(top, #927e6c 0%,#4d4239 100%); /* IE10+ */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#927e6c', endColorstr='#4d4239',GradientType=0 ); /* IE6-9 */
- background: linear-gradient(top, #927e6c 0%,#4d4239 100%); /* W3C */
- border-bottom: 1px solid rgba(0,0,0,0.7);
- text-shadow: -1px -1px 0 rgba(0,0,0,0.7);
- }
- .nav .sf-sub-indicator {background: url(images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:0.4em;top:44%;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
- .nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat; top:38%; }
- /* 2.2.1 Drop-down menus - NOT Applied to iPhone vertical. */
- .nav li ul { margin:0 0 0 -5px; padding: 5px; position: absolute; left: -999em; width: 160px; z-index:999; }
- header .nav li ul {
- margin:0 0 0 -5px; padding: 5px; position: absolute; left: -999em; width: 160px; z-index:999;
- background: #1f1b1a; /* Old browsers */
- background: -moz-linear-gradient(top, #1f1b1a 0%, #332e28 76%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1b1a), color-stop(76%,#332e28)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* Opera11.10+ */
- background: -ms-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* IE10+ */
- background: linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* W3C */
- border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;
- -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
- box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);
- -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);
- -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);
- }
- .nav li ul li { }
- .nav li ul li a { text-transform: none; font-weight: normal; padding: 6px 10px; width:138px; font-size:0.9em; }
- .nav li ul li a:hover { }
- .nav li ul li a.sf-with-ul { padding-right:0; }
- .nav li ul ul { margin: -37px 0 0 140px; }
- nav .nav li ul li a:hover {
- background: #927e6c;
- text-shadow: -1px -1px 0 rgba(0,0,0,0.7);
- }
- .nav li.current_page_item ul li a,
- .nav li.current_page_parent ul li a,
- .nav li.current-menu-ancestor ul li a,
- .nav li.current-cat a ul li,
- .nav li.current-menu-item ul li a,
- .nav li.sfHover ul li a {
- background: #211e1c;
- border: 1px solid rgba(0,0,0,0.7);
- border-top: 1px solid rgba(255,255,255,0.15);
- }
- .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,
- .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; }
- /* 2.2.2 Top Navigation (optional) */
- #top nav { margin-top: 0!important; }
- #top .nav a:hover,
- #top .nav li.current_page_item a,
- #top .nav li.current_page_parent a,
- #top .nav li.current-menu-ancestor a,
- #top .nav li.current-cat a,
- #top .nav li.current-menu-item a,
- #top .nav li.sfHover { background: #222; }
- #top .nav li ul { background: #222; margin:0; padding:0px; width: 152px; border: 3px solid rgba(0,0,0,0.2); border-width: 0 3px 3px; z-index:999;
- /* Box Shadow */
- -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1);
- -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);
- box-shadow: 0 2px 2px rgba(0,0,0,.1);
- }
- #top .nav li ul, #top .nav li ul li:last-child a {
- /* Border Radius */
- border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;
- }
- #top .nav li ul li { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
- #top .nav li ul li a { width:130px; color:#ddd; background: none; font-size:0.75em; text-transform: none; }
- #top .nav li ul li a:hover { background: #000; }
- #top .nav li ul li a.sf-with-ul { padding-right:10px; }
- #top .nav li ul ul { margin: -34px 0 0 180px; }
- /* 2.2.2 Top Navigation (optional) */
- #top { background: #1a1715; }
- #top .nav { }
- #top .nav a { font-size: 0.8em; line-height: 14px; color: #fff; text-decoration:none; text-shadow:none; text-transform: uppercase; }
- #top .nav li { }
- #top .nav li a.sf-with-ul { padding-right:20px; }
- @media only screen and (max-width: 767px) {
- .nav li ul { margin: 0!important; padding: 0!important; width: auto!important; border: none!important; background: none!important; position: relative!important; border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; }
- .nav li ul li a { width: auto!important; }
- }/* END @MEDIA */
- /* 2.3 Header */
- header { padding: 50px 20px 40px!important; }
- #logo { float: left; margin: 0 10px 0 0; }
- #logo .site-title, #logo .site-description { font-family:Georgia, serif; color: #000; display:none; }
- #logo .site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; font-weight:normal; text-decoration:none; }
- #logo .site-title a:hover { text-decoration:underline; }
- #logo .site-description { color:#999; font:italic 14px/1em Georgia, serif; }
- #topad {float:right;}
- /* 2.4 Slider */
- #slides {width:100%; margin: 0 auto 60px; padding: 0; min-height: 300px; background: url(images/loader.gif) no-repeat center center;}
- #slides.loaded { background: none; }
- #slides .slides { margin: 0; }
- #slides .slides li { display: none; list-style: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
- #slides .slides img { display: block;}
- #slides .slide-img { width: 97.87%; background: #211e1c; border: 10px solid #fff; box-shadow: 0 5px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.5); } /* 920 / 940 = 0.9787 */
- #slides .slide-img img { display: block; position: relative; margin: 0 auto; max-width: 100%!important; }
- #slides .slide-content { width: 80%; margin: 0 auto 1px; padding: 30px 20px 20px; border-bottom: 1px solid #897665; }
- #slides .slide-content h2 { margin: 0 0 0.5em; }
- #slides .slide-content p { font-size: 1.38em; }
- #slides .flex-control-nav { position: relative; z-index: 9999; margin: -13px 0 0; padding: 5px 20px 0; text-align: center; display: block; }
- #slides .flex-control-nav li { display: inline; margin: 0 5px; list-style: none; }
- #slides .flex-control-nav li a { display: inline-block; width: 14px; height: 0; overflow: hidden; padding-top: 15px; background: url(images/slider-pag-off.png) no-repeat left top; }
- #slides .flex-control-nav li a:hover { background: url(images/slider-pag-hover.png) no-repeat left top; }
- #slides .flex-control-nav li a.active { background: url(images/slider-pag-on.png) no-repeat left top; }
- /* 2.5 Latest Articles */
- section#latest-articles { margin-bottom: 60px; }
- section#latest-articles article { float: left; width: 30.32%; margin: 0 4.26% 0 0; overflow: visible; } /* 285 / 940 = 0.3032 || 40 / 940 = 0.0426 */
- section#latest-articles .fix { clear: both; padding: 10px 0; }
- section#latest-articles article.last-child { margin-right: 0; }
- section#latest-articles article a.image img { display: block; margin: 0 auto 20px; max-width: 100%; background: #211e1c; border: 7px solid #fff; box-shadow: 0 5px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.5); }
- section#latest-articles article img { }
- section#latest-articles article .title { margin: 0.15em 0 0.35em; font-size: 1.429em; } /* 20 / 14 = 1.429 */
- /* 2.6 Banner */
- .banner {
- position: relative;
- margin: 0 auto 60px; padding: 25px 20px 5px; width: 64.8%; /* 600 / 940 = 0.6383 */
- border: 1px solid #fff; border-width: 1px 1px 0;
- background: #fff; /* Old browsers */
- background: -moz-linear-gradient(top, #cfcfcf 0%, #ffffff 100%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfcfcf), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #cfcfcf 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #cfcfcf 0%,#ffffff 100%); /* Opera11.10+ */
- background: -ms-linear-gradient(top, #cfcfcf 0%,#ffffff 100%); /* IE10+ */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
- background: linear-gradient(top, #cfcfcf 0%,#ffffff 100%); /* W3C */
- }
- .banner h3 { margin: 0 0 0.25em; }
- .banner h3, .banner p { margin-right: 40px; color: #3a3530; text-shadow: 1px 1px 0 #fff; }
- .banner a { color: #2a652f; }
- .banner span.ribbon { display: block; position: absolute; top: -1px; right: 20px; width: 39px; height: 76px; background: url(images/bg-banner-ribbon.png) no-repeat top center; }
- .banner span.edge { display: block; position: absolute; left: 0; bottom: -10px; width: 100%; margin: 0 -1px; padding: 0 1px; height: 15px; background: url(images/bg-banner.png) repeat-x center top; }
- /* 2.7 Home Widgets */
- #home-widgets { font-size: 1.146em; } /* 16 / 14 = 1.146 */
- #home-widgets-left, #home-widgets-right { width: 47.87%; } /* 450 / 940 = 0.4787 */
- #home-widgets-left { float: left; }
- #home-widgets-right { float: right; }
- /* 2.8 Content */
- #main { float: left; padding: 30px 0 20px; width: 64.89%; border-top: 2px solid #897665; } /* 610 / 940 = 0.6489 */
- .layout-full #main, .col-full { margin: 0 auto; padding: 0 20px; max-width: 67.143em; } /* 940 / 14 = 67.143 */
- #main.fullwidth { width: 100%; }
- /* 2.9 Sidebar */
- #sidebar { float: right; width: 30.85%; overflow: hidden; } /* 290 / 940 = 0.3085 */
- /* 2.10 Footer */
- #footer-widgets { padding: 40px 0 0; color: #5e5e5e; border-top: 1px solid #3a3530; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.2), 0 -2px 0 rgba(255,255,255,0.1); } /* 12 / 14 = 0.857 */
- #footer-widgets #about { float: left; }
- #footer-widgets #widgets { float: right; }
- #footer-widgets #widgets.no-about { float: none; width: 100%; }
- #footer-widgets .col-full { margin-bottom: 40px; }
- #footer-widgets p, #footer-widgets li { font-size: 0.857em; }
- #footer-widgets h1, #footer-widgets h2, #footer-widgets h3, #footer-widgets h4, #footer-widgets h5, #footer-widgets h6 { color: #3a3530; text-shadow: none; }
- #footer-widgets h3 { margin: 0 0 0.4em; }
- #footer-widgets #about, #footer-widgets #widgets { width: 47.87%; } /* 450 / 940 = 0.4787 */
- #footer-widgets #about img { float: right; }
- #footer-widgets .widget { border: none; color: #5e5e5e; }
- #footer-widgets .widget:nth-child(3) { margin-right: 0; }
- #footer-widgets .widget h3 { font-size: 1.426em; } /* 20 / 14 = 1.426 */
- #footer-widgets .widget ul { margin: 0; }
- #footer-widgets .widget ul li { list-style: none; color: #5e5e5e; }
- #footer-widgets .widget ul li a { color: #5e5e5e; }
- #footer-widgets .widget a { color: #5e5e5e; }
- #footer-widgets #connect .newsletter-form .email { width: 50%; }
- #footer-widgets #connect .social a { margin: 0; }
- footer { margin: 50px 0; color: #5e5e5e; text-align: center; }
- footer a { color: #5e5e5e!important; }
- footer div { padding: 0 0 30px; border-top: 1px solid #7f7f7f; }
- footer img { vertical-align: middle; }
- footer p { margin: -9px 0 0;letter-spacing: 0.15em; text-transform: uppercase; font-size: 0.643em; font-weight: bold; }
- footer p span { display: inline-block; max-width: 90%; padding: 0 10px; background: #adacad url(images/bg-footer.png) repeat left top; }
- footer.no-widgets div { padding-bottom: 15px; border: none; }
- footer.no-widgets p { margin: 10px 0 0; }
- #footer-widgets .block { float:left; margin-right: 6.66%; } /* 30 / 450 = 0.0666 */
- #footer-widgets .block.last-child { margin-right: 0!important; }
- #footer-widgets.col-1 .block { width: 100%; margin: 0; }
- #footer-widgets.col-2 .block { width: 46.66%; } /* 210 / 450 = 0.4666 */
- #footer-widgets.col-3 .block { width: 28.88%; } /* 130 / 450 = 0.2888 */
- /* 2.11 Breadcrumbs */
- #breadcrumbs { margin-bottom: 2em; padding: 4px 10px 3px; text-transform: uppercase; font-size: 0.8em; background: #211e1a; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); }
- /*-------------------------------------------------------------------------------------------*/
- /* 3. POSTS */
- /*-------------------------------------------------------------------------------------------*/
- #breadcrumb, .post .video { margin-bottom:1.5em;}
- .archive_header { display: block; float: left; width: 100%; margin:0 0 30px; padding:0 0 10px; font-size: 18px; border-bottom:#897665 1px solid; }
- .archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 28px; }
- #main article { margin: 0 0 60px; }
- .page #main article { padding: 0 0 30px; }
- .page.page-template-template-blog-php #main article { padding: 0; }
- article { border-bottom: 1px solid #897665; }
- .single #main article { margin-bottom: 40px; border-bottom: none; }
- article .title { margin: 0 0 0.5em; }
- article .post-meta { padding: 0 0 0 10px; }
- article .post-meta, article .post-more { letter-spacing: 0.15em; text-transform: uppercase; font-size: 0.643em; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); } /* 9 / 14 = 0.643 */
- article .post-meta { background: url(images/ico-postmeta.png) no-repeat left center; }
- article .post-more { margin-top: 30px; margin-bottom: -8px; text-align: center; }
- article .post-more .wrap { padding: 5px 0 4px 12px; background: #3a3530; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); }
- article .post-more a { padding: 5px 10px 4px 10px; }
- article .post-more .read-more a { background: url(images/ico-readmore.png) no-repeat 0 7px; }
- article .post-more .comments a { padding-left: 13px; background: url(images/ico-comments.png) no-repeat 0 7px; }
- article .post-more a:hover { color: #fff; text-decoration: none; }
- article .tags { margin: 2em 0 0; text-transform: uppercase; font-weight: bold; font-size: 0.9em; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); }
- article .tags a { margin: 0 5px; line-height: 26px; font-weight: normal; text-transform: none; padding: 5px 10px 4px; letter-spacing: 0.15em; text-transform: uppercase; font-size: 0.643em; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); background: #211e1a; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); }
- article .tags a:hover { background-color: #3A3530; text-decoration: none; }
- /* 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; }
- .entry p { margin-bottom: 1.2em; }
- .entry blockquote { margin: 0 0 2em 2em; padding: 10px 20px 1px; font-family: Droid Serif, Georgia, Times, serif; border-left: 1px solid rgba(255,255,255,0.2); color: #C6BCB3; }
- .entry blockquote p { font-style:italic; }
- .entry ul { margin-bottom: 1.5em; padding: 0 0 0 30px; }
- .entry ul ul { margin: 0; }
- .entry ul li { list-style-type: disc; }
- .entry ul ul li { list-style-type: circle; }
- .entry ol { margin-bottom: 1.5em; padding: 0 0 0 30px; }
- .entry ol ol { margin: 0; }
- .entry ol li { list-style-type: decimal; }
- .entry ol li ol li { list-style-type: lower-latin; }
- /* 3.2 Images */
- .entry img, img.thumbnail { border: 7px solid #fff; box-shadow: 0 4px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 4px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 4px 2px rgba(0,0,0,0.2); max-width: 100%; }
- img.wp-smiley { padding: 0; border: none; }
- .alignleft { float: left; height: auto; margin: 0px 20px 10px 0; }
- .alignright { float: right; height: auto; margin: 0px 0 10px 20px; }
- .aligncenter { text-align: center; margin-bottom:15px;}
- img.aligncenter { margin-left:auto; margin-right:auto; display:block; }
- .entry .wp-caption { padding: 1px; text-align:center; width: auto!important; max-width: 100%; }
- .entry .wp-caption img { max-width: 100%; }
- .entry .wp-caption-text { margin:0; padding: 4px 0 0; font-weight: bold; text-align:center; color: text-shadow: 1px 1px 0 #000; }
- .entry .wp-caption.aligncenter { margin:0 auto 15px; }
- /* 3.3 Pagination / WP-Pagenavi / Woo-Pagination */
- #post-entries a, .nav-entries a { font-weight: normal; text-transform: none; padding: 5px 10px 4px; letter-spacing: 0.15em; text-transform: uppercase; font-size: 0.643em; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); background: #211e1a; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); }
- #post-entries a:hover, .nav-entries a:hover { background-color: #3A3530; text-decoration: none; }
- .woo-pagination { margin: 0; text-align: center; }
- .woo-pagination a:link,
- .woo-pagination a:visited { display: inline; margin: 0 1px; text-decoration: none; }
- .woo-pagination span.extend, .woo-pagination .page-numbers { border: none; }
- .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .woo-pagination span.current { padding: 5px 10px 4px; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
- .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active {
- }
- .woo-pagination .current, .woo-pagination a:hover { color: #fff; background: #211e1a; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); }
- /* 3.4 Single Post Author */
- #post-author { margin: 0 0 2.2em; padding:15px; clear:both; background: #211e1a; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); }
- #post-author .title { margin-bottom: 10px; font-size: 1.146em; font-weight: bold; } /* 16/14 = 1.146 */
- #post-author .profile-image { float:right; margin:0 0 5px 15px; }
- #post-author .profile-image img { border: 3px solid #fff; box-shadow: 0 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2); }
- #post-author .profile-content { font-size: 0.926em; } /* 13/14 = 0.926 */
- #post-author .profile-link { margin: 1em 0 0; text-transform: uppercase; font-size: 0.857em; } /* 12/14 = 0.857 */
- /* 3.5 Entry Tables */
- .entry table { width: 100%; border: 1px solid #e6e6e6; margin-bottom:1.2em; }
- .entry table tr.alt-table-row { background: #f9f9f9; }
- .entry table th { padding: 6px 0 3px 0; background: #EEEEEE; border: 1px solid #e6e6e6; text-shadow: 1px 1px 0 #fff; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; }
- .entry table td { padding: 6px 0 3px 10px; border: 1px solid #e6e6e6; }
- /*-------------------------------------------------------------------------------------------*/
- /* 4. WIDGETS */
- /*-------------------------------------------------------------------------------------------*/
- /* 4.1 Generic Widgets */
- .widget { margin-bottom: 2.5em; }
- .widget h3 { margin: 0 0 0.6em; padding: 0 0 0.5em; font-size: 1.571em; border-bottom:#897665 1px solid; } /* 22/14 = 1.571 */
- .widget p { margin-bottom: 1em; }
- .widget ul { margin: 0; clear:both; }
- .widget ul li { list-style: none; font-size: 0.926em; } /* 13/14 = 0.926 */
- .widget ul li a { 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; }
- /* 4.2 Specific Widgets */
- /* SEARCH FORM */
- .searchform { width: 100%; position: relative;background: #1f1b1a; /* Old browsers */
- background: -moz-linear-gradient(top, #1f1b1a 0%, #332e28 76%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1b1a), color-stop(76%,#332e28)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* Opera11.10+ */
- background: -ms-linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* IE10+ */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1b1a', endColorstr='#332e28',GradientType=0 ); /* IE6-9 */
- background: linear-gradient(top, #1f1b1a 0%,#332e28 76%); /* W3C */
- border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
- box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);
- -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);
- -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1);}
- .searchform input.s { width:85%; margin:0; border:none; background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
- .searchform input.search-submit { position: absolute; top:2px; right:2px; border:none; margin:0; padding:0; opacity: 0.8; }
- .searchform input.search-submit:hover { opacity: 1; }
- /* FLICKR */
- .widget_woo_flickr h3 {}
- .widget_woo_flickr h3 span{color:#0061D8;}
- .widget_woo_flickr h3 span span{color:#FF1183;}
- .widget_woo_flickr .flickr_badge_image { float: left; }
- .widget_woo_flickr .wrap { position: relative; margin-bottom: 20px; padding: 0; }
- .widget_woo_flickr a img { float: left; margin: 0 8px 8px 0; display: block; border: #fff 3px solid; box-shadow: 0 2px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5); }
- .widget_woo_flickr a:hover img { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
- /* TAG CLOUD */
- .widget_tag_cloud { text-align: center; }
- .widget_tag_cloud h3 { text-align: left; }
- /* CALENDAR */
- #wp-calendar{width:100%;margin-bottom:15px;clear:both;padding:0;}
- #wp-calendar caption{padding:10px;text-transform: uppercase;font-weight: bold;text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
- #wp-calendar th,#wp-calendar td{text-align:center;background: rgba(0,0,0,0.4);border: 1px solid rgba(0,0,0,0.2);padding:5px;}
- #wp-calendar td{background:transparent;background: rgba(0,0,0,0.2);}
- #wp-calendar td,table#wp-calendar th{padding:3px 0;}
- #wp-calendar #prev, #wp-calendar #next, #wp-calendar tfoot .pad { padding: 10px 0 0; text-transform: uppercase; font-weight: bold; background: transparent; border: none; }
- #sidebar #wp-calendar #prev a, #sidebar #wp-calendar #next a, #home-widgets #wp-calendar #prev a, #home-widgets #wp-calendar #next a { padding: 5px 10px 4px; letter-spacing: 0.15em; text-transform: uppercase; font-size: 0.643em; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); background: none repeat scroll 0 0 #3A3530; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); }
- #wp-calendar #prev a:hover, #wp-calendar #next a:hover { background-color: #211e1a; text-decoration: none; }
- #wp-calendar #prev { text-align: left; }
- #wp-calendar #next { text-align: right; }
- #footer-widgets #wp-calendar caption { text-shadow: none; }
- #footer-widgets #wp-calendar th,#footer-widgets #wp-calendar td { background: transparent; border: none; }
- /* VIDEO EMBED */
- .widget_woo_embedwidget iframe { width: 100%!important; height: 200px!important; }
- .widget_woo_embedwidget h4 { margin: 0 0 0.6em; text-transform: uppercase; font: 1em Droid Sans, Helvetica, Arial, sans-serif; }
- .widget_woo_embedwidget ul.widget-video-list { margin: -5px 0 0!important; background: rgba(0,0,0,0.3); border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; }
- .widget_woo_embedwidget ul.widget-video-list li a { display: block; padding: 4px 10px 4px; color: #897665; }
- .widget_woo_embedwidget ul.widget-video-list li.active a { color: #fff!important; background: rgba(0,0,0,0.2); }
- #footer-widgets .widget_woo_embedwidget h4 { margin: 0 0 0.3em; }
- #footer-widgets .widget_woo_embedwidget ul.widget-video-list { background: rgba(0,0,0,0.1); }
- /* AUTHOR WIDGET */
- .widget_woo_blogauthorinfo .avatar { border: 3px solid #fff; box-shadow: 0 2px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5); }
- .widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; }
- .widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; }
- /* ADSPACE WIDGET */
- .adspace-widget { text-align: center; }
- .adspace-widget h3 { text-align: left; }
- /* TWITTER */
- .widget_woo_twitter .more a { background: #3a3530 url(images/ico-twitter-white.png) no-repeat 7px 6px; }
- .widget_woo_twitter ul { margin: 0 0 1em; }
- .widget_woo_twitter ul li { margin: 0 0 0.7em; list-style: none; color: #fff; }
- .widget_woo_twitter ul li .content a { display: inline; padding: 0; color: #fff; font-size: 1em!important; letter-spacing: 0; text-transform: none; background: none; }
- .widget_woo_twitter ul li a { display: block; margin: 0.5em 0 0; padding: 0 0 0 20px; letter-spacing: 0.15em; text-transform: uppercase; font-size: 0.643em!important; color: #897665; background: url(images/ico-twitter-brown.png) no-repeat left 6px; }
- .widget_woo_twitter p { text-transform: uppercase; text-align: right; font-size: 0.8em; }
- #sidebar .widget_woo_twitter p, #home-widgets .widget_woo_twitter p { padding: 3px 0; text-align: center; background-color: #211e1a; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); }
- /* FEEDBACK */
- .widget_woo_feedback .feedback .slides_control, .widget_woo_feedback .feedback .slides_control .quote { width: 100%!important; }
- .widget_woo_feedback blockquote { font: 1.143em/1.4em Droid Serif, Georgia, times, serif; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); text-align: center; color: #fff; } /* 16 / 14 = 1.143 */
- .widget_woo_feedback cite { display: block; margin: 0.8em 0 1.4em; text-align: center; }
- .widget_woo_feedback cite a { padding: 0 0 0 20px; background: url(images/ico-testimonial.png) no-repeat left center; color: #897665; }
- .widget_woo_feedback .more { display: block; margin: 10px 0 0; text-align: center; }
- #sidebar .widget_woo_feedback .more a, #home-widgets .widget_woo_feedback .more a { padding: 5px 10px 4px 25px; letter-spacing: 0.15em; text-transform: uppercase; font-size: 0.643em; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); }
- #sidebar .widget_woo_feedback .more a:hover, #home-widgets .widget_woo_feedback .more a:hover { background-color: #3a3530; text-decoration: none; }
- #sidebar .widget_woo_feedback .more a, #home-widgets .widget_woo_feedback .more a { background: #211e1a url(images/ico-more-testimonials.png) no-repeat 10px 7px; }
- .widget_woo_feedback .pagination { position: relative; z-index: 9999; margin: -13px 0 0; padding: 5px 20px 0; text-align: center; display: block; }
- .widget_woo_feedback .pagination li { display: inline; margin: 0 2px; list-style: none; }
- .widget_woo_feedback .pagination li a { display: inline-block; width: 8px; height: 0; overflow: hidden; padding-top: 9px; background: url(images/feedback-pag-off.png) no-repeat left top; }
- .widget_woo_feedback .pagination li a:hover { background: url(images/feedback-pag-hover.png) no-repeat left top; }
- .widget_woo_feedback .pagination li.current a { background: url(images/feedback-pag-on.png) no-repeat left top; }
- #footer-widgets .widget_woo_feedback blockquote { color: #5e5e5e; text-shadow: none; }
- #footer-widgets .widget_woo_feedback cite { margin-bottom: 0.3em; }
- #footer-widgets .widget_woo_feedback .more a { font-size: 0.8em; text-transform: uppercase; font-weight: bold; text-decoration: underline; }
- #footer-widgets .widget_woo_feedback .more a:hover { text-decoration: none; }
- /* WOOTABS */
- #tabs {
- position: relative;
- margin-bottom: 1em;
- padding: 15px 10px 10px;
- border: 1px solid #fff; border-width: 1px 1px 0;
- background: #fff; /* Old browsers */
- background: -moz-linear-gradient(top, #cfcfcf 0%, #ffffff 25%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfcfcf), color-stop(25%,#ffffff)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #cfcfcf 0%,#ffffff 25%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #cfcfcf 0%,#ffffff 25%); /* Opera11.10+ */
- background: -ms-linear-gradient(top, #cfcfcf 0%,#ffffff 25%); /* IE10+ */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
- background: linear-gradient(top, #cfcfcf 0%,#ffffff 25%); /* W3C */
- }
- #tabs span.edge { display: block; position: absolute; left: 0; bottom: -10px; width: 100%; margin: 0 -1px; padding: 0 1px; height: 15px; background: url(images/bg-banner.png) repeat-x center top; }
- #tabs ul.wooTabs { margin: 0 0 15px; padding:0px; text-align: center; }
- #tabs ul.wooTabs li { display:inline; letter-spacing: 1px; margin:0px; cursor: pointer; }
- #tabs ul.wooTabs li a { padding: 0 10px; color:#897665; text-transform: uppercase; font-size: 0.923em; } /* 12/13 = 0.923 */
- #tabs ul.wooTabs li a.selected,
- #tabs ul.wooTabs li a:hover { text-decoration:none; color: #332e28; }
- #tabs .inside { }
- #tabs .inside ul, #tabs .inside #tab-tags { margin:0; padding:0; display: none; }
- #tabs .inside ul:first-child { display: inline; }
- #tabs .inside #tab-tags { border-width:1px; padding: 0 10px 10px; }
- #tabs .inside li { margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #e3e1e2; }
- #tabs .inside li.last-child { margin: 0; }
- #tabs .inside li a { font-family: Droid serif, Georgia, Times, serif; font-size: 1.077em; font-weight: bold; color:#332e28; } /* 14/13 = 1.077 */
- #tabs .inside a:hover{}
- #tabs .inside #tab-tags a { padding:2px 4px; margin:3px 1px; display:inline-block; background: #897665; font-size:13px !important; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
- #tabs .inside #tab-tags a:hover{ background: #332e28; text-decoration: none;}
- #tabs .inside li span.meta { display:block; text-transform:normal; color:#897665; text-transform: uppercase; font-size: 0.8em; }
- #tabs .inside li img.avatar, #tabs .inside li img.thumbnail { float: left; margin: 0 10px 0 0; border: 3px solid #fff; box-shadow: 0 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2); }
- #tabs .inside li img.avatar:hover, #tabs .inside li img.thumbnail:hover { border-color:#aaa; }
- #tabs #tab-comm li a { font-weight: normal; }
- /*-------------------------------------------------------------------------------------------*/
- /* 5. COMMENTS */
- /*-------------------------------------------------------------------------------------------*/
- /* 5.1 Comments */
- #comments {position:relative;margin:3em 0 0;padding:2em 0 0 0; border-top:1px solid #897665;}
- #comments h3 { font-weight:normal; margin-bottom:20px; font-size: 1.7em; }
- #comments ol.commentlist { margin: 0; }
- #comments .comment.thread-even { }
- #comments .comment.bypostauthor { }
- #comments .comment{width:100%;list-style-type:none;position: relative; }
- #comments .comment .comment-container { position:relative; padding: 10px 0 20px; }
- #comments .comment-head { display: block; margin: 0 0 0.6em 0; text-transform: uppercase; font-size: 0.714em; } /* 10 / 14 = 0.714 */
- #comments .gravatar { width: 50px; margin: 0 15px 0 0; }
- #comments .gravatar img{margin: 2px 0 0;vertical-align: middle; border: 3px solid #fff; }
- #comments .comment-body { position: relative; top: -50px; left: 60px; margin-bottom: -40px; width: 90%; }
- #comments .comment-entry p { margin: 0 0 10px 0; color: #fff; }
- #comments .reply a { padding: 2px 6px; background: #897665; color: #fff; letter-spacing: 0.15em; text-transform: uppercase; font-size: 0.643em; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
- #comments .reply a:hover { text-decoration: none; background: #211e1a; }
- #comments ul.children{ margin: 0;padding:0 0 0 9%;}
- #comments ul.children li { }
- #comments .cancel-comment-reply{margin:10px 0;}
- #comments .comment #respond { border: none; margin: 20px 0 0; padding: 0; }
- #comments .comment #respond h3 { margin: 0; }
- #comments .comment #respond h3 small { margin: 0 0 10px; }
- #comments .navigation { }
- #comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
- #comments .navigation a:hover{}
- #comments h3#pings { margin-top:25px; }
- #comments .pingbacks li.pingback { margin:10px 0; }
- #comments .pingbacks li.pingback .reply { display:none; }
- #comments .nocomments { font-size:14px; font-weight: bold; }
- /* 5.2 Comments Form */
- #respond { margin: 2em 0 0; padding: 2em 0 0; border-top:1px solid #897665; }
- #respond h3 { font-weight:normal; margin: 0; font-size: 1.7em; }
- #respond .logged-in-as { text-transform: uppercase; font-size: 0.8em; }
- #respond .left { float:left; width:200px; margin-right:15px; }
- #respond .right { float:left; width:380px; }
- #respond #reply-title small { display: block; margin: 10px 0px; font-size: 12px; }
- #commentform { margin: 20px 0 0; }
- #commentform p { margin: 0 0 15px; }
- #commentform label { position:relative; display:inline; font-weight: bold; vertical-align:top; display:inline-block; font-size: 11px; text-transform: uppercase; margin-top:5px; padding: 0 0 0 10px; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); }
- #commentform input.txt, #commentform textarea { font:14px/1em Arial, Helvetica, sans-serif; }
- #commentform input.txt { width: 170px; margin: 0 5px 0 0; padding: 5px 7px; }
- #commentform textarea { width: 95% !important; padding: 5px 7px; }
- #commentform .comment-form-comment label { display: none; }
- #respond #commentform #submit { margin: 0; cursor: pointer; }
- /* 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 */
- a.button,
- #commentform #submit,
- .submit {
- display: inline-block;
- text-transform: uppercase;
- margin: 5px;
- padding: 6px 13px;
- border: 1px solid #40362e;
- border-bottom-color: #2e2620;
- color: white !important;
- text-align: center;
- text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
- text-decoration: none;
- /*Border radius*/
- -webkit-border-radius: 15px;
- -moz-border-radius: 15px;
- border-radius: 15px;
- /*Background*/
- background: #907c6a; /*Fallback*/
- background: -webkit-gradient(
- linear,
- left top,
- left bottom,
- color-stop(.2, #907c6a),
- color-stop(1, #4e433a)
- );
- background: -moz-linear-gradient(
- center top,
- #907c6a 20%,
- #4e433a 100%
- );
- /*Box shadow*/
- -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
- inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
- 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
- -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
- inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
- 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
- box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
- inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
- 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
- }
- a.button.large { padding:6px 16px;}
- a.button.small, a.comment-reply-link { padding:0px 10px;}
- a.button:hover,
- a.button.hover,
- a.button.active,
- #commentform #submit:hover,
- .submit:hover {
- text-decoration: none !important;
- /*Background*/
- background: #746251; /*Fallback*/
- background: -webkit-gradient(
- linear,
- left top,
- left bottom,
- color-stop(.2, #746251),
- color-stop(1, #3c332b)
- );
- background: -moz-linear-gradient(
- center top,
- #746251 20%,
- #3c332b 100%
- );
- }
- a.button:active,
- a.button.active {
- border-color: #20559a;
- /*Box shadow*/
- -webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
- 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
- -moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
- 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
- box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
- 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
- }
- /* 6.2 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;font-weight:700;margin:0 0 10px;}
- #contact-page ol.forms input.txt{width:50%;}
- #contact-page ol.forms input#sendCopy{border:none;}
- #contact-page ol.forms textarea{height:300px;width:97%;}
- #contact-page ol.forms li .error{font-size:12px;display:block;color:red;}
- #contact-page ol.forms li.textarea .error{display:block; }
- #contact-page ol.forms li.screenReader{margin-bottom:0;}
- #contact-page ol.forms li.buttons .submit{margin: 5px 0 0; cursor:pointer; }
- #contact-page ol.forms li.inline input{width:auto;}
- #contact-page ol.forms li.inline label{display:inline;float:none;width:auto;}
- .entry #contact-page ol.forms li { list-style: none; } /* Added to accomodate the contact form shortcode */
- /* 6.3 Gravity forms */
- .gfield { margin-bottom: 10px; }
- .gform_wrapper .top_label .gfield_label { display:block; 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: 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: 120px !important; }
- img.ui-datepicker-trigger { border: 0px; padding: 0px; }
- /* 6.4 Timeline Page Template */
- #archives { padding: 10px 0 0; }
- #archives a { font-style: italic; }
- h3.archive_year { font: bold 20px/1em sans-serif; color:#555; margin-top:0; }
- #archives .archives_list { border-left:1px solid #e6e6e6; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;}
- #archives .archives_list li { clear:left; padding-left:24px; font-size: 12px; font-style: normal; list-style: none; margin-bottom: 10px; }
- #archives .archives_list .date { color: #808080; width: 100px; font-style: italic; display: inline-block; vertical-align: top; }
- #archives .archives_list .linked { width: 270px; display: inline-block; vertical-align: top;}
- #archives .archives_list .comments { width: 100px; display: inline-block; vertical-align: top;}
- #archives .archives_list .comments a { color: #808080; font-size: 12px; font-style: italic; text-decoration: underline; padding-left: 13px; }
- #archives .archives_list .comments a:hover { text-decoration: none; }
- /* 6.5 IE specific styling */
- .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; }
- .ie7 .nav li a {_height: 0;zoom: 1;} /* IE7 Fix */
- .ie7 .button, .ie7 .button:visited { padding:7px 6px; margin:0; }
- .ie7 article .post-more { margin-bottom: 7px; }
- .ie7 #connect .newsletter-form .submit { padding: 3px 0; }
- .ie7 #top nav li ul { border: none!important; }
- .ie7 nav li ul li a { border: none!important; }
- .ie8 .button, .ie8 .button:visited { padding:10px 15px; margin:0; }
- .ie section#latest-articles article a.image img, .ie #slides .slide-img img { width: 100%; }
- .ie7 #slides { position:relative; }
- /* 6.6 Connect */
- #connect { clear:both; margin: 0 0 2em; }
- #main #connect .col-left, #connect .col-right { width:48%; }
- #connect h3 { margin-bottom: 15px; font-size: 1.7em; }
- #connect p { margin: 0 0 1em; }
- #connect .newsletter-form { margin: 0 0 1em; }
- #connect .newsletter-form .input { }
- #connect .newsletter-form .email { width: 64%; }
- #connect .newsletter-form .submit { cursor:pointer; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
- #connect .social { }
- #connect .social a { opacity:0.8; }
- #connect .social a:hover { opacity:1; }
- #connect .related-posts { border-left: 1px solid rgba(255, 255, 255, 0.2); padding-left:20px; }
- #connect .related-posts h4 { margin: 0 0 0.7em; font: bold 1em Droid Sans, Helvetica, Arial sans-serif; text-transform: uppercase; }
- #connect .related-posts ul { list-style: outside disc; margin:5px 0 5px 15px; font-size: 0.926em; } /* 13/14 = 0.926 */
- .widget #connect .fl, .widget #connect .fr { float:none;}
- .page-template-template-feedback-php .quote { margin: 20px 0 0 0; padding: 0 0 20px; border-bottom: 1px solid rgba(255,255,255,0.2); }
- .page-template-template-feedback-php .quote.last-child { border-bottom: none; padding: 0; }
- .page-template-template-feedback-php .quote blockquote { margin: 0 0 10px; padding: 0; border: none; }
- .page-template-template-feedback-php .quote cite { font-weight: bold; }
- /*
- MEDIA QUERIES
- These follow after primary styles so they will successfully override.
- */
- /* MODERN WIDESCREEN DISPLAYS */
- @media only screen and (min-width: 1212px) {
- h1 { font-size: 2.571em; } /* 36 / 14 = 2.571 */
- h2 { font-size: 2.286em; } /* 32 / 14 = 2.286 */
- h3 { font-size: 2em; } /* 28 / 14 = 2 */
- h4 { font-size: 1.571em; } /* 22 / 14 = 571 */
- h5 { font-size: 1.429em; } /* 20 / 14 = 1.429 */
- h6 { font-size: 1.143em; } /* 16 / 14 = 1.143 */
- .layout-full #main, .col-full { margin: 0 auto; max-width: 75.714em; } /* 1200 / 14 = 67.143 */
- section#latest-articles article .title, #footer-widgets .widget h3 { font-size: 1.571em; } /* 22 / 14 = 1.571 */
- #slides .slide-content h2 { margin: 0.5em 0 1em; }
- #slides, section#latest-articles, .banner { margin-bottom: 80px; }
- #content-wrapper { padding-bottom: 80px; }
- #connect .newsletter-form .email { width: 71%; }
- #connect .social a { margin: 0 0.75em 0 0; }
- }
- /* TABLET PORTRAIT MODE */
- @media only screen and (min-width: 768px) and (max-width: 991px) {
- #logo, nav, #main, #sidebar { float: none; }
- nav { margin-top: 30px!important; }
- header nav { width: 100%; }
- #main, #sidebar { margin: 0; width: 100%; }
- #sidebar { margin: 2em 0 0; padding: 2em 0 0; border-top: 2px solid #897665; }
- #sidebar .widget { float: left; margin-right: 2.12%; width: 48.40%; } /* 460 / 940 = 0.484 || 20 / 940 = 0.0212*/
- #sidebar .widget:nth-child(2n+2) { margin-right: 0; }
- #connect .newsletter-form .email { width: 70%; }
- #connect .social a { margin: 0 0.63em 0 0; }
- }
- /* iPhone */
- @media only screen and (max-width: 767px) {
- .nav { width: 100%; }
- header .nav li:first-child a { border-left: 1px solid rgba(255,255,255,0.15); border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
- header .nav li:last-child a { border-right: 1px solid rgba(0,0,0,0.7); border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; }
- .nav li { float:none; width: auto; }
- .nav li a { }
- /* Accordion Drop-down menus */
- .nav li ul { overflow: hidden; background: #1f1b1a; box-shadow: inset 0 0 3px rgba(0,0,0,0.7); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.7); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.7); }
- .nav li ul li a { padding: 8px 15px; font-size: 0.8em; background: none!important; border: none!important; border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; }
- .nav li ul li:first-child a { border-top: none; }
- .nav li ul li:last-child a { border-top: none; }
- .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 { display: none; }
- .nav li:hover ul, .nav li.sfhover ul,
- .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 { display: block; }
- .nav li ul li a:hover { background: #000!important; }
- #footer-widgets .block { float: none; margin: 0 0 30px; width: 100%!important; }
- #footer-widgets #about, #footer-widgets #widgets { float: none; width: 100%; }
- #footer-widgets #about { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #7f7f7f; }
- }
- /* iPHONE VERTICAL */
- @media only screen and (max-width: 767px) and (min-width: 480px) {
- body { -webkit-text-size-adjust: none; }
- #logo, nav, #main, #sidebar { float: none; }
- nav { margin-top: 30px!important; }
- header nav { width: 100%; }
- #main, #sidebar { margin: 0; width: 100%; }
- #sidebar { margin: 2em 0 0; padding: 2em 0 0; border-top: 2px solid #897665; }
- #sidebar .widget { float: left; margin: 0 0 30px; width: 100%; }
- #slides .slide-img { border-width: 7px; }
- section#latest-articles { margin-bottom: 0; }
- section#latest-articles article { float: none; margin: 0 0 60px; width: 100%; }
- section#latest-articles article a.image img { border-width: 4px; }
- section#latest-articles article .title { font-size: 1.6em; }
- section#latest-articles article .entry p { font-size: 95%; }
- #home-widgets-left, #home-widgets-right { float: none; width: 100%; }
- #footer-widgets .widget { float: none; margin: 0 0 30px; width: 100%; }
- #footer-widgets #about, #footer-widgets #widgets { float: none; width: 100%; }
- #footer-widgets #about { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #7f7f7f; }
- #main #connect .col-left, #connect .col-right { float: none; width: 100%; border: none; }
- #connect .col-right { margin: 1.3em 0 0; padding: 0; }
- #connect .newsletter-form .email { width: 75%; }
- #connect .social a { margin: 0 1.3em 0 0; }
- #comments .comment-body { width: 85%; }
- }
- /* IPHONE PORTRAIT */
- @media only screen and (max-width: 479px) {
- #logo, nav, #main, #sidebar { float: none; }
- nav { margin-top: 30px!important; }
- #top nav { margin-top: 0!important; }
- header nav { width: 100%; }
- #main, #sidebar { margin: 0; width: 100%; }
- #sidebar { margin: 2em 0 0; padding: 2em 0 0; border-top: 2px solid #897665; }
- #sidebar .widget { float: left; margin: 0 0 30px; width: 100%; }
- #main, #sidebar { margin: 0; width: 100%; }
- #sidebar .widget { float: left; margin: 0 0 30px; width: 100%; }
- #slides .slide-img { border-width: 7px; }
- #slides .slide-content { width: 100%; padding-left: 0; padding-right: 0; }
- section#latest-articles { margin-bottom: 0; }
- section#latest-articles article { float: none; margin: 0 0 60px; width: 100%; }
- section#latest-articles article a.image img { border-width: 4px; }
- #home-widgets-left, #home-widgets-right { float: none; width: 100%; }
- .archive_header .cat { float: none!important; }
- .archive_header .catrss { float: none!important; display: block; }
- #main #connect .col-left, #connect .col-right { float: none; width: 100%; border: none; }
- #connect .col-right { margin: 1.3em 0 0; padding: 0; }
- #connect .newsletter-form .email { width: 60%; }
- #connect .social a { margin: 0; }
- #comments .comment-body { width: 80%; }
- #tabs ul.wooTabs li a { padding: 0 0px; font-size: 0.846em; } /* 11/13 = 0.846 */
- }
- /*
- PRINT
- */
- /* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ */
- @media print {
- * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
- a, a:visited { color: #444 !important; text-decoration: underline; }
- a[href]:after { content: " (" attr(href) ")"; }
- abbr[title]:after { content: " (" attr(title) ")"; }
- .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
- pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
- thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
- tr, img { page-break-inside: avoid; }
- @page { margin: 0.5cm; }
- p, h2, h3 { orphans: 3; widows: 3; }
- h2, h3{ page-break-after: avoid; }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement