INGREDIENTS
1 serving
variable name="body.background.color" description="outer background" type="color" default="#ffffff
444444
variable name="blogtitle.text.color" description="title color" type="color" default
1 serving
variable name="blogtitle.description.color" description="description color" type="color
1 serving
variable name="border.color" description="borders" type="color" default="#f0d385
444444
variable name="post.title.color" description="post title color" type="color" default
1 serving
variable name="post.title.hover" description="hover" type="color" default="#a0a0a0
44444
variable name="navigation.text.color" description="text color" type="color" default
1 serving
variable name="navigation.hover.text.color" description="selected color" type="color" default="#7f7f7f
1 serving
variable name="body.text.color" description="text color" type="color" default="#7f7f7f
1 serving
group description="date header" selector="h4
1 serving
variable name="date.title.font" description="font" type="font
1 serving
variable name="date.title.color" description="title color" type="color" default="#f0d385
1 link
group description="links" selector=".a: a:visited a:hover
1 Link
variable name="link.color" description=" color" type="color" default="#f0d385
1 serving
variable name="link.visited.color" description="visited color" type="color" default="#f0d385
1 serving
variable name="link.hover.color" description="hover color" type="color" default="#f0d385
1 Link
variable name="share.link.color" description="share buttons color" type="color" default="#fecfb5
1 serving
variable name="share.hover.color" description="share buttons hover color" type="color" default="#fecfb5
1 serving
variable name="share.text.color" description="share buttons text color" type="color" default="#a0a0a0
1 serving
variable name="sidebar.title.color" description="title color" type="color" default="#ffffff
1 serving
links & background
1 serving
color: #7f7f7f
1 serving
margin-top: 35px
1 serving
color: #afddd2
1 serving
color: #afddd2
1 serving
color: #a0a0a0
1
font-size: 85em
1
font-size: 65em
1 serving
font-size: 3em
1 serving
color: #a0a0a0
1 serving
color: #a0a0a0
1 serving
color: #afddd2
1 serving
color: #a0a0a0
1 serving
header-wrapper {
1 serving
margin-top: 20px
1 serving
margin-bottom: 30px
1 serving
padding-top:-10px
1 serving
color: #afddd2
1 serving
display: block
1 serving
color: #a0a0a0
1 serving
color: #a0a0a0
1 serving
margin-top: -5px
1 serving
font: normal normal 22px 'times new roman'
1 serving
color: #afddd2
444444
color
1 serving
navigation bar
1 serving
navigation-wrapper {
1 serving
border-top: 1px dashed #9d998d
1 serving
border-bottom: 1px dashed #9d998d
1 serving
color: #a0a0a0
1 serving
color: #afddd2
1 serving
outer-wrapper {
1 serving
border: 1px #cccccc solid
1 serving
background-color: #ffffff
1 serving
post-wrapper {
1 serving
clear: both
1 serving
padding-bottom: 10px
1 serving
border-bottom: 1px dashed #9d998d
1 serving
margin-bottom: 25px
1 serving
color: #afddd2
1 serving
font-size: 26px
1 serving
padding-top: 10px
1 serving
color: #a0a0a0
1 serving
font-size: 26px
1 serving
padding-top: 10px
1 serving
padding-bottom: 10px
1 serving
font-size: 12px
1 serving
font-style: italic
1 serving
color: #7f7f7f
1 serving
margin-bottom: 10px
1 serving
margin-top: -15px
1 serving
color: #a0a0a0
1 serving
display: block
1 serving
font-size: 10px
1 serving
color: #ffffff
1 serving
font-size: 15px
1 serving
color: #a0a0a0
1 serving
margin-bottom: -5px
1 serving
color: #a0a0a0
1 serving
color: #afddd2
1 serving
color: #a0a0a0
1 serving
background-color: #ffffff
1 serving
color: #ffffff
1 serving
padding-bottom: 20px
1 serving
display: block
1 serving
margin-top: 0px
1 serving
font-size: 11px
1 serving
font-style: italic
1 serving
color: #7f7f7f
1 serving
margin-top: 5px
1 serving
margin-bottom: 5px
1 serving
color: #afddd2
1 serving
border-bottom: 1px dashed #9d998d
1 serving
section
1 serving
margin-bottom:20px
1 serving
margin-bottom: 20px
1 serving
wrapper {
1 serving
margin-top: -60px
1 serving
color: #afddd2
1 serving
color: #a0a0a0
1 serving
padding-top: 18px
808080
color
1 serving
font-size: 11px
1 serving
margin-bottom: 10px
1 serving
color: #a0a0a0
1 serving
blog template: diy photography blog template
1 serving
designer: 17th avenue
1 serving
website: 17thavenuedesigns.com // 17thavenuedesigns.etsy.com
1 T
please do no alter any of the code below! thank you
1 serving
variable attributes
1 serving
group description="blog title" selector=".blogtitle h1
1 serving
variable name="blogtitle.font" description="font" type="font
1 serving
default="48px oswald
1 serving
group
1 serving
group description="blog description" selector=".blogtitle p
1 serving
variable name="blogtitle.description.font" description="font" type="font
1 serving
default="normal 22px century gothic
444444
default
1 serving
group
3
group description="post title" selector="hpost-title
1 serving
variable name="post.title.font" description="post title font" type="font
1 serving
default="normal 26px oswald
1 serving
group
1 serving
group description="navigation bar" selector=".navigation li a .navigation li a:hover
1 serving
variable name="navigation.font" description="font" type="font
1 serving
default="normal 14px oswald
1 serving
group
1 serving
group description="page text" selector="body
1 serving
variable name="body.font" description="font" type="font
1 serving
default="normal normal 14px century gothic
1 serving
group
1 serving
default="normal 12px arial
1 serving
group
1 serving
group
1 serving
group description="share buttons" selector="h5
1 serving
variable name="share.text.font" description="share buttons font" type="font" default="normal 18px oswald
1 serving
group
1 serving
group description="sidebar" selector=".sidebar h2
1 serving
variable name="sidebar.font" description="sidebar title font" type="font
1 serving
default="normal 14px oswald
1 serving
group
1 serving
body {
1 serving
background: #ffffff url
1 serving
font: normal normal 14px century gothic
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
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
headings
1
h {
1 serving
}
2
h {
1 serving
}
3
h {
1 serving
}
4
h {
1 serving
text-decoration: none
1 serving
}
5
h {
1 serving
font: normal normal 16px oswald
1 serving
text-decoration: none
1 serving
text-transform: uppercase
1 serving
}
5
h a:link{
1 serving
font: normal normal 16px oswald
1 serving
text-decoration: none
1 serving
text-transform: uppercase
1 serving
}
5
h a:hover{
1 serving
font: normal normal 16px oswald
1 serving
text-decoration: none
1 serving
text-transform: uppercase
1 serving
}
3
h1
? 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
font-family: 'oswald'
1 serving
text-transform: uppercase
1 serving
font-weight: normal
1 serving
}
1 serving
p
? margin-top: 0; margin-top: 0; margin-top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
line-height
1 serving
}
1 serving
ul
1 serving
}
1 serving
header image
1 serving
height: 440px
1 serving
}
1 serving
header {
1 serving
width: 980px
1 serving
height: 302px
1 serving
margin-left:85px
1 serving
}
1 serving
space {
1 serving
width: 980px
1 serving
height: 420px
1 serving
}
1
adsense {
1 serving
margin-left:65px
1 serving
}
1 serving
blog title
1 serving
blogtitle {
1 serving
width: 980px
1 serving
margin: 0px auto
1 serving
padding: 0px 0px 0px 0px
1 serving
}
1 serving
blogtitle h1
? 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
blogtitle h a {
1 serving
}
1
blogtitle h {
1 serving
text-align: center
1 serving
margin: 0px
1 serving
letter-spacing: -1px
1 serving
text-transform: uppercase
1 serving
font: normal normal 48px oswald
1 serving
}
1 serving
blogtitle p {
1 serving
text-transform: uppercase
1 serving
text-align: center
1 serving
}
1 serving
blogtitle a {
1 serving
border: none
1 serving
background: none
1 serving
text-decoration: none
1 serving
}
1 serving
height: 40px
1 serving
}
1 serving
navigation {
1 serving
width: 980px
1 serving
height: 45px
1 serving
margin: 0px auto
1 serving
padding: 0px 0px 0px 0px
1 serving
}
1 serving
navigation ul {
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
padding: 12px 0px 0px 0px
1 serving
line-height: normal
1 serving
text-align: center
1 serving
}
1 serving
navigation li {
1 serving
display: inline
1 serving
padding: 8px 0px 8px 0px
1 serving
}
1 serving
navigation li a {
1 serving
margin: 0px
1 serving
padding: 0px 30px 0px 30px
1 serving
text-decoration: none
1 serving
text-transform: uppercase
1 serving
font: normal normal 16px oswald
1 serving
}
1 serving
navigation li a:hover {
1 serving
text-decoration: none
1 serving
}
1 serving
navbar {
1 serving
visibility: hidden
1 serving
display: none
1 serving
}
1 serving
blog page
1 serving
width: 1030px
1 serving
margin: 0px auto
1 serving
padding:25px
1 serving
}
1 serving
float: left
1 serving
width: 675px
1 serving
padding-left: 25px
1 serving
}
1 serving
post {
1 serving
}
1 serving
post .title {
1 serving
font: normal normal 26px yanone kaffeesatz
1 serving
border: none
1 serving
letter-spacing: 0px
1 serving
}
1 serving
post .title a:hover {
1 serving
font: normal normal 26px yanone kaffeesatz
1 serving
border: none
1 serving
letter-spacing: 0px
1 serving
}
1 serving
post .meta {
1 serving
text-align: left
1 serving
font-family: century gothic
1 serving
}
1 serving
post .entry {
1 serving
font: normal normal 14px century gothic
1 serving
text-align: left
1 serving
padding: 0px 0px 0px 0px
1 serving
}
1 serving
post-footer {
1 serving
}
1 links
{
1 serving
width: 96px
1 serving
padding: 2px 0px 2px 0px
1 serving
background: #a53602
1 serving
text-align: center
1 serving
text-transform: uppercase
1 serving
}
4
hdate-header {
1 serving
text-align: left
1 serving
font: arial
1 serving
font-weight: normal
1 serving
}
1 serving
copyright 17th avenue -- 17thavenuedesigns.etsy.com
1 serving
social media share buttons
1 Links
socialshare {
1 serving
font: normal normal 16px oswald
1 serving
background: #ffffff
1 serving
}
1 Links
socialshare a:link{
1 serving
font: normal normal 16px oswald
1 serving
background: #ffffff
1 serving
}
1 Links
socialshare a:hover {
1 serving
font: normal normal 16px oswald
1 serving
background: #ffffff
1 serving
}
1 serving
slideshow
1 serving
ul.slideshow {
1 serving
width:980px
1 serving
height:420px
1 serving
overflow:hidden
1 serving
position:relative
? 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
border:1px #ebebeb
1 serving
font-family: century gothic
1 serving
padding-left: 25px
1 serving
}
1 serving
ul.slideshow li {
1 serving
position:absolute
margin: auto
1 serving
}
1 serving
ul.slideshow li.show {
980
1 serving
}
1 serving
ul img {
1 serving
width:980px
1 serving
height:420px
1 serving
border:1px #ebebeb
margin: auto
1 serving
padding: 0px 0px 0px 0px
1 serving
}
1 serving
sidebar column
1 serving
sidebar {
1 serving
float: right
1 serving
width: 275px
1 serving
padding: 0px 0px 0px 0px
1 serving
padding-right: 25px
1 serving
}
1 serving
sidebar ul {
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
padding: 0;yy
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: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
sidebar ul {
1 serving
margin: 0px 0px
1 serving
}
1 serving
sidebar ul li {
1 serving
line-height: 20px
1 serving
}
1 serving
sidebar li li span {
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
sidebar ul li a {
1 serving
}
2
sidebar h {
1 serving
padding:5px
padding: px px px
1 serving
letter-spacing: 1px
1 serving
font: normal normal 17px oswald
1 serving
text-align: center
1 serving
width: 230px
1 serving
}
1 serving
sidebar p {
servings
margin: 0px
1 serving
padding: 10px 10px 10px 0px
1 serving
text-align: justify
1 serving
}
1 serving
sidebar a {
1 serving
border: none
1 serving
}
1 serving
sidebar a:hover {
1 serving
text-decoration: none
1 serving
}
? 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
copyright 17th avenue -- 17thavenuedesigns.etsy.com
1 serving
images
1 serving
img {
1 serving
max-width: auto
735
width: expression
1 serving
border: none
1 serving
text-align: center
1 serving
}
1 serving
img.border {
1 serving
border: 0px
1 serving
}
1 serving
img.alignright {
1 serving
float: right
1 serving
}
1 serving
img.alignleft {
1 serving
float: left
1 serving
margin-right: 20px
1 serving
}
1 serving
img.aligncenter {
1 serving
margin: 0px auto
1 serving
}
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
footer column
1 serving
footer {
1 serving
width: 1319px
1 serving
font-family: century gothic
1 serving
height: 90px
1 serving
text-align: right
1 serving
}
1 serving
footer a {
1 serving
}
1 serving
footer a:hover {
1 serving
text-decoration:none
1 serving
}
1 serving
footer p {
1 serving
line-height: normal
1 serving
text-align: right
1 serving
text-align: right
1 serving
margin-left: 20px
1 serving
}
1 serving
alignleft {
1 serving
text-transform: uppercase
1 serving
font: oswald
1 serving
}
1 serving
copyright 17th avenue -- 17thavenuedesigns.etsy.com