150
<!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 ******************************** -->

Themes Tumblr

  • Upload
    yunus

  • View
    41

  • Download
    0

Embed Size (px)

DESCRIPTION

temas muy lindos!

Citation preview

Page 1: 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>

<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<!-- colors, images -->

<meta name="color:Background" content="#eeeeee"/>

Page 2: Themes Tumblr

<meta name="color:Link" content="#ff8a00"/>

<meta name="color:Text" content="#666666"/>

<meta name="color:Title" content="#000000"/>

<meta name="color:Social Icons" content="#111111"/>

<meta name="image:Background Image" content=""/>

<meta name="image:Header Banner" content=""/>

<meta name="if:Dark Layout" content="0"/>

<meta name="if:Container Shadow" content="1"/>

<meta name="if:Infinite scroll" content="1"/>

<meta name="if:Menu Fixed" content="0"/>

<meta name="if:Tumblr Buttons Fixed" content="1"/>

<meta name="text:Deviant Art URL" content=""/>

<meta name="text:Dribbble URL" content=""/>

<meta name="text:Facebook URL" content=""/>

<meta name="text:Flickr URL" content=""/>

<meta name="text:Google Plus URL" content=""/>

<meta name="text:LinkedIn URL" content=""/>

<meta name="text:Twitter URL" content=""/>

<meta name="text:YouTube URL" content=""/>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

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

<meta name="description" content="{block:IndexPage}{block:Description}{MetaDescription}{/block:Description}{/block:IndexPage}{block:PermalinkPage}{block:PostSummary}{PostSummary}{/block:PostSummary}{/block:PermalinkPage}" />

Page 3: Themes Tumblr

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

<link rel="apple-touch-icon" href="{PortraitURL-128}"/>

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

<link rel='stylesheet' type='text/css' href='http://static.tumblr.com/dbek3sy/OdLm0dd5f/cssreset.css'>

<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>

<link href='http://static.tumblr.com/dbek3sy/VtLmbsu90/socialico.css' rel='stylesheet' type='text/css'>

<link href='http://static.tumblr.com/dbek3sy/nfnmbsu0r/entypo.css' rel='stylesheet' type='text/css'>

<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;}

Page 4: Themes Tumblr

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;}

h4{font-size:1.4em;}

h5{font-size:1.2em;}

h6{font-size:0.8em;}

a{

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;

}

Page 5: Themes Tumblr

body{

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;

Page 6: Themes Tumblr

}

#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;

{block:IfDarkLayout}

background: #000;

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

{/block:IfDarkLayout}

{block:IfNotDarkLayout}

background: #fff;

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

{/block:IfNotDarkLayout}

{/block:IfMenuFixed}

{block:IfDarkLayout}

Page 7: Themes Tumblr

border-bottom: 1px solid #222;

{/block:IfDarkLayout}

{block:IfNotDarkLayout}

border-bottom: 1px solid #eee;

{/block:IfNotDarkLayout}

}

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{

{block:IfDarkLayout}

border-bottom: 3px solid #333;

{/block:IfDarkLayout}

{block:IfNotDarkLayout}

border-bottom: 3px solid #ddd;

{/block:IfNotDarkLayout}

Page 8: Themes Tumblr

}

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;

{block:IfDarkLayout}

background: #eee;

color: #000;

{/block:IfDarkLayout}

{block:IfNotDarkLayout}

background: #444;

color: #fff;

{/block:IfNotDarkLayout}

visibility: hidden;

opacity:0;

width: 120px;

left: 50%;

margin-left: -60px;

}

ul.tooltip{

top:53px;

text-align:center;

Page 9: Themes Tumblr

}

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;

{block:IfDarkLayout}

border-bottom-color: #eee;

{/block:IfDarkLayout}

{block:IfNotDarkLayout}

border-bottom-color: #444;

{/block:IfNotDarkLayout}

display:block;

width:0;

}

ul#pages li{

position: relative;

text-align: center;

padding: 6px 0px;

width: 120px;

}

Page 10: Themes Tumblr

ul#pages li a{

display: block;

padding: 0px 10px;

{block:IfDarkLayout}

color: #000;

{/block:IfDarkLayout}

{block:IfNotDarkLayout}

color: #fff;

{/block:IfNotDarkLayout}

}

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;

}

Page 11: Themes Tumblr

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}

padding: 180px 0px 0px;

margin-bottom: -60px;

{/block:IfMenuFixed}

}

#header{

{block:IfNotMenuFixed}

padding:120px 0px;

{/block:IfNotMenuFixed}

{block:IfMenuFixed}

padding: 180px 0px 120px;

{/block:IfMenuFixed}

text-align:center;

}

#header h1{

letter-spacing: -2px;

Page 12: Themes Tumblr

{block:IfDarkLayout}

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

{/block:IfDarkLayout}

{block:IfNotDarkLayout}

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

{/block:IfNotDarkLayout}

}

#header img#headerBanner{

margin-bottom:15px;

max-width:100%;

height:auto;

}

#header p#descriptionBlog{

margin-bottom: 30px;

font-size:0.9em;

}

#header ul#socialLinks li{

display:inline-block;

margin-left: -4px;

}

#header ul#socialLinks li a{

color: {color:Social Icons};

font-size: 2.3em;

font-family: "socialicoregular";

Page 13: Themes Tumblr

}

#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;*/

{block:IfDarkLayout}

background-color: #0f0f0f;

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

{/block:IfDarkLayout}

{block:IfNotDarkLayout}

background-color: #f4f4f4;

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

{/block:IfNotDarkLayout}

}

.greyLine{

Page 14: Themes Tumblr

margin:0px auto;

width: 3px;

height: 100px;

{block:IfDarkLayout}

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

{/block:IfDarkLayout}

{block:IfNotDarkLayout}

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

{/block:IfNotDarkLayout}

}

.posts .circleTopPost, #backTop, #finshedPost{

color: {color:Title};

font-family: "entyporegular";

font-size: 40px;

line-height: 17px;

text-align: center;

width: 36px;

height: 36px;

{block:IfDarkLayout}

background: #000;

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

{/block:IfDarkLayout}

{block:IfNotDarkLayout}

background: #fff;

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

{/block:IfNotDarkLayout}

-webkit-border-radius: 20px;

Page 15: Themes Tumblr

-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{

color: {color:Title};

}

.posts .circleTopPost a:hover{

color: {color:Link};

}

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

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

{block:IfDarkLayout}

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

{/block:IfDarkLayout}

{block:IfNotDarkLayout}

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

{/block:IfNotDarkLayout}

Page 16: Themes Tumblr

}

.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;

margin-bottom: 40px;

{block:IfDarkLayout}

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

{/block:IfDarkLayout}

{block:IfNotDarkLayout}

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

{/block:IfNotDarkLayout}

}

.posts h6.dateTop a{

{block:IfDarkLayout}

color: #aaa;

{/block:IfDarkLayout}

{block:IfNotDarkLayout}

color: #666;

{/block:IfNotDarkLayout}

}

.posts .caption{

font-size: 0.9em;

line-height: 1.5em;

color: {color:Text};

Page 17: Themes Tumblr

}

.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;

}

Page 18: Themes Tumblr

.posts h2 a{

display: block;

padding: 20px;

margin-bottom: 20px;

color: {color:Title};

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);

Page 19: Themes Tumblr

font-family: "entyporegular";

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{}

Page 20: Themes Tumblr

.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;

Page 21: Themes Tumblr

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;

text-decoration:none;

}

.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;

Page 22: Themes Tumblr

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;}

Page 23: Themes Tumblr

.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;

Page 24: Themes Tumblr

}

.permalinkOptions a, .tooltipCont{

margin-left:10px;

{block:IfDarkLayout}

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

{/block:IfDarkLayout}

{block:IfNotDarkLayout}

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

{/block:IfNotDarkLayout}

}

.tooltipCont{

position:relative;

display:inline-block;

cursor:pointer;

}

.tooltip a{

{block:IfDarkLayout}

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

{/block:IfDarkLayout}

{block:IfNotDarkLayout}

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

{/block:IfNotDarkLayout}

}

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

Page 25: Themes Tumblr

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

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

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

.permalinkOptions span.iconEp{

font-family: "entyporegular";

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{

display:inline-block;

Page 26: Themes Tumblr

height:24px;

line-height:24px;

position:relative;

font-size: 11px;

margin-bottom: 20px;

}

ul#tags a{

margin-left: 30px;

padding:0 10px 0 12px;

background: {color:Link};

color: #fff;

text-decoration:none;

}

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;

}

Page 27: Themes Tumblr

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;

{block:IfDarkLayout}

background: #0f0f0f;

{/block:IfDarkLayout}

{block:IfNotDarkLayout}

background: #f4f4f4;

{/block:IfNotDarkLayout}

}

ul#tags a:hover{

background: {color:Text};

{block:IfDarkLayout}

color: #0f0f0f;

{/block:IfDarkLayout}

{block:IfNotDarkLayout}

color: #f4f4f4

{/block:IfNotDarkLayout}

}

Page 28: Themes Tumblr

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;

Page 29: Themes Tumblr

}

#pagination a{

font-family: "entyporegular";

font-size: 38px;

{block:IfDarkLayout}

color: #444;

{/block:IfDarkLayout}

{block:IfNotDarkLayout}

color: #ccc;

{/block:IfNotDarkLayout}

}

#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;

Page 30: Themes Tumblr

{block:IfInfinitescroll}

text-align:right;

position: fixed !important;

bottom: 20px !important;

right: 20px !important;

z-index: 9999;

display: none;

{/block:IfInfinitescroll}

}

</style>

<script src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=6d92575a6d1cddce7fefd8b949f1b4a4"></script>

<link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/gibson/stylesheet.css?v=3">

<!-- BEGIN TUMBLR FACEBOOK OPENGRAPH TAGS --><!-- If you'd like to specify your own Open Graph tags, define the og:url and og:title tags in your theme's HTML. --><!-- Read more: http://ogp.me/ --><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" /><!-- END TUMBLR FACEBOOK OPENGRAPH TAGS -->

Page 31: Themes Tumblr

<!-- TWITTER TAGS --><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 id="installtheme">

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

<img class="normal" src="http://static.tumblr.com/dbek3sy/zESllc4x6/install_theme.png" alt="install theme" />

</a>

</div>

<div id="container">

<div id="content">

<ul id="menu">

<li><a href="/" class="homeLink current">Home</a></li>

{block:AskEnabled}

<li><a id="askOpen" href="javascript:void(0)" {Target}>Ask me</a></li>

{/block:AskEnabled}

{block:SubmissionsEnabled}

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

Page 32: Themes Tumblr

{/block:SubmissionsEnabled}

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

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

<li><a href="/rss" {Target}>RSS</a></li>

{block:HasPages}

<li id="pagesLi">

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

<ul id="pages">

{block:Pages}

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

{/block:Pages}

</ul>

</li>

{/block:HasPages}

</ul><!-- mnu -->

<div class="clear"></div>

<div id="askPost"><div class="posts"></div></div>

<div id="submitPost"><div class="posts"></div></div>

<div id="header">

{block:IfNotHeaderBannerImage}

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

{/block:IfNotHeaderBannerImage}

{block:IfHeaderBannerImage}

<img id="headerBanner" src="{image:Header Banner}" alt="Header Banner">

{/block:IfHeaderBannerImage}

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

Page 33: Themes Tumblr

<ul id="socialLinks">

{block:IfTwitterURL}

<li><a href="{text:Twitter URL}" {Target}>l</a></li>

{/block:IfTwitterURL}

{block:IfFacebookURL}

<li><a href="{text:Facebook URL}" {Target}>f</a></li>

{/block:IfFacebookURL}

{block:IfGooglePlusURL}

<li><a href="{text:Google Plus URL}" {Target}>g</a></li>

{/block:IfGooglePlusURL}

{block:IfLinkedInURL}

<li><a href="{text:LinkedIn URL}" {Target}>i</a></li>

{/block:IfLinkedInURL}

{block:IfDribbbleURL}

<li><a href="{text:Dribbble URL}" {Target}>d</a></li>

{/block:IfDribbbleURL}

{block:IfFlickrURL}

<li><a href="{text:Flickr URL}" {Target}>n</a></li>

{/block:IfFlickrURL}

{block:IfDeviantArtURL}

<li><a href="{text:Deviant Art URL}" {Target}>j</a></li>

{/block:IfDeviantArtURL}

{block:IfYouTubeURL}

<li><a href="{text:YouTube URL}" {Target}>x</a></li>

Page 34: Themes Tumblr

{/block:IfYouTubeURL}

</ul>

</div><!-- #header -->

{block:Posts}

<div class="posts" id="post_{PostID}">

<div class="padding">

<div class="circleTopPost">

<a href="{Permalink}">

{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}

</a>

</div>

{block:Date}

<h6 class="dateTop">

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

Page 35: Themes Tumblr

</h6>

{/block:Date}

{block:Text}

{block:Title}

<h2>{Title}</h2>

{/block:Title}

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

{/block:Text}

{block:Link}

<h2><a href="{URL}" {Target}>{Name}</a></h2>

{block:Description}

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

{/block:Description}

{block:Link}

{block:Photo}

<div class="imageContainer">

{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}

Page 36: Themes Tumblr

{block:Photoset}

<div class="photosetPost">

{Photoset-500}

</div>

{block:Caption}

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

{/block:Caption}

{/block:Photoset}

{block:Answer}

<div style="margin-bottom: 20px;">

<div class="left">

<img class="imageAsker" width="64px" src="{AskerPortraitURL-64}"/>

</div>

<div class="right quest">

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

</div>

<div class="clear"></div>

</div>

<div>

<div class="right">

<img class="imageAsker" width="64px" src="{PortraitURL-64}"/>

</div>

<div class="left quest">

Page 37: Themes Tumblr

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

</div>

<div class="clear"></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}

<ul class="chat">

{block:Lines}

<li class="{Alt} user_{UserNumber}">

{block:Label}

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

{/block:Label}

Page 38: Themes Tumblr

<span class="caption">{Line}</span>

</li>

{/block:Lines}

</ul>

{/block:Chat}

{block:Audio}

<div class="album_container left">

<div class="album_light_effect"></div>

<img class="audioimage" src="{block:AlbumArt}{AlbumArtURL}{/block:AlbumArt}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" />

</div>

<ul class="audiotrack left">

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

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

<li class="audio" id="{postID}">

<div class="audioplayercontainer left">

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

</div>

<span class="left">

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

{block:ExternalAudio}

Page 39: Themes Tumblr

<a href="{ExternalAudioURL}" target="_blank">+</a>

{/block:ExternalAudio}

</span>

<div class="clear"></div>

</li>

</ul>

<div class="clear"></div>

{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}

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

{/block:Caption}

{/block:Video}

{block:Date}

<div class="permalinkOptions">

<a style="{block:Permalink}display:none;{/block:Permalink}{block:NoteCount}display:none;{/block:NoteCount}" href="{Permalink}" {Target}><span class="iconEp">6</span> <span class="numberNotes"></span></a>

{block:NoteCount}

Page 40: Themes Tumblr

<div class="tooltipCont" href="javascript:void(0);">

<a style="margin-left:0px;" href="{Permalink}"><span class="iconEp">6</span></a>

<ul class="tooltip">

<span>{NoteCount}</span>

</ul>

</div>

{/block:NoteCount}

<a style="{block:Permalink}display:none;{/block:Permalink}{block:Answer}display:none;{/block:Answer}" href="{ReblogURL}" target="_blank"><span class="iconEp">h</span></a>

<div class="tooltipCont" href="javascript:void(0);">

<span class="iconEp">5</span>

<ul class="tooltip">

<li><a class="shareTwit" href="http://twitter.com/home?status={Title}%20{Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">l</a></li>

<li><a class="shareFace" href="http://www.facebook.com/sharer.php?u={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">f</a></li>

<li><a class="shareGogl" href="https://plus.google.com/share?url={Permalink}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">g</a></li>

</ul>

</div>

Page 41: Themes Tumblr

</div>

{/block:Date}

</div><!-- .padding -->

<div class="greyLine"></div>

</div><!-- .posts -->

{block:PermalinkPage}

{block:HasTags}

<div class="posts" id="postnotesdiv">

<div class="padding" style="padding-bottom: 30px;">

<div class="circleTopPost">C</div>

<ul id="tags">

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

</ul>

</div><!-- .padding -->

<div class="greyLine"></div>

</div><!-- .posts -->

{/block:HasTags}

{/block:PermalinkPage}

{block:PostNotes}

<div class="posts" id="postnotesdiv">

<div class="padding">

<div class="circleTopPost">6</div>

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

Page 42: Themes Tumblr

{PostNotes}

</div><!-- .padding -->

<div class="greyLine"></div>

</div><!-- .posts -->

{/block:PostNotes}

{/block:Posts}

</div><!-- #content -->

{block:IfInfinitescroll}

<div id="finshedPost">^</div>

{/block:IfInfinitescroll}

<div id="backTop" class="hideBottom">è</div>

{block:IndexPage}

{block:Pagination}

<div id="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 class="clear"></div>

</div>

{/block:Pagination}

{/block:IndexPage}

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

Page 43: Themes Tumblr

</div><!-- #container -->

<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/8Aqmgryi7/jquery_18.js"></script>

{block:IfInfinitescroll}

<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>

{/block:IfInfinitescroll}

<script>

$(function(){

{block:IfInfinitescroll}

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:IfInfinitescroll}

{block:AskEnabled}

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

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

Page 44: Themes Tumblr

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

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

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

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

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

}

else{

$("#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");

}

else{

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

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

Page 45: Themes Tumblr

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

}

});

{/block:SubmissionsEnabled}

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

var target = $("html");

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

scrollTop: target.offset().top

}, 1000);

});

});

{block:IfInfinitescroll}

$("#content").infinitescroll({

navSelector : '#pagination',

nextSelector : '#pagination a#nextPage',

itemSelector : '.posts',

loading: {

finishedMsg: '',

{block:IfDarkLayout}

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

{/block:IfDarkLayout}

{block:IfNotDarkLayout}

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

{/block:IfNotDarkLayout}

Page 46: Themes Tumblr

},

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");

});

Page 47: Themes Tumblr

}

/* 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");

});

}

{/block:IfInfinitescroll}

</script>

</body>

</html>

Page 48: Themes Tumblr

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">

3.    

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}

8.    

9.    

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

11.    

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

13.    

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!

19.    

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. ^^

21.    

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

23.    

24.    

25.     <!---META: COLORS--->

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"/>

Page 49: Themes Tumblr

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=""/>

53.    

54.    

55.    

56.     <!---META: FEATURES--->

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"/>

Page 50: Themes Tumblr

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"/>

81.    

82.    

83.    

84.     <!---META: FONTS--->

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'

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

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

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

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

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

89.    

90.    

91.    

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

93.    

94.     /* BASICS */

95.    

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.     }

109.    

110.    

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

112.         color: {color:links};

Page 51: Themes Tumblr

113.         text-decoration: none;

114.     }

115.    

116.    

117.     a:hover {

118.         color: {color:links hover};

119.         text-decoration: none;

120.     }

121.    

122.    

123.     b, strong {

124.         color: {color:bold};

125.         font-weight: 600;

126.     }

127.    

128.    

129.     i, em {

130.         color: {color:italic};

131.     }

132.    

133.    

134.     u, underline {

135.         color: {color:underline};

136.         text-decoration: underline;

137.     }

138.    

139.    

140.     small {

141.         font-size: 90%;

142.     }

143.    

144.    

145.     pre {

146.         font-size: 90%;

147.         word-wrap: break-word;

148.         letter-spacing: 1px;

149.     }

150.    

151.    

152.     p {

153.         margin: 10px;

Page 52: Themes Tumblr

154.     }

155.    

156.    

157.     blockquote {

158.         word-wrap: normal;

159.         word-break: normal;

160.         margin-left: 10px;

161.         margin-right: 0px;

162.         padding: 5px;

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

164.     }

165.    

166.    

167.     blockquote blockquote {

168.         word-wrap: normal;

169.         word-break: normal;

170.         margin-left: 15px;

171.         margin-right: 0px;

172.         padding: 5px;

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

174.     }

175.    

176.    

177.     blockquote img {

178.         width: auto;

179.         max-width: 475px;

180.         overflow: hidden;

181.     }

182.    

183.    

184.     blockquote blockquote img {

185.         width: auto;

186.         max-width: 465px;

187.         overflow: hidden;

188.     }

189.    

190.    

191.     u, li img {

192.         width: auto;

193.         max-width: 425px;

194.         overflow: hidden;

Page 53: Themes Tumblr

195.     }

196.    

197.    

198.     h1 {

199.         color: {color:title};

200.         font-family: 'Alex Brush';

201.         font-size: 20px;

202.         font-weight: 400;

203.         text-transform: lowercase;

204.         text-align: center;

205.         width: 275px;

206.         margin-top: 315px;

207.         margin-left: 25px;

208.         margin-right: auto;

209.         position: fixed;

210.         z-index: 9;

211.     }

212.    

213.    

214.     h2 {

215.         font-size: 11px;

216.         text-indent: 25px;

217.         text-transform: uppercase;

218.         text-align: left;

219.     }

220.    

221.    

222.     h3 {

223.         color: {color:subtitle};

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

225.         font-size: 7px;

226.         font-weight: 300;

227.         text-transform: uppercase;

228.         text-align: center;

229.         width: 275px;

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

231.         margin-top: 325px;

232.         margin-left: 25px;

233.         margin-right: auto;

234.         position: fixed;

235.         z-index: 9;

Page 54: Themes Tumblr

236.     }

237.    

238.    

239.     h4 {

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

241.         font-size: 8px;

242.         font-weight: normal;

243.         letter-spacing: 1px;

244.         text-transform: uppercase;

245.         text-align: right;

246.         margin-top: 0px;

247.     }

248.    

249.    

250.     h4::first-letter {

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

252.         font-size: 8px;

253.         font-weight: normal;

254.         letter-spacing: 1px;

255.         text-transform: uppercase;

256.     }

257.    

258.    

259.     h5 {

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

261.         color: {color:post title};

262.         font-family: 'Montserrat';

263.         font-size: 10px;

264.         font-weight: 300;

265.         letter-spacing: 1px;

266.         text-transform: uppercase;

267.         text-align: center;

268.         width: 492px;

269.         padding-top: 15px;

270.         padding-bottom: 15px;

271.         margin-top: 5px;

272.         margin-bottom: 5px;

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

274.     }

275.    

276.    

Page 55: Themes Tumblr

277.    

278.     /* SIDEBAR */

279.    

280.     #sidebar {

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

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

283.         text-align: center;

284.         height: 100%;

285.         width: 325px;

286.         margin-top: -50px;

287.         margin-left: 0px;

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

289.         position: fixed;

290.         z-index: 9;

291.     }

292.    

293.    

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;

303.         margin-top: 105px;

304.         margin-left: 65px;

305.         margin-right: auto;

306.         position: fixed;

307.         z-index: 9;

308.     }

309.    

310.    

311.     #imagebar img {

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

313.         border-radius: 200px;

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

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

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

317.     }

Page 56: Themes Tumblr

318.    

319.    

320.     #description {

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

322.         color: {color:description text};

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

324.         font-size: 10px;

325.         text-align: justified;

326.         height: 150px;

327.         width: 220px;

328.         margin-top: 345px;

329.         margin-left: 50px;

330.         padding: 5px;

331.         border: 1px solid {color:sidebar border};

332.         overflow-y: auto;

333.         position: fixed;

334.         float: right;

335.         display: block;

336.         z-index: 9;

337.     }

338.    

339.    

340.     #menu {

341.         background-color: transparent;

342.         text-align: center;

343.         height: 204px;

344.         width: 20px;

345.         margin-top: 90px;

346.         margin-left: 318px;

347.         padding: 5px;

348.         position: fixed;

349.         z-index: 1;

350.     }

351.    

352.    

353.     .item {

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

355.         text-align: center;

356.         height: 19px;

357.         width: 19px;

358.         margin-bottom: 5px;

Page 57: Themes Tumblr

359.         padding-top: 4px;

360.         padding-left: 4px;

361.         padding-right: 2px;

362.         border-radius: 5px;

363.         -webkit-border-radius: 5px;

364.         -moz-border-radius: 5px;

365.         -o-border-radius: 5px;

366.     }

367.    

368.    

369.     .item:hover {

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

371.         padding-left: 8px;

372.         padding-right: 8px;

373.     }

374.    

375.    

376.    

377.     /* POSTS */

378.    

379.     #entries {

380.         color: {color:text};

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

382.         font-size: 10px;

383.         word-wrap: normal;

384.         word-break: normal;

385.         width: 500px;

386.         margin-top: 50px;

387.         margin-left: 575px;

388.         margin-right: auto;

389.     }

390.    

391.    

392.     #post {

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

394.         color: {color:text};

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

396.         font-size: 11px;

397.         word-wrap: normal;

398.         width: 500px;

399.         margin-top: 0px;

Page 58: Themes Tumblr

400.         padding: 20px;

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

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

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

404.        

405.     }

406.    

407.    

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

409.         color: {color:links};

410.         text-decoration: none;

411.     }

412.    

413.    

414.     #post a:hover {

415.         color: {color:links hover};

416.     }

417.    

418.    

419.     #info {

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

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

422.         color: {color:post data};

423.         font-family: 'Montserrat';

424.         font-size: 8px;

425.         font-weight: 300;

426.         letter-spacing: 1px;

427.         text-transform: uppercase;

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

data};

429.         width: 522px;

430.         margin-top: 0px;

431.         margin-bottom: 0px;

432.         margin-right: auto;

433.         padding-top: 10px;

434.         padding-bottom: 20px;

435.         padding-left: 10px;

436.         padding-right: 10px;

437.     }

438.    

439.    

Page 59: Themes Tumblr

440.     #info img {

441.         height: 100%;

442.         width: 522px;

443.         overflow: hidden;

444.     }

445.    

446.    

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

448.         color: {color:info} ;

449.         text-decoration: none;

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

data};

451.     }

452.    

453.    

454.     #info a:hover {

455.         color: {color:info hover};

456.     }

457.    

458.    

459.     #tags {

460.         background-color: transparent;

461.         color: {color:tags};

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

463.         font-size: 7px;

464.         font-weight: 400;

465.         text-transform: uppercase;

466.         letter-spacing: 1px;

467.         width: 520px;

468.         line-height: 10px;

469.         margin-top: 0px;

470.         margin-bottom: 50px;

471.         margin-right: -40px;

472.         padding: 5px

473.     }

474.    

475.    

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

477.        color: {color:tags};

478.        text-decoration: none;

479.     }

Page 60: Themes Tumblr

480.    

481.    

482.     #tags a:hover {

483.         color: {color:tags hover};

484.     }

485.    

486.    

487.    

488.     /* QUOTES */

489.    

490.     .quote {

491.         font-family: 'Montserrat';

492.         font-size: 10px;

493.         font-weight: 300;

494.         font-style: italic;

495.         text-indent: 15px;

496.         text-align: center;

497.         margin-top: 20px;

498.         padding: 10px;

499.     }

500.    

501.    

502.     .quote::first-letter {

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

504.         font-family: 'Alex Brush';

505.         font-size: 25px;

506.     }

507.    

508.    

509.    

510.     /* ASK */

511.    

512.     .question {

513.         background-color: transparent;

514.         width: 500px;

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

516.     }

517.    

518.    

519.     .asker {

520.         color: {color:name};

Page 61: Themes Tumblr

521.         font-family: 'Montserrat';

522.         font-size: 8px;

523.         font-weight: 500;

524.         letter-spacing: 1px;

525.         text-transform: uppercase;

526.         text-align: left;

527.         margin-top: 10px;

528.         margin-left: 10px;

529.     }

530.    

531.    

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

533.         color: {color:name};

534.     }

535.    

536.    

537.     .asker a:hover {

538.         color: {color:link hover};

539.     }

540.    

541.    

542.     .ask {

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

544.         margin-top: 5px;

545.         margin-bottom: 10px;

546.         margin-left: 10px;

547.         margin-right: 10px;

548.         padding: 5px;

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

550.     }

551.    

552.    

553.     .reply {

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

555.         width: 478px;

556.         margin-top: 10px;

557.         margin-left: 10px;

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

559.     }

560.    

561.    

Page 62: Themes Tumblr

562.     .answerer {

563.         color: {color:name};

564.         font-family: 'Montserrat';

565.         font-size: 8px;

566.         font-weight: 500;

567.         letter-spacing: 1px;

568.         text-transform: uppercase;

569.         text-align: right;

570.         margin-top: 5px;

571.         margin-right: 5px;

572.     }

573.    

574.    

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

576.         color: {color:name};

577.     }

578.    

579.    

580.     .answerer a:hover {

581.         color: {color:link hover};

582.     }

583.    

584.    

585.    

586.     /* CHAT */

587.    

588.     .chat {

589.         height: auto;

590.         width: auto;

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

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

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

594.     }

595.    

596.    

597.     .line {

598.         height: auto;

599.         width: auto;

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

601.     }

602.    

Page 63: Themes Tumblr

603.    

604.    

605.     /* AUDIO */

606.    

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.     }

614.    

615.    

616.     .player {

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

618.         height: 50px;

619.         width: 50px;

620.         margin-top: 0px;

621.         margin-left: 10px;

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;

628.         overflow: hidden;

629.     }

630.    

631.    

632.     .player:hover {

633.         opacity: 0.8;

634.         filter:alpha(opacity=80);

635.     }

636.    

637.    

638.     .playero {

639.         height: 25px;

640.         width: 25px;

641.         margin-top: 10px;

642.         margin-left: 8px;

643.         padding: 3px;

Page 64: Themes Tumblr

644.         overflow: hidden;

645.     }

646.    

647.    

648.     .albumart {

649.         margin-left: 0px;

650.         margin-right: 10px;

651.         float: left;

652.         z-index: 9;

653.     }

654.    

655.    

656.     .track {

657.         color: {color:text};

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

659.         font-size: 8px;

660.         letter-spacing: 1px;

661.         text-transform: uppercase;

662.         text-align: left;

663.         height: 30px;

664.         margin-top: 20px;

665.         margin-left: 0px;

666.         padding: 0px;

667.         float: left;

668.     }

669.    

670.    

671.     .caption {

672.         font-style: italic;

673.         text-indent: 10px;

674.         margin-top: 0px;

675.     }

676.    

677.    

678.     </style></head>

679.    

680.     <body>

681.     <div id="sidebar">

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

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

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

Page 65: Themes Tumblr

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>

703.    

704.     <div id="entries">

Page 66: Themes Tumblr

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}&nbsp;notes</a></span>

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

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

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

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

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

708.    

709.    

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

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

711.    

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

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

713.      

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

{/block:Photoset}

715.      

716.     {block:Quote}

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

718.     {block:Source}

719.     <h4>&mdash; {Source} &nbsp;</h4>

720.     {/block:Source}

721.     {/block:Quote}  

722.      

723.      

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

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

block:Link}

725.      

726.      

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>

Page 67: Themes Tumblr

734.     {/block:Chat}

735.    

736.      

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}&nbsp; &ndash;

&nbsp;<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}

744.      

745.      

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

block:Video}

747.      

748.      

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">&mdash; &nbsp; {Answerer}</div>

759.     {/block:Answerer}

760.     {Replies}

761.     {/block:Answer}

762.     </div>

763.    

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

under:</span>&nbsp;{block:Tags}<a

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

765.      

766.     {/block:Posts}

Page 68: Themes Tumblr

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.-->

<html lang="en"><head>

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

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><head>

<meta name="color:text" content="#333333"/><meta name="color:link" content="#ffc263"/><meta name="color:hover" content="#dddddd"/><meta name="color:background color" content="#ffffff"/><meta name="image:background image" content="http://25.media.tumblr.com/82c9b1931012ad00937d7ff1f783045d/tumblr_mju512f6xM1rdawddo1_400.png"/><meta name="image:sidebar image" content="http://25.media.tumblr.com/b183a6ed6247d57bf55ba5ba7a7d9a52/tumblr_mobgc5Knku1rctfm3o1_500.jpg"/><meta name="image:banner background image" content="http://24.media.tumblr.com/30b87f688d085159b92f8adbf29c4fad/tumblr_mo9mnr7Qze1rctfm3o1_250.png"/><meta name="text:header1" content="I am better on my own"/><meta name="color:header1" content="#aaaaaa"/><meta name="text:header2" content="baby, don't leave me alone"/><meta name="color:header2" content="#ffc263"/><meta name="text:link1 url" content="link1 url"/><meta name="text:link2 url" content="link2 url"/><meta name="text:link1 title" content="link1"/><meta name="text:link2 title" content="link2"/><meta name="color:bold and highlight" content="#ffc263">

<style type="text/css">

::-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:

Page 69: Themes Tumblr

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:

Page 70: Themes Tumblr

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{

Page 71: Themes Tumblr

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;

Page 72: Themes Tumblr

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;

Page 73: Themes Tumblr

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};}

Page 74: Themes Tumblr

#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; 

Page 75: Themes Tumblr

{/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;}

Page 76: Themes Tumblr

.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;

Page 77: Themes Tumblr

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

Page 78: Themes Tumblr

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>

Page 79: Themes Tumblr

{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}

<BODY onselectstart="return false;" ondragstart="return false;"><script language=JavaScript>

<!--

Page 80: Themes Tumblr

//Disable right mouse click Script//By Maximus ([email protected]) 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>

<!--Theme #17: Notebook ft. Kristina Bazanby tranqiulity (http://tranqiulity.tumblr.com)Thank you for choosing this theme! Please leave all credits on.-->

<html lang="en"><head>

<title>{Title}</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><head>

<meta name="font:body" content="consolas"/><meta name="color:text" content="#333333"/><meta name="color:link" content="#666666"/><meta name="color:hover" content="#dddddd"/>

Page 81: Themes Tumblr

<meta name="color:background color" content="#fffff"/><meta name="image:background image" content="http://25.media.tumblr.com/9e20279bd96ef2d7f3c8a165a8ebbe39/tumblr_mj2vtfsw2v1rctfm3o1_400.png"/><meta name="image:sidebar image" content="http://25.media.tumblr.com/tumblr_mbhnocSYDP1qfa0zmo1_500.jpg"/><meta name="text:header" content="Welcome"/><meta name="color:header" content="#ade2e2"/><meta name="color:navigation hover" content="#e7e7e7"><meta name="color:link hover box" content="#999999"><meta name="color:bold and highlight" content="#99cccc">

<script type="text/javascript" src="https://dl.dropbox.com/s/9gjpl0ng3btqi00/thatclassique1.js"></script>

<script type="text/javascript" src="https://dl.dropbox.com/s/sd3pf1s5hur6hpr/thatsclassique2.js"></script>

<style type="text/css">

::-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;}

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;

Page 82: Themes Tumblr

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;}

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

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

Page 83: Themes Tumblr

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;}

Page 84: Themes Tumblr

.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;

Page 85: Themes Tumblr

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;

Page 86: Themes Tumblr

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;

Page 87: Themes Tumblr

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;

Page 88: Themes Tumblr

-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;

Page 89: Themes Tumblr

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;

Page 90: Themes Tumblr

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;}

.notes img {display: none;}

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

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;}

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

Page 91: Themes Tumblr

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;}

Page 92: Themes Tumblr

{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>

<div id="alex"><center><a href="/" class="tooltip" title="refresh the page"><div class="ref">V</div></a><a href="/ask" class="tooltip" title="message me"><div class="ask">d</div></a><a href="/links" class="tooltip" title="more links"><div class="lix">K</div></a><a href="http://tranqiulity.tumblr.com" class="tooltip" title="theme credit"><div class="thm">S</div></a></center></div></div>

<div id="tyler"><img width="30px" src="http://i49.tinypic.com/30ihmz6.png"><img width="30px" src="http://i49.tinypic.com/30ihmz6.png"></div><div id="tyler2"><img width="30px" src="http://i49.tinypic.com/30ihmz6.png"><img width="30px" src="http://i49.tinypic.com/30ihmz6.png"></div>

<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><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}

Page 93: Themes Tumblr

{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>

Page 94: Themes Tumblr

<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}

<BODY onselectstart="return false;" ondragstart="return false;"><script language=JavaScript>

<!--//Disable right mouse click Script//By Maximus ([email protected]) 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;}}

Page 95: Themes Tumblr

}

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>

<!--Theme #48: Be My Escape ft. Kendall and Kylie jennerby tranqiulity (http://tranqiulity.tumblr.com)Thank you for choosing this theme! Please leave all credits on.-->

<html lang="en"><head>

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

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><head>

<meta name="color:text" content="#333333"/><meta name="color:link" content="#cf9cb6"/><meta name="color:hover" content="#fbofffff"/><meta name="color:background color" content="#f9f9f9"/><meta name="image:background image" content=""/><meta name="image:sidebar image" content="http://25.media.tumblr.com/0c76b23238a713ff94fb578f671fe0dc/tumblr_mr3tbrJ3zZ1rr1k6go1_500.jpg"/><meta name="text:header" content="be my escape"/><meta name="color:header" content="#ebb9d2"/><meta name="text:link1 url" content="link1 url"/><meta name="text:link2 url" content="link2 url"/><meta name="text:link1 title" content="link1"/><meta name="text:link2 title" content="link2"/><meta name="text:link3 url" content="link3 url"/><meta name="text:link3 title" content="link3"/><meta name="text:link4 url" content="link4 url"/><meta name="text:link4 title" content="link4"/><meta name="text:link5 url" content="link5 url"/><meta name="text:link5 title" content="link5"/><meta name="color:bold and highlight" content="#ebb9d2"><meta name="color:nav hover underline" content="#ebb9d2"/>

<style type="text/css">

Page 96: Themes Tumblr

::-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.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'); }

Page 97: Themes Tumblr

@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}

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

.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;

Page 98: Themes Tumblr

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;

Page 99: Themes Tumblr

-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; 

Page 100: Themes Tumblr

-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;

Page 101: Themes Tumblr

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;

Page 102: Themes Tumblr

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;

Page 103: Themes Tumblr

-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;}

.notes img {display: none;}

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

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;}

Page 104: Themes Tumblr

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 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-

Page 105: Themes Tumblr

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>

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

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

{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

Page 106: Themes Tumblr

style="text-transform:uppercase;font-size:9px;float:left; letter-spacing:1px"><b>{Label}</b>&nbsp;</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});});

Page 107: Themes Tumblr

$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}

<BODY onselectstart="return false;" ondragstart="return false;"><script language=JavaScript>

<!--//Disable right mouse click Script//By Maximus ([email protected]) 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;}

Page 108: Themes Tumblr

document.oncontextmenu=new Function("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>

<meta name="image:background" content=""/>

<meta name="image:sidebar" content=""/>

<meta name="select:body fonts" content="ss" title="Short Stack"/>

<meta name="select:body fonts" content="rw" title="Raleway"/>

<meta name="select:body fonts" content="qs" title="Questrial"/>

Page 109: Themes Tumblr

<meta name="select:body fonts" content="cs" title="Coming Soon"/>

<meta name="select:body fonts" content="cf" title="Comfortaa"/>

<meta name="select:title fonts" content="rc" title="Rochester"/>

<meta name="select:title fonts" content="pf" title="Petit Formal Script"/>

<meta name="select:title fonts" content="es" title="Euphoria Scirpt"/>

<meta name="select:title fonts" content="ds" title="Dancing Script"/>

<meta name="select:title fonts" content="bs" title="Bad Script"/>

<meta name="color:background" content="#ffffff"/>

<meta name="color:text" content="#000000"/>

<meta name="color:links" content="#ffffff"/>

<meta name="color:link hover" content="#000000"/>

<meta name="color:sidebar color" content="#fad6ab"/>

<meta name="color:scrollbar" content="#000000"/>

<meta name="text:signature" content="xo, Your Name"/>

<meta name="text:link 1 name" content="link 1"/>

<meta name="text:link 1 url" content="link 1 url"/>

<meta name="text:link 1 tooltip" content="title 1"/>

<meta name="text:link 2 name" content="link 2"/>

<meta name="text:link 2 url" content="link 2 url"/>

<meta name="text:link 2 tooltip" content="title 2"/>

<meta name="text:link 3 name" content="link 3"/>

<meta name="text:link 3 url" content="link 3 url"/>

<meta name="text:link 3 tooltip" content="title 3"/>

<meta name="text:link 4 name" content="link 4"/>

<meta name="text:link 4 url" content="link 4"/>

<meta name="text:link 4 tooltip" content="title 4"/>

<meta name="if:infinitescroll" content="1"/>

<link rel="shortcut icon" href="{favicon}">

Page 110: Themes Tumblr

<!-- do not touch this -->

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

<link href="https://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />

<script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>

<link href='https://fonts.googleapis.com/css?family=Short+Stack|Raleway:500|Questrial|Coming+Soon|Comfortaa' rel='stylesheet' type='text/css'>

<link href='https://fonts.googleapis.com/css?family=Rochester|Petit+Formal+Script|Euphoria+Script|Dancing+Script|Bad+Script' rel='stylesheet' type='text/css'>

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

<script>

(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>

<!-- do not touch this -->

Page 111: Themes Tumblr

<style type="text/css">

iframe#tumblr_controls{

right:2px !important;

position: fixed !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};

}

body{

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;

}

a{

Page 112: Themes Tumblr

color:{color:links};

text-decoration:none;

}

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;

}

#ss{

font-family: 'Short Stack', cursive;

}

#rw{

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

}

#qs{

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

}

#cs{

font-family: 'Coming Soon', cursive;

}

#cf{

font-family: 'Comfortaa', cursive;

Page 113: Themes Tumblr

}

#rc{

font-family: 'Rochester', cursive;

}

#pf{

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

}

#es{

font-family: 'Euphoria Script', cursive;

}

#ds{

font-family: 'Dancing Script', cursive;

}

#bs{

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;

Page 114: Themes Tumblr

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};

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

Page 115: Themes Tumblr

-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;

}

.linkers a:hover{

color:{color:link hover};

-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;

}

#tori{

width:100%;

height:25px;

left:0px;

top:0px;

background:{color:sidebar color};

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}

Page 116: Themes Tumblr

height:auto;

top:10px;

}

article{

margin:15px;

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

padding:7px;

{block:IndexPage}

-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;

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{

Page 117: Themes Tumblr

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;

-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;

}

#perma{

position:absolute;

top:50%;

left:50%;

margin-top:-28px;

width:100px;

background-color:white;

border:1px solid #bbb;

opacity:0;

padding:6px;

Page 118: Themes Tumblr

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;

}

img{

height:auto;

width:auto;

}

Page 119: Themes Tumblr

pre {

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;

}

ol{

list-style-type: upper-roman;

}

ul{

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;

Page 120: Themes Tumblr

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;

}

.odd{

background-color:{color:sidebar color};

}

.title,.link{

font-size:25px;

font-family:{select:title fonts};

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

}

Page 121: Themes Tumblr

.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;

Page 122: Themes Tumblr

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;

background:{color:sidebar color};

}

.asker{

font-weight:bold;

padding-bottom:5px;

margin-top:5px;

}

.answer{

text-align:left;

}

.sign{

font-family:{select:title fonts};

font-size:20px;

Page 123: Themes Tumblr

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;

Page 124: Themes Tumblr

background:white;

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

font-size:12px;

text-transform:lowercase;

color:{color:text};

z-index:9999999999999999999999;

}

</style>

</head>

<body id="{select:body fonts}">

<title>{Title}</title>

<div id="sidebar">

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

<img src="{image:sidebar}">

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

<div id="{select:body fonts}" class="linkers">

<a href="{text:link 1 url}" title="{text:link 1 tooltip}">{text:link 1 name}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="{text:link 2 url}" title="{text:link 2 tooltip}">{text:link 2 name}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="{text:link 3 url}" title="{text:link 3 tooltip}">{text:link 3 name}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="{text:link 4 url}" title="{text:link 4 tooltip}">{text:link 4 name}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

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

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

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

<div class="claudia">

Page 125: Themes Tumblr

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

<div id="tori"></div>

<div id="pagi">

{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>

<div class="content">

{block:Posts}

<article>

{block:Text}

{block:Title}

<div id="{select:title fonts}" class="title">

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

{/block:Title}

<div class="whatever">{Body}

<div id="permas">

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

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

</div>

{/block:Text}

{block:Photo}

<div class="photo">

<div class="love"></div>

{LinkOpenTag}

<img src="{PhotoURL-500}" alt="{PhotoAlt}">

{LinkCloseTag}

Page 126: Themes Tumblr

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

<div id="perma">

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

</div>

{/block:Photo}

{block:Photoset}

<div class="photos">

{block:IndexPage}

{Photoset-250}

{/block:IndexPage}

<div id="permas">

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

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

{block:PermalinkPage}

{Photoset-500}

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

{/block:PermalinkPage}</div>

{/block:Photoset}

{block:Link}

<div id="{select:title fonts}" class="link">

<a href="{URL}"><b>{Name}</b></a></div>

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

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

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

</div>

{/block:Link}

Page 127: Themes Tumblr

{block:Quote}

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

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

<div id="permas">

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

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

{/block:Quote}

{block:Chat}

<div class="chat">

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

<ul>{block:Lines}

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

{/block:Lines}

</ul>

<div id="permas">

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

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

</div>

{/block:Chat}

{block:Audio}

<div class="audio">

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

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

<div class="stuff">

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

Page 128: Themes Tumblr

<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 id="permas">

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

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

</div>

{/block:Audio}

{block:Video}

<div class="video">

<div id="permas">

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

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

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

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

{/block:Video}

{block:Answer}

<div class="askpost">

<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 id="permas2">

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

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

Page 129: Themes Tumblr

</div>

{/block:answer}

{/block:IndexPage}

<div id="notes">

{block:permalinkpage}

{block:ContentSource}

<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/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>

<!-- seriously don't touch this unless you know what it does -->

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

<script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>

{block:IfInfiniteScroll}

<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>

<script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>

{/block:IfInfiniteScroll}

Page 130: Themes Tumblr

<script>

(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;

Page 131: Themes Tumblr

}

});

});

})();

</script>

<!-- do not touch this -->

</body>

</html>