INGREDIENTS
1 serving
font-style: normal
1 serving
background-color: #ffffff
4 cs
color
1 serving
post.audiopost iframe[style]
1 serving
post.audiopost iframe[style] {
1 serving
tumblr uses an iframe inside of a div on the page to display photosets. they are 500px wide
1 lb
low resolution devices may have a horizontal scrol ar. this is all very silly. tumblr should fix this
4 cs
color
webkit-transition: color 3s ease-in-out
1 oz
m -transition: color 0.3s ease-in-out
o-transition: color 3s ease-in-out
transition: color 3s ease-in-out
1 serving
color: #cecece
1
font-size: 5em; /* a no js fallback - mostly
1 serving
margin-bottom: 10px
1 serving
margin-top: 107px
9
border-top: 1px solid #fff
1
margin-top: 333em
margin-top: 333em
1
font-size: 3em
1 serving
font-style: italic
1
font-size: 333em
1 serving
list-style: none
1
font-size: 333em
font-size: 71em
1 serving
font-size: 5em
1 serving
margin-top: -50px
1 serving
margin-top: 2em
font-size: 333em
4 cs
border-top: solid
1 serving
display: block
1 serving
margin-top: 51px
1 serving
margin-top: 7px
font-size: 9em
1 serving
downloaded
1 serving
font-face {
1 serving
font-family: 'leaguegothicregular
1 serving
src: url
1 serving
src: url)
1 serving
url)
1 serving
url)
1 serving
url)
1 serving
font-weight: normal
1 serving
}
1 serving
body {
1 serving
margin: auto
font: 71em/1 arial
1 serving
text-align: justify
1 serving
width: ; /* blackberrys and old phones
1 serving
max-width: 666px
1 serving
overflow-x: hidden
1 serving
}
1 serving
trying to set a common width
1 serving
post img.photopostimage
1 serving
post a img
1 serving
post audio
1 serving
post video /* video tag */ {
1 serving
width: !important
1 serving
border: none !important
1 serving
overflow: hidden
1 serving
}
4 cs
background: # !important
1 serving
}
1 serving
man
1 pt
i am too lazy the iframe via javascri and hacky business
1 serving
so i'm just shading the remaining background
1 ml
ht _photoset {
4 cs
background
1 serving
}
1 serving
p {
1
line-height: 7em
1 serving
}
1 serving
{
1 serving
text-decoration: none
1 serving
}
1 serving
a:hover {
1 serving
text-decoration: none
1 serving
}
1 serving
blogtitle {
1 serving
font-family: 'leaguegothicregular'
1 serving
width
1 serving
text-align: center
1 serving
}
6
h1
1 serving
font-weight: normal
1 serving
}
1 serving
posts {
1 serving
margin: 43px auto
1 serving
text-align: justify
1 serving
overflow-x: hidden
1 serving
}
1 serving
post {
1 serving
overflow: hidden
1 serving
}
1 serving
post .right {
10
1 serving
}
1 serving
post.photopost
1 serving
post.photoset {
1 serving
border: none
1 serving
}
1 serving
posttitle
1 serving
nametitle {
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
photopost p
1 serving
photopost div.right
3
chatpost hnametitle
1 serving
videopost p
1 serving
audiopost p {
margin: -3px 0
1 serving
}
1 serving
blockquote {
1 serving
}
1 serving
photopost blockquote {
margin: 0 333em 333em 333em
1 serving
}
1 serving
chatpost li {
1 serving
margin-left: -40px
1 serving
}
1 serving
li {
padding: 333em
1 serving
}
1 serving
even {
1 serving
background: #eee
1 serving
}
1 serving
answerpost {
1 serving
}
1 serving
answerpost div.right {
1 serving
}
1 serving
div.nav {
1 serving
width
5
1 serving
}
1 serving
mainnav {
1 serving
}
1 serving
right.daynav
1 serving
}
1 serving
footer {
1 1/2
1 serving
text-align: left
1 serving
width
1 serving
}
1 serving
just some formatting classes :)
1 serving
left
1 serving
left
1 serving
right
1 serving
center
1 serving
no-flash
1 serving
media only screen and { /* screens and up
1 serving
footer {
1 serving
width
1 serving
}
1 serving
blogtitle {
1 serving
}
1 serving
}
10 inches
media only screen and { /* tablets and various other devices
1 serving
body {
1 serving
width
1 serving
}
1 serving
footer {
1 serving
width
1 serving
}
1 serving
}
1 can
media only screen and { /* ya 't target everything.. but you can try
1 serving
body {
1 serving
width
1 serving
}
1 serving
footer {
1 serving
width
1 serving
}
1 serving
right.daynav
1 serving
}
1 serving
}
1 serving
media only screen and {
1 serving
body {
1 serving
max-width: 699px
1 serving
}
1 serving
}