INGREDIENTS
1 serving
color: #0abeef
1 serving
border-bottom: 1px dashed
1 serving
font-size: 30px
1 serving
color: #fff
555
color
1 serving
font-size: 31px
1 serving
padding-top: 16px
1 serving
padding-bottom: 16px
1 serving
margin-top: 18px
1 serving
variable name="keycolor" description="main color" type="color" default="#66bbdd
1 serving
color="#f2f2f2" default="$) none repeat scroll top left
1 serving
variable name="bgcolor" description="background" type="color" default="#f2f2f2
222222
variable name="body.text.color" description="text color" type="color" default
1 Link
variable name="link.color" description=" color" type="color" default="#45818e
555
variable name="link.hover.color" description="link hover color" type="color" default
222222
variable name="blog.title.color" description="title color" type="color" default
222222
variable name="post.title.color" description="title color" type="color" default
222222
variable name="widget.title.color" description="title color" type="color" default
1 serving
variable name="navigation.background.color" description="background color" type="color" default="#ff9a2f
1 Link
variable name="navigation.link.color" description=" color" type="color" default="#fff
variable name="navigation.active.link.color" description="active link color" type="color" default
444
variable name="footer.background.color" description="footer background" type="color" default
1 Link
variable name="footer.link.color" description="footer color" type="color" default="#eee
1 Link
variable name="footer.link.hover.color" description="footer hover" type="color" default="#ccc
1 serving
variable name="footer.text.color" description="footer text color" type="color" default="#fff
1 serving
variable name="navigation.active.color" description="navigation active color" type="color" default="#f2f2f2
1 serving
variable name="navigation.border.color" description="navigation border color" type="color" default="#e0b405
1 serving
variable name="credit.text.color" description="credit text color" type="color" default="#fff
1 serving
variable name="toggle.button.color" description="toggle button color" type="color" default="#fe9901
2 cs
variable name="search.bg.color" description="search bg color" type="color" default
1 head
table
1 serving
font-size
1 serving
ol
1 serving
list-style: none
1 serving
table {
1 serving
outer-wrapper {
1 serving
padding-top:30px
1 serving
width:100%
444444
color
2
background:#fff url) repeat fixed top center
1 serving
color:#45818e
555555
color
1 serving
clear
1 serving
display: block
1 serving
clear: both
1 serving
pre {
1 serving
border:1px solid #ddd
1 serving
pre br
1 serving
border-bottom:1px solid #ddd
1 serving
clear:both
1 serving
padding-top:20px
1 serving
margin-bottom:20px
1 serving
header-wrapper {
1 serving
color:#ffffff
1 serving
header-wrapper .divider {
1 serving
padding-top:30px
1 serving
color:#eeeeee
1 serving
color:#cccccc
1 serving
search bar
1 serving
margin-top:10px
1 serving
display: block
1 serving
clear: both
1 serving
color:#ffffff
405
border-right:1px solid #e0b
1 serving
color:#ffffff
444444
color
1 serving
content wrapper
1 serving
content-wrapper {
1 serving
main wrapper
1 serving
main-wrapper {
1 serving
padding-bottom:30px
1 serving
border:1px solid #ddd
1 serving
padding-top:20px
1 serving
max-width:100%
1 serving
margin-top:10px
1 serving
margin-bottom:10px
1 serving
margin-bottom:5px
2 cs
color
1 serving
color:#45818e
1 serving
margin-bottom:20px
1 serving
padding-bottom:20px
888
color
1 serving
font-size:12px
1 serving
font-size:20px
777
color
1 serving
list-style-type:square
1 serving
margin-top:20px
1 serving
margin-bottom:20px
1 serving
list-style-type:decimal
1 serving
margin-top:20px
1 serving
margin-bottom:20px
1 serving
margin-top:30px
1 serving
border-top:1px solid #eee
1 serving
border-bottom:1px solid #eee
1 serving
font-size:12px
1 serving
clear:both
1 serving
padding-top:40px
1 serving
padding-bottom:20px
1 serving
border-top:1px solid #eee
1 serving
margin-top:20px
1 serving
sidebar wrapper
1 serving
sidebar-wrapper {
1 serving
padding-bottom:30px
1 serving
sidebar-wrapper .widget {
1 serving
border:1px solid #ddd
1 serving
margin-bottom:20px
1 serving
max-width:100%
2 cs
color
1 serving
margin-bottom:20px
1 serving
padding-bottom:10px
1 serving
margin-top:5px
1 serving
padding-bottom:5px
1 serving
font-size:12px
1 serving
slider toggle
1 serving
wrap-element {
1 serving
margin-top:40px
1 serving
display:none; /* change "none" to "block" to show the toggle element
1 serving
border:1px solid #ddd
1 serving
border-bottom:1px solid #eee
1 serving
button-slide {
1 serving
height:100%
1 serving
display: block
1 serving
button-slide:hover {
1 serving
active {
1 serving
margin-bottom:20px
1 serving
width:100%
1 serving
margin-top:20px
1 serving
padding-top:20px
1 serving
border-top:1px solid #eee
1 serving
border-right:2px solid #fff
1 serving
border-bottom:2px solid #fff
1 serving
border-right:2px solid #fff
1 serving
border-bottom:2px solid #fff
1 serving
color:#fff
1 serving
margin-bottom:20px
1 serving
padding-bottom:20px
1 serving
margin-top:40px
1 serving
clear:both
1 serving
font-size:14px
222
color
1 serving
border-right:1px solid #ddd
1 serving
font-size:12px
1 serving
comment-thread li .comment-block {
1 serving
border-bottom:1px dotted #ddd
1 serving
padding-bottom:10px
1 serving
margin-bottom:20px
1 serving
border-bottom:1px solid #ddd
1 serving
comment-holder .comment-block .comment-actions a {
1 serving
font-size:12px
1 serving
comments-block.avatar-comment-indent {
1 serving
back
1 serving
bottom:20px
444
background-color
1 serving
bottom wrapper
1 serving
bottom-wrapper {
1 serving
color:#ffffff
1 serving
width:100%
1 serving
border-top:5px solid #ccc
1 serving
bottom-wrapper ul.row {
1 serving
bottom-wrapper ul li.grid {
1 serving
color:#ffffff
1 serving
color:#ffffff
1 serving
color:#ffffff
1
my-review h {
1 serving
width: 180px
1 serving
height: 37px
1 serving
position: relative
1 serving
right: 10px
1 serving
font-family: love me forever
1 serving
}
1 serving
my-review {
1 serving
padding: 24px
1 serving
}
1 serving
my-review p{
1 serving
font-family: love me forever
1 serving
width: 465px
1 serving
float: right
1
line-height: 1em
1 serving
border: 1px dashed
1 serving
padding-left: 15px
1 serving
padding-right: 18px
1 serving
}
1 serving
font-face
1 serving
font-face
1 serving
template name: quickly
1 1/10
1
1 serving
official blogspot thumbnail
1 serving
support video thumbnail
1 serving
cropped thumbnail
1 serving
design by: biyan pasau
1 serving
defining variable
1 serving
variable name="body.background" description="body background" type="background
1 serving
group description="body" selector="body
1 serving
variable name="body.font" description="font" type="font
1 serving
default="normal normal 14px arial
1 serving
group
1 serving
group description="header" selector=".header h1
1 serving
variable name="blog.title.font" description="title font" type="font
1 serving
default="normal normal 12px arial
1 serving
group
1 serving
group description="article" selector=".post h3
1 serving
variable name="post.title.font" description="title font" type="font
1 serving
default="normal normal 18px patua-one
1 serving
group
1 serving
group description="sidebar" selector=".sidebar .widget h2
1 serving
variable name="widget.title.font" description="title font" type="font
1 serving
default="normal normal 15px patua-one
1 serving
group
1 serving
group description="color scheme" selector=".outer-wrapper
1 serving
variable name="navigation.font" description="title font" type="font
1 serving
default="normal normal 16px patua-one
1 serving
group
1 serving
group description="footer" selector=".header-wrapper
1 serving
group
1 serving
group description="additional" selector=".outer-wrapper
1 serving
group
1 serving
reset css
20080212
v1.0
1 ml
ht
1 serving
h1
1 serving
a
1 serving
del
1 small
strike
1 serving
b
1 serving
dl
1 serving
fieldset
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? border: 0; border: 0; border 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? outline: 0; outline: 0; outline 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
vertical-align: baseline
1 serving
background: transparent
1 serving
}
1 serving
body {
1
1 serving
}
1 serving
}
1 serving
blockquote
1 serving
quotes: none
1 serving
}
1 serving
blockquote:before
1 serving
q:before
1 serving
content
1 serving
content: none
1 serving
}
1 serving
remember to define focus styles
1 serving
focus {
? outline: 0; outline: 0; outline 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
remember to highlight inserts somehow
1 serving
ins {
1 serving
text-decoration: none
1 serving
}
1 serving
del {
1 serving
text-decoration: line-through
1 serving
}
1 serving
tables still need 'cellspacing="0"' in the markup
1 serving
border-collapse: collapse
? border-spacing: 0; border-spacing: 0; border-spacing 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
global
1 serving
}
1 serving
navbar {
1 serving
position:fixed
1 serving
}
1 serving
body {
1 serving
font:normal normal 14px arial
1
line-height:6em
? padding:0; padding:0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? margin:0; margin:0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
a
1 serving
text-decoration:none
1 serving
}
1 serving
selection
1 serving
a:hover {
1 serving
text-decoration:underline
1 serving
}
1 serving
left
1 serving
right
1 serving
center
1 serving
ul:after
1 serving
content
1 serving
visibility: hidden
? height: 0; height: 0; height 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
padding:10px
margin:2px
1 serving
background:#e8e8e8
1 serving
overflow:auto
1 serving
}
1 serving
code {
1
font:1em/2em 'courier new'
1 serving
}
1 serving
p {
margin:1px
1 serving
}
1 serving
onehalf {
1 serving
width:45%
1 serving
float:left
1 serving
padding-right:5%
1 serving
}
1 serving
hr {
1 serving
background:none
? border:0; border:0; border 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
header
444444
background:# url
1 serving
}
1 serving
background:url
1 serving
}
1 serving
header {
1 serving
width:960px
margin: auto
1 serving
}
1 serving
logo
1 serving
header {
1 serving
width:50%
1 serving
}
1 serving
header img
o-transition: all 5s
1 oz
m -transition: all 0.5s
webkit-transition: all 5s
1 serving
}
1 serving
header img:hover {
1 serving
padding-left:20px
1 serving
}
1 serving
header h1
1
header h a
1
header h a:visited {
1 serving
font:normal normal 37px pacifico
1 serving
}
1
header h a:hover {
1 serving
}
1 serving
header .right h2
1 serving
header .right {
1 serving
width:50%
1 serving
}
1 serving
searchform {
2 cs
background
1 serving
padding:7px 5px 7px 10px
1 serving
border:none
1 serving
width:auto
1 serving
float:right
1 serving
}
1 serving
searchform:after {
1 serving
content
1 serving
visibility: hidden
? height: 0; height: 0; height 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
searchform label {
1 serving
display:none
1 serving
}
1 serving
searchform #s {
1 serving
background:transparent
1 serving
border:none
? box-shadow:0; box-shadow:0; box-shadow 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
float:left
1 serving
width:158px
1 serving
margin-right:10px
1 serving
}
1 serving
searchform #searchsubmit {
1 serving
background:url
1 serving
border:none
1 serving
width:20px
1 serving
text-indent:-900px
? padding:0; padding:0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
float:right
1 serving
cursor:pointer
1 serving
}
1 serving
primary navigation
1 serving
header .nav h2
1 serving
header .nav {
1 serving
background:#ffcc03
1 serving
width:910px
1 serving
height:46px
1 serving
}
1 serving
header .nav ul li {
1 serving
float:left
1 serving
padding:12px 30px
1 serving
}
1 serving
header .nav ul li a
1 serving
header .nav ul li a:visited {
1 serving
text-decoration:none
1 serving
font:normal normal 14px coustard
1 serving
}
1 serving
header .nav li.selected {
1 serving
background:#f2f2f2
1 serving
}
1 serving
header .nav li.selected a
1 serving
font-weight:normal
1 serving
}
1 serving
width:960px
1 serving
margin:70px auto
1 serving
}
1 serving
width:711px
1 serving
margin-right:20px
1 serving
background:#fff
servings
box-shadow: 1px 2px #ddd
1 serving
}
1 serving
post-outer {
1 serving
}
1 serving
post img {
1 serving
}
3
post h {
1 serving
font:normal normal 26px coustard
1 serving
padding-left:20px
1 serving
padding-right:20px
1 serving
}
3
post h a
1 serving
text-decoration:none
1 serving
}
3
post h a:hover {
1 serving
}
1
post .post-header-line {
1 serving
background:url
1 serving
}
1 links
feed {
1 serving
display:none
1 serving
}
1 serving
post-body
1 serving
comments
1 serving
blog-pager
1
post-header-line {
servings
padding: 20px
1 serving
}
1 serving
post-body blockquote {
1 serving
padding-left:40px
1 serving
margin:20px
1
line-height:3em
1 serving
background:url
1 serving
}
1 serving
post-body ul {
1 serving
margin-left:20px
1 serving
}
1 serving
post-body ol {
1 serving
margin-left:20px
1 serving
}
1 serving
post-body h1
1 serving
post-body h2
1 serving
post-body h3
1 serving
post-body h4
1 serving
post-body h5
6
post-body h
1 serving
font:normal normal 26px coustard
1 serving
}
1 serving
post-body h1
1 serving
post-body h2
1 serving
post-body h3
1 serving
post-body h4
1 serving
post-body h5
1 serving
post-body h6
1 serving
post-footer {
1 serving
background:#fff; /* mantap kalau #f9f9f9
1 serving
padding:20px
1 serving
}
1 serving
page navigation
1 serving
blog-pager {
1 serving
font:normal normal 14px coustard
1 serving
}
1 serving
width:225px
1 serving
}
1 serving
background:#fff
servings
box-shadow: 1px 2px #ddd
1 serving
padding:20px
1 serving
}
1 serving
sidebar .widget iframe
1 serving
}
2
sidebar .widget h {
1 serving
font:normal normal 14px coustard
1 serving
background:url
1 serving
}
1 serving
sidebar .widget ul li {
1 serving
}
1 serving
widget
1 serving
flickr_badge_image {
1 serving
float: left
margin: 10px 10px
1 serving
height: 51px
1 serving
width:51px
1 serving
}
1 serving
flickr_badge_image img {
1 serving
height: 51px
1 serving
width: 51px
1 serving
}
1 serving
popular posts
1 serving
popularposts .item-snippet {
1 serving
}
1 serving
position:relative
7
1 serving
}
1 serving
slidepanel-toggle {
1 serving
width:962px
margin: auto
1 serving
}
1 serving
ul.slide-toggle {
servings
padding: 10px
1 serving
background:#fff
? border-top:0; border-top:0; border-top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
servings
box-shadow: 1px 2px #ddd
1 serving
}
1 serving
ul.slide-toggle li.left {
292
width:6px
1 serving
margin:30px 10px
1 serving
}
1 serving
ul.slide-toggle li.left .widget li {
1 serving
}
1 serving
a:focus {
1 serving
outline: none
1 serving
}
1 serving
slide {
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
margin: auto
1 serving
overflow:auto
1 serving
}
9901
background:#fe url
1 serving
overflow:hidden
1 serving
width:50px
1 serving
height:46px
? padding:0; padding:0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
text-indent:-9000px
1 serving
float:right
? right:0; right:0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? top:0; top:0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
position:absolute
10
1 serving
}
1
1 serving
}
1 serving
background-position: right center
1 serving
}
1 serving
archive
1 serving
toc-note {
1 serving
}
1 serving
bp_toc {
1 serving
}
1 serving
toc-header-col1
1 serving
toc-header-col2
3
toc-header-col {
444
background
1 serving
padding:10px
1 serving
text-transform:normal
1 serving
}
1 serving
toc-header-col2
3
toc-header-col {
1 serving
width:20%
1 serving
}
1 serving
toc-entry-col1
1 serving
toc-entry-col2
3
toc-entry-col {
1 serving
padding:10px
1 serving
background:#f8f8f8
1 serving
}
1
toc-header-coltitle
2
toc-header-coltitle
3
toc-header-coltitle {
1 serving
font:normal normal 14px coustard
1 serving
}
1 serving
comments
4
comments h {
1 serving
background:url
1 serving
font:normal normal 14px coustard
1 serving
}
1 serving
comment-header .user {
1 serving
font-weight:normal
1 serving
text-decoration:underline
1 serving
padding-right:10px
1 serving
margin-right:10px
1 serving
}
1 serving
comment-header span.blog-author
1 serving
comment-header span.icon
1 serving
comment-header .datetime {
1 serving
}
1 serving
}
1 serving
comment-content {
1 serving
}
1 serving
comments blockquote {
padding:1px
1
line-height:6em
1 serving
}
1 serving
margin-right:10px
1 serving
background-position:-15px center
o-transition: all 5s
1 oz
m -transition: all 0.5s
webkit-transition: all 5s
1 serving
}
1 container
comment-holder .avatar-image {
1 serving
}
1 container
comment-holder .avatar-image img {
1 serving
}
1 serving
position:relative
margin: auto
1 serving
}
1 serving
backtotop {
1 serving
display:none
1 serving
height:50px
1 serving
width:50px
1 serving
position:fixed
1 serving
right:20px
9901
background:#fe url
1 serving
text-indent:-800px
1 serving
overflow:hidden
4/5
1 serving
border-radius:2px
1 serving
}
1 serving
backtotop:hover {
1 serving
}
444444
background:# url
1 serving
}
1 serving
width:980px
padding:4px
margin: auto
1 serving
}
1 serving
width:225px
1 serving
margin:10px
1 serving
}
2
grid .widget h {
1 serving
}
1 serving
grid a
1 serving
grid a:visited
1 serving
grid a:hover
1 serving
credit
1 serving
credit {
1 serving
background:#ffcc03
1 serving
font:normal normal 14px coustard
1 serving
padding:15px 20px
1 serving
width:920px
margin: auto
1 serving
}
1 serving
credit a {
1 serving
}
1 serving
credit .left {
1 serving
width:50%
1 serving
}
1 serving
credit .right {
1 serving
width:50%
1 serving
}
1 serving
credit .right .attribution .widget-content {
1 serving
text-align:right !important
1 serving
}