INGREDIENTS
1 serving
font-size: 12px /* select:font size
1/5
border-bottom: 1px solid rgba
1 serving
top: 0px
1 serving
background-color: #fff
1 serving
background: #fff; /* color:post background
1 serving
color: #000; /* color:text
1 serving
word-wrap: break-word
1 serving
margin-top
12
font-size: /* select:font size
1 serving
padding-bottom: calc)
1 serving
margin-top: 0px
1 serving
display: block
230
border-left: 3px solid rgb
1 serving
top: 3px
1/5
border-bottom: 1px solid rgba
1 serving
display: block
1/10
border-bottom: 1px solid rgba
1 serving
padding-bottom: 10px
1 serving
font-size
1 serving
color: #000; /* color:text
1 serving
bottom: 0px
1/5
border-top: 1px solid rgba
1 serving
background-color: #fff
1 serving
font-size: 10px
3/5
color: rgba
3/5
color: rgba
1 serving
top: 10px
1 serving
display: block
1 serving
display: block
1/5
background-color: rgba
1 serving
display: block
1 serving
top
1 serving
margin-top: -20px
1 serving
padding-top: 6px
1 serving
background-color
1 serving
padding-top: 6px
1 serving
background-color
1 serving
font-size: 10px
1 serving
color: #fff
1 serving
background-color
1 serving
color: #fff
1 serving
margin-top: 10px
1 serving
margin-top: 0px
1 serving
font-size
1 serving
margin-top: 10px
1 serving
font-size
1 serving
top: -0px
1 serving
padding-top: 20px
1 serving
padding-bottom: 20px
1 Link
background-color: #515151; /* color: post
1 serving
color: #fff
1 serving
font-size
1 serving
top: 0px
1 serving
padding-top: 25px
1 serving
padding-bottom: 20px
1 serving
color: #fff
1 serving
font-size
1 serving
list-style: none
1 serving
margin-top: 10px
1/10
border-top: 1px solid rgba
1 serving
padding-top: 10px
1 serving
margin-top: 0px
1 serving
top: 0px
1 serving
padding-top: 15px
1 serving
padding-bottom: 15px
1
background-color: rgba
1 serving
color: #fff
1 serving
word-wrap: break-word
1
background-color: rgba
1 serving
margin-top: 46px
1 serving
margin-bottom: 10px
1 serving
font-size
1 serving
word-wrap: break-word
1/10
border-bottom: 1px solid rgba
1 serving
margin-top: 10px
1 serving
margin-top: 14px
1/10
border-top: 1px solid rgba
1 serving
margin-top: 30px
1 serving
color: #000; /* text color
color: # !important; /* text color
240
border-bottom: 1px solid rgb
1 serving
background-color: #fff
1 serving
background-color: #fff
1 serving
margin-top: 12px
1 serving
background-color: #fff
1 serving
color: #000; /* text color
1 serving
top: 0px
1 serving
font-size: 18px
1 serving
top: 5px
1 serving
font-size: 12px
1 serving
top: 0px
1 serving
font-size: 18px
1 serving
border-top: 2px solid #000; /* text color
1 serving
border-bottom: 2px solid #000; /* text color
1 serving
font-size: 12px
1 serving
margin-top: 20px
1 serving
padding-top: 8px
1 serving
padding-bottom: 8px
1 Link
color: #000; /* text color
240
border-bottom: 1px solid rgb
1 Link
background-color: #000; /* text color
1 serving
font-size: 18px
1 serving
color: #fff
1 serving
margin-top: 12px
1 serving
padding-top: 10px
1 serving
padding-bottom: 24px
1 serving
margin-top: -2px
1 Link
border-top: 2px solid #000;/* text color
1 Link
border-bottom: 2px solid #000;/* text color
1 serving
list-style: none
1 serving
font-size: 12px
1 Link
color: #000; /* text color
1 serving
margin-bottom: 60px; /* permalink page bottom
1 serving
display: block
1 serving
list-style: none
1 serving
clear: none !important
1 serving
display: inline-block
1 serving
clear: both !important
1 serving
display: block !important
1 serving
font-size: 10px
1 serving
margin-top: 20px !important
1 serving
margin-top: 50px
3/5
background-color: rgba
1 serving
font-size: 18px
1
color: rgba
1 serving
margin-top: 20px
3/5
background-color: rgba
1 serving
font-size: 18px
1
color: rgba
1 serving
margin-bottom: 60px
1 serving
margin-top: 60px
1 serving
font-size: 76px; /* title size
1 serving
color: #000000; /* title color
1 serving
top: 0px
1 serving
font-size: 10px
1 serving
color: #000000; /* descripton color
1 serving
font-size: 10px
1 serving
margin-top: 20px
1 serving
color: #000000; /* description color
1 serving
body {
? 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
background: #fff
1 serving
background-image: url
1 serving
background-attachment: fixed
1 serving
font-family: 'clearface fs'
1 serving
}
1 serving
{
1 Link
1 serving
text-decoration: none
1 serving
}
1 serving
general
1 serving
infscr-loading {
1 serving
display: none
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
content {
1 serving
width
1 serving
height
margin: auto
1 serving
font-family: 'clearface fs'
1 serving
}
1 serving
content a{
1 Link
1 serving
text-decoration: none
1 serving
}
1 serving
description a {
1 Link
1 serving
text-decoration: underline
1 serving
}
1 serving
position: fixed
1
1 serving
height
1 serving
padding-left: 20px
1 serving
padding-right: 20px
2
left: calc
1 serving
width
1 serving
}
1 serving
general post
1 serving
content .post {
1 serving
width: calc)
1 serving
margin-left
1 serving
margin-right
1 serving
overflow: hidden
1 serving
padding
1 serving
width: 470px
1 serving
position: relative !important
1 serving
left
1 serving
margin-left: -250px
1 serving
padding: 15px
1 serving
}
1 serving
content .post blockquote {
1 serving
webkit-margin-before: 5px !important
1 serving
webkit-margin-after: 5px !important
1 serving
webkit-margin-start: 8px !important
1 serving
webkit-margin-end: 8px !important
1 serving
padding-left: 10px
1 serving
position: relative
1 serving
}
1 serving
content .post a{
1 Link
1 serving
text-decoration: none
1 serving
}
1 serving
content .post img {
1 serving
height: auto
1 serving
width: auto
1 serving
position: relative
1 serving
}
1 serving
content .post iframe
1 serving
max-width
1 serving
}
1 container
content .post .answer_form_ {
1 serving
min-height: 140px
1 serving
position: relative
1 serving
}
1 serving
content .post #headline {
300
1 serving
text-align: center
400
1 serving
}
1 serving
content .post #headline a{
1 serving
border: none
1 serving
text-decoration: none
1 serving
}
1 T
pos controls
1 serving
content .post .control {
1 serving
width
1 serving
padding-left: calc)
1 serving
height: 36px
1 serving
right: 0px
1 serving
position: absolute
1 serving
}
1 serving
content .post .control .notes{
1 serving
text-decoration: none
1 serving
border: none
1 serving
float: left
1 serving
line-height: 36px
1 serving
position: absolute
1 serving
}
1 serving
content .post .control #buttons {
1 serving
position: absolute
1 serving
width: 46px
1 serving
height: 20px
1 serving
right
2/5
1 serving
}
1 serving
content .post .control #buttons #like{
1 serving
position: absolute
1 serving
width: 20px
1 serving
float: left
1/2
1 serving
}
1 serving
content .post .control #buttons #like:hover{
1
1 serving
}
1 serving
content .post .control #buttons #reblog{
1 serving
position: absolute
1 serving
width: 20px
1 serving
float: left
? right: 0; right: 0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1/2
1 serving
margin-left: 5px
1 serving
}
1 serving
content .post .control #buttons #reblog:hover{
1
1 serving
}
1 serving
content .post .control #buttons #reblog a{
1 serving
border: none
1 serving
}
1 T
pos text
1 serving
content .text #body {
1 serving
line-height: 16px
1 serving
text-align: justify
1 serving
}
1 T
pos photo
1 serving
content .photo {
1 serving
background: #fff
1 serving
}
1 serving
content .photo img{
margin: auto
1 serving
}
1 T
pos photo -> :hover
1 serving
content .photo .hover{
1 serving
position: absolute
? 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"=>""}}
1 serving
width
1 serving
height
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
text-align: center
webkit-transition: all 2s ease-out
webkit-transition: all 2s ease-out
1 oz
m -transition: all 0.2s ease-out
transition: all 2s ease-out
1 serving
}
1 serving
content .photo:hover .hover{
1
1 serving
}
1 serving
content .photo .hover .buttons{
1 serving
width: 128px
1 serving
height: 40px
1 serving
left
1 serving
margin-left: -64px
1 serving
position: relative
1 serving
}
1 serving
content .photo .hover .buttons #like{
1 serving
width: 32px
1 serving
padding-left: 0px
1 serving
height: 24px
1 serving
float: left
1 serving
line-height: 30px
1 serving
border-radius: 2px
1 serving
position: relative
1 serving
}
1 serving
content .photo .hover .buttons #reblog{
1 serving
width: 25px
1 serving
padding-left: 7px
1 serving
height: 24px
1 serving
margin-left: 8px
1 serving
float: left
1 serving
border-radius: 2px
1 serving
line-height: 30px
1 serving
position: relative
1 serving
}
1 serving
content .photo .hover .buttons a{
1 serving
border: none !important
1 serving
}
1 serving
content .photo .hover .buttons #notes{
1 serving
width: 46px
1 serving
height: 30px
1 serving
margin-left: 8px
1 serving
text-align: center
1 serving
border-radius: 2px
1 serving
float: left
1 serving
line-height: 30px
1 serving
position: relative
1 serving
}
1 serving
content .photo .hover .buttons #notes a{
1 serving
text-decoration: none
1 serving
border: none
1 serving
}
1 T
pos panorama
1 T
pos photoset
1 serving
content .photoset .image {
1 serving
}
1 serving
content .photoset .image:first-child {
1 serving
}
1 T
pos quote
1 serving
content .quote #quote {
1 serving
position: relative
1 serving
}
1 serving
content .quote #source {
1 serving
text-align: right
1 serving
position: relative
1 serving
width
1 serving
left
1 serving
}
1 T
pos link
links
content #box {
1 serving
position: absolute
? left: 0; left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width: calc)
1 serving
padding-left
1 serving
padding-right
1 serving
text-align: center
1 serving
}
links
content #visiblebox {
1 serving
position: relative
? left: 0; left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
links
content #box #link{
1 serving
position: relative
2
100
1 serving
}
1 T
pos chat
1 serving
content .chat {
1 serving
}
1 serving
content .chat li{
1 serving
}
1 serving
content .chat li:first-child{
1 serving
border: none
1 serving
}
1 serving
content .chat .label {
1 serving
font-weight: bold !important
1 serving
}
1 T
pos video
1 container
video .tumblr_video_ {
1 serving
width: !important
1 serving
}
1 T
pos audio
1 serving
audio #cover {
1 serving
position: absolute
1 serving
right: 0px
1 serving
width
1 serving
}
1 serving
audio #infos {
1 serving
width
1 serving
padding-left
1 serving
padding-right
1 serving
height: 28px
1 serving
line-height: 16px
1 serving
text-align: center
1 serving
position: relative
1 serving
}
1 serving
audio #cover:hover #infos{
1 serving
}
1 serving
audio #caption {
1 serving
}
1 serving
height: 40px
1 serving
width
1 serving
}
1 serving
height: 90px
1 serving
max-height: 90px
1 serving
}
1 T
pos answer
1 serving
content .answer
1 serving
content .answer #avatar {
1 serving
position: relative
1 serving
float: left
1 serving
margin-right: 8px
1 serving
}
1 serving
content .answer #asker {
1 serving
font-weight: bold
1 serving
}
1 serving
content .answer #text {
1 serving
}
1 serving
content .answer #answer {
1 serving
}
1 serving
permalink page
1 serving
permalinkpage {
1 serving
width: 500px
1 serving
position: relative
1 serving
left
1 serving
margin-left: -250px
1 serving
}
1 serving
permalinkpage .reblogs {
1 serving
width
1 serving
position: relative
1 serving
height: 40px
1 serving
}
1 serving
permalinkpage .reblogs a{
1 serving
text-decoration: none
1 serving
}
1 serving
permalinkpage .reblogs #reblog{
1 serving
width
1 serving
height: 40px
1 serving
position: relative
1 serving
float: left
1 serving
text-align: center
1 serving
line-height: 40px
1 serving
}
1 serving
permalinkpage .reblogs #source{
1 serving
width
1 serving
margin-left
1 serving
height: 40px
1 serving
position: relative
1 serving
float: left
1 serving
text-align: center
1 serving
line-height: 40px
1 serving
}
1 serving
permalinkpage .notescontainer{
1 serving
width: 470px
1 serving
padding: 15px
1 serving
}
1 container
permalinkpage .notes #info {
1 serving
position: relative
1 serving
height: 22px
1 serving
width
1 serving
}
1 container
permalinkpage .notes #info #left{
1 serving
text-align: left
1 serving
width: 470px
1 serving
left: 0px
1 serving
position: absolute
1 serving
}
1 container
permalinkpage .notes #info #center{
1 serving
text-align: center
1 serving
width: 470px
1 serving
left: 0px
1 serving
position: absolute
1 serving
}
1 container
permalinkpage .notes #info #right{
1 serving
text-align: right
1 serving
width: 470px
1 serving
right: 0px
1 serving
position: absolute
1 serving
}
1 container
permalinkpage .notes #caption{
1 serving
width
1 serving
position: relative
1 serving
text-align: justify
1 serving
}
1 container
permalinkpage .notes #caption a{
1 serving
text-decoration: none
1 serving
}
1 container
permalinkpage .notes #source {
1 serving
width
1 serving
height: 40px
1 serving
line-height: 40px
1 serving
text-align: center
1 serving
}
1 container
permalinkpage .notes #tags {
1 serving
position: relative
1 serving
text-align: left
1 serving
}
1 container
permalinkpage .notes #tags li{
1 serving
float: left
1 serving
margin-right: 8px
1 serving
position: relative
1 serving
}
1 container
permalinkpage .notes #tags li #lable{
600
1 serving
}
1 container
permalinkpage .notes #tags li:first-child{
1 serving
margin-left: -3em
1 serving
}
1 container
permalinkpage .notes #tags li a{
1 serving
text-decoration: none
1 serving
border: none
1 serving
}
1 container
permalinkpage .notes ol.notes {
1 serving
width
1 serving
position: relative
1 serving
margin-left: -36px
1 serving
}
1 container
permalinkpage .notes ol.notes li.note {
1 serving
height: 15px
margin: 0 4px
1 serving
overflow: hidden
1 serving
width: 15px
1 serving
}
1 container
permalinkpage .notes ol.notes a{
1 serving
border: none !important
1 serving
}
1 container
permalinkpage .notes ol.notes li.note img.avatar {
1 serving
width: 15px
1 serving
height: 15px
1 serving
border: none !important
1 serving
}
1 container
permalinkpage .notes ol.notes li.note span.action {
1 serving
display: none
1 serving
}
1 container
permalinkpage .notes more_notes_link_container {
1 serving
height: auto
1 serving
overflow: visible
1 serving
position: relative !important
1 serving
text-align: left !important
1 serving
width: !important
1 serving
text-align: center !important
1 serving
}
1 serving
ol.notes li.note .answer_content {
1 serving
display: none
1 serving
}
1 serving
ol.notes li.note blockquote {
1 serving
display: none
1 serving
}
1 serving
ol.notes li.note blockquote a {
1 serving
display: none
1 serving
}
1 serving
footer
1 serving
nextpage {
1 serving
width
1 serving
margin-left
1 serving
left
1 serving
height: 60px
? bottom: 0; bottom: 0; bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
line-height: 60px
1 serving
text-align: center
1 serving
position: relative
1 serving
}
1 serving
nextpage a{
1 serving
border: none
1 serving
}
1 serving
prepage {
1 serving
width
1 serving
margin-left
1 serving
left
1 serving
height: 60px
? bottom: 0; bottom: 0; bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
line-height: 60px
1 serving
text-align: center
1 serving
position: relative
1 serving
}
1 serving
prepage a{
1 serving
border: none
1 serving
}
1 serving
css
1 serving
the basic theme css
1 serving
header {
1 serving
}
1 serving
header #title {
1 serving
text-align: center
1 serving
font-family: 'clearface fs'
1 serving
text-transform: uppercase
100
1 serving
font-family: 'fjalla one'
1 serving
}
1 serving
header #title a{
1 serving
text-decoration: none
1 serving
}
1 serving
header #description {
1 serving
width: 500px
1 serving
position: relative
1 serving
left
1 serving
margin-left: -250px
1 serving
text-align: center
1 serving
font-family: 'clearface fs'
1 serving
}
1 links
header # {
1 serving
width: 500px
1 serving
position: relative
1 serving
left
1 serving
margin-left: -250px
1 serving
text-align: center
1 serving
font-family: 'clearface fs'
1 serving
}
1 links
header # link{
1 serving
text-decoration: none
1 serving
margin-left: 5px
1 serving
margin-right: 5px
1 serving
}