Theme

(1)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or g/TR/xhtml1/DTD/xhtml1-transitional.dtd">

src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <meta name="color:Background" content="#e4e4e4"/>

background-color: {color:Scrollbar};

border: 2px solid {color:Scrollbar Background}; height:auto; -moz-border-radius: 10px; border-radius: 10px; } ::-webkit-scrollbar { height:auto; width:9px; background-color: {color:Scrollbar};

border: 4px solid {color:Scrollbar Background}; }

#tumblr_controls{

position:fixed !important; }

(2)

.wrapper{ margin: 0px auto; width: 717px; } .left{ float: left; margin-right: 20px; width: 717px; } body { padding: 0px; margin: 0px; color:{color:text}; background-color: {color:Background}; background-image:url({image:Background}); background-attachment: fixed; background-repeat: repeat; }

a:link, a:active, a:visited{ color: {color:Link};

text-decoration: none;

-webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; }

a:hover{

color:{color:Hover};

-webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; {block:ifshadowhover} text-shadow: 0px 0px 3px #000; {/block:ifshadowhover} {block:ifunderlinehover} text-decoration: underline; {/block:ifunderlinehover} } .entry { {block:IndexPage} width: 250px; margin-bottom: 14px; margin-right: 14px; {/block:IndexPage} {block:PermalinkPage} width:533px; {/block:PermalinkPage} margin-top:0px; float:left; padding:10px; background-color: {color:Entry}; font-family:georgia; font-size:10px; line-height:11px; letter-spacing:0px; }

(3)

.entry h1{

border-bottom: 1px solid {color:Border}; font-family: georgia; font-size: 18px; font-style: italic; font-weight: normal; line-height: 24px; text-align: left; margin: 0px; color: {color:Title}; } div#sidebar{ } div#sidebar2{ position: relative; width: 645px; height: auto; margin: 16px 0px 0px 18px; padding: 5px; text-align: center; font-family: georgia; font-size: 9px; line-height: 20px; background-color: {color:Sidebar}; } #tab{ width: 645px; height: auto; padding-top: 3px; padding-bottom: 3px; text-align: center; font-size: 9px; letter-spacing: 3px;

background: {color:Link Border}; } #posts { position: relative; width: 890px; margin-left: -70px; margin-top: 8px; padding-left: 2px; padding-top: 5px; padding-right: 0px; float:left; background: transparent; overflow: hidden; {block:PermalinkPage} width: 722px; margin-top: 0px; margin-left: 45px; {/block:PermalinkPage} }

(4)

#permalink:hover { background: {color:Permalink}; } #permalink a{ color: black;} #permalink a:hover{ color: black; } .entry .perma{ position:absolute; width: auto; height:10px; padding:2px; padding-left: 3px; background-color:#fff; margin-left: 0px; overflow:hidden; top: 15px; font-family: tinytots; font-size: 8px; line-height:11px; text-align:center; opacity:0.0;

-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; }

.entry:hover .perma{ overflow:visible;

-webkit-transition: opacity 1.5s linear; opacity: 1.6; transition: all 0.4s linear;

margin-left: 10px; width: auto;

height: 10px; opacity: 0.7;

-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; } .entry:hover .perma:hover{ opacity: 0.7; padding:2px; padding-left: 3px; height: 10px; width: auto;

-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.5s linear; }

#credit{

position: fixed !important; right: 3px;

top: 25px; width: 80px;

(5)

background: black; opacity: .5; font-family: georgia; font-size: 9px; padding-top: 3px; padding-bottom: 3px; -moz-border-radius: 3px; border-radius: 3px; } #credit a{ color: #fff; } #credit a:hover{ text-decoration: underline; } #postnotes{ display:block; background-color: transparent; width: 523px; padding:0px; text-align: justify; } #postnotes blockquote{ border: 0px;} #infscr-loading{ bottom: -70px; position: absolute; left: 50%; margin-left:-8px; width:16px; height:11px; overflow:hidden; margin-bottom: 50px; } .blogtitle{ text-align: center; font-family: 'Economica'; letter-spacing: 2px; font-size: 20px; line-height: 18px; color: {color:Title}; } .qtitle{ font-family: georgia; font-size: 14px; font-style: italic; line-height: 15px; color: {color:Text}; } blockquote{ padding: 2px 2px 2px 5px; margin:2px 2px 2px 5px;

(6)

border-left: 2px solid {color:Border}; } ul, li{ list-style: none; padding: 0px; margin:1px 1px 1px 1px; } #source{ display:none; } {CustomCSS} </style> {block:IndexPage}

$content.masonry({itemSelector: '.entry'}), $content.infinitescroll({

navSelector : 'div#pagination',

nextSelector : 'div#pagination a#nextPage', itemSelector : '.entry', loading: { finishedMsg: '', img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif' }, bufferPx : 600, debug : false, },

// call masonry as a callback. function( newElements ) {

var $newElems = $( newElements ); $newElems.hide();

// ensure that images load before adding to masonry layout $newElems.imagesLoaded(function(){

$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300); } ); }); }); }); </script> {/block:IndexPage} <title>{title}</title>

(7)

<body>

<div id="tab"><div class="blogtitle">{title}</div>

<div style="font-style:italic;"><a href="/">home</a> - <a href="/ask">ask</a> - <a href="/archive">archive</a> - <a href="{text:Custom Link One}">{text:Custom L ink One Title}</a> - <a href="{text:Custom Link Two}">{text:Custom Link Two Titl e}</a> <a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a> <a href="http://caskade.tumblr.com">credit</a></div></div>

</div>

{block:ifshowsidebarimage}<a href="/"><img src="{image:sidebar}" width=180px></a >{/block:ifshowsidebarimage} <div style="margin-top:3px;">{description}</div> </div> <div class="header"> <div class="left"> <div id="posts"> {block:Posts} {block:ContentSource}  {/block:ContentSource} <div class="entry"> {block:Text} {block:Title}<h1>{Title}</h1>{/block:Title}<span class="entrytext">{Body}</span> <div id="permalink">posted {TimeAgo} with <a href="{Permalink}">{NoteCountWithLa bel}</a> // <a href="{ReblogURL}">reblog</a></div>

{/block:Text} {block:Link}

<h1><a href="{URL}" class="title">{Name}</a></h1> {block:Description}{Description}{/block:Description}

<div id="permalink">posted {TimeAgo} with <a href="{Permalink}">{NoteCountWithLa bel}</a> // <a href="{ReblogURL}">reblog</a></div>

{block:Link} {block:Photo} {block:IndexPage}

<div class="perma">posted {TimeAgo} with <a href="{Permalink}">{NoteCountWithLab el}</a><br/>{block:HasTags}<b>tags»</b>{block:Tags}<a href="{TagURL}">#{Tag}</a>{/ block:Tags}{/block:HasTags}</div>

{LinkOpenTag}<a href="{reblogurl}" target="_blank"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250px"/></a>{LinkCloseTag}{/block:IndexPage}

{block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src=" {PhotoURL-HighRes}" alt="{PhotoAlt}" width="533"/></a>{LinkCloseTag}{/block:Perm alinkPage}

(8)

{block:Photoset} <center> {block:IndexPage} {Photoset-250} {/block:IndexPage} </center> <center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>

{/block:Photoset} {block:Quote}

<span class="qtitle"> {Quote}</span>

<div align="right"> – {block:Source}{Source}{/block:Source}</div>

{/block:Quote} {block:Chat} {block:Title}<h1>{Title}</h1>{/block:Title} <ul class="chat"> {block:Lines} <li class="user_{UserNumber}"> {block:Label} <span class="label"><b>{Label}</b></span> {/block:Label} {Line} </li> {/block:Lines} </ul>

{/block:Chat} {block:Audio}

<center><div style="width:250px; height:28px;"><div style="float:left">{AudioPla yerWhite}</div><div style="margin-top:10px; float:right;">

{block:ExternalAudio}{/block:ExternalAudio}</div></div></center> {block:IndexPage}{Caption}{/block:IndexPage}

{/block:Audio} {block:Video} <center> {block:IndexPage} {Video-250} {/block:IndexPage} </center> <center>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>

{block:Video}

{block:PermalinkPage}

{block:Caption}{Caption}{/block:Caption} <center>

(9)

}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}<br>{/block:Not eCount}

{block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</ a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:R ebloggedFrom}

{block:HasTags}<b>tags »</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> <br>{/block :Tags}{/block:hasTags}

</center>

{block:NoteCount} <div style="border-bottom: 2px solid #999; text-align: center; margin: 10px;"></div>{/block:NoteCount}

<div id="postnotes"><div style="height:200px; width:523px; padding:4px; overflow :auto;">{PostNotes}</div></div>

{block:ContentSource}<br><a href="{SourceURL}">{lang:Source}:{block:SourceLogo}< img src="{BlackLogoURL}" width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTi tle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} </a>{/block:ContentSource} {/block:PermalinkPage} {block:PostNotes}{PostNotes} {/block:PostNotes} </div> {/block:Posts} </div> </div> <div class="right"> </div> <div class="footer"> <br> </div> {block:IndexPage}<br> {block:Pagination} <div id="pagination"> {block:NextPage}

<a id="nextPage" href="{NextPage}">future<font size="2"><b> →</b></font></a> {/block:NextPage}

{block:PreviousPage}

<a href="{PreviousPage}"><font size="2"><b> ←</b></font>past</a> {/block:PreviousPage} </div> {/block:Pagination} {/block:IndexPage} </div> </html>