Created
May 5, 2012 16:54
-
-
Save f440/2604013 to your computer and use it in GitHub Desktop.
tumblr theme (ultra lite)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" | |
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
<!-- | |
by: | |
____ ____ ____ ____ ____ ____ ____ ____ | |
||D |||O |||I |||N |||W |||O |||R |||K || | |
||__|||__|||__|||__|||__|||__|||__|||__|| | |
|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\| | |
--> | |
<head> | |
<!-- DEFAULT --> | |
<meta name="color:Background" content="#fff"/> | |
<meta name="color:Title" content="#333333"/> | |
<meta name="color:Description" content="#BBBBBB"/> | |
<meta name="color:Text" content="#444"/> | |
<meta name="color:Inline Link" content="#7A7A7A"/> | |
<meta name="color:Inline Link Hover" content="#FCB310"/> | |
<meta name="font:Title" content="Helvetica Neue"/> | |
<meta name="font:Body" content="Helvetica Neue"/> | |
<meta name="image:Header" content=""/> | |
<meta name="image:Background" content=""/> | |
<meta name="text:Disqus Shortname" content="" /> | |
<meta name="if:Show people I follow" content="0"/> | |
<meta name="if:Show ask sidebar" content="0"/> | |
<meta name="if:Endless scrolling" content="0"> | |
<meta name="text:Facebook Shortname" content="" /> | |
<meta name="text:Myspace Shortname" content="" /> | |
<meta name="text:LastFm Shortname" content="" /> | |
<meta name="text:Twitter Shortname" content="" /> | |
<meta name="text:Flickr Shortname" content="" /> | |
<meta name="text:Vimeo Shortname" content="" /> | |
<meta name="text:Youtube Shortname" content="" /> | |
<meta name="text:Delicious Shortname" content="" /> | |
<meta name="text:Digg Shortname" content="" /> | |
<meta name="text:Formspring Shortname" content="" /> | |
<meta name="if:Show post dividers" content="1"/> | |
<!-- END DEFAULT --> | |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | |
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> | |
<link rel="icon" href="{Favicon}"/> | |
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/> | |
<meta name="viewport" content="width=600"/> <!-- iPhone --> | |
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} | |
<style type="text/css"> | |
body { | |
background-repeat: no-repeat; | |
{block:IfNotBackgroundImage} | |
background: {color:Background} top center; | |
{/block:IfNotBackgroundImage} | |
{block:IfBackgroundImage} | |
background: {color:Background} url('{image:Background}') top left fixed; | |
{/block:IfBackgroundImage} | |
font-family:{font:Body}; | |
} | |
a:link, a:visited { | |
color:{color:Inline Link}; | |
-webkit-transition: all .3s ease-out; | |
-moz-transition: all .3s ease-out; | |
-o-transition: all .3s ease-out; | |
transition: all .3s ease-out; | |
} | |
a:hover, a:active { | |
color:{color:Inline Link Hover}; | |
-webkit-transition: all .3s ease-out; | |
-moz-transition: all .3s ease-out; | |
-o-transition: all .3s ease-out; | |
transition: all .3s ease-out; | |
} | |
h1 { | |
color: #333333; | |
padding: 0; | |
text-size: 100px; | |
margin-top: 0px; | |
margin-bottom: -15px; | |
} | |
h1 a { | |
color: {color:Title}; | |
text-decoration: none; | |
} | |
.header { | |
font-family: {font:Title}; | |
margin: 25px auto; | |
} | |
.header h1 { | |
line-height:106px; | |
font-size:100px; | |
font-weight:100; | |
letter-spacing:-2px; | |
text-transform:uppercase; | |
text-align: center; | |
z-index:-1; | |
} | |
.header h1 a { | |
color: {color:Title}; | |
font-weight:100; | |
border:0 !important; | |
text-decoration: none; | |
} | |
.header h1 a:hover, a:active { | |
color:{color:Inline Link Hover}; | |
-webkit-transition: all .3s ease-in-out; | |
-moz-transition: all .3s ease-in-out; | |
-o-transition: all .3s ease-in-out; | |
transition: all .3s ease-in-out; | |
} | |
.header h2 { | |
font-family: {Font:Body}; | |
color:{color:Description}; | |
font-size:16px; | |
font-weight:200; | |
letter-spacing:-1px; | |
line-height:22px; | |
text-align:center; | |
margin-left:-15px; | |
width: 550px; | |
margin:10px auto; | |
} | |
div#content { | |
width: 500px; | |
margin: auto; | |
position: relative; | |
margin-top: 30px; | |
background: #ffffff; | |
padding:10px; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
padding:30px 10px 10px; | |
} | |
div#content div#sidebar { | |
position: absolute; | |
right: -170px; | |
width: 160px; | |
text-align: left; | |
} | |
div#sidebar { | |
font: Normal 16px {Font:Body}; | |
line-height: 20px; | |
color: {color:Description}; | |
} | |
div#sidebar a { | |
color: #333333; | |
border:none; | |
} | |
div#sidebar a img { | |
border:none; | |
} | |
div#sidebar div.pages { | |
font: 14px {Font:Body}; | |
font-weight: 200; | |
list-style: none; | |
margin-top: 15px; | |
} | |
div.pages ol.pages { | |
text-decoration: none; | |
font-size: 16px; | |
color: #333333; | |
margin-top:3px; | |
font-style: italic; | |
margin-left:-15px; | |
padding-top:7px; | |
text-decoration:none; | |
list-style: none; | |
} | |
ol.pages li a:hover{ | |
text-decoration: underline; | |
} | |
ol.pages li a{ | |
text-decoration:none; | |
color:#333; | |
} | |
div#sidebar div.pages li a:hover { | |
text-decoration: underline; | |
} | |
div#sidebar div.sidebar-bottom{ | |
margin: 5px 0; | |
} | |
div#posts { | |
width:500px; | |
} | |
div.post { | |
position: relative; | |
margin-bottom: 50px; | |
text-decoration: none; | |
} | |
div.datetime { | |
font-size: 12px; | |
line-height: 150%; | |
color: #555; | |
padding: 0 10px 20px 0; | |
text-align: right; | |
} | |
div.datetime a { | |
color: #666; | |
} | |
div.datetime a:hover { | |
text-decoration:underline; | |
color: {color:Inline Link Hover}; | |
} | |
div.disqus, div.addthis_toolbox { | |
font-size: 12px; | |
line-height: 150%; | |
color: #555; | |
padding: 0 10px 20px 0; | |
text-align: right; | |
margin-top:-20px; | |
} | |
div.disqus add { | |
color: {color:Inline Link}; | |
} | |
div.post-bottom { | |
margin-left: -5px; | |
margin-top:-15px; | |
} | |
div.post h2 { | |
font-size: 40px; | |
color: {color:Inline Link Hover}; | |
letter-spacing: -1px; | |
margin: 0px 0px 5px 0px; | |
text-decoration: none; | |
text-shadow:1px 1px 4px #E1E1E1; | |
line-height: 33px; | |
} | |
div.post h2 a { | |
color: {color:Post Title}; | |
text-decoration: none; | |
font-family: {Font:Body}; | |
font-weight: 100; | |
} | |
div.post div.caption { | |
font-size: 12px; | |
font-style: italic; | |
color: {color:Text}; | |
margin-top: 10px; | |
padding: 0px 10px; | |
text-decoration: none; | |
border:none; | |
margin-bottom: 50px; | |
} | |
div.post div.caption a { | |
color:{color:Inline Link}; | |
text-decoration: none; | |
border:none; | |
} | |
div.post div.caption a:hover { | |
color:{color:Inline Link Hover}; | |
text-decoration: underline; | |
border:none; | |
} | |
/* text Post */ | |
div.post div.text { | |
font-size: 12px; | |
color: {color:Text}; | |
line-height: 20px; | |
text-decoration: none; | |
} | |
div.post div.text p{ | |
font-size: 12px; | |
color: {color:Text}; | |
line-height: 20px; | |
text-decoration: none; | |
} | |
div.post div.text a { | |
color:{color:Inline Link}; | |
} | |
div.post div.text a:hover { | |
color:{color:Inline Link Hover}; | |
} | |
div.post div.text blockquote { | |
font-style: italic; | |
border-left: solid 2px {color:Text}; | |
padding-left: 10px; | |
} | |
/* Photo Post */ | |
div.post div.photo img { | |
border-width: 0px; | |
} | |
div.post div.photo img:hover { | |
-moz-box-shadow: 2px 3px 4px rgba(0, 0, 0, .4); | |
box-shadow: 2px 3px 4px rgba(0, 0, 0, .4); | |
-webkit-box-shadow: 2px 3px 4px rgba(0, 0, 0, .4); | |
-webkit-transition: all .3s ease-out; | |
-moz-transition: all .3s ease-out; | |
-o-transition: all .3s ease-out; | |
transition: all .3s ease-out; | |
} | |
div.post div.photo div.caption { | |
font: Normal 12px {Font:Body}; | |
line-height: 16px; | |
color: {color:Text}; | |
} | |
/* Photoset Post */ | |
div.post div.photoset img { | |
border-width: 0px; | |
} | |
div.post div.photoset div.caption { | |
font: Normal 12px {Font:Body}; | |
line-height: 16px; | |
color: {color:Text}; | |
} | |
/* Quote Post */ | |
div.post div.quote div.quote_text { | |
font-family:"helvetica neue", helvetica, arial, sans-serif; | |
color: {color:Text}; | |
border-left: solid 2px {color:Inline Link Hover}; | |
padding-left: 10px; | |
} | |
div.post div.quote div.quote_text:hover { | |
font-family:"helvetica neue", helvetica, arial, sans-serif; | |
color: {color:Text}; | |
border-left: solid 2px {color:Inline Link Hover}; | |
padding-left: 10px; | |
} | |
div.post div.quote div.quote_text span.short { | |
font-size: 40px; | |
line-height: 40px; | |
letter-spacing: -1px; | |
font-weight:100; | |
} | |
div.post div.quote div.quote_text span.medium { | |
font-size: 26px; | |
line-height: 40px; | |
letter-spacing: -1px; | |
font-weight:100; | |
} | |
div.post div.quote div.quote_text span.long { | |
font-size: 26px; | |
line-height: 20px; | |
font-weight:100; | |
} | |
div.post div.quote div.quote_text a { | |
color: {color:Text}; | |
} | |
div.post div.quote div.source { | |
font-size: 12px; | |
color: {color:Text}; | |
margin-top: 5px; | |
} | |
div.post div.quote div.source a { | |
color: {color:Text}; | |
} | |
div.post div.quote div.source a:hover { | |
color: {color:Inline Link Hover}; | |
} | |
/* Link Post */ | |
div.post div.link h2 { | |
background: #e1e1e1; | |
padding: 5px 10px; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
} | |
div.post div.link h2:hover { | |
-moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, .3); | |
box-shadow: 2px 3px 3px rgba(0, 0, 0, .3); | |
-webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, .3); | |
-webkit-transition: all .3s ease-out; | |
-moz-transition: all .3s ease-out; | |
-o-transition: all .3s ease-out; | |
transition: all .3s ease-out; | |
} | |
div.post div.link h2 a { | |
font: Bold 26px {Font:Body}; | |
letter-spacing: -1px; | |
color: {color:Inline Link Hover}; | |
text-decoration: none; | |
text-shadow: 0 1px 0 #fff, 0 -1px 0 #666666; | |
} | |
div.post div.link h2 a:hover { | |
text-decoration: none; | |
} | |
div.post div.link span.description { | |
font-size: 12px; | |
font-weight: normal; | |
color: {color:Text}; | |
text-decoration: none; | |
} | |
/* Conversation Post */ | |
div.post div.chat ul { | |
list-style-type: none; | |
margin: 0px; | |
padding: 0px 0px 0px 1px; | |
border-left: solid 5px {color:Inline Link Hover}; | |
} | |
div.post div.chat ul li { | |
font-size: 12px; | |
padding: 4px 10px 4px 8px; | |
color: #444444; | |
margin-bottom: 1px; | |
} | |
div.post div.chat ul li span.label { | |
font-weight: bold; | |
} | |
div.post div.chat ul li span.user_1 | |
div.post div.chat ul li span.user_2 | |
div.post div.chat ul li span.user_3 { | |
color: #0a0; | |
} | |
div.post div.chat ul li.odd { | |
background-color: #f4f4f4; | |
} | |
div.post div.chat ul li.even { | |
background-color: #d6d6d6; | |
} | |
/* Audio Post */ | |
.stat-audio .stat-audio-wrapper { | |
width: 496px; | |
overflow: hidden; | |
margin-bottom: 25px; | |
} | |
.stat-audio .stat-extra-padding { | |
padding: 0px 9px !important; | |
background-color: #ffffff; | |
} | |
.stat-audio .stat-audio-wrapper a { | |
color: #111; | |
border-bottom: 1px dotted #8C8C8C; | |
} | |
.stat-audio .stat-audio-album-art { | |
float: left; | |
display: inline-block; | |
margin: 0; | |
background-color: #e1e1e1; | |
padding: 4px; | |
vertical-align: top; | |
-webkit-border-radius: 3px; | |
-webkit-border-top-right-radius: 0; | |
-moz-border-radius: 3px; | |
-moz-border-radius-topright: 0; | |
border-radius: 3px; | |
border-top-right-radius: 0; | |
} | |
.stat-audio .stat-audio-album-art img { | |
width: 188px; | |
vertical-align: top; | |
} | |
.stat-audio .stat-audio-player { | |
background-color: #666666; | |
display: inline-block; | |
} | |
.stat-audio .stat-extra-padding .stat-audio-player { | |
border-radius: 3px; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-bottom:1px solid #333333; | |
border-right:1px solid #333333; | |
padding-bottom:0; | |
padding-right:1px; | |
} | |
.stat-audio .stat-audio-wrapper embed { | |
vertical-align: top; | |
} | |
.stat-audio .stat-extra-padding embed { | |
vertical-align: baseline !important; | |
} | |
.stat-audio .stat-audio-play-count, | |
.stat-audio .stat-audio-player .audio_player { | |
display: inline-block; | |
vertical-align: middle; | |
} | |
.stat-audio .stat-extra-padding .stat-audio-player .audio_player { | |
overflow: hidden; | |
height: 28px; | |
width: 28px; | |
} | |
.stat-audio .stat-audio-play-count { | |
padding: 6px 10px 7px; | |
font: normal 11px/15px {Font:Body}; | |
text-transform: uppercase; | |
letter-spacing: 4px; | |
} | |
.stat-audio .stat-audio-play-count .stat-audio-download { | |
font-weight: bold; | |
letter-spacing: 0 !important; | |
} | |
.stat-audio-left { | |
float: right; | |
width: 285px; | |
} | |
.stat-audio .stat-audio-artist, | |
.stat-audio .stat-audio-song, | |
.stat-audio .stat-audio-caption { | |
padding: 8px; | |
background-color: #e1e1e1; | |
margin: 10px 0 0; | |
-webkit-border-top-right-radius: 3px; | |
-webkit-border-bottom-right-radius: 3px; | |
-moz-border-radius-topright: 3px; | |
-moz-border-radius-bottomright: 3px; | |
border-top-right-radius: 3px; | |
border-bottom-right-radius: 3px; | |
} | |
/* Video Post */ | |
div.post div.video { | |
width: 500px; | |
} | |
/* Ask Post */ | |
.answer { | |
width: 465px; | |
margin-bottom: 50px | |
} | |
.answer-question .body { | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
background: #e1e1e1; | |
padding: 7px 16px; | |
width: 365px; | |
float: left; | |
line-height: 1.4; | |
margin-bottom: 15px; | |
font-size: 24px; | |
overflow: hidden; | |
font-weight: 100; | |
font-family: {Font:Body}; | |
font-style: italic; | |
} | |
.answer-asker { | |
font-size:12px; | |
line-height:0px; | |
margin-left:38px; | |
} | |
.answer-asker a { | |
color: {color:Inline Link Hover}; | |
font-weight: bold; | |
font-style: italic; | |
} | |
.answer-answer { | |
margin-top: 22px; | |
} | |
.answer-label { | |
width: 35px; | |
float: left; | |
color: {color:Inline Link Hover}; | |
font-family: {Font:Body}; | |
font-size: 17px; | |
overflow: hidden; | |
line-height: 45px; | |
} | |
.answer-answer .body { | |
padding-left: 53px; | |
font-weight: 400; | |
font-size: 15px; | |
font-family: {Font:Body}; | |
line-height: 49px; | |
color:{Color:Text}; | |
padding-top:1px; | |
width:365px; | |
} | |
.answer-answer .body p { | |
line-height:18px; | |
} | |
#sidebar1 { | |
width: 275px; | |
margin-left:10px; | |
margin-top:20px; | |
} | |
#following { | |
padding:10px 60px 0 10px; | |
margin-left: -10px; | |
} | |
#following a img:hover { | |
opacity: 0.4; | |
filter: alpha(opacity=40); | |
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; | |
} | |
#following a img { | |
margin: 2px; | |
} | |
.post.text .type{ background-position: 0 -265px; } | |
.post.photo .type{ background-position: 0 -232px; } | |
.post.link .type{ background-position: 0 -200px;} | |
.post.quote .type{ background-position: 0 -167px; } | |
.post.chat .type{ background-position: 0 -134px; } | |
.stat-audio .type{ background-position: 0 -102px; } | |
.post.video .type{ background-position: 0 -70px; } | |
.post.photoset .type{ background-position: 0 -36px; } | |
.answer .type{ background-position: 0 -2px; } | |
.type{ | |
display:block; | |
width: 38px; | |
height: 32px; | |
text-indent:-99999px; | |
margin-bottom:4px; | |
background: url(http://static.tumblr.com/xequfu2/IGml46jev/icons.png) no-repeat top left; | |
opacity:0.4; | |
} | |
.type:hover{ | |
opacity:0.99; | |
} | |
.postinfo{ | |
position:absolute; | |
display:block; | |
top:0px; | |
left:-63px; | |
width:38px; | |
} | |
#home { | |
background:url(http://static.tumblr.com/xequfu2/ErUkl99l3/home.png) no-repeat 0px -1px ; | |
height:30px; | |
cursor:pointer; | |
} | |
#home:hover { | |
background:url(http://static.tumblr.com/xequfu2/ErUkl99l3/home.png) no-repeat 0px -31px; | |
} | |
#random { | |
background:url(http://static.tumblr.com/xequfu2/QkYkl99pb/random.png) no-repeat 0px -1px ; | |
height:30px; | |
cursor:pointer; | |
} | |
#random:hover { | |
background:url(http://static.tumblr.com/xequfu2/QkYkl99pb/random.png) no-repeat 0px -31px; | |
} | |
#archive { | |
background:url(http://static.tumblr.com/xequfu2/ilikl99j9/archive.png) no-repeat 0px -1px ; | |
height:30px; | |
cursor:pointer; | |
} | |
#archive:hover { | |
background:url(http://static.tumblr.com/xequfu2/ilikl99j9/archive.png) no-repeat 0px -31px; | |
} | |
#pages_nav { | |
background:url(http://static.tumblr.com/xequfu2/Yrgkzd2tm/pages.png) no-repeat 0px -31px ; | |
height:30px; | |
margin-top: 10px; | |
} | |
#blank { | |
background:url(http://static.tumblr.com/xequfu2/OPMkzd2rt/blank.png) no-repeat 0px -1px ; | |
height:30px; | |
cursor:pointer; | |
} | |
#blank:hover { | |
background:url(http://static.tumblr.com/xequfu2/OPMkzd2rt/blank.png) no-repeat 0px -31px; | |
} | |
#tumbltape { | |
background:url(http://static.tumblr.com/xequfu2/bklkl99tt/tumbltape.png) no-repeat 0px -1px ; | |
height:30px; | |
cursor:pointer; | |
} | |
#tumbltape:hover { | |
background:url(http://static.tumblr.com/xequfu2/bklkl99tt/tumbltape.png) no-repeat 0px -31px; | |
} | |
#search { | |
background:url(http://static.tumblr.com/xequfu2/A83kl99rb/search.png) no-repeat 0px -1px ; | |
height:30px; | |
cursor:pointer; | |
margin-bottom: -18px; | |
margin-left: 10px; | |
padding-left: 30px; | |
} | |
#search:hover { | |
background:url(http://static.tumblr.com/xequfu2/A83kl99rb/search.png) no-repeat 0px -31px; | |
} | |
#rss { | |
background:url(http://static.tumblr.com/xequfu2/fygkni88l/rss1.png) no-repeat 0px -1px ; | |
height:30px; | |
cursor:pointer; | |
} | |
#rss:hover { | |
background:url(http://static.tumblr.com/xequfu2/fygkni88l/rss1.png) no-repeat 0px -31px; | |
} | |
#submit { | |
background:url(http://static.tumblr.com/internal/Gr6knjvpl/download.png) no-repeat 0px -1px ; | |
height:30px; | |
cursor:pointer; | |
} | |
#submit:hover { | |
background:url(http://static.tumblr.com/internal/Gr6knjvpl/download.png) no-repeat 0px -31px; | |
} | |
#myspace { | |
background:url(http://static.tumblr.com/xequfu2/s8Lkni87o/myspace.png) no-repeat 0px -1px ; | |
height:30px; | |
cursor:pointer; | |
} | |
#myspace:hover { | |
background:url(http://static.tumblr.com/xequfu2/s8Lkni87o/myspace.png) no-repeat 0px -31px; | |
} | |
#last { | |
background:url(http://static.tumblr.com/xequfu2/nq7kni86t/last.png) no-repeat 0px -1px ; | |
height:30px; | |
cursor:pointer; | |
} | |
#last:hover { | |
background:url(http://static.tumblr.com/xequfu2/nq7kni86t/last.png) no-repeat 0px -31px; | |
} | |
#flickr { | |
background:url(http://static.tumblr.com/xequfu2/1Xckni862/flickr.png) no-repeat 0px -1px ; | |
height:30px; | |
cursor:pointer; | |
} | |
#flickr:hover { | |
background:url(http://static.tumblr.com/xequfu2/1Xckni862/flickr.png) no-repeat 0px -31px; | |
} | |
#vimeo { | |
background:url(http://static.tumblr.com/xequfu2/CiBkni8ad/vimeo.png) no-repeat 0px -1px ; | |
height:30px; | |
cursor:pointer; | |
} | |
#vimeo:hover { | |
background:url(http://static.tumblr.com/xequfu2/CiBkni8ad/vimeo.png) no-repeat 0px -31px; | |
} | |
#youtube { | |
background:url(http://static.tumblr.com/xequfu2/U40kni8b6/youtube.png) no-repeat 0px -1px ; | |
height:30px; | |
cursor:pointer; | |
} | |
#youtube:hover { | |
background:url(http://static.tumblr.com/xequfu2/U40kni8b6/youtube.png) no-repeat 0px -31px; | |
} | |
#delicious { | |
background:url(http://static.tumblr.com/xequfu2/Gm5kni82w/delicious.png) no-repeat 0px -1px ; | |
height:30px; | |
cursor:pointer; | |
} | |
#delicious:hover { | |
background:url(http://static.tumblr.com/xequfu2/Gm5kni82w/delicious.png) no-repeat 0px -31px; | |
} | |
#digg { | |
background:url(http://static.tumblr.com/xequfu2/DiYkni841/digg.png) no-repeat 0px -1px ; | |
height:30px; | |
cursor:pointer; | |
} | |
#digg:hover { | |
background:url(http://static.tumblr.com/xequfu2/DiYkni841/digg.png) no-repeat 0px -31px; | |
} | |
#facebook { | |
background:url(http://static.tumblr.com/xequfu2/UIVl4618a/facebook.png) no-repeat 0px -1px ; | |
height:30px; | |
cursor:pointer; | |
} | |
#facebook:hover { | |
background:url(http://static.tumblr.com/xequfu2/UIVl4618a/facebook.png) no-repeat 0px -31px; | |
} | |
#twitter { | |
background:url(http://static.tumblr.com/xequfu2/dfxkzd2ut/twitter.png) no-repeat 0px -1px ; | |
height:30px; | |
cursor:pointer; | |
} | |
#twitter:hover { | |
background:url(http://static.tumblr.com/xequfu2/dfxkzd2ut/twitter.png) no-repeat 0px -31px; | |
} | |
#ask { | |
background:url(http://static.tumblr.com/xequfu2/8Gdl461a7/ask.png) no-repeat 0px -1px ; | |
height:30px; | |
cursor:pointer; | |
} | |
#ask:hover { | |
background:url(http://static.tumblr.com/xequfu2/8Gdl461a7/ask.png) no-repeat 0px -31px; | |
} | |
#formspring { | |
background:url(http://static.tumblr.com/xequfu2/Z1Il461oi/formspring.png) no-repeat 0px -1px ; | |
height:30px; | |
cursor:pointer; | |
} | |
#formspring:hover { | |
background:url(http://static.tumblr.com/xequfu2/Z1Il461oi/formspring.png) no-repeat 0px -31px; | |
} | |
.notes{ | |
font-size:15px; | |
margin-bottom:20px; | |
font-family: {Font:Body}; | |
font-weight: 200; | |
} | |
.notes li{ | |
border-bottom:1px dashed #999999; | |
margin-bottom:5px; | |
overflow:hidden; | |
padding:14px 50px 13px 14px; | |
position:relative; | |
width:400px; | |
} | |
.notes li a img{ | |
padding:4px; | |
border: none; | |
float:left; | |
width:16px; | |
height:16px; | |
} | |
.notes li a{ | |
font-weight:bold; | |
text-decoration:none; | |
color:#333; | |
} | |
.notes li span.action{ | |
margin-left:10px; | |
float:left; | |
} | |
.notes blockquote { | |
font-size:13px; | |
font-weight:normal !important; | |
padding-left:35px; | |
} | |
.notes blockquote a{ | |
font-weight:normal !important; | |
} | |
/* Footer */ | |
#nav, | |
#footer, | |
#credit { | |
font: Normal 12px {Font:Title}; | |
margin: 40px 0px 30px 0px; | |
text-align: center; | |
font-size: 12px; | |
font-weight: 200; | |
color: #444; | |
} | |
#nav #footer a { | |
text-decoration: none; | |
font-size: 40px; | |
} | |
#nav #footer a:hover { | |
text-decoration: underline; | |
color: {color:Inline Link Hover}; | |
} | |
#nav #credit { | |
font: Normal 12px {Font:Body}; | |
margin-top: 15px; | |
} | |
#nav #credit a { | |
text-decoration: none; | |
font-size: 12px; | |
color: {color:Inline Link}; | |
} | |
#nav #credit a:hover { | |
text-decoration: none; | |
font-size: 12px; | |
color: {color:Inline Link Hover}; | |
} | |
#infscr-loading { | |
position: absolute; | |
top: 0; | |
left: 0; | |
display: none; | |
visibility: hidden; | |
} | |
a.install { | |
width: 96px; | |
height: 20px; | |
background: url(http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png); | |
display: block; | |
position: absolute; | |
top: 26px; | |
right: 3px; | |
} | |
.container .postwrapper .divider { | |
width: 500px; | |
border-bottom: 1px solid #e8e8e8; | |
margin: 0 0 30px 185px; | |
clear: both; | |
} | |
{block:IfNotEndlessScrolling} | |
.container .postwrapper:last-child .divider { | |
border-bottom: 3px double #e8e8e8; | |
margin: 0 0 20px 185px !important; | |
} | |
{/block:IfNotEndlessScrolling} | |
li.post .column.right .content .clear { | |
clear: both; | |
} | |
.column.right a { | |
color: {color:Accent}; | |
} | |
.column.right a:hover { | |
text-decoration: underline; | |
} | |
.column.right h2 { | |
font-size: 18px; | |
letter-spacing: 1px; | |
line-height: 24px; | |
} | |
.column.right h2 a.title { | |
color: #202020; | |
} | |
.column.right h2 a span, | |
a.home span { | |
font-family: "Lucida Grande"; | |
} | |
.column.right img { | |
max-width: 100%; | |
} | |
.column.right blockquote { | |
font-size: 13px; | |
border-left: 1px dotted #e1e1e1; | |
padding: 0 0 0 20px; | |
} | |
.column.right pre { | |
font: normal normal normal 11px/normal Courier; | |
background: #e6e6e6; | |
padding: 10px; | |
margin: 0 0 12px 0; | |
} | |
.column.right small { | |
color: #a8a8a8; | |
font-size: 11px; | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
} | |
.column.right small a { | |
color: #a8a8a8; | |
} | |
.column.right small a:hover { | |
color: #757575; | |
text-decoration: none; | |
} | |
.column.right small.high_res { | |
text-align: right; | |
margin: 0 0 12px 0; | |
display: block; | |
} | |
.column.right small a .download { | |
width: 11px; | |
height: 9px; | |
background: url(http://static.tumblr.com/thpaaos/jSTkv2d7l/icon_high_resolution.png) no-repeat; | |
margin: 0 0 0 3px; | |
display: inline-block; | |
} | |
.album_case { | |
width: 205px; | |
height: 193px; | |
background: url(http://static.tumblr.com/thpaaos/zXnkx16pe/album_case.png); | |
position: relative; | |
z-index: 10; | |
} | |
img.album_art { | |
max-width: 188px !important; | |
margin: -188px 0 0; | |
position: relative; | |
left: 15px; | |
z-index: 9; | |
margin-bottom: 15px; | |
} | |
.loading_posts { | |
width: 24px; | |
height: 24px; | |
background: url(http://static.tumblr.com/thpaaos/395kv2j3s/ajax-loader.gif); | |
position: fixed; | |
bottom: 30px; | |
left: 725px; | |
} | |
.credit-x { | |
position: fixed; | |
bottom: 5px; | |
right:5px; | |
} | |
.credit-x img { | |
border: none; | |
} | |
{CustomCSS} | |
</style> | |
<script src="http://static.tumblr.com/xequfu2/WX8m0sdn0/jquery-1.7.min.js"></script> | |
<script src="http://static.tumblr.com/fpifyru/VCxlv9xwi/writecapture.js"></script> | |
<script src="http://static.tumblr.com/fpifyru/AKFlv9zdu/embedgist.js"></script> | |
<script type="text/javascript"> | |
var _gaq = _gaq || []; | |
_gaq.push(['_setAccount', 'UA-23627835-1']); | |
_gaq.push(['_trackPageview']); | |
(function() { | |
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; | |
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; | |
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); | |
})(); | |
</script> | |
{block:IfEndlessScrolling} | |
{block:IndexPage} | |
<script type="text/javascript" src="http://static.tumblr.com/thpaaos/sZQkv2j7g/infinitescroll.js"></script> | |
<script type="text/javascript"> | |
var jQis = jQuery.noConflict(); | |
jQis(function($){ | |
// Infinite Scroll plugin | |
// copyright: Paul Irish & dirkhaim | |
// license: cc-wrapped GPL : http://creativecommons.org/licenses/GPL/2.0/ | |
$('ul.allposts').infinitescroll({ | |
debug : false, | |
nextSelector : "div#nav a#next_page", | |
loadingImg : "http://static.tumblr.com/xequfu2/HfMm0sdj7/loader.gif", | |
text : "", | |
donetext : "{lang:No more posts}.", | |
navSelector : "div#nav", | |
contentSelector : "#posts", | |
itemSelector : "#posts > .postwrapper" | |
}); | |
}); | |
</script> | |
{/block:IndexPage} | |
{/block:IfEndlessScrolling} | |
</head> | |
</head> | |
<body> | |
<a href="http://www.tumblr.com/theme/849" class="install"></a> | |
<div class="header"> | |
<h1> | |
<a href="/"> | |
{block:IfHeaderImage}<img src="{image:Header}"/>{/block:IfHeaderImage} | |
{block:IfNotHeaderImage}{Title}{/block:IfNotHeaderImage} | |
</a> | |
</h1> | |
<h2>{Description}</h2> | |
</div> | |
<div id="content"> | |
<div id="sidebar"> | |
<div id="search"> | |
<form method="get" action="/search"> | |
<input type="text" value="{SearchQuery}" name="q"/> | |
</form> | |
</div> | |
<div id="sidebar1"> | |
<a href="/"><div id="home"></div></a> | |
<a href="/random"><div id="random"></div></a> | |
<a href="/archive"><div id="archive"></div></a> | |
<a href="{RSS}"><div id="rss"></div></a> | |
{block:IfShowAskSidebar} | |
<a href="/ask"><div id="ask"></div></a> | |
{/block:IfShowAskSidebar} | |
{block:IfShowSubmitSidebar} | |
<a href="/submit"><div id="submit"></div></a> | |
{/block:IfShowSubmitSidebar} | |
{block:IfFacebookShortname} | |
<a href="http://facebook.com/{text:Facebook Shortname}"><div id="facebook"></div></a> | |
{/block:IfFacebookShortname} | |
{block:IfMyspaceShortname} | |
<a href="http://myspace.com/{text:Myspace Shortname}"><div id="myspace"></div></a> | |
{/block:IfMyspaceShortname} | |
{block:IfLastFmShortname} | |
<a href="http://last.fm/user/{text:LastFm Shortname}"><div id="last"></div></a> | |
{/block:IfLastFmShortname} | |
{block:IfTwitterShortname} | |
<a href="http://twitter.com/{text:Twitter Shortname}"><div id="twitter"></div></a> | |
{/block:IfTwitterShortname} | |
{block:IfFlickrShortname} | |
<a href="http://flickr.com/{text:Flickr Shortname}"><div id="flickr"></div></a> | |
{/block:IfFlickrShortname} | |
{block:IfVimeoShortname} | |
<a href="http://vimeo.com/{text:Vimeo Shortname}"><div id="vimeo"></div></a> | |
{/block:IfVimeoShortname} | |
{block:IfYoutubeShortname} | |
<a href="http://youtube.com/{text:Youtube Shortname}"><div id="youtube"></div></a> | |
{/block:IfYoutubeShortname} | |
{block:IfDeliciousShortname} | |
<a href="http://delicious.com/{text:Delicious Shortname}"><div id="delicious"></div></a> | |
{/block:IfDeliciousShortname} | |
{block:IfDiggShortname} | |
<a href="http://digg.com/{text:Digg Shortname}"><div id="digg"></div></a> | |
{/block:IfDiggShortname} | |
{block:IfFormspringShortname} | |
<a href="http://formspring.me/{text:Formspring Shortname}"><div id="formspring"></div></a> | |
{/block:IfFormspringShortname} | |
<div class="pages"> | |
{block:HasPages} | |
<div class="sidebar-bottom"> | |
<img src="http://static.tumblr.com/xequfu2/gOMkzd2on/sidebar_bottom.png"/> | |
</div> | |
<div id="pages_nav"></div> | |
{block:Pages} | |
<div id="blank"><ol class="pages"><li><a href="{URL}"> {Label}</a></li></ol></div> | |
{/block:Pages} | |
{/block:HasPages} | |
</div> | |
{block:IfShowPeopleIFollow} | |
{block:Following} | |
<div id="following"> | |
{block:Followed}<a href="{FollowedURL}"><img src="{FollowedPortraitURL-40}" /></a>{/block:Followed} | |
</div> | |
{/block:Following} | |
{/block:IfShowPeopleIFollow} | |
</div> | |
</div> | |
<div id="posts"> | |
{block:Posts} | |
<div class="postwrapper"> | |
<div class="post"> | |
<div class="column right"> | |
<div class="content"> | |
{block:Photo} | |
<div class="post photo"> | |
<div class="postinfo"> | |
<a href="{permalink}" class="type">Photo Post</a></div> | |
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" {block:HighRes}style="margin: 0 0 2px 0"{/block:HighRes}>{LinkCloseTag} | |
{block:HighRes}<small class="high_res"><a href="{PhotoURL-HighRes}" target="_blank">{lang:View high resolution} <div class="download"></div></a></small>{/block:HighRes} | |
{block:Caption} | |
<div class="caption">{Caption}</div> | |
{/block:Caption} | |
</div> | |
{/block:Photo} | |
{block:Photoset} | |
<div class="post photoset"> | |
<div class="postinfo"> | |
<a href="{permalink}" class="type">Photoset Post</a></div> | |
{Photoset-500} | |
{block:Caption} | |
<div class="caption">{Caption}</div> | |
{/block:Caption} | |
</div> | |
{/block:Photoset} | |
{block:Video} | |
<div class="post video"> | |
<div class="postinfo"> | |
<a href="{permalink}" class="type">Vid Post</a></div> | |
{Video-500} | |
{block:Caption} | |
<div class="caption">{Caption}</div> | |
{/block:Caption} | |
</div> | |
{/block:Video} | |
{block:Audio} | |
<div class="stat-audio"> | |
<div class="postinfo"> | |
<a href="{permalink}" class="type">Audio Post</a></div> | |
<div class="stat-audio-wrapper"> | |
<div class="stat-audio-left"> | |
<div class="stat-audio-player">{AudioPlayerBlack}</div> | |
<div class="stat-audio-play-count">{FormattedPlayCount} Plays{block:ExternalAudio} <a href="{ExternalAudioURL}" class="stat-audio-download">→</a>{/block:ExternalAudio}</div> | |
{block:Artist}<div class="stat-audio-artist">{Artist}</div>{/block:Artist} | |
{block:TrackName}<div class="stat-audio-song">{TrackName}</div>{/block:TrackName} | |
<div class="stat-audio-caption">{Caption}</div> | |
</div> | |
{block:AlbumArt} | |
<div class="album_case"></div> | |
<img src="{AlbumArtURL}" class="album_art" /> | |
{/block:AlbumArt} | |
<div class="stat-clear"></div> | |
</div> | |
</div> | |
{/block:Audio} | |
{block:Link} | |
<div class="post link"> | |
<div class="postinfo"> | |
<a href="{permalink}" class="type">Link Post</a></div> | |
<h2><a href="{URL}" class="link" {Target}>{Name}</a></h2> | |
{block:Description} | |
<span class="description">{Description}</span> | |
{/block:Description} | |
</div> | |
{/block:Link} | |
{block:Quote} | |
<div class="post quote"> | |
<div class="postinfo"> | |
<a href="{permalink}" class="type">Quote Post</a></div> | |
<div class="quote_text"><span class="{Length}">{Quote}</span></div> | |
{block:Source} | |
<div class="source">— {Source}</div> | |
{/block:Source} | |
</div> | |
{/block:Quote} | |
{block:Text} | |
<div class="post text"> | |
<div class="postinfo"> | |
<a href="{permalink}" class="type">Text Post</a></div> | |
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title} | |
<p>{Body}</p> | |
</div> | |
{/block:Text} | |
{block:Chat} | |
<div class="post chat"> | |
<div class="postinfo"> | |
<a href="{permalink}" class="type">Chat Post</a></div> | |
{block:Title} | |
<h2><a href="{Permalink}">{Title}</a></h2> | |
{/block:Title} | |
<ul> | |
{block:Lines} | |
<li class="{Alt}"> | |
{block:Label} | |
<span class="label user_{UserNumber}">{Label}</span> | |
{/block:Label} | |
{Line} | |
</li> | |
{/block:Lines} | |
</ul> | |
</div> | |
{/block:Chat} | |
{block:Answer} | |
<div class="answer"> | |
<div class="postinfo"> | |
<a href="{permalink}" class="type">Vid Post</a></div> | |
<div class="answer-question"> | |
<div class="answer-label">Q</div> | |
<div class="body"> | |
{Question} | |
</div> | |
<div class="answer-asker post-{PostID}"> | |
</div> | |
<div class="answer-asker">from:{Asker}</div> | |
<div class="clear"></div> | |
</div> | |
<div class="answer-answer"> | |
<div class="answer-label">A</div> | |
<div class="body"> | |
{Answer} | |
</div> | |
</div> | |
</div> | |
{/block:Answer} | |
<div class="clear"></div> | |
</div> | |
</div> | |
</div> | |
{block:IndexPage}<div class="divider"></div>{/block:IndexPage} | |
<div class="datetime"> | |
Posted <a href="{Permalink}" class="permalink">{Month} {DayOfMonth}, {Year} at {12Hour}:{Minutes}{AmPm}</a> {block:HasTags}in {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags} | |
{block:Pagination} | |
{block:NoteCount} | | |
<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <br /> | |
{/block:Pagination} | |
{block:SearchPage} | | |
{block:NoteCount}& | |
<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <br /> | |
{/block:SearchPage} | |
{block:PermalinkPage} | |
{block:NoteCount} | | |
<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br /> | |
{/block:PermalinkPage} | |
</div> | |
<!--{block:PermalinkPage}--> | |
<!--{block:PostNotes}--> | |
<p id="note">{PostNotes}</p> | |
<!--{/block:PostNotes}--> | |
<!--{/block:PermalinkPage}--> | |
<!--{block:PermalinkPage}--> | |
<!-- AddThis Button BEGIN --> | |
<div class="addthis_toolbox" addthis:title="{PostTitle}" addthis:url="{Permalink}"> | |
<a href="http://www.addthis.com/bookmark.php" | |
class="addthis_button">Share this</a> | |
</div> | |
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f8eed8875190f92"></script> | |
<script type="text/javascript"> | |
var addthis_config = { | |
data_track_clickback: false | |
} | |
</script> | |
<!-- AddThis Button END --> | |
<!--{/block:PermalinkPage}--> | |
<div class="disqus"> | |
{block:IfDisqusShortname}<a class="stat-disqus" href="{Permalink}#disqus_thread">Comments</a>{/block:IfDisqusShortname} | |
</div> | |
{block:IfShowPostDividers} | |
<div class="post-bottom"> | |
<img src="http://static.tumblr.com/xequfu2/sXBkzd2nw/post_bottom.png"/> | |
</div> | |
{/block:IfShowPostDividers} | |
</div> | |
{/block:Posts} | |
</div> | |
{block:IfDisqusShortname} | |
{block:PermalinkPage} | |
<script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>{block:Permalink}<div id="disqus_thread"></div> | |
<script type="text/javascript"> | |
/** | |
* var disqus_identifier; [Optional but recommended: Define a unique identifier (e.g. post id or slug) for this thread] | |
*/ | |
(function() { | |
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; | |
dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js'; | |
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); | |
})(); | |
</script> | |
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript> | |
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a> | |
{/block:Permalink}<script type="text/javascript"> | |
var disqus_shortname = '{text:Disqus Shortname}'; | |
(function () { | |
var s = document.createElement('script'); s.async = true; | |
s.src = 'http://disqus.com/forums/{text:Disqus Shortname}/count.js'; | |
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s); | |
}()); | |
</script> | |
{/block:PermalinkPage} | |
{/block:IfDisqusShortname} | |
<div id="nav"> | |
{block:Pagination} | |
{block:PreviousPage} | |
<a id="prev_page" href="{PreviousPage}">« Previous</a> — | |
{/block:PreviousPage} | |
{CurrentPage} of {TotalPages} | |
{block:NextPage} | |
— <a id="next_page" href="{NextPage}">Next »</a> | |
{/block:NextPage} | |
{/block:Pagination} | |
{block:PermalinkPagination} | |
{block:PreviousPost} | |
<a id="prev_post" href="{PreviousPost}">« Previous</a> | |
{/block:PreviousPost} | |
— | |
{block:NextPost} | |
<a id="next_post" href="{NextPost}">Next »</a> | |
{/block:NextPost} | |
{/block:PermalinkPagination} | |
</div> | |
{block:IfNotEndlessScrolling} | |
<div id="credit"> | |
<a href="http://ultralite.tumblr.com">Ultralite</a> Powered by <a href="http://www.tumblr.com/" | |
target="_blank">Tumblr</a> | |
| Designed by:<a href="http://doinwork.tumblr.com/" | |
target="_blank">Doinwork</a> | |
</div> | |
{/block:IfNotEndlessScrolling} | |
</div> | |
</div> | |
{block:IfEndlessScrolling} | |
<div class="credit-x"> | |
<a href="http://blog.doinwork.com"><img src="http://static.tumblr.com/xequfu2/Gmim0schb/mini-do-wrk.png"></a> | |
</div> | |
{/block:IfEndlessScrolling} | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment