Last active
May 28, 2019 12:19
-
-
Save artlipsky/c2cbedc66498ce07aee8ecc87f220a73 to your computer and use it in GitHub Desktop.
This file contains hidden or 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
/*----------Primary Buttons-------------*/ | |
.woocommerce button.button.alt, .woocommerce a.button, .woocommerce ul.products li.product .button, .woocommerce #review_form #respond .form-submit input, .woocommerce a.button.alt, .woocommerce button.button { | |
background: #E96199; | |
border: 1px solid #E96199; | |
font-family: 'Montserrat'; | |
font-size: 12px; | |
border-radius: 0px; | |
letter-spacing: 1px; | |
text-transform: uppercase; | |
color: white; | |
line-height: 1.2; | |
text-align: center; | |
padding: 16px 24px; | |
transition: all ease 0.5s; | |
outline: none; | |
} | |
/*----------Primary Buttons Hovered-------------*/ | |
.woocommerce button.button.alt:hover, .woocommerce a.button:hover, .woocommerce ul.products li.product .button:hover, .woocommerce #review_form #respond .form-submit input:hover, .woocommerce a.button.alt:hover, .woocommerce button.button:hover { | |
background: #085888; | |
border: 1px solid #085888; | |
color:white; | |
} | |
/*----------Buttons Disabled-------------*/ | |
.woocommerce button.button.alt.disabled, woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce button.button.alt.disabled:hover, woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover { | |
background: #cccccc; | |
border: 1px solid #cccccc; | |
font-family:; | |
font-size:; | |
border-radius:; | |
letter-spacing:; | |
text-transform:; | |
color:white; | |
line-height:; | |
text-align:; | |
padding: 16px 24px; | |
} | |
/*----------Secondary Buttons-------------*/ | |
.woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce table.my_account_orders .button, td a.woocommerce-MyAccount-downloads-file.button.alt { | |
line-height: 1.2; | |
text-align: center; | |
background: white; | |
border: 1px solid #00ADEF; | |
text-transform: uppercase; | |
letter-spacing: 1px; | |
font-family: 'Montserrat'; | |
font-weight: 700; | |
font-size: 12px; | |
color: #00ADEF; | |
border-radius: 0px; | |
padding: 16px 32px; | |
transition: all ease 0.2s; | |
outline: none; | |
} | |
/*----------Secondary Buttons Hovered-------------*/ | |
.woocommerce .cart .button:hover, .woocommerce .cart input.button:hover, .woocommerce table.my_account_orders .button:hover, td a.woocommerce-MyAccount-downloads-file.button.alt:hover { | |
background: white; | |
border-color: #085888; | |
color: #085888; | |
} | |
/*----------Links-------------*/ | |
a { | |
color: #00ADEF; | |
transition: all ease 0.2s; | |
font-family: 'Montserrat'; | |
} | |
/*----------Links Hovered-------------*/ | |
a:hover { | |
color: #E96199; | |
} | |
/*-----------Labels----------------*/ | |
.woocommerce form .form-row label, label, .woocommerce div.product form.cart .variations label { | |
font-size: 12px; | |
color: #666; | |
margin-top: 8px; | |
font-family: 'Montserrat'; | |
font-weight: 400; | |
font-style: normal; | |
} | |
/*---------------Textfields----------------*/ | |
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce .quantity .qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce #review_form #respond textarea { | |
padding: 8px 12px; | |
font-size: 14px; | |
line-height: normal; | |
font-family: 'Montserrat'; | |
border: 1px solid #ccc; | |
transition: all ease 0.2s; | |
outline: none; | |
border-radius: 0; | |
background: transparent; | |
height: auto; | |
} | |
/*---------------Textfields Focus----------------*/ | |
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus, .woocommerce .quantity .qty:focus, .woocommerce-cart table.cart td.actions .coupon .input-text:focus, .woocommerce #review_form #respond textarea:focus { | |
border: 1px solid #00ADEF; | |
box-shadow: 0 0 5px #00ADEF; | |
} | |
/*---------------Placeholders----------------*/ | |
.woocommerce-page table.cart td.actions .input-text::placeholder, .woocommerce form .form-row .input-text::placeholder, .woocommerce-page form .form-row .input-text::placeholder { | |
color: #aaa; | |
} | |
/*---------------Dropdowns----------------*/ | |
.select2-container--default .select2-selection--single, .select2-container--default .select2-search--dropdown .select2-search__field, .woocommerce .woocommerce-ordering select, .woocommerce div.product form.cart .variations select { | |
border: 1px solid #ccc; | |
font-size: 14px; | |
line-height: normal; | |
padding: 8px 12px; | |
outline: none; | |
transition: all ease 0.2s; | |
border-radius: 0; | |
height: auto; | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
color: black; | |
font-family: 'Montserrat'; | |
background: transparent; | |
} | |
.select2-container--default .select2-selection--single .select2-selection__rendered { | |
padding: 0; | |
line-height: normal; | |
} | |
/*---------------Dropdowns Hovered----------------*/ | |
.select2-container--default .select2-selection--single:focus, .select2-container--default .select2-search--dropdown .select2-search__field:focus, .woocommerce .woocommerce-ordering select:focus, .woocommerce div.product form.cart .variations select:focus { | |
border: 1px solid #00ADEF; | |
box-shadow: 0 0 5px #00ADEF; | |
} | |
/*---------------Headings----------------*/ | |
h1, h2, h3, h4, h5, h6 { | |
color: black; | |
font-family: 'Montserrat'; | |
font-weight: 100; | |
} | |
/*--------Prices and Quantity------------*/ | |
.woocommerce-Price-amount.amount, .woocommerce ul#shipping_method .amount, .product-quantity, mark, .woocommerce ul.products li.product .price { | |
color: black; | |
font-family: 'Montserrat'; | |
font-weight: 900; | |
font-size: 16px; | |
background: transparent; | |
} | |
/*--------------Table Headings----------------*/ | |
.woocommerce table.shop_attributes th, .woocommerce-cart table.cart th, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce table.shop_table th, .woocommerce table.shop_table tfoot th { | |
font-family: 'Montserrat'; | |
font-weight: 100; | |
color: #666; | |
font-size: 14px; | |
text-align: left; | |
line-height: normal; | |
} | |
/*-------------------Texts---------------------*/ | |
p, legend, .comment-reply-title, .product_meta span, .woocommerce table.shop_table td, address, .woocommerce table.shop_table tfoot td { | |
color: #666; | |
font-weight: 400; | |
line-height: 1.6; | |
font-size: 16px; | |
font-family: 'Montserrat'; | |
font-style: normal; | |
} | |
/*-------------------Bold Texts--------------------*/ | |
b, strong { | |
color: black; | |
font-weight: 900; | |
} | |
/*--------------------Badges---------------------*/ | |
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale { | |
background: #00ADEF; | |
font-size: 12px; | |
padding: 6px 12px; | |
line-height: 1.2; | |
border-radius: 20px; | |
min-width: 0; | |
min-height: 0; | |
margin: 0; | |
top: 12px; | |
left: 12px; | |
right: auto; | |
position: absolute; | |
} | |
/*--------------------Table Borders-------------------------*/ | |
.woocommerce table.shop_table, .woocommerce .woocommerce-customer-details address, fieldset, .woocommerce table.shop_attributes { | |
border: 1px solid #ddd; | |
border-radius: 0; | |
background: white; | |
padding: 12px; | |
box-shadow: rgba(0,0,0,0.1) 0 22px 45px -20px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment