<!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">
<head> <title>{Title}</title> <link rel="shortcut icon" href="{Favicon}" /> <link rel="alternate" type="application/rss+xml" href="{RSS}" /> <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/imovwvl/BzRl3ghe1/droidserif.css" /> <meta http-equiv="Content-Type" content="text/javascript; charset=utf-8" /> <meta name="description" content="{MetaDescription}" />
<!-- THEME BY ELLETRICITY Theme Name: Bright Author: Gabrielle Wee Credit: http://elletricity.tumblr.com -->
<meta name="color:Background" content="#f5001d"/> <meta name="image:Background" content=""/> <meta name="text:Background Position" content="center center"/> <meta name="if:Tiled Background" content="1"/> <meta name="if:Scrolling Background" content="0"/>
<meta name="color:Body" content="#ffffff"/> <meta name="color:Border" content="#eeeeee"/> <meta name="image:Banner" content=""/>
<meta name="font:Text" content="Helvetica, Arial, sans-serif"/> <meta name="color:Text" content="#676767"/> <meta name="color:Link" content="#db0058"/> <meta name="color:Link Hover" content="#ff9900"/> <meta name="color:Link Hover Border" content="#ffe6c0"/> <meta name="font:Header" content="'Droid Serif', serif"/> <meta name="color:Navigation" content="#898989"/> <meta name="color:Navigation Hover" content="#f3f3f3"/> <meta name="color:Searchbar Hover" content="#ebebeb"/>
<meta name="color:Title Border" content="#db77a1"/> <meta name="color:Date Background" content="#ff9900"/> <meta name="color:Date Text" content="#ffffff"/> <meta name="color:Tags" content="#898989"/> <meta name="color:Tags Hover" content="#676767"/> <meta name="color:Chat Line" content="#f1f1f1"/>
<meta name="color:Pagination" content="#898989"/> <meta name="color:Pagination Hover" content="#676767"/>
<meta name="if:Twitter" content="1"/> <meta name="if:Searchbar" content="1"/>
<style type="text/css"> html * { margin: 0; padding: 0; }
body { background-color: {color:Background}; background-image: url('{image:Background}'); background-repeat: no-repeat; background-attachment: fixed; background-position: {text:Background Position}; {block:ifTiledBackground}background-repeat: repeat!important;{/block:ifTiledBackground} {block:ifScrollingBackground}background-attachment: scroll!important;{/block:ifScrollingBackground} font: 11px {font:Text}; color: {color:Text}; -webkit-text-stroke: 1px transparent; word-wrap: break-word; }
a, a:link, a:active, a:visited { color: {color:Link}; text-decoration: none; }
a:hover { color: {color:Link Hover}; border-bottom: 1px solid {color:Link Hover Border}; }
blockquote { margin: 5px 0 0 11px; padding-left: 10px; border-left: 1px solid; }
p { padding-top: 5px!important; }
ol, ul { padding: 5px 0 0 25px; } ul { list-style-type: square; } ul ul, ul ol, ol ol, ol ul { padding-bottom: 5px; }
pre { padding: 5px; word-wrap: break-word; background: {color:Chat Line}; max-height: 300px; overflow: auto; }
- left { float: left; }
- right { float: right; }
- clear { clear: both; }
- five { margin-top: -5px; }
#container { margin: auto; padding: 0px; }
#content { margin: 0 auto; width: 810px; height: 100%; padding: 0; background-color: {color:Body}; }
{block:ifBannerImage} #header { width: 100%; height: 200px; background-image: url('{image:Banner}'); background-repeat: repeat; background-position: top center; } {/block:ifBannerImage}
#posts { width: 810px; padding: 15px; margin-left: -15px; overflow: auto; }
h1 a { font: 25px {font:Header}; text-transform: uppercase; letter-spacing: 2px; color: {color:Text}!important; border: 0!important; }
#pages { border-top: 1px solid {color:Border}; border-bottom: 1px solid {color:Border}; margin: 2px 0 3px; overflow: auto; }
#pages a { display: block; float: left; padding: 2px 5px; color: {color:Navigation}; font-weight: bold; }
#pages a:hover { background-color: {color:Navigation Hover}; border: 0; }
#description, #footer, #pag { width: 780px; padding: 10px 15px 15px; }
#twitter { overflow: auto; margin-top: 10px; padding: 10px 0; border-top: 1px solid {color:Border}; border-bottom: 1px solid {color:Border}; }
#birdy { margin-left: 10px; } #birdy img { width: 28px; } #birdy a { border: 0!important; } #tweet { width: 730px; margin: 6px 0 0 10px; font: 14px {font:Header}; }
#tagpage, #searchpage { text-align: center; margin-top: 10px; } #tagpage h2, #tagpage h2 a, #searchpage h2 { font-family: {font:Header}; font-size: 14px!important; text-transform: none!important; color: {color:Header}!important; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; }
- post {
float: left; width: 780px; margin: 0 0 30px 15px; }
h2 { margin-bottom: 5px; }
h2 a { font: 18px {font:Header}; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px dotted {color:Title Border}; }
h2 a:hover { border-bottom: 1px dotted {color:Link Hover Border}; }
h3 { font: italic 17px {font:Header}; text-transform: none; letter-spacing: 0; }
h4 { font: 12px {font:Header}; padding: 5px; background: {color:Chat Line}; }
- date {
margin-top: 5px; width: 760px; padding: 5px 10px; background: {color:Date Background}; }
- date, .date a {
font-size: 10px; color: {color:Date Text}; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; border: 0!important; }
- tags { margin-top: 3px; }
- tags a {
color: {color:Tags}; font-size: 10px; }
- tags a:hover { color: {color:Tags Hover}; }
- chat ul { padding: 0; list-style-type: none; }
- chat li { padding: 5px 10px; }
- odd { background-color: {color:Chat Line}; }
{block:Posts}{block:AlbumArt}.cover { display: block; float: left; width: 96px; height: 76px; margin-left: -74px; background-image: url('http://static.tumblr.com/imovwvl/i1Hl4rcp8/vinyl.png'); z-index: 1; }
- album_art {
display: block; float: left; margin-top: 1px; width: 72px; }
- info { float: left; margin-left: 20px; width: 134px; overflow-x: hidden; }{/block:AlbumArt}{/block:Posts}
- info span { display: block; }
#notes ol { margin: 5px 15px 0 -15px; padding: 0; list-style-type: none; }
#notes li { float: left; padding: 5px 10px; background-color: {color:Chat Line}; margin: 3px 0 0 3px; }
- avatar { display: none; }
#footer { text-align: center; }
input { margin-top: 5px; padding: 3px; background: {color:Chat Line}; border: 0; color: {color:Text}; font: italic 11px {font:Header}; -webkit-text-stroke: 1px transparent; }
input:hover { background: {color:Searchbar Hover}; }
#pag a { font: 11px {font:Header}; color: {color:Pagination}; text-transform: uppercase; letter-spacing: 1px; }
#pag a:hover { color: {color:Pagination Hover}; }
#pag .left, #pag .right { width: 290px!important; } #pag .left { text-align: left; } #pag .right { text-align: right; } #pag .center { float: left; width: 200px; text-align: center!important; }
#current, #pag .center a { font: 11px {font:Date}; padding: 0 5px; }
{block:IndexPage}
- post { width: 250px; }
img, a img { max-width: 250px; border: 0; }
- date { width: 230px; }
{block:Posts}{block:AlbumArt}.audio .audio_player { width: 135px; overflow: hidden; }{/block:AlbumArt}{/block:Posts} {/block:IndexPage}
{block:PermalinkPage}
- image { float: left; }
- photo .caption, .photoset .caption, .video .caption {
float: left; margin: -5px 0 0 15px; width: 265px; }
- tags {
float: left; margin: 5px 0 0 15px; width: 265px; } {/block:PermalinkPage}
{CustomCSS} </style>
<script type="text/javascript" src="http://static.tumblr.com/3driglx/GqMl77c4f/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/3driglx/Upml77c5u/vimeo.js"></script> <script type="text/javascript" src="http://static.tumblr.com/3driglx/412l77c66/youtube.js"></script> <script type="text/javascript">function formatColor(color) { var formattedColor = color.split("#")[1]; if (formattedColor.length == 3) { var colorValues = formattedColor.split(""); formattedColor = colorValues[0]+colorValues[0]+colorValues[1]+colorValues[1]+colorValues[2]+colorValues[2]; } return formattedColor; } vimeoColor = "{color:Image Background}"; vimeoColor = formatColor(vimeoColor); youtubeColor = "{color:Image Background}"; youtubeColor = formatColor(youtubeColor);</script>
{block:IndexPage}<script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script> <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js"></script> <script type="text/javascript"> $(window).load(function() { $('#posts').masonry(); }); </script>{/block:IndexPage} </head> <body> <div id="container"> <div id="content"> {block:ifBannerImage}<div id="header"></div>{/block:ifBannerImage} <div id="description"> <h1><a href="/">{Title}</a></h1> <div id="pages"> <a href="/archive">{lang:Archive}</a> {block:AskEnabled} <a href="/ask">Ask</a> {/block:AskEnabled} {block:SubmissionsEnabled} <a href="/submit">Submit</a> {/block:SubmissionsEnabled} {block:HasPages} {block:Pages}<a href="{URL}">{Label}</a>{/block:Pages} {/block:HasPages} </div> <div class="clear"></div> {Description} {block:Twitter}{block:ifTwitter} <div id="twitter"> <div id="birdy" class="left"> <a href="http://twitter.com/{TwitterUsername}" title="Follow on Twitter"><img src="http://static.tumblr.com/imovwvl/HXLl79lj9/twitter.png" /></a> </div> <div id="tweet" class="left"><span id="tweets"></span></div> <div class="clear"></div> </div> <script type="text/javascript"> function recent_tweets(data) { for (i=0; i<1; i++) { document.getElementById("tweets").innerHTML = document.getElementById("tweets").innerHTML + data
{block:TagPage} <div id="tagpage"> <h2>{lang:Posts tagged Tag 3}.</h2> </div> {/block:TagPage}
{block:SearchPage} <div id="searchpage"> <h2>{lang:Your search for SearchQuery returned SearchResultCount results}.</h2> </div> {/block:SearchPage} </div>
<div id="posts"> {block:Posts} {block:Text} <div class="text post"> {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title} <div class="five">{Body}</div> {block:HasTags} <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} </div> <div class="clear"></div> {/block:HasTags} {block:Date}<div class="date"> <div class="left"><a href="{Permalink}">{TimeAgo}</a></div> {block:NoteCount}<div class="right"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount} <div class="clear"></div> </div>{/block:Date} {block:PostNotes} <div class="post" id="notes">{PostNotes}</div> {/block:PostNotes} </div> {/block:Text}
{block:Photo} <div class="photo post"> {LinkOpenTag}<img class="image" src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag} {block:Caption}<div class="caption">{Caption}</div>{/block:Caption} {block:HasTags} <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} </div> <div class="clear"></div> {/block:HasTags} {block:PermalinkPage}<div class="clear"></div>{/block:PermalinkPage} {block:Date}<div class="date"> <div class="left"><a href="{Permalink}">{TimeAgo}</a></div> {block:NoteCount}<div class="right"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount} <div class="clear"></div> </div>{/block:Date} {block:PostNotes} <div class="post" id="notes">{PostNotes}</div> {/block:PostNotes} </div> {/block:Photo}
{block:Photoset} <div class="photoset post"> {block:IndexPage}{Photoset-250}{/block:IndexPage} {block:PermalinkPage}<div class="left">{Photoset-500}</div>{/block:PermalinkPage} {block:Caption}<div class="caption">{Caption}</div>{/block:Caption} {block:HasTags} <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} </div> <div class="clear"></div> {/block:HasTags} {block:PermalinkPage}<div class="clear"></div>{/block:PermalinkPage} {block:Date}<div class="date"> <div class="left"><a href="{Permalink}">{TimeAgo}</a></div> {block:NoteCount}<div class="right"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount} <div class="clear"></div> </div>{/block:Date} {block:PostNotes} <div class="post" id="notes">{PostNotes}</div> {/block:PostNotes} </div> {/block:Photoset}
{block:Quote} <div class="quote post"> <h3>{Quote}</h3> {block:Source}<div class="caption">{Source}</div>{/block:Source} {block:HasTags} <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} </div> <div class="clear"></div> {/block:HasTags} {block:Date}<div class="date"> <div class="left"><a href="{Permalink}">{TimeAgo}</a></div> {block:NoteCount}<div class="right"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount} <div class="clear"></div> </div>{/block:Date} {block:PostNotes} <div class="post" id="notes">{PostNotes}</div> {/block:PostNotes} </div> {/block:Quote}
{block:Link} <div class="link post"> <h2><a href="{URL}" {Target}>{Name} ›</a></h2> {block:Description}<div class="caption five">{Description}</div>{/block:Description} {block:HasTags} <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} </div> <div class="clear"></div> {/block:HasTags} {block:Date}<div class="date"> <div class="left"><a href="{Permalink}">{TimeAgo}</a></div> {block:NoteCount}<div class="right"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount} <div class="clear"></div> </div>{/block:Date} {block:PostNotes} <div class="post" id="notes">{PostNotes}</div> {/block:PostNotes} </div> {/block:Link}
{block:Chat} <div class="chat post"> {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title} <ul class="five">{block:Lines} <li class="{Alt} user_{UserNumber}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li> {/block:Lines}</ul> {block:HasTags} <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} </div> <div class="clear"></div> {/block:HasTags} {block:Date}<div class="date"> <div class="left"><a href="{Permalink}">{TimeAgo}</a></div> {block:NoteCount}<div class="right"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount} <div class="clear"></div> </div>{/block:Date} {block:PostNotes} <div class="post" id="notes">{PostNotes}</div> {/block:PostNotes} </div> {/block:Chat}
{block:Audio} <div class="audio post"> {block:AlbumArt} <img src="{AlbumArtURL}" class="album_art" /> <span class="cover"></span> {/block:AlbumArt} <div class="info"{block:AlbumArt} style="margin-top: 2px;"{/block:AlbumArt}> {AudioPlayerGrey} <div style="margin-top: 5px;"> {block:TrackName}<span><strong>Title</strong>: {TrackName}</span>{/block:TrackName} {block:Artist}<span><strong>Artist:</strong> {Artist}</span>{/block:Artist} <span>{PlayCountWithLabel}</span> </div> </div> <div class="clear"></div> {block:Caption}<div class="caption">{Caption}</div>{/block:Caption} {block:HasTags} <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} </div> <div class="clear"></div> {/block:HasTags} {block:PermalinkPage}<div class="clear"></div>{/block:PermalinkPage} {block:Date}<div class="date"> <div class="left"><a href="{Permalink}">{TimeAgo}</a></div> {block:NoteCount}<div class="right"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount} <div class="clear"></div> </div>{/block:Date} {block:PostNotes} <div class="post" id="notes">{PostNotes}</div> {/block:PostNotes} </div> {/block:Audio}
{block:Video} <div class="video post"> {block:IndexPage}{Video-250}{/block:IndexPage} {block:PermalinkPage}<div class="left">{Video-500}</div>{/block:PermalinkPage} {block:Caption}<div class="caption">{Caption}</div>{/block:Caption} {block:HasTags} <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} </div> <div class="clear"></div> {/block:HasTags} {block:PermalinkPage}<div class="clear"></div>{/block:PermalinkPage} {block:Date}<div class="date"> <div class="left"><a href="{Permalink}">{TimeAgo}</a></div> {block:NoteCount}<div class="right"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount} <div class="clear"></div> </div>{/block:Date} {block:PostNotes} <div class="post" id="notes">{PostNotes}</div> {/block:PostNotes} </div> {/block:Video}
{block:Answer} <div class="answer post"> <h4><strong>{Asker} asked:</strong> {Question}</h4> {Answer} {block:HasTags} <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} </div> <div class="clear"></div> {/block:HasTags} {block:Date}<div class="date"> <div class="left"><a href="{Permalink}">{TimeAgo}</a></div> {block:NoteCount}<div class="right"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount} <div class="clear"></div> </div>{/block:Date} {block:PostNotes} <div class="post" id="notes">{PostNotes}</div> {/block:PostNotes} </div> {/block:Answer} {/block:Posts} </div>
{block:Pagination} <div id="pag"> <div class="left"> {block:PreviousPage} <a href="{PreviousPage}">← {lang:Previous}</a> {/block:PreviousPage} </div> <div class="center"> {block:JumpPagination length="5"} {block:CurrentPage}<span id="current">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage} {/block:JumpPagination} </div> <div class="right"> {block:NextPage} <a href="{NextPage}">{lang:Next} →</a> {/block:NextPage} </div> </div> <div class="clear"></div> {/block:Pagination}
{block:DayPagination} <div id="pag"> <div class="left"> {block:PreviousDayPage} <a href="{PreviousDayPage}">← {lang:Previous}</a> {/block:PreviousDayPage} </div> <div class="center"> {block:JumpPagination length="5"} {block:CurrentPage}<span id="current">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage} {/block:JumpPagination} </div> <div class="right"> {block:NextDayPage} <a href="{NextDayPage}">{lang:Next} →</a> {/block:NextDayPage} </div> </div> <div class="clear"></div> {/block:DayPagination}
{block:PermalinkPagination} <div id="pag"> <div class="left"> {block:PreviousPost} <a href="{PreviousPost}">← {lang:Previous}</a> {/block:PreviousPost} </div> <div class="center"> {block:JumpPagination length="5"} {block:CurrentPage}<span id="current">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage} {/block:JumpPagination} </div> <div class="right"> {block:NextPost} <a href="{NextPost}">{lang:Next} →</a> {/block:NextPost} </div> </div> <div class="clear"></div> {/block:PermalinkPagination}
<div id="footer"> <a href="http://www.tumblr.com/theme/12893">Bright</a> by <a href="http://tumblr.elletricity.com">Gabrielle Wee</a>. Powered by <a href="http://tumblr.com">Tumblr</a>. {block:ifSearchBar}<br /><form action="/search" method="get"><input name="q" onfocus="this.value=''" type="text" value="Search this tumblelog." /></form>{/block:ifSearchBar} </div> </div> </div>
{block:Twitter}{block:ifTwitter} <script type="text/javascript" src="/tweets.js"></script> {/block:ifTwitter}{/block:Twitter}
</body> </html>
aug 9 2011 +