INGREDIENTS
1 serving
name: simple
1 serving
variable name="keycolor" description="main color" type="color" default="#66bbdd
222222
variable name="body.text.color" description="text color" type="color" default
1 serving
variable name="body.background.color" description="outer background" type="color" default="#66bbdd
1 serving
variable name="content.background.color" description="main background" type="color" default="#ffffff
1 serving
variable name="header.background.color" description="header background" type="color" default="transparent
1 serving
group description="links" selector=".main-outer
1 Link
variable name="link.color" description=" color" type="color" default="#2288bb
888888
variable name="link.visited.color" description="visited color" type="color" default
1 serving
variable name="link.hover.color" description="hover color" type="color" default="#33aaff
1 serving
variable name="header.text.color" description="title color" type="color" default="#3399bb
1 serving
variable name="description.text.color" description="description color" type="color
999999
variable name="tabs.text.color" description="text color" type="color" default
variable name="tabs.selected.text.color" description="selected color" type="color" default
1 serving
variable name="tabs.background.color" description="background color" type="color" default="#f5f5f5
1 serving
variable name="tabs.selected.background.color" description="selected color" type="color" default="#eeeeee
1 serving
group description="date header" selector=".date-header
1 serving
variable name="date.header.color" description="text color" type="color
1 serving
variable name="date.header.background.color" description="background color" type="color
666666
variable name="post.footer.text.color" description="text color" type="color" default
1 serving
variable name="post.footer.background.color" description="background color" type="color
1 serving
variable name="post.footer.border.color" description="shadow color" type="color" default="#eeeeee
variable name="widget.title.text.color" description="title color" type="color" default
999999
variable name="widget.alternate.text.color" description="alternate color" type="color" default
1 serving
variable name="image.background.color" description="background color" type="color" default="#ffffff
1 serving
variable name="image.border.color" description="border color" type="color" default="#eeeeee
1 serving
variable name="image.text.color" description="caption text color" type="color" default="#4d4d4d
1 serving
variable name="body.rule.color" description="separator line color" type="color" default="#eeeeee
1 serving
variable name="tabs.border.color" description="tabs border color" type="color" default="#cccccc
1 serving
color="#eeeeee" default="$) none repeat scroll top left
1 serving
variable name="body.background.override" description="body background override" type="string" default
1 serving
variable name="content.background.color.selector" description="content background color selector" type="string" default=".content-inner
1 serving
variable name="content.padding" description="content padding" type="length" default="10px
1 serving
variable name="content.padding.horizontal" description="content horizontal padding" type="length" default="10px
1 serving
variable name="content.shadow.spread" description="content shadow spread" type="length" default="40px
1 serving
variable name="content.shadow.spread.webkit" description="content shadow spread " type="length" default="5px
1 serving
variable name="content.shadow.spread.ie" description="content shadow spread " type="length" default="10px
variable name="main.border.width" description="main border width" type="length" default
1 serving
variable name="header.shadow.offset.left" description="header shadow offset left" type="length" default="-1px
1 serving
variable name="header.shadow.offset.top" description="header shadow offset top" type="length" default="-1px
1 serving
variable name="header.shadow.spread" description="header shadow spread" type="length" default="1px
1 serving
variable name="header.padding" description="header padding" type="length" default="30px
1 serving
variable name="header.border.size" description="header border size" type="length" default="1px
1 serving
variable name="header.bottom.border.size" description="header bottom border size" type="length" default="1px
variable name="header.border.horizontalsize" description="header horizontal border size" type="length" default
1 serving
variable name="description.text.size" description="description text size" type="string" default="140%
variable name="tabs.margin.top" description="tabs margin top" type="length" default
1 serving
variable name="tabs.margin.side" description="tabs side margin" type="length" default="30px
1 serving
variable name="tabs.border.width" description="tabs border width" type="length" default="1px
1 serving
variable name="tabs.bevel.border.width" description="tabs bevel border width" type="length" default="1px
1 serving
variable name="date.header.padding" description="date header padding" type="string" default="inherit
1 serving
variable name="date.header.letterspacing" description="date header letter spacing" type="string" default="inherit
1 serving
variable name="date.header.margin" description="date header margin" type="string" default="inherit
1 serving
variable name="post.margin.bottom" description="post bottom margin" type="length" default="25px
1 serving
variable name="image.border..size" description="image border " type="length" default="2px
1 serving
variable name="image.border..size" description="image border " type="length" default="5px
1 serving
variable name="page.width.selector" description="page width selector" type="string" default=".region-inner
1 serving
variable name="page.width" description="page width" type="string" default="auto
1 serving
variable name="main.section.margin" description="main section margin" type="length" default="15px
1 serving
variable name="main.padding" description="main padding" type="length" default="15px
1 serving
variable name="main.padding.top" description="main padding top" type="length" default="30px
1 serving
variable name="main.padding.bottom" description="main padding bottom" type="length" default="30px
1 serving
color="#ffffff
variable name="footer.bevel" description="bevel border length of footer" type="length" default
1 serving
variable name="mobile.background.overlay" description="mobile background overlay" type="string
1 serving
variable name="mobile.background.size" description="mobile background size" type="string" default="auto
1 serving
variable name="mobile.button.color" description="mobile button color" type="color" default="#ffffff
1 serving
variable name="button.color.products" description="e-commerce buy button color" type="color" default="#ffffff
variable name="pb.text.color" description="button text color" type="color" default
variable name="pb.background.color" description="button background color" type="color" default
variable name="pb.hover.color" description="button hover color" type="color" default
1 serving
color: #4d4d4d
73763
color
1 serving
color: #38761d
1 serving
color: #c8383f
1 serving
background: transparent none repeat scroll top left
1 serving
body-fauxcolumn-outer .cap-top {
1 serving
body-fauxcolumn-outer .cap-top .cap-left {
1 serving
background: transparent none repeat-x scroll top left
1 serving
margin-bottom: 1px
1 serving
background-color: #ffffff
1 serving
background-color: transparent !important
1 serving
color: #cd1f1f !important
1 serving
recipe-name {
1 serving
margin-bottom: 10px
1 serving
color: #c8383f
1 serving
color: #c8383f
1 serving
font-size
808080
color
1 serving
tabs-inner .section:first-child {
1 serving
border-top: 1px solid #ffffff
1 serving
tabs-inner .section:first-child ul {
1 serving
margin-top: -1px
1 serving
border-top: 1px solid #ffffff
border-left: solid #ffffff
border-right: solid #ffffff
1 serving
border-bottom: 1px solid #ffffff
1 serving
display: inline-block
1 serving
color: #66cccc
1 serving
border-left: 1px solid #ffffff
1 serving
border-right: 1px solid #ffffff
999999
color
1 serving
background-color: #f0f0f0
border-top: solid #cccccc
1 serving
border-right: 1px solid #cccccc
1 serving
border-left: 1px solid #cccccc
color
1 serving
color: #9e9e9e
1 serving
list-style: none
1 serving
date-header span {
1 serving
background-color: transparent
1 serving
color: #4d4d4d
1 serving
padding-top: 30px
1 serving
padding-bottom: 30px
1 serving
main-inner .column-center-inner .section {
1 serving
font-size
1 serving
border: 1px solid #ffffff
1 serving
color: #4d4d4d
1 serving
font-size
727272
color
1 serving
background-color: #fbfbfb
border-bottom: 1px solid #fff
1 serving
font-size
1
padding-top: 5em
1 serving
border-top: 1px solid #cccccc
1 serving
border-top: none
1 serving
border: 1px solid #ffffff
73763
border-bottom: 1px solid
1 serving
border-top: 1px solid #9e9e9e
1 serving
border-bottom: 1px solid #9e9e9e
1 serving
comments .comment-thread.inline-thread {
1 serving
background-color: #fbfbfb
1 serving
border-top: 2px solid #9e9e9e
1 serving
section-columns td.columns-cell {
1 serving
border-left: 1px solid #cccccc
1 serving
background: transparent none no-repeat scroll top center
1 serving
background-color: #ffffff
border-top: dashed #bbbbbb
1 serving
background-size: auto
1 serving
background: transparent none repeat scroll top left
1 serving
mobile .body-fauxcolumn-outer .cap-top {
1 serving
background-size: auto
1 serving
mobile .main-inner .column-center-inner .section {
1 serving
mobile .date-header span {
1 serving
background: transparent none no-repeat scroll top center
1 serving
border-top: none
1 serving
background-color: #ffffff
1 serving
color: #4d4d4d
1 serving
mobile-link-button {
73763
background-color
1 link
mobile-link-button a: .mobile-link-button a:visited {
1 serving
color: #ffffff
1 serving
mobile .tabs-inner .section:first-child {
1 serving
border-top: none
1 serving
background-color: #f0f0f0
999999
color
1 serving
border-top: 1px solid #ffffff
1 serving
border-bottom: 1px solid #ffffff
1 serving
border-left: 1px solid #ffffff
1 serving
display:block
1 serving
width:100%
1 serving
display:inline-block
3
border: 1px solid #fff
3
border-bottom: 1px solid #fff
1 serving
display:block
1 serving
margin-top: 5px
1 serving
display:block
1 serving
display: block
1 serving
display:block
1 serving
background-color:#66cccc
color
1 serving
font-size: 12px
1 serving
margin-top:5px
1 serving
border-bottom:none
1 serving
color:#ffffff
1 serving
border-bottom: none
1 serving
background-color:#f3f3f3
color
1 serving
display: block
1 serving
margin-top:10px
1 serving
display: inline-block
1 serving
top
1 serving
margin-top: -50px
1 serving
color
1 serving
font-size: 20px
4/5
background-color: rgba
1 serving
color: #f2f2f2
1 serving
font-size: 12px
222
background-color
1 serving
color
1 serving
display: table
1 serving
clear: both
1 serving
active
1 serving
background-color: #eee
444
color
1 serving
add a background color to the button if it is clicked on
1 serving
active
1 serving
background-color: #ccc
1 serving
background-color
1 serving
font-size: 13px
777
color
1 serving
active:after {
1 serving
display: inline-block
1 serving
display: block
color
1 serving
font-size: 12px
1 serving
border-bottom: none
1 serving
display: block
color
1 serving
font-size: 12px
1 serving
border-bottom: none
1 serving
display: block
1 serving
blogger
1 serving
designer: josh peterson
1 c
url: www.noaestheti com
1 serving
variable definitions
1 serving
group description="page text" selector="body
1 serving
variable name="body.font" description="font" type="font
1 serving
default="normal normal 12px arial
1 serving
group
1 serving
group description="backgrounds" selector=".body-fauxcolumns-outer
1 serving
group
1 serving
group
1 serving
group description="blog title" selector=".header h1
1 serving
variable name="header.font" description="font" type="font
1 serving
default="normal normal 60px arial
1 serving
group
1 serving
group description="blog description" selector=".header .description
777777
default
1 serving
group
1 serving
group description="tabs text" selector=".tabs-inner .widget li a
1 serving
variable name="tabs.font" description="font" type="font
1 serving
default="normal normal 14px arial
1 serving
group
1 serving
group description="tabs background" selector=".tabs-outer .pagelist
1 serving
group
3
group description="post title" selector="hpost-title
1 serving
variable name="post.title.font" description="font" type="font
1 serving
default="normal normal 22px arial
1 serving
group
1 serving
default="#4d4d4d
1 serving
default="transparent
1 serving
group
1 serving
group description="post footer" selector=".post-footer
1 serving
default="#f9f9f9
1 serving
group
1 serving
group description="gadgets" selector="h2
1 serving
variable name="widget.title.font" description="title font" type="font
1 serving
default="normal bold 11px arial
1 serving
group
1 serving
group description="images" selector=".main-inner
1 serving
group
1 serving
group description="accents" selector=".content-inner
1 serving
group
1 serving
variable name="body.background" description="body background" type="background
1 serving
variable name="body.background.gradient.cap" description="body gradient cap" type="url
1 serving
default="url
1 serving
variable name="body.background.gradient.tile" description="body gradient tile" type="url
1 serving
default="url
1 serving
variable name="header.background.gradient" description="header gradient" type="url" default="none
1 serving
variable name="tabs.background.gradient" description="tabs background gradient" type="url
1 serving
default="url
1 serving
variable name="paging.background
1 serving
description="background of blog paging area" type="background
1 serving
default="transparent none no-repeat scroll top center
1 serving
default="transparent none repeat scroll top left
1 serving
variable name="startside" description="side where text starts in blog language" type="automatic" default="left
1 serving
variable name="endside" description="side where text ends in blog language" type="automatic" default="right
1 serving
group description="bcommerce products" selector=".products
1 serving
variable name="product.text" description="font
1 serving
default="normal normal 22px arial
1 serving
variable name="cta.button.font" description="buy button font" type="font
1 serving
default="normal bold 11px arial
1 serving
group
1 lb
group description="paypal buttons" selector=".paypa utton
1 serving
group
1 serving
content
1 serving
body {
1 serving
font: normal normal 12px georgia
1 serving
background: #eeeeee none no-repeat scroll center center
servings
padding: 40px 40px 40px
1 serving
}
1 ml
ht body .region-inner {
? min-width: 0; min-width: 0; min-width 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
max-width
1 serving
width: auto
1 serving
}
1 link
a: {
1 serving
text-decoration:none
1 serving
}
1 serving
a:visited {
1 serving
text-decoration:none
1 serving
}
1 serving
a:hover {
1 serving
text-decoration:underline
1 serving
}
1 serving
body-fauxcolumn-outer .fauxcolumn-inner {
1 serving
background-image: none
1 serving
}
1 serving
position: absolute
1
1 serving
height: 400px
1 serving
width
1 serving
background: #eeeeee none no-repeat scroll center center
1 serving
}
1 serving
width
1 serving
background-image: none
1 serving
}
1 serving
content-outer {
moz-box-shadow: 0 0 40px rgba
webkit-box-shadow: 0 0 5px rgba
goog-ms-box-shadow: 0 0 10px
box-shadow: 0 0 40px rgba
1 serving
}
1 serving
content-inner {
1 serving
padding: 10px 10px
1 serving
}
1 serving
content-inner {
1 serving
}
1 serving
pin_it_button {
1 serving
overflow: visible
1 serving
width: 51px
1 serving
height: 26px
1 serving
margin-right: 1px
1 serving
font: normal normal normal 11px/normal arial
1 serving
background-image: url
1 serving
background-position: 0px 0px !important
1 serving
background-repeat: no-repeat no-repeat !important
1 serving
cursor: pointer
1 serving
}
1 serving
pin_it_button:hover {
1 serving
background-position: 0px -27px !important
1 serving
}
1 serving
}
1 serving
header
1 serving
header-outer {
background: #ffffff none repeat-x scroll -4px
1 serving
background-image: none
1 serving
}
1
header h {
1 serving
font: normal normal 60px arial
1/5
text-shadow: -1px -1px 1px rgba
1 serving
}
1
header h a {
1 serving
}
1 serving
header .description {
1 serving
}
1 serving
header-inner .header .titlewrapper {
1 serving
padding: 22px 30px
1 serving
}
1 serving
header-inner .header .descriptionwrapper {
servings
padding: 30px
1 serving
}
1 serving
tabs
1 serving
}
1 serving
}
1 serving
tabs-inner .widget ul {
7
background: #fff url) repeat-x scroll 0 -800px
1 serving
background-image: none
? margin-top: 0; margin-top: 0; margin-top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
margin-left: -30px
1 serving
margin-right: -30px
1 serving
}
1 serving
tabs-inner .widget li a {
padding: 6em 1em
1 T
font: normal bold 14px p sans
1 serving
}
1 serving
tabs-inner .widget li:first-child a {
1 serving
border-left: none
1 serving
}
1 serving
tabs-inner .widget li.selected a
1 serving
text-decoration: none
1 serving
}
1 serving
columns
1 serving
main-outer {
1 serving
}
1 serving
fauxcolumn-left-outer .fauxcolumn-inner {
1 serving
}
1 serving
fauxcolumn-right-outer .fauxcolumn-inner {
1 serving
}
1 serving
headings
2
h {
margin: 1em
1 serving
font: normal bold 11px arial
1 serving
text-transform: uppercase
1 serving
}
1 serving
widgets
1 serving
widget .zippy {
1/10
text-shadow: 2px 2px 1px rgba
1 serving
}
1 serving
widget .popular-posts ul {
1 serving
}
1 serving
posts
1 serving
padding: inherit
1 serving
letter-spacing: inherit
1 serving
margin: inherit
1 serving
}
1 serving
main-inner {
1 serving
}
1 serving
main-inner .column-center-inner {
servings
padding: 15px
1 serving
}
servings
margin: 15px
1 serving
}
1 serving
post {
margin: 25px
1 serving
text-align:left
1 serving
}
3
hpost-title
1 serving
font: normal normal 30px reenie beanie
margin: 0.75em
1 serving
}
1 serving
post-body {
1 2/5
1 serving
position: relative
1 serving
}
1 container
post-body img
1 serving
bloglist .item-thumbnail img {
1 serving
padding: 2px
1 serving
background: #ffffff
1/10
moz-box-shadow: 1px 1px 5px rgba
1/10
webkit-box-shadow: 1px 1px 5px rgba
1/10
box-shadow: 1px 1px 5px rgba
1 serving
}
1 container
post-body img
1 serving
padding: 5px
1 serving
}
1 container
post-body .tr-caption {
1 serving
}
1 container
post-body .tr-caption img {
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
background: transparent
1 serving
border: none
moz-box-shadow: 0 0 0 rgba
webkit-box-shadow: 0 0 0 rgba
box-shadow: 0 0 0 rgba
1 serving
}
1 serving
post-header {
margin: 0 5em
1 3/5
1 serving
}
1 serving
post-footer {
margin: 2px -2px
1 serving
padding: 5px 10px
1 3/5
1 serving
}
1 serving
comments .comment-author {
background-position: 0 5em
1 serving
}
1 serving
comments .comment-author:first-child {
? padding-top: 0; padding-top: 0; padding-top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 container
avatar-image {
margin: 0.2em
1 serving
}
1 container
comments .avatar-image img {
1 serving
}
1 serving
comments
1 serving
comments .comments-content .blog-author
1 serving
comments .comments-content .blog-author a {
1 serving
}
1 serving
comments .comments-content .loadmore a {
1 serving
}
1 serving
}
1 serving
comments .continue {
1 serving
}
1 serving
accents
1 serving
}
1 serving
blog-pager {
1 serving
}
1 link
blog-pager-older .home-link
1 link
blog-pager-newer {
1 serving
padding: 5px
1 serving
}
1 serving
footer-outer {
1 serving
}
1 serving
mobile
1 serving
body.mobile {
1 serving
}
1 serving
mobile .body-fauxcolumn-outer {
1 serving
}
1 serving
}
1 serving
mobile .content-outer {
webkit-box-shadow: 0 0 3px rgba
box-shadow: 0 0 3px rgba
servings
padding: 40px
1 serving
}
1 serving
body.mobile .adsense {
margin: -4px
1 serving
}
1 serving
mobile .tabs-inner .widget ul {
? margin-left: 0; margin-left: 0; margin-left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? margin-right: 0; margin-right: 0; margin-right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
mobile .post {
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
padding: 1em 10px
margin: -1px
1 serving
}
3
mobile hpost-title {
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
mobile .blog-pager {
1 serving
}
1 serving
mobile .footer-outer {
1 serving
}
1 serving
mobile .main-inner
1 serving
}
1 serving
mobile-index-contents {
1 serving
}
1 serving
}
1 serving
}
1 serving
}
1 serving
mobile .tabs-inner .pagelist .widget-content {
1 serving
}
1 serving
mobile .tabs-inner .pagelist .widget-content .pagelist-arrow {
1 serving
}
1
e-commerce shop by balkeni studio
1 serving
products {
1 serving
text-align:center
1 serving
}
1 serving
product-info{
1 serving
width:24%
1 serving
margin: 5px
1 serving
}
1 serving
product-image{
1 serving
}
1 serving
product-image img{
1 serving
width:90%!important
margin: auto!important
1 serving
}
1 serving
product-text{
1 serving
text-align:center
1 serving
padding: 5px
1 serving
font: normal normal 30px reenie beanie
1 serving
}
1 serving
product-cta{
1 serving
width
1 serving
}
1 serving
product-cta a{
1 serving
padding: 10px
1 serving
font: normal bold 11px oswald
400
1 serving
text-align: center
1
letter-spacing: 5px
1 serving
text-transform: uppercase
1 serving
line-height: normal
1 serving
background-image: none
1 serving
background-position: unset
1 serving
background-repeat: unset
1 serving
}
1 serving
product-cta a:hover{
1 serving
text-decoration: none
1 serving
}
1 serving
product-cta:hover{
1 serving
cursor:pointer
1 serving
}
1 serving
media screen and {
1 serving
product-info {
1 serving
width: auto
1 serving
margin: 10px
1 serving
}
1 serving
}
1 serving
media and {
1 serving
product-info{
1 serving
width
1 serving
}
1 serving
}
1 container
position the image
1 container
{
1 serving
position: relative
1 serving
}
1 serving
hide the images by default
1 serving
myslides {
1 serving
display: none
1 serving
}
1 serving
add a pointer when hovering over the thumbnail images
1 serving
cursor {
1 serving
cursor: pointer
1 serving
}
1 serving
next & previous buttons
1 serving
prev
1 serving
next {
1 serving
cursor: pointer
1 serving
position: absolute
1 serving
width: auto
1 serving
padding: 16px
1 serving
font-weight: bold
border-radius: 3px 3px
1 serving
user-select: none
1 serving
webkit-user-select: none
1 serving
}
1 serving
position the "next button" to the right
1 serving
next {
? right: 0; right: 0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
border-radius: 3px 3px
1 serving
}
1 serving
on hover
1 serving
prev:hover
1 serving
next:hover {
1 serving
}
3
number text
1 serving
numbertext {
1 serving
padding: 8px 12px
1 serving
position: absolute
? top: 0; top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
container
1 container
caption {
1 serving
text-align: center
1 serving
padding: 2px 16px
1 serving
}
1 serving
row:after {
1 serving
content
1 serving
}
36 servings
columns side by side
1 serving
column {
1 serving
float: left
1 serving
width
1 serving
padding: 10px
1 serving
}
1 serving
add a transparency effect
1 serving
demo {
3/5
1 serving
}
1 serving
demo:hover {
1
1 serving
}
1 serving
the buttons that are used to open and close the accordion panel
1 serving
accordion {
1 serving
cursor: pointer
1 serving
padding: 18px
1 serving
width
1 serving
text-align: left
1 serving
border: none
1 serving
outline: none
transition: 4s
1 serving
}
1 serving
}
1 serving
the accordion panel. note: hidden by default
1 serving
panel {
servings
padding: 18px
1 serving
display: none
1 serving
overflow: hidden
1 serving
}
1 serving
accordion:after {
1 serving
content: '\02795'; /* unicode character )
1 serving
float: right
1 serving
margin-left: 5px
1 serving
}
1 serving
content: "\2796"; /* unicode character )
1 serving
}
1 lb
paypa utton {
1 serving
margin: 10px
1 serving
}
1 lb
paypa utton a{
1 serving
height:auto
1 serving
background:#66cccc
1 serving
padding: 5px
1 pt
font-family: futura sans-serif
400
1 serving
text-transform: uppercase
1
letter-spacing: 5px
1 serving
text-align: center
1 serving
}
1 lb
paypa utton a:hover{
1 serving
height:auto
1 serving
background: #e6dfe4
1 serving
padding: 5px
1 pt
font-family: futura sans-serif
400
1 serving
text-transform: uppercase
1
letter-spacing: 5px
1 serving
text-align: center
1 serving
}
1 serving
media screen and {
1 serving
paypalbutton{
1 serving
}
1 serving
}