Favoreats
Favoreats LLC
GET — On the App Store
INGREDIENTS
1 serving
font-size: 17px
1 serving
button#addtocart:hover span {
1 serving
color: #fff
1 serving
margin-top: 24px
1 serving
padding-bottom: 14px
1 serving
button#addtocart-product-template:hover span {
1 serving
color: #fff
1 serving
top: 0px
1 serving
product-form__item.product-form__item--submit button {
color:# !important
1
background-color:rgba) !important
1/2
border-color: rgba) !important
1 serving
border-style: solid !important
1
color: rgba) !important
1 serving
color swatches contain no text so they need to have a width
1 serving
no extra spacing between them
1 serving
the border when the button is not selected
1 serving
border:#ccc 1px solid
1 serving
background color
1 serving
background-color:#ddd
1 serving
font-size:13px
1 serving
color.swatch-element label
1 serving
slightly raised
1 serving
border-color:transparent
60
filter: alpha; /* internet explorer
1 serving
background:gray
1 serving
color:#fff
1 serving
bottom:100%
1 serving
display:block
1 serving
margin-bottom:15px
filter:alpha
1 serving
bottom:-20px
1 serving
display:block
1 serving
width:100%
1 serving
border-left:solid transparent 10px
1 serving
border-right:solid transparent 10px
1 serving
border-top:solid gray 10px
1 serving
bottom:-10px
100
filter:alpha
1 serving
background-color:#e8d2d2!important
1 serving
color:#333!important
1 serving
padding-top: 14px
1 serving
padding-top: 9px
1 serving
color: #c14646
1 serving
color: #ffffff
1 serving
margin-top:16px
1 serving
top: 7px
1 serving
font-size: 15px
1 serving
display: inline-block
1 serving
display: block
1 serving
font-size: 50px
1 serving
padding-top: 5px
1 serving
font-size: 15px
1 serving
display: inline-block
1 serving
color: #fff
17
background-color: #2b1b
1 serving
display: block
1 serving
font-size: 50px
1 serving
padding-top: 5px
1 serving
font-size: 40px
1 serving
padding-top: 5px
1 serving
font-size: 15px
1 serving
display: inline-block
1 serving
display: block
1 serving
font-size: 50px
1 serving
font-size: 18px
color
1 serving
display: inline-block
1 serving
color: #acacac
1 serving
font-size: 20px
1 serving
background-color:#0887af
1 serving
color: #fff
1 serving
font-size: 20px
788188
color
1 serving
font-size: 20px
1 serving
top: 6px
1 serving
font-size: 18pxpx
1 serving
display: block
4
background-color: #eee !important
1 serving
border: 1px solid #ddd
1
margin-bottom: 5em
1 serving
top: 36px
1 serving
top: 0px
70807
color
1 serving
font-size: 30px
1 serving
font-size: 21px
color
color: # !important
1 serving
color: #cb2a2a
1 serving
button#addtocart-product-template {
1 serving
font-size: 17px !important
1 serving
button#addtocart-product-template {
5
border-top: 0px solid #eee
1 serving
background-color: #ccc
1 serving
template-product .upsell_products .selector-wrapper.js.product-form__item {
1 serving
top: !important
1 serving
template-product .upsell_products .product-form__item.product-form__item--submit.custom_buton button {
3
grid__item.medium-up--three-fifths.small--one-half h {
1 serving
font-size: 18px !important
1 serving
font-size: 16px
1 serving
font-size: 18px
1 serving
font-size: 16px
1 serving
font-size: 25px
1 serving
font-size: 25px
1 serving
font-size: 25px
1 serving
font-size: 15px
1 serving
text-center.return-link-wrapper {
1 serving
margin-top: 20px
1 serving
padding-top: 0px !important
1 serving
product page css ends
1 serving
top: 0px
1 serving
padding-top: 13px !important
8
background-color: #7796a
1 serving
padding-top: 69px
1 serving
padding-bottom: 45px
1 serving
font-size: 14px
1 serving
font-size: 18px
1 serving
font-size: 15px
1 serving
font-size: 18px
1 serving
margin-bottom: 10px
1 serving
font-size: 18px
1 serving
input.no_upsell.btn.btn--small-wide {
1 serving
font-size: 18px
1 serving
top
8
background-color: #7796a
1 serving
font-size: 19px
1 serving
color: #fff
1 serving
background-color: #6b0b0b
1 serving
font-size: 15px
1 serving
font-size: 20px
1 serving
top:10% !important
1 serving
padding-bottom: 16px
1 serving
font-size: 18px
1 serving
button#addtocart {
66
background-color: #08bd
1 serving
display: block !important
1 serving
product-form__item.product-form__item--submit.custom_buton button {
1 serving
template-product .sales_text span.sale_ticker_text {
1 serving
}
1 serving
}
1 serving
main {
1 serving
}
1 serving
template-product .modal-footer {
1 serving
}
1 serving
}
1 serving
dummy_button_for {
1 serving
display: none !important
1 serving
}
1 serving
template-product .custom {
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
left: 0px
1 serving
width
1 serving
position: absolute
1 serving
}
1 serving
float: left
1 serving
}
1 serving
popupdiv {
1 serving
display: none
1 serving
margin: 8px 0px 2px 4px !important
1 serving
padding: 5px 0px 8px 0px !important
1 serving
webkit-border-radius: 5px 5px 5px 5px
1 oz
m -border-radius: 5px 5px 5px 5px !important
1 serving
border-radius: 5px 5px 5px 5px
1 serving
border-width: 1px !important
1/5
box-shadow: 2px 2px 2px rgba) !important
1 serving
}
1 serving
swatches styles
1 serving
swatch {
margin:1em
1 serving
}
1 serving
label
1 serving
swatch .header {
margin: .5em
1 serving
}
1 serving
hide radio buttons
1 serving
swatch input {
1 serving
display:none
1 serving
}
1 serving
swatch label {
1 serving
rounded corners
1 serving
webkit-border-radius:2px
1 serving
moz-border-radius:2px
1 serving
border-radius:2px
1 serving
to give width and height
1 serving
float:left
1 serving
min-width:50px !important
1 serving
height:35px !important
? margin:0; margin:0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
styling text
1 serving
text-align:center
1 serving
line-height:35px
1 serving
white-space:nowrap
1 serving
text-transform:uppercase
1 serving
}
1 serving
swatch-element label
1 serving
styling selected swatch
1 serving
swatch input:checked
4/5
webkit-box-shadow:0px 1px 2px rgba
4/5
moz-box-shadow:0px 1px 2px rgba
4/5
box-shadow:0px 1px 2px rgba
1 serving
}
1 serving
swatch .swatch-element {
1 serving
float:left
1 serving
webkit-transform:translatez; /* webkit flicker fix
1 serving
webkit-font-smoothing:antialiased; /* webkit text rendering fix
1 serving
spacing between buttons
margin:px 1px 1px
1 serving
to position the sold out graphic and tooltip
1 serving
position:relative
1 serving
}
1 serving
image
1 serving
crossed-out
1 serving
swatch .swatch-element .crossed-out
1 serving
swatch .swatch-element.soldout .crossed-out
1 serving
swatch .swatch-element.soldout label {
1 ml
kht -opacity: 0.6; /* khtml
1 oz
m -opacity: 0.6; /* mozilla
opacity: 6; /* fx
1 serving
}
1 serving
tooltips
1 serving
swatch .tooltip {
1 serving
text-align:center
1 serving
padding: 10px
1 serving
position:absolute
1 serving
width:100px
1 serving
left:-23px
1 serving
make it invisible by default
? -khtml-opacity: 0; -khtml-opacity: 0; khtml-opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? -moz-opacity: 0; -moz-opacity: 0; moz-opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? opacity:0; opacity:0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
visibility:hidden
1 serving
animations
1 serving
webkit-transform: translatey)
1 oz
m -transform: translatey)
1 serving
ms-transform: translatey)
1 serving
o-transform: translatey)
1 serving
transform: translatey)
webkit-transition: all 25s ease-out
1 oz
m -transition: all 0.25s ease-out
ms-transition: all 25s ease-out
o-transition: all 25s ease-out
transition: all 25s ease-out
7/25
webkit-box-shadow: 2px 2px 6px rgba
7/25
moz-box-shadow: 2px 2px 6px rgba
7/25
ms-box-shadow: 2px 2px 6px rgba
7/25
o-box-shadow: 2px 2px 6px rgba
7/25
box-shadow: 2px 2px 6px rgba
10000
1 serving
moz-box-sizing:border-box
1 serving
webkit-box-sizing:border-box
1 serving
box-sizing:border-box
1 serving
}
1 serving
swatch .tooltip:before {
1 serving
content
1 serving
height:20px
? left:0; left:0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
position:absolute
1 serving
}
1 serving
css triangle
1 serving
swatch .tooltip:after {
1 serving
content
? height:0; height:0; height 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
left:50%
1 serving
margin-left:-13px
1 serving
position:absolute
? width:0; width:0; width 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
swatch .swatch-element:hover .tooltip {
1
1
1
1 serving
visibility:visible
1 serving
webkit-transform:translatey)
1 serving
moz-transform:translatey)
1 serving
ms-transform:translatey)
1 serving
o-transform:translatey)
1 serving
transform:translatey)
1 serving
}
1 serving
swatch.error {
1 serving
padding:1em
1 serving
border-radius:5px
1 serving
}
1 serving
swatch.error p {
margin:.7em
1 serving
}
1 serving
swatch.error p:first-child {
? margin-top:0; margin-top:0; margin-top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
swatch.error p:last-child {
? margin-bottom:0; margin-bottom:0; margin-bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
swatch.error code {
1 serving
font-family:monospace
1 serving
}
2
count-styleclockdiv {
1 serving
}
4
count-styleclockdiv {
1 serving
}
1
span.text_under_timer_ {
1 serving
}
1 serving
text_under_timer {
1 serving
padding: 5px 0px
1 serving
}
1 serving
span.timer_text {
1 serving
padding-right: 4px
1 serving
}
1
span.timer_text_ {
1 serving
padding-left: 4px
1 serving
}
1 serving
progressbar.progressbar div {
background: #79a
1 serving
border-radius: 7px 7px 7px 7px
1 serving
height: 11px
1 serving
}
1
custom_ {
1 serving
text-align: left
1 serving
}
1 serving
product-form__cart-submit {
1 serving
border-radius: 50px !important
36
background: #26a !important
1
opacity: !important
1 serving
}
2
pg-styleprogressbar.progressbar {
1 serving
border-radius: 0px
1 serving
}
2
pg-styleprogressbar.progressbar div {
? border-radius: 0; border-radius: 0; border-radius 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
3
pg-styleprogressbar.progressbar {
1 serving
height: 20px
1 serving
}
4
count-stylepg-style3 .progressbar.progressbar {
1 serving
height: 13px !important
1 serving
}
4
span.count {
1 serving
position: absolute
? /* left: 0; */ /* left: 0; */ left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
right
1 serving
}
4
count-stylepg-style2 .progressbar.progressbar {
1 serving
height: 13px !important
1 serving
}
4
count-stylepg-style1 .progressbar.progressbar {
1 serving
height: 13px !important
1 serving
}
3
pg-styleprogressbar.progressbar div {
1 serving
height: 18px
1 serving
}
1 serving
salesends {
1 serving
padding: 5px
1 serving
text-align: center
1 serving
}
1
count-styleclockdiv {
1 serving
text-align: center
1 serving
}
1
count-styleclockdiv {
1 serving
}
1
count-styleclockdiv .timeunit {
1 serving
padding: 10px
1 serving
text-align: center
1 serving
}
1
count-styleclockdiv .timeunit span {
1 serving
}
1
count-styleclockdiv .hours
1
1 serving
}
1
count-styleitems-count {
1 serving
}
1
count-styleitems-count p {
1 serving
height: 24px
1 serving
}
1
pg-stylecount-styleprogressbar.progressbar {
1 serving
height: 20px
1 serving
}
2
count-styleclockdiv {
1 serving
text-align: center
1 serving
}
2
count-styleclockdiv {
1 serving
}
2
count-styleclockdiv .timeunit {
1 serving
padding: 10px
1 serving
text-align: center
1 serving
border-radius: 7px
1 serving
}
2
count-styleclockdiv .timeunit span {
1 serving
}
2
count-styleclockdiv .hours
1
1 serving
}
2
count-styleitems-count {
1 serving
}
2
count-styleitems-count p {
1 serving
height: 24px
1 serving
}
1
pg-stylecount-style2 .progressbar.progressbar {
1 serving
height: 20px
1 serving
}
3
span.seconds {
1 serving
}
3
count-styletimeunit {
1 serving
width
1 serving
display: inline
1 serving
padding: 7px
1 serving
text-align: center
1 serving
}
3
count-styleclockdiv {
1 serving
text-align: center
1 serving
}
3
count-styleitems-count {
1 serving
}
3
count-styleitems-count p {
1 serving
height: 24px
1 serving
}
1
pg-stylecount-style3 .progressbar.progressbar {
1 serving
height: 20px
1 serving
}
4
count-styleclockdiv {
1 serving
text-align: center
1 serving
}
4
count-styleclockdiv {
1 serving
}
4
count-styleclockdiv .timeunit {
1 serving
padding: 10px
1 serving
text-align: center
1 serving
}
4
count-styleclockdiv .timeunit span {
1 serving
}
4
count-styleclockdiv .hours
1
1 serving
}
4
{
1 serving
display: none
1 serving
}
1
pg-stylecount-style4 .progressbar {
1 serving
height: 13px !important
1 serving
}
4
count-styleprogressbar.progressbar {
1 serving
height: 14px
1 serving
}
4
p {
1 serving
height: 17px
1 serving
text-transform: capitalize
1 serving
}
4
count-styleclockdiv .timeunit {
1 serving
padding: 0px 22px
1 serving
text-align: center
1 serving
}
4
count-styletimeunit {
1 serving
font-weight: bold
1 serving
}
4
span.unitlbl {
1 serving
}
4
count-styleprogressbar.progressbar div {
1 serving
height: 11px
1 serving
}
4
span.unitlbl {
1 serving
text-transform: uppercase !important
1 serving
}
1 serving
span#addtocarttext-product-template {
1 serving
}
1 serving
span.java_test {
1 serving
border-radius: 8px
1 serving
padding: 1px 5px
1 serving
}
1 serving
div#progress_bar {
1 serving
}
1 serving
font_style {
1 serving
text-transform: uppercase
700
1 serving
}
1
span.text_under_timer_ {
1 serving
}
1 serving
progressbar {
1 serving
position:relative
1 serving
border-radius: 8px
webkit-box-shadow: inset 0 1px 2px rgba
box-shadow: inset 0 1px 2px rgba
1 serving
}
1 serving
div#clockdiv {
1 serving
display: none
1 serving
}
1 serving
progress_bar{
1 serving
display: none
1 serving
}
1 serving
main{
1 serving
display: none
1 serving
}
1 serving
template-product .product-price__sale-label {
1 serving
}
1 serving
template-product .grid-uniform.test span.product-price__sale-label {
1 serving
}
1 serving
product-single__meta .product-single__title {
1 serving
}
1 serving
template-product p.product-single__price.product-single__price-product-template {
1 serving
}
1 serving
template-product s#compareprice-product-template {
1 serving
}
1 serving
template-product s#compareprice-product-template {
1 serving
}
1 serving
template-product span#productprice-product-template {
1 serving
}
1 serving
width
1 serving
}
1 serving
product-single__description{
1 serving
}
1 serving
media screen and and {
1 serving
width
1 serving
}
1 serving
upsell_products form.product-form.product-form {
1 serving
width
1 serving
}
1 serving
}
1 serving
template-product .modal-footer{
1 serving
}
1 serving
template-product .modal-header{
1 serving
text-align: center
1 serving
}
1 serving
template-product .modal-header a {
1 serving
position: absolute
1 serving
right: 16px
1 serving
border-radius
1 serving
width: 33px
1 serving
padding: 5px
1 serving
}
1 serving
display: none
1 serving
}
1 serving
template-product .upsell_products .popup_price {
1 serving
text-align: center
1 serving
}
1 serving
template-product .upsell_products .popup_title {
1 serving
text-align: center
1 serving
}
1 serving
media screen and and {
1 serving
upsell_products {
1 serving
width
1 serving
float: left
1 serving
}
1 serving
}
1 serving
media {
1 serving
template-cart .modal-dialog {
1 serving
margin: 30px auto
1 serving
width: 665px !important
1 serving
}
1 serving
}
1 serving
width
1 serving
}
1 serving
media screen and and {
1 serving
template-cart .modal-dialog form.product-form {
1 serving
width: initial
1 serving
}
1 serving
template-cart .modal-dialog form.product-form {
1 serving
width
1 serving
}
1 serving
}
1 serving
product page css start
1
span.timer_text_ {
1 serving
}
1 serving
span.java_test {
1 serving
}
1 serving
span.timer_text {
1 serving
}
1 serving
product-form__item.product-form__item--quantity label {
1 serving
}
1 serving
product-form__item.product-form__item--quantity input {
1 serving
}
1 serving
header {
1 serving
}
1 serving
text_under_timer {
1 serving
}
1 serving
}
2
head_part_ {
1 serving
}
1 serving
newsletter_footer input#mc-embedded-subscribe {
1 serving
width: !important
1 serving
padding: 2px 0px !important
1 serving
text-transform: capitalize
1 serving
}
1 serving
template-product .custom {
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
left: 0px
1 serving
width
1 serving
position: absolute
1 serving
}
1 serving
grid__item.secure_two {
1 serving
padding-left: 0px !important
1 serving
}
1 serving
no_default_upsell {
1 serving
width: !important
1 serving
float: none !important
1 serving
padding: 11px 0px
1 serving
border-radius: 4px
1 serving
pointer-events: none
1 serving
}
2
head_part_ {
1 serving
}
1 serving
template-product .upsell_products {
1 serving
}
1 serving
modal-footer {
1 serving
}
1 serving
template-product .upsell_products .product-form__item.product-form__item--submit.custom_buton {
1 serving
left
1 serving
}
1 serving
template-product .upsell_products .product-form__item.product-form__item--quantity {
1 serving
margin-left
1 serving
}
1 serving
template-product .upsell_products .product-form__item.product-form__item--quantity input#quantity {
1 serving
width
1 serving
}
1 serving
template-product .upsell_products .popup_title {
1 serving
}
1 serving
template-product .upsell_products .popup_price {
1 serving
}
1 serving
template-product .modal-header a {
1 serving
position: absolute
1 serving
right: 31px
1 serving
padding: 6px
1 serving
}
1 serving
social-sharing.product_page.custom a {
1 serving
}
1 serving
}
2
template-product .head_part_ {
margin: auto
1 serving
}
1 serving
grid-view-item a:hover {
1 serving
text-decoration: none
1 serving
}
1 serving
template-product .btn-group-lg>.btn
1 serving
padding: 5px 16px
1 1/3
1 serving
border-radius: 6px
1 serving
}
1 serving
padding: 11px 25px
1 1/3
1 serving
border-radius: 2px
1 serving
}
1 serving
product-form__item.product-form__item--submit {
1 serving
position: relative
1 serving
}
1 serving
p.ajaxified-cart-feedback.success {
1 serving
width
1 serving
position: absolute
1 serving
right: 10px
1 serving
}
1 serving
enable_pointer{
1 serving
pointer-events: all !important
1 serving
}
1 serving
no_default_upsell {
1 serving
width
1 serving
float: right
1 serving
padding: 11px 0px
1 serving
border-radius: 4px
1 serving
pointer-events: none
1 serving
}
1 serving
no_default_upsell span a {
1 serving
text-decoration: none
500
1 serving
border-radius: 13px
1 serving
}
1 serving
template-product a {
1 serving
text-decoration: none !important
1 serving
}
1 serving
no_product_upsell_original {
1 serving
display: none
1 serving
}
1 serving
swatch input:checked
1 serving
}
1 serving
bootstrap css
1 serving
c
bootstrap v
1 T
licensed under mi
1 serving
sourcemappingurl=bootstrap.min.css.map
1 serving
swatch.clearfix {
1 serving
width
1 serving
}
1 serving
product-form__item.product-form__item--quantity label {
1 serving
}
1 serving
header {
1 serving
}
1 serving
swatch.clearfix {
1 serving
padding-left: 6px
1 serving
}
1 serving
media screen and and {
1 serving
upsell_products form.product-form.product-form {
1 serving
width: 20px
1 serving
}
1 serving
}
1 serving
media screen and and {
1 serving
modal-dialog{
1 serving
}
1 serving
upsell_products {
1 serving
width: !important
1 serving
float: left !important
1 serving
}
1 serving
popup_image {
1 serving
float: left
1 serving
width
1 serving
}
1 serving
upsell_products .product-form__item.product-form__item--submit.custom_buton {
1 serving
text-align: right
1 serving
}
1 serving
popup_title {
1 serving
float: left
1 serving
padding-left: 15px
1 serving
}
1 serving
popup_price {
1 serving
width
1 serving
float: left
1 serving
text-align: left
1 serving
padding-left: 17px
1 serving
}
1 serving
popup_title {
1 serving
font-weight: bold
1 serving
}
1 serving
text-transform: capitalize
1 serving
}
1 serving
upsell_products .product-form__cart-submit {
1 serving
width: initial
1 serving
}
1 serving
popup_title {
1 serving
min-width
1 serving
}
1 serving
upsell_products .template-product .upsell_products .product-form__item.product-form__item--quantity {
1 serving
}
1 serving
width: !important
1 serving
}
1 serving
popup_title {
1 serving
text-align: left !important
1 serving
}
1 serving
popup_price {
1 serving
text-align: left !important
1 serving
}
1 serving
upsell_products p.ajaxified-cart-feedback.success a {
1 serving
display: none
1 serving
}
1 serving
upsell_products p.ajaxified-cart-feedback.success {
1 serving
right: 0px
1 serving
}
1 serving
}
1 serving
modal-footer {
1 serving
text-align: center
1 serving
}