Created
December 12, 2011 20:10
-
-
Save jredville/1468879 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(function () { | |
| $('.store-page-contents .store-order-action-coupon').insertBefore('.store-order-price-subtotal'); | |
| var header = $ ('<div>', {'class': 'intego-header-row'}); | |
| var head = '<h4>'; | |
| $(head, { | |
| 'class': 'intego-header-row-product', | |
| 'text': 'Product' | |
| }).appendTo(header); | |
| $(head, { | |
| 'class': 'intego-header-row-price', | |
| 'text': 'Price' | |
| }).appendTo(header); | |
| $(head, { | |
| 'class': 'intego-header-row-quantity', | |
| 'text': 'Quantity' | |
| }).appendTo(header); | |
| $('.store-page-contents .core-section-body').prepend(header); | |
| $(".store-order-item-group-base .store-order-item-base").prepend($("<div>", { | |
| "class": 'hex-bg-large' | |
| })); | |
| $(".hex-bg-large").append($("<div>")); | |
| $(".store-order-item-group-offer .store-order-item-base").prepend($("<div>", { | |
| "class": 'hex-bg-small' | |
| })); | |
| $(".hex-bg-small").append($("<div>")); | |
| $(".store-order-item-group-offer").wrapAll("<div class='intego-group-offer'/>"); | |
| $(".intego-group-offer").prepend("<h5>Enhance this Product:</h5>"); | |
| $(".store-order-item-group-base .store-order-item-pricing").after("<div class='delivery-message'><strong>Delivery Format:</strong> Electronic Delivery</div>"); | |
| $(".intego-group-offer .store-order-item-group").each(function () { | |
| var $this = $(this); | |
| var price = $(".store-value-money", $this); | |
| var title = $(".store-order-item-title", $this); | |
| var item = $(".store-order-item", $this); | |
| var checkbox = $("input:checkbox", $this); | |
| price.hide(); | |
| checkbox.hide(); | |
| var newTitle = title.html()+ | |
| " — " + price.text(); | |
| item.after("<div class='offer-toggle'><a href='javascript:void(0)'>Add to Order</a></div>"); | |
| var toggle = $('.offer-toggle a', item); | |
| toggle.click(function () { | |
| checkbox.trigger('click'); | |
| checkbox[0].onclick(); | |
| return false; | |
| }); | |
| title.html(newTitle); | |
| }); | |
| $(".store-order-pricing, .store-page-navigation").wrapAll("<div class='intego-summary'><div class='details'></div></div>"); | |
| $(".intego-summary"). | |
| prepend($("<div>", {'class': 'info'})). | |
| append($("<div>", {'class': 'core-clearfix'})); | |
| $(".intego-summary .info").text("We use industry-standard encryption to protect the confidentiality of your personal information. This purchase and product fulfillment are through FastSpring, a trusted reseller for Intego."); | |
| $(".store-page-navigation li .store-order-action-order a").addClass("button green"); | |
| $('.store-order-items .store-order-item-group .store-order-item-action-delete a span').text(' '); | |
| /*function sbCustom(id) { | |
| var element = $(document.getElementById(id)); | |
| element.sbCustomSelect(); | |
| element.hide(); | |
| }*/ | |
| sbCustom('user:country'); | |
| sbCustom('user:region'); | |
| $('.store-page-confirm .store-order-action-coupon').insertBefore('.store-order-price-total'); | |
| $('.store-page-confirm .store-section-order-contents .store-order-action-edit').appendTo('.store-page-confirm .confirm'); | |
| }); | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* FS */ | |
| body.core-body-window { | |
| margin: 15px 0 0 0; | |
| padding-top: 0; | |
| font: 14px "Helvetica Neue", Helvetica, sans-serif; | |
| color: #444; | |
| background: none; | |
| background-color: #09252b; | |
| } | |
| #header { | |
| padding-top: 10px; | |
| } | |
| h1, h2, h3, h4, h5, h6 { | |
| color: #315f63; | |
| font-family: ff-dagny-web-pro, "Helvetica Neue", Helvetica, sans-serif; | |
| } | |
| .store-decorate-silk input[type="text"] { | |
| padding: 5px 10px; | |
| background: #f2f1ed; | |
| font-size: 14px; | |
| border: none; | |
| border-top: 2px solid #cccccc; | |
| -webkit-border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| border-radius: 5px; | |
| width: 330px; | |
| } | |
| .store-decorate-silk label { | |
| font-weight: bold; | |
| } | |
| h1 { | |
| font-size: 24px; | |
| } | |
| h2 { | |
| font-size: 21px; | |
| } | |
| h5 { | |
| font-size: 11px; | |
| } | |
| a, a:hover { | |
| text-decoration: none; | |
| } | |
| #header h1 { | |
| padding-top: 10px; | |
| float: right; | |
| } | |
| #page { | |
| margin-left: auto; | |
| margin-right: auto; | |
| margin-top: 0; | |
| width: 740px; | |
| } | |
| #wrapper { | |
| width: 100%; | |
| background: white; | |
| } | |
| #content { | |
| width: 740px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| background: inherit; | |
| clear: both; | |
| } | |
| .store-order-item-group { | |
| margin-bottom: 0; | |
| } | |
| .store-order-item-group-action-list { | |
| float: right; | |
| bottom: 15px; | |
| position: relative; | |
| } | |
| #content h1 , | |
| #content h2 , | |
| .intego-header-row { | |
| border-bottom: 1px solid #ccc; | |
| padding-bottom: 4px; | |
| } | |
| .intego-header-row { | |
| height: 16px; | |
| } | |
| .intego-header-row h4 { | |
| display: inline; | |
| font-size: 11px; color: | |
| margin-bottom: 6px; | |
| margin-top: 0; | |
| float:left; | |
| } | |
| .intego-header-row-product { | |
| width: 500px; | |
| } | |
| .intego-header-row-price { | |
| width: 155px; | |
| } | |
| .intego-header-row-quantity { | |
| width: 85px; | |
| } | |
| .delivery-message { | |
| font-size: 12px; | |
| margin-top: 3em; | |
| } | |
| .intego-group-offer { | |
| background: #ffffff; /* Old browsers */ | |
| background: -moz-linear-gradient(top, #ffffff 0%, #f0efea 100%); /* FF3.6+ */ | |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0efea)); /* Chrome,Safari4+ */ | |
| background: -webkit-linear-gradient(top, #ffffff 0%,#f0efea 100%); /* Chrome10+,Safari5.1+ */ | |
| background: -o-linear-gradient(top, #ffffff 0%,#f0efea 100%); /* Opera 11.10+ */ | |
| background: -ms-linear-gradient(top, #ffffff 0%,#f0efea 100%); /* IE10+ */ | |
| background: linear-gradient(top, #ffffff 0%,#f0efea 100%); /* W3C */ | |
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0efea',GradientType=0 ); /* IE6-9 */ | |
| clear:both; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| padding: 5px 15px 15px; | |
| margin-bottom: 20px; | |
| } | |
| .intego-group-offer h5 { | |
| margin-bottom: 10px; | |
| } | |
| .intego-group-offer .offer-toggle a { | |
| float: right; | |
| color: #6ebb3c; | |
| font-size: 12px; | |
| font-weight: bold; | |
| text-decoration: none; | |
| text-transform: uppercase; | |
| background: url(images/arrow_green.png) no-repeat right; | |
| padding-right: 10px; | |
| } | |
| .intego-group-offer .store-order-item-description { | |
| } | |
| .store-order-item-description { | |
| left: 55px; | |
| position: relative; | |
| top: -12px; | |
| } | |
| .store-order-item-description a { | |
| font-size: 11px; | |
| font-weight: bold; | |
| text-decoration: none; | |
| color: #ababab; | |
| } | |
| .store-order-item-description div { | |
| margin-right: 100px; | |
| } | |
| #head-security { | |
| display: none; /* hide - not in wireframe */ | |
| text-align: right; | |
| padding-right: 1em; | |
| background: url(fs_secure-ordering.png) no-repeat left; | |
| background-position: 400px 20px; | |
| } | |
| /** | |
| * Switches | |
| */ | |
| /* No security info */ | |
| .ns #head-security { | |
| display:none; | |
| } | |
| /* No header */ | |
| .nh #head { | |
| display:none; | |
| } | |
| /** | |
| * Override | |
| */ | |
| .store-order-action-list li { | |
| white-space: normal !important; /* france length */ | |
| } | |
| .core-form-field-required .core-form-field-label { | |
| font-weight: bold; | |
| } | |
| .core-form-field-group + .core-form-field-group { | |
| margin-top: 2em; | |
| } | |
| .core-form-field-label { | |
| margin-bottom: 4px; | |
| } | |
| .core-body-window .core-section { | |
| width: 833px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| padding-top: 4px; | |
| margin-top: 2em; | |
| } | |
| .core-body-window .core-section-header { | |
| margin-bottom: 20px; | |
| font-size: 24px; | |
| } | |
| .core-body-window .core-section-body { | |
| padding: 2em; | |
| } | |
| .store-footer { /* hide - located in other areas of wireframe */ | |
| display: none; | |
| background: #fff url(footer-bg2.gif) repeat; | |
| color: #eee; | |
| margin-bottom: 30px; | |
| padding: 2em; | |
| -moz-border-radius: 10px; | |
| -webkit-border-radius: 10px; | |
| -khtml-border-radius: 10px; | |
| border-radius: 10px; | |
| } | |
| .store-footer a:link, .store-footer a:visited { | |
| color: #00bfff; | |
| } | |
| .store-footer a:hover { | |
| color: #ffa500; | |
| text-decoration: none; | |
| } | |
| .store-product-detail-description-short { | |
| margin-left: 0; | |
| } | |
| .store-product-list-item { | |
| margin-bottom: 0; | |
| } | |
| .store-product-list-item-title { | |
| } | |
| .store-product-list-item-description { | |
| margin-top: 1em; | |
| } | |
| .store-product-detail { | |
| line-height: 1.4em; | |
| } | |
| .store-product-detail-title { | |
| margin-bottom: 10px; | |
| margin-right: 1em; | |
| } | |
| .store-order-item { | |
| float:left; | |
| width: 550px; | |
| } | |
| .store-order-item-title { | |
| color: #315F63; | |
| } | |
| .hex-bg-large { | |
| background: url(images/hex_large.png) no-repeat; | |
| height: 70px; | |
| width: 75px; | |
| float: left; | |
| } | |
| .hex-bg-small { | |
| background: url(images/hex_small.png) no-repeat; | |
| height: 40px; | |
| width: 60px; | |
| margin-top: -10px; | |
| float: left; | |
| } | |
| .securitylock .hex-bg-small div { | |
| background: url("images/lock_small_overlay.png") no-repeat scroll 0 0 transparent; | |
| height: 21px; | |
| left: 10px; | |
| position: relative; | |
| top: 9px; | |
| width: 15px; | |
| } | |
| .backupdvd .hex-bg-small div { | |
| background: url("images/dvd_backup_overlay.png") no-repeat scroll 0 0 transparent; | |
| height: 20px; | |
| left: 7px; | |
| position: relative; | |
| top: 10px; | |
| width: 21px; | |
| } | |
| .virusbarrier .hex-bg-large div { | |
| background: url(images/vb_overlay.png) no-repeat; | |
| width: 21px; | |
| height: 34px; | |
| left: 18px; | |
| position: relative; | |
| top: 14px; | |
| } | |
| .securitybarrier .hex-bg-large div { | |
| background: url(images/sb_overlay.png) no-repeat; | |
| width: 37px; | |
| height: 38px; | |
| left: 10px; | |
| position: relative; | |
| top: 13px; | |
| } | |
| .core-form-field-group-header { | |
| font-size: 19px; | |
| border-bottom: 1px solid #CCCCCC; | |
| } | |
| .core-form-field-group-body { | |
| width: 570px; | |
| } | |
| .store-page-navigation { | |
| border-top: none; | |
| margin-top: 0; | |
| padding-top: 0; | |
| margin-bottom: 0; | |
| } | |
| .store-product-detail-quantity { | |
| margin-top: 10px; | |
| } | |
| .store-product-detail-description, .store-product-list-item-description { | |
| /* text-align: justify;*/ | |
| margin-bottom: 1em; | |
| } | |
| .store-product-option-groups { | |
| padding-left: 1em; | |
| padding-right: 1em; | |
| } | |
| .core-form-field-body-note { | |
| font-size: 10px; | |
| margin-top: 4px; | |
| color: #666; | |
| } | |
| /* general style additions edit to support wireframe layout*/ | |
| #navbar { | |
| margin-top: 25px; | |
| } | |
| #back-button { | |
| padding: 0px; | |
| } | |
| .progress-bar { | |
| display: none; | |
| float: right; | |
| height: 50px; | |
| margin-top: -33px; | |
| margin-right: -8px; | |
| width: 593px; | |
| font-size: 12px; | |
| font-weight: bold; | |
| font-family: ff-dagny-web-pro, "Helvetica Neue", Helvetica, sans-serif; | |
| color: #908f8f; | |
| text-shadow: 0px 1px 1px white; | |
| filter: dropshadow(color=white, offx=0, offy=1); | |
| } | |
| .progress-bar .cart, | |
| .progress-bar .billing, | |
| .progress-bar .confirm, | |
| .progress-bar .complete { | |
| display: table-cell; | |
| vertical-align: middle; | |
| height: 35px; | |
| } | |
| .progress-bar .cart { | |
| padding-left: 15px; | |
| padding-right: 8px; | |
| } | |
| .progress-bar .billing { | |
| padding-left: 18px; | |
| padding-right: 10px; | |
| } | |
| .progress-bar .confirm { | |
| padding-left: 18px; | |
| padding-right: 6px; | |
| } | |
| .progress-bar .complete { | |
| padding-left: 18px; | |
| } | |
| .store-page-contents .progress-bar .cart, | |
| .store-page-customer .progress-bar .cart, | |
| .store-page-confirm .progress-bar .cart, | |
| .store-page-complete .progress-bar .cart, | |
| .store-page-customer .progress-bar .billing, | |
| .store-page-confirm .progress-bar .billing, | |
| .store-page-complete .progress-bar .billing, | |
| .store-page-confirm .progress-bar .confirm, | |
| .store-page-complete .progress-bar .confirm, | |
| .store-page-complete .progress-bar .complete { | |
| color: #315f63; | |
| } | |
| .store-page-contents .progress-bar { | |
| background: url(images/progress_bar_sc.png) no-repeat scroll transparent; | |
| display: inline-block; | |
| } | |
| .store-page-customer .progress-bar { | |
| background: url(images/progress_bar_bs.png) no-repeat scroll transparent; | |
| display: inline-block; | |
| } | |
| .store-page-confirm .progress-bar { | |
| background: url(images/progress_bar_co.png) no-repeat scroll transparent; | |
| display: inline-block; | |
| } | |
| .store-page-complete .progress-bar { | |
| background: url(images/progress_bar_oc.png) no-repeat scroll transparent; | |
| display: inline-block; | |
| } | |
| .core-form-field-group { | |
| } | |
| .core-body-window .core-section-body { | |
| padding: 0; | |
| } | |
| .core-body-window .core-section { | |
| width: 740px; | |
| margin-left: 0; | |
| margin-right: auto; | |
| padding-top: 4px; | |
| margin-top: 0; | |
| } | |
| /* display form fields horizontally */ | |
| .core-form-field-area-left { | |
| float: left; | |
| width: 100%; | |
| } | |
| .core-form-field-area-right { | |
| clear: both; | |
| display: block; | |
| margin-left: 0px; | |
| width: 100%; | |
| } | |
| .core-form-field-label { | |
| display: inline; | |
| font-size: inherit; | |
| } | |
| .core-form-field-body { | |
| float: right; | |
| } | |
| .core-form-field + .core-form-field { | |
| margin-top: 1.5em; | |
| } | |
| .store-field-contact-email { | |
| padding: 1.25em 0 0; | |
| } | |
| .store-field-address-city { | |
| padding: 1.25em 0 0; | |
| } | |
| /* format fields * / | |
| .store-decorate-silk input[type="text"] { | |
| background: none repeat scroll 0 0 transparent; | |
| border: 1px solid #B5B8C8; | |
| border-radius: 0 0 0 0; | |
| padding: 3px 6px; | |
| } | |
| select { | |
| padding: 3px 6px; | |
| } | |
| .store-field-address-country select, .store-field-address-region select { | |
| width: 17em !important; | |
| } | |
| /* payment method edits to support wireframe*/ | |
| .store-section-payment { | |
| border: 1px solid #333333; | |
| padding: 20px; | |
| margin-top: 2em !important; | |
| } | |
| .store-section-payment .core-section-header { | |
| font-size: 20px; | |
| } | |
| .store-decorate-pay .store-payment-method-cc .store-payment-method-title, .store-decorate-pay .store-payment-method-pp .store-payment-method-title { | |
| display: block; | |
| font-size: 20px; | |
| margin-top: -50px; | |
| padding-left: 0; | |
| } | |
| .store-payment-method-list { | |
| clear: both; | |
| } | |
| .store-payment-method-list .store-payment-method-cc-li, .store-payment-method-list .store-payment-method-pp-li { | |
| background: none repeat scroll 0 0 #EFEFEF; | |
| border: 2px solid #CCCCCC; | |
| -moz-border-radius: 10px; | |
| -webkit-border-radius: 10px; | |
| -khtml-border-radius: 10px; | |
| border-radius: 10px; | |
| display: inline; | |
| float: left; | |
| margin-bottom: 30px; | |
| padding: 40px 30px 30px; | |
| text-align: center; | |
| width: 250px; | |
| } | |
| .store-payment-method-list li + li { | |
| margin-left: 160px; | |
| margin-top: 0; | |
| } | |
| .store-payment-method-list-now { | |
| background: url("or.png") no-repeat scroll center center transparent; | |
| height: 25px; | |
| } | |
| /* shopping cart aka your order */ | |
| .store-order-items { | |
| clear: both; | |
| padding-top: 20px; | |
| width: 740px; | |
| } | |
| .store-order-pricing { | |
| margin-top: 0; | |
| padding: 20px; | |
| } | |
| .intego-summary { | |
| background: url(images/total_bg.png); | |
| padding-right: 35px; | |
| padding-bottom: 35px; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| margin-bottom: 40px; | |
| } | |
| .intego-summary .info { | |
| float: left; | |
| width: 250px; | |
| padding-left: 55px; | |
| margin-left: 20px; | |
| margin-bottom: 40px; | |
| margin-top: 75px; | |
| padding-right: 75px; | |
| font-size: 12px; | |
| background: url(images/lock_large.png) no-repeat left; | |
| } | |
| .intego-summary .details { | |
| float: right; | |
| width: 300px; | |
| } | |
| .intego-summary .details .store-order-price-label { | |
| width: 0; | |
| } | |
| .store-section-payment-details-cc { | |
| background: url("security2.png") no-repeat scroll right center transparent; | |
| height: 180px; | |
| } | |
| .intego-group-offer .store-order-item-group, | |
| .store-order-item-group + .store-order-item-group { | |
| border-top: 1px solid #cccccc; | |
| padding-top: 2em; | |
| } | |
| .store-order-item-group + .store-order-item-group { | |
| margin-top: 1em; | |
| } | |
| .store-order-price { | |
| border-bottom: 1px solid #CCCCCC; | |
| padding-bottom: 5px; | |
| } | |
| .store-order-price-total, .store-order-price-subtotal { | |
| border: none; | |
| font-size: 16px; | |
| font-weight: bold; | |
| margin: 0; | |
| padding: 10px 0 0; | |
| } | |
| #ccShippingAddressDisplay .store-order-action-edit { /* fixes spacing for make changes in Billing Info */ | |
| padding: 10px 0 0; | |
| } | |
| .store-order-item-action-edit { /* hides make changes */ | |
| display: none !important; | |
| } | |
| .store-order-action-more { /* hides continue shopping */ | |
| display: none !important; | |
| } | |
| .store-order-item-action-quantity-li .store-action-command { | |
| display: none !important; | |
| } | |
| /* display product images in shopping cart */ | |
| .productname-img { | |
| background: url(product_images/productImagePlaceholder_sm.png) no-repeat left bottom transparent; | |
| height: 105px; | |
| padding-left: 100px; | |
| } | |
| /* custom field edits to match wireframe aka survey */ | |
| .store-survey .core-form-field-group { | |
| background: none repeat scroll 0 0 #EFEFEF; | |
| border: medium none; | |
| -moz-border-radius: 20px; | |
| -webkit-border-radius: 20px; | |
| -khtml-border-radius: 20px; | |
| border-radius: 20px; | |
| margin-left: auto; | |
| margin-right: 0; | |
| padding: 20px 20px 40px; | |
| text-align: center; | |
| width: 80%; | |
| } | |
| .store-survey .core-form-field-body { | |
| float: left; | |
| margin-left: 40px; | |
| margin-right: 0; | |
| } | |
| .store-survey .core-form-field-label {display: none;} | |
| /* extra large buttons */ | |
| .store-decorate-silk .store-order-action-order .store-action-title, .store-decorate-silk .store-action-next .store-action-title, .store-decorate-silk .store-action-complete .store-action-title { | |
| background: none; | |
| font-family: ff-dagny-web-pro, "Helvetica Neue", Helvetica, sans-serif; | |
| font-weight: bold; | |
| font-size: 12px; | |
| } | |
| /* make core-section-header on store-page-confirm Confirm instead of Shopping Cart */ | |
| .store-page-confirm .store-section-order-contents .core-section-header {display: none} | |
| .confirm {display: none;} | |
| .store-page-confirm .confirm { | |
| display: block; | |
| font-weight: bold; | |
| padding-top: 25px; | |
| } | |
| /* thank you page */ | |
| .store-section-delivery .core-section-header { | |
| text-align: center; | |
| } | |
| .ty-image { | |
| float: left; | |
| display: inline; | |
| width: 100px; | |
| height:100px; | |
| padding-right: 20px; | |
| } | |
| .ty-image1 { | |
| background: url(1.png) no-repeat scroll transparent; | |
| } | |
| .ty-image2 { | |
| background: url(2.png) no-repeat scroll transparent; | |
| } | |
| .ty-image3 { | |
| background: url(3.png) no-repeat scroll transparent; | |
| } | |
| .ty-image4 { | |
| background: url(4.png) no-repeat scroll transparent; | |
| } | |
| .ty-intro { | |
| font-weight: bold; | |
| padding-bottom: 30px; | |
| text-align: center; | |
| } | |
| .ty-section { | |
| margin-left: auto; | |
| margin-right: auto; | |
| padding-bottom: 30px; | |
| width: 625px; | |
| } | |
| .ty-section-contents { | |
| display: inline-block; | |
| width: 500px; | |
| } | |
| .ty-copy { | |
| padding-top: 5px; | |
| padding-bottom: 15px; | |
| } | |
| .ty-head { | |
| font-weight: bold; | |
| display: block; | |
| padding-bottom: 10px; | |
| } | |
| .ty-ul { | |
| list-style: square inside none; | |
| } | |
| .ty-ul li { | |
| padding-bottom: 10px; | |
| } | |
| .sm { | |
| background-color: #EFEFEF; | |
| border: 1px solid #999999; | |
| clear: both; | |
| color: #000000; | |
| display: inline; | |
| font-size: 12px; | |
| font-weight: bold; | |
| margin-right: 30px; | |
| padding: 10px; | |
| width: 50px; | |
| } | |
| .return { | |
| background: url("big-button-bg.png") no-repeat scroll 0 0 transparent; | |
| color: #000000; | |
| display: block; | |
| font-size: 18px; | |
| font-weight: bold; | |
| height: 39px; | |
| margin: 0 0 20px; | |
| padding-left: 0; | |
| padding-top: 16px; | |
| text-align: center; | |
| white-space: nowrap; | |
| width: 833px; | |
| } | |
| /* spe */ | |
| .store-page-customer .store-section-order-contents { display: none;} | |
| .store-tools { display: none !important; } | |
| .store-order-action-coupon { float: right; } | |
| .store-decorate-silk .store-order-action-coupon .store-action-title { | |
| color: #444; | |
| font-family: "Helvetica Neue", Helvetica, sans-serif; | |
| font-size: 14px; | |
| padding-left: 0; | |
| background: none !important; | |
| } | |
| .store-order-action-coupon input[type="text"] { | |
| width: 100px; | |
| float: right; | |
| background: white; | |
| } | |
| .store-order-item-action-quantity .store-action-input { | |
| width: 30px !important; | |
| } | |
| .store-order-item-group-action-list li:first-of-type { | |
| background: url(images/remove_item.png) no-repeat; | |
| width: 18px; | |
| height: 18px; | |
| display: block; | |
| float: right; | |
| } | |
| .store-order-item-action-delete .store-action-title, | |
| .store-order-item-action-quantity .store-action-title { | |
| background-image: none !important; | |
| padding-left: 0; | |
| } | |
| .store-page-confirm .store-order-price { | |
| border-bottom-width: 0; | |
| } | |
| .store-order-item-action-quantity { | |
| float: left; | |
| } | |
| .store-order-item-action-delete { | |
| position: relative; | |
| float: right; | |
| color: black; | |
| } | |
| .store-page-confirm .confirm .store-order-action-edit { | |
| font-weight: normal; | |
| float: right; | |
| } | |
| .store-page-confirm .confirm .store-order-action-edit .store-action-title { | |
| background-image: none; | |
| padding: 12px 15px; | |
| background-color: #DDD; | |
| border: 1px solid black; | |
| } | |
| .store-page-confirm .confirm .store-order-action-edit a { | |
| color: black; | |
| } | |
| #back-button { | |
| height: 32px; | |
| width: 140px; | |
| color: white; | |
| text-align: center; | |
| display: table-cell; | |
| vertical-align: middle; | |
| } | |
| #back-button a { | |
| color: white; | |
| text-shadow: 0 -1px 1px #396e74; | |
| } | |
| /* Buttons */ | |
| .button { | |
| display: inline-block; | |
| padding: 8px 20px 6px; | |
| color: white; | |
| font-family: ff-dagny-web-pro, "Helvetica Neue", Helvetica, sans-serif; | |
| font-size: 12px; | |
| font-weight: bold; | |
| text-transform: uppercase; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| cursor: pointer; | |
| } | |
| .button.red { | |
| background: #cf5133; /* Old browsers */ | |
| background: -moz-linear-gradient(top, #cf5133 0%, #cf5133 50%, #c33c27 52%, #c33c27 100%); /* FF 3.6+ */ | |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cf5133), color-stop(50%, #cf5133), color-stop(52%, #c33c27), color-stop(100%, #c33c27)); /* Chrome, Safari 4+ */ | |
| background: -webkit-linear-gradient(top, #cf5133 0%, #cf5133 50%, #c33c27 52%, #c33c27 100%); /* Chrome 10+, Safari 5.1+ */ | |
| background: -o-linear-gradient(top, #cf5133 0%, #cf5133 50%, #c33c27 52%, #c33c27 100%); /* Opera 11.10+ */ | |
| background: -ms-linear-gradient(top, #cf5133 0%, #cf5133 50%, #c33c27 52%, #c33c27 100%); /* IE 10+ */ | |
| background: linear-gradient(top, #cf5133 0%, #cf5133 50%, #c33c27 52%, #c33c27 100%); /* W3C */ | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cf5133", endColorstr="#c33c27",GradientType="0"); /* IE 6-9 */ | |
| text-shadow: 0 -1px 1px #a23423; | |
| filter: dropshadow(color="#a23423", offx="0", offy="-1"); | |
| border: 1px solid #a23423; | |
| } | |
| .button.red:hover { | |
| background: #d86d42; /* Old browsers */ | |
| background: -moz-linear-gradient(top, #d86d42 0%, #d86d42 50%, #cf5032 52%, #cf5032 100%); /* FF 3.6+ */ | |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d86d42), color-stop(50%, #d86d42), color-stop(52%, #cf5032), color-stop(100%, #cf5032)); /* Chrome, Safari 4+ */ | |
| background: -webkit-linear-gradient(top, #d86d42 0%, #d86d42 50%, #cf5032 52%, #cf5032 100%); /* Chrome 10+, Safari 5.1+ */ | |
| background: -o-linear-gradient(top, #d86d42 0%, #d86d42 50%, #cf5032 52%, #cf5032 100%); /* Opera 11.10+ */ | |
| background: -ms-linear-gradient(top, #d86d42 0%, #d86d42 50%, #cf5032 52%, #cf5032 100%); /* IE 10+ */ | |
| background: linear-gradient(top, #d86d42 0%, #d86d42 50%, #cf5032 52%, #cf5032 100%); /* W3C */ | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d86d42", endColorstr="#cf5032",GradientType="0"); /* IE 6-9 */ | |
| } | |
| .button.green { | |
| background: #75bf39; /* Old browsers */ | |
| background: -moz-linear-gradient(top, #75bf39 0%, #75bf39 50%, #5db12e 52%, #5db12e 100%); /* FF 3.6+ */ | |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #75bf39), color-stop(50%, #75bf39), color-stop(52%, #5db12e), color-stop(100%, #5db12e)); /* Chrome, Safari 4+ */ | |
| background: -webkit-linear-gradient(top, #75bf39 0%, #75bf39 50%, #5db12e 52%, #5db12e 100%); /* Chrome 10+, Safari 5.1+ */ | |
| background: -o-linear-gradient(top, #75bf39 0%, #75bf39 50%, #5db12e 52%, #5db12e 100%); /* Opera 11.10+ */ | |
| background: -ms-linear-gradient(top, #75bf39 0%, #75bf39 50%, #5db12e 52%, #5db12e 100%); /* IE 10+ */ | |
| background: linear-gradient(top, #75bf39 0%, #75bf39 50%, #5db12e 52%, #5db12e 100%); /* W3C */ | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#75bf39", endColorstr="#5db12e",GradientType="0"); /* IE 6-9 */ | |
| text-shadow: 0 -1px 1px #3c7220; | |
| filter: dropshadow(color="#3c7220", offx="0", offy="-1"); | |
| border: 1px solid #3c7220; | |
| } | |
| .button.green:hover { | |
| background: #8fcd49; /* Old browsers */ | |
| background: -moz-linear-gradient(top, #8fcd49 0%, #8fcd49 50%, #74bf37 52%, #74bf37 100%); /* FF 3.6+ */ | |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8fcd49), color-stop(50%, #8fcd49), color-stop(52%, #74bf37), color-stop(100%, #74bf37)); /* Chrome, Safari 4+ */ | |
| background: -webkit-linear-gradient(top, #8fcd49 0%, #8fcd49 50%, #74bf37 52%, #74bf37 100%); /* Chrome 10+, Safari 5.1+ */ | |
| background: -o-linear-gradient(top, #8fcd49 0%, #8fcd49 50%, #74bf37 52%, #74bf37 100%); /* Opera 11.10+ */ | |
| background: -ms-linear-gradient(top, #8fcd49 0%, #8fcd49 50%, #74bf37 52%, #74bf37 100%); /* IE 10+ */ | |
| background: linear-gradient(top, #8fcd49 0%, #8fcd49 50%, #74bf37 52%, #74bf37 100%); /* W3C */ | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8fcd49", endColorstr="#74bf37",GradientType="0"); /* IE 6-9 */ | |
| } | |
| .button.blue, | |
| .bar.blue, | |
| .button.gray.active { | |
| background: #6caeb4; /* Old browsers */ | |
| background: -moz-linear-gradient(top, #6caeb4 0%, #6caeb4 50%, #519a9f 52%, #519a9f 100%); /* FF 3.6+ */ | |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6caeb4), color-stop(50%, #6caeb4), color-stop(52%, #519a9f), color-stop(100%, #519a9f)); /* Chrome, Safari 4+ */ | |
| background: -webkit-linear-gradient(top, #6caeb4 0%, #6caeb4 50%, #519a9f 52%, #519a9f 100%); /* Chrome 10+, Safari 5.1+ */ | |
| background: -o-linear-gradient(top, #6caeb4 0%, #6caeb4 50%, #519a9f 52%, #519a9f 100%); /* Opera 11.10+ */ | |
| background: -ms-linear-gradient(top, #6caeb4 0%, #6caeb4 50%, #519a9f 52%, #519a9f 100%); /* IE 10+ */ | |
| background: linear-gradient(top, #6caeb4 0%, #6caeb4 50%, #519a9f 52%, #519a9f 100%); /* W3C */ | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6caeb4", endColorstr="#519a9f",GradientType="0"); /* IE 6-9 */ | |
| color: white; | |
| text-shadow: 0 -1px 1px #2c5b60; | |
| filter: dropshadow(color="#2c5b60", offx="0", offy="-1"); | |
| border: 1px solid #2c5b60; | |
| } | |
| .bar.blue { | |
| border-left: 1px solid #98c9cc; | |
| border-right: 1px solid #4d8a90; | |
| } | |
| .bar.blue.first { | |
| border-left: 1px solid #2c5b60; | |
| } | |
| .bar.blue.last { | |
| border-right: 1px solid #2c5b60; | |
| } | |
| .button.blue:hover, | |
| .bar.blue:hover { | |
| background: #8abfc4; /* Old browsers */ | |
| background: -moz-linear-gradient(top, #8abfc4 0%, #8abfc4 50%, #6dafb4 52%, #6dafb4 100%); /* FF 3.6+ */ | |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8abfc4), color-stop(50%, #8abfc4), color-stop(52%, #6dafb4), color-stop(100%, #6dafb4)); /* Chrome, Safari 4+ */ | |
| background: -webkit-linear-gradient(top, #8abfc4 0%, #8abfc4 50%, #6dafb4 52%, #6dafb4 100%); /* Chrome 10+, Safari 5.1+ */ | |
| background: -o-linear-gradient(top, #8abfc4 0%, #8abfc4 50%, #6dafb4 52%, #6dafb4 100%); /* Opera 11.10+ */ | |
| background: -ms-linear-gradient(top, #8abfc4 0%, #8abfc4 50%, #6dafb4 52%, #6dafb4 100%); /* IE 10+ */ | |
| background: linear-gradient(top, #8abfc4 0%, #8abfc4 50%, #6dafb4 52%, #6dafb4 100%); /* W3C */ | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8abfc4", endColorstr="#6dafb4",GradientType="0"); /* IE 6-9 */ | |
| } | |
| .bar.blue.active { | |
| background: #1f4145; /* Old browsers */ | |
| /* IE9 SVG, needs conditional override of 'filter' to 'none' */ | |
| background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmNDE0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzFmNDE0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzI4NTg1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODU4NWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"); | |
| background: -moz-linear-gradient(top, #1f4145 0%, #1f4145 50%, #28585c 51%, #28585c 100%); /* FF 3.6+ */ | |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1f4145), color-stop(50%, #1f4145), color-stop(51%, #28585c), color-stop(100%, #28585c)); /* Chrome, Safari 4+ */ | |
| background: -webkit-linear-gradient(top, #1f4145 0%, #1f4145 50%, #28585c 51%, #28585c 100%); /* Chrome 10+, Safari 5.1+ */ | |
| background: -o-linear-gradient(top, #1f4145 0%, #1f4145 50%, #28585c 51%, #28585c 100%); /* Opera 11.10+ */ | |
| background: -ms-linear-gradient(top, #1f4145 0%, #1f4145 50%, #28585c 51%, #28585c 100%); /* IE 10+ */ | |
| background: linear-gradient(top, #1f4145 0%, #1f4145 50%, #28585c 51%, #28585c 100%); /* W3C */ | |
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f4145', endColorstr='#28585c',GradientType=0 ); /* IE 6-8 */ | |
| } | |
| .button.gray { | |
| background: #dddddd; /* Old browsers */ | |
| background: -moz-linear-gradient(top, #fefffe 0%, #a2a7a7 100%); /* FF 3.6+ */ | |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefffe), color-stop(100%, #a2a7a7)); /* Chrome, Safari 4+ */ | |
| background: -webkit-linear-gradient(top, #fefffe 0%, #a2a7a7 100%); /* Chrome 10+, Safari 5.1+ */ | |
| background: -o-linear-gradient(top, #fefffe 0%, #a2a7a7 100%); /* Opera 11.10+ */ | |
| background: -ms-linear-gradient(top, #fefffe 0%, #a2a7a7 100%); /* IE 10+ */ | |
| background: linear-gradient(top, #fefffe 0%, #a2a7a7 100%); /* W3C */ | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefffe", endColorstr="#a2a7a7",GradientType="0"); /* IE 6-9 */ | |
| color: #264c50; | |
| text-shadow: 0 -1px 1px white; | |
| filter: dropshadow(color="white", offx="0", offy="-1"); | |
| border: 1px solid #999999; | |
| } | |
| .button.gray:hover { | |
| background: #dddddd; /* Old browsers */ | |
| background: -moz-linear-gradient(top, white 0%, #cccccc 100%); /* FF 3.6+ */ | |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #cccccc)); /* Chrome, Safari 4+ */ | |
| background: -webkit-linear-gradient(top, white 0%, #cccccc 100%); /* Chrome 10+, Safari 5.1+ */ | |
| background: -o-linear-gradient(top, white 0%, #cccccc 100%); /* Opera 11.10+ */ | |
| background: -ms-linear-gradient(top, white 0%, #cccccc 100%); /* IE 10+ */ | |
| background: linear-gradient(top, white 0%, #cccccc 100%); /* W3C */ | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="white", endColorstr="#cccccc",GradientType="0"); /* IE 6-9 */ | |
| } | |
| .button.gray.active { | |
| width: 209px; | |
| background-color: #6caeb4; | |
| background-image: url("../images/button_blue_arrow_left.png"); | |
| background-repeat: no-repeat; | |
| color: white; | |
| text-shadow: 0 -1px 1px #2c5b60; | |
| filter: dropshadow(color="#2c5b60", offx="0", offy="-1"); | |
| border: none; | |
| } | |
| .gray-link a { | |
| color: #cecece; | |
| } | |
| .orange-link.link-with-arrow, | |
| .green-link.link-with-arrow, | |
| .gray-link.link-with-arrow { | |
| display: inline; | |
| padding-right: 10px; | |
| background-repeat: no-repeat; | |
| background-position: right 40%; | |
| font-weight: bold; | |
| text-transform: uppercase; | |
| } | |
| .green-link a, | |
| a.green-link, | |
| a.green-link:visited, | |
| a.green-link:active { | |
| color: #6ebb3c; | |
| text-decoration: none; | |
| } | |
| .green-link a:hover, | |
| a.green-link:hover { | |
| color: #315f63; | |
| } | |
| .green-link.link-with-arrow { | |
| background-image: url("../images/arrow_green.png"); | |
| } | |
| .gray-link a, | |
| a.gray-link, | |
| a.gray-link:active, | |
| a.gray-link:visited { | |
| color: #ababab; | |
| text-decoration: none; | |
| } | |
| a.gray-link:hover, | |
| .gray-link a:hover { | |
| color: #315f63; | |
| } | |
| .gray-link.link-with-arrow { | |
| background-image: url("../images/arrow_gray.png"); | |
| } | |
| .green-link.link-with-larger-arrow { | |
| background-image: url("../images/arrow_green_large.png"); | |
| } | |
| .blue-link a { | |
| color: #315f63; | |
| text-decoration: none; | |
| } | |
| .blue-link a:hover { | |
| color: #315f63; | |
| } | |
| .orange-link a { | |
| color: #da6842; | |
| text-decoration: none; | |
| } | |
| .orange-link a:hover { | |
| color: #da6842; | |
| } | |
| .orange-link.link-with-arrow { | |
| background-image: url("../images/arrow_orange.png"); | |
| } | |
| /* SB */ | |
| .sb-custom { | |
| cursor: pointer; | |
| display: inline; | |
| position: relative; | |
| width: 100%; | |
| } | |
| .custom-select { | |
| display: none; | |
| } | |
| .no-js .custom-select { | |
| display: block; | |
| } | |
| .sb-select:focus { | |
| -webkit-box-shadow: 0 0 4px 2px #79aed7; | |
| -moz-box-shadow: 0 0 4px 2px #79aed7; | |
| box-shadow: 0 0 4px 2px #79aed7; | |
| } | |
| .sb-select-arrow { | |
| background-image: url('images/select-triangle.png'); | |
| background-repeat: no-repeat; | |
| background-position: 100% 50%; | |
| width: 9px; | |
| height: 7px; | |
| position: absolute; | |
| top: 5px; | |
| right: 10px; | |
| z-index: 2; | |
| } | |
| .store-decorate-silk input.sb-select { | |
| margin-top: 4px; | |
| background: #ffffff; /* Old browsers */ | |
| background: -moz-linear-gradient(top, #ffffff 0%, #ecebe5 100%); /* FF 3.6+ */ | |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ecebe5)); /* Chrome, Safari 4+ */ | |
| background: -webkit-linear-gradient(top, #ffffff 0%,#ecebe5 100%); /* Chrome 10+, Safari 5.1+ */ | |
| background: -o-linear-gradient(top, #ffffff 0%,#ecebe5 100%); /* Opera 11.10+ */ | |
| background: -ms-linear-gradient(top, #ffffff 0%,#ecebe5 100%); /* IE 10+ */ | |
| background: linear-gradient(top, #ffffff 0%,#ecebe5 100%); /* W3C */ | |
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ecebe5',GradientType=0 ); /* IE6-9 */ | |
| border: 1px solid #cecece; | |
| color: #444; | |
| left: 0; | |
| padding: 5px 10px; | |
| position: relative; | |
| text-decoration: none; | |
| top: 0; | |
| width: 330px; | |
| z-index: 1; | |
| -webkit-border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| border-radius: 5px; | |
| } | |
| .sb-dropdown { | |
| background: white; | |
| -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2), inset 0px 6px 8px -8px rgba(0, 0, 0, .5); | |
| -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2), inset 0px 6px 8px -8px rgba(0, 0, 0, .5); | |
| box-shadow: 0 0 4px rgba(0, 0, 0, .2), inset 0px 6px 8px -8px rgba(0, 0, 0, .5); | |
| display: none; | |
| font-size: 12px; | |
| left: 5px; | |
| list-style: none; | |
| margin: 0; | |
| padding: 5px; | |
| position: absolute; | |
| top: 1.75em; | |
| width: 190px; | |
| z-index: 1; | |
| } | |
| .sb-dropdown a { | |
| color: #444; | |
| display: block; | |
| padding: 3px; | |
| text-decoration: none; | |
| } | |
| .sb-dropdown a:hover, | |
| .sb-dropdown .selected { | |
| background: #c6e1e4; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment