assets/WooCommerce/woocommerce.scss
/*!
Site Name: Strip
Author: SILENT COMICS
Stylesheet: WooCommerce Stylesheet
This stylesheet overwrites some WooCommerce CSS rules to better match Strip theme.
For more info, check out:
https://docs.woothemes.com/documentation/plugins/woocommerce/
*/
/*--------------------------------------------------------------
>>> WooCommerce
--------------------------------------------------------------*/
.woocommerce-content {
margin: 0 auto;
max-width: 792px; /* Use 984px or even 1272px if you want a larger product page display */
}
.woocommerce .custom-logo,
.woocommerce-cart .custom-logo,
.woocommerce-checkout .custom-logo {
max-width: 192px;
}
.woocommerce .cart a {
color: #7369FF;
text-decoration: none;
}
/* .woocommerce a:link {
color: #7369FF;
text-decoration: none;
}
.woocommerce a:visited {
color: #69F5FF;
text-decoration: none;
}
/*
.woocommerce a:hover,
.woocommerce a:focus,
.woocommerce a:active {
color: #69F5FF;
text-decoration: underline; border: none;
} */
p.demo_store{
background-color: #FF69AA;
}
.woocommerce-content .product_meta .posted_in,
.woocommerce-content .product_meta .posted_in a,
.woocommerce-content .product_meta .tagged_as,
.woocommerce-content .product_meta .tagged_as a {
text-transform: lowercase;
font-family: Inconsolata, monospace;
font-size: medium;
}
/* .woocommerce .product_title.entry-title {
text-align: right;
} */
.woocommerce .widget-area-wrapper {
overflow: hidden;
}
#payment.woocommerce-checkout-payment,
#payment.form-row place-order {
background-color: #faf4f4;
}
#payment.woocommerce-checkout-payment .payment_box.payment_method_bacs,
#payment.woocommerce-checkout-payment .payment_box.payment_method_paypal {
background-color: #fff;
}
#payment.woocommerce-checkout-payment .payment_box.payment_method_bacs::before,
#payment.woocommerce-checkout-payment .payment_box.payment_method_bacs::after {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid #fff;
}
#payment.woocommerce-checkout-payment .payment_box.payment_method_paypal::before,
#payment.woocommerce-checkout-payment .payment_box.payment_method_paypal::after {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid #fff;
}
.woocommerce h3 {
font-weight: 500;
}
.woocommerce-content .product a {
padding-top: 2.4em;
font-family: Inconsolata, monospace;
font-size: large;
font-weight: 500;
color: #aaddee; /* #aadddd = light blue pink would be #ffaaaa */
text-transform: uppercase;
letter-spacing: 0.12em;
word-wrap: break-word;
}
.woocommerce-content .price,
.woocommerce-content .woocommerce-price-suffix,
.woocommerce-content .added_to_cart.wc-forward {
font-family: Inconsolata, monospace;
font-size: medium;
color: #00bbff;
}
.woocommerce-content .added_to_cart.wc-forward:hover {
color: #69F5FF;
}
.woocommerce .product {
margin-top: 1em;
}
.woocommerce-content .woocommerce-breadcrumb {
display: block; /* Chose blocks if you want to show this */
font: italic 400 24px/1 Futura, "Trebuchet MS", Arial, sans-serif;
margin-bottom: 1.2em;
text-align: center;
}
.woocommerce-content .woocommerce-description {
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
font-size: 0.625rem;
}
#reviews .woocommerce-Reviews,
.woocommerce-content .comment_container,
.woocommerce-content #comments {
display: block;
}
.woocommerce-content #toggle-comments-container {
display: block; /* Because there is no point to toggle on and off reviews like comments if you enabled reviews in the first place */
}
button.toggle-comments {
display: none;
}
.woocommerce .avatar {
border-radius: 50%; /* 50% = Circle */
width: 296px;
height: 296px;
border: none;
}
.woocommerce .comment_container {
border: 40px;
}
.woocommerce-review__dash {
border: none;
}
.woocommerce label,
.woocommerce .orderby,
.woocommerce .woocommerce-message,
.woocommerce textarea,
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="number"],
.woocommerce input[type="country"],
.woocommerce #select2-drop {
font-family:'Fenix', Georgia, serif;
font-size: medium;
}
/* Cart */
.woocommerce .cart .single_add_to_cart_button,
.woocommerce .cart .wc-proceed-to-checkout,
.woocommerce .cart .single_add_to_cart_button.button.alt,
.woocommerce-content .button.add_to_cart_button.product_type_simple,
.woocommerce-content .woocommerce-message .button.wc-forward,
.woocommerce .wc-proceed-to-checkout.checkout-button.button.alt.wc-forward,
.woocommerce .cart .button,
.woocommerce.form-submit,
.woocommerce .form-row.place-order .button.alt,
.woocommerce .button.wc-backward,
.woocommerce .button .wc-forward,
.woocommerce .woocommerce-checkout-payment .button.alt,
.woocommerce .lost_reset_password .button,
.woocommerce button.button,
.woocommerce #respond input#submit,.woocommerce input.button,
.woocommerce .button html input[type="button"],
.woocommerce .button input[type="submit"] {
color: #fff;
background: #422442; /* #00bbbb seablue */
cursor: pointer;
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
font-size: small;
letter-spacing: 0.12em;
font-weight: 500;
text-align: center;
padding: 1.2em;
text-transform: uppercase;
width: auto;
}
.woocommerce .cart input.button .update_cart {
color: #fff;
background: #00bbbb;
cursor: pointer;
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
font-size: 0.6em;
letter-spacing: 0.12em;
text-align: center;
padding: 1.2em;
text-transform: uppercase;
width: auto;
}
.woocommerce .cart .single_add_to_cart_button,
.woocommerce .cart .single_add_to_cart_button:hover,
.woocommerce button.button {
width: 100%;
}
.woocommerce .cart .single_add_to_cart_button:hover,
.woocommerce .cart .wc-proceed-to-checkout:hover,
.woocommerce .cart .single_add_to_cart_button.button.alt:hover,
.woocommerce-content .button.add_to_cart_button.product_type_simple:hover,
.woocommerce-content .woocommerce-message .button.wc-forward:hover,
.woocommerce .wc-proceed-to-checkout.checkout-button.button.alt.wc-forward:hover,
.woocommerce .cart .button:hover,
.woocommerce.form-submit:hover,
.woocommerce .form-row.place-order .button.alt:hover,
.woocommerce .button.wc-backward:hover,
.woocommerce .button .wc-forward:hover,
.woocommerce .woocommerce-checkout-payment .button.alt:hover,
.woocommerce .lost_reset_password .button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit,.woocommerce input.button:hover,
.woocommerce .button html input[type="button"]:active,
.woocommerce .button input[type="submit"]:active {
background-color: #69F5FF;
}
.woocommerce .search-field {
font-size: small;
}
/* MailChimp for WordPress style */
.woocommerce .mc4wp-form input {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #faf4f4;
padding: 6px 6px 5px;
margin:0 4px 0 0;
line-height:1.2;
display: block;
font-family: Inconsolata, monospace;
font-size: 0.875rem;
text-align: center;
width: 100%;
} /* input fields */
.woocommerce .mc4wp-form input[type="submit"] {
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
font-size: 0.625rem;
width: 100%
} /* submit button */
.woocommerce .added_to_cart.wc-forward {
display: initial;
color: blueviolet;
text-transform: uppercase;
}
.woocommerce .price ins,
.woocommerce .woocommerce-message:before {
content:"\e015";
color: #69F5FF;
}
.woocommerce .woocommerce-message {
border-top-color: #69F5FF;
}
.woocommerce .woocommerce-error,.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
background-color: #faf4f4;
}
.woocommerce .woocommerce-error .button.wc-forward {
color: #fff;
background: #ff00cc;
cursor: pointer;
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
font-size: 0.9rem;
letter-spacing: 0.1em;
text-align: center;
padding: 9px;
text-transform: uppercase;
width: auto;
}
.woocommerce .woocommerce-error {
border-top-color: #ff00cc;
}
.woocommerce .woocommerce-error:before{
content:"\e016";
color: #FF69F5;
}
.woocommerce span.onsale {
color: black;
background-color: #69F5FF; /* #ff0000 = pure yellow #ff7624 = orange #aaff00=acid green #00ffaa = light flashy green #00ffcc = Light seablue #00bbbb = seablue #ccffdd = lame pale blue #ffcc00 #bbff00 #ffee00 */
padding: 0.6em;
font-weight:400;
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
font-size: 1.2em;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.woocommerce .cart_totals .checkout-button.button.alt.wc-forward {
color: #fff;
background: #69F5FF;
font-size: large;
}
.woocommerce-content .price,
.woocommerce-content .amount {
color: black;
font-size: large;
letter-spacing: 0.1em;
}
.woocommerce .woocommerce-checkout,
.woocommerce .payment_box.payment_method_bacs {
font-size: medium;
}
.woocommerce .shop_table.cart {
border: 1px solid rgba(0, 0, 0, 0.1);
border-width: 1px 0 0 1px;
padding: 5px 5px 10px 5px;
vertical-align: top;
margin-bottom: 34px;
width: 100%;
}
small.download-url {
font-size: large;
font-style: italic;
text-decoration: underline;
}