INGREDIENTS
1 sheet
style index
tumblr follow button
tumblr follow button
1 serving
top: 0px
5
color: #97ccc
1 serving
font-size: 16px
color
1 serving
color
1 serving
word-wrap: break-word
444444
color
1 serving
font-size: 90px
color
1 serving
font-style: italic
1 serving
font-size: 12px
555555
color
1 serving
top: 30px
1 serving
avatar-style-circle .user-avatar
1 serving
display: block
1 serving
border: 20px solid #fff
1 serving
top: 20px; left: 20px; bottom: 25px; right: 20px
1
filter: progid:dximagetransform.microsoft.gradient
1 serving
top: 50px; left: 30px
1 serving
color: #fff
1 serving
font-size: 62px
1 serving
bottom: 40px; right: 50px
1 serving
color: #fff
1 serving
font-style: italic
1 serving
font-size: 22px
1 serving
border-top: 1px solid #eee
1 serving
article_date a
1 serving
article_date
1 serving
display: inline-block
1 serving
font-size: 14px
1 serving
list-style-type: none
1 serving
display: inline-block
1 serving
color: #fff
1 serving
font-size: 12px
1 serving
color: #ffffff
1
basic settings
2
header
3
sidebar and posts
4
permalink
5
pagination
6
social
7
media queries
1 serving
tumblr_controls { /* change it to your needs
1 serving
position: fixed
1 serving
right: 0px
1 serving
}
1
basic settings
1 serving
before
1 serving
webkit-box-sizing: border-box
1 oz
m -box-sizing: border-box
1 serving
ms-box-sizing: border-box
1 serving
o-box-sizing: border-box
1 serving
box-sizing: border-box
1 serving
}
1 ml
a
? 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
a
1 serving
text-decoration: none
1 serving
}
1 ml
body
1 serving
width
1 serving
height
1 serving
}
1 serving
body {
1 serving
line-height
300
1 serving
font-family: lato
1 serving
font-family: lato
1 serving
background: #fafafa
1 serving
}
5
h1
margin: 0
1 serving
line-height
1 serving
font-family: lato
1 serving
font-family: lato
900
1 serving
text-transform: uppercase
1 serving
}
1 serving
h1
1 serving
h2
1 serving
h3
1 serving
h4
1 serving
h5
1 serving
a
1 link
sidebar
webkit-transition: all 25s linear
1 oz
m -transition: all 0.25s linear
o-transition: all 25s linear
ms-transition: all 25s linear
transition: all 25s linear
1 serving
}
1 serving
posts {
1 serving
}
1 serving
overlay
webkit-transition: all 3s
1 oz
m -transition: all 0.3s
ms-transition: all 3s
o-transition: all 3s
transition: all 3s
1 serving
}
2
header
1 serving
header {
1 serving
background: #fafafa
1 serving
text-align: center
padding: 8px 5px
1 serving
}
1 serving
logo {
1 serving
height: 80px
1 serving
}
1 serving
title a {
1785
font-family: ' glc baskerville'
1 serving
font-weight: bold
1 serving
}
3
sidebar and posts
1 serving
content {
1 serving
width
margin: 8px auto
1 serving
}
1 serving
sidebar {
1 serving
width: 400px
1 serving
margin: 40px
1 serving
overflow: hidden
1 serving
background: #fff
1 serving
text-align: center
1 serving
}
1 serving
sidebar article
1 serving
sidebar img
1 serving
description {
margin: 2px
1 serving
font-family: lora
1 serving
}
1 serving
navigation a {
servings
margin: 10px
700
1 serving
letter-spacing: 3px
1 serving
border-radius: 3px
1
1 serving
}
1 serving
navigation a:hover
1 serving
user-avatar {
1 serving
position: absolute
1 serving
left: 30px
1 serving
max-width: 48px
1 serving
}
1 serving
posts {
1 serving
width: 700px
1 serving
margin: 40px auto
1 serving
overflow: hidden
1 serving
}
1 serving
posts iframe {
1 serving
width
1 serving
}
1 serving
caption
1 serving
background: #fff
1 serving
padding: 25px
margin: -6px
1 serving
}
1 serving
posts img
1 serving
photo img
1 serving
photo
1 serving
overlay {
1 serving
position: absolute
? top: 0; left: 0; bottom: 5px; right: 0; top: 0; left: 0; bottom: 5px; right: 0; top: ; left: 0; bottom: 5px; right: 0 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
background-image: url
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
posts_details {
1 serving
position: absolute
1 serving
background: #cccccc
1 oz
background: -m -linear-gradient)
6
background: -webkit-gradient)
6
background: -webkit-linear-gradient
6
background: -o-linear-gradient
6
background: -ms-linear-gradient
6
background: linear-gradient
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
note_count {
1 serving
position: absolute
700
1 serving
text-transform: uppercase
1 serving
}
1 serving
reblog_btn {
1 serving
position: absolute
1 serving
font-family: lora
400
1 serving
}
1 serving
reblog_btn a
1 serving
posts:hover .overlay
1 serving
posts:hover .posts_details
1 serving
article h2
1 serving
article img
1 serving
article_details {
margin: 30px
padding: 10px
1 serving
}
1 serving
article_buttons
1 serving
}
1 serving
btn_like
1 serving
btn_like
1 serving
chat-lines
1 serving
chat_label {
1 serving
text-transform: uppercase
1 serving
letter-spacing: 2px
400
1 serving
}
1 serving
answer h4
1 serving
answer h5
1 serving
quote h2
1 serving
quote h2:before
1 serving
quote h2:after
1 serving
source:before
4
permalink
1 serving
permalink-page {
1 serving
width: 700px
1 serving
margin: -50px auto 100px
1 serving
padding: 25px
1 serving
background: #fff
1 serving
}
1 serving
ol.notes {
300
1 serving
padding: 0px
1 serving
margin: 25px 0px
1 serving
}
1 serving
ol.notes li.note
1 serving
ol.notes li.note blockquote a
1 serving
ol.notes li.note img.avatar {
1 serving
vertical-align: -4px
1 serving
margin-right: 10px
1 serving
width: 16px
1 serving
height: 16px
1 serving
border-radius
1 serving
}
1 serving
ol.notes li.note blockquote {
1 serving
padding: 4px 10px
1 serving
margin: 10px 0px 0px 25px
1 serving
}
5
pagination
1 serving
pagination
1 serving
position: relative
9999
1 serving
width
padding: 5px
1 serving
overflow: hidden
1 serving
text-align: center
1 serving
}
1 serving
pagination a
servings
margin: 5px
1 serving
}
1 serving
jump_page
1 serving
prev_page
1 serving
jump_page
1 serving
next_page
1 serving
text-align: center
padding: 5px
700
1 serving
border-radius: 2px
1 serving
}
1 serving
loadnext a {
1 serving
width: 200px
1 serving
text-transform: uppercase
1 serving
letter-spacing: 2px
1 serving
}
1 serving
jump_page
1 serving
loadnext a
1 serving
jump_page:hover
1 serving
loadnext a:hover
1 serving
current_page
1 serving
infscr-loading
6
social
1 serving
social {
1 serving
position: relative
9999999
1 serving
text-align: center
1 serving
padding: 35px
22
background: #1c1e
1 serving
}
1 serving
social a {
servings
margin: 10px
300
1 serving
}
7
media queries
1 serving
media only screen and {
1 serving
posts
1 serving
width: 500px
1 serving
}
1 serving
}
1 serving
media only screen and {
1 serving
posts
1 serving
width: 400px
1 serving
}
1 serving
}
1 serving
media only screen and {
1 serving
posts
1 serving
width: 250px
1 serving
}
1 serving
}
1 serving
media only screen and {
1 serving
posts
1 serving
}
1 serving
media only screen and {
1 serving
posts {
1 serving
width: 250px
1 serving
}
1 serving
}
1 serving
custom css