/* Theme Name: Refined Style Theme URI: http://themeforest.net/item/refined-style-wordpress-jigoshop-ecommerce-theme/2729143 Author: PixelBuffet Author URI: http://www.pixelbuffet.com/ Description: Slick and Stylish e-commerce Wordpress theme with full support for the JigoShop plugin, post formats and the theme cusomizer. This theme is built on top of the awesome Hybrid Framework with a focus on WordPress development standards. Version: 2.03 Tags: black, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, microformats, editor-style, custom-menu License: Split License / GNU General Public License version 3.0 License URI: http://themeforest.net/licenses/regular Designed & Developed by the PixelBuffet Team for ThemeForest.com */ /* =========================== CONTENTS: 01 Browser CSS Reset 02 Global Style and Typography 03 Header Styles 04 Homepage Styles 05 JigoShop Styles 06 Blog Section Styling 07 Comments Styles 08 Sidebar / Widget Styles 09 Footer Styles 10 Slider Styles 11 Media Queries (moved to /css/media.css) =========================== */ /* ---------------------------------------------------------------------------------------------------------- 01 Browser CSS Reset ---------------------------------------------------------------------------------------- * Normalize.css by Nicolas Gallagher and Jonathan Neal: https://github.com/necolas/normalize.css/ * HTML5 boilerplate: http://html5boilerplate.com/ * HTML5 Doctor Reset by Eric Meyer and Richard Clark: html5doctor.com/html-5-reset-stylesheet/ * Modified by Elliot Jay Stocks ---------------------------------------------------------------------------------------------------------- */ 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; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } h1, h2, h3, h4, h5, h6 { font-weight:normal; } a:focus { outline: none; } abbr[title] { border-bottom:none; } b, strong { font-weight: 700; } em, dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } label { cursor: pointer; } input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* ---------------------------------------------------------------------------------------------------------- 02 Global Style and Typography ------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ body { font-family: 'Open Sans', sans-serif; font-size: 12px; background: #1b1b1b; } .cleaner { clear: both; height: 0; overflow: hidden; } input { font-family: 'Open Sans', sans-serif; } p { color: #626262; line-height: 160%; padding-bottom: 12px; } a { color: #346f7f; } a:hover { color: #111; } address { color: #626262; line-height: 160%; padding-bottom: 12px; } img.alignleft { float: left; display: block; padding: 1px; border: 1px solid #ddd; margin: 20px 20px 20px 0; background: #fff; } img.alignright { float: right; display: block; padding: 1px; border: 1px solid #ddd; margin: 20px 0 20px 20px; background: #fff; } img.aligncenter { margin: 10px auto 20px; display: block; padding: 1px; border: 1px solid #ddd; background: #fff; } img.alignnone { display: block; padding: 1px; border: 1px solid #ddd; background: #fff; margin: 10px 0 20px; } header, footer, article, aside { display: block; /*silly IE */ } h1.title, .home h1.title { color: #fff; font-size: 18px; background: #346f7f url(images/nav-gradient.png) repeat-x 0 0; height: 40px; line-height: 40px; padding: 0 20px 0 30px; margin-left: -30px; display: inline-block; margin-bottom: 20px; margin-right: 20px; } h2 { font-size: 24px; color: #346f7f; padding-bottom: 12px; } h1.page-title, #reply-title, #comments-title { font-size: 24px; color: #346f7f; padding-bottom: 15px; border-bottom: 3px double #ddd; margin: 0 0 20px 0; } h3 { color: #FE4D02; font-size: 20px; padding: 0 0 12px; } h4, h5, h6 { color: #333; } h4 { font-size: 18px; padding: 0 0 12px; } h5 { font-size: 16px; padding: 0 0 12px; } h6 { font-size: 14px; padding: 0 0 12px; } blockquote { margin: 5px 10px 20px 30px; border-left: 3px solid #ddd; padding-left: 30px; font-style: italic; padding-bottom: 0; } blockquote p { padding: 0; font-size: 16px; } blockquote cite { font-size: 14px; font-weight: normal; } p.notice { text-align: center; font-size: 16px; font-weight: normal; } .button-primary, .product .button, .cart .button, input.button, button.button, a.button, .button-alt, .form-submit #submit, #review_form #submit, .wpcf7-submit, .input-submit { min-height: 22px; line-height: 20px; padding: 4px 12px; display: inline-block; color: #fff; text-decoration: none; text-shadow: 0 1px 0 rgba(0,0,0,0.3); font-size: 12px; font-weight: 600; background: #777; border: none; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.2); -o-box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.2); background: -moz-linear-gradient(top, rgba(170,170,170,1) 0%, rgba(119,119,119,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,170,170,1)), color-stop(100%,rgba(119,119,119,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(119,119,119,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(119,119,119,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(119,119,119,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(170,170,170,1) 0%,rgba(119,119,119,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#777777',GradientType=0 ); /* IE6-9 */ } .button-primary:hover, .product .button:hover, input.button:hover, .cart .button:hover, button.button:hover, a.button:hover, .button-alt:hover, .form-submit #submit:hover, #review_form #submit:hover, .wpcf7-submit:hover, .input-submit:hover { background: #FE4D02; } .form-submit #submit { padding: 10px 15px; } pre, code { background: #f1f1f1; border: 1px dotted #ccc; color: #444; display: block; padding: 10px; font-family: "Courier New", Courier, monospace; } ::selection {background:#333; color:#fff; text-shadow:none !important;} ::-moz-selection {background:#333; color:#fff; text-shadow:none !important;} input[type="text"], input[type="password"], textarea, select { outline: none; } .sticky { } .gallery-caption { } .wrapper { margin: 0 auto; padding-bottom: 10px; } .body-container { clear: both; background: #fff; margin-bottom: 30px; padding: 20px; position: relative; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius: 15px 15px 10px 10px; border-radius: 15px 15px 10px 10px; -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.75); } /* ---------------------------------------------------------------------------------------------------------- 03 Header Styles -------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ .top-nav { background: url(images/black-50.png) repeat 0 0; height: 32px; line-height: 32px; color: #fff; -webkit-box-shadow: 0px 1px 0px 0px rgba(256, 256, 256, 0.1); box-shadow: 0px 1px 0px 0px rgba(256, 256, 256, 0.1); width: 100%; display: block; border-bottom: 1px solid #000; } .top-nav-content { margin: 0 auto; } .top-nav .upper-nav { list-style: none; } .top-nav .upper-nav li { float: left; padding: 0 15px 0 5px; line-height: 32px; height: 32px; } .top-nav .upper-nav li.upper-nav-left { padding: 0; } .top-nav .upper-nav li.upper-nav-left ul { list-style: none; margin-left: -5px; } .top-nav .upper-nav li.upper-nav-left ul li { position: relative; } .top-nav .upper-nav li a { color: #aaa; text-decoration: none; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } .top-nav .upper-nav li a:hover { color: #fff; -webkit-transition: color 0.3s ease; } .top-nav .upper-nav li.mini-basket { float: right; padding: 0 10px 0 0; } .top-nav .upper-nav li.upper-nav-left li ul { width: 160px; position: absolute; top: 31px; left:0; display: none; background: url(images/black-50.png) repeat 0 0; border-bottom: 1px solid #666; z-index: 999; } .top-nav .upper-nav li.upper-nav-left li ul li { float: none; height: auto; line-height: 150%; padding: 0; background: url(images/black-50.png) repeat 0 0; } .top-nav .upper-nav li.upper-nav-left li ul li a { display: block; padding: 10px; } .top-nav .upper-nav li.upper-nav-left li ul li a:hover { background: #000; } .top-nav .upper-nav li.upper-nav-left li:hover > ul { display: block; } .top-nav .upper-nav li.upper-nav-left li ul li ul { top: 0; left: 130px; } .logo { display: block; float: left; margin: 35px 0 40px; } h4.logo { font-size: 30px; color: #fff; text-shadow: 0px 1px 3px #000000; filter: dropshadow(color=#000000, offx=0, offy=2); } h4.logo a { color: #fff; font-weight: bold; text-decoration: none; } p.phone-no { display: block; padding: 0; font-size: 24px; font-weight: bold; color: #eee; text-shadow: 0px 1px 3px #000000; filter: dropshadow(color=#000000, offx=0, offy=2); float: right; margin: 42px 0 20px; letter-spacing: 1px; } p.phone-no i { display: inline; font-size: 40px; color: #000; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); text-shadow: 0 1px 0 rgba(255,255,255,0.2); vertical-align: middle; margin-right: 5px; } .main-nav { position: relative; margin: -20px -20px 20px; height: 60px; } .main-nav .skip-link, .assistive-text { display: none; } .main-nav ul { display: block; width: 100%; height: 60px; list-style: none; background: #346f7f url(images/nav-gradient.png) repeat-x 0 0; margin: 0; padding: 0; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(256, 256, 256, 0.30); -moz-box-shadow: inset 0px 1px 0px 0px rgba(256, 256, 256, 0.30); box-shadow: inset 0px 1px 0px 0px rgba(256, 256, 256, 0.30); } .main-nav li { display: block; float: left; height: 59px; padding-top:1px; position: relative; } .main-nav li:first-child a { -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 10px 0px 0px 0px; border-radius: 10px 0px 0px 0px; } .main-nav li a { display: block; line-height: 58px; height: 59px; padding: 0 20px; color: #fff; text-decoration: none; font-size: 15px; font-weight: 600; } .main-nav li a:hover { background: #346f7f url(images/nav-gradient.png) repeat-x 0 -60px; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -ms-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; -webkit-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.2); } .main-nav li ul { height: 0; overflow: hidden !important; width: auto; max-width: 400px; min-width: 200px; padding: 2px; position: absolute; top: 59px; left:0; background: #346f7f; filter: alpha(opacity=0); opacity: 0; margin-top: -10px; z-index: 9999; border-top: 1px solid rgba(255,255,255,0.3); -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; -webkit-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.7); box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.7); } .main-nav li ul li { float: none; display: block; background: none; height: auto; padding: 4px; } .main-nav li ul.sub-menu li a, .main-nav li ul.children li a { height: auto; line-height: 30px; padding: 0 15px; font-size: 13px; background-color: #346f7f; background-image: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-nav li ul.sub-menu li a:hover, .main-nav li ul.children li a:hover { background-image: url(images/nav-gradient.png); background-position: 0 -60px; } .main-nav li ul.sub-menu > li:hover > a { background-image: url(images/nav-gradient.png); background-position: 0 -60px; } .main-nav li:hover > ul { margin-top: 0; height: auto; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .main-nav li:hover ul { overflow: visible !important; } .main-nav ul.menu { z-index: 970; } .main-nav ul > li { z-index: 980; } .main-nav ul > li a { z-index: 990; } .main-nav li ul li ul { top: 3px; left: 198px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; display: none; z-index: 9999; } .main-nav li ul li:hover ul { display: block; } .main-nav .search-box { position: absolute; top: 15px; right: 15px; background: url(images/search-back.png) repeat-x 0 0; height: 30px; -webkit-border-radius: 15px; border-radius: 15px; padding: 0 10px; -webkit-box-shadow: 0px 1px 0px 0px rgba(256, 256, 256, 0.4); width: 100px; overflow: hidden; box-shadow: 0px 1px 0px 0px rgba(256, 256, 256, 0.4); opacity: 0.6; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .main-nav .search-box:hover { opacity: 1; width: 200px; } .main-nav .search-box .search-field { background: none; color: #fff; font-size: 11px; -webkit-border-radius: 15px; border-radius: 15px; border: none; height: 30px; line-height: 30px; width: 170px; } .main-nav .search-button { position: absolute; top: 0; right: 0; width: 36px; height: 30px; background: url(images/search-button.png) no-repeat center center; dislay: block; text-indent: -9999px; border: none; overflow: hidden; z-index: 9; cursor: pointer; } .btn-navbar { display: none; } .breadcrumb-trail { margin: -20px -20px 20px; padding: 10px 20px; background: #346f7f url(images/black-50.png) repeat 0 0; color: #fff; border-top: 1px solid rgba(0,0,0,0.4); box-shadow: 0 -1px 0 0 rgba(255,255,255,0.1); position: relative; z-index: 99; } .breadcrumb-trail .trail-before { opacity: 0.3; font-size: 11px; text-transform: uppercase; padding-right: 10px; } .breadcrumb-trail a { color: #fff; text-decoration: none; opacity: 0.7; } .breadcrumb-trail a:hover { opacity: 1; } .breadcrumb-trail .sep { padding: 0 5px; opacity: 0.3; } .breadcrumb-overlay { opacity: 1; background: rgba(0,0,0,0.8) !important; position:absolute; top: 60px; left: 0; right: 0; width: auto; border-top: 1px solid rgba(0,0,0,0.7); margin: 0; } .content { padding: 20px; } /* ---------------------------------------------------------------------------------------------------------- 04 Homepage Styles ------------------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ .product-list { padding: 0; } .product-carousel { position: relative; } .product-list ul { float: left; list-style: none; display: block; position: relative; } .product-list li { position: relative; } .product-list li .product { padding: 1px; border: 5px solid #ddd; position: relative; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; margin-bottom: 20px; } .product-list li a { text-decoration: none; display: block; width: 100%; height: 100%; z-index: 10; position: absolute; top:0; left: 0; background-image: url("iehack:///"); } .product-list li .image-wrap { display: block; overflow: hidden; background: #000; } .product-list li i { width: 100%; text-align: center; height: 30px; line-height: 30px; font-size: 20px; color: #fff; position: absolute; top: 30px; left:0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .product-list li img { width: 100%; display: block; margin: 0 auto; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .product-list li p { padding: 10px; text-align: center; font-size: 15px; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; font-weight: lighter; } .product-list li p strong { font-weight: lighter; } .product-list li p.price { padding: 0; text-align: center; margin: 0 10px 10px; font-size: 14px; font-weight: 600; color: #346f7f; background: url(images/divider.gif) repeat-x center; display: block; float: none; } .product-list li p.price span { display: inline-block; margin: 0 auto; padding: 0 10px; background: #fff; } .product-list li p.price span del { color: #888; font-weight: 100; font-size: 13px; display: inline-block; padding: 0 4px; } .product-list li p.price span ins { text-decoration: none; color: #FE4D02; } .product-list li:hover, .post-content .image-wrap:hover, .offer-boxes .col-third a:hover, .post .image-wrap:hover { border-color: #346f7f; } .product-list li:hover p.price { color: #fe4d02; } .product-list li:hover img { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); } .product-list li:hover i { opacity: 1; font-size: 36px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .product-carousel { margin-bottom: 30px; } .product-carousel .prev { position: absolute; right: 50px; top: 0; width: 30px; height: 40px; text-indent: 0; text-decoration: none; color: #ccc; font-size: 24px; text-align: center; line-height: 40px; } .product-carousel .next { position: absolute; right: 10px; top: 0; width: 30px; height: 40px; text-indent: 0; text-decoration: none; color: #ccc; font-size: 24px; text-align: center; line-height: 40px; } .product-carousel .prev:hover { color: #333; } .product-carousel .next:hover { color: #333; } .product-carousel li { border: 5px solid #DDD; float: left; margin: 10px; padding: 1px; position: relative; width: 208px; } .product-carousel li img { width: auto; max-height: 240px; } .home-widgets { margin-bottom: 30px; padding: 20px 0; background: #eee; margin-right: -20px; color: #626262; } .home .home-compact { text-align: center; padding: 0 0 20px; } .home .home-compact .entry-title { font-size: 18px; margin: 5px 0; padding: 0; } .home .home-compact .meta-info { font-size: 13px; padding: 0; } /* ---------------------------------------------------------------------------------------------------------- 05 JigoShop Styles ------------------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ body span.onsale { background: #fe4d02 url(images/nav-gradient.png) repeat-x 0 0; z-index: 99; top: -5px; } div.jigoshop_message { margin-bottom: 20px; font-size: 13px; font-weight: bold; line-height: 160%; } /*********** Jigoshop Category Page Overwrides ************/ #primary #breadcrumb { display: none !important; } /*********** Jigoshop Product Page Overwrides ************/ div.product div.images a.zoom { background: #000; display: block; border: 5px solid #ddd; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; box-shadow: inset 0 0 0 1px #ffffff; -moz-box-shadow: inset 0 0 0 1px #ffffff; -webkit-box-shadow: inset 0 0 0 1px #ffffff; -o-box-shadow: inset 0 0 0 1px #ffffff; padding: 1px; } div.product div.images a.zoom:hover { border-color: #346f7f; } div.product div.images a.zoom img { -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; display: block; padding: 0; border: none; } div.product div.images a.zoom:hover img { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); } div.product .image-wrap:hover img { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); } .image-hover-enlarge .enlarge-icon { background: url(images/enlarge-icon.png) no-repeat center 40px; width: 40px; height: 80px; position: absolute; top: 150px; left: 200px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .image-hover-enlarge:hover .enlarge-icon { opacity: 1; background-position: center 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } div.product div.images .thumbnails a.zoom { border-width: 3px; } div.product div.images .thumbnails a.zoom img { padding: 0 !important; } div.product .product_title { padding-right: 110px; margin-right: 0; } #tab-description p { font-size: 13px; padding-bottom: 12px; } .single-product div.product #tabs .panel { padding: 20px 20px 10px; } .single-product div.product div.summary { } .single-product div.product div.images .zoom img.wp-post-image { display: block; height: auto; } .single-product div.product #tabs ul.tabs { background: #ddd url(images/nav-gradient.png) repeat-x 0 0; border: 1px solid #ccc; border-bottom: none; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(256, 256, 256, 0.5); -moz-box-shadow: inset 0px 1px 0px 0px rgba(256, 256, 256, 0.5); box-shadow: inset 0px 1px 0px 0px rgba(256, 256, 256, 0.5); padding: 6px 6px 0; } .single-product div.product #tabs ul.tabs li { font-size: 14px; margin-right: 6px; } .single-product div.product #tabs ul.tabs a { padding: 8px 16px; } .single-product div.product .summary p.price { position: absolute; top: 0; right: 0; display: block; padding: 4px 8px 4px 28px; border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; background: url(images/price-tag.png) left center no-repeat, url(images/nav-gradient.png) 0 0 repeat-x; font-weight: bold; color: #fff !important; font-size: 15px; background-color: #FE4D02; } .single-product div.product .summary p.price del { color: #fff !important; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .single-product div.product .summary p.price ins { text-decoration: none; } div.product p.stock { color: #FE4D02; padding-bottom: 10px; font-weight: bold; font-size: 14px; } .quantity input.plus:hover, .quantity input.minus:hover { background: #555; } .product .images span.onsale { width: 50px; height: 50px; border-radius: 50px; font-size: 15px; font-weight: bold; line-height: 50px; left: -10px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.5); } .panel ul, .entry-content ul { margin: 5px 0 15px 30px; list-style-type: circle; } .panel ol, .entry-content ol { margin: 5px 0 15px 30px; } .panel li, .entry-content li { line-height: 150%; padding: 3px 5px; color: #626262; font-size: 12px; } .entry-content .gallery { padding-bottom: 20px; } .entry-content .gallery .gallery-item { margin-bottom: 4px; } .single-product .summary ul { margin: 5px 0 15px 30px; list-style-type: circle; } .single-product .summary ol { margin: 5px 0 15px 30px; } .single-product .summary li { line-height: 150%; padding: 3px 5px; color: #626262; font-size: 12px; } .single-product .summary .product_meta { border-top: 2px solid #eee; padding-top: 15px; } .single-product .summary form.cart .button-alt { float: right; padding: 0 15px; height: 29px; line-height: 29px; font-size: 12px; } .single-product .variations_form { padding-top: 20px; border-top: 2px solid #eee; } .single-product .variations_form select { padding: 3px; font-size: 13px; color: #626262; } .single-product .variations_form .variations { padding: 0 20px 20px; } .single-product .variations_form .select_label { font-size: 14px; color: #626262; } .single-product .variations_form .price { color: #FE4D02; font-weight: bold; font-size: 14px; padding-bottom: 8px; } .single-product .single_variation .price { float: left; } .single-product .single_variation .stock { float: right; clear: none; } .single-product .single_variation:after { content: ''; display: table; clear: both; overflow: hidden; line-height: 0; } .quantity input.plus, .quantity input.minus { line-height: 18px !important; float: left; color: #4f4f4f !important; font-weight: bold; font-size: 14px !important; text-shadow: 0 1px 0 #fff; background: #E6E6E6; border:1px solid #bdbdbd; border-bottom:1px solid #888; width: 25px !important; background: -moz-linear-gradient(top, #FFF, #f5f5f5 5%, #ebebeb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(.03, #f5f5f5), to(#ebebeb)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#ebebeb'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#ebebeb')"; box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; } .quantity input.plus:hover, .quantity input.minus:hover { background: #ccc; border: 1px solid #666; box-shadow: inset 0 1px 2px #777; -moz-box-shadow: inset 0 1px 2px #777; color: #333; } div.product div.product_meta { clear: both; color: #626262; } .posted_in, .tagged_as { padding-bottom: 5px; } #content div.jigoshop_message a.button { background: #4F8A10; margin: -4px; float: right; } #content div.jigoshop_message a.button:hover { background: #222;} #content div.jigoshop_error, div.jigoshop_message { -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; } /*********** Jigoshop Basket / Checkout Overwrides ************/ table.shop_table { border: 1px solid #ccc; } table.shop_table th { background: #ddd url(images/nav-gradient.png) repeat-x 0 0; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(256, 256, 256, 0.5); -moz-box-shadow: inset 0px 1px 0px 0px rgba(256, 256, 256, 0.5); box-shadow: inset 0px 1px 0px 0px rgba(256, 256, 256, 0.5); color: #444; text-shadow: 0 1px 0 #eee; font-size: 13px; line-height: 24px; } .cart a.button-alt { line-height: 28px !important; background: #f34d02; } .cart a.button-alt:hover { color: #fff; background: #111; } .cart .actions input.button { line-height: 36px !important; height: 36px !important; padding: 0 14px !important; } .cart-collaterals .shipping_calculator { float: left; clear: none; } .cart-collaterals .cart_totals table { width: 100%; } form.cart table { width: 100%; } form.cart table td { padding-bottom: 10px !important; font-size: 14px; } form.cart table .price .stock { display: none; } form.cart table .price { color: #555; } form.cart table .price del { color: #aaa; } #shiptobilling { font-size: 16px; } .checkout #customer_details { padding-bottom: 20px; } .order_details { margin: 20px; padding: 20px; background: #eee; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; } .order_details li { padding-right: 20px; margin-right: 20px; } .order_details li.method { padding-right: 5px; margin-right: 0; } .order_details li strong { padding-top: 5px; } .shipping_calculator { padding: 20px 20px 0; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .shipping_calculator h2 { background: #ddd url(images/nav-gradient.png) repeat-x 0 0; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(256, 256, 256, 0.5); -moz-box-shadow: inset 0px 1px 0px 0px rgba(256, 256, 256, 0.5); box-shadow: inset 0px 1px 0px 0px rgba(256, 256, 256, 0.5); margin: -20px -20px 0; padding: 0; text-align: left; displsy: block; } .shipping_calculator h2 a { padding: 10px 40px 10px 20px; color: #444; text-shadow: 0 1px 0 #e1e1e1; text-align: left; font-size: 15px; font-weight: bold; text-decoration: none; display: block; background: url(images/shipping-arrow.png) no-repeat 235px center; } .shipping_calculator h2 a span { display: none; } .shipping_calculator .shipping-calculator-form { padding: 20px 0 10px; } #customer_details .fields-wrap { background: #eee; padding: 15px; } .jigoshop-checkout .info { margin-bottom: 20px; } /* ---------------------------------------------------------------------------------------------------------- 06 Blog Section Styling ------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ .sidebar-wrap { margin: 0 -20px; width: 940px; padding: 20px; -webkit-box-shadow: inset 0px 3px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 3px 8px 0px rgba(0, 0, 0, 0.2); } #primary-wide { float: none; width: 100%; } .post-icon { display: block; padding: 3px; background: #346f7f url(images/nav-gradient.png) repeat-x 0 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: center; color: #fff; font-size: 24px; margin: 0 20px 10px 0; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; } .post-icon i { display: block; height: 34px; line-height: 34px; } a.post-icon:hover { color: #fff; background-color: #333; box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.5); -moz- box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.5); -webkit- box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.5); text-shadow: 1px 1px 3px rgba(0,0,0,0.5); } .entry-meta p { font-size: 11px; } .icon-grey { background-color: #bbb; } .post-icon .comment-no { display: block; background: #333 url(images/nav-gradient.png) repeat-x 0 0; color: #fff; text-align: center; height: 18px; width: 18px; line-height: 17px; position: absolute; top: -8px; right: -8px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; padding: 0; margin: 0; font-weight: bold; box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.8); -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-size: 11px; text-decoration: none; } .post-icon .comment-no:hover { background-color: #000; } a.post-icon:hover .comment-no { background-color: #FE4D02; } .entry-content-wrap { padding: 0 0 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px; } .post { padding: 0 0 30px; } .post .image-wrap { padding: 1px; border: 5px solid #ddd; display: block; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .image-wrap img { display: block; background-color: rgba(255,255,255,.01); } .post .image-wrap img { display: block; background-color: rgba(255,255,255,.01); } .post .image-wrap:hover { border-color: #346f7f; } .post .post-content-noimg { padding: 0; } .post .wrap-square { background: rgba(0,0,0,0.4); text-align: center; font-size: 60px; color: #fff; text-decoration: none; line-height: 100%; vertical-align: middle; display: table; width: 208px; box-shadow: inset 0 0 20px 0 rgba(0,0,0,0.15), inset 0 0 0 1px #fff; -moz-box-shadow: inset 0 0 20px 0 rgba(0,0,0,0.15), inset 0 0 0 1px #fff; -webkit-box-shadow: inset 0 0 20px 0 rgba(0,0,0,0.15), inset 0 0 0 1px #fff; -o-box-shadow: inset 0 0 20px 0 rgba(0,0,0,0.15), inset 0 0 0 1px #fff; height: 150px; } .post .wrap-square:hover { border-color: #ddd; } .post .wrap-link:hover { background: rgba(0,0,0,0.7); border-color: #346f7f; } .post .wrap-square i { display: table-cell; vertical-align: middle; text-align: center; text-shadow: 0 0 15px rgba(0,0,0,0.25); } .gallery { position: relative; } .gallery .rslides_tabs { display: none; } .gallery .rslides_nav { display: block; height: 24px; width: 24px; line-height: 24px; text-align: center; background: rgba(0,0,0,0.8); color: #fff; text-decoration: none; font-size: 20px; opacity: 0.4; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .gallery .prev { position: absolute; top: 10px; right: 34px; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; } .gallery .next { position: absolute; top: 10px; right: 10px; border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; } .gallery .rslides_nav:hover { background: #000; } .gallery:hover .rslides_nav { opacity: 1; } .post .wrap-overlay { background-size: cover; background-position: center; } .icon-external-link { font-size: 60%; vertical-align: super; color: #666; } .post h2 { margin-top: -5px; padding-bottom: 6px; } .post h2 a { text-decoration: none; } .post .entry-title { font-size: 30px; } .post .meta-info { font-size: 10px; } .post .meta-info a { color: #555; } .post h1, .page h1 { font-size: 30px; color: #346f7f; padding-bottom: 10px; } .post h1.entry-title { font-size: 35px; } .post .button-secondary { margin-top: 8px; } footer .nav-single { padding-bottom: 20px; border-bottom: 1px solid #DDD; margin-bottom: 20px; } footer .author-info { padding-bottom: 10px; } .comments-content { border-top: 1px solid #ddd; padding-top: 20px; margin-top: 10px; } footer .author-avatar { float: left; max-width: 15%; } footer .author-description { float: right; width: 420px; width: 80%; } footer .author-link a { text-decoration: none; } .single .post .image-wrap { display: block; margin-bottom: 15px; background: #eee; } .author-page .author-info { padding-bottom: 30px; } .author-page .author-description { padding-bottom: 20px; border-bottom: 1px solid #ddd; } .loop-pagination { text-align: center; } .loop-pagination a { display: inline-block; border: 1px solid #ccc; padding: 3px 6px; margin: 0 2px; text-decoration: none; } .loop-pagination a:hover { border: 1px solid #fe4d02; color: #fe4d02; } .loop-pagination .current { display: inline-block; font-weight: bold; color: #222; padding: 3px 6px; margin: 0 2px; background: #f1f1f1; border-bottom: 1px solid #eee; } /****** Post Format Specific Styles ******/ .content-link .entry-title a i { font-size: 14px; color: #555; vertical-align: middle; } .wp-caption { max-width: 100% !important; } .search-results-list { list-style-type: decimal; margin-left: 20px; padding-left: 10px; } .search-results-list > li { list-style-type: decimal; font-size: 20px; color: #999; padding: 5px; } .search-results-list > li h2 a { text-decoration: none; } .search-results-list > li article { color: #626262; font-size: 12px; } .search-results-list > li:hover { background: #eee; color: #333; } .search-results-list li ul { margin-left: 20px; padding-bottom: 20px; } .search-listings .product { padding: 0 0 20px; } .search-listings .product .image-wrap { float: left; width: 208px; padding: 1px; border: 5px solid #ddd; display: block; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .search-listings .product .image-wrap img { display: block; } .search-listings .product .image-wrap:hover { border-color: #346f7f; } .search-listings .product .post-content { float: right; padding: 0 20px; width: 370px; } .search-listings .product h2 { margin-top: -4px; } .search-listings .product h2 a { text-decoration: none; } .search-listings .product .meta-info { font-size: 10px; } .search-listings .product h1 { font-size: 30px; color: #346f7f; padding-bottom: 10px; } .search-listings .product .button-secondary { margin-top: 8px; } .search-listings .page { padding: 0 0 20px; } .search-listings .page .image-wrap { float: left; width: 208px; padding: 1px; border: 5px solid #ddd; display: block; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .search-listings .page .image-wrap img { display: block; } .search-listings .page .image-wrap:hover { border-color: #346f7f; } .search-listings .page .post-content { float: right; padding: 0 20px; width: 370px; } .search-listings .page h2 { margin-top: -4px; } .search-listings .page h2 a { text-decoration: none; } .search-listings .page .meta-info { font-size: 10px; } .search-listings .page h1 { font-size: 30px; color: #346f7f; padding-bottom: 10px; } .search-listings .page .button-secondary { margin-top: 8px; } .entry-quote blockquote { border: none; padding-left: 0; font-size: 20px; margin: 0; } .entry-quote blockquote cite { font-style: normal; } .entry-aside p { font-size: 16px; } .entry-meta { clear: both; } .meta-wrap { clear: both; margin: 15px 0 0; padding: 10px 20px; background: #eee; font-size: 10px; } .meta-block { float: left; margin-right: 40px; display: block; font-weight: bold; } .meta-block span { display: block; font-weight: lighter; } .nav-single { text-transform: uppercase; color: #888; } .nav-next { float: right; width: 50%; text-align: right; font-size: 9px; } .nav-previous { float: left; width: 50%; font-size: 9px; } .nav-single a { display: block; text-decoration: none; font-size: 12px; text-transform: none; } .content .single { padding-right: 20px; } .content .single .image-wrap { margin: 10px 20px 20px 0; } .jigoshop .image-wrap { margin: 0; } .page-featured-image { margin: -20px -20px 20px; max-height: 240px; overflow: hidden; position: relative; } .page-featured-image img { width: 100%; display: block; max-width: 100%; position: relative; } .single-post .page-featured-image { max-height: 450px; } .post-pagination { padding-right: 20px; } .post-pagination .nav-previous { float: left; width: 40%; text-align: left; } .post-pagination .nav-next { float: right; width: 40%; text-align: right; } .single-header { position: relative; width: 610px; height: 300px; margin-bottom: 20px; } .single-header img { display: block; width: 610px; background: #eee; height: 300px; } .single-header .entry-title { position: absolute; top: 30px; left: -30px; color: #fff; padding: 5px 20px 5px 30px; margin: 0; height: auto; } .sitemap ul { margin-bottom: 3px; } /* ---------------------------------------------------------------------------------------------------------- 07 Comments Styles ------------------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ #comments { clear: both; } #comments #reply-title, #comments #comments-title { border-top: 1px solid #ddd; padding-top: 20px; border-bottom: 0; padding-bottom: 15px; margin: 0; } .comment-form-comment, .logged-in-as, .form-allowed-tags { display: block; padding-bottom: 20px; } .comment-form-comment label { display: block; } .comment-form-comment textarea { width: 99%; font-family: Arial, Helvetica, sans-serif; padding: 3px; font-size: 12px; color: #222; } #commentform p { display: block; padding: 8px 0; } #commentform input { float: right; display: block; width: 80%; padding: 4px; } #commentform .form-submit { clear: both; margin-left: 20%; } #commentform .form-submit input { float: none; width: auto; margin-left: -10px; } #commentform textarea { float: right; display: block; width: 80%; padding: 4px; } #respond { padding-top: 10px; } #reply-title #cancel-comment-reply-link { float: right; font-size: 18px; color: #666; } .comment-meta { background: url(images/sidebar-heading-back.png) repeat-y left bottom; margin: -10px; padding: 10px; margin-bottom: 5px; } .comment-meta .avatar { display: block; height: 40px; width: 40px; position: absolute; top: 0; left: 0; } .children .comment-meta .avatar { height: 39px; width: 39px; } .comment-meta .comment-author { position: relative; padding: 0 0 0 50px; height: 40px; line-height: 40px; color: #626262; } .comment-meta a { text-decoration: none; font-weight: bold; } .bypostauthor .comment-meta a { color: #FE4D02; } .comment-meta a time { color: #333; font-size: 12px; font-weight: normal; } .comment-content { padding-top: 15px; font-size: 12px; } .comment-content p { color: #333; } .comment-awaiting-moderation { padding: 8px 0 0; display: inline-block; } .commentlist { padding: 0; list-style: none; } .commentlist li { display: block; margin-bottom: 15px; position: relative; } .commentlist li article.comment { background: #eee; padding: 10px; border-bottom: 1px solid #ddd; } .commentlist li ul, .commentlist ul.children { list-style: none; margin-left: 40px; } .commentlist li ul li article.comment, .commentlist ul.children li article.comment { margin-top: 15px; } .commentlist li .reply { position: absolute; top: 10px; right: 10px; display: block; background: #fafafa; border-bottom: 1px solid #ccc; padding: 2px 4px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .commentlist li .reply a { text-decoration: none; } /* ---------------------------------------------------------------------------------------------------------- 08 Sidebar / Widget Styles ---------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ #secondary { border-left: 1px solid #ddd; padding-left: 20px; } #secondary h3 { background: url(images/sidebar-heading-back.png) repeat-y left bottom; line-height: 100%; color: #191919; font-size: 18px; padding: 12px 0 12px 20px; margin: 0 0 20px -20px; } #secondary .widget { background: #eee; margin-bottom: 20px; padding: 0 20px 20px; color: #333; border-bottom: 1px solid #ddd; } .jigoshop #secondary h3.widget-title { font-size: 15px; padding-left: 18px; margin-right: -20px; padding-right: 18px; } .widget a { text-decoration: none; } .widget ul { margin-left: 20px; padding: 0; } .widget ul li { padding: 0 0 3px; } .calendar-wrap table { width: 100%; } .calendar-wrap table caption { background: #346F7F url(images/nav-gradient.png) repeat-x 0 0; color: #fff; padding: 5px; margin-bottom: 5px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .calendar-wrap table td { margin: 3px; background: #fafafa; padding: 3px; text-align: center; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .calendar-wrap table td a { font-weight: bold; } .calendar-wrap table td.pad, .calendar-wrap table #prev, .calendar-wrap table #next { background: none; } .calendar-wrap table #prev { text-align: left; } .calendar-wrap table #next { text-align: right; } .calendar-wrap table #today { background: #FE4D02; color: #fff; font-weight: bold; } .widget .tagcloud a, .widget .term-cloud a { padding: 5px 8px; display: inline-block; background: #ddd; border-bottom: 1px solid #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; color: #666; font-weight: bold; margin: 3px; font-size: 11px !important; } .widget .tagcloud a:hover, .widget .term-cloud a:hover { background: #346F7F url(images/nav-gradient.png) repeat-x 0 0; color: #fff; } .widget .search-field { padding: 7px 50px 7px 7px; border: none; background: #fff; } .widget_search #searchform { position: relative; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ccc; padding: 3px; } .widget_search .search-button { display: block; text-indent: -9999px; position: absolute; right: 0; top: 0; border: none; background: url(images/search-widget.png) no-repeat 0 0; height: 36px; width: 35px; cursor: pointer; opacity: 0.5; -moz-opacity: 0.5; } .widget_search .search-button:hover { opacity: 1; -moz-opacity: 1; } .widget ul.product_list_widget img { padding: 2px; background: #fff; display: inline-block; border: 1px solid #aaa; margin-right: 8px; } .widget ul.product_list_widget del { color: #888; padding: 0 4px; } .widget ul.product_list_widget ins { text-decoration: none; } .widget button.button { color: #fff !important; } .widget .price_slider_amount { padding: 10px 0 0; line-height: 36px; color: #666; } .widget .price_slider_amount .button { float: right; } .widget .price_slider_amount span { font-weight: bold; } a.widget-image { display: block; margin: -1px; padding: 20px 0 0; } a.widget-image img { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; display: block; border: 1px solid #fff; -moz-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=100); } a.widget-image:hover img { -moz-opacity: 0.7; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=70); } #secondary #social ul { list-style: none; margin-left: 10px; } #secondary #social li { font-size: 14px; } #secondary #social li i { font-size: 18px; padding: 2px 0; } #secondary .widget_products_on_sale h3 { color: #FE4D02; } .widget .ui-state-default, .widget .ui-widget-content .ui-state-default, .widget .ui-widget-header .ui-state-default { border: 1px solid #aaa; } .widget .ui-state-hover, .widget .ui-widget-content .ui-state-hover, .widget .ui-widget-header .ui-state-hover, .widget .ui-state-focus, .widget .ui-widget-content .ui-state-focus, .widget .ui-widget-header .ui-state-focus { border: 1px solid #666; background: #bbb; box-shadow: inset 0px 1px 0px 0px rgba(256, 256, 256, 0.6); -webkit-box-shadow: inset 0px 1px 0px 0px rgba(256, 256, 256, 0.6); -moz-box-shadow: inset 0px 1px 0px 0px rgba(256, 256, 256, 0.6); } .widget .price_slider_wrapper .ui-widget-header { background: #346F7F url(images/nav-gradient.png) repeat-x 0 0; border: none; border-bottom: 1px solid #fff; box-shadow: inset 0px 5px 0px 0px rgba(256, 256, 256, 0.1); -webkit-box-shadow: inset 0px 5px 0px 0px rgba(256, 256, 256, 0.1); -moz-box-shadow: inset 0px 5px 0px 0px rgba(256, 256, 256, 0.1); } .widget .cart_list { padding: 5px 5px 10px !important; border-bottom: 1px solid #ccc; } .jigoshop_cart .total { border-top: 1px solid #fff; padding: 10px 0; } .jigoshop_cart .buttons .checkout { float: right; } .jigoshop_login_widget label { display: block; float: left; width: 100px; } .jigoshop_login_widget .forgot { float: right; } /*********** Contct Form 7 Plugin Styles *************/ div.wpcf7 { padding: 10px 0 0; } .wpcf7 p { padding: 0 0 15px; } .wpcf7 input, .wpcf7 textarea { display: block; padding: 4px; width: 580px; max-width: 95%; } .wpcf7 input.wpcf7-submit { width: auto; padding: 2px 10px; font-size: 13px; } .wpcf7 span.wpcf7-not-valid-tip { padding: 3px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; top: 0; left: 380px; width: 200px; border: none; background: #a00808; color: #fff; text-align: center; } .wpcf7 .wpcf7-not-valid { border: 1px solid #a00808; } /* ---------------------------------------------------------------------------------------------------------- 09 Footer Styles -------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ .footer { -webkit-box-shadow: 0px -1px 0px 0px rgba(256, 256, 256, 0.1), inset 0px 3px 5px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px -1px 0px 0px rgba(256, 256, 256, 0.1), inset 0px 3px 5px 0px rgba(0, 0, 0, 0.6); box-shadow: 0px -1px 0px 0px rgba(256, 256, 256, 0.1), inset 0px 3px 5px 0px rgba(0, 0, 0, 0.6); background: url(images/black-50.png) repeat 0 0; padding: 15px 10px 10px; color: #ccc; line-height: 150%; } .footer h3 { color: #eee; font-size: 16px; padding-bottom: 10px; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 -1px 0 0 rgba(0, 0, 0, 0.9); -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 -1px 0 0 rgba(0, 0, 0, 0.9); -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 -1px 0 0 rgba(0, 0, 0, 0.9); margin-bottom: 15px; } .footer p { color: #ccc; } .footer .wrapper { padding: 0; } .footer .widget ul.product_list_widget img { border: 1px solid #000; } .footer .widget a { color: #ccc; } .footer .widget a:hover { color: #fff; text-decoration: none; } .footer .widget { padding-bottom: 20px; } .footer .widget_search #searchform { border: none; } .footer .widget .tagcloud a, .footer .widget .term-cloud a { background: #000; border-bottom: none; } .footer .widget a.button, .footer .widget a.button-primary { color: #4f4f4f; border: none; margin: 10px 0 0; background: rgba(0,0,0,0.6); } .footer .widget a.button:hover, .footer .widget a.button-primary:hover { color: #fff; background: #000; } .footer .star-rating { background-image: url(images/star.png); } .footer .star-rating span { background-image: url(images/star.png); } .footer-foot { background: #000; padding: 15px 0 10px; -webkit-box-shadow: 0px -1px 0px 0px rgba(256, 256, 256, 0.1); -moz-box-shadow: 0px -1px 0px 0px rgba(256, 256, 256, 0.1); box-shadow: 0px -1px 0px 0px rgba(256, 256, 256, 0.1); } .copyright { float: left; width: 50%; } .social-icons { float: right; } .social-icons ul { list-style: none; } .social-icons ul li { margin-left: 10px; float: right; background: #fff; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; opacity: 0.6; -moz-opacity: 0.6; } .social-icons ul li a { display: block; padding: 5px; overflow: hidden; } .social-icons ul li a i { display: block; text-decoration: none; color: #333; height: 16px; width: 16px; text-align: center; line-height: 16px; font-size: 16px; } .social-icons ul li:hover { background: #000; opacity: 1; -moz-opacity: 1; } .social-icons ul li a:hover i { color: #aaa; } .not-found { padding: 40px; text-align: center; } /* ---------------------------------------------------------------------------------------------------------- 10 Slider Styles -------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ .slider-wrap { margin: -20px -20px 20px; max-height: 500px; overflow: hidden; position: relative; } .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } .slider a { color: #fff; text-decoration: none; } .slider .caption { display: block; position: absolute; top: 30px; left: 0; padding: 20px 40px 20px 20px; background: rgba(0,0,0,0.8); color: #fff; text-decoration: none; font-size: 20px; box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.5), 0 1px 0 0 rgba(255,255,255,0.1); -webkit-box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.5), 0 1px 0 0 rgba(255,255,255,0.1); -o-box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.5), 0 1px 0 0 rgba(255,255,255,0.1); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .slider-wrap .slider .rslides_tabs { position: absolute; bottom: 20px; right: 20px; } .slider-wrap .slider .rslides_tabs li { display: block; padding-left: 10px; float: left; } .slider-wrap .slider .rslides_tabs li a { text-indent: -9999px; display: block; height: 10px; width: 10px; background: rgba(255,255,255,0.7); } .slider-wrap .slider .rslides_tabs li.rslides_here a { background: #fff; }