/* WOO CUSTOM STYLESHEET --------------------- Instructions: Add your custom styles at the end of this file instead of style.css so it is easier to update the theme. Simply copy an existing style from style.css to this file, and modify it to your liking. */ #wrapper { padding:0 0 0; } #navigation{border-bottom:0px solid #dbdbdb;padding:0; margin-bottom:0px;} /* SEARCH FORM */ .searchform { padding-top:10px; padding-right:55px; width:157px; position: relative; border-color: #ccc #efefef #efefef #ccc; border-width:0px; border-style:solid;} .searchform input.s { padding: 8px; width:100%; margin:0; border:none; background:#ffffff; color:#709cd2; } .searchform input.submit { position: absolute; top:16px; right:10px; border:none; margin:0; padding:0; } /* FEATURED PRODUCTS */ #featured-products { clear: both;} #featured-products ul.products { padding:20px; height:280px; } #featured-products ul.products li { border:0; padding:28px; background: url(http://aquamagnets.com/wp-content/uploads/2012/08/background-sm.png); width:220px; text-align: center; border:0px solid #d6dce6; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-bottom:0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.8), 0 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.8), 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 1px rgba(0,0,0,0.8), 0 1px 2px rgba(0,0,0,0.3); text-shadow:0 1px 0 rgba(0,0,0,0.2); -webkit-transition:all ease-in-out .2s; } #featured-products ul.products li a h3 { color:#fff; width:266px; position: absolute; bottom:-9px; left:0px; font-size: 18px; font-weight: bold; padding:5px; -webkit-transition:all ease-in-out .2s; zoom: 1; filter: alpha(opacity=100); opacity: 100; border:0px solid #d6dce6; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2); -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2); background: #7EA657; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #7EA657), color-stop(1, #7EA657) ); background: -moz-linear-gradient( center top, #7EA657 20%, #7EA657 100% ); } #featured-products ul.products li .price { color:#fff; background: #7EA657; padding:2px 8px; font-weight: bold; font-size:12px; position: absolute; top:10px; left:-3px; height:19.5px;} #featured-products ul.products li .price:after { content: ""; border:12px solid #7EA657; border-left-width:0; border-right-color: transparent; position: absolute; right:-12px; top:0; height:0px;} #featured-products ul.products li img { width:220px !important; height: auto; margin: 0; float: none; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.4); box-shadow:0 1px 2px rgba(0,0,0,0.4); } #featured-products ul.products li .button { display: none; } /* ADJUSTING ARTICLE LAYOUT */ #main{ padding:20px;} /* 8.1 WooSlider */ #loopedSlider { margin-bottom:-6px; padding:0px; position:relative; width:940px;} #loopedSlider .content { position:absolute; left:0px; top:20px; } #loopedSlider .content h2 { float:left; color:#fff; margin-bottom:0; padding:5px 20px;} #loopedSlider .content h2 a:hover { text-decoration:underline; } #loopedSlider .content p { clear:both; float:left; color:#ccc; padding:5px 20px 10px 20px; } #loopedSlider .content p, #loopedSlider .content h2 { background:rgb(0,0,0); background:rgba(0,0,0,.7); max-width:350px; } /* 8.1.1 Pagination */ #loopedSlider.has-pagination { margin-bottom: 50px; } #loopedSlider .pagination-wrap { text-align: center; margin: 10px 10px 20px 10px; position: absolute; width: 97%; z-index: 10; } #loopedSlider .pagination { display: inline; } #loopedSlider .pagination li { display: inline-block; margin-right: 2px; width: 12px; height: 12px; } #loopedSlider .pagination li a { background: transparent url( 'images/slider-pagination.png' ) no-repeat left top; display: block; width: 12px; height: 12px; text-indent: -9999px; } #loopedSlider .pagination li.current a { background-position: left -12px; } /* 8.2 Business template */ .magazine #loopedSlider a.previous { position:absolute; top:45%; left:-40px; opacity:0.2;} .magazine #loopedSlider a.next { position:absolute; top:45%; right:-40px; opacity:0.2;} .magazine #loopedSlider a.previous:hover, #loopedSlider a.next:hover { opacity:1; } body .wooslider { background-color:transparent; margin: 0; padding: 0; border: 0; width: auto; height: auto;} body .wooslider .slide-content { color:#CCE2F5; margin: 0; padding: 0; border: 0; width: auto; height: auto; } .wooslider:hover .wooslider-next {opacity: 0.8; right: -36px;} .wooslider:hover .wooslider-prev {opacity: 0.8; left: -36px;} .wooslider-pauseplay a { width: 0px; height: 0px; text-indent: -9999px; background: url(../images/bg_play_pause.png) no-repeat 110% 0; position: absolute; bottom: 5px; left: 5px; opacity: 0.8; z-index: 9999; cursor: pointer; display: none;} .wooslider-pauseplay a:hover { opacity: 1; display: none;} .wooslider-pauseplay a.wooslider-play { background-position: 0 0; display: none;} .wooslider {background-color: transparent; border: 0px solid #fff; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2); zoom: 1;} #content form.cart .quantity .minus {bottom: 10px;} div.product div.images, #content div.product div.images {background: url(http://aquamagnets.com/wp-content/uploads/2012/08/background-sm.png); padding:20px; height:220px; width:220px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-bottom:0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.8), 0 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.8), 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 1px rgba(0,0,0,0.8), 0 1px 2px rgba(0,0,0,0.3); text-shadow:0 1px 0 rgba(0,0,0,0.2); -webkit-transition:all ease-in-out .2s; } div.product div.summary, #content div.product div.summary {width:620px;} div.product .woocommerce_tabs ul.tabs, #content div.product .woocommerce_tabs ul.tabs {padding-top:20px;} .woocommerce_message, .woocommerce_error, .woocommerce_info {background: url(http://aquamagnets.com/wp-content/uploads/2012/08/background-sm.png); color:white; text-shadow:0;} #payment ul.payment_methods {background: url(http://aquamagnets.com/wp-content/uploads/2012/08/background-sm.png); color:white; list-style-type:none; list -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-bottom:0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.8), 0 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.8), 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 1px rgba(0,0,0,0.8), 0 1px 2px rgba(0,0,0,0.3); text-shadow:0 1px 0 rgba(0,0,0,0.2); -webkit-transition:all ease-in-out .2s; } #payment div.payment_box p:last-child {color:white; border:0;} #payment div.form-row {background-color:white; border:0;} ul.payment_methods {list-style-type:none;} ul.payment_methods li input {border:0;}