Themes Tumblr

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

| _ | | | | | | |/ / | | | _ | | | | _ |

| |_| | | | | _| | | / | _ | | |_| | | | | |_| |

| - | | | | _ | - | _| | - | | _ | -

| | \ | | | | | | \ | | | | \ | | | | \

|_ _|\_ _\ |_ _| |_ _ _| |_ _|\_ _\ |_ _ _| |_ _|\_ _\ |_ _ _ _| |_ _|\_ _\

********************************

Theme by: rickerlr.tumblr.com

Preview Light: http://fashionista-theme.tumblr.com/

Preview Dark: http://fashionista-theme-dark.tumblr.com/

Name: Fashionista

Version: 1

Year: 2013

Twitter: @rickerlr

********************************

<html>

<title>{Title}{block:SearchPage} | {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>

<style>

#installtheme, #tumblr_controls{

position:fixed !important;

right:5px;

z-index: 10;

#installtheme{top:26px;}

#tumblr_controls{

{block:IfTumblrButtonsFixed}

position:fixed !important;

{/block:IfTumblrButtonsFixed}

.right{float: right;} .left{float: left;} .clear {clear: both;}

h1,h2,h3,h4,h5,h6{

color: {color:Title};

line-height: 1.3em;

font-family: 'Oswald', arial, verdana, sans-serif;

text-transform: uppercase;

margin-bottom: 20px;

text-align: center;

h1{font-size:3em;}

h2{font-size:2em;}

h3{font-size:1.6em;}

color:{color:Link};

text-decoration:none;

.posts .caption a, .posts .circleTopPost a,

#backTop, #header ul#socialLinks li a, .permalinkOptions a,

.posts h2 a, div.tooltipCont, #pagination a, a.highRes{

-webkit-transition: all 0.2s ease;

-moz-transition: all 0.2s ease;

transition: all 0.2s ease;

-o-transition: all 0.2s ease;

font-size:100%;

color:{color:Text};

font-family: Arial, Verdana, Helvetica, sans-serif;

text-align: center;

word-wrap: break-word;

background-color: {color:Background};

background-image: url({image:Background Image});

background-repeat: repeat;

background-attachment: fixed;

background-position: top left;

#container{

position: relative;

width: 940px;

margin: 0px auto;

text-align: left;

{block:IfDarkLayout}

background: #000;

{/block:IfDarkLayout}

{block:IfNotDarkLayout}

background: #fff;

{/block:IfNotDarkLayout}

{block:IfContainerShadow}

box-shadow: 0px 0px 10px rgba(0,0,0,0.08);

{/block:IfContainerShadow}

padding-bottom: 40px;

#content{

width:640px;

margin:0px auto;

position:relative;

ul#menu{

text-align:center;

height: 60px;

width:640px;

{block:IfMenuFixed}

position:fixed;

left:50%;

margin-left: -320px;

z-index: 10;

background: #000;

box-shadow: 0px 5px 10px rgba(0,0,0,1);

background: #fff;

box-shadow: 0px 5px 10px rgba(255,255,255,1);

{/block:IfMenuFixed}

border-bottom: 1px solid #222;

border-bottom: 1px solid #eee;

ul#menu > li{

position: relative;

display: inline-block;

font-size: 0.8em;

margin-left: 25px;

color:{color:Text};

margin-top: 22px;

ul#menu > li a{

color:{color:Text};

padding: 20px 3px;

ul#menu > li a:hover{

border-bottom: 3px solid #333;

border-bottom: 3px solid #ddd;

ul#menu > li a.current {

border-bottom:3px solid {color:Link};

ul#menu > li:first-child{margin-left:0px;}

ul#pages, ul.tooltip{

padding: 10px 0px;

position:absolute;

background: #eee;

color: #000;

background: #444;

color: #fff;

visibility: hidden;

opacity:0;

width: 120px;

left: 50%;

margin-left: -60px;

ul.tooltip{

top:53px;

text-align:center;

ul.tooltip span{font-size:0.8em;}

ul#pages{top:30px;}

ul#pages:before, ul.tooltip:before{

content:"";

position:absolute;

top:-18px;

left: 49px;

border:10px solid transparent;

border-bottom-color: #eee;

border-bottom-color: #444;

display:block;

width:0;

ul#pages li{

position: relative;

text-align: center;

padding: 6px 0px;

width: 120px;

ul#pages li a{

display: block;

padding: 0px 10px;

color: #000;

color: #fff;

ul#pages li a:hover{

border:0;

ul#pages li:hover{

background: {color:Link};

li#pagesLi:hover ul#pages, .tooltipCont:hover ul.tooltip{

visibility: visible;

opacity:1;

ul.tooltip li{

display:inline-block;

margin-top:5px;

ul.tooltip li a{

font-family: "socialicoregular";

font-size: 35px;

margin-left: 0px;

#askPost, #submitPost{

display:none;

{block:IfNotMenuFixed}

padding: 120px 0px 0px;

{/block:IfNotMenuFixed}

{block:IfMenuFixed}

margin-bottom: -60px;

#header{

{block:IfNotMenuFixed}

padding:120px 0px;

{/block:IfNotMenuFixed}

{block:IfMenuFixed}

text-align:center;

#header h1{

letter-spacing: -2px;

text-shadow: 1px 1px 0px #000, 2px 2px 0px rgba(255,255,255,0.2);

text-shadow: 1px 1px 0px #fff, 2px 2px 0px rgba(0,0,0,0.2);

#header img#headerBanner{

margin-bottom:15px;

max-width:100%;

height:auto;

#header p#descriptionBlog{

font-size:0.9em;

#header ul#socialLinks li{

margin-left: -4px;

#header ul#socialLinks li a{

color: {color:Social Icons};

font-size: 2.3em;

font-family: "socialicoregular";

#header ul#socialLinks li a:hover{color:{color:Link};}

#header ul#socialLinks li:first-child{margin-left:0px;}

/*+++++++++++ POSTS +++++++++++*/

.posts{

position:relative;

width: 600px;

margin: 0px auto;

.posts .padding{

padding:50px;

/*background: url(http://static.tumblr.com/dbek3sy/EH6mbxuzd/noize.png) repeat;*/

background-color: #0f0f0f;

border-top: 2px solid rgba(255,255,255,0.1);

background-color: #f4f4f4;

border-top: 2px solid rgba(0,0,0,0.1);

.greyLine{

margin:0px auto;

width: 3px;

height: 100px;

border-left: 2px solid rgba(255,255,255,0.06);

border-left: 2px solid rgba(0,0,0,0.06);

.posts .circleTopPost, #backTop, #finshedPost{

font-family: "entyporegular";

font-size: 40px;

line-height: 17px;

text-align: center;

width: 36px;

height: 36px;

background: #000;

border: 2px solid rgba(255,255,255,0.2);

background: #fff;

border: 2px solid rgba(0,0,0,0.2);

-webkit-border-radius: 20px;

-moz-border-radius: 20px;

border-radius: 20px;

.posts .circleTopPost, {block:IfNotInfinitescroll}#backTop,{/block:IfNotInfinitescroll} #finshedPost{

position:absolute;

top: -20px;

left: 50%;

margin-left: -21px;

.posts .circleTopPost a{

.posts .circleTopPost a:hover{

color: {color:Link};

.posts h1, .posts h2, .posts h3,

.posts h4, .posts h5, .posts h6{

text-shadow: 1px 1px 0px #0f0f0f, 2px 2px 0px rgba(255,255,255,0.2);

text-shadow: 1px 1px 0px #f4f4f4, 2px 2px 0px rgba(0,0,0,0.2);

.posts h6.dateTop{

margin-top: -15px;

text-shadow: 0px 0px 0px rgba(0,0,0,0), 0px 0px 0px rgba(0,0,0,0);

text-align: center;

color: rgba(255,255,255,0.85);

color: rgba(0,0,0,0.85);

.posts h6.dateTop a{

color: #aaa;

color: #666;

.posts .caption{

font-size: 0.9em;

line-height: 1.5em;

color: {color:Text};

.posts .caption a:hover, ol.notes a:hover{background:rgba({RGBcolor:Link}, 0.1);}

.posts .caption p{margin-top:5px;}

.posts .caption strong, .posts .caption b{font-weight:bold;}

.posts .caption i, .posts .caption em{font-style:italic;}

.posts .caption blockquote, ol.notes blockquote{

padding-left:10px;

border-left: 3px solid {color:Link};

margin: 20px 0px 20px 15px;

ol.notes blockquote{

margin-left: 25px;

.posts .caption ul{

margin: 20px 0px;

padding-left: 25px;

.posts .caption ul li{

list-style-type: disc;

.posts h2 a{

display: block;

padding: 20px;

border: 1px solid rgba({RGBcolor:Link}, 0.1);

background: rgba({RGBcolor:Link}, 0.05);

.posts h2 a:hover{

border: 1px solid rgba({RGBcolor:Link}, 0.15);

background: rgba({RGBcolor:Link}, 0.1);

.imageContainer{

position:relative;

a.highRes{

line-height: 20px;

text-align: center;

height: 40px;

position: absolute;

bottom: 40px;

right: 15px;

opacity: 0;

font-size: 40px;

color: #fff;

background: rgba(0,0,0,0.7);

width: 40px;

.imageContainer:hover .highRes{

opacity: 1;

.posts .videoPost,

.posts .photosetPost{

margin-bottom:20px;

width: 500px;

.posts .photoPost{

width: 100%;

margin: 0px auto 20px;

.posts .chat li.odd,

.posts .chat li.even{

padding: 20px;

.posts .chat li.odd{

background: rgba({RGBcolor:Title}, 0.05);

.posts .chat li.even{}

.posts .label{font-weight:bold;}

.posts .quest{

position: relative;

background: rgba({RGBcolor:Text},0.1);

padding: 15px;

width: 375px;

font-size: 0.9em;

.posts .quest:after{

content:"";

float:left;

position:absolute;

top: 22px;

width:0;

height:0;

border-style:solid;

.posts .right.quest{margin-left: 30px;}

.posts .left.quest{margin-right: 30px;}

.posts .right.quest:after{

left: -12px;

border-color:transparent rgba({RGBcolor:Text},0.1) transparent transparent;

border-width:12px 12px 12px 0;

.posts .left.quest:after{

right: -12px;

border-color:transparent transparent transparent rgba({RGBcolor:Text},0.1);

border-width:12px 0px 12px 12px;

.posts .quest .question{min-height:36px;}

.posts .asker{

font-weight:bold;

.posts .album_container{

width: 230px;

height: 191px;

position: relative;

background: url(http://static.tumblr.com/dbek3sy/3cNmbsbqk/album.png) top left no-repeat;

margin-right: 20px;

.posts .album_container .audioimage,

.posts .album_container .album_light_effect{

position: absolute;

top: 1px;

left: 1px;

.posts .album_container .audioimage{

width: 189px;

height: 189px;

z-index: 1;

.posts .album_container .album_light_effect{

box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3);

width: 189px;

height: 147px;

z-index: 2;

background: url(http://static.tumblr.com/dbek3sy/a4umawivm/album_lighteffect.png) no-repeat;

.posts ul.audiotrack{width: 250px;}

.posts ul.audiotrack li h3{color: {color:Link};text-align:left;}

.posts ul.audiotrack li:first-child{margin-bottom:-10px;}

.posts ul.audiotrack li.trackLabel{font-size: 0.8em;}

.posts ul.audiotrack li b{color:{color:Title};}

.posts ul.audiotrack li.audio{margin-top:20px;}

.posts .audioplayercontainer{

position:relative;

background: #fff;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

width: 32px;

height: 32px;

margin-right: 10px;

box-shadow: 1px 1px 0px #fff, 2px 2px 0px rgba(0,0,0,0.2);

.posts .audioplayercontainer .audioplayerinto{

position:absolute;

width: 20px;

height: 20px;

overflow: hidden;

left: 3px;

top: 3px;

.posts ul.audiotrack li.audio span{

font-size: 0.8em;

line-height: 32px;

.permalinkOptions{

text-align: center;

.permalinkOptions a, .tooltipCont{

margin-left:10px;

color: rgba(255,255,255,0.2);

color: rgba(0,0,0,0.2);

.tooltipCont{

position:relative;

cursor:pointer;

.tooltip a{

color: rgba(0,0,0,0.5);

color: rgba(255,255,255,0.5);

.permalinkOptions a:hover, .tooltipCont:hover{color:{color:Link};}

a.shareTwit:hover{color:#00aced;}

a.shareFace:hover{color:#3b5999;}

a.shareGogl:hover{color:#d95333;}

.permalinkOptions span.iconEp{

font-size: 38px;

vertical-align: bottom;

.permalinkOptions span.numberNotes{

font-size: 0.7em;

display: inline-block;

margin-bottom: 3px;

#postnotesdiv{font-size:0.9em;}

ol.notes .note{margin-top:10px;}

ol.notes .avatar{

vertical-align: middle;

margin-right: 5px;

.note.more_notes_link_container{margin-top:40px !important;}

ul#tags li, ul#tags li a{

height:24px;

line-height:24px;

position:relative;

font-size: 11px;

ul#tags a{

margin-left: 30px;

padding:0 10px 0 12px;

background: {color:Link};

color: #fff;

ul#tags li a:before{

content:"";

float:left;

position:absolute;

top:0;

left:-12px;

width:0;

height:0;

border-color:transparent {color:Link} transparent transparent;

border-style:solid;

border-width:12px 12px 12px 0;

ul#tags li a:after{

content:"";

position:absolute;

top:10px;

left:0;

float:left;

width:4px;

height:4px;

-moz-border-radius:2px;

-webkit-border-radius:2px;

border-radius:2px;

background: #0f0f0f;

background: #f4f4f4;

ul#tags a:hover{

background: {color:Text};

color: #0f0f0f;

color: #f4f4f4

ul#tags a:hover:before{border-color:transparent {color:Text} transparent transparent;}

#backTop, #finshedPost{

position:relative;

#backTop{

z-index: 10;

cursor: pointer;

{block:IfInfinitescroll}

position: fixed !important;

bottom: 40px !important;

right: 20px !important;

z-index: 9999;

display: none;

{/block:IfInfinitescroll}

#backTop:hover, #pagination a:hover{

color:{color:Link};

#pagination{

left: 50%;

width: 110px;

position: absolute;

bottom: 85px;

margin-left: -55px;

#pagination a{

font-size: 38px;

color: #444;

color: #ccc;

#infscr-loading{

z-index: 10;

bottom: -12px;

position: absolute;

left: 50%;

margin-left: -13px;

width: 24px;

height: 24px;

overflow: hidden;

#footer{

{block:IfNotInfinitescroll}

text-align: center;

{/block:IfNotInfinitescroll}

font-size: 0.8em;

text-align:right;

bottom: 20px !important;

right: 20px !important;

z-index: 9999;

display: none;

</style>

<meta property="fb:app_id" content="48119224995" /><meta property="og:site_name" content="" /><meta property="og:title" content="" /><meta property="og:url" content="http://rickerlrthemes.tumblr.com/codes/fashionista" /><meta property="og:determiner" content="a" /><meta property="og:description" content="" /><meta property="og:type" content="tumblr-feed:entry" /><meta property="og:image" content="http://38.media.tumblr.com/avatar_85a1397fc9bd_512.png" /><meta property="al:ios:url" content="tumblr://x-callback-url/blog?blogName=rickerlrthemes&postID=" /><meta property="al:ios:app_name" content="Tumblr" /><meta property="al:ios:app_store_id" content="305343404" /><meta property="al:android:url" content="tumblr://x-callback-url/blog?blogName=rickerlrthemes&postID=" /><meta property="al:android:app_name" content="Tumblr" /><meta property="al:android:package" content="com.tumblr" />

<meta charset="utf-8"><meta name="twitter:site" content="tumblr" /><meta name="twitter:card" content="app" /><meta name="twitter:description" content="rickerlrthemes" /><meta name="twitter:title" content="rickerlrthemes" /><meta name="twitter:app:name:iphone" content="Tumblr" /><meta name="twitter:app:name:ipad" content="Tumblr" /><meta name="twitter:app:name:googleplay" content="Tumblr" /><meta name="twitter:app:id:iphone" content="305343404" /><meta name="twitter:app:id:ipad" content="305343404" /><meta name="twitter:app:id:googleplay" content="com.tumblr" /><meta name="twitter:app:url:iphone" content="tumblr://x-callback-url/blog?blogName=rickerlrthemes&referrer=twitter-cards" /><meta name="twitter:app:url:ipad" content="tumblr://x-callback-url/blog?blogName=rickerlrthemes&referrer=twitter-cards" /><meta name="twitter:app:url:googleplay" content="tumblr://x-callback-url/blog?blogName=rickerlrthemes&referrer=twitter-cards" />

</head>

<body>

</div>

{block:AskEnabled}

{/block:AskEnabled}

{block:SubmissionsEnabled}

<li><a id="submitOpen" href="javascript:void(0)" {Target}>Submit</a></li>

{/block:SubmissionsEnabled}

<li><a href="/archive" {Target}>Archive</a></li>

<li><a href="http://rickerlrthemes.tumblr.com/fashionista" target="_blank">Theme</a></li>

{block:HasPages}

<a href="javascript:void(0)" {Target}>Pages</a>

{block:Pages}

<li><a href="{URL}">{Label}</a></li>

{/block:Pages}

{/block:HasPages}

</ul>

{block:IfNotHeaderBannerImage}

<h1 id="titleBlog">{Title}</h1>

{/block:IfNotHeaderBannerImage}

{block:IfHeaderBannerImage}

{/block:IfHeaderBannerImage}

<p id="descriptionBlog">{Description}</p>

{block:IfTwitterURL}

{/block:IfTwitterURL}

{block:IfFacebookURL}

{/block:IfFacebookURL}

{block:IfGooglePlusURL}

{/block:IfGooglePlusURL}

{block:IfLinkedInURL}

{/block:IfLinkedInURL}

{block:IfDribbbleURL}

{/block:IfDribbbleURL}

{block:IfFlickrURL}

{/block:IfFlickrURL}

{block:IfDeviantArtURL}

{/block:IfDeviantArtURL}

{block:IfYouTubeURL}

{/block:IfYouTubeURL}

</div>

{block:Posts}

{block:Text}l{/block:Text}

{block:Link}>{/block:Link}

{block:Photo}D{/block:Photo}

{block:Photoset}p{/block:Photoset}

{block:Answer}b{/block:Answer}

{block:Quote};{/block:Quote}

{block:Chat}9{/block:Chat}

{block:Audio}H{/block:Audio}

{block:Video}q{/block:Video}

</div>

{block:Date}

<a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonthWithZero}, {Year}</a>

{/block:Date}

{block:Text}

{block:Title}

<h2>{Title}</h2>

{/block:Title}

{/block:Text}

{block:Link}

{block:Description}

<div class="caption">{Description}</div>

{/block:Description}

{block:Link}

{block:Photo}

{block:HighRes}<a class="highRes" href="{PhotoURL-HighRes}" target="_blank">Ñ</a>{/block:HighRes}

{LinkOpenTag}<img class="photoPost" src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}

</div>

{block:Caption}

<div class="caption">{Caption}</div>

{/block:Caption}

{/block:Photo}

{block:Photoset}

{Photoset-500}

</div>

{block:Caption}

{/block:Caption}

{/block:Photoset}

{block:Answer}

</div>

<div class="question">{Question}</div>

</div>

</div>

<div class="question">{Answer}</div>

</div>

{/block:Answer}

{block:Quote}

<h2>“{Quote}”</h2>

{block:Source}

<div class="caption">- {Source}</div>

{/block:Source}

{/block:Quote}

{block:Chat}

{block:Title}

<h2>{Title}</h2>

{/block:Title}

{block:Lines}

{block:Label}

<span class="label">{Label}</span>

{/block:Label}

{/block:Lines}

{/block:Chat}

{block:Audio}

</div>

{block:TrackName}<li class="artistLabel"><h3>{TrackName}</h3></li>{/block:TrackName}

{block:Artist}<li class="trackLabel">by <b>{Artist}</b></li>{/block:Artist}

<div class="audioplayerinto done" id="{postID}">{AudioPlayerWhite}</div>

</div>

{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}

{block:ExternalAudio}

{/block:ExternalAudio}

</span>

{block:Caption}

<div class="caption" style="margin-top:20px;">{Caption}</div>

{/block:Caption}

{/block:Audio}

{block:Video}

<div class="videoPost done" id="{PostID}">{Video-500}</div>

{block:Caption}

{/block:Caption}

{/block:Video}

{block:Date}

{block:NoteCount}

<span>{NoteCount}</span>

</div>

{/block:NoteCount}

</div>

{/block:Date}

</div>

</div>

{block:PermalinkPage}

{block:HasTags}

{block:Tags}<li><a class="tags" href="{TagURL}">{Tag}</a></li>{/block:Tags}

</div>

{/block:HasTags}

{/block:PermalinkPage}

{block:PostNotes}

<h6 class="dateTop">{NoteCountWithLabel}</h6>

{PostNotes}

</div>

{/block:PostNotes}

{/block:Posts}

</div>

{block:IndexPage}

{block:Pagination}

{block:PreviousPage}<a class="left" href="{PreviousPage}" {block:IfInfiniteScroll}style="display:none;"{/block:IfInfiniteScroll}>ç</a>{/block:PreviousPage}

{block:NextPage}<a class="right" id="nextPage" href="{NextPage}" {block:IfInfiniteScroll}style="display:none;"{/block:IfInfiniteScroll}>ê</a>{/block:NextPage}

</div>

{/block:Pagination}

{/block:IndexPage}

<div id="footer" class="hideBottom">theme by <a href="http://rickerlr.tumblr.com/" target="_blank">rickerlr</a></div>

</div>

$(function(){

var topDiv = $(".hideBottom");

var topDivTop = "640";

var view = $( window );

view.bind("scroll resize", function(){

var viewTop = view.scrollTop();

if (viewTop > topDivTop){

topDiv.fadeIn(300);

else if (viewTop < topDivTop){

topDiv.fadeOut(200);

{block:AskEnabled}

$("#askPost .posts").load("{URL}/ask .posts .padding");

$("#askOpen").click(function(){

$("#menu li a").removeClass("current");

$("#submitPost").hide();

if($("#askPost").is(":hidden")){

$("#askPost").slideDown();

$(this).addClass("current");

$("#askPost").slideUp();

$(this).removeClass("current");

$("#menu li a.homeLink").addClass("current");

{/block:AskEnabled}

{block:SubmissionsEnabled}

$("#submitPost .posts").load("{URL}/submit .posts .padding");

$("#submitOpen").click(function(){

$("#menu li a").removeClass("current");

$("#askPost").hide();

if($("#submitPost").is(":hidden")){

$("#submitPost").slideDown();

$(this).addClass("current");

$("#submitPost").slideUp();

$(this).removeClass("current");

$("#menu li a.homeLink").addClass("current");

{/block:SubmissionsEnabled}

$("#backTop").click(function(){

var target = $("html");

$('html, body').animate({

scrollTop: target.offset().top

}, 1000);

$("#content").infinitescroll({

navSelector : '#pagination',

nextSelector : '#pagination a#nextPage',

itemSelector : '.posts',

loading: {

finishedMsg: '',

img: 'http://static.tumblr.com/dbek3sy/mrymbvwt0/ajax-loader-dark.gif'

img: 'http://static.tumblr.com/dbek3sy/TpPmbuc95/ajax-loader.gif'

bufferPx : 600,

debug : false,

function(newElements){

var $newElems = $(newElements);

$newElems.hide();

if($('.audioplayerinto.done').length){repairAudioPlayer();}

if($('.videoPost.done').length){repairVideoPlayer();}

$newElems.appendTo($("#content")).fadeIn();

/* repair audio players*/

function repairAudioPlayer(){

$('.audioplayerinto.done').each(function(){

var audioID = $(this).attr("id");

var $audioPost = $(this);

$.ajax({

url: '{URL}/api/read/json?id=' + audioID,

dataType: 'jsonp',

timeout: 50000,

success: function(data){

$audioPost.html(data.posts[0]["audio-player"]);

$audioPost.removeClass("audio");

$audioPost.removeClass("done");

/* repair video players*/

function repairVideoPlayer(){

$('.videoPost.done').each(function(){

var videoID = $(this).attr("id");

var $videoPost = $(this);

if($videoPost.find("div#tumblr_video_container_"+videoID).length){

$.ajax({

url: '{URL}/api/read/json?id=' + videoID,

dataType: 'jsonp',

timeout: 50000,

success: function(data){

$videoPost.html(data.posts[0]["video-player-500"]);

$videoPost.removeClass("done");

</script>

</body>

</html>

1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

4. <head><title>{Title}</title>

5. <link rel="shortcut icon" href="{Favicon}">

6. <link rel="alternate" type="application/rss+xml" href="{RSS}">

7. {block:Description}<meta name="description" content="{MetaDescription}"

/>{/block:Description}

10. <!--------------------------------------------------------------------

12. THEME #04: SKETCHBOOK (LIGHT ver.) BY ANGELICXI

14. PLEASE RESPECT THE RULES! IN CASE YOU FORGOT WHAT THEY ARE:

15. - DO NOT STEAL MY CODE / PARTS OF IT

16. - DO NOT REMOVE THE CREDIT FROM WHERE IT IS!

17. - BASICALLY DON'T BE A FRIGGIN' DILDO ABOUT THIS SIMPLE MATTER OF RECOGNITION

WHEN IT COMES TO MY GODDAMN WORK, OKAY?

18. - DON'T MODIFY IT PAST THE POINT WHERE IT'S NO LONGER SIMILAR TO THE

ORIGINAL!

20. By using this code, you hereby agree to the aforementioned terms. If you

infringe on them, you are liable for me to take action against. Now that you are

fully conscious of everything, go ahead and enjoy the theme. ^^

22. --------------------------------------------------------------------->

25.

26. <meta name="color:Background" content="#e2e4e6"/>

27. <meta name="color:Sidebar Background" content="#c1c7cc"/>

28. <meta name="color:Sidebar Border" content="#f2f3f5"/>

29. <meta name="color:Description Background" content="#c1c7cc"/>

30. <meta name="color:Description Text" content="#ffffff"/>

31. <meta name="color:Post Background" content="#f3f4f4"/>

32. <meta name="color:Post Border" content="#c1c7cc"/>

33. <meta name="color:Post Title Background" content="#edeef1"/>

34. <meta name="color:Post Title" content="#2c222f"/>

35. <meta name="color:Title" content="#72759d"/>

36. <meta name="color:Subtitle" content="#72759d"/>

37. <meta name="color:Text" content="#2c222f"/>

38. <meta name="color:Bold" content="#72759d"/>

39. <meta name="color:Italic" content="#72759d"/>

40. <meta name="color:Underline" content="#72759d"/>

41. <meta name="color:Links" content="#9092b2"/>

42. <meta name="color:Links Hover" content="#505273"/>

43. <meta name="color:Post Data" content="#ffffff"/>

44. <meta name="color:Info" content="#ffffff"/>

45. <meta name="color:Info Hover" content="#505273"/>

46. <meta name="color:Tags" content="#9092b2"/>

47. <meta name="color:Tags Hover" content="#505273"/>

48. <meta name="color:Name" content="#72759d"/>

49. <meta name="color:Quote First Letter" content="#72759d"/>

50. <meta name="color:Question Background" content="#edeef1"/>

51. <meta name="color:Audio Title" content="#72759d"/>

52. <meta name="color:Music Player Background" content=""/>

56.

57. <meta name="image:Background"/>

58. <meta name="image:Sidebar"/>

59. <meta name="image:Sidebar Background"/>

60. <meta name="image:Post Border"/>

61. <meta name="text:Title"/>

62. <meta name="text:Subtitle"/>

63. <meta name="if:Show Twitter" content="1"/>

64. <meta name="if:Show About" content="1"/>

65. <meta name="if:Show Navigation" content="1"/>

66. <meta name="if:Show Link One" content="1"/>

67. <meta name="if:Show Link Two" content="1"/>

68. <meta name="if:Show Link Three" content="1"/>

69. <meta name="if:Show Link Four" content="1"/>

70. <meta name="text:Twitter" content="input the link to your twitter"/>

71. <meta name="text:About" content="input the link to your about">

72. <meta name="text:Navigation" content="input the link to your navigation

page"/>

73. <meta name="text:Link One Title"/>

74. <meta name="text:Link One"/>

75. <meta name="text:Link Two Title"/>

76. <meta name="text:Link Two"/>

77. <meta name="text:Link Three Title"/>

78. <meta name="text:Link Three"/>

79. <meta name="text:Link Four Title"/>

80. <meta name="text:Link Four"/>

84.

85. <link href='http://fonts.googleapis.com/css?family=Montserrat'

rel='stylesheet' type='text/css'>

86. <link href='http://fonts.googleapis.com/css?family=Source+Code+Pro'

87. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro'

88. <link href='http://fonts.googleapis.com/css?family=Alex+Brush'

92. <style type="text/css">

94. /* BASICS */

96. body {

97. background-color: {color:background};

98. background-image: url('{image:background}');

99. background-repeat: repeat;

100. color: {color:text};

101. font-family: 'Source Sans Pro';

102. font-size: 11px;

103. text-align: left;

104. word-wrap: normal;

105. word-break: normal;

106. line-height: 100%;

107. margin: 0px;

108. }

111. a, a:active, a:visited {

112. color: {color:links};

113. text-decoration: none;

114. }

117. a:hover {

118. color: {color:links hover};

120. }

123. b, strong {

124. color: {color:bold};

125. font-weight: 600;

126. }

129. i, em {

130. color: {color:italic};

131. }

134. u, underline {

135. color: {color:underline};

136. text-decoration: underline;

137. }

140. small {

141. font-size: 90%;

142. }

145. pre {

146. font-size: 90%;

147. word-wrap: break-word;

148. letter-spacing: 1px;

149. }

152. p {

153. margin: 10px;

154. }

157. blockquote {

160. margin-left: 10px;

161. margin-right: 0px;

162. padding: 5px;

163. border-left: 1px solid {color:post border};

164. }

167. blockquote blockquote {

172. padding: 5px;

174. }

177. blockquote img {

178. width: auto;

179. max-width: 475px;

180. overflow: hidden;

181. }

184. blockquote blockquote img {

185. width: auto;

188. }

191. u, li img {

192. width: auto;

195. }

198. h1 {

199. color: {color:title};

200. font-family: 'Alex Brush';

203. text-transform: lowercase;

204. text-align: center;

205. width: 275px;

206. margin-top: 315px;

208. margin-right: auto;

209. position: fixed;

210. z-index: 9;

211. }

214. h2 {

216. text-indent: 25px;

217. text-transform: uppercase;

219. }

222. h3 {

223. color: {color:subtitle};

224. font-family: 'Source Code Pro';

229. width: 275px;

230. border-top: 1px solid {color:subtitle};

235. z-index: 9;

236. }

239. h4 {

242. font-weight: normal;

245. text-align: right;

247. }

250. h4::first-letter {

253. font-weight: normal;

256. }

259. h5 {

260. background-color: {color:post title background};

261. color: {color:post title};

262. font-family: 'Montserrat';

268. width: 492px;

269. padding-top: 15px;

270. padding-bottom: 15px;

272. margin-bottom: 5px;

273. border: 4px double {color:post border};

274. }

278. /* SIDEBAR */

280. #sidebar {

281. background-image: url('{image:sidebar background}');

282. background-color: {color:sidebar background};

284. height: 100%;

285. width: 325px;

286. margin-top: -50px;

288. border-right: 2px solid {color:sidebar border};

290. z-index: 9;

291. }

294. #imagebar {

295. background: url('{image:sidebar}');

296. height: 175px;

297. width: 175px;

298. border: 10px solid {color:sidebar border};

299. border-radius: 100px;

300. -webkit-border-radius: 100px;

301. -moz-border-radius: 100px;

302. -o-border-radius: 100px;

307. z-index: 9;

308. }

311. #imagebar img {

317. }

320. #description {

321. background-color: {color:description background};

322. color: {color:description text};

325. text-align: justified;

326. height: 150px;

327. width: 220px;

330. padding: 5px;

332. overflow-y: auto;

334. float: right;

335. display: block;

336. z-index: 9;

337. }

340. #menu {

341. background-color: transparent;

343. height: 204px;

344. width: 20px;

347. padding: 5px;

349. z-index: 1;

350. }

353. .item {

354. background-color: {color:sidebar background};

356. height: 19px;

357. width: 19px;

360. padding-left: 4px;

361. padding-right: 2px;

366. }

369. .item:hover {

370. background-color: {color:sidebar border};

373. }

377. /* POSTS */

379. #entries {

385. width: 500px;

389. }

392. #post {

393. background-color: {color:post background};

398. width: 500px;

400. padding: 20px;

401. border-bottom: 1px solid {color:post border};

402. border-right: 1px solid {color:post border};

405. }

408. #post a, a:active, a:visited {

409. color: {color:links};

411. }

414. #post a:hover {

415. color: {color:links hover};

416. }

419. #info {

420. background-color: {color:post border};

421. background-image: url('{image:post border}');

422. color: {color:post data};

428. text-shadow: 1px -1px 4px {color:data}, -1px 1px 4px {color:post

data};

429. width: 522px;

434. padding-bottom: 20px;

437. }

440. #info img {

441. height: 100%;

442. width: 522px;

444. }

447. #info a, a:active, a:visited {

448. color: {color:info} ;

450. text-shadow: 1px -1px 4px {color:data}, -1px 1px 4px {color:post

data};

451. }

454. #info a:hover {

455. color: {color:info hover};

456. }

459. #tags {

461. color: {color:tags};

467. width: 520px;

468. line-height: 10px;

471. margin-right: -40px;

472. padding: 5px

473. }

476. #tags a, a:active, a:visited {

477. color: {color:tags};

479. }

482. #tags a:hover {

483. color: {color:tags hover};

484. }

488. /* QUOTES */

490. .quote {

494. font-style: italic;

498. padding: 10px;

499. }

502. .quote::first-letter {

503. color: {color:quote first letter};

504. font-family: 'Alex Brush';

506. }

510. /* ASK */

512. .question {

514. width: 500px;

515. border-bottom: 1px solid {color:name};

516. }

519. .asker {

520. color: {color:name};

529. }

532. .asker a, a:active, a:visited {

534. }

537. .asker a:hover {

538. color: {color:link hover};

539. }

542. .ask {

543. background-color: {color:question background};

548. padding: 5px;

549. border: 1px dotted {color:post border};

550. }

553. .reply {

554. background-color: {color:question background};

555. width: 478px;

558. border: 1px dotted {color:post border};

559. }

562. .answerer {

569. text-align: right;

572. }

575. .answerer a, a:active, a:visited {

577. }

580. .answerer a:hover {

581. color: {color:link hover};

582. }

586. /* CHAT */

588. .chat {

589. height: auto;

590. width: auto;

591. border-top: 1px solid {color:post border};

593. border-right: 1px solid {color:post border};

594. }

597. .line {

598. height: auto;

599. width: auto;

600. border-bottom: 1px solid {color:post border};

601. }

605. /* AUDIO */

607. .audio {

608. background-image: url('{image:music player background}');

609. background-color: {color:music player background};

610. width: 492px;

611. height: 50px;

612. border: 4px double {color:post border};

613. }

616. .player {

617. background-color: {color:music player background};

618. height: 50px;

619. width: 50px;

622. opacity: 0.8;

623. filter: alpha(opacity=80);

624. -webkit-transition: all 0.7s ease;

625. -moz-transition: all 0.7s ease;

626. -o-transition: all 0.7s ease;

627. float: right;

629. }

632. .player:hover {

633. opacity: 0.8;

634. filter:alpha(opacity=80);

635. }

638. .playero {

639. height: 25px;

640. width: 25px;

643. padding: 3px;

645. }

648. .albumart {

651. float: left;

652. z-index: 9;

653. }

656. .track {

663. height: 30px;

666. padding: 0px;

667. float: left;

668. }

671. .caption {

672. font-style: italic;

675. }

678. </style></head>

680. <body>

681. <div id="sidebar">

682. <div id="imagebar"></div>

683. <h1>{text:title}</h1>

684. <h3>{text:subtitle}</h3>

685. <div id="description">{Description}</div>

686. </div>

687. <div id="menu">

688. <div class="item"><a href="/" title="ʀ ғᴇ ʀᴇsʜ"><img

src="http://i.imgur.com/dir8IR3.png"></a></div>

689. <div class="item"><a href="/ask" title="ᴍᴇssᴀɢᴇ"><img

src="http://i.imgur.com/VWLuTgv.png"></a></div>

690. {block:IfShowTwitter}<div class="item"><a href="{text:Twitter}"

title="ᴛᴡɪᴛᴛᴇʀ"><img

src="http://i.imgur.com/HAXvHZG.png"></a></div>{/block:IfShowTwitter}

691. {block:IfShowAbout}<div class="item"><a href="{text:About}"

title="ᴀʙᴏᴜᴛ"><img

src="http://i.imgur.com/2L6kIll.png"></a></div>{/block:IfShowAbout}

692. {block:IfShowNavigation}<div class="item"><a href="{text:Navigation}"

title="ɴᴀᴠɪɢᴀᴛɪᴏɴ"><img

src="http://i.imgur.com/D7G0Vvc.png"></a></div>{/block:IfShowNavigation}

693. {block:IfShowLinkOne}<div class="item"><a href="{text:Link One}"

title="{text:Link One Title}"><img

src="http://i.imgur.com/MtNntNK.png"></div>{/block:IfShowLinkOne}

694. {block:IfShowLinkTwo}<div class="item"><a href="{text:Link Two}"

title="{text:Link Two Title}"><img

src="http://i.imgur.com/MtNntNK.png"></a></div>{/block:IfShowLinkTwo}

695. {block:IfShowLinkThree}<div class="item"><a href="{text:Link Three}"

title="{text:Link Three Title}"><img

src="http://i.imgur.com/MtNntNK.png"></div>{/block:IfShowLinkThree}

696. {block:IfShowLinkFour}<div class="item"><a href="{text:Link Four}"

title="{text:Link Four Title}"><img

src="http://i.imgur.com/MtNntNK.png"></a></div>{/block:IfShowLinkFour}

697. {block:Pagination}

698. {block:NextPage}<div class="item"><a href="{NextPage}"

title="ɴᴇxᴛ"><img

src="http://i.imgur.com/Q7BlIPT.png"></a></div>{/block:NextPage}

699. {block:PreviousPage}<div class="item"><a href="{PreviousPage}"

title="ᴘʀᴇᴠɪᴏᴜs"><img

src="http://i.imgur.com/ukoQhnC.png"></a></div>{/block:PreviousPage}

700. {/block:Pagination}

701. <div class="item"><a href="http://angelicxi.tumblr.com/" title="ᴛʜᴇᴍᴇ

ʙʏ ᴀɴɢᴇʟɪᴄxɪ."><img src="http://i.imgur.com/bqUvAf4.png"></a></div>

702. </div>

704. <div id="entries">

705. {block:Posts}

706. <div id="info"><span style="float:left">posted {block:Date}<a

href="{Permalink}">{TimeAgo}</a>{/block:Date} with <a

href="{Permalink}">{NoteCount} notes</a></span>

707. <span style="float:right"> <a href="{ReblogURL}" target="_blank"

class="details">reblog</a> {block:RebloggedFrom}/ <a title

="{ReblogParentName}" href="{ReblogParentURL}">via</a>

{block:ContentSource}/ <a href="{SourceURL}">origin</a>

{/block:ContentSource} {/block:RebloggedFrom}</span></div>

710. <div id="post">{block:Text}{block:Title}<h5>{Title}</h5>{/block:Title}

{Body}</span>{/block:Text}

712. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}

{block:Caption}{Caption}{/block:Caption}{/block:Photo}

714. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}

{/block:Photoset}

716. {block:Quote}

717. <div class="quote">{Quote}</div>

718. {block:Source}

719. <h4>— {Source} </h4>

720. {/block:Source}

721. {/block:Quote}

724. {block:Link}<h5><a href="{URL}"

{Target}>{Name}</a></h5>{block:Description}{Description}{/block:Description}{/

block:Link}

727. {block:Chat}

728. {block:Title}<h5>{Title}</h5>{/block:Title}

729. <div class="chat">

730. {block:Lines}

731. <div class="line"><p>{block:Label}<b>{Label}</b>{/block:Label}

{Line}</p></div>

732. {/block:Lines}

733. </div>

734. {/block:Chat}

737. {block:Audio}

738. <div class="audio">

739. <div class="player"><div

class="playero">{AudioPlayerWhite}</div></div>

740. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}"

width="50" height="50">{/block:AlbumArt}</div>

741. <div class="track">{block:Artist}{Artist}{/block:Artist} –

<span style="color:{color:audio title};font-family:'Alex Brush';font-size:

15px;text-transform:lowercase">{block:TrackName}{TrackName}{/block:TrackName}</

span></div></div>

742. <div class="caption">{block:caption}{Caption}{/block:caption}</div>

743. {/block:Audio}

746. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/

block:Video}

749. {block:Answer}

750. <div class="question">

751. <div class="asker">{Asker} {text:asker} said:</div>

752. <div class="ask"><p>{Question}</p></div>

753. </div>

754. {block:Answerer}

755. <div class="reply">

756. {Answer}

757. </div>

758. <div class="answerer">— {Answerer}</div>

759. {/block:Answerer}

760. {Replies}

761. {/block:Answer}

762. </div>

764. <div id="tags">{block:HasTags}<span style="color:{color:text}">filed

under:</span> {block:Tags}<a

href="{TagURL}">{Tag};</a> {/block:Tags}{/block:HasTags}</div>

766. {/block:Posts}

767. {block:PostNotes}{PostNotes}</div>{/block:PostNotes}

768. </body></html>

!--Theme #38: My World ft. Modelby tranqiulity (http://tranqiulity.tumblr.com)Thank you for choosing this theme! Please leave all credits on.-->

<title>{Title}</title><link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lm6pmyp6DC1qfoi4t.gif" type="image" />

::-webkit-scrollbar {width: 4px; height: 4px; background: #f0f0f0; }::-webkit-scrollbar-thumb { background-color: #999999; -webkit-border-radius: 0ex; }

#tumblr_controls{position:fixed !important;-webkit-filter: invert(100%);}

iframe#tumblr_controls {right:3px !important; position: fixed!important;-webkit-transition: opacity 0.7s linear;opacity:

0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8sease-out;transition: all 0.8s ease-out;}

iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7slinear;opacity: 1;-webkit-transition: all 0.4sease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4sease-out;}

body{background-color: {color:background color};background-position: bottom left;background-image: url('{image:background image}');background-repeat: repeat;background-attachment: fixed;cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png) 3 3, auto;}

body, div, textarea, submit, input{font: normal 11px calibri;color: {color:text};line-height: 12px;margin: 0px;}

a:link, a:active, a:visited{color: {color:link};text-decoration: none;transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png) 3 3, auto;}

a:hover{color: {color:Hover};text-decoration: none;transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png) 3 3, auto;}

@font-face { font-family:"champagne"; src:url('http://static.tumblr.com/xekbux7/zVim6yitc/champagne___limousines.ttf');}@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }@font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }@font-face { font-family: "neou"; src: url('http://static.tumblr.com/jdjsstr/Eq8m819c1/neou-thin_1_.ttf'); }@font-face{font-family: 'pixel';src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}@font-face { font-family: "lubalin"; src: url('http://static.tumblr.com/uuzw7gl/x1umfczqz/lubgrxl.ttf'); }@font-face { font-family: "s"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }@font-face { font-family: "southern"; src:

url('http://static.tumblr.com/wkrmnwc/4cZmmv7w1/southernaire_personal_use_only.ttf'); }@font-face { font-family: "peach"; src: url('http://static.tumblr.com/wkrmnwc/9cbmla57h/peach-sundress.ttf'); }@font-face { font-family: "always"; src: url('http://static.tumblr.com/wkrmnwc/Kcmmmv98c/always_in_my_heart.ttf'); }@font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }

.dawson{padding: 7px;}

.holly{padding-left: 7px;padding-right: 7px;padding-top: 7px;padding-bottom: 0px;}

.jenny{border-bottom: #999 0px solid;padding-bottom: 3px;margin-bottom: 0px;}

.jenny a:link, .jenny a:active, .jenny a:visited,

.brooke a:link, .brooke a:active, .brooke a:visited{color: {color:header}}

.jenny a:hover, .brooke a:hover{color:{color:hover}}

.michael{text-align: right;margin-top:0px;padding-left: 5px;padding-right: 10px;margin-bottom: 0px;background-color: ;overflow:auto;border-left: #999 0px solid;}

red{font-family: champagne;color: #999;font-size: 28px;line-height: 24px;border-bottom: #666 0px dotted;text-transform:uppercase;margin-top: -5px;margin-bottom: 13px;background-color: ;}

monique{

font-family: champagne;color: #666;font-size: 28px;line-height: 24px;text-transform: uppercase;}

.brenden{padding-top:0px;padding-bottom:2px;}

.brooke {background-color: #f7f7f7;padding: 4px 3px 4px 5px;}

.brookeimg{border-radius: 40px;border: 4px #f7f7f7 solid;overflow:hidden;width:40px;float:left;}

.brookeimg img{width:40px; float:left;margin-right:8px; }

lavender, p {font: normal 12px calibri;text-transform: none;color: {color:text};letter-spacing: 0px; }

aiden{font-family: calibri;font-size: 12px;text-transform: uppercase;line-height: 18px;border-bottom:1px solid #ccc;letter-spacing: 0px;color: {color:header};}

silver{font-family: calibri;font-size: 12px;}

#sidebar{height:100%;width: 165px;top: 0px;margin-left: 130px;position: fixed;border-left:1px solid #ccc;

border-right:1px solid #ccc;padding:10px;padding-top:200px;background-color:#f9f9f9;transition: all 1.5s ease-out;-o-transition-transition: all 1.5s ease-out;-webkit-transition: all 1.5s ease-out; -moz-transition: all 1.5s ease-out;}

#image{border-radius:150px;padding:7px;background-color:#f7f7f7;width:150px;height:150px;border:1px #ccc solid}

#oriana{ position:fixed !important;width: 160px;height: 105px;margin-top: 36px;background-color:;margin-left: 3px;border: solid 0px #bbb;z-index:3color: #666;line-height:12px;text-align:justify;font-size: 11px;font-family: calibri;}

#banner{position: fixed;top:33px;left:0px;height:107px;width:100%;border-top: solid 1px #fff;border-bottom: solid 1px #fff;-moz-box-shadow: 0px 0px 3px #ccc;-webkit-box-shadow: 0px 0px 3px #ccc;box-shadow: 0px 0px 3px #ccc;background-color:#f9f9f9;background-image: url('{image:banner background image}');z-index:1}

#jack{font-family:champagne;font-size: 60px;color: {color:header1};text-transform: none;

margin-top: 0px;margin-left: 350px;position:fixed;text-align:left;text-transform: ;letter-spacing: 0;line-height: 65px;height: 45px;transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}

#header2{font-family:sunshine;font-size: 40px;color: {color:header2};text-transform: none;margin-top: 39px;margin-left: 385px;position:fixed;text-align:left;text-transform: ;letter-spacing: 0;line-height: 65px;height: 45px;transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}

#alex{text-transform:none;color:#666;margin-top: 185px;margin-left:0px;width:165px;height:35px;position: fixed;opacity:1.0;text-align:center;float:left;line-height:0px;transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;border-radius:1px}

#alex a:link, #alex a:visited, #alex a:active{color: {color:link};}

#alex a:hover{color: {color:hover};transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}

#credits{bottom:-35px;right: -35px;border-radius: 50px;width: 37px;height: 37px;padding: 12px;font-family: consolas;font-size: 10px;color: #666666;background-color: #fff;opacity: 0.8;border: solid {color:link} 2px;position:fixed;z-index:9}

blockquote {margin: 2px 2px 2px 5px;background-color: ;text-decoration: none;font: normal 8px pixel;line-height: 11px;padding: 0px;padding-left: 10px;border-width:0px 0px 0px 3px;border-style:solid;border-color:{color:bold and highlight};}

#middle{ margin-left: 360px;margin-top: 160px;width: 840px;padding: 0px;height: auto;background-color: ;}

.entry {float: left;display: block;margin: 10px;{block:indexpage}width: 235px;{/block:indexpage}{block:PermalinkPage}width: 500px;height: auto;

{/block:PermalinkPage} line-height:8px;background-color:#fff; padding:10px;margin-right:10px;border: 1px solid #dddddd;border-radius: 4px;overflow:hidden; margin-bottom:10px;overflow:hidden;opacity: 0.85;}

.entry:hover{opacity:1.0;-webkit-transition: opacity 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

.london{width:221px;height: 20px;font-family: consolas;font-size: 10px;text-transform:none;position: absolute;line-height: 12px;text-align: center;overflow:hidden;color: #999999;text-transform:uppercase;letter-spacing:1px;padding:2px 3px 7px 4px;opacity: 0.0;padding-right: 10px;background-color:#ffffff;border-bottom:3px solid {color:link};top:3px;margin-top: -10px; opacity: 0.0;-webkit-transition: opacity 0.6s ease-out;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}

.entry:hover .london {margin-top: 5px;-webkit-transition: opacity 0.6s ease-out;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;opacity: 1.0;}

.iris {display: block;padding: 3px 1px 2px 1px;font-size: 10px;font-family: consolas;color: #999;text-transform:uppercase;letter-spacing:1px;text-align: center;text-decoration: none;background-color: #f9f9f9;width: 100%;height: 14px;margin-left:0px;line-height: 14px;opacity:1.0}

.notes img {display: none;}

.photoset, .photoset_row, div.photoset_photo, .photoset img, .html_photoset{margin: 0 auto;}

ol.notes{font: normal 8px pixel;padding: 0 10px;margin: 20px;}

.notes{font: normal 8px pixel;}

ul, ol {font:normal 12px calibri;line-height: 12px;}

input[type=button]{font-size: 9px;}

b, strong {letter-spacing: 0px;font-weight: bold;color: {color:bold and highlight};padding-left: 0px;}

highlight{background-color: {color:bold and highlight};letter-spacing: 0px;font-weight: none;color: #fff;padding: 0px;font: normal 10px calibri;

text-transform:uppercase;letter-spacing:1px;line-height:8px}

u {font-weight: normal;letter-spacing: 0px;text-decoration: none;color: #666666;border-bottom: 1px dashed #666666; }

em,i {text-decoration: uppercase;letter-spacing: 1px;font-size: 8px;font-family: pixel;color: #999999; font-style: normal;text-transform:none}

s,strike {font-weight: normal;letter-spacing: -1px;font-size: 8px;font-family: ronda;color: #ccc;}

{CustomCSS}

</style></head><body><div id="banner"><div id="jack">{text:header1}</div><div id="header2">{text:header2}</div></div>

<div id="sidebar"><div id="alex"><a href="/">refresh</a> / <a href="/ask">inbox</a> / <a href="{text:link1 url}">{text:link1 title}</a> / <a href="{text:link2 url}">{text:link2 title}</a></div><div id="image"><img src="{image:sidebar image}" width="150px" height="150px" style="border-radius:150px;"></div><div id="oriana">{Description}</div></div><a href="http://tranqiulity.tumblr.com"><div id="credits">&spades;</div></a>

<div id="middle">{block:Posts}

<div class="entry">{block:IndexPage}{/block:IndexPage}

{block:Text}<div class="dawson"><center>{block:Title}<div class="jenny"><red><a

href="{Permalink}">{Title}</a></red></div>{/block:Title}</center>{Body}</div><div class="iris"><a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> </div>{/block:Text}

{block:Photo}{block:IndexPage}<div class="london">posted {timeago}<br><a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div>{LinkOpenTag}<a href="{ReblogURL}" target="_blank"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=235px/></a>{LinkCloseTag}{/block:IndexPage}{block:permalinkpage}{LinkOpenTag}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=500px/>{Caption}</center>{LinkCloseTag}{/block:permalinkpage}{/block:Photo}

{block:Photoset}{block:IndexPage}<div class="london">posted {timeago}<br><a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div>{Photoset-250}{/block:IndexPage}{block:permalinkpage}{Photoset-250}{/block:permalinkpage}{/block:Photoset}

{block:Quote}<div style="font-family:sunshine;font-size:18px;line-height:18px;">"{Quote}"</div><div style="text-align:right">{block:Source}{Source}{/block:Source}</div><br><div class="iris"><a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:Quote}

{block:Link}<div class="holly"><div class="jenny"><center><monique><a href="{URL}" {Target}>{Name}</a></monique></div><div class="brenden">{block:Description}{Description}{/block:Description}</div></center></div><div class="iris"><a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:Link}

{block:Chat}{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}<ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}{Line}</li>{/block:Lines}{/block:Chat}

{block:Video}{Video-500}{/block:Video}

{block:Answer}<div class="tinsley"><div class="brooke"><div class="brookeimg"><img src="{AskerPortraitURL-40}"></div> <aiden>{Asker} said:</aiden> <lavender>{Question}</lavender></div><div class="michael">{Answer}</div></div>{block:IndexPage}<a href="{Permalink}"></a>{/block:IndexPage}{block:PermalinkPage}<div class="dawson">{LinkCloseTag}{/block:PermalinkPage}{/block:Answer}

{block:Audio}{AudioPlayerBlack}{block:Caption}{Caption}{/block:Caption}{/block:Audio}

<div class="notes">{block:PermalinkPage}<br><center><silver>

{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} + {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} + Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</silver></center>{block:PostNotes}<a name=”notes”>{PostNotes}</a>{/block:PostNotes}{/block:PermalinkPage}</div>

</div><br><br>

{/block:Posts}

</div></div>

{block:IndexPage}{block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script><script type="text/javascript">$(window).load(function(){var $wall = $('#middle');$wall.imagesLoaded(function(){$wall.masonry({itemSelector: '.entry',isAnimated : false});});

$wall.infinitescroll({navSelector : '#page-nav',nextSelector : '#page-nav a',itemSelector : '.entry',bufferPx : 2000,debug : false,errorCallback: function() {$('#infscr-loading').fadeOut('normal');}},function( newElements ) {var $newElems = $( newElements );$newElems.hide();$newElems.imagesLoaded(function(){$wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );});}); $('#content').show(500);});</script>{/block:IndexPage}

//Disable right mouse click Script//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive//For full source code, visit http://www.dynamicdrive.com

var message="";

///////////////////////////////////function clickIE4(){if (event.button==2){alert(message);return false;}}

function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2|e.which==3){alert(message);return false;}}}

if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}

document.oncontextmenu=new Function("return false")

// --></script>

</body></html>

<title>{Title}</title>

iframe#tumblr_controls {right:3px !important; position: fixed!important;-webkit-transition: opacity 0.7s linear;opacity:0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8sease-out;transition: all 0.8s ease-out;}

body{background-color: {color:background color};background-position: bottom left;background-image: url('{image:background image}');background-repeat: repeat;background-attachment: fixed;}

body, div, textarea, submit, input{font-family: {font:body};color: {color:text};font-size: 8px;line-height: 12px;margin: 0px;}

a:link, a:active, a:visited{color: {color:link};text-decoration: none;

transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}

a:hover{color: {color:Hover};text-decoration: none;transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;;}

@font-face { font-family:"champagne"; src:url('http://static.tumblr.com/xekbux7/zVim6yitc/champagne___limousines.ttf');}@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }@font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }@font-face { font-family: "neou"; src: url('http://static.tumblr.com/jdjsstr/Eq8m819c1/neou-thin_1_.ttf'); }@font-face{font-family: 'pixel';src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}@font-face { font-family: "arsenale"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }@font-face{font-family: "web"; src: url('http://static.tumblr.com/xgofl0y/yqZm3m5if/websymbols-regular-webfont.ttf');}@font-face{font-family:jane; src: url('http://static.tumblr.com/bm7b8hm/vnWmf9864/janeaust.ttf');,}

.dawson{opacity: .8;padding: 7px;}

.holly{opacity: .8;padding-left: 7px;padding-right: 7px;padding-top: 7px;padding-bottom: 0px;}

div.holly a:hover{color: {color:Hover};-webkit-transition-duration: 0.5s;}

.kari{opacity: .8;padding-left: 0px;padding-right: 0px;

padding-top: 0px;padding-bottom: 4px;margin-bottom: -3px;}

.tinsley{opacity: .8;}

.michael{text-align: right;margin-top:0px;padding-top: 1px;padding-left: 10px;padding-bottom: 1px;padding-right: 10px;margin-bottom: 0px;background-color: ;border-left: #999 0px solid;}

red {font-family: champagne;color: #999;font-size: 24px;line-height: 24px;border-bottom: #666 0px dotted;text-transform: uppercase;margin-top: -5px;margin-bottom: 13px;width: 400px;background-color: ;letter-spacing: 1px;}

monique {font-family: champagne;color: #666;font-size: 24px;line-height: 24px;letter-spacing: 1px;width: 400px;text-transform: uppercase;}

.brenden{padding-top:0px;padding-bottom:2px;}

heath {font-family: consolas;line-height: 10px;font-size: 10px;text-transform: none;margin-top: 0px;margin-bottom: 3px;}

.brooke {padding: 5px 7px 3px 7px;margin-bottom: 0px;background-image: url('http://25.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo6_100.png');border-radius: 10px 10px 0px 0px;border-bottom: 1px #999 solid;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-top: 1px solid #ccc;}

.hermione {padding-top: 7px;font-family: consolas;font-size: 10px;}

mandy{font-family: consolas;font-size: 10px;padding-top:7px;}

lavender, p {font: normal 10px consolas;text-transform: none;color: #333333;letter-spacing: 0px; }

aiden{font-family: arsenale;font-size: 28px;line-height: 24px;letter-spacing: 0px;text-transform: uppercase;color: {color:link};}

silver{font-family: arsenale;font-size: 22px;opacity: 0.9;padding: 5px}

#sidebar{height:261px;overflow:hidden;margin-top: 125px;margin-left: 155px;position: fixed;width: 250px;background-color:#fff; padding:7px;border: double 3px #ddd;-moz-box-shadow: 0px 0px 2px #ccc;-webkit-box-shadow: 0px 0px 2px #ccc;box-shadow: 0px 0px 2px #ccc;

background-image: url('http://25.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo6_100.png');}

#sidebar img{width:250px;height: 250px;border: 0px solid #fff;transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}

#oriana{ position:fixed !important;opacity:1.0;width: 234px;height: 40px;padding-top:17px;padding-right: 15px;padding-left: 15px;padding-bottom: 5px;margin-top: 420px;margin-left: 155px;background-color: #fff;transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;border: double 3px #ddd;-moz-box-shadow: 0px 0px 2px #ccc;-webkit-box-shadow: 0px 0px 2px #ccc;box-shadow: 0px 0px 2px #ccc;background-image: url('http://25.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo6_100.png');}

.orianadescription{font-family: consolas;font-size: 10px;color: #666;overflow: auto;height: 40px}

#anthony{margin-top: 48px;margin-left: 70px;position: fixed;}

#tyler{background-image: url('');width: 475px;height: auto;top: 390px;left:187px;

position: fixed}

#tyler2{background-image: url('');width: 475px;height: auto;top: 390px;left:335px;position: fixed}

#jack{font-family:jane;font-size: 60px;color: {color:header};position: fixed;text-transform: none;margin-top: -36px;margin-left: -27px;text-align:center;width: 300px;text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}

#alex{text-transform:none;font-family:web;color:#666;margin-top: -215px;margin-left: 252px;position: fixed;line-height: 20px;width: 27px;height: 90px;background-color: #fdfdfd;opacity: 0.9;padding-bottom: 8px;transition: all 0.5s ease-out;-o-transition-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;border-top: double 3px #ddd;border-bottom: double 3px #ddd;border-right: double 3px #ddd;border-radius: 0px 7px 7px 0px;-moz-box-shadow: 0px 0px 2px #ccc;-webkit-box-shadow: 0px 0px 2px #ccc;box-shadow: 0px 0px 2px #ccc;}

.ref{letter-spacing:1px;height: 19px;

width: 20px;padding: 5px 3px 0px 5px;font-family:web;font-size: 12px;transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}

.ask{letter-spacing:1px;height: 20px;width: 20px;padding: 5px 3px 0px 5px;font-family:web;font-size: 12px;transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}

.lix{letter-spacing:1px;height: 20px;width: 20px;padding: 5px 3px 0px 5px;font-family:web;font-size: 12px;transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}

.thm{letter-spacing:1px;height: 19px;width: 20px;padding: 5px 3px 0px 5px;font-family:web;font-size: 12px;transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}

#alex a:link, #alex a:visited, #alex a:active{color: {color:link};font-family:web;font-size: 12px}

#alex a:hover{color: {color:hover};cursor: crosshair;transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;

-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}

.ref:hover{background-color: {color:navigation hover};transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}

.ask:hover{background-color: {color:navigation hover};transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}

.lix:hover{background-color: {color:navigation hover};transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}

.thm:hover{background-color: {color:navigation hover};transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}

blockquote {margin: 10px 5px 10px 5px;color: #000000;background-color: #f7f7f7;font-family:consolas;text-decoration: none;font-size: 8px;line-height: 10px;padding: 10px;padding-left: 15px;border-width:0px 0px 0px 3px;border-style:solid;border-color:{color:bold and highlight};-moz-box-shadow: 1px 1px 1px #ccc;-webkit-box-shadow: 1px 1px 1px #ccc;box-shadow: 1px 1px 1px #ccc;}

#middle{ margin-left: 505px;margin-top: 4px;width: 650px;padding: 0px;

height: auto;background-color: ;}

.entry {float: left;display: block;margin: 10px;{block:indexpage}width: 250px;{/block:indexpage}-moz-box-shadow: 0px 0px 4px #ccc;-webkit-box-shadow: 0px 0px 4px #ccc;box-shadow: 0px 0px 4px #ccc;{block:PermalinkPage}width: 400px;height: auto; {/block:PermalinkPage} line-height:8px;background-color:#fff; padding:8px;margin-right:10px;border: 3px double #ddd;overflow:hidden; margin-bottom:10px;overflow:hidden;transition: all 0.9s ease-out;-o-transition-transition: all 0.9s ease-out;-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}

.entry img {{block:indexpage}width: 250px;{/block:indexpage}{block:permalinkpage}width: 400px;{/block:permalinkpage}display: block;}

.london{width:240px;height: 8px;font-family: silkscreen;font-size: 8px;text-transform:uppercase;position: absolute;line-height: 10px;text-align: center;overflow:hidden;color: {color:link};padding:5px;opacity: 0.0;border-bottom:0px double #ddd;

background-color:#fff;margin-top:0px;margin-left: 0px; border-radius: 0px;-webkit-transition: opacity 0.5s ease-out; opacity: 0.0;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

.entry:hover .london {margin-top: 0px;margin-left: 0px;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;filter: alpha(opacity = 80);opacity: 0.8;}

.iris {display: block;padding: 1px;font-family: silkscreen;font-size: 8px;color: {color:link};line-height: 8px;text-align: right;text-decoration: none;}

ol.notes{font-family: consolas;font-size: 10px;padding: 0 10px;margin: 20px;}

.notes{font-family: consolas;font-size: 10px;}

ul, ol {font-family: consolas;font-size: 10px;line-height: 12px;}

b, strong {letter-spacing: 0px;font-weight: bold;color: {color:bold and highlight};padding-left: 0px;font-family: consolas;font-size:10px;}

highlight{background-color: {color:bold and highlight};letter-spacing: 0px;font-weight: none;color: #fff;padding-left: 2px;font-family: ronda;font-size:8px;}

u {font-weight: normal;letter-spacing: 0px;text-decoration: none;color: #666666;border-bottom: 1px dashed #666666; }

em,i {text-decoration: uppercase;letter-spacing: 1px;font-size: 8px;font-family: silkscreen;color: #999999; font-style: normal;}

s,strike {font-weight: normal;letter-spacing: -1px;font-size: 8px;font-family: ronda;color: #ccc;}

#tooltip{position:absolute;margin-top: 17px;margin-left: -16px;border:0px solid #333;background:{color:link hover box};padding:1px 3px 3px 3px;color:#f7f7f7;display:none; font-family: ronda;font-size: 8px;text-transform: uppercase;}

{CustomCSS}

</style></head><body><div id="anthony"><img src="http://24.media.tumblr.com/039be00f06c2339279906a47e214ac53/tumblr_mirn2xzhkw1rctfm3o1_500.png"></div><div id="sidebar"><div id="jack">{text:header}</div><img src="{image:sidebar image}"></div><div id="oriana"><div class="orianadescription">{Description}</div>

{block:Text}<div class="dawson"><center>{block:Title}<div class="jenny"><red><a href="{Permalink}">{Title}</a></red></div>{/block:Title}</center><div class="hermione">{Body}</div><div class="iris"> <a href="{permalink}">{NoteCountwithlabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a> </div></div>{/block:Text}

{block:Photo}{block:IndexPage}<div class="london"><a href="{permalink}">{NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank"> reblog</a></div>{LinkOpenTag}<a href="{ReblogURL}" target="_blank"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=280px/></a>{LinkCloseTag}{/block:IndexPage}{block:permalinkpage}{LinkOpenTag}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=400px/></center>{LinkCloseTag}{/block:permalinkpage}{/block:Photo}

{block:Photoset}{block:IndexPage}<div class="london"><a href="{permalink}">{NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank"> reblog</a></div>{Photoset-250}{/block:IndexPage}{block:permalinkpage}{Photoset-250}{/block:permalinkpage}{/block:Photoset}

{block:Quote}<div class="noelle">{Quote}</div>{block:Source}<div class="noelle">{Source}{/block:Source}</div>{/block:Quote}

{block:Link}<div class="holly"><div class="jenny"><center><monique><a href="{URL}" {Target}>{Name}</a></monique></div><div class="brenden">{block:Description}{Description}{/block:Description}</div></center><div class="iris"> <a href="{permalink}">{NoteCountwithlabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a> </div></div>{/block:Link}

{block:Chat}{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}<ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}{Line}</li>{/block:Lines}{/block:Chat}

{block:Video}{Video-500}{/block:Video}

{block:Answer}<div class="kari"><div class="brooke"><aiden>{Asker} said:</aiden> <heath>{Question}</heath></div></div><div class="tinsley"><div class="michael"><mandy>{Answer}</mandy></div></div>{block:IndexPage}<a href="{Permalink}"></a>{/block:IndexPage}{block:PermalinkPage}<div class="dawson">{LinkCloseTag}{/block:PermalinkPage}{/block:Answer}

{block:Audio}{AudioPlayerBlack}{block:Caption}{Caption}{/block:Caption}{/block:Audio}

<div class="notes">{block:PermalinkPage}<br><center><silver>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} + {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} + Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</silver></center>{block:PostNotes}<a name=”notes”>{PostNotes}</a>{/block:PostNotes}{/block:PermalinkPage}</div>

</div><br><br>

{/block:Posts}

</div></div>

{block:IndexPage}{block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>

<!--//Disable right mouse click Script//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive//For full source code, visit http://www.dynamicdrive.com

var message="";

function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2|e.which==3){alert(message);return false;}}

// --></script>

</body></html>

<title>{Title}</title><link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lthbz6ofZe1qhwcy0.gif" type="image" />

iframe#tumblr_controls {right:3px !important; position: fixed!important;-webkit-transition: opacity 0.7s linear;opacity:0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8sease-out;transition: all 0.8s ease-out;}

body{background-color: {color:background color};background-position: bottom left;background-image: url('{image:background image}');background-repeat: repeat;background-attachment: fixed;cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png) 3 3, auto;}

body, div, textarea, submit, input{font: normal 11px calibri;color: {color:text};line-height: 12px;margin: 0px;}

a:link, a:active, a:visited{color: {color:link};text-decoration: none;transition: all 0.5s ease-out;-o-transition-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png) 3 3, auto;}

a:hover{color: {color:Hover};text-decoration: none;transition: all 0.5s ease-out;-o-transition-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png) 3 3, auto;}

@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }

@font-face{font-family: 'pixel';src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}@font-face { font-family: "arma"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }@font-face {font-family: "cedar"; src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf');}@font-face { font-family: "hand"; src: url('http://static.tumblr.com/wkrmnwc/PMsmmv89h/handsean.ttf'); }@font-face { font-family: "neou"; src: url('http://static.tumblr.com/jdjsstr/Eq8m819c1/neou-thin_1_.ttf'); }

.holly{padding-top: 3px;padding-bottom: 0px;}

.holly img{max-width:210px;height:auto}

.michael{text-align: left;margin-top:0px;padding-left: 5px;padding-right: 5px;margin-bottom: 0px;background-color: ;overflow:auto;border-left: #999 0px solid;}

red{font-family: cedar;color: #999;font-size: 22px;line-height: 22px;border-bottom: #666 0px dotted;text-transform:none;margin-top: -5px;margin-bottom: 13px;background-color: ;}

monique{font-family: cedar;color: #666;font-size: 22px;line-height: 22px;text-transform: none;}

.brenden{padding-top:0px;

padding-bottom:2px;}

.brooke {background-color: #f7f7f7;border-radius:5px;padding: 4px 3px 4px 5px;}

lavender, p {font: normal 9px calibri;text-transform: uppercase;color: {color:text};letter-spacing: 1px; }

aiden{font-family: consolas;font-size: 12px;text-transform: uppercase;border-bottom:1px dotted {color:link};line-height: 14px;letter-spacing: 0px;color: {color:link};}

#sidebar{height:160px;width: 730px;background:#fff;top: 0px;position: fixed;padding:5px;padding-top:30px;padding-left:25px;padding-bottom:10px;transition: all 0.7s ease-out;-o-transition-transition: all 0.7s ease-out;-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;z-index:5;margin-left: 270px;}

#descript{ width: 500px;height:44px;overflow:hidden;position:fixed;margin-top: -93px;margin-left: 190px;border: solid 0px #bbb;z-index:3;padding-top:0px;opacity:1.0;transition: all 0.7s ease-out;-o-transition-transition: all 0.7s ease-out;

-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;font-family: calibri;font-size: 8px;text-transform:uppercase;color: #ccc;line-height:11px;letter-spacing:1px;}

#header{font-family:hand;font-size: 36px;width:700px;font-weight:bold;color: {color:header};text-transform: none;margin-top: 5px;margin-left: 220px;text-align:left;line-height:38px;text-transform: none;letter-spacing: 0px;position:fixed;z-index:3}

#navigate{text-transform:none;color:#666;margin-top: -38px;margin-left:300px;width:auto;opacity:1.0;text-align:center;padding:0px 30px 0px 0px;height:90px;float:left;line-height:0px;transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;border-radius:1px;z-index:6}

#navigate a:link, #navigate a:visited, #navigate a:active{color: {color:link};}

#navigate a:hover{color: {color:hover};transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out;

-moz-transition: all 0.6s ease-out;}

.links{margin-left:10px;border:#fff 0px solid;margin-bottom:7px;font-size:16px;text-transform:none;line-height: 14px;float:left;font-family:neou;text-align: center;letter-spacing:2px;border-bottom:solid 0px #fff;transition: all 0.5s ease-out;-o-transition-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}

.links:hover{border-bottom:solid 3px {color:nav hover underline};transition: all 0.5s ease-out;-o-transition-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;font-style:italic;}

#borderright{background-image:url('http://static.tumblr.com/wkrmnwc/yEGmsms14/tranqiulity2.png');background-repeat:repeat;height:100%;width:18px;position:fixed;top:0px;left:1036px;z-index:10}

#borderleft{background-image:url('http://static.tumblr.com/wkrmnwc/aIUmsms0o/tranqiulity1.png');background-repeat:repeat;height:100%;width:18px;position:fixed;top:0px;left:239px;z-index:10}

#bg{background-color:#fff;position:fixed;height:100%;width:785px;

top:0px;left:254px;z-index:-1}

#credits{bottom:-35px;right: -35px;border-radius: 50px;width: 37px;height: 37px;padding: 12px;font-family: consolas;font-size: 10px;color: #666666;background-color: #fff;opacity: 0.8;border: solid {color:link} 2px;position:fixed;z-index:9}

blockquote {margin: 2px 2px 2px 5px;background-color: ;text-decoration: none;font: normal 9px consolas;line-height: 10px;text-transform:uppercase;padding: 0px;padding-left: 5px;border-width:0px 0px 0px 1px;border-style:dotted;border-color:{color:bold and highlight};}

#middle{ margin-top: 200px;width: 750px;margin-left:272px;height: auto;z-index:11}

.entry {float: left;display: block;margin: 5px;{block:indexpage}width: 210px;{/block:indexpage}{block:PermalinkPage}width: 350px;height: auto; {/block:PermalinkPage} line-height:8px;background-color:#fff; padding:14px;

margin-right:5px;border: 1px solid #e1e1e1;overflow:hidden; margin-bottom:5px;overflow:hidden;opacity: 0.80;z-index:11}

.entry:hover{-webkit-transition: opacity 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

.london{width:230px;height: 23px;font-family: consolas;font-size: 8px;text-transform:none;position: absolute;line-height: 11px;text-align: center;border-top: #e1e1e1 1px solid;border-bottom: #e1e1e1 1px solid;overflow:hidden;color: #666;text-transform:uppercase;letter-spacing:1px;padding:6px 3px 4px 3px;opacity: 0.0;padding-right: 6px;background-color:#fff;bottom:14px;margin-left: -14px; opacity: 0.0;-webkit-transition: opacity 0.6s ease-out;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}

.entry:hover .london {-webkit-transition: opacity 0.6s ease-out;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;opacity: 1.0;}

.london a:hover{color:{color:hover};text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);-webkit-transition: opacity 0.6s ease-out;

-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}

.iris {display: block;padding: 3px 5px 2px 1px;font-size: 8px;font-family: consolas;color: #999;text-transform:uppercase;letter-spacing:1px;text-align: right;text-decoration: none;background-color: ;border-top:1px solid #eee;width: auto;height: 10px;margin-left:0px;line-height: 10px;opacity:1.0;-webkit-transition: opacity 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

.iris a:hover{color:{color:hover};text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);-webkit-transition: opacity 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

ol.notes{font: normal 9px calibri;text-transform:uppercase;padding: 0 10px;margin: 20px;}

.notes{font: normal 8px pixel;}

ul, ol {font:normal 12px calibri;line-height: 12px;}

b, strong {letter-spacing: 0px;font-weight: bold;color: {color:bold and highlight};padding-left: 0px;}

highlight{background-color: {color:bold and highlight};letter-spacing: 0px;font-weight: none;color: #fff;padding: 0px;font: normal 8px consolas;text-transform:uppercase;letter-spacing:1px;line-height:8px}

u {font-weight: normal;letter-spacing: 0px;text-decoration: none;color: #666666;border-bottom: 1px dotted #999; }

em,i {text-decoration: uppercase;letter-spacing: 1px;font-size: 8px;font-family: pixel;color: #999999; font-style: normal;text-transform:none}

s,strike {font-weight: normal;letter-spacing: -1px;font-size: 8px;font-family: silkscreen;color: #ccc;}

{CustomCSS}

</style></head><body><div id="bg"></div><div id="borderright"></div><div id="borderleft"></div><div id="sidebar"><div id="header">{text:header}</div><img src="{image:sidebar image}" width="125px" height="125px" style="padding:10px; background-

color:#ffffff;border:1px solid #eee;border-radius:15px;"><div id="descript">{Description}</div><div id="navigate"><a href="{text:link1 url}"><div class="links">{text:link1 title}</div></a><a href="{text:link2 url}"><div class="links">{text:link2 title}</div></a><a href="{text:link3 url}"><div class="links">{text:link3 title}</div></a><a href="{text:link4 url}"><div class="links">{text:link4 title}</div></a><a href="{text:link5 url}"><div class="links">{text:link5 title}</div></a></div></div>

<a href="http://tranqiulity.tumblr.com"><div id="credits">&spades;</div></a>

{block:Text}<div class="holly"><center>{block:Title}<div class="jenny"><red><a href="{Permalink}">{Title}</a></red></div>{/block:Title}</center>{Body}</div><div class="iris"><a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> </div>{/block:Text}

{block:Photo}{block:IndexPage}<div class="london">posted {timeago}<br><a href="{ReblogURL}" target="_blank">reblog</a> with<a href="{permalink}">{NoteCountwithlabel}</a></div>{LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=210px/></a>{LinkCloseTag}{/block:IndexPage}{block:permalinkpage}{LinkOpenTag}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=350px/>{Caption}</center>{LinkCloseTag}{/block:permalinkpage}{/block:Photo}

{block:Photoset}{block:IndexPage}<div class="london"><a href="{ReblogURL}" target="_blank">reblog</a> this post with<a href="{permalink}">{NoteCountwithlabel}</a></div>{Photoset-250}{/block:IndexPage}{block:permalinkpage}{Photoset-250}{/block:permalinkpage}{/block:Photoset}

{block:Quote}<div style="font-family:cedar;font-size:18px;color:#999999;line-height:18px;">"{Quote}"</div><div style="text-align:right;margin-top:3px;text-transform:uppercase;font-size:9px;letter-spacing:1px;">{block:Source}{Source}{/block:Source}</div><br><div class="iris"><a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:Quote}

{block:Link}<div class="holly"><div class="jenny"><center><monique><a href="{URL}" {Target}>{Name}</a></monique></div><div class="brenden">{block:Description}{Description}{/block:Description}</div></center></div><div class="iris"><a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:Link}

{block:Chat}{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}{block:Lines}{block:Label} <div

style="text-transform:uppercase;font-size:9px;float:left; letter-spacing:1px"><b>{Label}</b> </div>{/block:Label}<div style="text-transform:uppercase;font-size:9px;letter-spacing:1px">{Line}</div>{/block:Lines}<br><div class="iris"><a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:Chat}

{block:Video}{Video-250}<br><div class="iris"><a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:Video}

{block:Answer}<div class="tinsley"><div class="brooke"><aiden>{Asker} said</aiden>: <lavender>{Question}</lavender></div><div class="michael">{Answer}</div></div><div class="iris"><a href="{permalink}">{NoteCountwithlabel}</a></div>{block:IndexPage}<a href="{Permalink}"></a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}{/block:Answer}

{block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}<div class="iris"><a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:Audio}

<div class="notes">{block:PermalinkPage}<center><lavender>{block:HasTags}Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</lavender></center>{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:PermalinkPage}</div>

</div><br><br>

{/block:Posts}

</div></div>

{block:IndexPage}{block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script><script type="text/javascript">$(window).load(function(){var $wall = $('#middle');$wall.imagesLoaded(function(){$wall.masonry({itemSelector: '.entry',isAnimated : false});});

<!--//Disable right mouse click Script//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive//For full source code, visit http://www.dynamicdrive.com

var message="";

function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2|e.which==3){alert(message);return false;}}}

// --></script>

</body></html>

THEME #30 "Nobody Love" by BRAVETHEMES

- - - -

for html help go to:

http://bravethemes.tumblr.com

http://htmlqueens.tumblr.com

<!DOCTYPE html>

<html>

<head>

(function($){

$(document).ready(function(){

$("[title],a[title],img[title]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:90,

tip_fade_speed:600,

attribute:"title"

})(jQuery);

</script>

iframe#tumblr_controls{

right:2px !important;

-webkit-filter: invert(100%);

::-webkit-scrollbar{

height:6px;

width:9px;

background-color:{color:scrollbar};

border:4px solid {color:background};

::-webkit-scrollbar-thumb{

height:6px;

background-color:{color:scrollbar};

border: 2px solid {color:background};

background-color:{color:background};

background-image: url({image:background});

background-attachment:fixed;

background-repeat:repeat;

font-family:{select:body fonts};

font-size:12px;

color:{color:text};

text-align:left;

color:{color:links};

a:hover{

color:{color:link hover};

cursor:help;

-webkit-transition: all .7s ease-in-out;

-moz-transition: all .7s ease-in-out;

-ms-transition: all .7s ease-in-out;

-o-transition: all .7s ease-in-out;

transition: all .7s ease-in-out;

a:active,a:focus {

outline:0;

font-family: 'Short Stack', cursive;

font-family: 'Raleway', sans-serif;

font-family: 'Questrial', sans-serif;

font-family: 'Coming Soon', cursive;

font-family: 'Comfortaa', cursive;

font-family: 'Rochester', cursive;

font-family: 'Petit Formal Script', cursive;

font-family: 'Euphoria Script', cursive;

font-family: 'Dancing Script', cursive;

font-family: 'Bad Script', cursive;

.blogtitle{

font-size:25px;

text-transform:none;

margin-bottom:10px;

font-family:{select:title fonts};

text-shadow:-1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;

#sidebar{

text-align:center;

font-size:12px;

position:fixed;

left:20px;

top:47px;

width:200px;

height:auto;

padding:10px;

background:{color:sidebar color};

z-index:999999;

#sidebar img{

max-width:200px;

width:auto;

max-height:250px;

height:auto;

text-align:center;

#desc{

text-align:center;

margin-top:10px;

padding-left:3px;

padding-right:3px;

.linkers{

text-transform:none;

margin-top:20px;

line-height:20px;

text-align:center;

font-family:{select:body fonts};

.linkers a{

color:{color:links};

.linkers a:hover{

color:{color:link hover};

#tori{

width:100%;

height:25px;

left:0px;

top:0px;

z-index:999;

position:fixed;

.content{

position:relative;

margin:0px auto;

width:600px;

background-attachment:fixed;

background-repeat:repeat;

{block:permalinkpage}width:560px;{/block:permalinkpage}

height:auto;

top:10px;

article{

margin:15px;

border:1px dashed {color:sidebar color};

padding:7px;

{block:IndexPage}

width:250px;{/block:IndexPage}

{block:PermalinkPage}width:500px;{/block:PermalinkPage}

.love{

position:absolute;

height:0px;

width:250px;

opacity:0.0;

background:#fff;

z-index:3;

-webkit-transition: all .7s ease;

-moz-transition: all .7s ease;

-o-transition: all .7s ease;

transition: all .7s ease;

article:hover .love{

outline:2px solid #000;

outline-offset:-15px;

opacity:0.3;

width:250px;

height:95%;

-webkit-transition: all .7s ease;

-moz-transition: all .7s ease;

-o-transition: all .7s ease;

transition: all .7s ease;

article:hover #perma{

opacity:1;

z-index:200;

#perma{

position:absolute;

top:50%;

left:50%;

margin-top:-28px;

width:100px;

background-color:white;

border:1px solid #bbb;

opacity:0;

padding:6px;

margin-left:-55px;

text-align:center;

{block:PermalinkPage}display:none;{/block:PermalinkPage}

#permas{

float:right;

padding:7px;

{block:permalinkpage}display:none;{/block:permalinkpage}

#permas2{

float:left;

padding:7px;

{block:permalinkpage}display:none;{/block:permalinkpage}

blockquote{

padding-left:5px;

border-left:2px solid {color:scrollbar};

margin-left:3px;

width:94%;

iframe,img,embed,object,video{

max-width:100%;

max-height:100%;

vertical-align:text-bottom;

height:auto;

width:auto;

white-space: pre-wrap;

white-space: -moz-pre-wrap;

white-space: -pre-wrap;

white-space: -o-pre-wrap;

word-wrap: break-word;

article h2{

text-transform:uppercase;

letter-spacing:2px;

list-style-type: upper-roman;

list-style-type: circle;

#notes{

max-height:300px;

overflow:auto;

ol.notes{

padding: 0px;

list-style-type: upper-roman;

ol.notes li.note{

padding-left:7px;

text-align:left;

width:400px;

padding-top:5px;

ol.notes li.note img.avatar{

display:none;

.whatever{

width:100%;

padding-right:5px;

.chat{

float:left;

width:100%;

.chat ul{

list-style:none;

margin:0;

padding:0;

.odd,.even{

padding:7px;

background-color:{color:sidebar color};

.title,.link{

font-size:25px;

border-bottom:1px dashed {color:sidebar color};

.quote{

font-style:italic;

font-size:15px;

.source{

text-align:right;

font-weight:bold;

font-size:10px;

.audio{

{block:IndexPage}width:250px;

padding-bottom:10px;{/block:IndexPage}

{block:PermalinkPage}width:500px;{/block:PermalinkPage}

.audio img{

border:1px none #000;

.albumart{

position:absolute;

float:left;

{block:IndexPage}width:50px;

height:50px;{/block:IndexPage}

{block:PermalinkPage}width:50px;

height:50px;{/block:PermalinkPage}

.playbox{

opacity:0.6;

width:27px;

height:30px;

overflow:hidden;

position:absolute;

z-index:2;{block:IndexPage}

margin-left:11px;

margin-top:12px;{block:IndexPage}

.stuff{

margin-top:2px;

line-height:12px;

{block:IndexPage}margin-left:58px;{block:IndexPage}

{block:PermalinkPage}margin-left:158px;{/block:PermalinkPage}

.question{

text-align:justify;

font-style:italic;

padding:7px;

.asker{

font-weight:bold;

padding-bottom:5px;

margin-top:5px;

.answer{

text-align:left;

.sign{

font-size:20px;

text-align:right;

{block:ifnotinfinitescroll}#pagi{

position:fixed;

left:50px;

bottom:30px;

z-index:9999;

}{/block:ifnotinfinitescroll}

{block:ifinfinitescroll}#pagi{

display:none;

}{/block:ifinfinitescroll}

.claudia{

position: fixed;

bottom: 10px;

right: 10px;

font-size:20px;

z-index:999999999;

.claudia a{

color:black;

.tooltip{

display:inline;

position:relative;

#s-m-t-tooltip{

max-width:300px;

padding:7px 8px 9px 8px;

margin:20px 7px -2px 20px;

background:white;

border:3px inset {color:sidebar color};

font-size:12px;

text-transform:lowercase;

color:{color:text};

z-index:9999999999999999999999;

</style>

</head>

<title>{Title}</title>

<div id="{select:title fonts}" class="blogtitle"><a href="/">{Title}</a></div>

<div id="desc">{Description}</div>

{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> {/block:Pages}{/block:HasPages}

<a href="http://costalies.tumblr.com/" target="_blank" title="costalies">theme</a>

</div></div></div>

{block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>{/block:Pagination}</div></div>

{block:Posts}

{block:Text}

{block:Title}

<a href="{Permalink}"><b>{Title}</b></a></div>

{/block:Title}

<div class="whatever">{Body}

[ <a href="{Permalink}" title="permalink">{NoteCount}</a> /

<a href="{ReblogURL}" target="_blank" title="{TimeAgo}">reblog</a> ]</div>

</div>

{/block:Text}

{block:Photo}

{LinkOpenTag}

{LinkCloseTag}

{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}

price: $<a href="{Permalink}" title="permalink">{NoteCount}</a> <br> <a href="{ReblogURL}" target="_blank" title="{TimeAgo}">purchase</a></div>

</div>

{/block:Photo}

{block:Photoset}

{block:IndexPage}

{Photoset-250}

{/block:IndexPage}

{block:PermalinkPage}

{Photoset-500}

{block:Caption}{Caption}{/block:Caption}

{/block:PermalinkPage}</div>

{/block:Photoset}

{block:Link}

<div class="ldesc">{block:Description}{Description}{/block:Description}<div id="permas">

</div>

{/block:Link}

{block:Quote}

<div class="quote">"{Quote}"</div><br>

<div class="source">- {block:source}{source}{/block:source}</div>

{/block:Quote}

{block:Chat}

{block:Title}<b>{Title}</b><br>{/block:Title}

<ul>{block:Lines}

<li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>

{/block:Lines}

</div>

{/block:Chat}

{block:Audio}

{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}

<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>

<b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>

<b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>

<b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br>

<b>Plays:</b>{block:PlayCount}{FormattedPlayCount}{/block:PlayCount}<br>

</div>

{/block:Audio}

{block:Video}

{block:IndexPage}{VideoEmbed-250}{/block:IndexPage}

{block:PermalinkPage}{VideoEmbed-500}{/block:PermalinkPage}</div>

{/block:Video}

{block:Answer}

<div class="question">{Question}</div><br>

<div id="asker" style="text-align:right;">- asked by {Asker}</div>

<div class="answer">{Answer}</div>

<div class="sign" id="{select:title fonts}">{text:signature}</div>

</div>

{/block:answer}

{/block:IndexPage}

{block:permalinkpage}

{block:ContentSource}

{/block:ContentSource}

{block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> / via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}

{block:PostNotes}

{PostNotes}

{/block:PostNotes}</div>

{/block:PermalinkPage}

</footer>

</article>

{/block:Posts}

</div></div>

{block:IfInfiniteScroll}

{/block:IfInfiniteScroll}

(function() {

var $tumblelog = $('.content');

{block:IfInfiniteScroll}

$tumblelog.infinitescroll({

navSelector : "#pagination",

nextSelector : "#pagination a:first",

itemSelector : "article",

bufferPx : 50,

done : "",

loading: {

img : "",

msgText: ""

function( newElements ) {

var $newElems = $( newElements ).css({ opacity: 0 });

$newElems.imagesLoaded(function(){

$newElems.animate({ opacity: 1 });

$tumblelog.masonry( 'appended', $newElems);

{/block:IfInfiniteScroll}

$tumblelog.imagesLoaded( function(){

$tumblelog.masonry({

columnWidth: function( containerWidth ) {

return containerWidth / 100;

</script>

</body>

</html>

Themes Tumblr

Documents

tumblr policy primer

Tumblr & Pinterest

Tumblr XHack2012

SOCKMONSTER - myweb.students.wwu.edumyweb.students.wwu.edu/ander621/360/project-2/processwebfinal.pdf · MOODBOARD I looked at a lot of handmade themes for tumblr based off my first

Tumblr POV

Tumblr review

Tumblr for Higher-Ed: How Yale University is using Tumblr

Tumblr Terminology

Tumblr Redux

Beautiful Tumblr Themes

Tumblr profits

On tumblr

Presentación Tumblr

Quotes Tumblr

Tumblr April 2014

Unwrapping Tumblr

Tumblr Recap

Tumblr life

Tutorial Tumblr

Tumblr Theme