INGREDIENTS
1 serving
variable name="keycolor" description="main color" type="color" default="#ffffff
666666
variable name="body.text.color" description="text color" type="color" default
1 serving
variable name="body.background.color" description="outer background" type="color" default="#ffffff
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
variable name="header.text.color" description="title color" type="color" default
1 serving
variable name="description.text.color" description="description color" type="color
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="transparent
1 serving
variable name="tabs.selected.background.color" description="selected color" type="color" default="transparent
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="transparent
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="transparent
666666
variable name="image.text.color" description="caption text color" type="color" default
1 serving
variable name="body.rule.color" description="separator line color" type="color" default="transparent
1 serving
variable name="tabs.border.color" description="tabs border color" type="color" default="transparent
1 serving
color="transparent" 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="40px
1 serving
variable name="content.shadow.spread" description="content shadow spread" type="length" default="0px
1 serving
variable name="content.shadow.spread.webkit" description="content shadow spread " type="length" default="0px
1 serving
variable name="content.shadow.spread.ie" description="content shadow spread " type="length" default="0px
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="0px
1 serving
variable name="header.shadow.offset.top" description="header shadow offset top" type="length" default="0px
1 serving
variable name="header.shadow.spread" description="header shadow spread" type="length" default="0px
1 serving
variable name="header.padding" description="header padding" type="length" default="0px
1 serving
variable name="header.border.size" description="header border size" type="length" default="0px
1 serving
variable name="header.bottom.border.size" description="header bottom border size" type="length" default="0px
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="18px
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="body.letterspacing" description="body text letter spacing" type="string" default="1px
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="45px
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="40px
1 serving
variable name="main.padding" description="main padding" type="length" default="0px
1 serving
variable name="main.padding.top" description="main padding top" type="length" default="35px
1 serving
variable name="main.padding.bottom" description="main padding bottom" type="length" default="65px
1 serving
color="transparent
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
font: normal normal 13px 'times new roman'
666666
color
color
262425
color
1 serving
color: #7f7f7f
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
background-color: transparent
1 serving
font-size
color
color
1 serving
font-size: 18px
color
1 serving
width:100%
1 serving
top:2px
border-bottom: 1px solid
1 serving
tabs-inner .section:first-child {
border-top: solid transparent
1 serving
border-bottom: 1px solid transparent
1 serving
display: inline-block
262425
color
999999
color
1 serving
background-color: transparent
1 serving
status-msg-wrap
border-top: solid transparent
1 serving
border-right: 1px solid transparent
1 serving
border-left: 1px solid transparent
999999
color
1 serving
list-style: none
1 serving
section-columns td.columns-cell {
1 serving
border-left: 1px solid transparent
1 serving
search bar
1 box
table.gsc-search td.gsc-input
1 serving
widget form table.gsc-branding
1 serving
widget form table
1 serving
top: 2px
1 serving
width:100%
1 serving
margin-top:1px
color
border-bottom:1px solid
1 serving
margin-top: 25px
1 serving
margin-bottom: -10px
1 serving
font-size:93%
1 serving
color:#3a3a3a
border-bottom:0px solid
1 serving
border-bottom:px dotted transparent
1 serving
margin-top: px
1 serving
color: #3a3a3a
1 serving
padding-top: 19px
1 serving
padding-bottom: -px
1 serving
margin-bottom: -px
1 serving
font-size:256%
1 serving
color:#b51f38
1 serving
display:block
1 serving
color:#b51f38
3
post h strong
1 serving
color:#7b7b7b
1 serving
padding-bottom: 0px
1 serving
padding-top: 37px
1 serving
color: #3a3a3a
1 serving
font-size:105%
border-bottom: 1px solid
color
1 serving
font-size: 10px
1 serving
border:1px solid transparent
1
padding-top: 5em
1 serving
border-top: 1px solid transparent
1 serving
border-top: none
1 serving
border: 1px solid transparent
999999
border-top: 1px solid
999999
border-bottom: 1px solid
1 serving
comments .comment-thread.inline-thread {
1 serving
background-color: #ffffff
999999
border-top: 2px solid
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
background: transparent none no-repeat scroll top center
1 serving
border-top: none
1 serving
background-color: transparent
666666
color
1 serving
mobile-link-button {
background-color
1 link
mobile-link-button a: .mobile-link-button a:visited {
color
1 serving
mobile .tabs-inner .section:first-child {
1 serving
border-top: none
1 serving
background-color: transparent
999999
color
1 serving
border-top: 1px solid transparent
1 serving
border-bottom: 1px solid transparent
1 serving
border-left: 0px solid transparent
1 serving
top:-1px
1 serving
width:100%
1 serving
color: #262425; /* template designer - change font size
1 serving
list-style: none
1 serving
display: inline-block
1 serving
display: block
1 serving
color: #262425; /* template designer - change font color
1 serving
color: #262425; /* template designer - change color
1 serving
color: #999999; /* template designer - change font color on hover
1 serving
background-color: transparent; /* template designer - change font background on hover
1 serving
display: block
1 serving
display: block
1 drop
background color: #7b7b7b; /* change background colour of
1 serving
color: #5e6668; /* change colour of text
1 serving
border: gray 1px solid
1 serving
display: block
1 serving
color: #999999; /* template designer - change text color on hover
1 serving
background-color: #efefef; /* template designer - change background on hover
1 serving
color: !important
1 serving
color: default !important
1 serving
color: default !important
border: 1px solid
1 serving
name: xo template
1 serving
designer: christine beeman
1 serving
designer url: christinebeeman.blogspot.com
1 serving
developer: elaine malone
1 serving
developer url: xomisse.com
1 serving
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
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
default
1 serving
default="transparent
1 serving
group
1 serving
group description="post footer" selector=".post-footer
1 serving
default="#eeeeee
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
main content
1 serving
body {
1 serving
background: transparent none no-repeat scroll center center
padding: 0
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 serving
body#layout .navbar
1 serving
body .navbar
1 serving
a
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: transparent none no-repeat scroll center center
1 serving
}
1 serving
width
1 serving
background-image: none
1 serving
}
1 serving
content-inner {
1 serving
padding: 10px 40px
1 serving
}
1 serving
content-inner {
1 serving
}
1 serving
header
1 serving
header-outer {
background: transparent none repeat-x scroll -4px
1 serving
background-image: none
1 serving
}
1 serving
header
1
header h {
1 serving
text-transform: none
text-shadow: 0 0 0 rgba
1 serving
}
1
header h a {
1 serving
}
1 serving
header .description {
1 serving
text-align: center
1 serving
text-transform: none
1 serving
letter-spacing: 1px
1 serving
}
1 serving
header-inner .header .titlewrapper {
padding: 22px
1 serving
text-align: center
1 serving
text-transform: uppercase
1 serving
letter-spacing: 1px
1 serving
}
1 serving
header-inner .header .descriptionwrapper {
? padding: 0 0; padding: 0 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
navigation
1 serving
font-family: 'raleway'
1 serving
position:center
1
line-height: 0em
1 serving
font-weight: bold
1 serving
}
1
line-height: 6em
1 serving
font-family: 'raleway'
1 serving
font-weight: bold
1 serving
}
1 serving
tabs-inner .widget ul {
1 serving
text-align: center
? 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
font-family: 'raleway'
1 serving
}
1 serving
tabs-inner .widget li a {
padding: 3em 1.9em
1 serving
font-family: 'raleway'
line-height: 6em
letter-spacing: 04em
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
pagelist1
1 serving
tabs .widget ul
1 serving
tabs .widget li
1 serving
status-msg-body .status-msg-border
1 serving
font-family: 'raleway'
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
widget .zippy {
1 serving
}
1 serving
widget .popular-posts ul {
1 serving
}
1 serving
}
1 serving
profile
1 serving
profile-img
1 serving
profile-data
1 serving
profile-datablock
1 serving
profile-textblock
1 link
profile .profile-data
1 serving
quickedit img
1 serving
popular posts
1 serving
popularposts img
1 serving
popularposts .item-thumbnail
1 serving
popularposts .item-title
1 serving
popularposts .item-snippet
1 serving
popularposts ul
1 box
widget .gsc-search input[type="text"]
1 serving
widget.customsearch
1 serving
widget input[type="text"]:focus
1 serving
tr
1 box
gsc-search tr
1 serving
widget input[type="submit"]
1 serving
border:none !important
border-radius: !important
1 serving
webkit-appearance: none
1 serving
width: 55px !important
1 serving
height: 36px !important
1 serving
cursor:pointer
1 serving
margin-left:0px !important
1 serving
text-align: left
1 serving
padding-left: 10px
1 serving
position:absolute
1 serving
right: 0px
1 serving
overflow:hidden
1 serving
text-indent: 200px
1 serving
white-space: nowrap
1 serving
}
1 serving
widget input[type="text"]{
1 serving
border: none !important
1 serving
padding:3px 0px
1 serving
height: 19px !important
1 serving
webkit-appearance: none
? border-radius:0; border-radius:0; border-radius 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
webkit-border-radius:0px
1 serving
text-align: left
1 serving
margin-left:24px
1 serving
background: none
1 serving
}
1 serving
headings
2
h {
margin: 1em
1 serving
font: normal normal 14px im fell
1 serving
text-align: center
1 serving
}
1 serving
posts
2
hdate-header {
1 serving
margin-left: 3px
1 serving
text-align: center
1 serving
text-transform: uppercase
1 serving
letter-spacing:.28em
1 serving
}
1 serving
post {
1 serving
}
3
post h {
1 serving
font-family: 'alegreya sc'
1 serving
padding-left: px
1 serving
margin-left: px
1 serving
font-weight:normal
1 serving
line-height:.4em
1 serving
text-align: center
1 serving
text-transform: none
1 serving
letter-spacing:.1em
1 serving
font-weight: bold
1 serving
}
3
post h a
1 serving
text-decoration:none
1 serving
font-weight: normal
1 serving
}
1 serving
}
1 serving
post-body {
margin:0 75em
1
line-height:7em
letter-spacing: 02em
1 serving
text-align: none
1 serving
}
1 serving
post-body blockquote {
1
line-height:3em
1 serving
}
1 serving
post-footer {
margin: .75em
1 serving
text-transform:uppercase
letter-spacing: 12em
1
line-height: 4em
1 serving
text-align: center
1 serving
}
1 link
comment {
1 serving
margin-left:.6em
1 serving
}
1 container
post img
1 serving
padding:4px
1 serving
}
1 container
tr-caption img {
1 serving
border: none
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
post blockquote {
1 serving
margin:1em 20px
1 serving
}
1 serving
post blockquote p {
margin:.75em
1 serving
}
1 serving
comments
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 .comments-content .icon.blog-author {
1 serving
background-repeat: no-repeat
1 serving
}
1 serving
comments .comments-content .loadmore a {
1 serving
}
1 serving
}
1 serving
comments .continue {
1 serving
}
1 serving
footer
1 serving
attribution1
1 serving
copyright
1 serving
mobile template
1 serving
body.mobile {
1 serving
}
1 serving
mobile .body-fauxcolumn-outer {
1 serving
}
1 serving
}
1 serving
body.mobile .adsense {
? margin: 0 -0; margin: 0 -0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}ta
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
}
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 img
1 serving
mobile .tabs-inner .pagelist .widget-content {
1 serving
}
1 serving
mobile .tabs-inner .pagelist .widget-content .pagelist-arrow {
1 serving
}
1 serving
add image icons to search and subscribe
1 box
widget .gsc-search input[type="submit"]{
1 serving
width:35px
1 serving
height:35px
1 serving
background: url
1 serving
}
1 serving
widget input[type="submit"]
1 serving
background: url
1 serving
}
1 serving
custom css
1 serving
css nav menu styling
1 serving
cssnav {
1 serving
background-image:url)
1 serving
height:11px
1 serving
margin: 0px
1 serving
padding: px
1 serving
width: auto
1 serving
}
1 serving
cssnav ul {
background: transparent none repeat-x scroll -8px
1 serving
background-image: none; /* template designer - change menu background
1 serving
height: 40px; /* change height of menu
1 serving
margin: 0px
1 serving
padding: 0px
1 serving
}
1 serving
cssnav li {
1 serving
float: none; /* none = centre
1 serving
padding: 0px
1 serving
}
1 serving
cssnav li a {
background: transparent none repeat-x scroll -8px
1 serving
background-image: none; /* template designer - change menu background
1 serving
margin: 0px
1 serving
text-align: center
600
1 serving
text-decoration: none
1 serving
}
1 serving
cssnav > ul > li > a {
1 serving
}
1 serving
cssnav ul ul a {
1 serving
}
1 serving
cssnav li > a:hover
1 serving
text-decoration: none
1 serving
}
1 serving
cssnav li ul {
background: transparent none repeat-x scroll -8px
1 serving
background-image: none; /* template designer - change menu background
1 serving
display: none
1 serving
height: auto
1 serving
padding: 9px
1 serving
margin-left:2px
1 serving
border: 0px
1 serving
position: absolute
1 serving
width: 200px; /* change width of dropdown menu
1011
1 serving
}
1 serving
cssnav li:hover ul {
1 serving
}
1 serving
cssnav li li {
background: transparent none repeat-x scroll -8px
1 serving
background-image: none; /* template designer - change background
1 serving
float: none
1 serving
margin: 0px
1 serving
padding: 0px
1 serving
}
1 serving
cssnav li:hover li a {
1 serving
down text
1 serving
float: none
1 serving
}
1 serving
cssnav li ul a {
1 serving
height: auto
1 serving
margin: 0px
1 serving
padding: 10px
1 serving
text-align: left
1 serving
}
1 serving
cssnav li ul a:hover
1 serving
border: 0px
1 serving
text-decoration: none
1 serving
}
1 serving
post-body a{
1 serving
font-weight: bold
1 serving
}
1 serving
post-body a:hover{
1 serving
}
1 serving
post-body a:visited{
1 serving
}blockquote {
1 serving
margin:1em 20px
1 serving
padding: 5px
1 serving
}
1 serving
post-footer-line.post-footer-line-1