INGREDIENTS
1 serving
type="color" default="#fff
333
type="color" default
1 Link
variable name="linkcolor" description=" color
1 serving
type="color" default="#58a
666
type="color" default
999
type="color" default
1 serving
type="color" default="#c60
1 serving
type="color" default="#ccc
999
type="color" default
666
type="color" default
999
type="color" default
333333
color
1 serving
font-size
846
color:#44a
846
color:#44a
1 serving
color:#f05575
1 serving
header-wrapper {
666666
color
666666
color
666666
color
999999
color
1 serving
outer-wrapper
1 serving
outer-wrapper {
1 serving
margin-top: 30px
border: solid 1px #aaa
1 serving
main-wrapper {
1 serving
word-wrap: break-word; /* fix
1 serving
sidebar-wrapper {
1 serving
word-wrap: break-word; /* fix
1 serving
margin-top: 15px
1 serving
font-size:24px
1 serving
color:#f05575
1 serving
margin-top:0px
1 serving
margin-bottom:5px
border-bottom: #aaa 1px solid
1 serving
font-size
1 serving
color:#a0a0a0
1 serving
font-size: 15px
1 serving
border-bottom:1px solid #cccccc
1
padding-bottom:5em
1 serving
font-size:26px
846
color:#44a
1 serving
display:block
846
color:#44a
3
post h strong
1 serving
color:#f05575
999999
color
1 serving
font-size:14px
1 serving
border:0px solid #cccccc
999999
color
1 serving
comments-block {
1 serving
comments-block .comment-author {
1 serving
comments-block .comment-body {
1 serving
comments-block .comment-footer {
1 serving
comments-block .comment-body p {
1 serving
font-style:italic
1 serving
color:gray
1 serving
clear: both
666666
color
1 serving
list-style:none
1 serving
padding-bottom:.25em
1 serving
border-bottom:0px dotted #cccccc
1 serving
margin-bottom: 5px
1 serving
border: 1px solid #cccccc
999999
color
1 serving
clear:both
1 serving
padding-top:15px
1 serving
drop down css
1 serving
width: ; /* change the width of the navigation bar
1 serving
height: 35px; /* change the height of the navigation bar
1 serving
list-style: none
1 links
color: #44a846; /* change color of the main
1 serving
display: block
4
color: #ff69b ; /* change the color of the links when hovered over
1 serving
padding: 10px 30px; /* make sure these are the same as the section above
1 drop
background: #bebebe; /* change the background color of the down box
1 drop
color: #ffffff; /* change the color of the down links
4
background: #ff69b ; /* change the background color of drop down items on hover
1 drop
color: #ffffff; /* change the color of down links on hover
1 serving
padding: 7px 10px; /* keep these the same as the above section
1 serving
display: inline-block
1 serving
list-style: none
1 serving
blog design information
1 serving
designer: kate at 17th avenue design studio
2012
1 serving
url: 17avenuedesigns.com
1 serving
copyright: 17th avenue design studio
1 T
do no alter any serving of this html/css code
1 serving
navbar-iframe
1 serving
variable definitions
1 serving
variable name="bgcolor" description="page background color
1 serving
variable name="textcolor" description="text color
1 serving
variable name="pagetitlecolor" description="blog title color
1 serving
variable name="descriptioncolor" description="blog description color
1 serving
variable name="titlecolor" description="post title color
1 serving
variable name="bordercolor" description="border color
1 serving
variable name="sidebarcolor" description="sidebar title color
1 serving
variable name="sidebartextcolor" description="sidebar text color
1 Link
variable name="visitedlinkcolor" description="visited color
1 serving
variable name="bodyfont" description="text font
1 serving
type="font" default="normal normal century gothic
1 serving
variable name="headerfont" description="sidebar title font
1 serving
type="font
1 serving
default="normal normal century gothic
1 serving
variable name="pagetitlefont" description="blog title font
1 serving
type="font
1 serving
default="normal normal century gothic
1 serving
variable name="descriptionfont" description="blog description font
1 serving
type="font
1 serving
default="normal normal century gothic
1 serving
variable name="postfooterfont" description="post footer font
1 serving
type="font
1 serving
default="normal normal century gothic
1 serving
variable name="startside" description="side where text starts in blog language
1 serving
type="automatic" default="left
1 serving
variable name="endside" description="side where text ends in blog language
1 serving
type="automatic" default="right
1 serving
use this
1 serving
body {
1 serving
background: #ffffff
? margin:0; margin:0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
background-repeat: repeat
1 serving
font:century gothic
1 serving
text-align: center
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:none
1 serving
}
1 serving
img {
? border-width:0; border-width:0; border-width 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
header
1 serving
width:1003px
margin: auto px
1 serving
margin-left: -3px
1 serving
}
1 serving
header-inner {
1 serving
background-position: center
1 serving
margin-left: auto
1 serving
margin-right: auto
1 serving
}
1 serving
header {
1 serving
margin: 5px
1 serving
text-align: center
1 serving
}
1
header h {
margin:5px 5px
padding:15px 20px 25em
1
line-height:2em
1 serving
text-transform:uppercase
1 serving
letter-spacing:.2em
1 serving
font: normal normal century gothic
1 serving
}
1 serving
header a {
1 serving
text-decoration:none
1 serving
}
1 serving
header a:hover {
1 serving
}
1 serving
header .description {
servings
margin: 5px 5px
servings
padding: 20px 15px
1 serving
max-width:700px
1 serving
text-transform:uppercase
1 serving
letter-spacing:.2em
1
line-height: 4em
1 serving
font: normal normal century gothic
1 serving
}
1 serving
header img {
1 serving
margin-left: auto
1 serving
margin-right: auto
1 serving
}
1 serving
width: 1002px
margin: auto
1 serving
padding:0px
1 serving
text-align:left
1 serving
font: normal normal 16px century gothic
1 serving
background
1 serving
}
1 serving
width: 715px
1 serving
float: left
1 serving
overflow: hidden; /* fix
1 serving
background
1 serving
margin-left: 10px
1 serving
}
1 serving
width: 230px
1 serving
float: right
1 serving
overflow: hidden; /* fix
1 serving
padding-right: 8px
1 serving
}
1 serving
headings
2
h {
margin:.25em
padding: 4px
1 serving
font-weight:normal
1
line-height:0em
1 serving
font-family: 'open sans'
1 serving
text-align:center
1 serving
}
1 serving
posts
2
hdate-header {
margin:5em 0 0.5em
? margin-bottom:0; margin-bottom:0; margin-bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
text-align: left
1 serving
border:none
1 serving
padding-left:3px
1 serving
font-family: 'open sans'
1 serving
}
1 serving
post {
margin:.5em 0 5em
1 serving
}
3
post h {
margin:.25em
padding: 4px
1 serving
font-weight:normal
1
line-height:4em
1 serving
font-family: 'open sans'
1 serving
}
3
post h a
1 serving
text-decoration:none
1 serving
font-weight:normal
1 serving
font-family: 'open sans'
1 serving
}
1 serving
font-family: 'open sans'
1 serving
}
1 serving
post-body {
margin:0 75em
1
line-height:6em
1 serving
}
1 serving
post-body blockquote {
1
line-height:3em
1 serving
}
1 serving
post-footer {
margin: .75em
1 serving
text-transform:uppercase
1 serving
letter-spacing:.1em
1 serving
font: normal normal century gothic
1
line-height: 4em
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
4
comments h {
margin:1em
1 serving
font-weight: bold
1
line-height: 4em
1 serving
text-transform:uppercase
1 serving
letter-spacing:.2em
1 serving
}
margin:1em 0 5em
1
line-height:6em
1 serving
}
margin:.5em
1 serving
}
margin:.25em
1 serving
}
servings
margin:-.25em 2em
1
line-height: 4em
1 serving
text-transform:uppercase
1 serving
letter-spacing:.1em
1 serving
}
margin:0 75em
1 serving
}
1 serving
deleted-comment {
1 serving
}
1 link
blog-pager-newer {
1 serving
float: left
1 serving
}
1 link
blog-pager-older {
1 serving
float: right
1 serving
}
1 serving
blog-pager {
1 serving
text-align: center
1 serving
}
1 links
feed {
2
line-height: 5em
1 serving
}
1 serving
sidebar content
1 serving
sidebar {
1
line-height: 5em
1 serving
}
1 serving
sidebar ul {
margin: 0
padding: 0
1 serving
}
1 serving
sidebar li {
? margin:0; margin:0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? padding-top:0; padding-top:0; padding-top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? padding-right:0; padding-right:0; padding-right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
padding-left:15px
1 serving
text-indent:-15px
1
line-height:5em
1 serving
}
1 serving
sidebar .widget
margin:0 5em
padding:0 5em
1 serving
}
1 serving
main .blog {
? border-bottom-width: 0; border-bottom-width: 0; border-bottom-width 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
profile
1 serving
profile-img {
1 serving
float: left
? 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-right: 5px
? margin-left: 0; margin-left: 0; margin-left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
padding: 4px
1 serving
}
1 serving
profile-data {
? margin:0; margin:0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
text-transform:uppercase
1 serving
letter-spacing:.1em
1 serving
font: normal normal century gothic
1 serving
font-weight: bold
1
line-height: 6em
1 serving
}
1 serving
profile-datablock {
margin:.5em 0 5em
1 serving
}
1 serving
profile-textblock {
margin: .5em
1
line-height: 6em
1 serving
}
1 link
profile {
1 serving
font: normal normal century gothic
1 serving
text-transform: uppercase
letter-spacing: 1em
1 serving
}
1 serving
footer
1 serving
footer {
1 serving
width:660px
margin: auto
1
line-height: 6em
1 serving
text-transform:uppercase
1 serving
letter-spacing:.1em
1 serving
text-align: center
1 serving
}
1 serving
navigationbar {
1 serving
}
1 serving
navigationcss {
margin: auto
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
navigationcss ul {
1 serving
float: none
? 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"=>""}}
1 serving
overflow: visible
1 serving
}
1 link
navigationcss li a
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
padding: 10px 30px; /* change the first number
1 serving
}
1 serving
navigationcss li a:hover
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 link
navigationcss li li a
1 serving
width: 150px
1 serving
float: none
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
padding: 7px 10px; /* similar to above
1 serving
}
1 serving
navigationcss li li a:hover
1 serving
}
1 serving
navigationcss li {
1 serving
float: none
? 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"=>""}}
1 serving
}
1 serving
navigationcss li ul {
9999
1 serving
position: absolute
1 serving
left: -999em
1 serving
height: auto
1 serving
width: 150px
? 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"=>""}}
1 serving
}
1 serving
navigationcss li:hover ul
1 serving
left: auto
1 serving
}