Created
September 10, 2013 05:04
-
-
Save eedeep/6505192 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
| #checkout { | |
| header { | |
| div { | |
| @include clearfix; | |
| } | |
| .secure { | |
| text-align: right; | |
| padding-top: 24px; | |
| img { | |
| @include inline-block(); | |
| float: none; | |
| margin: -10px 0 0 10px; | |
| } | |
| span { | |
| @include fontsize(20); | |
| margin: 0 10px; | |
| color: $text_color_ltgrey; | |
| } | |
| } | |
| .steps { | |
| @include clearfix; | |
| @include font(Futura-book, 24); | |
| height: 64px; | |
| margin: 24px 0 0; | |
| padding: 0 0 0 20px; | |
| text-transform: uppercase; | |
| border-top: 2px dotted $border_light_grey; | |
| border-bottom: 2px dotted $border_light_grey; | |
| li { | |
| @include inline-block(); | |
| color: $light_blue; | |
| margin-right: 55px; | |
| padding-top: 20px; | |
| &.active { | |
| @include font(Futura-bold); | |
| } | |
| } | |
| } | |
| } | |
| footer { | |
| @include font(Eurostile-regular); | |
| margin: 24px 0; | |
| text-align: center; | |
| a { margin: 15px; } | |
| } | |
| #main { | |
| @include clearfix; | |
| @include font(futura-book); | |
| border-bottom: 2px dotted $border_light_grey; | |
| padding-bottom: 24px; | |
| input[type="text"]:focus, textarea:focus { | |
| @include textinput-focus; | |
| } | |
| h2 { | |
| @include font(futura-book, 36); | |
| margin-top: 16px; | |
| margin-bottom: 32px; | |
| font-weight: normal; | |
| text-transform: uppercase; | |
| clear: left; | |
| } | |
| .checkout { | |
| @include lgbutton($button_blue, $button_blue_bg, $blue); | |
| span.sym { | |
| float: none; | |
| } | |
| } | |
| legend, .grid_4 h2 { | |
| @include fontsize(18); | |
| @include box-sizing(border-box); | |
| border-bottom: 2px solid $red; | |
| display: block; | |
| margin: 0 0 10px 0; | |
| padding: 0 0 5px 15px; | |
| text-transform: uppercase; | |
| width: 100%; | |
| } | |
| .grid_4 h2 { | |
| border-color: $button_grey; | |
| color: $text_color_midgrey; | |
| margin-bottom: 0; | |
| } | |
| .form-notice { | |
| @include fontsize(15); | |
| margin: 0; | |
| padding: 16px 25px 0 16px; | |
| } | |
| .leftcheck { | |
| @include clearfix; | |
| margin-left: 15px; | |
| padding: 15px 0 5px 0; | |
| label { | |
| @include font(futura-book); | |
| @include fontsize(14); | |
| color: $text_color_midgrey; | |
| float: left; | |
| margin: 0; | |
| padding: 0 0 0 15px; | |
| text-transform: none; | |
| width: 90%; | |
| } | |
| input { | |
| float: left; | |
| } | |
| } | |
| .checkboxes { | |
| @include reset-list; | |
| float: left; | |
| width: 372px; | |
| li { | |
| @include clearfix(); | |
| position: relative; | |
| clear: both; | |
| margin-bottom: 12px; | |
| margin-left: 15px; | |
| } | |
| label { | |
| padding-left: 30px; | |
| width: auto; | |
| } | |
| input { | |
| position: absolute; | |
| left: 0; | |
| } | |
| .errorlist { | |
| @include fontsize(13); | |
| @include reset-list; | |
| position: absolute; | |
| top: 20px; | |
| left: 30px; | |
| color: $red; | |
| } | |
| } | |
| .button { | |
| @include lgbutton($button_blue, $button_blue_bg, $blue); | |
| @include font(futura-book); | |
| span.sym { | |
| float: none; | |
| } | |
| &.confirm { | |
| float: right; | |
| } | |
| } | |
| .sm_blue_button { | |
| @include button($button_blue, $button_blue_bg, $blue); | |
| @include font(futura-book); | |
| float: right; | |
| margin: 10px 0; | |
| padding: 7px 10px; | |
| text-transform: uppercase; | |
| span.sym { | |
| margin-left: 10px; | |
| } | |
| &:hover { | |
| background-color: $button_blue_bg / 1.1; | |
| } | |
| } | |
| .sm_button { | |
| @include button(); | |
| @include font(futura-book); | |
| padding-top: 5px; | |
| margin-left: 15px; | |
| &:hover { | |
| background-color: #eee; | |
| } | |
| } | |
| .continue-shopping { | |
| @include font(futura-book, 13); | |
| // margin: 15px; | |
| text-decoration: underline; | |
| text-transform: uppercase; | |
| } | |
| .billship_details { | |
| padding-left: 15px; | |
| label { | |
| @include box-sizing(border-box); | |
| @include font(futura-book, 14); | |
| color: $text_color_midgrey; | |
| display: block; | |
| float: left; | |
| padding-top: 6px; | |
| text-transform: uppercase; | |
| width: 157px; | |
| cursor: pointer; | |
| } | |
| } | |
| .payment_details { | |
| #id_card_ccv { | |
| width: 80px; | |
| } | |
| .card-fields { | |
| @include clearfix; | |
| margin-top: 16px; | |
| .ccv_helptext { | |
| float: right; | |
| width: 105px; | |
| @include fontsize(10); | |
| } | |
| label { | |
| @include box-sizing(border-box); | |
| @include font(futura-book, 14); | |
| color: $text_color_midgrey; | |
| display: block; | |
| float: left; | |
| padding-top: 6px; | |
| text-transform: uppercase; | |
| width: 157px; | |
| cursor: pointer; | |
| } | |
| } | |
| strong { | |
| @include font(futura-bold, 15); | |
| padding-left: 15px; | |
| color: $text_color_midgrey; | |
| text-transform: uppercase; | |
| } | |
| } | |
| .payment-types { | |
| margin-top: 7px; | |
| border-top: 2px solid $med_grey; | |
| .payment-type { | |
| float: left; | |
| margin: 0 20px 35px 0; | |
| ~ label { | |
| @include font(futura-book, 13); | |
| cursor: pointer; | |
| .sym { | |
| @include fontsize(20); | |
| color: $text_color_std; | |
| margin-right: 7px; | |
| } | |
| img{ | |
| height: 25px; | |
| margin-top: 7px; | |
| margin-right: 7px; | |
| } | |
| } | |
| } | |
| ul { | |
| width: 100%; | |
| } | |
| > li { | |
| @include font(futura-book); | |
| border-bottom: 2px solid $med_grey; | |
| padding: 10px 0 10px 15px; | |
| color: $text_color_midgrey; | |
| } | |
| } | |
| fieldset { | |
| border: none; | |
| margin: 0 0 20px; | |
| padding: 0; | |
| input[type="text"] { | |
| @include textinput(190); | |
| } | |
| ul { | |
| @include reset-list; | |
| li { | |
| clear: both; | |
| margin: 0 0 10px 0; | |
| &:first-child { | |
| padding-top: 20px; | |
| } | |
| &.error { | |
| input, .selectBox-dropdown, select { | |
| border-color: $red; | |
| } | |
| .errorlist { | |
| clear: both; | |
| li { | |
| @include fontsize(13); | |
| padding-top: 5px; | |
| margin-left: 160px; | |
| color: $red; | |
| text-align: right; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } | |
| .cart-table { | |
| #product-col { | |
| width: 270px; | |
| } | |
| .prod_details { | |
| strong { | |
| @include fontsize(14); | |
| } | |
| dl { | |
| @include fontsize(18); | |
| width: 170px; | |
| } | |
| dt { | |
| @include fontsize(12); | |
| width: 70px; | |
| } | |
| img { | |
| width: 30px; | |
| } | |
| } | |
| .item-total { | |
| vertical-align: bottom; | |
| } | |
| tr:nth-last-child(2) { | |
| border-bottom: 2px solid $button_grey; | |
| } | |
| td { | |
| @include box-sizing(border-box); | |
| } | |
| } | |
| .side-totals { | |
| border-bottom: none; | |
| dl { | |
| @include fontsize(13); | |
| float: right; | |
| margin: 0; | |
| width: 270px; | |
| text-align: right; | |
| } | |
| dt { | |
| color: $text_color_grey; | |
| clear: left; | |
| float: left; | |
| margin: 0; | |
| padding: 0; | |
| text-align: right; | |
| width: 80px; | |
| } | |
| dd { | |
| color: $text_color_std; | |
| float: left; | |
| margin: 0; | |
| padding: 0; | |
| width: 190px; | |
| } | |
| a { | |
| @include button(); | |
| @include fontsize(12); | |
| display: block; | |
| float: left; | |
| width: 60px; | |
| &:hover { | |
| background-color: #eee; | |
| } | |
| } | |
| .side-total { | |
| @include fontsize(24); | |
| padding-top: 15px; | |
| } | |
| .side-discount { | |
| color: $red; | |
| } | |
| } | |
| .control-options { | |
| @include clearfix; | |
| @include box-sizing(border-box); | |
| border-top: 2px dotted $border_light_grey; | |
| clear: both; | |
| margin-top: 30px; | |
| padding: 30px 16px 16px; | |
| .button { | |
| float: right; | |
| position: relative; | |
| } | |
| } | |
| .option-buttons { | |
| margin-top: 16px; | |
| margin-bottom: 32px; | |
| text-align: right; | |
| .button { | |
| margin-right: 16px; | |
| } | |
| } | |
| .nonfielderrorlist { | |
| @extend .page-error; | |
| float: left; | |
| list-style: none; | |
| margin-top: -10px; | |
| margin-bottom: 20px; | |
| padding: 12px; | |
| li { | |
| display: inline; | |
| line-height: 1.4em; | |
| margin: 0; | |
| padding: 3px 0 0 0; | |
| } | |
| } | |
| .sidecart { | |
| h3 { | |
| @include fontsize(15); | |
| margin: 10px 20px 0; | |
| border-bottom: 1px solid $border_med_grey; | |
| } | |
| ul { | |
| @include fontsize(13); | |
| list-style: none; | |
| margin: 10px 0 20px 24px; | |
| padding: 0; | |
| li { | |
| clear: left; | |
| margin-bottom: 2px; | |
| > span { | |
| width: 100px; | |
| float: left; | |
| } | |
| } | |
| } | |
| } | |
| #cardtype { | |
| ul { | |
| width: 200px; | |
| float: left; | |
| margin-bottom: 15px; | |
| li { | |
| float: left; | |
| clear: none; | |
| margin: 0 15px 0 0; | |
| padding: 0; | |
| } | |
| label { | |
| @include box-sizing(border-box); | |
| @include button(); | |
| @include squish-text; | |
| width: 50px; | |
| height: 32px; | |
| color: #333; | |
| cursor: pointer; | |
| background: #fff no-repeat center center; | |
| &:hover { | |
| background-color: $light_grey; | |
| } | |
| } | |
| input { | |
| @extend .visuallyhidden; | |
| &[value="Mastercard"] + label { | |
| background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAXCAYAAABnGz2mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODUyQzYzREMzMEExMUUxOEY5QkE4MTMxNjc4RTNCMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODUyQzYzRUMzMEExMUUxOEY5QkE4MTMxNjc4RTNCMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM4NTJDNjNCQzMwQTExRTE4RjlCQTgxMzE2NzhFM0IzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM4NTJDNjNDQzMwQTExRTE4RjlCQTgxMzE2NzhFM0IzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/uIKbwAAB9JJREFUeNqcV3ls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); | |
| } | |
| &[value="Visa"] + label { | |
| background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAMCAYAAAAOCs/+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODUyQzY0MUMzMEExMUUxOEY5QkE4MTMxNjc4RTNCMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODUyQzY0MkMzMEExMUUxOEY5QkE4MTMxNjc4RTNCMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM4NTJDNjNGQzMwQTExRTE4RjlCQTgxMzE2NzhFM0IzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM4NTJDNjQwQzMwQTExRTE4RjlCQTgxMzE2NzhFM0IzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1kpUKAAABLJJREFUeNpkVVtsVFUUXee+ZqbtlBmgVhoaqa02hVIhaDBGmxgTJeCDxFAIoCY+AGMC8iUx8cNAjSYagn6oaCCaGD98fCi1UpOqFB9VSghtShN8UCut7TSjTXvncV/Hde6dTnnc5GTunLPP3muvtfe+wvm4bgckNmlCNusi8NxAdyHlhJEO9otK5++nTj6JY+fuBeJ2O6x8J20BITIIxFZAHoSQ90A9Gg5B6t28y3N/JTT5HHytnSe1XAHtxjBd8zZGm44hlgMaBwAdN8Ay36DPm0IfQp6kz071anB9ZML71pfGg5fy6ddXVGWSnheDnxfneXhQ9wK6FQzs7aHt3Yied+jEpZMOvjeEO7kKm4EAs/AoAx0nqCSufKSoRc3UKiy7DPgm4FTQp/8iZLCzbOPrKTjWK8raMEnQTCE+vudsx9FvJlsaXmrtPrCv6XsEvt4GX2Ayl1QMLCOwDSFbEC486wjP0jCLNQSoNmfIwhAE0iFoiGTIEvAF148ElQiTCrQf4Fqkg3diTg08sf0q8FpQj3iOPjFlTDqV2NL/GPr+aSG1Tt/zZ7ccyBQrcai1a6W0dSMzV+3BdB/mpTQDqGR6GXMElncH36tKLsd5noUuN8DTl5YYyiLQO2B4LgFFOFMFHXlinCNbhrOV8Wpo5zPhCYJZTqMUKW+lQr3apr7d6JtqBSwqo4lfoLnZzqGN+ODS+ptF4C+fceO0dR4nCxEE03sPCVsFurWcqZCjrDv1MkuA87tL+P4Zf9dRViBDvLNJHwHP9SK19HeHiUrxOzzz8AJtwXqqA23gcjP1poHNTHKJaQbph+7hhaGN8T/t2kZHk42shTuhdPTM3zDWcAJKXg2rryigITiMdX5dP2ZTn4bgBKOK4CGe/czE3uW9anTx78xiYrLug+63hld12U32vwSiQiFba1GI0/3SDJD+F1isVpbMOacU4sn8Ijx9ZkfzdDG5nf+1qBvlcSzKFqE5dC4WgLnxQUgC+6vew3+pnQz6KndnS5Ia7NBdaBn+EGt+1UPGhLe3dNPjn6NsnIuUezQURcg2ymwKPPLJVfXHLG9HrNBPjxoD9rAO6skACxA2pW5h8Y6haBmU8xxtV0Xujbso5U8oxlXtsLALCtAtPHmZa5vyGrKo+U3wY5KdeIF7FnfHmfAztHUJ6DXurVVpMs5qA1bhGmAYotfRcAyYhfsXpDc+J4CxMEkzn6ajutKJzQIfha4lYMyxmAI7ahJc5FjYS7Y30zYR7gXsSNfYRWmtUAEJ5aOr1NnzD6eX1maw43DNU2Cx9pfnU1TcZCJ4H75fYl/yTKQiqbRxFGLjiOcfYFJvcf9ECEqNT1VjAonIDsNceRjuE1jA4aDcVeEU1KKx4a8xkF2C6x6r+DUqctvKDqR2BkbxNMce+eGE0L3bKJcIfYrgD9qqr0EbJ4KSb//CXPLnE5vh7KNk2maqcGN4zzO+o+NnYfhR2Rfi9ZxtPeEdz2g3UDdxPTApTiEXGwi/DIotO3kY+YoAVXNA0ladw0EkBkOHWtCDfKW6M8zPVi+Dr+Cd6lKXTbGoT0MPjrABLkC6+2g3WKqNN4lvpNRUQIU9wrn3Fc/r2Tz2/wIMADzU6sfq3tUkAAAAAElFTkSuQmCC); | |
| } | |
| &[value="V.Me"] + label { | |
| background-image: url(/static/media/img/vme_48.png); | |
| } | |
| &:checked + label { | |
| @include button($button_blue, $button_blue_bg, $blue); | |
| } | |
| } | |
| } | |
| .errorlist { | |
| clear: both; | |
| float: none; | |
| width: 100%; | |
| li { | |
| clear: both; | |
| float: none; | |
| width: 100%; | |
| } | |
| } | |
| } | |
| } | |
| #subscribe_fields { | |
| .leftcheck { | |
| label { | |
| width: 300px; | |
| padding-top: 0; | |
| text-transform: none; | |
| } | |
| } | |
| li { | |
| margin-left: 15px; | |
| } | |
| label { | |
| @include box-sizing(border-box); | |
| @include font(futura-book, 14); | |
| color: $text_color_midgrey; | |
| display: block; | |
| float: left; | |
| padding-top: 6px; | |
| text-transform: uppercase; | |
| width: 157px; | |
| cursor: pointer; | |
| } | |
| } | |
| #subscription_options { | |
| > label { | |
| width: 300px; | |
| margin-bottom: 7px; | |
| } | |
| input { | |
| margin-right: 8px; | |
| } | |
| li { | |
| float: left; | |
| clear: none; | |
| padding: 0; | |
| margin-bottom: 5px; | |
| } | |
| } | |
| } | |
| #shipping_fields { | |
| display: none; | |
| } | |
| #field_billing_detail_country, #field_shipping_detail_country { | |
| .selectBox-dropdown, select { | |
| max-width: 200px; | |
| } | |
| } | |
| // billing/shipping postcode autocomplete | |
| .acInput { | |
| width: 200px; | |
| } | |
| .acResults { | |
| padding: 0px; | |
| border: 1px solid #444; | |
| background-color: #fff; | |
| overflow: hidden; | |
| ul { | |
| margin: 0px; | |
| padding: 0px; | |
| list-style-position: outside; | |
| list-style: none; | |
| li { | |
| margin: 0px; | |
| padding: 2px 5px; | |
| cursor: pointer; | |
| display: block; | |
| font: menu; | |
| font-size: 12px; | |
| overflow: hidden; | |
| &:hover { | |
| background-color: #eee; | |
| } | |
| } | |
| } | |
| } | |
| .acLoading { | |
| background : url("#{$static_url}img/indicator.gif") right center no-repeat; //TODO: not use this loader. | |
| } | |
| .acSelect { | |
| // background-color: Highlight; | |
| // color: HighlightText; | |
| } | |
| // Overlay styles for checkout | |
| #cboxLoadedContent { | |
| padding: 10px 20px; | |
| img { | |
| display: none; | |
| } | |
| } | |
| #complete { | |
| .gpp-redemption { | |
| @include clearfix; | |
| @include border-radius(20px); | |
| width: 800px; | |
| border: 2px solid $red; | |
| margin: 50px 15px; | |
| padding: 10px 20px; | |
| .foundation-logo { | |
| width: 200px; | |
| float: left; | |
| } | |
| .global-citizen-logo { | |
| width: 200px; | |
| float: right; | |
| margin-top: 180px; | |
| text-align: right; | |
| } | |
| .gppcode { | |
| @include border-radius(8px); | |
| @include fontsize(20); | |
| width: 80%; | |
| padding: 5px 10px; | |
| margin: 0 10px; | |
| background-color: $red; | |
| color: #fff; | |
| text-align: center; | |
| } | |
| .gpp-content { | |
| width: 400px; | |
| float: left; | |
| a { | |
| text-decoration: underline; | |
| font-weight: bold; | |
| } | |
| } | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment