Skip to content

Instantly share code, notes, and snippets.

@stewartknapman
Last active June 6, 2017 06:12
Show Gist options
  • Save stewartknapman/7649410 to your computer and use it in GitHub Desktop.
Save stewartknapman/7649410 to your computer and use it in GitHub Desktop.
A reset of the Shopify checkout stylesheet.
/*
* Shopify checkout reset
*/
/* Reset base elements */
body, h1, h2, h3, h4, h5, h6, p, h1 span.subtitle, h3.divider, #welcome, #container, #container.slim, #main, #container.slim #main, #content, #header, #container.slim #header, #header h1,
#info-bar, #footer, .footer p, #container.slim #footer, #overview, #overview h2, #overview a, #products, #done, #wallet, div.wallet-highlight, #cost, #order-num, #success, #steps, #thumbs,
#thumbs div, #thumbs td, .slim #thumbs td, #thumbs h3, #thumbs h3 span, #thumbs span, #overview .hint, #payment-type, #payment-type li, #payment-type li:hover, li.text-payment, .center,
#addresses, #email, #email label, #email input, #shipping-same label, .address-notification, #gateway-logos, #gateway-logos img, #pay-with, #pay-with h3, #payment, #or, #payment-methods li,
#payment-methods input, #credit-card-valid, img.credit-card, .field-with-errors, .field-with-errors input, .field-with-errors .error-message, .severe-error, .gleft, .gright, label,
input[type=text], input[type=password], textarea, #buttons, #buttons input, dl, dt, dd, dl .hint, .group, .pgroup, .pgroup dl, input.btn, textarea.short, input.digit-2, textarea.tall,
.ta-success, .big, input.long, input.short, .small, label.inline, .pageform h4, .soft, .soft label, .medium label, .medium p, ul.radios li, fieldset, fieldset#switchsolo, legend, fieldset p,
span.hint a, td.label, td.lprice, td.sprice, td.weight, th.trash, th.sku, a.bottab, a.more, a.less, .group h3, .pgroup h3, .form td, .form ul.inline li, .form ul.inline li label, .form td.lbl,
.form td input, .form td input.short, .form td textarea, .highlight, #customer_login.required, .sign-in, .forgot-password, #reset-email, .multiple_address_selection td, table.form.full,
.form.full td.lbl, .form.full td input, .sign-in-area, .sign-in-area input[type=submit], .group.st, h4.active-customer, span.sign-in-message, .flash, .flash.notice, .flash.error,
.header-description p, .thumblist li, .thumblist li:last-child, .thumblist-image, .thumblist-image .images, .thumblist-content, .thumblist .group, .item-inventory-message,
.item-inventory-action, .item-inventory-action label, .item-inventory-action input[type=radio], .shopify-dialog-content, .shopify-dialog pre, .shopify-dialog-content{
font-family: sans-serif;
font-size: 100%;
line-height: 140%;
font-weight: normal;
font-style: normal;
text-align: left;
vertical-align: baseline;
color: #000;
text-shadow: none;
list-style: none;
width: auto;
height: auto;
margin: 0;
padding: 0;
border: none;
border-radius: 0;
background: transparent;
}
li.text-payment{
margin: 0 !important; /* li.text-payment uses !important */
}
input, #email input, #payment-methods input, .field-with-errors input, input[type=text], input[type=password], textarea, #buttons input, textarea.short, input.digit-2, textarea.tall, input.long,
input.short, .form td input, .form td input.short, .form td textarea, .form.full td input, .sign-in-area input[type=submit], .item-inventory-action input[type=radio]{
line-height: 100%;
border: #ccc solid 1px;
}
#buttons input, .sign-in-area input[type=submit]{
background: #ddd;
padding: 5px;
}
/* Reset floats */
#products, #done, #thumbs div, .gleft, .form ul.inline li, .sign-in, .forgot-password, .sign-in-area input[type=submit], .thumblist-image, .thumblist-content{
float: none;
}
/* Reset absolute or fixed positions */
#info-bar, #payment, #or{
position: static;
top: auto;
right: auto;
bottom: auto;
left: auto;
}
/* Reset links */
a, span.hint a{
color: #479ccf;
}
a:hover, span.hint a:hover{
color: #2a74a0;
text-decoration: underline;
}
/* Reset opacity */
.inactive{
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment