INGREDIENTS
1 serving
div[class*='preorder-container-'].product__image-container
1 serving
div[class*='preorder-container-']
1 serving
position: absolute
1 serving
top:20px
1 serving
color: #fff
1 serving
display: table
1 serving
position: absolute
1 serving
top:20px
1 serving
color: #fff
1 serving
display: table-cell
1 serving
preorder-badge.ribbon {
1 serving
position: absolute
1 serving
right: -5px; top: -5px
1 serving
preorder-badge.ribbon span {
1 serving
font-size: 10px
1 serving
color: #fff
1 serving
display: block
1 serving
position: absolute
1 serving
top: 19px; right: -21px
1 serving
preorder-badge.ribbon span::before {
1 serving
position: absolute; left: 0px; top
888888
border-left: 3px solid
1 serving
border-right: 3px solid transparent
1 serving
border-bottom: 3px solid transparent
888888
border-top: 3px solid
1 serving
preorder-badge.ribbon span::after {
1 serving
position: absolute; right: 0px; top
1 serving
border-left: 3px solid transparent
888888
border-right: 3px solid
1 serving
border-bottom: 3px solid transparent
888888
border-top: 3px solid
1 serving
top: 10px
1 serving
font-size: 12px
1 serving
margin-top: 30px
1 serving
margin-bottom: 10px
1 serving
display: block; /* hidden by default
1 serving
z-index: 9999; /* sit on top
1 serving
width: ; /* full width
1 serving
height: ; /* full height
background-color: rgb; /* fallback color
2/5
background-color: rgba; /* w/ opacity
1 serving
background-color: #fefefe
1 serving
margin: auto; /* from the top and centered
888
border: 1px solid
1 serving
font-size:22px
79/100
background-color: rgba
top: !important
1 serving
display: block
1 serving
color
font-size: 8em
1 serving
position text over the progress bar
1 serving
position:absolute
1 serving
progress::-webkit-progress-bar {
1 serving
background-color: #f5f5f5
1 serving
nav-progress::-webkit-progress-bar{
1 serving
background-color: #ffffff !important
1 serving
webkit-background-size: 40px 40px
1 serving
background-size: 40px 40px
75 cs
background-color: #5cb
1 oz
progress::-m -progress-bar {
1 serving
background-color: #f5f5f5
1 serving
position: absolute
1 serving
background-color: #fff
1 serving
border-color: #ccc
333
color
1 serving
top: 2px
1 serving
notify-stock-back-modal .bg-black
1 serving
notify-stock-back-modal .bg-black {
3/10
background-color: rgba
1 container
notify-stock-back-modal .inner {
1 serving
notify-stock-back-modal .white-box-in {
1 serving
background-color: #fff
1
notify-stock-back-modal .white-box-in h {
1 serving
font-size: 24px
1 serving
notify-stock-back-modal .white-box-in p {
1 serving
font-size: 16px
1 serving
margin-bottom: 15px
1 serving
notify-stock-back-modal .email-form {
4
border-top: 1px solid #eee
1 serving
padding-top: 15px
1 serving
notify-stock-back-modal .email-form input {
4
border: 1px solid #eee
1 serving
font-size: 16px
1 serving
margin-bottom: 10px
1 serving
notify-stock-back-modal .email-form input:focus {
36
border-color: #212b
1 serving
notify-stock-back-modal .error-field input {
3545
border-color: #dc !important
1 serving
notify-stock-back-modal .error-field .error {
1 serving
color: #dc3545
1 serving
font-size: 14px
1 serving
notify-stock-back-modal .email-form .notify-btn {
36
background-color: #212b
1 serving
color: #fff
1 serving
margin-top: 15px
1 serving
display: block
1 serving
font-size: 16px
1 serving
margin-bottom: 15px
1 serving
notify-stock-back-modal .powerby {
1 serving
color: #fff
1 serving
margin-top: 15px
1 serving
notify-stock-back-modal .text-center {
1 serving
notify-stock-back-modal .cross-me {
1 serving
position: absolute
1 serving
font-size: 14px
1 serving
display: block
1 serving
display: inline-block
666
color
border: 1px solid #eee
1 serving
font-size: 14px
707070
color
1 serving
margin-bottom: 5px
1 serving
font-size: 14px
1 serving
position: absolute
1 serving
top: 11px
1 serving
border: 1px solid #ddd
1 serving
position: absolute
1 serving
top: 15px
1 serving
border: solid #ffffff
1 serving
position: absolute
1 serving
background-color: #007bff
1 serving
border-color: #007bff
1 serving
border: 1px solid #ddd
1 serving
border-right: 1px solid #ccc
1 serving
display: inline-block
1 serving
font-size: 15px
1 serving
font-size: 15px
1 serving
display: inline-block
562
color: #68b
1 serving
font-size: 15px
1 serving
display: block
1 serving
display: inline-block
1 serving
border: 1px solid #fff
1 serving
font-size: 14px
1 serving
pn-partial-payment ul li.active {
800017
background-color
1 serving
collection .grid--view-items
1 serving
preorder-badge.rectangle {
1 serving
right:20px
1 serving
padding:10px
1 serving
width:20%
1 serving
text-align: center
1 serving
font-weight: bold
1 serving
overflow:hidden
1 serving
}
1 serving
preorder-badge.circle {
1 serving
right:20px
1 serving
padding:10px
1 serving
width:100px
1 serving
height:100px
1 serving
border-radius:50%
1 serving
text-align: center
1 serving
font-weight: bold
1 serving
overflow:hidden
1 serving
}
1 serving
preorder-badge.circle span{
1 serving
vertical-align: middle
1 serving
}
1
1 serving
overflow: hidden
1 serving
width: 75px; height: 75px
1 serving
text-align: right
1 serving
}
1 serving
font-weight: bold
1 serving
text-transform: uppercase
1 serving
text-align: center
1 serving
line-height: 20px
1 serving
transform: rotate)
1 serving
webkit-transform: rotate)
1 serving
width: 100px
1 serving
}
1 serving
content
1
1 serving
}
1 serving
content
1
1 serving
}
1 serving
cart__row .preorder-badge{
1 serving
display:none
1 serving
}
1 serving
media only screen and {
1 serving
preorder-badge.circle{
1 serving
right: 10px
1 serving
padding: 5px
1 serving
width: 60px
1 serving
height: 60px
1 serving
border-radius
1 serving
text-align: center
1 serving
font-weight: bold
1 serving
overflow: hidden
1 serving
line-height: 16px
1 serving
}
1 serving
}
1 T
pn car warning modal css
1 serving
jquery-modal.blocker.current{
1000000000
1 serving
}
1 serving
pn-mixed-cart-warning-title{
1 serving
text-align:center
1 serving
}
1 serving
pn-modal {
1
1 serving
display:none
1 serving
overflow:visible
1 serving
padding:0px
1 serving
}
1 serving
pn-manual-modal-container{
1 serving
position: fixed; /* stay in place
-1 ? SOLID left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
-1 ? SOLID top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
overflow: auto; /* enable scroll if needed
1 serving
}
1 serving
pn-manual-modal-content{
1 serving
padding: 20px
1 serving
less
1 serving
max-width:600px
1 serving
}
1 serving
pn-mixed-cart-warning-content{
1 serving
text-align:center
1 serving
}
1 serving
pn-modal-close-btn{
1 serving
float:right
1 serving
cursor:pointer
1 serving
}
1 serving
loading-image {
1 serving
width: 85px
1 serving
}
1 serving
loader{
1 serving
position: fixed
-1 ? SOLID top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
-1 ? SOLID left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
2
1 serving
overflow: auto
-1 ? SOLID right: 0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
-1 ? SOLID bottom: 0; bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
display: none
1 serving
align-items: center
1 serving
justify-content: center
1 serving
}
1 serving
ui-widget-overlay{
3/5
opacity: !important
1 serving
background: #fff !important
1 serving
}
1 serving
ui-dialog{
1 serving
position: fixed !important
1 serving
height: auto
1 serving
width: 300px
363
left: 5px
10000000000
1 serving
}
1 serving
progress {
1 serving
text-align: center
1
height: 6em
1 serving
width
1 serving
webkit-appearance: none
1 serving
border: none
1 serving
set the progressbar to relative
1 serving
position:relative
1 serving
border-radius: 4px
1 serving
overflow: hidden
1 serving
}
1 serving
progress:before {
1 serving
content: attr)
-1 ? SOLID vertical-align: 0; vertical-align 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
-1 ? SOLID left:0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
-1 ? SOLID right:0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
}
1 serving
}
1 serving
progress::-webkit-progress-value {
15
background-image: -webkit-linear-gradient)
15
background-image: -o-linear-gradient)
15
background-image: linear-gradient)
1 serving
}
1 serving
}
1 serving
progress_percent{
1 serving
left: 9px
1 serving
display: flex
100
1 serving
margin-left
1 serving
}
1 serving
pg-mg{
1 serving
margin-left
1 serving
}
1 serving
setting-note{
1 serving
padding-left: 20px
1 serving
}
1 serving
watch-later-btn{
1 serving
box-shadow: none
1 serving
display: flex
1 serving
align-items: center
1 serving
}
1 serving
watch-later-btn span{
1 serving
margin-right: 6px
1 serving
position: relative
1 serving
}
1 serving
watch-later-btn img{
1 serving
height: 20px
1 serving
width:20px
1 serving
}
1 serving
line-through {
1 serving
text-decoration: line-through
1 serving
}
1 serving
notify email popup css
1 serving
import url
1 serving
ordersfy-modal {
1 serving
font-family: 'josefin sans'
1 serving
position: fixed
-1 ? SOLID left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
-1 ? SOLID right: 0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
-1 ? SOLID top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
-1 ? SOLID bottom: 0; bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
display: flex
1 serving
align-items: center
1 serving
justify-content: center
555
1 serving
}
1 serving
}
1 serving
position: relative
556
1 serving
width
1 serving
max-width: 420px
1 serving
padding: 15px
1 serving
}
1 serving
padding: 20px
1 serving
border-radius: 6px
1 serving
position: relative
1 serving
}
500
margin: 5px
1 serving
}
-1 ? SOLID margin-top: 0; margin-top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
line-height: 24px
1 serving
}
1 serving
}
1 serving
width
1 serving
padding: 10px 15px
500
1 serving
border-radius: 3px
1 serving
outline: none
1 oz
m -transition: 0.3s linear
webkit-transition: 3s ease-out
transition: 3s linear
1 serving
}
1 serving
}
1 serving
}
1 serving
}
1 serving
width
1 serving
padding: 10px 15px
1 serving
text-align: center
-1 ? SOLID border: 0; border 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
border-radius: 6px
1 serving
text-transform: uppercase
500
1 serving
letter-spacing: 1px
1 serving
cursor: pointer
1 serving
}
1 serving
text-decoration: none
1 serving
display: inline-flex
1 serving
align-items: center
1 serving
}
1 serving
text-align: center
1 serving
}
1 serving
display: inline-flex
1 serving
padding: 15px
-1 ? SOLID right: 0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
-1 ? SOLID top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
22
1 serving
cursor: pointer
1 serving
}
1 serving
partial payment css
1 serving
c-widget {
1 serving
max-width: 400px
margin: auto
1 serving
}
1 serving
c-widget .sd_payment_type {
1 serving
float: left
1 serving
width
margin: 1px 5px
1 serving
}
1 serving
c-widget .sd_payment_type label {
1 serving
float: left
1 serving
width
1 serving
}
1 serving
c-widget .product-form__item label {
1 serving
}
1 serving
c-widget .sd_payment_type.sd-custom-price-type span {
1 serving
width
-1 ? SOLID padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
float: left
margin: 10px
1 serving
padding-right: 15px
1 serving
}
1 serving
c-widget .sd_payment_type [type="radio"]:checked+label
1 serving
c-widget .sd_payment_type [type="radio"]:not)+label {
1 serving
position: relative
1 serving
padding-left: 40px
1 serving
cursor: pointer
1 serving
line-height: 20px
1 serving
}
1 serving
c-widget .sd_payment_type span label {
1 serving
padding: 10px
500
1 serving
border-radius: 4px
1 serving
}
1 serving
c-widget .sd_payment_type label {
1 serving
float: left
1 serving
width
1 serving
}
1 serving
c-widget .sd_payment_type [type="radio"]:checked+label:before
1 serving
c-widget .sd_payment_type [type="radio"]:not)+label:before {
1 serving
content
1 serving
left: 10px
1 serving
width: 18px
1 serving
height: 18px
1 serving
border-radius: 18px
1 serving
background: #fff
1 serving
}
1 serving
c-widget .sd_payment_type [type="radio"]:not)+label:after {
-1 ? SOLID opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
webkit-transform: scale
1 serving
transform: scale
1 serving
}
1 serving
c-widget .sd_payment_type [type="radio"]:checked+label:after
1 serving
c-widget .sd_payment_type [type="radio"]:not)+label:after {
1 serving
content
webkit-transition: all 2s ease
transition: all 2s ease
1 serving
left: 17px
1 serving
width: 5px
1 serving
height: 8px
border-width: 2px 2px
1 serving
transform: rotate)
1 serving
}
1 serving
c-widget .sd_payment_type [type="radio"]:checked
1 serving
c-widget .sd_payment_type [type="radio"]:not) {
1 serving
left: -9999px
1 serving
}
1 serving
c-widget .sd_payment_type [type="radio"]:checked+label:before {
1 serving
}
1 serving
c-widget .sd-span-custompart-price {
1 serving
max-width: 150px
1 serving
display: flex
1 serving
align-items: center
1 serving
border-radius: 4px
1 serving
min-height: 42px
1 serving
}
1 serving
c-widget .sd-span-custompart-price span.sd-cust-currency {
1 serving
padding: 5px 15px
600
1 serving
}
1 serving
c-widget input.price-input-preorder {
1 oz
m -appearance: textfield
1 serving
padding: 7px 15px
1 serving
border: 0px
1 serving
outline: none
1 serving
min-height: unset
1 serving
width
1 serving
}
1 serving
partial-initial-payment {
1 serving
}
1 serving
pn-partial-payment {
1 serving
width
1 serving
}
1 serving
pn-partial-payment ul {
webkit-box-shadow: 0px 0px 10px 1px rgb
margin: 2px
1 serving
}
1 serving
pn-partial-payment ul li {
1 serving
padding: 10px
1 serving
display: flex
1 serving
justify-content: space-between
1 serving
}
1 serving
}
1 serving
pn-partial-payment ul li span {
1 serving
min-width: 150px
1 serving
text-align: left
1 serving
margin-right: 10px
1 serving
word-break: break-word
1 serving
}