Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Global/Helpers/Clears */
- .clear {
- clear: both;
- }
- .nobr {
- white-space: nowrap;
- }
- .info {
- background: #F7F5C6;
- padding: 10px 20px;
- border: 1px solid #EEEAC1;
- color: #747165;
- box-shadow: inset 0 0 0 1px #ffffcc;
- -webkit-box-shadow: inset 0 0 0 1px #ffffcc;
- -moz-box-shadow: inset 0 0 0 1px #ffffcc;
- }
- .info a {
- color: #93864E;
- }
- div.jigoshop_error, div.jigoshop_message {
- border: 1px solid;
- margin: 10px auto 30px;
- padding: 25px 20px 25px 70px;
- background-repeat: no-repeat;
- background-position: 20px center;
- line-height: 25px;
- width: 60%;
- }
- div.jigoshop_error a.button, div.jigoshop_message a.button {
- margin-top: 0;
- float: right;
- }
- div.jigoshop_error {
- color: #7a1c1c;
- background-color: #fcd5d5;
- background-image: url('images/error.png');
- }
- div.jigoshop_message {
- color: #5b7a1c;
- background-color: #effcd5;
- background-image: url('images/cart.png');
- }
- p small {
- color: #999;
- }
- p.demo_store {
- position: fixed;
- top: 0;
- width: 100%;
- font-size: 12px;
- text-align: center;
- background: #f7f5c6;
- background: -webkit-gradient(linear, left top, left bottom, from(#f7f5c6), to(#eeeac1));
- background: -webkit-linear-gradient(#f7f5c6, #eeeac1);
- background: -moz-linear-gradient(center top, #f7f5c6 0%, #eeeac1 100%);
- background: -moz-gradient(center top, #f7f5c6 0%, #eeeac1 100%);
- padding: 8px 0;
- border: 1px solid #EEEAC1;
- color: #747165;
- z-index: 999999;
- box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.3);
- -webkit-box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.3);
- -moz-box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.3);
- }
- small.note {
- display: block;
- color: #999;
- font-size: 11px;
- line-height: 21px;
- margin-top: 10px;
- }
- #breadcrumb {
- overflow: hidden;
- zoom: 1;
- margin: 0 0 1em !important;
- padding: 0;
- font-size: 0.92em;
- color: #999 !important;
- }
- #breadcrumb a {
- color: #999 !important;
- }
- input.text, input.email, input.password, textarea.uniform {
- background: url("images/bg-input.png") repeat-x scroll 0 0 transparent;
- border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;
- border-radius: 3px 3px 3px 3px;
- border-style: solid;
- border-width: 1px;
- color: #777777;
- font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
- font-size: 12px;
- font-weight: normal;
- outline: 0 none;
- padding: 3px;
- }
- /* =Product Page
- -------------------------------------------------------------- */
- div.product {
- position: relative;
- }
- div.product .product_title {
- clear: none;
- margin-top: 0;
- float: left;
- }
- div.product div.summary p {
- clear: right;
- }
- div.product p.price {
- background: none repeat scroll 0 0 #7FA92D;
- border-bottom-left-radius: 4px;
- border-top-left-radius: 4px;
- color: #FFFFFF;
- display: inline-block;
- float: right;
- font-size: 22px;
- font-weight: bold;
- margin: 16px 10px 14px 0;
- padding: 5px 16px 5px 12px;
- position: relative;
- line-height: 25px;
- height: 26px;
- }
- div.product p.price del {
- font-size: 12px;
- color: #fff;
- }
- div.product p.stock {
- font-size: 0.92em;
- float: left;
- padding: 2px 0 0 0;
- }
- div.product div.images {
- float: left;
- width: 314px;
- margin-bottom: 10px;
- }
- div.product div.images img {
- border: 1px solid #ddd;
- background: #fff;
- padding: 6px;
- display: block;
- }
- div.product div.images div.thumbnails {
- padding-top: 10px;
- overflow: hidden;
- zoom: 1;
- }
- div.product div.images div.thumbnails a {
- margin-right: 10px;
- margin-bottom: 10px;
- float: left;
- }
- div.product div.images div.thumbnails a img {
- padding: 3px;
- }
- div.product div.images div.thumbnails a.last {
- margin-right: 0;
- }
- div.product div.images div.thumbnails a.first {
- clear: both;
- }
- div.product div.summary {
- float: left;
- margin-left: 20px;
- }
- div.product_meta {
- clear:both;
- color: #888;
- }
- div.product div.social {
- text-align: right;
- margin: 0 0 1em;
- }
- div.product div.social span {
- margin: 0 0 0 2px;
- }
- div.product div.social span span {
- margin: 0;
- }
- div.product div.social span .stButton .chicklets {
- padding-left: 16px;
- width: 0;
- }
- div.product div.social iframe {
- float: left;
- margin-top: 3px;
- }
- div.product #product-tabs {
- clear: both;
- padding: 1em 0 0 0;
- margin: 0 0 1em 0;
- }
- div.product #product-tabs ul.tabs {
- -webkit-border-top-left-radius: 3px;
- -webkit-border-top-right-radius: 3px;
- -moz-border-radius-topleft: 3px;
- -moz-border-radius-topright: 3px;
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- background: #ddd;
- overflow: hidden;
- zoom: 1;
- margin: 0 !important;
- padding: 4px 4px 0;
- list-style: none outside !important;
- }
- div.product #product-tabs ul.tabs li {
- float: left;
- margin: 0 4px 0 0;
- font-size: 0.92em;
- }
- div.product #product-tabs ul.tabs a {
- float: left;
- padding: 6px 12px;
- background: #eee;
- text-decoration: none;
- -webkit-border-top-left-radius: 2px;
- -webkit-border-top-right-radius: 2px;
- -moz-border-radius-topleft: 2px;
- -moz-border-radius-topright: 2px;
- border-top-left-radius: 2px;
- border-top-right-radius: 2px;
- }
- div.product #product-tabs ul.tabs li.active a {
- background: #fff;
- color: #555;
- }
- div.product #product-tabs .panel {
- border: 1px solid #ddd;
- border-top: 0;
- padding: 15px 15px 0;
- -webkit-border-bottom-left-radius: 3px;
- -webkit-border-bottom-right-radius: 3px;
- -moz-border-radius-bottomleft: 3px;
- -moz-border-radius-bottomright: 3px;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- div.product #product-tabs ul.tabs {
- background: url("images/tabs.png") repeat-x scroll center bottom transparent;
- padding: 0;
- height:auto;
- }
- div.product #product-tabs ul.tabs li a {
- background: none repeat scroll 0 0 transparent;
- border-bottom: 0 none;
- border-top-left-radius: 4px;
- border-top-right-radius: 4px;
- font-size: 1.15em !important;
- font-weight: bold;
- padding: 9px 16px 8px;
- }
- div.product #product-tabs ul.tabs li {
- float: left;
- font-size: 0.92em;
- margin: 0 4px 0 0;
- height:auto;
- line-height:1.5em;
- width:auto;
- background:none;
- border:0 !important;
- }
- div.product #product-tabs ul.tabs li.active a {
- border:1px solid #eeeeee;border-bottom:0;
- padding: 8px 15px;
- }
- div.product #product-tabs ul.tabs li a {
- background: none repeat scroll 0 0 transparent;
- border-bottom: 0 none;
- border-top-left-radius: 4px;
- border-top-right-radius: 4px;
- font-size: 1.15em !important;
- font-weight: bold;
- padding: 9px 16px 8px;
- }
- div.product #product-tabs ul.tabs li a:hover {
- border:1px solid #eeeeee;border-bottom:0;
- background: none repeat scroll 0 0 #FFFFFF;
- padding: 8px 15px;
- }
- div.product #product-tabs .panel {
- border:none;
- border-bottom:1px solid #eeeeee;
- margin-bottom: 3em;
- padding: 0 0 1.5em;
- }
- div.product #product-tabs .panel h2 {
- margin-top:0.5em;
- }
- .stock {
- color: green;
- float: left;
- }
- .out-of-stock {
- color: red;
- }
- p.cart {
- float: right;
- }
- form.cart {
- margin-bottom: 24px;
- float: none;
- width: 245px;
- margin-top:2em;
- clear: both;
- }
- .quantity {
- margin-right: 12px !important;
- min-width: inherit;
- overflow: hidden;
- position: relative;
- width: 57px !important;
- }
- form.cart div.quantity {
- float: left;
- margin: 0 4px 0 0;
- }
- form.cart table {
- font-size: 12px;
- border-width: 0 0 1px 0 !important;
- }
- form.cart table td {
- padding: 4px 4px 4px 0 !important;
- }
- form.cart table div.quantity {
- float: none;
- margin: 0;
- width: 72px;
- }
- form.cart table small.stock {
- display: block;
- float: none;
- }
- form.cart .button {
- vertical-align: middle;
- float: left;
- margin: 2px 0 !important;
- }
- span.onsale {
- background: #b9b701;
- color: #fff;
- min-height: 32px;
- min-width: 32px;
- padding: 4px;
- font-size: 12px;
- position: absolute;
- text-align: center;
- line-height: 32px;
- top: 0;
- right: 320px;
- margin: -6px 0 0 0;
- -webkit-border-radius: 20px;
- -moz-border-radius: 20px;
- border-radius: 20px;
- }
- .products ul, ul.products {
- margin: 0 !important;
- padding: 0 !important;
- list-style: none !important;
- float: left;
- }
- .related.products {
- margin-bottom:2em;
- }
- .products {
- clear: both;
- }
- .products li {
- float: left;
- margin: 0 50px 30px 0;
- padding: 10px !important;
- position: relative;
- width: 172px;
- text-align: center;
- }
- .products li.border {
- margin: 0 30px 30px 0;
- }
- .products li.last-row {
- margin-bottom: 0;
- }
- .products li .onsale {
- top: 0;
- right: 0;
- left: auto;
- margin: -6px -6px 0 0;
- }
- .products li a {
- text-decoration: none;
- display:block;
- position:relative;
- }
- .products li.shadow a img {
- margin-bottom:-1px !important;
- }
- .products li.shadow a .thumb-shadow {
- background:url('images/shadow-product.png') center bottom no-repeat;
- height:22px;
- width:100%;
- display:block;
- }
- .products li a strong.inside-thumb {
- font-family: Verdana;
- font-size:0.85em;
- text-transform:uppercase;
- color:#fff;
- font-weight:normal;
- display:block;
- width:120px;
- padding:10px 15px;
- position:absolute;
- left:0px;
- background:#000;
- background:rgba(0,0,0,0.8);
- }
- .products li a strong.below-thumb {
- font-family: 'Droid Sans';
- font-size: 13px;
- font-weight: normal;
- text-transform: none;
- color: #5e6060;
- width: 100% !important;
- }
- .products li.border a strong {
- left:7px;
- }
- .products li a img {
- width: 150px !important;
- height: 150px !important;
- display: block;
- margin: 0 0 8px !important;
- }
- .products li.border a:hover img {
- border: 1px solid #7f7f7f;
- }
- .products li.border a img {
- border: 1px solid #b2b0b0;
- padding: 6px;
- }
- .products li strong {
- color: #555;
- display: block;
- }
- .products li .price {
- color: #5e6060;
- display: block;
- font-weight: bold;
- font-size: 14px;
- }
- .products li .price del {
- font-size: 10px;
- line-height: 10px;
- margin: -2px 0 0 0;
- color: #888;
- }
- .products li .price ins {
- text-decoration:none;
- }
- #content .products .hide-price .price { display:none; }
- .products li .price .from {
- font-size: 10px;
- line-height: 10px;
- margin: -2px 0 0 0;
- display: block;
- color: #ccc;
- }
- .products li.first {
- clear: both;
- }
- .products li.last {
- margin-right: 0;
- }
- .products li .buttons {
- margin-top:0.6em;
- }
- .products li .buttons a {
- display:inline-block;
- width:73px;
- color:#fff;
- font-size:10px;
- }
- .products li .buttons a.add-to-cart {
- background:#BFD523;
- }
- .products li .buttons a.details {
- background:#939393;
- }
- .products li .buttons a.add-to-cart:hover {
- background:#939393;
- }
- .products li .buttons a.details:hover {
- background:#BFD523;
- }
- .products li.hide-details-button .buttons a.details {
- display:none;
- }
- .products li.hide-add-to-cart-button .buttons a.add-to-cart {
- display:none;
- }
- table.shop_attributes {
- border: 0 !important;
- border-top: 1px dotted #ccc !important;
- }
- table.shop_attributes th {
- width: 150px;
- font-weight: bold;
- padding: 8px;
- color: black !important;
- border-bottom: 1px dotted #ccc;
- margin: 0 !important;
- line-height: 1.5em;
- }
- table.shop_attributes td {
- font-style: italic;
- padding: 0 !important;
- border-bottom: 1px dotted #ccc;
- margin: 0 !important;
- line-height: 1.5em;
- }
- table.shop_attributes td p {
- margin: 0 !important;
- padding: 8px;
- }
- table.shop_attributes .alt td, table.shop_attributes .alt th {
- background: #f9f9f9;
- }
- /* =Buttons
- -------------------------------------------------------------- */
- a.button,
- button.button,
- input.button,
- #review_form #submit {
- color: #fff !important;
- background: #ff9c07;
- padding: 6px;
- line-height: 1em !important;
- margin: 4px 2px 0 0;
- float: left;
- font-size: 12px !important;
- width: auto !important;
- vertical-align: middle !important;
- text-align: center;
- text-decoration: none;
- border: none;
- cursor: pointer;
- font-family: inherit;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- }
- a.button:hover,
- button.button:hover,
- input.button:hover,
- #review_form #submit:hover {
- background: #ff9933;
- text-decoration: none;
- }
- .cart .button, .cart input.button {
- float: none;
- }
- .button-alt {
- color: #fff !important;
- background: #069bcd;
- padding: 6px;
- line-height: 1em !important;
- margin: 4px 2px 0 0;
- float: left;
- font-size: 12px !important;
- width: auto !important;
- vertical-align: middle !important;
- text-align: center;
- text-decoration: none;
- border: none;
- cursor: pointer;
- font-family: inherit;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- }
- .button-alt:hover {
- background: #0588b5;
- }
- form.cart .button-alt {
- font-size: 14px;
- margin-top: 0;
- padding: 8px 12px;
- }
- a.button, button.button, input.button, #review_form #submit, .button-alt {
- background: #fff url('images/bg/bg-add-cart.png') bottom left repeat-x;
- background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
- background:-webkit-linear-gradient(#ffffff, #eeeeee);
- background:-moz-linear-gradient(center top, #ffffff 0%, #eeeeee 100%);
- background:-moz-gradient(center top, #ffffff 0%, #eeeeee 100%);
- text-decoration:none;
- border: 1px solid #AAAAAA;
- border-radius: 4px 4px 4px 4px;
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.25) inset;
- color: #000 !important;
- display: inline-block;
- float: none;
- font-size: 0.95em !important;
- font-weight: bold;
- margin-top: 0 !important;
- padding: 6px 12px 7px;
- text-shadow: 0 1px 0 #FFFFFF;
- }
- a.button.checkout, .button-alt {
- background: #A1CB4F url('images/bg/bg-add-cart.png') bottom left repeat-x;
- border: 1px solid #5D870B;
- color: #194300 !important;
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
- font-size: 0.95em !important;
- }
- a.button.checkout:hover, .button-alt:hover, a.button:hover,button.button:hover,input.button:hover,#review_form #submit:hover {
- background-color: #b2dc60;
- }
- #reviews h2 small {
- float: right;
- color: #999;
- font-size: 15px;
- line-height: 21px;
- margin: 10px 0 0 0;
- }
- #reviews h2 small a {
- text-decoration: none;
- color: #999;
- }
- #reviews h3 {
- margin: 0;
- }
- #reviews #respond {
- margin: 0;
- border: 0;
- padding: 0;
- }
- #reviews #comment {
- height: 75px;
- }
- #reviews #comments .add_review {
- overflow: hidden;
- zoom: 1;
- }
- #reviews #comments h2 {
- clear: none;
- }
- #reviews #comments ol.commentlist {
- overflow: hidden;
- zoom: 1;
- margin: 0 !important;
- }
- #reviews #comments ol.commentlist li {
- padding: 00;
- margin: 0 0 20px;
- border: 0;
- position: relative;
- }
- #reviews #comments ol.commentlist li .meta {
- color: #999;
- font-size: 0.75em;
- }
- #reviews #comments ol.commentlist li img {
- float: left;
- position: absolute;
- top: 0;
- left: 0;
- padding: 3px;
- width: 32px;
- height: auto;
- border: 1px solid #ddd;
- background: #fff;
- margin: 0;
- line-height: 1;
- }
- #reviews #comments ol.commentlist li .comment-text {
- margin: 0 0 0 50px;
- border: 1px solid #ddd;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- padding: 11px 11px 0;
- }
- #reviews #comments ol.commentlist li .comment-text p {
- margin: 0 0 11px;
- }
- #reviews #comments ol.commentlist li .comment-text p.meta {
- font-size: 0.86em;
- }
- .star-rating {
- float: right;
- width: 80px;
- height: 16px;
- background: url(images/star.png) repeat-x left 0;
- }
- .star-rating span {
- background: url(images/star.png) repeat-x left -32px;
- height: 0;
- padding-top: 16px;
- overflow: hidden;
- float: left;
- }
- .hreview-aggregate .star-rating {
- margin: 10px 0 0 0;
- }
- #review_form #respond {
- overflow: hidden;
- zoom: 1;
- border: 1px solid #E7E7E7;
- margin: 0 !important;
- padding: 10px 20px 20px;
- }
- #review_form #respond p {
- margin: 0 0 10px !important;
- }
- p.stars {
- overflow: hidden;
- zoom: 1;
- }
- p.stars span {
- width: 80px;
- height: 16px;
- position: relative;
- float: left;
- background: url(images/star.png) repeat-x left 0;
- }
- p.stars span a {
- float: left;
- position: absolute;
- left: 0;
- top: 0;
- width: 16px;
- height: 0;
- padding-top: 16px;
- overflow: hidden;
- }
- p.stars span a:hover, p.stars span a:focus {
- background: url(images/star.png) repeat-x left -16px;
- }
- p.stars span a.active {
- background: url(images/star.png) repeat-x left -32px;
- }
- p.stars span a.star-1 {
- width: 16px;
- z-index: 10;
- }
- p.stars span a.star-2 {
- width: 32px;
- z-index: 9;
- }
- p.stars span a.star-3 {
- width: 48px;
- z-index: 8;
- }
- p.stars span a.star-4 {
- width: 64px;
- z-index: 7;
- }
- p.stars span a.star-5 {
- width: 80px;
- z-index: 6;
- }
- /* =Tables
- -------------------------------------------------------------- */
- table.shop_table {
- border: 1px solid #E7E7E7;
- margin: 0px -1px 24px 0px;
- text-align: left;
- width: 100%;
- border-collapse: separate;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- }
- table.shop_table th {
- color: #888;
- font-size: 12px;
- font-weight: bold;
- line-height: 18px;
- padding: 9px 12px !important;
- }
- table.shop_table td {
- border-top: 1px solid #E7E7E7;
- padding: 6px 12px !important;
- vertical-align: middle;
- }
- table.shop_table td a.button {
- margin: 0 3px;
- }
- table.shop_table tfoot td {
- font-weight: bold;
- }
- /*table.my_account_orders {
- font-size: 0.85em;
- }*/
- table.my_account_orders th, table.my_account_orders td {
- padding: 4px 8px !important;
- vertical-align: top;
- }
- table.my_account_orders .button {
- white-space: nowrap;
- margin: 4px 0;
- }
- table.shop_table{border:1px solid #dddddd;}table.shop_table tfoot td{background:#f8f8f8;}
- table.shop_table th{color:#666666;text-shadow:0 1px 0 #ffffff;background:#ffffff;background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));background:-webkit-linear-gradient(#ffffff, #f1f1f1);background:-moz-linear-gradient(center top, #ffffff 0%, #f1f1f1 100%);background:-moz-gradient(center top, #ffffff 0%, #f1f1f1 100%);}
- table.shop_table td{border-top:1px solid #dddddd;}
- table.shop_table td.actions{background:#F6F6F6;box-shadow:inset 0 0 0 3px rgba(0, 0, 0, 0.025);-webkit-box-shadow:inset 0 0 0 3px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 0 0 3px rgba(0, 0, 0, 0.025);}table.shop_table td.actions div.coupon{text-align:left;width:40%;}table.shop_table td.actions div.coupon label{display:none;}
- table.shop_table td.actions div.coupon span.input-text{float:left;width:160px;margin-right:12px;}table.shop_table td.actions div.coupon span.input-text input{padding:0 !important;}
- table.shop_table td.actions .button,table.shop_table td.actions .button-alt{font-size:12px !important;vertical-align:top !important;margin-right:0;}
- table.shop_table tbody tr {background:#fff;}
- table.shop_table tbody a {
- color:#000;
- }
- table.shop_table tbody a:hover {
- color:#444;
- }
- /* =Cart Sidebar
- -------------------------------------------------------------- */
- ul.cart_list, ul.product_list_widget {
- list-style: none outside !important;
- padding: 0 !important;
- margin: 0 !important;
- }
- ul.cart_list li, ul.product_list_widget li {
- padding: 4px 0 !important;
- margin: 0 !important;
- overflow: hidden;
- zoom: 1;
- }
- ul.cart_list li a, ul.product_list_widget li a {
- display: block;
- font-weight: bold;
- line-height:20px;
- }
- ul.cart_list li a, ul.product_list_widget li a {
- display: block;
- font-weight: bold;
- line-height:20px;
- }
- ul.cart_list li img, ul.product_list_widget li img {
- float: left;
- margin-right: 8px;
- border: 1px solid #ddd;
- width: 40px;
- padding:2px;
- }
- ul.cart_list li a {
- color: #000 !important;
- }
- ul.cart_list li img {
- padding: 3px;
- width: 45px;
- }
- .widget_shopping_cart .total {
- border-top: 3px double #ddd;
- padding: 4px 0 0;
- margin: 0 !important;
- }
- .widget_shopping_cart .total strong {
- min-width: 40px;
- display: inline-block;
- }
- .widget_shopping_cart .buttons {
- overflow: hidden;
- zoom: 1;
- }
- /* =Cart
- -------------------------------------------------------------- */
- a.remove {
- display: block;
- height: 16px;
- width: 16px;
- text-indent: -9999px;
- background: url(images/remove.png) #cccccc;
- }
- a.remove:hover {
- background-color: #f93;
- }
- .cart th, .cart td {
- vertical-align: middle;
- }
- td.actions {
- text-align: right;
- }
- td.actions .coupon {
- float: left;
- }
- td.actions .coupon label {
- display: none;
- }
- td.actions .coupon .input-text {
- width: 160px !important;
- float: left;
- margin: 1px 6px 0 0 !important;
- box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2) inset;
- background: #fff url("images/bg-input.png") repeat-x scroll 0 0 transparent;
- border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;
- border-radius: 3px 3px 3px 3px;
- border-style: solid;
- border-width: 1px;
- color: #777777;
- font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
- font-size: 12px;
- font-weight: normal;
- outline: 0 none;
- padding: 6px;
- }
- td.actions .button-alt {
- float: right;
- margin: 2px 0 0 6px;
- padding: 9px 15px;
- }
- td.quantity {
- min-width: 80px;
- }
- .quantity input {
- margin-left: 0;
- margin-right: 0;
- }
- .quantity input.qty {
- border: 1px solid #ccc;
- width: 20px;
- display: inline;
- padding: 1px 5px 2px;
- line-height: 1em !important;
- vertical-align: middle;
- }
- .quantity input.plus, .quantity input.minus {
- background: #ccc;
- padding: 4px;
- vertical-align: middle;
- line-height: 1em !important;
- border: none;
- width: 20px;
- color: #fff !important;
- cursor: pointer;
- }
- .quantity input.minus {
- -webkit-border-top-left-radius: 5px;
- -webkit-border-bottom-left-radius: 5px;
- -moz-border-radius-topleft: 5px;
- -moz-border-radius-bottomleft: 5px;
- border-top-left-radius: 5px;
- border-bottom-left-radius: 5px;
- }
- .quantity input.plus {
- -webkit-border-top-right-radius: 5px;
- -webkit-border-bottom-right-radius: 5px;
- -moz-border-radius-topright: 5px;
- -moz-border-radius-bottomright: 5px;
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- .quantity input.minus:hover, .quantity input.plus:hover {
- background: #f93;
- }
- .quantity input.minus {
- border-radius: 0 0 4px 0;
- bottom: 0;
- position: absolute;
- right: 0;
- }
- .quantity input.plus, .quantity input.minus {
- background: -moz-linear-gradient(center top , #FFFFFF 0%, #EEEEEE 100%) repeat scroll 0 0 transparent;
- border: 1px solid #BBBBBB;
- box-shadow: 0 0 0 1px #FFFFFF inset;
- color: #888888 !important;
- font-size: 12px;
- height: 16px !important;
- padding: 0;
- }
- .quantity input.input-text {
- border: 1px solid #BBBBBB;
- border-bottom-right-radius: 0;
- border-top-right-radius: 0;
- box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2) inset;
- float: left;
- padding: 7px 9px;
- width: 18px;
- }
- .quantity input.plus {
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- border-top-right-radius: 4px;
- position: absolute;
- right: 0;
- top: 0;
- }
- .quantity input.plus, .quantity input.minus {
- background: -moz-linear-gradient(center top , #FFFFFF 0%, #EEEEEE 100%) repeat scroll 0 0 transparent;
- border: 1px solid #BBBBBB;
- box-shadow: 0 0 0 1px #FFFFFF inset;
- color: #888888 !important;
- font-size: 10px;
- height: 16px !important;
- padding: 0;
- }
- .quantity input.plus:hover,.quantity input.minus:hover{background:#fff;}
- .cart input {
- width: 100px;
- margin: 0 !important;
- vertical-align: middle;
- line-height: 1em !important;
- }
- .col2-set {
- overflow: hidden;
- zoom: 1;
- width: 100%;
- margin-top: 3em;
- }
- .col2-set .col-1 {
- float: left;
- width: 48%;
- }
- .col2-set .col-2 {
- float: right;
- width: 48%;
- }
- .cart-collaterals {
- overflow: hidden;
- zoom: 1;
- width: 100%;
- margin-bottom:2em;
- }
- .cart-collaterals .related {
- width: 310px;
- float: left;
- }
- .cart-collaterals .cross-sells {
- width: 314px;
- float: left;
- }
- .cart-collaterals .shipping_calculator {
- float: left;
- width: 400px;
- clear: left;
- text-align: left;
- overflow: hidden;
- zoom: 1;
- }
- .cart-collaterals .shipping_calculator .button {
- width: 225px !important;
- float: none !important;
- display: block;
- }
- .cart-collaterals .shipping_calculator a {
- color:#000;
- }
- .cart-collaterals .shipping_calculator a:hover {
- color:#444;
- }
- .cart-collaterals .shipping_calculator .col2-set {
- margin-top:0;
- }
- .cart-collaterals .shipping_calculator .col2-set .col-1, .cart-collaterals .shipping_calculator .col2-set .col-2 {
- width: 47%;
- }
- .cart-collaterals .cart_totals {
- float: right;
- width: 400px;
- text-align: left;
- }
- .cart-collaterals .cart_totals p {
- margin: 0 !important;
- }
- .cart-collaterals .cart_totals table {
- border-collapse: separate;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- margin: 0 0 6px !important;
- padding: 0;
- width: 100%;
- }
- .cart-collaterals .cart_totals table tr:first-child th, .cart-collaterals .cart_totals table tr:first-child td {
- border-top: 0 !important;
- }
- .cart-collaterals .cart_totals table td, .cart-collaterals .cart_totals table th {
- padding: 6px 12px !important;
- }
- .cart-collaterals .cart_totals table small {
- display: block;
- color: #999;
- }
- .cart-collaterals .cart_totals .discount td {
- color: green;
- }
- .cart-collaterals .cart_totals tr td, .cart-collaterals .cart_totals tr th {
- border-top: 1px solid #E7E7E7;
- padding: 12px 15px !important;
- line-height: 1.5em;
- }
- .cart-collaterals .cart_totals a.button-alt {
- width: 193px;
- display: block;
- font-size: 0.92em;
- }
- /* =Forms
- -------------------------------------------------------------- */
- .form-row {
- overflow: hidden;
- zoom: 1;
- padding: 3px;
- margin: 0 0 6px !important;
- }
- .form-row label {
- display: block;
- }
- .form-row label.hidden {
- visibility: hidden;
- }
- .form-row select {
- width: 100%;
- cursor: pointer;
- margin: 0 !important;
- }
- .form-row .required {
- color: #c00;
- font-weight: bold;
- }
- .form-row .input-checkbox {
- display: inline;
- margin: -2px 8px 0 0;
- text-align: center;
- vertical-align: middle;
- }
- .form-row label.checkbox {
- display: inline;
- }
- form .form-row, #content .form-row {
- /*display: block;
- padding: 1px;
- -webkit-box-sizing:border-box;
- -moz-box-sizing:border-box;
- box-sizing:border-box;
- width: 100%;
- border: 1px solid #ccc;
- outline: 3px solid #f5f5f5;
- background: #fff;*/
- }
- form .form-row input.input-text,
- #content .form-row input.input-text,
- form .form-row textarea,
- #content .form-row textarea,
- form .form-row select,
- table.variations tr select {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
- -webkit-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
- -moz-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
- border: 1px solid #ccc;
- width: 100%;
- padding: 6px;
- margin: 0;
- outline: 0;
- background: #fff none;
- font-size: 14px;
- line-height: 1em;
- }
- form .form-row textarea, #content .form-row textarea {
- height: 3.5em;
- line-height: 1.5em;
- display: block;
- -moz-box-shadow: none;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- form .form-row input.input-text:focus,
- #content .form-row input.input-text:focus,
- form .form-row textarea:focus,
- #content .form-row textarea:focus {
- box-shadow: inset 0 0 0 3px #fff;
- -webkit-box-shadow: inset 0 0 0 3px #fff;
- -moz-box-shadow: inset 0 0 0 3px #fff;
- }
- .form-row-first, .form-row-last {
- float: left;
- width: 47%;
- overflow: visible;
- }
- .form-row-last {
- float: right;
- }
- /* =Checkout
- -------------------------------------------------------------- */
- form.login {
- border: 1px solid #ccc;
- padding: 20px;
- border: 1px solid #E7E7E7;
- margin: 20px 0 20px 0px;
- text-align: left;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- }
- #payment {
- background: #F9F9F9;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- }
- #payment ul.payment_methods {
- overflow: hidden;
- zoom: 1;
- text-align: left;
- padding: 1em;
- border-bottom: 1px solid #eee;
- margin: 0 !important;
- list-style: none outside;
- }
- #payment ul.payment_methods li {
- line-height: 2em;
- text-align: left;
- margin: 0 !important;
- font-weight: normal;
- }
- #payment ul.payment_methods li input {
- margin: 0 1em 0 0 !important;
- }
- #payment ul.payment_methods li img {
- vertical-align: middle;
- margin: -2px 0 0 0.5em;
- position: relative;
- }
- #payment div.form-row {
- padding: 1em;
- border-top: 1px solid #fff;
- }
- #payment #place_order {
- float: right;
- margin: 0;
- }
- #payment .terms {
- padding: 0 1em 0 !important;
- text-align: right;
- }
- #payment div.payment_box {
- position: relative;
- width: 96%;
- background: #f1f1f1;
- border: 1px solid #f1f1f1;
- box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;
- -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;
- -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;
- padding: 1em 2% 0;
- margin: 1em 0 1em 0;
- font-size: 0.92em;
- }
- #payment div.payment_box #cc-expire-month, #payment div.payment_box #cc-expire-year {
- width: 48%;
- float: left;
- }
- #payment div.payment_box #cc-expire-year {
- float: right;
- }
- #payment div.payment_box span.help {
- font-size: 11px;
- color: #999;
- line-height: 13px;
- font-weight: normal;
- }
- #payment div.payment_box p, #payment div.payment_box .form-row {
- margin: 0 0 1em;
- }
- #payment div.payment_box:after {
- content: "";
- display: block;
- border: 8px solid #f1f1f1;
- /* arrow size / color */
- border-right-color: transparent;
- border-left-color: transparent;
- border-top-color: transparent;
- position: absolute;
- top: -5px;
- left: 0;
- margin: -1em 0 0 2em;
- }
- div.shipping-address {
- padding: 0;
- clear: left;
- }
- #shiptobilling {
- float: right;
- line-height: 1.62em !important;
- margin: 0 0 0 0 !important;
- padding: 0;
- }
- #shiptobilling label {
- font-size: 0.9em;
- }
- .checkout .col-2 h3 {
- float: left;
- clear: none;
- }
- .checkout .col-2 .notes {
- clear: left;
- }
- .checkout .col-2 .form-row-first {
- clear: left;
- }
- /* =Order Page
- -------------------------------------------------------------- */
- .order_details {
- overflow: hidden;
- zoom: 1;
- margin: 0 0 1.5em;
- list-style: none;
- }
- .order_details li {
- float: left;
- margin-right: 2em;
- text-transform: uppercase;
- font-size: 0.715em;
- line-height: 1em;
- border-right: 1px dashed #ccc;
- padding-right: 2em;
- }
- .order_details li strong {
- display: block;
- font-size: 1.4em;
- text-transform: none;
- line-height: 1.5em;
- color: #333;
- }
- .order_details li.method {
- border: none;
- }
- /* =Account
- -------------------------------------------------------------- */
- .addresses .title {
- overflow: hidden;
- zoom: 1;
- }
- .addresses .title h3 {
- float: left;
- }
- .addresses .title .edit {
- float: right;
- }
- /* =Layered Nav Widgets
- -------------------------------------------------------------- */
- .widget_price_filter .price_slider_wrapper .button {
- float: right;
- margin: 0 !important;
- }
- .widget_price_filter .price_slider_wrapper .price_slider {
- margin: 1em .6em .6em;
- }
- .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle {
- outline: 0 !important;
- }
- .widget_price_filter .price_slider_wrapper .price_slider_amount {
- overflow: hidden;
- line-height: 2em;
- }
- .widget_layered_nav ul {
- margin: 0 !important;
- padding: 0 !important;
- border: 0 !important;
- list-style: none outside !important;
- }
- .widget_layered_nav ul li {
- overflow: hidden;
- zoom: 1;
- padding: 0 0 1px;
- }
- .widget_layered_nav ul li a, .widget_layered_nav ul li span {
- padding: 1px 0;
- float: left;
- }
- .widget_layered_nav ul li.chosen a {
- padding: 0 6px 0 18px;
- border: 1px solid #3399cc;
- background: #3399cc url(images/cross_white.png) no-repeat 6px center;
- box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;
- -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;
- -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;
- color: #fff;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- }
- .widget_layered_nav ul small.count {
- float: right;
- margin-left: 6px;
- font-size: 1em;
- padding: 1px 0;
- color: #999;
- }
- /* =Layered Nav Widgets
- -------------------------------------------------------------- */
- .widget_featured_products ul.product_list_widget li { font-weight:bold; }
- .widget_featured_products ul.product_list_widget li a {
- font-family: 'Droid Sans';
- font-size: 10px;
- font-weight: normal;
- text-transform: uppercase;
- color: #5e6060;
- }
- .widget_featured_products ul.product_list_widget li del {
- font-size: 10px;
- line-height: 10px;
- font-weight: normal;
- margin: -2px 0 0 0;
- color: #888;
- }
- .widget_featured_products ul.product_list_widget li ins {
- text-decoration:none;
- }
- /* =Categories Widgets
- -------------------------------------------------------------- */
- #sidebar .widget_product_categories ul li { background:url('../images/icons/folder.png') 0 5px no-repeat; padding-left:20px; }
- #sidebar .widget_product_categories ul li ul li { background:none; padding-left:0; }
- #sidebar .widget_product_categories ul li ul li a { color:#888; }
- #sidebar .widget_product_categories ul li ul li a:hover { color:#000; }
- /* =Variations
- -------------------------------------------------------------- */
- .variations_form .variations_button {clear:both;}
- .variations_form table.variations {border:0;margin-bottom:1px;}
- .variations_form table.variations tr {background:none;padding:5px 0;}
- .variations_form table.variations tr label {display:block;width:80px;}
- .variations_form table.variations tr select {padding:3px;}
- .variations_form .price {
- color: #444444;
- display: block;
- float: left;
- font-family: 'Trebuchet MS';
- font-size: 1.5em;
- margin: 0.8em 10px 0 0;
- }
- .variations_form .out-of-stock {margin: 0.8em 20px 0.8em 0;clear:both!important;}
- /*begin overrides*/
- div.product p.price {
- border-bottom-left-radius: 0px !important;
- border-top-left-radius: 0px !important;
- border-bottom-right-radius: 4px !important;
- border-top-right-radius: 4px !important;
- padding: 5px 12px 5px 16px !important;
- margin-left: 20px !important;
- }
- div.product p.price::before {
- border-color:transparent #BFD523 transparent transparent !important;
- right:83px !important;
- }
- div.product p.price::after {
- right: 80px !important;
- }
Advertisement
Add Comment
Please, Sign In to add comment