INGREDIENTS
1 serving
this theme uses the lovely lekton regular font from: accademia di belle arti di urbino
1 serving
font-style: normal
1 serving
display: block
333
color
1 serving
webkit-tap-highlight-color: #ff0
444
color
444
border-bottom: 1px # dotted
1 serving
padding-bottom: 1px
color
border-bottom: 1px # dotted
1 serving
padding-bottom: 1px
1 serving
brand{
1 serving
brand h1{
1 serving
font-size: 16px
1
brand h a{
1 serving
brand nav{
1 serving
margin-top: 20px
1 serving
brand nav a{
1 serving
brand nav span{
1 serving
color: #ccc
1 serving
brand nav > span:last-child{
1 serving
display: block
1 serving
top
1 serving
display: block
1 serving
top
1 serving
border-bottom: none
1 link
top {
1 serving
bottom:0px
1 serving
color:#ccc
1 serving
border:1px #eee solid
1 serving
margin-bottom: 24px
1 serving
padding-bottom: 10px
333
color
1 serving
display: block
1 serving
padding-top:10px
1 serving
display: block
color
1 serving
border:1px #ddd solid
1 serving
list-style-type: none
1 serving
border:1px #ddd solid
1 serving
font-size: 10px
1 serving
font-size:14px
1 serving
border-bottom: none
1 serving
font-size:14px
1 serving
border-bottom: none
1 serving
font-size:10px
1 serving
list-style-type: none
1 serving
border-bottom: solid 1px #ddd
1 serving
border-top: solid 1px #ddd
1 serving
border: 1px solid
1 serving
font-size:11px
1 serving
font-size: 10px
1 serving
border-color: #eee
1 serving
webkit-text-size-adjust
1 serving
clear:left
1 serving
webkit-text-size-adjust
1 serving
clear:left
1 serving
width:100% !important
1 serving
section.th{
1 serving
font-size: 10px
1 serving
font: lektonregular
1 serving
note: doesn't always work in google chrome
1 serving
font-face {
1 serving
font-family: 'lektonregular
1 serving
src: url
1 serving
font-weight: normal
1 serving
}
1 serving
reset
? 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"=>""}}
1 serving
}
1 serving
article
1 serving
}
1 serving
img
1 serving
figure
1 serving
figure img
1 serving
layout: general
1 serving
body {
1 serving
font: 12px/16px 'lektonregular'
1 serving
font-weight: normal
1 serving
letter-spacing: 1px
1 serving
background: #fff
1 serving
}
1 serving
selection
1 oz
m -selection
1 serving
img::selection
1 oz
img::-m -selection
1 serving
a{
1 serving
text-decoration: none
1 serving
}
1 serving
a:hover{
1 serving
text-decoration: none
1 serving
}
1 serving
img{
1 serving
border:none
1 serving
}
1 serving
blockquote{
1 serving
margin: 5px
1 serving
padding: 10px
1 serving
background: #fff
1 serving
}
1 serving
layout: structure
1 serving
site{
1 serving
position: relative
padding: 24px 6px
margin: auto
1 serving
width: 648px
1 serving
}
1 serving
text-align: center
1 serving
position: fixed
? top:0; top:0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? left:0; left:0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? right:0; right:0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
background: #fff
20
1 serving
padding:20px 10px
1 serving
}
1 serving
line-height: 24px
1 serving
font-weight: normal
1 serving
text-transform: uppercase
1 serving
}
1 serving
border: none
1 serving
}
1 serving
}
1 serving
text-transform: uppercase
1 serving
border: none
1 serving
}
1 serving
}
1 serving
display: none
1 serving
}
1 serving
nav .next{
1 serving
position: fixed
1 serving
text-indent: -9999px
1 serving
overflow: hidden
1 serving
height:30px
1 serving
width: 100px
4
1 serving
right: 30px
1 serving
border: none
1 serving
background: transparent url
1 serving
}
1 serving
nav .prev{
1 serving
position: fixed
1 serving
text-indent: -9999px
1 serving
overflow: hidden
1 serving
height:30px
1 serving
width: 100px
4
1 serving
left: 30px
1 serving
border: none
1 serving
background: transparent url
1 serving
}
1 serving
nav .prev
1 serving
nav .prev:hover
1 serving
}
1 serving
posts{
1 serving
margin: 0px -24px 20px 0px
1 serving
}
1 serving
display:none
1 serving
position:fixed
1 serving
right:30px
1 serving
text-decoration:none
333
background
1 serving
padding:10px
1 serving
border:none
1 serving
}
1 serving
footer{
1 serving
margin: 10px -24px 0px 0px
1 serving
}
1 serving
footer nav{
1 serving
text-align: center
1 serving
padding:10px
1 serving
}
1 serving
post
1 serving
article {
1 serving
position: relative
1 serving
overflow: hidden
1 serving
float:left
1 serving
width: 310px
1 serving
background: #eee
1 serving
}
1 serving
article header{
1 serving
font: 14px/24px 'lektonregular'
1 serving
text-transform: uppercase
1 serving
padding:10px 10px 0px 10px
1 serving
}
1 serving
article h3
1 serving
font: 12px/20px 'lektonregular'
1 serving
font-weight: normal
1 serving
}
1 serving
article ul{
1 serving
padding:10px 10px 0px 24px
1 serving
}
1 serving
article p{
1 serving
padding:0px 10px 10px 10px
1 serving
font: 12px/20px 'lektonregular'
1 serving
}
1 serving
article p:last-child{
1 serving
}
1 serving
post: quote
1 serving
article.quote p{
1 serving
text-align: center
1 serving
}
1 serving
article q{
1 serving
font: 14px/20px 'lektonregular'
1 serving
font-weight: normal
1 serving
text-transform: uppercase
1 serving
}
1 serving
post: link
1 serving
article.link>p:first-child{
? padding:0; padding:0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
article.link>p:first-child a{
1 serving
text-transform: uppercase
1 serving
border: none
1 serving
padding:5px 10px
1 serving
background: #eee
1 serving
}
1 serving
article.link>p:first-child a:hover{
1 serving
background: #ddd
1 serving
}
1 serving
post: chat
1 serving
article.chat{
1 serving
}
1 serving
article.chat header{
1 serving
padding: 5px 10px
1 serving
text-transform:uppercase
1 serving
}
1 serving
article.chat header a{
1 serving
border: none
1 serving
}
1 serving
article.chat ul.chat {
1 serving
margin:0px
1 serving
padding: 0px
1 serving
}
1 serving
article.chat ul li.odd{
1 serving
background: #fff
1 serving
padding:5px 10px
1 serving
margin:0px
1 serving
}
1
article.chat ul li.user_label{
1 serving
text-transform: uppercase
1 serving
font-weight: bold
1 serving
}
2
article.chat ul li.user_label{
1 serving
text-transform: uppercase
1 serving
}
1 serving
article.chat ul li.even{
1 serving
background: #eee
1 serving
padding:5px 10px
1 serving
margin:0px
1 serving
}
1 serving
post: video
1 serving
article.video iframe{
1 serving
width: 312px
1 serving
height: 200px
1 serving
}
1 serving
article.video object
1 serving
article.video embed{
1 serving
width: 312px
1 serving
height: 200px
10
1 serving
}
1 serving
post: photoset
1 serving
article.photoset object
1 serving
article.photoset embed{
1 serving
width: 312px
1 serving
height: 248px
10
1 serving
}
1 serving
post: audio
1 serving
article.audio{
1 serving
background: #e4e4e4
1 serving
}
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
left:50%
1 serving
width:207px
margin: 0 -103px
1 serving
}
1 serving
article.audio figcaption{
padding:30px
1 serving
}
1 serving
article.audio figcaption p{
1 serving
padding:5px 10px
1 serving
text-align: center
1 serving
text-transform: lowercase
1 serving
background: #eee
1 serving
}
1 serving
post: footer
1 serving
article footer p{
servings
padding: 10px
? 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
}
1 serving
article footer p span{
100
1 serving
}
1 serving
article footer p a{
1 serving
}
1 serving
article footer p a.tag{
1 serving
}
1 serving
post: notes
1 serving
ol.notes {
1 serving
padding: 0px
1 serving
margin: 10px 0px
1 serving
}
1 serving
ol.notes li.note {
1 serving
padding: 10px
1 serving
background: #fff
1 serving
}
1 serving
ol.notes li.note img.avatar {
1 serving
vertical-align: -4px
1 serving
margin-right: 0px
1 serving
width: 16px
1 serving
height: 16px
1 serving
}
1 serving
ol.notes li.note a{
1 serving
border:none #ddd
1 serving
}
1 serving
ol.notes li.note span.action {
1 serving
font-weight: normal
1 serving
}
1 serving
ol.notes li.note span.action a{
1 serving
text-transform: uppercase
1 serving
}
1 serving
ol.notes li.note .answer_content {
1 serving
font-weight: normal
1 serving
}
1 serving
ol.notes li.note blockquote {
1 serving
padding: 4px 10px
1 serving
margin: 10px 0px 0px 25px
1 serving
}
1 serving
ol.notes li.note blockquote a {
1 serving
text-decoration: none
1 serving
}
1 serving
screen markup
1 serving
media only screen and {
1 serving
site {
1 serving
width: 984px
1 serving
}
1 serving
article {
1 serving
position: relative
1 serving
overflow: hidden
1 serving
float:left
1 serving
width: 480px
1 serving
}
1 serving
article.video iframe{
1 serving
width: 480px
1 serving
height: 296px
1 serving
}
1 serving
article.video object
1 serving
article.video embed{
1 serving
width: 480px
1 serving
height: 296px
10
1 serving
}
1 serving
article.photoset object
1 serving
article.photoset embed{
1 serving
width: 480px
1 serving
height: 380px
10
1 serving
}
1 serving
}
1 serving
screen markup
1 serving
media only screen and and {
1 serving
body {
1 serving
prevents mobile safari from bumping up font sizes in landscape
1 serving
}
1 serving
site {
1 serving
width: 480px
1 serving
}
1 serving
article {
1 serving
position: relative
1 serving
overflow: hidden
1 serving
width: 480px
1 serving
}
1 serving
article.video iframe{
1 serving
width: 480px
1 serving
height: 296px
1 serving
}
1 serving
article.video object
1 serving
article.video embed{
1 serving
width: 480px
1 serving
height: 296px
10
1 serving
}
1 serving
article.photoset object
1 serving
article.photoset embed{
1 serving
width: 480px
1 serving
height: 380px
10
1 serving
}
1 serving
}
1 serving
mobile screen markup
1 serving
media only screen and {
1 serving
body {
1 serving
prevents mobile safari from bumping up font sizes in landscape
1 serving
}
1 serving
site {
1 serving
width: 320px
1 serving
}
1 serving
article {
1 serving
position: relative
1 serving
overflow: hidden
1 serving
width: 320px
1 serving
}
1 serving
article.video iframe{
1 serving
width: 320px
1 serving
height: 210px
1 serving
}
1 serving
article.video object
1 serving
article.video embed{
1 serving
width: 320px
1 serving
height: 210px
10
1 serving
}
1 serving
article.photoset object
1 serving
article.photoset embed{
1 serving
width: 320px
1 serving
height: 253px
10
1 serving
}
1 serving
}
1 serving
article{
1 serving
}
servings
padding: 10px
1 serving
background: #fff
1 serving
}
1 serving
disqus_thread{
1 serving
margin: 5px 10px
1 serving
padding: 5px 10px
1 serving
background: #eee
1 serving
}
1 link
dsq-br {
servings
margin: 10px
1 serving
}