domingo, 29 de abril de 2012
<!Photosynthesis theme by Josh Dawson>
<!joshtothedawson.tumblr.com>
<!--
-->
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="color:background" content="#FFFFFF"/>
<meta name="color:text" content="#000000"/>
<meta name="color:link" content="#696969"/>
<meta name="color:hover" content="#C2F2FF"/>
<meta name="font:title" content="Georgia"/>
<meta name="font:text" content="Georgia"/>
<meta name="image:Background" content=""/>
<meta name="if:center" contact="1"/>
<meta name="if:infinite scroll" content="1"/>
<meta name="if:show blog title" content="1"/>
<meta name="if:invert sidebar" content="0"/>
<style type="text/css">
body {
margin:0px;
background-color: {color:Background};
background-image:url({image:Background});
background-attachment: fixed;
background-repeat: repeat;}
body, div, p, textarea, submit, input{
font-family: {font:text};
font-size: 12px;
line-height:12px;
color:{color:Text};
}
p {
margin:0px;
margin-top:5px;
}
a:link, a:active, a:visited{
color: {color:Link};
text-decoration: none;
}
a:hover {
color:{color:Hover};
text-decoration: none;
}
div#cage{
margin:auto;
position:right;
width:750px;
overflow:hidden;
color: {color:Title};
_margin-left:15%;
}
div#center{
margin:auto;
position:right;
width:750px;
background-color:;
overflow:auto;
overflow-y:hidden;
}
div#content{
float:right;
{block:ifinvertsidebar}float:left;{/block:ifinvertsidebar}
width:500px;
padding:10px;
padding-top:10px;
margin-right: 10px;
{block:ifinvertsidebar}margin-right: 0px;{/block:ifinvertsidebar}
background: {color:content};
}
div#entry{
background-color:;
margin-top:0px;
padding-top:0px;
padding-bottom:1px;
}
div#sidebar{
position:fixed !important;
width:200px;
height:100%;
background-color: {color:description};
margin: 0px 0px 0px 0px;
{block:ifinvertsidebar}margin: 0px 0px 0px 550px;{/block:ifinvertsidebar}
border-right:0px solid #ddd;
padding-top:30px;
padding-right:13px;
}
#postnotes{
text-align: justify;}
#postnotes blockquote{
border: 0px;}
.title{
font-family: {font:title};
font-size: 20px;
line-height: 23px;
color: {color:text};
letter-spacing: -1px;
font-weight: normal;
padding:0px 1px 0px 1px;
}
.title2{
font-family: Helvetica;
font-size: 20px;
line-height: 23px;
color: {color:Title};
letter-spacing: -1px;
font-weight: normal;
padding:1px 1px 0px 1px;
}
blockquote{
padding:0px 0px 2px 2px;
margin:0px 0px 2px 1px;
border-left: 1px solid {color:Text};
}
blockquote p, ul{
margin:0px;
padding:0px;
}
a img{border: 0px;}
ul, ol, li{list-style:none; margin:0px; padding:0px;}
.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
.user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
.notes img{width:10px; position:relative; top:3px;}
.permalink{
display: block;
text-transform: none;
font-size: 9px;
text-align: right;
}
small{font-size: 9px;}
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
{PostSummary} - {/block:PostSummary}{Title}</title>
{CustomCSS}
</style>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="" href="{RSS}" />
<meta name="viewport" content="width=820" />
</head>
<body>
<div id="cage">
<div id="center">
<div id="sidebar">
{block:ifcenter}<center>{/block:ifcenter}
{block:ifshowblogtitle}<span class=title><a title="" href="/">
<i>{Title}<i>
</a></span><br>{/block:ifshowblogtitle}
<font size="1px">{Description}</font>
<br><h1></h1>
<small><b></b></small><a href="/ask"><small> Ask</a><b> </b></small>
<a href="/archive"><small> Archive</a><b> </b></small>
<a href="/random"><small> Random</a><b> </b></small>
<a href="http://joshtothedawson.tumblr.com/"><small>Theme</a></small>
{block:HasPages}{block:Pages}<small><a href="{URL}" class="page">{Label}</a><b> </b> </small>{/block:Pages}{/block:HasPages}{/block:HasPages}<li>
{block:PermalinkPage}
<a href="/">Home</a>
{block:PermalinkPagination}
{block:PreviousPost}
<a href="{PreviousPost}">Older</a>
{/block:PreviousPost}
{block:NextPost}
<a href="{NextPost}">Newer</a>
{/block:NextPost}
{/block:PermalinkPagination}
{/block:PermalinkPage}
<h1></h1>
{block:ifNOTinfinitescroll}
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">←Previous</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">Next→</a>{/block:NextPage}
{/block:Pagination}
{/block:ifNOTinfinitescroll}
{block:ifinfinitescroll}
<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
{/block:ifinfinitescroll}
<h1></h1>
<br>
</center>
</div>
<div id="content">
{block:Posts}
<div id="entry">
{block:SameDayDate}
{block:ifNOTinvertsidebar}<a style="float:left; margin-left:-11px; margin-top:0px; font-size:15px;" href="{Permalink}"><small>◄ </small></a>{/block:ifNOTinvertsidebar}
{block:ifinvertsidebar}<a style="float:left; margin-left:-11px; margin-top:0px; font-size:15px;" href="{Permalink}"><small>◄ </small></a>{/block:ifinvertsidebar}
{/block:SameDayDate}
{block:NewDayDate}
{block:ifNOTinvertsidebar}<a style="float:left; margin-left:-11px; margin-top:0px; font-size:15px;" href="{Permalink}"><small>◄ <small></a>{/block:ifNOTinvertsidebar}
{block:ifinvertsidebar}<a style="float:left; margin-left:-11px; margin-top:0px; font-size:15px;" href="{Permalink}"><small>◄ </small></a>{/block:ifinvertsidebar}
{/block:NewDayDate}
{block:Text}
<h1></h1>{block:Title}<span class="title">{Title}</span>{/block:Title}
<span class="entrytext">{Body}</span>
<!br/><li>{block:permalinkpage}
<font size="6px">♥{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</font>
{/block:permalinkpage}
{/block:Text}
{block:Link}
<h1></h1>
<a href="{URL}" class="title">{Name}</a>
{block:Description}{Description}{/block:Description}
<!br/>{block:permalinkpage}
<font size="6px">♥{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</font>
{/block:permalinkpage}
{/block:Link}
{block:Photo}<left><h1></h1>
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=504px>{LinkCloseTag}</left>
<br/>{block:permalinkpage}{block:Caption}
{Caption}
{/block:Caption}
<font size="6px">♥{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</font>
{/block:permalinkpage}
{/block:Photo}
{block:Photoset}<h1></h1>
{Photoset-500}
{block:permalinkpage}{block:Caption}
{Caption}
{/block:Caption}
<font size="6px">♥{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</font>
{/block:permalinkpage}
{/block:Photoset}
{block:Quote} <h1></h1>
<span class="title">{Quote}</span>
-{Source}
<br/>{block:permalinkpage}
<font size="6px">♥{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</font>
{/block:permalinkpage}
{/block:Quote}
{block:Chat} <h1></h1>
{block:Title}<span class="title">{Title}</span>{/block:Title}
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
<!br/>{block:permalinkpage}
<font size="6px">♥{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</font>
{/block:permalinkpage}
{/block:Chat}
{block:Audio}
<h1></h1>
<center><div style="width:500px; height:20px;">
<div style="float:left">{block:AlbumArt}
<img src="{AlbumArtURL}" width=50px />
{/block:AlbumArt}</div>
<div style="float:left">{AudioPlayergrey}</div>
<div style="margin-top:8px; float:left;"><small> </small></div></div></centeR><BR>
<small>
{block:TrackName}
<b>{TrackName}</b>
{/block:TrackName}
{block:Artist}
by <b>{Artist}</b>
{/block:Artist}
<b>({PlayCountWithLabel})</b>
</small>
<h2></h2>
{block:permalinkpage}{block:Caption}
{Caption}
{/block:Caption}
<font size="6px">♥{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</font>
{/block:permalinkpage}
<!br/>
{/block:Audio}
{block:Video} <h1></h1><div id='postbody'>
<center>
{Video-500}<BR>
<!br/>
</center>{block:permalinkpage}
<font size="6px">♥{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</font>
{/block:permalinkpage}
{/block:Video}
</div>
{/block:Posts}
{block:PermalinkPage}
{block:PostNotes} <h1 class="name">{block:IfAccordionSidebar}view {/block:IfAccordionSidebar}{block:IfAccordionSidebar}?{/block:IfAccordionSidebar}</h1><div class="content">{PostNotes}</div>{/block:PostNotes}
{/block:PermalinkPage}
</div></div>
</div>
</body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>{Title}{block:SearchPage} | {SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<meta name="image:Background" content="http://static.tumblr.com/jw8fmba/RqUluoxaa/309560.jpeg" />
<meta name="image:Sidebar" content="" />
<meta name="color:Background" content="#000000" />
<meta name="text:Blog title size" content="30px" />
<meta name="if:Infinite scroll" content="1" />
<meta name="color:Body text" content="#FFFFFF" />
<meta name="color:Sidebar text" content="#FFFFFF" />
<meta name="if:4 columns" content="0" />
<meta name="font:Body" content="Helvetica Neue" />
<meta name="if:Repeat background" content="0" />
<meta name="if:Sidebar background" content="0" />
<meta name="color:Sidebar background" content="#000000" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/jw8fmba/648luowoo/theme.js"></script>
<style type="text/css">
html,body {
margin: 0;
min-height: 100%;
}
body{
background: url({image:Background}) {color:Background} {block:IfNotRepeatBackground}fixed no-repeat{/block:IfNotRepeatBackground}{block:IfRepeatBackground}scroll repeat{/block:IfRepeatBackground};
font-size: 12px;
line-height: 160%;
}
.wrap {
position: relative;
{block:IndexPage}
{block:IfNot4Columns}
width: 970px;
{/block:IfNot4Columns}
{block:If4Columns}
width: 1230px;
{/block:If4Columns}
{/block:IndexPage}
{block:PermalinkPage}
width: 700px;
{/block:PermalinkPage}
margin: 50px auto;
}
* {
font-family: {font:Body};
color: {color:Body text};
}
a img {
border: none;
}
a,a:link,a:hover,a:active,a:visited {
color: inherit;
font-size: inherit;
line-height: 0 !important;
}
em,em a,a em {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
}
blockquote {
margin: 0;
padding: 0 0 0 9px;
border-left: 1px #CCC dotted;
}
.sidebar {
position: fixed;
float: left;
margin: 5px 0 0 {block:IndexPage}{block:IfNot4Columns}795px{/block:IfNot4Columns}{block:If4Columns}1055px{/block:If4Columns}{/block:IndexPage}{block:PermalinkPage}525px{/block:PermalinkPage};
text-align: center;
width: 175px;
}
.sidebar * {
color: {color:Sidebar text}
}
.sidebar a {
text-decoration: none;
}
.sidebar img {
max-width: 100%;
}
.sidebar .inner {
padding: 15px 10px;
{block:IfSidebarBackground}
background: {color:Sidebar background};
{/block:IfSidebarBackground}
}
.sidebar .title h1 {
margin: 0 0 15px 0;
line-height: 100%;
font-size: {text:Blog title size};
{block:IfNotBlogTitleSize}
display: none;
{/block:IfNotBlogTitleSize}
}
.sidebar p {
margin: 5px 0;
}
.navigation {
margin: 15px 0;
font-size: 20px;
}
.posts {
position: relative;
float: left;
{block:IndexPage}
{block:IfNot4Columns}
width: 780px;
{/block:IfNot4Columns}
{block:If4Columns}
width: 1040px;
{/block:If4Columns}
{/block:IndexPage}
{block:PermalinkPage}
width: 510px;
{/block:PermalinkPage}
}
.post {
float: left;
position: relative;
margin: 5px;
}
.post h2 {
margin: 0;
font-size: 16px;
line-height: 18px;
letter-spacing: 1px;
font-weight: normal;
}
.post h2.quote {
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: 0;
font-style: italic;
}
.post p,.post li {
line-height: 175%;
}
.post p {
margin: 10px 0 5px 0;
}
.post ol,.post ul {
margin: 3px 0;
padding: 0;
}
.post li {
margin: 2px 35px;
}
.post .info_bar {
width: 100%;
padding: 1px 0;
text-align: center;
position: absolute;
top: 90%;
left: 0;
font-size: 11px;
opacity: 0;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
background: {color:Body text};
color: {color:Background};
{block:PermalinkPage}
display: none;
{/block:PermalinkPage}
}
.post:hover .info_bar {
opacity: 0.9;
}
.post .info_bar a {
color: {color:Background};
text-decoration: none;
margin: 0 5px;
}
.post .photo {
position: relative;
padding: 0;
line-height: 0 !important;
{block:IndexPage}
background: rgba(0,0,0,1);
{/block:IndexPage}
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.post .photo .photo_info {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 50px;
margin: -25px 0 0 0;
text-align: center;
z-index: 10;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
{block:PermalinkPage}
display: none;
{/block:PermalinkPage}
}
.post:hover .photo .photo_info {
opacity: 1;
}
.post .photo .photo_info a {
color: #FFF;
text-decoration: none;
}
.post .photo .photo_info h2 a {
margin: 0;
line-height: 100%;
font-family: 'HelveticaNeueBlack', Arial, sans-serif;
text-transform: uppercase;
font-size: 60px;
color: #FFF;
}
.post img.main_photo {
width: 100%;
}
.post img {
max-width: 100%;
height: auto;
}
.post .photo img {
opacity: 1;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
margin: 0;
line-height: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.post:hover .photo img {
{block:IndexPage}
opacity: 0.5;
{/block:IndexPage}
}
.post .player {
padding: 2px 10px;
background: #FFF;
margin: 0;
}
.post .lines {
margin: 0 0 5px 0;
}
.post .lines .line {
padding: 10px;
}
.post .lines .odd {
}
.post .lines .even {
background: {color:Body text};
color: {color:Background};
}
.post .lines .even * {
color: {color:Background};
}
.post ol.notes {
padding: 0;
list-style-type: none;
}
.post ol.notes li.note {
border-bottom: solid 1px #F6F6F6;
padding: 6px 0;
margin: 0 !important;
}
.post ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}
.post ol.notes li.note span.action {
}
.post ol.notes li.note .answer_content {
font-weight: normal;
}
.post ol.notes li.note blockquote {
border-color: #F6F6F6;
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}
.post ol.notes li.note blockquote a {
text-decoration: none;
}
.pagination {
display: none;
}
.post{width:{block:IndexPage}250{/block:IndexPage}{block:PermalinkPage}500{/block:PermalinkPage}px}
{CustomCSS}
</style>
<script type="text/javascript">
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
</script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
$('.posts').fadeIn(1000);
});
</script>
{block:Pagination}<ul class="pagination">
<li>{block:NextPage}<a href="{NextPage}" class="pagination_nextlink">Next</a>{/block:NextPage}</li>
</ul>{/block:Pagination}
<div class="wrap">
<div class="sidebar">
{block:IfSidebarImage}
<a href="/"><img src="{image:Sidebar}" /></a>{/block:IfSidebarImage}
<div class="inner">
<a class="title" href="/"><h1>{Title}</h1></a>{block:Description}<p>{Description}</p>{/block:Description}
<form style="margin-top: 10px" id="form">
<select name="menu" id="menu" onchange="MM_jumpMenu('parent',this,0)">
<option value="/">Home</option>
<option value="/archive">{lang:Archive}</option>
{block:AskEnabled}<option value="/ask">{AskLabel}</option>{/block:AskEnabled}
{block:SubmitEnabled}<option value="/submit">{SubmitLabel}</option>{/block:SubmitEnabled}
{block:HasPages}{block:Pages}<option value="{URL}">{Label}</option>{/block:Pages}{/block:HasPages}
</select>
</form>
<div class="navigation">{block:Pagination}{block:PreviousPage}<a {block:IfInfiniteScroll}style="display:none"{/block:IfInfiniteScroll} href="{PreviousPage}">←</a> {/block:PreviousPage}{block:NextPage}<a {block:IfInfiniteScroll}style="display:none"{/block:IfInfiniteScroll} href="{NextPage}">→</a>{/block:NextPage}{/block:Pagination}</div>
</div>
</div>
<div class="posts" style="display:none" onload="$(this).fadeIn(1000);">
{block:Posts}
<div class="post {block:IfInfiniteScroll}load{/block:IfInfiniteScroll}" id="post_{PostID}">{block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{block:More}<h3><a href="{Permalink}">{lang:Read more}</a></h3>{/block:More}{/block:Text}{block:Answer}<p><strong>{lang:Asker asked}: {Question}</strong></p><p>{Answer}</p>{/block:Answer}{block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}{Label}{/block:Label} <em>{Line}</em></div>{/block:Lines}</div>{/block:Chat}{block:Quote}<h2>"{Quote}"</h2>{block:Source}<p>- {Source}</p>{/block:Source}{/block:Quote}{block:Link}<h2><a href="{URL}" {Target}>{Name}</a></h2>{block:Description}{Description}{/block:Description}{/block:Link}{block:Photo}<div class="photo"><div class="photo_info"><h2><a href="{Permalink}">{NoteCount}</a></h2></div>{LinkOpenTag}<img src="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}" class="main_photo" />{LinkCloseTag}</div>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}{block:Photoset}{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{block:Video}{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:Video}{block:Audio}{block:AlbumArt}<a href="{Permalink}"><img src="{AlbumArtURL}" class="main_photo" /></a>{/block:AlbumArt}<div class="player">{AudioPlayerWhite}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
{block:Date}<div class="info_bar" {block:Photo}style="display: none"{/block:Photo}>{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a> | {/block:NoteCount}<a href="{Permalink}">{TimeAgo}</a></div>{/block:Date}
</div>
{block:PostNotes}<div class="post">
{block:NoteCount}<h2>{NoteCountWithLabel}</h2>{/block:NoteCount}
{PostNotes}
</div>{/block:PostNotes}
{/block:Posts}
</div>
</div>
{block:IndexPage}
<script type="text/javascript">
$(function(){var $container = $('.posts');$container.imagesLoaded(function(){$container.masonry({itemSelector:'.post',columnWidth: 260});});$container.infinitescroll({navSelector:'.pagination',nextSelector:'.pagination li a.pagination_nextlink',itemSelector: '.load',loading: {img:'http://static.tumblr.com/glziqhp/eRkls6pz6/white-90perc-opacity.png',donetext:''}},function( newElements ) { var $newElems = $( newElements ).css({ opacity: 0 });$newElems.imagesLoaded(function(){$newElems.animate({ opacity: 1 });$container.masonry( 'appended', $newElems, true );});});});
</script>
{/block:IndexPage}
</body>
domingo, 26 de fevereiro de 2012
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<title>{Title} {block:PostTitle} {PostTitle} {/block:PostTitle}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<meta name="viewport" content="width=660"/>
<link rel="apple-touch-icon" href="{PortraitURL-128}"></link>
<meta name="text:Google Analytics ID" content="" />
<meta name="text:Disqus Shortname" content="" />
<style type="text/css" media="screen">
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ALL BROWSER RESET
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus { outline: 0; }
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
BODY, WRAPPINGS, ANCHORS, anything sitewide
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
html {
font-size: 13px; }
body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
line-height: 1.8em;
color: #919191;
background: #fff;
padding: 60px 60px 60px 100px;
width: 660px; }
a { color: #6DC0A9; text-decoration: none; }
a:hover { color: #4A8D75; }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
HEADER
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#header {
margin: 0 0 7em 0; }
#header h1 a {
font: normal 2em Georgia, "Times New Roman", Times, serif;
color: #000; }
#header h1 a:hover { color: #000; }
#description {
color: #919191;
margin: 0 0 7em 0; }
#description a {
color: #6DC0A9; }
#description a:hover {
color: #4A8D75; }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
CONTENT
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post {
width: 500px;
margin: 0 0 7em 0; }
.permalink {
float: right;
margin-top: -10px; }
.permalink a, .permalink a:link, .permalink a:visited {
color: #3F3F3F; }
.permalink a:hover {
color: #000; }
#content blockquote {
padding-left: 15px;
border-left: 1px dotted #d0d0d0; }
#content blockquote p {
line-height: 25px; }
.postmeta {
margin-top: 10px;
font: italic 11px Helvetica, Arial, sans-serif; }
.postmeta a, .postmeta a:link, .postmeta a:visited {
color: #ccc;
border-bottom: 1px dotted #ddd; }
.postmeta a:hover {
color: #333;
border-bottom: 1px dotted #333 }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
QUOTE
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.quote p, .photo p, .video p, .audio p, #content .conversation, .text blockquote, #footer {
color: #333; }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
PHOTO
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.photo img, .photo a img, .video object {
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
CONVERSATION
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#content .conversation {
line-height: 2em; }
.member1 {
color: #5d838b;
background: #f9f9f9; }
.label {
font-weight: bold;
font-style: italic;
color: #999;
padding-right: 10px; }
.member1 .label { color: #5d838b; }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
TEXT
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.text h2, .conversation h2 {
color: #555;
font: normal 14px Georgia, "Times New Roman", Times, serif;
margin: 0 0 1.5em 0; }
.text p, .audio p {
margin: 0 0 1.5em 0; }
.text blockquote {
margin: 0 0 1.5em 1.5em;
padding: 0 0 0 1.5em;
border-left: 1px solid #304156; }
ul {
list-style-type: none; }
ol {
list-style-type: none;
margin: 0 0 1.5em 2.5em; }
ol.notes li {
width: 500px;
padding: 3px 0;
margin: 0 0 3px -28px;
border-bottom: 1px solid #f5f5f5; }
ol.notes li:hover {
border-bottom: 1px solid #e0e0e0; }
ol.notes li img {
padding-right: 10px;
margin-bottom: -5px;
opacity: 0.85;
filter:alpha(opacity=85); }
ol.notes li img:hover {
opacity: 1;
filter:alpha(opacity=100); }
strong { color: #333; font-weight: bold; }
em { color: #333; font-style: italic; }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
AUDIO
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
span.playcount {
font: italic 11px Georgia, "Times New Roman", Times, serif; }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
NAVIGATION
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#navigation {
margin-bottom: 30px; }
#navigation span.page_number {
color: #d0d0d0; }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
FOOTER
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#footer {
margin: 0 0 7em 0;
float: right;}
#searchform input {
border: none;
background: #eee;
padding: 3px;
color: #888; }
#footer a { color: #6DC0A9; }
#footer a:hover { color: #4A8D75; }
.attribution {
text-align: right; }
</style>
<!-- DEFAULT COLORS -->
<meta name="color:Background" content="#fff"/>
<meta name="color:Text" content="#919191"/>
<meta name="color:Links" content="#6DC0A9"/>
<meta name="color:Links Hover" content="#4A8D75"/>
<meta name="color:Heading" content="#000"/>
<meta name="color:Heading Hover" content="#000"/>
<meta name="color:Description" content="#919191"/>
<meta name="color:Permalink" content="#3F3F3F"/>
<meta name="color:Permalink Hover" content="#000000"/>
<meta name="color:Text Alt" content="#919191"/>
<style type="text/css" media="screen">
{CustomCSS}
body {
background: {color:Background};
color: {color:Text}; }
#footer .attribution a, #footer .attribution a:link, #footer .attribution a:visited, #header #description a, #header #description a:link, #header #description a:visited, a { color: {color:Links}; }
a:hover { color: {color:Links Hover}; }
#header h1 a { color: {color:Heading}; }
#header h1 a:hover { color: {color:Heading Hover}; }
#description { color: {color:Description}; }
.permalink a { color: {color:Permalink}; }
.permalink a:hover { color: {color:Permalink Hover}; }
#footer, .quote p, .photo p, .video p, .audio p, #content .conversation, .text blockquote { color: {color:Text Alt}; }
#disqus_thread { width: 500px; padding: 0 0 75px 0; }
</style>
</head>
<body>
<div id="header">
<h1><a href="/">{Title}</a></h1>
<p id="description">
{block:HasPages}
{block:Pages}<a href="{URL}">{Label}</a> {/block:Pages}
{/block:HasPages}
{block:AskEnabled}<a href="/ask">{AskLabel}</a> {/block:AskEnabled}
{block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a> {/block:SubmissionsEnabled}
<br />
{block:Description}
{Description}
{/block:Description}
</p>
</div>
<div id="content">
{block:Posts}
{block:Quote}
<div class="permalink">
{block:IfNotDisqusShortname}<a href="{Permalink}">→</a>{block:IfNotDisqusShortname}
{block:Date}{block:Date}{block:IfDisqusShortname}<a href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}{/block:Date}{/block:Date}
</div>
<div class="quote post">
<h2>"{Quote}"</h2>
{block:Source}
<p>{Source}</p>
{/block:Source}
<div class="postmeta">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {/block:Date}<a href="{Permalink}" style="text-transform:lowercase;">{lang:Notes} ({NoteCount})</a></div>
</div>
{block:PostNotes}
<div>{PostNotes}</div>
{/block:PostNotes}
{/block:Quote}
{block:Photo}
<div class="permalink">
{block:IfNotDisqusShortname}<a href="{Permalink}">→</a>{block:IfNotDisqusShortname}
{block:Date}{block:IfDisqusShortname}<a href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}{/block:Date}
</div>
<div class="photo post">
{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
{LinkCloseTag}
{block:Caption}
<p>{Caption}</p>
{/block:Caption}
<div class="postmeta">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {/block:Date}<a href="{Permalink}" style="text-transform:lowercase;">{lang:Notes} ({NoteCount})</a></div>
</div>
{block:PostNotes}
<div>{PostNotes}</div>
{/block:PostNotes}
{/block:Photo}
{block:Video}
<div class="permalink">
{block:IfNotDisqusShortname}<a href="{Permalink}">→</a>{block:IfNotDisqusShortname}
{block:Date}{block:IfDisqusShortname}<a href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}{/block:Date}
</div>
<div class="video post">
{Video-500}
{block:Caption}
<p>{Caption}</p>
{/block:Caption}
<div class="postmeta">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {/block:Date}<a href="{Permalink}" style="text-transform:lowercase;">{lang:Notes} ({NoteCount})</a></div>
</div>
{block:PostNotes}
<div>{PostNotes}</div>
{/block:PostNotes}
{/block:Video}
{block:Link}
<div class="permalink">
{block:IfNotDisqusShortname}<a href="{Permalink}">→</a>{block:IfNotDisqusShortname}
{block:Date}{block:IfDisqusShortname}<a href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}{/block:Date}
</div>
<div class="link post">
<h2><a href="{URL}" {Target}>{Name}</a></h2>
{block:Description}
<p>{Description}</p>
{/block:Description}
<div class="postmeta">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {/block:Date}<a href="{Permalink}" style="text-transform:lowercase;">{lang:Notes} ({NoteCount})</a></div>
</div>
{block:PostNotes}
<div>{PostNotes}</div>
{/block:PostNotes}
{/block:Link}
{block:Chat}
<div class="permalink">
{block:IfNotDisqusShortname}<a href="{Permalink}">→</a>{block:IfNotDisqusShortname}
{block:Date}{block:IfDisqusShortname}<a href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}{/block:Date}
</div>
<div class="conversation post">
{block:Title}
<h2>{Title}</h2>
{/block:Title}
<ul>
{block:Lines}
<li class="member{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
<div class="postmeta">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {/block:Date}<a href="{Permalink}" style="text-transform:lowercase;">{lang:Notes} ({NoteCount})</a></div>
</div>
{block:PostNotes}
<div>{PostNotes}</div>
{/block:PostNotes}
{/block:Chat}
{block:Text}
<div class="permalink">
{block:IfNotDisqusShortname}<a href="{Permalink}">→</a>{block:IfNotDisqusShortname}
{block:Date}{block:IfDisqusShortname}<a href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}{/block:Date}
</div>
<div class="text post">
{block:Title}
<h2>{Title}</h2>
{/block:Title}
{Body}
<div class="postmeta">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {/block:Date}<a href="{Permalink}" style="text-transform:lowercase;">{lang:Notes} ({NoteCount})</a></div>
</div>
{block:PostNotes}
<div>{PostNotes}</div>
{/block:PostNotes}
{/block:Text}
{block:Audio}
<div class="permalink">
{block:IfNotDisqusShortname}<a href="{Permalink}">→</a>{block:IfNotDisqusShortname}
{block:Date}{block:IfDisqusShortname}<a href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}{/block:Date}
</div>
<div class="post audio">
{AudioPlayerGrey}
<div class="audio_details">{block:Artist}<b>{Artist}</b>{/block:Artist} – {block:TrackName}{TrackName}{/block:TrackName} <span class="playcount">({PlayCountWithLabel})</span></div>
<div class="audio_caption">{block:Caption}{Caption}{/block:Caption}</div>
{block:ExternalAudio}
<p><a href="{ExternalAudioURL}">{lang:Download}</a></p>
{/block:ExternalAudio}
<div class="postmeta">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {/block:Date}<a href="{Permalink}" style="text-transform:lowercase;">{lang:Notes} ({NoteCount})</a></div>
</div>
{block:IfDisqusShortname}
{block:Permalink}
<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>
{/block:Permalink}
{/block:IfDisqusShortname}
{block:PostNotes}
<div>{PostNotes}</div>
{/block:PostNotes}
{/block:Audio}
{/block:Posts}
{block:Pagination}
<div id="navigation">
{block:NextPage}
<a href="{NextPage}" id="nav-next" style="text-transform:lowercase;">← {lang:Older}</a>
{/block:NextPage}
<span class="page_number"> {CurrentPage}/{TotalPages} </span>
{block:PreviousPage}
<a href="{PreviousPage}" id="nav-prev" style="text-transform:lowercase;">{lang:Newer} →</a>
{/block:PreviousPage}
</div>
{/block:Pagination}
{block:PermalinkPagination}
<div id="navigation">
{block:PreviousPost}
<a href="{PreviousPost}" id="nav-prev" style="text-transform:lowercase;">← {lang:Older}</a>
{/block:PreviousPost}
<span class="page_number"> {CurrentPage}/{TotalPages} </span>
{block:NextPost}
<a href="{NextPost}" id="nav-next" style="text-transform:lowercase;">{lang:Newer} →</a>
{/block:NextPost}
</div>
{/block:PermalinkPagination}
<!-- Footer -->
<div id="footer">
<form action="/search" method="get" id="searchform">
<p><input type="search" name="q" value="" results="5" /></p>
</form>
<div class="attribution"><a href="http://www.tumblr.com/theme/3357" title="tumblr theme feather">feather</a> by <a href="http://erichu.tumblr.com" title="eric hu">eric hu</a></div>
</div>
</div>
{block:IfGoogleAnalyticsID}
<script type="text/javascript">var gaJsHost=(("https:"==document.location.protocol)?"https://ssl.":"http://www.");document.write(unescape("%3Cscript src='"+gaJsHost+"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script><script type="text/javascript">try{var pageTracker=_gat._getTracker("{text:Google Analytics ID}");pageTracker._trackPageview()}catch(err){}</script>
{block:IfGoogleAnalyticsID}
{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}
</body>
</html>
Assinar:
Comentários (Atom)