Created
January 23, 2013 05:32
-
-
Save idigit/4602331 to your computer and use it in GitHub Desktop.
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"> | |
<!-- | |
. .o8 oooo | |
.o8 "888 `888 | |
.o888oo oooo oooo ooo. .oo. .oo. 888oooo. 888 oooo d8b | |
888 `888 `888 `888P"Y88bP"Y88b d88' `88b 888 `888""8P | |
888 888 888 888 888 888 888 888 888 888 | |
888 . 888 888 888 888 888 888 888 888 888 .o. | |
"888" `V88V"V8P' o888o o888o o888o `Y8bod8P' o888o d888b Y8P | |
--> | |
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
<head> | |
<!-- DEFAULT VARIABLES --> | |
<meta name="color:Light Link Color" content="#0F557C" /> | |
<meta name="color:Dark Link Color" content="#A5E5FF" /> | |
<meta name="if:Show People I Follow" content="1" /> | |
<meta name="if:Show Tags" content="1" /> | |
<meta name="if:Show Album Art on Audio Posts" content="1" /> | |
<meta name="if:Enable Jump Pagination" content="0" /> | |
<meta name="if:Enable Alternative Header" content="0" /> | |
<meta name="text:Disqus Shortname" content="" /> | |
<meta name="text:Facebook Username" content="" /> | |
<meta name="text:Quora Username" content="" /> | |
<meta name="text:Website URL" content="" /> | |
<meta name="text:Flickr Username" content="" /> | |
<meta name="text:Youtube Username" content="" /> | |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
<title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title> | |
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} | |
<script type="text/javascript" src="http://static.tumblr.com/w5i69kg/ZTmm1smmj/humane.js"></script> | |
<script type="text/javascript" src="http://www.google.com/jsapi"></script> | |
<script src="http://static.tumblr.com/w5i69kg/7eTm1ekak/jquery.js"></script> | |
<script type="text/javascript"> | |
WebFontConfig = { | |
custom: { | |
families: ['ProximaNovaRegular', 'ProximaNovaSemibold', 'ProximaNovaBold'], | |
urls: ['http://static.tumblr.com/4xjilm1/qN6m28zid/fontface.css'] | |
}, | |
active: function() { | |
$(document).ready(function() { | |
$(document).trigger('fontsloaded'); | |
}); | |
}, | |
inactive: function() { | |
$(document).ready(function() { | |
$(document).trigger('fontsloaded'); | |
}); | |
} | |
}; | |
(function() { | |
var wf = document.createElement('script'); | |
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + | |
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; | |
wf.type = 'text/javascript'; | |
wf.async = 'true'; | |
var s = document.getElementsByTagName('script')[0]; | |
s.parentNode.insertBefore(wf, s); | |
})(); | |
</script> | |
<link rel="shortcut icon" href="{Favicon}" /> | |
<link rel="apple-touch-icon" href="{PortraitURL-128}"/> | |
<link rel="alternate" type="application/rss+xml" href="{RSS}" /> | |
<style type="text/css"> | |
/* http://meyerweb.com/eric/tools/css/reset/ | |
v2.0 | 20110126 | |
License: none (public domain) | |
*/ | |
html, body, div, span, applet, object, iframe, | |
h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
a, abbr, acronym, address, big, cite, code, | |
del, dfn, em, img, ins, kbd, q, s, samp, | |
small, strike, strong, sub, sup, tt, var, | |
b, u, i, center, | |
dl, dt, dd, ol, ul, li, | |
fieldset, form, label, legend, | |
table, caption, tbody, tfoot, thead, tr, th, td, | |
article, aside, canvas, details, embed, | |
figure, figcaption, footer, header, hgroup, | |
menu, nav, output, ruby, section, summary, | |
time, mark, audio, video { | |
margin: 0; | |
padding: 0; | |
border: 0; | |
font-size: 100%; | |
font: inherit; | |
vertical-align: baseline; | |
} | |
/* HTML5 display-role reset for older browsers */ | |
article, aside, details, figcaption, figure, | |
footer, header, hgroup, menu, nav, section { | |
display: block; | |
} | |
body { | |
line-height: 1; | |
} | |
ol, ul { | |
list-style: none; | |
} | |
blockquote, q { | |
quotes: none; | |
} | |
blockquote:before, blockquote:after, | |
q:before, q:after { | |
content: ''; | |
content: none; | |
} | |
table { | |
border-collapse: collapse; | |
border-spacing: 0; | |
} | |
/* For modern browsers */ | |
.clearfix:before, | |
.clearfix:after { | |
content:""; | |
display:table; | |
} | |
.clearfix:after { | |
clear:both; | |
} | |
/* For IE 6/7 (trigger hasLayout) */ | |
.clearfix { | |
zoom:1; | |
} | |
/* master styles | |
--------------------------------------------- */ | |
body, html, input { | |
font-family: "ProximaNovaRegular", Helvetica, arial, sans-serif; | |
} | |
body > #main { | |
display: none; | |
} | |
body { | |
background: url("http://static.tumblr.com/w5i69kg/qUem1tm0u/footer_bg_color.png") repeat, | |
url('http://static.tumblr.com/w5i69kg/uyCm1ggf9/background.png'); | |
} | |
.wf-active body > #main, .wf-inactive body > #main { | |
display: block !important; | |
} | |
a { | |
text-decoration: none; | |
color: {color:Light Link Color}; | |
} | |
a:hover { | |
text-decoration: underline; | |
} | |
p { | |
line-height: 1.6; | |
} | |
.wrapper { | |
width: 940px; | |
margin: 0 auto; | |
} | |
/* main colors | |
--------------------------------------------- */ | |
/* dark posts */ | |
.post a { | |
color: {color:Dark Link Color} | |
} | |
/* light posts */ | |
.post.quote a, | |
.post.answer a, | |
.post.link a, | |
.post.reblog a, | |
.post.quote .title a, | |
.post.answer .title a, | |
.post.link .title a, | |
.post.reblog .title a { | |
color: {color:Light Link Color} | |
} | |
.post.quote, | |
.post.answer, | |
.post.link, | |
.post.reblog { | |
-webkit-box-shadow: 0 4px 6px -4px rgba(64, 64, 64, 0.36); | |
-moz-box-shadow: 0 4px 6px -4px rgba(64, 64, 64, 0.36); | |
box-shadow: 0 4px 6px -4px rgba(64, 64, 64, 0.36); | |
} | |
.post.quote div.notecontainer li, | |
.post.answer div.notecontainer li, | |
.post.link div.notecontainer li, | |
.post.reblog div.notecontainer li { | |
color: #aaaaaa; | |
} | |
/* Header | |
--------------------------------------------- */ | |
#header { | |
background: url('http://static.tumblr.com/w5i69kg/uyCm1ggf9/background.png') repeat; | |
border-bottom: 0px none; | |
padding: 37px 0 0; | |
-moz-box-shadow: 0 0 3px #babfbf; | |
-webkit-box-shadow: 0 0 3px #babfbf; | |
box-shadow: 0 0 3px #babfbf; | |
} | |
body #header .wrapper { | |
border-bottom: 2px solid #d1d6d8; | |
padding-bottom: 37px; | |
} | |
{block:IfEnableAlternativeHeader} | |
body #header { | |
background: url("http://static.tumblr.com/w5i69kg/w4Bm1eh9s/header_pattern.png") repeat-x; | |
padding-bottom: 37px; | |
border-bottom: 1px solid #babfbf; | |
} | |
body #header .wrapper { | |
border-bottom: 0px none; | |
padding-bottom: 0px; | |
} | |
{/block:IfEnableAlternativeHeader} | |
h1 { | |
float: left; | |
font-size: 55px; | |
text-transform: uppercase; | |
font-family: "ProximaNovaBold"; | |
} | |
h1 a { | |
color: #3a3a3a; | |
} | |
h1 a:hover { | |
text-decoration: none; | |
} | |
#header ul { | |
float: right; | |
padding-top: 5px; | |
} | |
#header li { | |
float: left; | |
} | |
#facebook, #twitter, #flickr, #quora, #website, #youtube { | |
margin-top: 8px; | |
float: left; | |
height: 25px; | |
width: 24px; | |
display: block; | |
text-indent: -10000px; | |
margin-right: 10px; | |
} | |
#facebook { | |
background: url("http://static.tumblr.com/w5i69kg/efYm1eha5/facebook_icon.png"); | |
} | |
#twitter { | |
background: url("http://static.tumblr.com/w5i69kg/Nttm1eham/twitter_icon.png"); | |
} | |
#flickr { | |
background: url("http://static.tumblr.com/w5i69kg/JB9m1ehax/flickr_icon.png"); | |
} | |
#quora { | |
background: url("http://static.tumblr.com/w5i69kg/DCim1ehb5/quora_icon.png"); | |
} | |
#website { | |
background: url("http://static.tumblr.com/w5i69kg/3fYm1sjd5/website_icon.png"); | |
height: 24px; | |
} | |
#youtube { | |
background: url("http://static.tumblr.com/w5i69kg/ZR3m1sjex/youtube_icon.png"); | |
height: 24px; | |
} | |
#header input { | |
background: #fff url("http://static.tumblr.com/w5i69kg/EEmm1ehbe/search_icon.png") 145px center no-repeat; | |
width: 131px; | |
padding: 11px 32px 9px 10px; | |
font-weight: 400; | |
font-size: 14px; | |
border: 1px solid #bfc9cd; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
margin-left: 12px; | |
} | |
/* Box shadows | |
--------------------------------------------- */ | |
/* Dark background */ | |
.post .media img, | |
.post .media > a img, | |
.post.video iframe, | |
.post .title { | |
-webkit-box-shadow: 0 5px 3px -2px #161617; | |
-moz-box-shadow: 0 5px 3px -2px #161617; | |
box-shadow: 0 5px 3px -2px #161617; | |
} | |
.post.audio > .container { | |
-webkit-box-shadow: inset 0 0 74px 0 #256a91, 0 5px 3px -2px #161617; | |
-moz-box-shadow: inset 0 0 74px 0 #256a91, 0 5px 3px -2px #161617; | |
box-shadow: inset 0 0 74px 0 #256a91, 0 5px 3px -2px #161617; | |
} | |
/* Light background */ | |
.post.quote .media img, | |
.post.quote .media > a img, | |
.post.quote .media iframe, | |
.post.quote .media .title, | |
.post.answer .media img, | |
.post.answer .media > a img, | |
.post.answer .media iframe, | |
.post.answer .media .title, | |
.post.link .media img, | |
.post.link .media > a img, | |
.post.link .media iframe, | |
.post.link .media .title, | |
body .post.reblog .media img, | |
body .post.reblog .media > a img, | |
body .post.reblog .media iframe, | |
body .post.reblog .media .title { | |
-webkit-box-shadow: 0 5px 3px -2px #bebebe; | |
-moz-box-shadow: 0 5px 3px -2px #bebebe; | |
box-shadow: 0 5px 3px -2px #bebebe; | |
} | |
/* Content | |
--------------------------------------------- */ | |
#container { | |
background: #f5fbfd url('http://static.tumblr.com/w5i69kg/uyCm1ggf9/background.png'); | |
padding-top: 40px; | |
} | |
.single { | |
width: 670px; | |
float: none; | |
min-height: 34px; | |
margin-left: 3px; | |
margin-bottom: 28px; | |
} | |
.single .post { | |
float: none; | |
width: auto; | |
margin-top: 0px; | |
margin-left: 36px; | |
} | |
.single h2 { | |
position: absolute; | |
} | |
#content { | |
width: 670px; | |
float: left; | |
} | |
#tiles_container { | |
width: 670px; | |
float:left; | |
} | |
#tiles { | |
list-style-type: none; | |
position: relative; /** Needed to ensure items are laid out relative to this container **/ | |
margin: 0; | |
} | |
#tiles > li { | |
width: 318px; | |
display: none; /** Hide items initially to avoid a flicker effect **/ | |
} | |
#tiles h2, .single h2 { | |
float: left; | |
font-size: 20px; | |
color: #8c8f90; | |
text-align: center; | |
text-shadow: 0px 1px 0 #fff; | |
} | |
#tiles h2 span, .single h2 span { | |
display: block; | |
color: #afb2b4; | |
font-size: 14px; | |
text-transform: uppercase; | |
} | |
.post { | |
float: right; | |
width: 282px; | |
font-size: 14px; | |
background: url("http://static.tumblr.com/w5i69kg/3Uhm1ehbp/post_bg.png"); | |
border-bottom:1px solid #d4d6d7; | |
-webkit-box-shadow: 0 4px 6px -4px #404040; | |
-moz-box-shadow: 0 4px 6px -4px #404040; | |
box-shadow: 0 4px 6px -4px #404040; | |
} | |
.post .footer { | |
color: #7B7B7C; | |
padding: 2px 0 0 25px; | |
margin-bottom: 14px; | |
font-size: 13px; | |
font-weight: 400; | |
line-height: 22px; | |
} | |
.post .notes + .footer { | |
margin-top: -6px; | |
} | |
.post .footer a { | |
color: #7B7B7C; | |
text-decoration: underline; | |
} | |
.post.text .highlight { | |
display: none; | |
} | |
.post .copy ul li { | |
list-style-type: disc; | |
margin-left: 17px; | |
} | |
.post .copy ol li { | |
list-style-type:decimal; | |
margin-left: 17px; | |
} | |
.post .copy:after { | |
visibility: hidden; | |
display: block; | |
font-size: 0; | |
content: " "; | |
clear: both; | |
height: 0; | |
} | |
* html .clearfix { zoom: 1; } | |
*:first-child+html .clearfix { zoom: 1; } | |
.post .copy > blockquote:first-child { | |
margin-top: 34px !important; | |
} | |
html body .post .copy > p + blockquote { | |
margin-top: 8px !important; | |
} | |
.media { | |
width: 282px; | |
position: relative; | |
} | |
.single .post .media { | |
width: auto; | |
} | |
.rounding { | |
top: 0; | |
height: 3px; | |
width: 282px; | |
background: url("http://static.tumblr.com/w5i69kg/gg2m1ehc3/post_rounding.png") no-repeat; | |
position: absolute; | |
z-index: 1; | |
} | |
.single .rounding { | |
background: url("http://static.tumblr.com/w5i69kg/ykRm1fdr7/post_rounding_large.png") no-repeat; | |
width: 634px; | |
} | |
.highlight { | |
top: 3px; | |
height: 100%; | |
width: 282px; | |
background: url("http://static.tumblr.com/w5i69kg/lTlm1ehcd/post_highlight.png"); | |
position: absolute; | |
z-index: 1; | |
} | |
.single .highlight { | |
background: url("http://static.tumblr.com/w5i69kg/Kh2m1febn/post_highlight_large.png"); | |
width: 100%; | |
} | |
.post .media img, .post .media > a img { | |
width: 282px; | |
} | |
.single .post .media img { | |
width: auto; | |
width: 634px; | |
max-width: 634px; | |
margin: 0 auto; | |
} | |
.post p, .post blockquote { | |
color: #f5fbfd; | |
font-size: 14px; | |
padding: 14px 20px; | |
} | |
.post .copy ul, .post .copy ol { | |
color: #FFFFFF; | |
margin: 0 20px; | |
} | |
.post .copy ul li, .post .copy ol li { | |
line-height: 1.6; | |
} | |
.post blockquote { | |
margin-left: 20px; | |
line-height: 1.6; | |
} | |
.post.quote .copy > blockquote, | |
.post.answer .copy > blockquote, | |
.post.link .copy > blockquote, | |
.post.reblog .copy > blockquote { | |
display: block; | |
background: url('http://static.tumblr.com/w5i69kg/X58m1f1nf/standout_bg.png') 0px 5px; | |
padding: 20px 30px; | |
font-size: 14px; | |
text-shadow: 0px 1px 0px #FFF; | |
color: #696969; | |
margin: 8px 0 0px; | |
position: relative; | |
border-bottom: 1px solid #cccccc; | |
box-shadow: 0px 1px 1px 0px #ffffff; | |
line-height: 1.6; | |
} | |
.post.quote .copy > blockquote:before, | |
.post.answer .copy > blockquote:before, | |
.post.link .copy > blockquote:before, | |
.post.reblog .copy > blockquote:before { | |
content : '' !important; | |
background: url('http://static.tumblr.com/w5i69kg/kldm1xu95/standout_top.png') no-repeat left top; | |
background: url("http://static.tumblr.com/w5i69kg/kldm1xu95/standout_top.png") no-repeat 0 0%, | |
url("http://static.tumblr.com/w5i69kg/Cd3m1ep2x/post_light.gif") repeat 0 -2px transparent; | |
width: 100%; | |
height: 12px; | |
display: block; | |
position: absolute; | |
top: -12px; | |
left: 0px; | |
} | |
.post.quote .copy > blockquote p, | |
.post.answer .copy > blockquote p, | |
.post.link .copy > blockquote p, | |
.post.reblog .copy > blockquote p { | |
border-left: 2px solid rgba(0, 0, 0, 0.12); | |
} | |
.post p a { | |
font-weight: 600; | |
} | |
.post p.notes { | |
color: #7b7b7c; | |
} | |
.post p.notes a { | |
display: block; | |
font-size: 13px; | |
color: #7b7b7c; | |
padding: 2px 0 0 25px; | |
background: url("http://static.tumblr.com/w5i69kg/xj3m1ehcq/heart_icon.png") left center no-repeat; | |
font-weight: 400; | |
line-height: 22px; | |
} | |
.post.quote p.notes a, | |
.post.answer p.notes a, | |
.post.link p.notes a, | |
.post.reblog p.notes a { | |
background-image: url("http://static.tumblr.com/w5i69kg/i7qm1ttc6/heart_icon_light.png"); | |
} | |
div.notecontainer { | |
margin: 2px 0 10px 34px; | |
font-size: 13px; | |
color: #3C3D3D; | |
line-height: 1.8; | |
} | |
div.notecontainer li { | |
font-weight: normal; | |
} | |
div.notecontainer a { | |
font-weight: normal; | |
} | |
ol.notes { | |
padding: 0px; | |
margin: 0px 0px; | |
list-style-type: none; | |
border-bottom: 1px solid #DDE1E4; | |
} | |
ol.notes li.note { | |
border-top: 1px solid #DDE1E4; | |
padding: 10px; | |
} | |
ol.notes li.note img.avatar { | |
vertical-align: -4px; | |
margin-right: 10px; | |
width: 16px; | |
height: 16px; | |
} | |
ol.notes li.note span.action { | |
font-weight: normal; | |
} | |
ol.notes li.note .answer_content { | |
font-weight: normal; | |
} | |
ol.notes li.note blockquote { | |
border-color: #eee; | |
padding: 4px 10px; | |
margin: 10px 0px 0px 25px; | |
} | |
ol.notes li.note blockquote a { | |
text-decoration: none; | |
} | |
.post .title { | |
background: url("http://static.tumblr.com/w5i69kg/a3Vm1ejg0/post_title_glow.png") no-repeat center bottom, url("http://static.tumblr.com/w5i69kg/sLym1ejfk/post_noise.png") repeat; | |
padding: 20px 20px; | |
min-height: 10px; | |
color: #FFFFFF; | |
font-size: 20px; | |
text-shadow: 0px -1px 0 #000; | |
line-height: 140%; | |
font-family: "ProximaNovaSemibold"; | |
} | |
.post .title a { | |
color: #FFFFFF; | |
} | |
.post.quote, .post.answer, .post.link, .post.reblog { | |
border: 1px solid #c1c1c1; | |
background: url('http://static.tumblr.com/w5i69kg/Cd3m1ep2x/post_light.gif') repeat; | |
border-radius: 2px; | |
} | |
.post.quote .quote, .post.link .link { | |
padding: 20px 20px 20px 20px; | |
line-height: 140%; | |
font-size: 18px; | |
color: #4a4a4a; | |
text-shadow: 0px 1px 0 #fff; | |
font-family: "ProximaNovaSemibold"l | |
} | |
.post.quote .highlight, .post.answer .highlight, .post.link .highlight, .post.text.reblog .highlight { | |
height: 1px; | |
overflow: hidden; | |
z-index: 1; | |
top: 0px; | |
position: absolute; | |
background: transparent none; | |
display: block; | |
} | |
.post.quote .highlight > div, .post.answer .highlight > div, .post.link .highlight > div, .post.text.reblog .highlight > div { | |
background: #FFF; | |
height: 10px; | |
border-radius: 2px; | |
z-index: 1; | |
} | |
.post.quote .quote span { | |
color: #8d8d8d; | |
font-size: 30px; | |
} | |
.post.quote .quote:before { | |
content: "\0022"; | |
color: #8d8d8d; | |
font-size: 30px; | |
position: relative; | |
top: 8px; | |
margin-right: 3px; | |
} | |
.post.quote .quote:after { | |
content: "\0022"; | |
color: #8d8d8d; | |
font-size: 30px; | |
position: relative; | |
top: 8px; | |
margin-left: 3px; | |
} | |
.post.quote .quote_source:before { | |
content : ''; | |
background: url('http://static.tumblr.com/w5i69kg/kldm1xu95/standout_top.png') no-repeat left top; | |
background: url("http://static.tumblr.com/w5i69kg/kldm1xu95/standout_top.png") no-repeat 0 0%, | |
url("http://static.tumblr.com/w5i69kg/Cd3m1ep2x/post_light.gif") repeat 0 -2px transparent; | |
width: 100%; | |
height: 12px; | |
display: block; | |
position: absolute; | |
top: -12px; | |
left: 0px; | |
} | |
.post.quote .quote_source { | |
display: block; | |
background: url('http://static.tumblr.com/w5i69kg/X58m1f1nf/standout_bg.png') 0px 5px; | |
padding: 20px 30px; | |
font-size: 14px; | |
text-shadow: 0px 1px 0px #FFF; | |
color: #696969; | |
margin: 8px 0 0px; | |
position: relative; | |
border-bottom: 1px solid #cccccc; | |
box-shadow: 0px 1px 1px 0px #ffffff; | |
line-height: 1.6; | |
} | |
.post.quote .quote_source p { | |
display: inline-block; | |
text-shadow: 0px 1px 0px #FFF; | |
color: #696969; | |
padding-left: 0px; | |
} | |
.post.chat .line { | |
color: #F5FBFD; | |
font-size: 14px; | |
padding: 14px 20px; | |
line-height: 1.6; | |
} | |
.post.answer { | |
padding-bottom: 0; | |
} | |
.post.answer .asker_container { | |
overflow: hidden; | |
padding: 0 20px; | |
margin: 20px 0; | |
font-size: 14px; | |
} | |
.post.answer .asker_container .left { | |
width: 74px; | |
float: left; | |
} | |
.post.answer .asker_container .left img { | |
width: 64px; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
border-radius: 6px; | |
} | |
.post.answer .asker_container .right { | |
margin: 0 0 0 80px; | |
line-height: 1.6; | |
color: #313131; | |
} | |
.post.answer .answer:before { | |
content : ''; | |
background: url('http://static.tumblr.com/w5i69kg/kldm1xu95/standout_top.png') no-repeat left top; | |
background: url("http://static.tumblr.com/w5i69kg/kldm1xu95/standout_top.png") no-repeat 0 0%, | |
url("http://static.tumblr.com/w5i69kg/Cd3m1ep2x/post_light.gif") repeat 0 -2px transparent; | |
width: 100%; | |
height: 12px; | |
display: block; | |
position: absolute; | |
top: -12px; | |
left: 0px; | |
} | |
.post.answer .answer { | |
display: block; | |
background: url('http://static.tumblr.com/w5i69kg/X58m1f1nf/standout_bg.png') 0px 5px; | |
padding: 0 0; | |
font-size: 14px; | |
text-shadow: 0px 1px 0px #FFF; | |
color: #696969; | |
margin: 8px 0 0px; | |
position: relative; | |
border-bottom: 1px solid #cccccc; | |
border-top: 1px solid #cccccc; | |
box-shadow: 0px 1px 1px 0px #ffffff; | |
} | |
.post.answer .answer p { | |
text-shadow: 0px 1px 0px #FFF; | |
color: #696969; | |
} | |
.post.video iframe { | |
width: 282px; | |
vertical-align: top; | |
border: 0px none !important; | |
} | |
.single .post.video iframe { | |
width: 100%; | |
max-width: 634px; | |
} | |
.post.audio > .container { | |
background: url("http://static.tumblr.com/w5i69kg/WIQm1h7aa/bg_blue.png") repeat-x left bottom; | |
padding: 18px 18px 0; | |
position: relative; | |
height: 151px; /* 169 */ | |
overflow: hidden; | |
} | |
.post.audio > .container .first-line { | |
overflow: hidden; | |
position: relative; | |
} | |
.post.audio > .container .album_art { | |
float: left; | |
width: 89px; | |
position: relative; | |
} | |
.post.audio > .container .album_art + .album_art, .post.audio > .container .album_art + script + .album_art { | |
display: none; | |
} | |
.post.audio > .container .album_art .default { | |
background: url('http://static.tumblr.com/w5i69kg/HMUm1tjvj/no_album.png'); | |
width: 77px; | |
height: 77px; | |
display: block; | |
margin: 1px 0 10px 2px; | |
} | |
.post.audio > .container .album_art img { | |
width: 77px; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
margin: 1px 0 10px 2px; | |
} | |
.post.audio > .container .album_art .overlay { | |
background: url("http://static.tumblr.com/w5i69kg/R6zm1tkkb/album_overlay.png"); | |
width: 81px; | |
height: 81px; | |
z-index: 3; | |
position: absolute; | |
top: 0; | |
left: 0; | |
} | |
.post.audio > .container .audio_action { | |
background: url("http://static.tumblr.com/w5i69kg/7plm1h7c2/action_button.png"); | |
width: 65px; | |
height: 65px; | |
display: block; | |
float: left; | |
margin-left: 5px; | |
margin-top: 11px; | |
position: relative; | |
} | |
.post.audio > .container .audio_action > div.inner:before { | |
display: none; | |
background: url("http://static.tumblr.com/w5i69kg/cWHm1h7v4/action_pause.png"), | |
url("http://static.tumblr.com/w5i69kg/QUFm1tofu/pause.png"), | |
url("http://static.tumblr.com/w5i69kg/2qim1tog3/pause_hover.png"), | |
url("http://static.tumblr.com/w5i69kg/BZHm1toga/pause_pressed.png"), | |
url("http://static.tumblr.com/w5i69kg/4Rpm1togh/play.png"), | |
url("http://static.tumblr.com/w5i69kg/Aiem1togn/play_hover.png"), | |
url("http://static.tumblr.com/w5i69kg/5BLm1togt/play_pressed.png"); | |
width: 65px; | |
height: 65px; | |
} | |
.post.audio > .container .audio_action > div.inner { | |
background: url("http://static.tumblr.com/w5i69kg/4Rpm1togh/play.png") no-repeat center center; | |
width: 65px; | |
height: 65px; | |
display: block; | |
overflow: hidden; | |
} | |
.post.audio > .container .audio_action:hover > div.inner:hover, .post.audio > .container .audio_action.hover > div.inner { | |
background: url("http://static.tumblr.com/w5i69kg/Aiem1togn/play_hover.png"); | |
} | |
.post.audio > .container .audio_action:focus > div.inner, .post.audio > .container .audio_action.focus > div.inner { | |
background: url("http://static.tumblr.com/w5i69kg/5BLm1togt/play_pressed.png"); | |
} | |
.post.audio > .container .audio_action.pause > div.inner { | |
background: url("http://static.tumblr.com/w5i69kg/QUFm1tofu/pause.png") no-repeat center center; | |
} | |
.post.audio > .container .audio_action.pause:hover > div.inner, .post.audio > .container .audio_action.pause.hover > div.inner { | |
background: url("http://static.tumblr.com/w5i69kg/2qim1tog3/pause_hover.png"); | |
} | |
.post.audio > .container .audio_action.pause:focus > div.inner, .post.audio > .container .audio_action.pause.focus > div.inner { | |
background: url("http://static.tumblr.com/w5i69kg/BZHm1toga/pause_pressed.png"); | |
} | |
.post.audio > .container .audio_action .player { | |
cursor: pointer; | |
width: 63px; | |
height: 60px; | |
overflow: hidden; | |
display: block; | |
position: absolute; | |
top: 1px; | |
left: 1px; | |
-moz-opacity: 0; | |
filter: alpha(opacity=0); | |
opacity: 0; | |
} | |
.post.audio > .container .audio_action .player embed { | |
width: 730px; | |
height: 140px; | |
margin-top: -36px; | |
margin-left: -24px; | |
} | |
.post.audio > .container .audio_plays { | |
color: #FFFFFF; | |
font-size: 18px; | |
float: left; | |
margin-left: 10px; | |
margin-top: 27px; | |
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4); | |
width: 70px; | |
font-family: 'ProximaNovaSemiBold'; | |
} | |
.post.audio > .container .audio_plays span { | |
display: block; | |
width: 70px; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
} | |
.post.audio > .container .audio_plays .label { | |
overflow: visible; | |
font-size: 14px; | |
color: #dfeef6; | |
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); | |
margin: 4px 0 0 0; | |
} | |
.post.audio > .container .track_name { | |
float: right; | |
} | |
.post.audio > .container .light { | |
color: #99c3db; | |
} | |
.post.audio > .container .first-line { | |
height: 89px; | |
} | |
.post.audio > .container > .inner { | |
background: url("http://static.tumblr.com/w5i69kg/M2Cm1haon/bg_blue_inner.png") repeat-x; | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
border-radius: 4px; | |
height: 38px; | |
padding: 7px 20px; | |
color: #FFFFFF; | |
font-size: 14px; | |
line-height: 1.3; | |
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4); | |
margin: 0 0 7px; | |
-webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.25), 0px 1px 1px 1px rgba(111, 180, 218, 0.5); | |
-moz-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.25), 0px 1px 1px 1px rgba(111, 180, 218, 0.5); | |
box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.25), 0px 1px 1px 1px rgba(111, 180, 218, 0.5); | |
} | |
.post.audio > .container > .inner div { | |
margin-top: 1px; | |
margin-bottom: 3px; | |
font-size: 13px; | |
text-overflow: ellipsis; | |
overflow: hidden; | |
white-space: nowrap; | |
font-family: 'ProximaNovaSemiBold'; | |
} | |
.post.audio > .container > .inner div:only-child { | |
line-height: 36px; | |
} | |
.post.audio > .container > .inner div:first-child { | |
text-transform: uppercase; | |
font-size: 14px; | |
font-family: 'ProximaNovaBold'; | |
} | |
.post.link .copy, .post.link .copy p { | |
color: #696969; | |
} | |
.post.link .copy:before { | |
content : ''; | |
background: url('http://static.tumblr.com/w5i69kg/kldm1xu95/standout_top.png') no-repeat left top; | |
background: url("http://static.tumblr.com/w5i69kg/kldm1xu95/standout_top.png") no-repeat 0 0%, | |
url("http://static.tumblr.com/w5i69kg/Cd3m1ep2x/post_light.gif") repeat 0 -2px transparent; | |
width: 100%; | |
height: 12px; | |
display: block; | |
position: absolute; | |
top: -12px; | |
left: 0px; | |
} | |
.post.link .copy { | |
display: block; | |
background: url('http://static.tumblr.com/w5i69kg/X58m1f1nf/standout_bg.png') 0px 5px; | |
padding: 10px 17px; | |
font-size: 14px; | |
text-shadow: 0px 1px 0px #FFF; | |
color: #696969; | |
margin: 8px 0 0px; | |
position: relative; | |
border-bottom: 1px solid #cccccc; | |
box-shadow: 0px 1px 1px 0px #ffffff; | |
} | |
.post.link .copy .inner { | |
border-left: 2px solid rgba(0, 0, 0, 0.12); | |
} | |
.post.reblog .copy, .post.reblog .copy p { | |
color: #696969; | |
} | |
.post.text.reblog .title { | |
background: none; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
padding: 20px 20px 10px 20px; | |
line-height: 140%; | |
font-size: 18px; | |
color: #4a4a4a; | |
text-shadow: 0px 1px 0 #fff; | |
} | |
.post.text.reblog .notes a { | |
color: #7b7b7c; | |
} | |
.post.text.reblog .rounding { | |
display: none; | |
} | |
.post.video.reblog, .post.photo.reblog { | |
border-top: 0px none; | |
border-left: 0px none; | |
border-right: 0px none; | |
} | |
.post.photo.reblog > div, .post.photo.reblog > p, .post.video.reblog > div, .post.video.reblog > p { | |
border-left: 1px solid #C1C1C1; | |
border-right: 1px solid #C1C1C1; | |
} | |
.post.video.reblog > div.media, .post.photo.reblog > div.media { | |
border-left: 0px none; | |
border-right: 0px none; | |
margin-bottom: -3px; | |
} | |
body .post.video.reblog > .bottom, body .post.photo.reblog > .bottom { | |
border: 0px none; | |
} | |
body .post.video.reblog .footer, body .post.photo.reblog .footer { | |
border-top: 0px none; | |
padding-bottom: 14px; | |
margin-bottom: 0px; | |
} | |
#navigation { | |
margin: 0 0 15px 34px; | |
clear: both; | |
position: relative; | |
height: 44px; | |
} | |
#navigation > .inner { | |
clear: both; | |
float: right; | |
} | |
#navigation a, #navigation > span, #navigation .inner > span { | |
background: rgba(43, 127, 175, 0.12); | |
display: block; | |
display: inline-block; | |
padding: 12px 13px; | |
font-size: 18px; | |
color: #2b7faf; | |
text-shadow: 0px 1px 0px #FFF; | |
float: left; | |
border-radius: 5px; | |
border: 1px solid #b4d1e1; | |
margin-right: 13px; | |
} | |
#navigation > .inner a:last-child { | |
margin-right: 0px; | |
} | |
#navigation > .inner span:last-child { | |
margin-right: 0px; | |
} | |
#navigation .previous-page { | |
position: absolute; | |
left: 0px; | |
} | |
#navigation.jump_pagination .previous-page { | |
float: left; | |
position: static; | |
left: auto; | |
} | |
#navigation.jump_pagination .next-page { | |
float: left; | |
} | |
/* Sidebar | |
--------------------------------------------- */ | |
#sidebar { | |
float: right; | |
width: 215px; | |
padding-left: 29px; | |
padding-bottom: 15px; | |
border-left: 1px solid #d7dbdd; | |
text-shadow: 0px 1px 0 #fff; | |
} | |
#sidebar a:hover, #sidebar #top a:hover { | |
text-decoration: underline; | |
} | |
#avatar{ | |
} | |
#avatar img { | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
margin-bottom: 15px; | |
} | |
#sidebar p { | |
color: #3c3d3d; | |
font-size: 13px; | |
line-height: 1.8; | |
padding-bottom: 12px; | |
} | |
#sidebar h2 { | |
margin: 20px 0 12px 0; | |
color: #3d3e3e; | |
font-weight: 600; | |
text-transform: uppercase; | |
font-size: 13px; | |
} | |
#sidebar ul { | |
border-bottom: 2px solid #d1d5d8; | |
border-top: 2px solid #d1d5d8; | |
} | |
#sidebar ul li { | |
border-bottom: 1px solid #dde1e4; | |
} | |
#sidebar ul li:last-child { | |
border-bottom: 0; | |
} | |
#sidebar ul li.icon { | |
padding-left: 30px; | |
background-repeat: no-repeat; | |
background-position: left center; | |
} | |
#sidebar ul li.icon.home { | |
background-image: url("http://static.tumblr.com/w5i69kg/wdvm1gfy6/home_icon.png"); | |
} | |
#sidebar ul li.icon.refresh { | |
background-image: url("http://static.tumblr.com/w5i69kg/9Qvm1gfzx/refresh_icon.png"); | |
} | |
#sidebar ul li.icon.clock { | |
background-image: url("http://static.tumblr.com/w5i69kg/o5om1gg0a/clock_icon.png"); | |
} | |
#sidebar ul li.icon.email { | |
background-image: url("http://static.tumblr.com/w5i69kg/iimm1gg0p/email_icon.png"); | |
} | |
#sidebar ul li.icon.rss { | |
background-image: url("http://static.tumblr.com/w5i69kg/HAem1gg1c/rss_icon.png"); | |
} | |
#sidebar ul li.icon.page { | |
background-image: url("http://static.tumblr.com/w5i69kg/J1gm25b9j/page_icon.png"); | |
} | |
#sidebar ul #sidebar_last { | |
border-bottom: none; | |
} | |
#sidebar ul li a { | |
display: block; | |
padding: 10px 0; | |
text-transform: uppercase; | |
color: #3c3d3d; | |
font-size: 15px; | |
font-weight: 600; | |
} | |
#sidebar #pages { | |
margin: 0 0 20px 0; | |
} | |
#sidebar .twitter span { | |
display: block; | |
text-transform: uppercase; | |
color:#818384; | |
margin-top: 2px; | |
font-size: 11px; | |
} | |
body #sidebar #top .twitter .content.twitter { | |
font-size: 13px; | |
padding: 0px; | |
margin: 0px; | |
} | |
#sidebar .tweet { | |
border-top: 1px solid #dde2e5; | |
border-bottom: 1px solid #dde2e5; | |
padding: 12px 0; | |
display: block; | |
} | |
#sidebar #top .heading { | |
color: #3C3D3D; | |
margin-bottom: 6px; | |
} | |
#sidebar #top .content { | |
margin-top: 2px; | |
padding: 7px 10px; | |
font-size: 11px; | |
overflow: hidden; | |
} | |
#sidebar #top a { | |
text-decoration: none; | |
} | |
#sidebar #top #following-avatars.content { | |
padding: 4px; | |
} | |
#sidebar #top #following-avatars.content a img { | |
margin: 5px; | |
} | |
/* Footer | |
--------------------------------------------- */ | |
#footer { | |
background: transparent; | |
height: 112px; | |
text-transform: uppercase; | |
-moz-box-shadow: inset 0 4px 5px -1px rgba(0, 0, 0, 0.13); | |
-webkit-box-shadow: inset 0 4px 5px -1px rgba(0, 0, 0, 0.13); | |
box-shadow: inset 0 4px 5px -1px rgba(0, 0, 0, 0.13); | |
} | |
#footer ul { | |
float: left; | |
margin-top: 48px; | |
} | |
#footer ul li { | |
float: left; | |
margin-right: 10px; | |
color: #2b7faf; | |
} | |
#footer ul li a { | |
font-size: 14px; | |
color: #434445; | |
margin-right: 10px; | |
} | |
#footer #details { | |
padding-top: 30px; | |
float: right; | |
text-align: right; | |
} | |
#footer #details p { | |
font-size: 11px; | |
color: #747676; | |
} | |
#footer #details #footer_tumblr { | |
background: url("http://static.tumblr.com/w5i69kg/Kb2m1ehdr/tumblr_footer_icon.png") no-repeat; | |
padding-left: 25px; | |
} | |
#footer #details p a { | |
color: #494a4a; | |
font-weight: 600; | |
} | |
#details hr { | |
margin-right: 0; | |
width: 13px; | |
height: 2px; | |
margin-bottom: 10px; | |
background: #83afc8; | |
border: 0; | |
} | |
</style> | |
<style type="text/css">{CustomCSS}</style> | |
<noscript> | |
<style type="text/css"> | |
body > #main { | |
display: block; | |
} | |
</style> | |
</noscript> | |
</head> | |
<body><div id="main"> | |
<div id="header" class="clearfix"> | |
<div class="wrapper clearfix"> | |
<h1><a href="/">{Title}</a></h1> | |
<ul> | |
{block:IfFacebookUsername} | |
<li><a id="facebook" href="http://facebook.com/{text:Facebook Username}" target="_blank">Facebook</a></li> | |
{/block:IfFacebookUsername} | |
{block:Twitter} | |
<li><a id="twitter" href="http://twitter.com/{TwitterUsername}" target="_blank">Twitter</a></li> | |
{/block:Twitter} | |
{block:IfFlickrUsername} | |
<li><a id="flickr" href="http://flickr.com/photos/{text:Flickr Username}" target="_blank">Flickr</a></li> | |
{/block:IfFlickrUsername} | |
{block:IfQuoraUsername} | |
<li><a id="quora" href="http://quora.com/{text:Quora Username}" target="_blank">Quora</a></li> | |
{/block:IfQuoraUsername} | |
{block:IfWebsiteURL} | |
<li><a id="website" href="{text:Website URL}" target="_blank">Website</a></li> | |
{/block:IfWebsiteURL} | |
{block:IfYoutubeUsername} | |
<li><a id="youtube" href="http://youtube.com/{text:Youtube Username}" target="_blank">Youtube</a></li> | |
{/block:IfYoutubeUsername} | |
<li> | |
<div id="search"> | |
<form action="/search" method="get" id="search-form"> | |
<input type="hidden" name="t" value="{Name}" /> | |
<input type="hidden" name="scope" value="all_of_tumblr" /> | |
<input type="text" name="q" class="query" value="{SearchQuery}" placeholder="SEARCH..." /> | |
<div class="clear"></div> | |
</form> | |
</div> | |
<div id="search-scope"> | |
<input type="radio" id="search-scope-me" name="scope" checked style="display: none; visibility: hidden" /> | |
</div> | |
</li> | |
</ul> | |
</div> | |
</div> | |
<div id="container" class="clearfix"><div class="wrapper clearfix" id="main"> | |
<div id="content"> | |
{block:SearchPage} | |
{block:SearchResults} | |
<div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div> | |
{/block:SearchResults} | |
{block:NoSearchResults} | |
<div id="searchresults">{lang:No search results for SearchQuery 2}</div> | |
{/block:NoSearchResults} | |
{/block:SearchPage} | |
{block:IndexPage} | |
<div id="tiles_container"><ul id="tiles" class="clearfix"> | |
{/block:IndexPage} | |
{block:PermalinkPage} | |
<div class="single clearfix"> | |
{/block:PermalinkPage} | |
{block:Posts} | |
{block:IndexPage}<li>{/block:IndexPage} | |
{block:Date}<h2>{DayOfMonth}<span>{ShortMonth}</span></h2>{/block:Date} | |
<div class="post {PostType} {block:RebloggedFrom}reblog{/block:RebloggedFrom}"> | |
{block:Photo} | |
<div class="media"> | |
<div class="rounding"></div> | |
{block:PermalinkPage} | |
{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag} | |
{/block:PermalinkPage} | |
{block:IndexPage} | |
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag} | |
{/block:IndexPage} | |
</div> | |
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption} | |
{/block:Photo} | |
{block:Video} | |
<div class="media"> | |
{Video-500} | |
<div class="rounding"></div> | |
</div> | |
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption} | |
{/block:Video} | |
{block:Audio} | |
<div class="media"> | |
<div class="rounding"></div> | |
</div> | |
<div class="container"> | |
<div class="first-line"> | |
{block:IfShowAlbumArtOnAudioPosts} | |
{block:AlbumArt} | |
<div class="album_art"> | |
<img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" /> | |
<div class="overlay"></div> | |
</div> | |
{/block:AlbumArt} | |
<div class="album_art"> | |
<div class="default"></div> | |
<div class="overlay"></div> | |
</div> | |
{/block:IfShowAlbumArtOnAudioPosts} | |
<div class="audio_action"> | |
<div class="inner"> | |
</div> | |
<div class="player" style="">{AudioPlayerWhite}</div> | |
<audio> | |
<source src="{ExternalAudioURL}" type="audio/mp3" /> | |
</audio> | |
</div> | |
<div class="audio_plays" title="{FormattedPlayCount} Plays"> | |
<span>{FormattedPlayCount}</span> | |
<span class="label">plays</span> | |
</div> | |
</div> | |
<div class="inner"> | |
{block:TrackName}<div> | |
{TrackName} | |
</div>{/block:TrackName} | |
{block:Artist}<div> | |
<span class="light">by </span>{Artist} | |
</div>{/block:Artist} | |
</div> | |
<div class="audio"> | |
<div class="meta">{block:ExternalAudio}<span class="download_external_audio"> • <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div> | |
<div class="clear"></div> | |
</div> | |
</div> | |
<div class="clear"></div> | |
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption} | |
{/block:Audio} | |
{block:Quote} | |
<div class="media"> | |
<div class="highlight"><div></div></div> | |
</div> | |
<div class="quote {Length}">{Quote}</div> | |
<div class="copy"> | |
{block:Source} | |
<div class="quote_source"> | |
— {Source} | |
</div> | |
{/block:Source} | |
</div> | |
{/block:Quote} | |
{block:Text} | |
<div class="media"> | |
<div class="rounding"></div> | |
<div class="highlight"><div></div></div> | |
</div> | |
{block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title} | |
<div class="copy">{Body}</div> | |
{/block:Text} | |
{block:Answer} | |
<div class="media"> | |
<div class="highlight"><div></div></div> | |
</div> | |
<div class="asker_container"> | |
<div class="left"> | |
<img src="{AskerPortraitURL-64}" class="asker_avatar" /> | |
</div> | |
<div class="right"> | |
<div class="asker_name">{Asker} asked:</div> | |
<div class="question"> | |
{Question} | |
</div> | |
</div> | |
</div> | |
<div class="copy answer">{Answer}</div> | |
{/block:Answer} | |
{block:Chat} | |
{block:Title}<div class="title">{Title}</div>{/block:Title} | |
<div class="chat"> | |
<div class="lines"> | |
{block:Lines} | |
<div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div> | |
{/block:Lines} | |
</div> | |
</div> | |
<div class="clear"></div> | |
<div style="height:10px;"></div> | |
{/block:Chat} | |
{block:Link} | |
<div class="media"> | |
<div class="highlight"><div></div></div> | |
</div> | |
<div class="link"><a href="{URL}" {Target}>{Name} »</a></div> | |
{block:Description}<div class="copy"><div class="inner">{Description}</div></div>{/block:Description} | |
{/block:Link} | |
<p class="notes"> | |
<a href="{Permalink}">{NoteCountWithLabel}</a> | |
</p> | |
<div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style=" | |
display:none; | |
{block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags} | |
{block:ContentSource}display:block;{/block:ContentSource} | |
"> | |
{block:IfShowTags} | |
{block:HasTags}<div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}</div>{/block:HasTags} | |
{/block:IfShowTags} | |
{block:ContentSource} | |
<a href="{SourceURL}" class="source_url"> | |
{lang:Source}: | |
{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo} | |
{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo} | |
</a> | |
{/block:ContentSource} | |
<div class="clear"></div> | |
</div> | |
</div> | |
<div class="bottom"></div> | |
{block:IndexPage}</li>{/block:IndexPage}{/block:Posts} | |
{block:IndexPage}</ul></div>{/block:IndexPage} | |
{block:PermalinkPage}</div>{/block:PermalinkPage} | |
{block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes} | |
{block:IfDisqusShortname} | |
{block:Permalink} | |
<div class="notecontainer" style="margin:20px 0 1px 0; padding:1px 10px 10px 10px;"> | |
<div id="disqus_thread"></div> | |
<script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script> | |
<noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript> | |
</div> | |
<div style="text-align:right; margin-top:5px;"> | |
{lang:Blog comments powered by Disqus 2} | |
</div> | |
{/block:Permalink} | |
{/block:IfDisqusShortname} | |
{block:Pagination} | |
<div id="navigation" class="clearfix{block:IfEnableJumpPagination} jump_pagination{/block:IfEnableJumpPagination}"> | |
<div class="inner"> | |
{block:PreviousPage}<a href="{PreviousPage}" class="previous-page">« {lang:Newer}</a>{/block:PreviousPage} | |
{block:IfEnableJumpPagination} | |
{block:JumpPagination length="5"} | |
{block:CurrentPage} | |
<span class="current_page">{PageNumber}</span> | |
{/block:CurrentPage} | |
{block:JumpPage} | |
<a class="jump_page" href="{URL}">{PageNumber}</a> | |
{/block:JumpPage} | |
{/block:JumpPagination} | |
{/block:IfEnableJumpPagination} | |
{block:NextPage}<a href="{NextPage}" class="next-page">{lang:Older} »</a>{/block:NextPage} | |
</div> | |
</div> | |
{/block:Pagination} | |
</div> | |
<div id="sidebar"> | |
<div id="top"> | |
<div id="avatar"><a href="/"><img src="{PortraitURL-128}" /></a></div> | |
<p id="description">{Description}</p> | |
{block:IfShowPeopleIFollow} | |
{block:Following} | |
<div class="heading" id="following">{lang:Following}</div> | |
<div class="content" id="following-avatars"> | |
{block:Followed}<a href="{FollowedURL}"><img src="{FollowedPortraitURL-40}" /></a>{/block:Followed} | |
</div> | |
{/block:Following} | |
{/block:IfShowPeopleIFollow} | |
<ul id="buttons"> | |
<li class="icon home"><a href="/">Home</a></li> | |
{block:HasPages} | |
{block:Pages}<li class="icon page"><a href="{URL}" class="page">{Label}</a></li>{/block:Pages} | |
{/block:HasPages} | |
<li class="icon refresh"><a href="/random">{lang:Random}</a></li> | |
<li class="icon clock"><a href="/archive">{lang:Archive}</a></li> | |
{block:SubmissionsEnabled}<li><a href="/submit" class="page">{SubmitLabel}</a></li>{/block:SubmissionsEnabled} | |
<li class="icon rss"><a href="{RSS}">{lang:RSS feed}</a></li> | |
</ul> | |
{block:Twitter} | |
<h2>Twitter</h2> | |
<div class="twitter" id="twitterwrapper" style="display:none;"> | |
<div id="tweetcontainer"></div> | |
<script type="text/javascript"> | |
function recent_tweets(data) { | |
document.getElementById("twitterwrapper").style.display = "block"; | |
for(i = 0; i < 1; i++) { | |
var date = humaneDate(data[i]['created_at']); | |
if(date === "undefined" || typeof date === "undefined") | |
date = ""; | |
document.getElementById("tweetcontainer").innerHTML = document.getElementById("tweetcontainer").innerHTML + '<p class="content twitter">' + data[i].text.replace(/(^|\s)@(\w+)/g, '$1@<a href="http://www.twitter.com/$2" target="_blank">$2</a>') + '<span>' + date + '</span>' + '</p>'; | |
} | |
} | |
</script> | |
<div class="tweet"> | |
<a href="https://twitter.com/{TwitterUsername}" class="twitter-follow-button" data-show-count="false">Follow @{TwitterUsername}</a> | |
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> | |
</div> | |
</div> | |
{/block:Twitter} | |
</div> | |
<div id="bottom"></div> | |
</div> | |
<div class="clear"></div> | |
</div></div> | |
<div id="footer"> | |
<div class="wrapper"> | |
<ul> | |
<li><a href="{RSS}">{lang:RSS feed}</a>•</li> | |
<li><a href="/random">{lang:Random}</a>•</li> | |
<li><a href="/archive">{lang:Archive}</a></li> | |
{block:AskEnabled}<li><a href="/ask">{AskLabel}</a>•</li>{/block:AskEnabled} | |
<li><a href="/mobile">{lang:Mobile}</a></li> | |
</ul> | |
<div id="details"> | |
<p id="footer_tumblr">Powered by <a href="http://www.tumblr.com">Tumblr</a><p> | |
<hr /> | |
<p>Theme by <a href="#">Crisp</a></p> | |
</div> | |
</div> | |
</div> | |
{block:Twitter} | |
<script type="text/javascript" src="/tweets.js"></script> | |
{/block:Twitter} | |
<!-- Include the plug-ins --> | |
<script src="http://static.tumblr.com/w5i69kg/SWlm1ekas/jquery.woodmark.min.js"></script> | |
<script src="http://static.tumblr.com/w5i69kg/oMCm1xwxz/jquery.masonry.min.js"></script> | |
<!-- Once the page is loaded, initalize scripts --> | |
<script type="text/javascript"> | |
$('html').addClass('js'); | |
$(document).ready(function() { | |
if($('html').hasClass('wf-active')) { | |
init(); | |
} else { | |
$(document).bind('fontsloaded', function() { | |
init(); | |
}); | |
} | |
}); | |
init = function() { | |
if(!($('body').hasClass('fully-loaded'))) { | |
$('body').addClass('fully-loaded'); | |
$('#tiles_container').imagesLoaded(function(){ | |
// Prepare layout options. | |
var options = { | |
container: $('#tiles_container'), // Optional, used for some extra CSS styling | |
offset: 28, // Optional, the distance between grid items | |
itemWidth: 318 // Optional, the width of a grid item | |
}; | |
// Get a reference to your grid items. | |
var handler = $('#tiles > li'); | |
// Call the layout function. | |
handler.wookmark(options); | |
// Update the layout. | |
handler.wookmark(); | |
}); | |
// Audio player | |
$('.audio_action .audio_player').live('mouseover', function() { | |
$(this).parents('.audio_action').addClass('hover'); | |
}); | |
$('.audio_action .audio_player').live('mouseleave', function() { | |
$(this).parents('.audio_action').removeClass('hover'); | |
}); | |
$('.audio_action .audio_player').live('mousedown', function() { | |
$(this).parents('.audio_action').toggleClass('pause'); | |
}); | |
} | |
} | |
</script> | |
{block:IfDisqusShortname} | |
<script type="text/javascript"> | |
//<![CDATA[ | |
(function() { | |
var links = document.getElementsByTagName('a'); | |
var query = '?'; | |
for(var i = 0; i < links.length; i++) { | |
if(links[i].href.indexOf('#disqus_thread') >= 0) { | |
query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&'; | |
} | |
} | |
document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>'); | |
})(); | |
//]]> | |
</script> | |
{/block:IfDisqusShortname} | |
</div></body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment