Tema Tumblr Urban 4

<!
DOCTYPE html>

<html lang="en">
<head>
<meta charset="utf-8" />
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">


<meta name="color:Background" content="#FFFFFF" />
<meta name="color:Content" content="#F5F5F5" />
<meta name="color:Text" content="#AAAAAA" />
<meta name="color:Titles" content="#777777" />
<meta name="color:Photo Gradient Layer 1" content="#000000" />

<meta name="color:Photo Gradient Layer 2" content="#FFFFFF" />
<meta name="color:Photo Hover Links" content="#555555" />
<meta name="color:Header Title" content="#FFFFFF" />


<meta name="image:Header Logo" content="" />
<meta name="image:Background" content="" />
<meta name="image:Sidebar Portrait" content="" />


<meta name="if:Infinite Scroll" content="1" />
<meta name="if:Full Size Background Image" content="1" />
<meta name="if:Shadow" content="1" />
<meta name="if:Round Borders" content="1" />
<meta name="if:Switch Photo Post Hover Style" content="0" />
<meta name="if:Show Social Buttons" content="0" />
<meta name="if:Show BlogRoll" content="1" />

<meta name="if:Show Description Box" content="1" />
<meta name="if:Show Header" content="0" />
<meta name="if:Show Post Captions" content="0" />
<meta name="if:Show Archive Link" content="0" />

<meta name="if:Show Random Link" content="0" />
<meta name="if:Show Search Bar" content="0" />
<meta name="if:Sidebar Fixed" content="1" />

<meta name="if:Sidebar Left or Right" content="0" />
<meta name="if:Add Transparency To Header Title" content="1" />
<meta name="if:2 columns" content="0" />

<meta name="if:4 columns" content="0" />
<meta name="if:Font BenchNine" content="1" />

<meta name="if:Font Unica One" content="0" />
<meta name="if:Font Abel" content="0" />
<meta name="if:Font Open Sans Condensed" content="0" />


<meta name="text:Photo Gradient Transparency" content="0.3" />
<meta name="text:Content BG Transparency" content="0.9" />
<meta name="text:Custom Header Title" content="" />
<meta name="text:Twitter Username" content="" />

<meta name="text:Tweet count" content="5" />
<meta name="text:Ask Title" content="Askbox" />


<meta name="text:Link 1" content="" />
<meta name="text:Link 1 Title" content="" />
<link href='http://fonts.googleapis.com/css?family=Unica+One|Abel|
Open+Sans+Condensed:700,300|BenchNine' rel='stylesheet'
type='text/css'>
<style type="text/css"> body { padding:0; margin:0; font-family:

"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica,
Arial, "Lucida Grande", sans-serif; font-size:11px; color:{color:text};
{block:ifNotfullsizebackgroundimage} background-color:{color:background};
background-image:url({image:Background});
{/block:ifNotfullsizebackgroundimage}} html
{ {block:iffullsizebackgroundimage} background:{color:Background}
url({image:Background}) no-repeat center center fixed; -webkit-backgroundsize: cover; -moz-background-size: cover; -o-background-size: cover;
background-size: cover; {/block:iffullsizebackgroundimage}} a { color:
{color:text}; text-decoration:none;;} a:hover { text-decoration:none;}

a:active{outline: none;} a:focus{-moz-outline-style: none;} :-moz-anylink:focus{outline: none;} img{border:none;display:block;} .clear
{clear:both;} .hidden {display:none !important;} #center { margin:auto;
position:relative; width:920px; {Block:IfTwitterusername} width:1145px;
{/Block:IfTwitterusername} {Block:If2columns} width:690px;
{Block:IfTwitterusername} width:915px; {/Block:IfTwitterusername}
{/Block:If2columns} {Block:If4columns} width:1145px; {/Block:If4columns}
{block:PermalinkPage} width:750px; {/block:PermalinkPage}} #container
{ position:relative; margin:0 0 100px;} #content { margin: 10px 0 0;
float:left; width:690px; overflow: visible !important; {Block:If2columns}
width:460px; {/Block:If2columns} {Block:If4columns} width:920px;
{/Block:If4columns} {block:PermalinkPage} width:520px;
{/block:PermalinkPage}} {Block:IfShowHeader} #header { width:100%; textalign:center; position:relative;} #header h1{ display: inline-block; font-size:
70px; font-weight: 700; height: 52px; line-height: 49px; margin: 100px auto;
padding: 40px; text-align:center; text-transform: uppercase; border: 10px
solid {color:Header Title}; color:{color:Header Title};
{Block:IfAddTransparencyToHeaderTitle} opacity:{text:Content BG
Transparency}; {/Block:IfAddTransparencyToHeaderTitle} {block:Ifshadow}
box-shadow:0 0 7px rgba(0,0,0,0.2), inset 0 0 7px rgba(0,0,0,0.2); textshadow:0 0 7px rgba(0,0,0,0.25); {/block:Ifshadow} {Block:IfFontAbel} fontfamily: 'Abel', sans-serif; border-width:4px; font-weight:normal; lineheight:52px; height:50px; {/Block:IfFontAbel} {Block:IfFontBenchNine} fontfamily: 'BenchNine',Helvetica,Arial,sans-serif; border-width:5px; fontweight:400; height: 50px; line-height: 54px; {/Block:IfFontBenchNine}
{Block:IfFontOpenSansCondensed} font-family: 'Open Sans Condensed',
sans-serif; border-width:10px; font-weight:700; height: 51px; line-height:
47px; {/Block:IfFontOpenSansCondensed} {Block:IfFontUnicaOne} fontfamily: 'Unica One', cursive; font-weight:400; border-width:5px; height: 46px;
line-height: 46px; {/Block:IfFontUnicaOne}} {Block:IfNotBackgroundimage}
#header h1:hover { background:{color:Header Title}; color:
{color:background};} {/Block:IfNotBackgroundimage} #header
#logo{ display: block; margin: 50px 0; max-height: 200px; max-width:
100%;} {/Block:IfShowHeader} {Block:IfNotShowHeader} #noheader
{ height:10px;} {/Block:IfNotShowHeader} #xtr_spc, #xtr_spc_twitter
{ padding-top:10px; float: right; {block:ifSidebarLeftorRight} float:left;
{/block:ifSidebarLeftorRight}} #sidebar { margin: 0 5px 0 0; width:220px;
{block:PermalinkPage} margin: 0 10px 0 0; {/block:PermalinkPage}
{block:ifNotSidebarLeftorRight} margin:0; {/block:ifNotSidebarLeftorRight}}
#sidebar_box { margin-bottom:10px; position: relative; width: 200px;
padding: 10px; {block:Ifshadow} box-shadow:0 0 7px rgba(0,0,0,0.2);
{/block:Ifshadow} {block:Ifroundborders} border-radius:3px;
{/block:Ifroundborders}} #sidebar #background { position:absolute;
width:100%; height:100%; z-index:-1; top:0; left:0; opacity:{text:Content BG

Transparency}; background-color:{color:Content}; {block:Ifroundborders}
border-radius:3px; {/block:Ifroundborders}} #sidebar .portrait{ width:200px;
height:auto; {block:Ifroundborders} border-radius:2px;
{/block:Ifroundborders}} #sidebar h1 { overflow: hidden; text-overflow:
inherit; white-space: nowrap; line-height: 100%; margin: 0; color:
{color:titles}; {Block:IfFontAbel} font-family: 'Abel',sans-serif; font-size: 22px;
font-weight: normal; {/Block:IfFontAbel} {Block:IfFontBenchNine} font-family:
'BenchNine',Helvetica,Arial,sans-serif; font-weight:400;
{/Block:IfFontBenchNine} {Block:IfFontOpenSansCondensed} font-family:
'Open Sans Condensed', sans-serif; font-weight:700;
{/Block:IfFontOpenSansCondensed} {Block:IfFontUnicaOne} font-family:
'Unica One', cursive; font-weight:400; font-size:18px;
{/Block:IfFontUnicaOne}} #sidebar h2, #content #post h3, #content
#twitter h3{ font-size:18px; margin:0 0 5px; line-height: 100%; fontweight:bold; color:{color:titles}; {Block:IfFontAbel} font-family: 'Abel', sansserif; font-size:16px; font-weight:normal; {/Block:IfFontAbel}
{Block:IfFontBenchNine} font-family: 'BenchNine',Helvetica,Arial,sans-serif;
border-width:5px; font-weight:400; {/Block:IfFontBenchNine}
sans-serif; border-width:10px; font-weight:700;
'Unica One', cursive; font-weight:400; border-width:5px; font-size:18px;
{/Block:IfFontUnicaOne}} #sidebar #links { margin:0;} #sidebar #links a
{ padding:5px 0; border-bottom:1px dotted rgba(0,0,0,0.1); display:block;}
#sidebar #links a:last-child { border:none;} #sidebar #links #search {}
#sidebar #links #search .search_input { border:none;
background:transparent; font-family: "HelveticaNeue-Light", "Helvetica Neue
Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; fontsize:11px; padding:5px 0 0; width:200px; color:{color:text};} #sidebar #links
#search .submit { display:none} #sidebar #widgets { margin: 0; overflow:
hidden; width: 200px;} #sidebar #widgets #twitter { float: left; height: 20px;
margin: 0 10px 0 0; overflow: hidden; width: 59px;} #sidebar #widgets
.fb_iframe_widget { float: left; position: relative;} #xtr_spc_twitter { float:
left; margin: 0 0 0 5px; {block:ifSidebarLeftorRight} float:right;
{/block:ifSidebarLeftorRight}} #xtr_spc_twitter #sidebar { marginbottom:10px; position: relative; width: 200px; padding: 10px; margin:0 5px 0
0; {block:Ifshadow} box-shadow:0 0 7px rgba(0,0,0,0.2); {/block:Ifshadow}
{block:Ifroundborders} border-radius:3px; {/block:Ifroundborders}}
#xtr_spc_twitter #sidebar #background { position:absolute; width:100%;
height:100%; z-index:-1; top:0; left:0; opacity:{text:Content BG
border-radius:3px; {/block:Ifroundborders}} #blogroll { display:none;
position:relative; padding:10px; margin: 10px 5px 0; float:left; width:660px;
{Block:If2columns} width:430px; {/Block:If2columns} {Block:If4columns}

width:890px; {/Block:If4columns} {block:PermalinkPage} width:490px;
{/block:PermalinkPage} {block:Ifroundborders} border-radius:3px;
{/block:Ifroundborders}} #blogroll #background { position:absolute;
border-radius:3px; {/block:Ifroundborders}} #blogroll h1 { font-size:18px;
margin:0 0 7px; line-height: 100%; font-weight:bold; color:{color:titles};
{Block:IfFontAbel} font-family: 'Abel', sans-serif; font-size:16px; fontweight:normal; {/Block:IfFontAbel} {Block:IfFontBenchNine} font-family:
'BenchNine',Helvetica,Arial,sans-serif; border-width:5px; font-weight:400;
{/Block:IfFontBenchNine} {Block:IfFontOpenSansCondensed} font-family:
'Open Sans Condensed', sans-serif; border-width:10px; font-weight:700;
'Unica One', cursive; font-weight:400; border-width:5px; font-size:18px;
{/Block:IfFontUnicaOne}} #blogroll ul { list-style: none outside none; margin:
13px 0 0; padding: 0; text-align: center;} #blogroll ul li { display: inline-block;
height: 35px; margin: 0 5px 5px 0; width: 35px;} #blogroll ul li img { height:
35px; width: 35px;} #blogroll .close { font-size: 18px; line-height: 9px;
position: absolute; right: 22px; top: 16px;} /* Content Style */ #content
#post, #content #twitter, #content #pagination { float:left; position:
relative; width:200px; padding:10px; margin:0 5px 10px; {block:Ifshadow}
box-shadow:0 0 7px rgba(0,0,0,0.2); {/block:Ifshadow}
{block:Ifroundborders} border-radius:3px; {/block:Ifroundborders}
{block:PermalinkPage} margin:0; width:500px; float:none;
{/block:PermalinkPage}} #content #post #background, #content #twitter
#background, #content #pagination #background { position:absolute;
border-radius:3px; {/block:Ifroundborders}} #content #post.pages { textalign:center; width:660px; {Block:If2columns} width:430px;
{/Block:If2columns} {Block:If4columns} width:890px; {/Block:If4columns}
{block:PermalinkPage} width:490px; {/block:PermalinkPage}
{block:Ifroundborders} border-radius:3px; {/block:Ifroundborders}} #content
#post.pages h3 { margin:0; line-height:150%;} #content #twitter #feed
.tweet_list, #xtr_spc_twitter #feed .tweet_list { margin:0; padding:0; liststyle:none;} #content #twitter #feed .tweet_list li, #xtr_spc_twitter #feed
.tweet_list li { padding:10px 0; border-bottom:1px dotted rgba(0,0,0,0.1);}
#content #twitter #feed .tweet_list li:first-child, #xtr_spc_twitter #feed
.tweet_list li:first-child { padding-top:3px;} #content #twitter #feed
.tweet_list li:last-child, #xtr_spc_twitter #feed .tweet_list li:last-child
{ border:none; padding-bottom:3px;} #content #twitter #feed .tweet_list li
.tweet_time {} #content #twitter #feed .tweet_list li .tweet_text {} #content
#post h3 { margin: 0 0 10px;} #content #post blockquote { margin:0 0 0
20px} #content #post #quote { position: relative;} #content #post #quote

#quote_symbol { font-family: "Helvetica neue", Helvetica, Arial, sans-serif;
font-size: 120px; font-weight: bold; height: 65px; right: 0; letter-spacing:
-5px; line-height: 0; margin: -26px 0 0 -6px; opacity: 0.15; overflow: hidden;
position: absolute; top: 0;} #content #post #quote h3 { textdecoration:none; text-align:center; padding:0 10px;} #content #post #quote
.source { text-align:center; margin:10px 0 5px; font-style:italic;} #content
#post #photo { position:relative; width:200px; {block:PermalinkPage}
width:500px; {/block:PermalinkPage}} #content #post #photo img
{ width:200px; z-index:1; position:relative; {block:PermalinkPage}
width:auto; width:500px; {/block:PermalinkPage}}
{Block:IfNotSwitchPhotoPostHoverStyle} #content #post #photo
#gradient{ z-index:1000; position:absolute; height:100%; width:100%;
-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition:
all 0.6s ease; transition: all 0.6s ease; opacity:{text:Photo Gradient
Transparency}; background-image: linear-gradient(bottom, {color:Photo
Gradient Layer 2} 0%, {color:Photo Gradient Layer 1} 100%); backgroundimage: -o-linear-gradient(bottom, {color:Photo Gradient Layer 2} 0%,
{color:Photo Gradient Layer 1} 100%); background-image: -moz-lineargradient(bottom, {color:Photo Gradient Layer 2} 0%, {color:Photo Gradient
Layer 1} 100%); background-image: -webkit-linear-gradient(bottom,
{color:Photo Gradient Layer 2} 0%, {color:Photo Gradient Layer 1} 100%);
background-image: -ms-linear-gradient(bottom, {color:Photo Gradient Layer
2} 0%, {color:Photo Gradient Layer 1} 100%);} #content #post
#photo:hover #gradient{ opacity:0;} #content #post #photo #hover { fontweight:bold; font-size: 9px; bottom:0; position: absolute; text-transform:
uppercase; width: 100%; z-index: 1001; opacity:0; text-align:center; -webkittransition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s
ease; transition: all 0.9s ease;} #content #post #photo:hover #hover
{ opacity:1;} #content #post #photo #hover #background { opacity:0.7;
border-radius:0; background-color:{color:Photo Gradient Layer 2};} #content
#post #photo #hover a { display:inline-block; margin:0 5px; padding:7px;
color:{color:Photo hover links};} {/Block:IfNotSwitchPhotoPostHoverStyle}
{Block:IfSwitchPhotoPostHoverStyle} #content #post #photo #hover
{ position:absolute; height:100%; width:200px; opacity:0; visibility: hidden; zindex:1000; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -otransition: all 0.9s ease; transition: all 0.9s ease;} #content #post
#photo:hover #hover { opacity:1; visibility: visible;} #content #post #photo
#hover #background { z-index:-1; position:absolute; height:100%;
width:100%; opacity:{text:Photo Gradient Transparency}; background-image:
linear-gradient(bottom, {color:Photo Gradient Layer 2} 0%, {color:Photo
Gradient Layer 1} 100%); background-image: -o-linear-gradient(bottom,
background-image: -moz-linear-gradient(bottom, {color:Photo Gradient Layer
2} 0%, {color:Photo Gradient Layer 1} 100%); background-image: -webkitlinear-gradient(bottom, {color:Photo Gradient Layer 2} 0%, {color:Photo
Gradient Layer 1} 100%); background-image: -ms-linear-gradient(bottom,
{color:Photo Gradient Layer 2} 0%, {color:Photo Gradient Layer 1} 100%);}
#content #post #photo #hover #links { position:absolute; height:100%;
width:200px; top:0; left:0;} #content #post #photo #hover a, #content
#post #photo #hover a:hover { display: inline-block; font-size: 11px; fontweight: 700; letter-spacing: 1px; line-height: 100%; padding: 7px 11px 8px;
position: absolute; text-align:center; text-transform: uppercase; color:
{color:Photo hover links}; border: 2px solid {color:Photo hover links};
{Block:IfFontAbel} font-family: 'Abel', sans-serif; font-size:13px; padding: 7px
11px; font-weight:normal; {/Block:IfFontAbel} {Block:IfFontBenchNine} fontfamily: 'BenchNine',Helvetica,Arial,sans-serif; padding: 7px 11px; fontsize:14px; font-weight:400; {/Block:IfFontBenchNine}
sans-serif; border-width:3px; font-weight:700; font-size:13px;
'Unica One', cursive; font-weight:400; padding: 7px 11px; font-size:13px;
{/Block:IfFontUnicaOne}} #content #post #photo #hover a.N { top: 10px;
left: 10px;} #content #post #photo #hover a.T { top: 10px; width:51px;
right: 10px;} #content #post #photo #hover a.R { bottom: 10px; right:
10px; width:51px;} #content #post #photo #hover a.S { bottom:10px;
left:10px;} {/Block:IfSwitchPhotoPostHoverStyle} #content #post.photoset
{ {block:IndexPage} width:430px !important; padding:25px 10px 10px;
padding:25px 10px; {/block:IndexPage}} #content #post #photoset
{ overflow:hidden;} #content #post #photoset a img { width:250px;
height:auto; display:none;} #content #post #photoset a:first-child img
{ display:block;} #container #audio_box { position:relative} #container
#audio_box #gradient { z-index:1000; position:absolute; height:100%;
width:100%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease; transition: all 0.6s ease;
{Block:IfNotSwitchPhotoPostHoverStyle} opacity:{text:Photo Gradient
Transparency}; background-image: linear-gradient(bottom, {color:Photo
Gradient Layer 2} 0%, {color:Photo Gradient Layer 1} 100%); backgroundimage: -o-linear-gradient(bottom, {color:Photo Gradient Layer 2} 0%,
{color:Photo Gradient Layer 1} 100%); background-image: -moz-lineargradient(bottom, {color:Photo Gradient Layer 2} 0%, {color:Photo Gradient
Layer 1} 100%); background-image: -webkit-linear-gradient(bottom,
background-image: -ms-linear-gradient(bottom, {color:Photo Gradient Layer
2} 0%, {color:Photo Gradient Layer 1} 100%);
{/Block:IfNotSwitchPhotoPostHoverStyle}} #container #audio_box:hover
#gradient{ opacity:0;} #container .album{ margin:0; height:36px}
#container .albumart{ margin:0; min-height:36px; width:200px;
{block:PermalinkPage} width: 250px; float: left; {/block:PermalinkPage}}

#container .albumart img{ height: auto; width:200px; max-width: 300px !
important; {block:PermalinkPage} max-width: 250px !important; width:
250px; {/block:PermalinkPage}} #container .audio{ background: none
repeat scroll 0 0 black; height: 27px; margin: -36px 0 0; opacity: 0.7;
overflow: hidden; padding: 5px 0 4px; width: 27px; z-index:1001; borderleft:86px solid black; border-right:87px solid black; position:absolute;
{block:PermalinkPage} position:relative; margin: 0 0 40px 40px; float: left;
border-left: 186px solid black; border-right: 187px solid black;
{/block:PermalinkPage}} #container .artist_info { float: left; list-style: none
outside none; margin: 0; padding: 0 0 0 40px; width: 400px;} #container
.artist_info li{ background: none repeat scroll 0 0 #EEEEEE; font-size: 10px;
font-weight: normal; margin: 0 0 4px; padding: 5px 6px 4px; text-transform:
uppercase;} #container .artist_info li:first-child{ border-top:none;}
#container #post #chat { margin:0; list-style:none; padding:0;} #container
#post #chat li { padding:10px 0; border-bottom:1px dotted rgba(0,0,0,0.1);}
#container #post #chat li:first-child { padding-top:3px;} #container #post
#chat li:last-child { border:none; padding-bottom:3px;} #container #post
#chat li span{ font-weight:bold;} #container #question { background: none
repeat scroll 0 0 rgba(0, 0, 0, 0.05); margin: 0 0 10px; padding: 10px;}
#container #question img { float: left; height: 37px; margin: 0 10px 5px 0;
width: 37px;} #container #question span { border-bottom: 1px solid rgba(0,
0, 0, 0.2); display: inline-block; line-height: 10px; margin: 0;} #container
#question p { margin: 0;} #container #question p a.asker { fontweight:bold;} #container #answer p { position:relative; margin:0;}
#container #answer p img { max-width:100%; height:auto; margin:10px 0
0;} #content #post.video { {block:IndexPage} width:430px !important;
{/block:IndexPage}} #content #post #video iframe { width:430px !
important; height:240px !important;} #container #post .caption {}
#container #post .caption p { margin-bottom: 0;} #container #post .caption
p, #container #post blockquote { position:relative} #container #post
.caption p img, #container #post blockquote img { max-width:100%;
margin:5px 0 0; height:auto;} #container #post .caption a.tumblr_blog
{ font-weight:bold; text-transform: capitalize;} #container #post blockquote
{ border-left: 1px dotted rgba(0, 0, 0, 0.1); margin: 5px 0 10px 10px;
padding: 0 0 0 10px;} #content #pagination {} #content #pagination a
{ display: block; font-weight: bold; margin: 0 5px;} #content #pagination
a.prev { float:right} #content #pagination a.next { float:left;} /* Post Info */
#container #info { margin: 10px 0 0; width: 520px;} #container #info
.caption, #container #info .info_list, #container #info .notes_box
{ position:relative; padding:10px; margin:10px 0 0; width:500px;
{block:Ifroundborders} border-radius:3px; {/block:Ifroundborders}}
#container #info #background { position:absolute; width:100%;
height:100%; z-index:-1; top:0; left:0; opacity:{text:Content BG

border-radius:3px; {/block:Ifroundborders}} #container #info .caption
{ padding: 1px 10px 10px; position: relative;} #container #info .caption p
{ margin-bottom: 0;} #container #info .caption p, #container #info
blockquote { position:relative} #container #info .caption p img, #container
#info blockquote img { max-width:100%; margin:5px 0 0; height:auto;}
#container #info .caption a.tumblr_blog { font-weight:bold; text-transform:
capitalize;} #container #info blockquote { border-left: 1px dotted rgba(0, 0,
0, 0.1); margin: 5px 0 10px 10px; padding: 0 0 0 10px;} /* Post About */
#container #info .info_list { list-style-type: none; margin: 10px 0; padding:
10px; text-align: center; width: 500px;} #container #info .info_list ul
{ margin:0; padding:0; list-style:none;} #container #info .info_list li { display:
inline-block; font-size: 10px; font-weight: bold; margin: 0 10px; texttransform: uppercase;} #container #info .info_list li a { border-bottom: 1px
dotted rgba(0, 0, 0, 0.2); display: inline-block; line-height: 10px;} /* Notes */
#container #info ol.notes { padding: 0; margin:0;} #container #info ol.notes
li.note { float: left; height: 16px; margin: 0 10px 5px 0; overflow: hidden;
text-overflow: ellipsis; white-space: nowrap; width: 245px;} #container #info
ol.notes li.note:nth-child(even) { margin-right: 0;} #container #info ol.notes
li.note img.avatar { display: block; float: left; height: 16px; margin-right: 5px;
vertical-align: -4px; width: 16px;} #container #info ol.notes li.note .action
a:first-child { display:none;} #container #info ol.notes li.note
.answer_content { font-weight: normal;} #container #info ol.notes li.note
blockquote { padding: 4px 10px; margin: 10px 0 10px 30px; display:none;}
#container #info ol.notes li.note blockquote a { text-decoration: none;
display:none;} #container #info ol.notes li.more_notes_link_container{ clear:
both !important; display: block; float: none; font-weight: bold; height: 11px;
margin: 0 !important; padding: 10px 0 5px; width: 500px;} </style>
</head>
<body>
<div id="background-gradient"></div>
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
{block:Pagination}
<div class="nav">
{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}
</div>
{/block:Pagination}
<div id="center">
{Block:IfShowHeader}
<div id="header">
<center>
<a href="/">
{Block:IfnotHeaderLogoImage}
{Block:IfCustomHeaderTitle}
<h1>{Text:Custom Header Title}</h1>
{/Block:IfCustomHeaderTitle}
{Block:IfNotCustomHeaderTitle}
<h1>{Title}</h1>
{/Block:IfNotCustomHeaderTitle}
{/Block:IfnotHeaderLogoImage}
{Block:IfHeaderLogoImage}
<img src="{Image:Header logo}" id="logo" />
{/Block:IfHeaderLogoImage}
</a>
</center>
</div>
{/Block:IfShowHeader}
{Block:IfNotShowHeader}
<div id="noheader"></div>
{/Block:IfNotShowHeader}
<div id="container">
<div id="background"></div>
<div id="xtr_spc">
<div id="sidebar">
{Block:IfSidebarPortraitimage}
<div id="sidebar_box">
<a href="/">
<img src="{image:Sidebar Portrait}" class="portrait"/>
</a>
</div>
{/Block:IfSidebarPortraitimage}
<a href="/"><h1>{title}</h1></a>
</div>
{Block:IfShowDescriptionBox}
{Description}
</div>
{/Block:IfShowDescriptionBox}
<div id="links">
<h2>Links</h2>
{Block:IfShowBlogRoll}
<a href="#blogroll" class="blogroll">Blogroll</a>
{block:ifLink1Title}
<a href="{text:Link 1}">{text:Link 1 Title}</a>
{/block:ifLink1Title}

{block:AskEnabled}
<a href="/ask">{AskLabel}</a>
{/block:AskEnabled}
{block:SubmissionsEnabled}
<a href="/submit">Submit</a>
{/block:SubmissionsEnabled}
{Block:IfShowArchiveLink}
<a href="/archive">Archive</a>
{/Block:IfShowArchiveLink}
{Block:IfShowRandomLink}
<a href="/random">Random</a>
{/Block:IfShowRandomLink}
{Block:IfShowSearchBar}
<form action="/search" method="get" id="search">

<input type="text" name="q"
value="{URLSafeSearchQuery}" placeholder="Search"
class="search_input"/>
<input type="submit" value="Search" class="submit"/>
</form>
{/Block:IfShowSearchBar}
{block:HasPages}
{block:Pages}
<a href="{URL}" title="{Label}">{Label}</a>
{/block:Pages}
{/block:HasPages}
</div>
</div>
{Block:IfShowSocialButtons}
<div id="widgets">
<h2>Social</h2>
{Block:IfTwitterusername}
<div id="twitter">
<a href="https://twitter.com/{text:Twitter Username}"
class="twitter-follow-button" data-show-count="false" data-show-screenname="false">Follow @{text:Twitter Username}</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!
d.getElementById(id))
{js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.
parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
{/Block:IfTwitterusername}
<div class="fb-like" data-send="false" datalayout="button_count" data-width="200" data-show-faces="false"></div>
<div class="clear"></div>
</div>
</div>
{/Block:IfShowSocialButtons}
</div>
</div>
{block:IndexPage}
{Block:IfNot4columns}
<div id="xtr_spc_twitter">
<div id="sidebar">
<h2>Tweets</h2>
<div id="feed"></div>
</div>
</div>
{/Block:IfNot4columns}
{/block:IndexPage}
<div id="blogroll">
{block:Following}
<h1>Blogs I follow:</h1>
<ul>
{block:Followed}
<li>
<a href="{FollowedURL}">
<img src="{FollowedPortraitURL-48}"/></a>
</li>
{/block:Followed}
</ul>
{/block:Following}
<div class="close"></div>
</div>
{/Block:IfShowBlogRoll}
<div id="content">
{block:IndexPage}
{Block:If4columns}
{block:SearchPage}<div class="hidden">{/block:SearchPage}
{block:TagPage}<div class="hidden">{/block:TagPage}
<div id="twitter">
<h3>Tweets</h3>
<div id="feed"></div>
</div>
{block:SearchPage}</div>{/block:SearchPage}
{block:TagPage}</div>{/block:TagPage}
{/Block:If4columns}
{/block:IndexPage}
{block:SearchPage}
<div id="post" class="pages">
<h3>Search results for "{SearchQuery}"</h3>
</div>
{block:NoSearchResults}
<h3>No results found</h3>
{/block:NoSearchResults}
</div>
{/block:SearchPage}
{block:TagPage}
<h3>Posts tagged with "{Tag}"</h3>
</div>
{/block:TagPage}
{block:Posts}
<div id="post"
{block:Video}class="video"{/block:Video}
{block:Photoset}class="photoset"{/block:Photoset}>
{block:Text}
{block:Title}
<a href="{Permalink}"><h3>{Title}</h3></a>
{/block:Title}
{Body}
{/block:Text}
{block:Photo}
<div id="photo">
{block:IndexPage}
{Block:IfNotSwitchPhotoPostHoverStyle}
<a href="{Permalink}"><div id="gradient"></div></a>
{block:Date}
<div id="hover"><div id="background"></div>

{block:NoteCount}
<a href="{Permalink}" class="N">{NoteCount}</a>
{/block:NoteCount}
<a href="{Permalink}" class="T">
{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}
</a>
<a href="{ReblogURL}" class="R">Reblog</a>
</div>
{/block:Date}
{/Block:IfNotSwitchPhotoPostHoverStyle}
{Block:IfSwitchPhotoPostHoverStyle}
{block:Date}
<div id="hover"><div id="background"></div>
<div id="links">
{block:NoteCount}
<a href="{Permalink}" class="N">{NoteCount}</a><br />
{/block:NoteCount}
<a href="{Permalink}" class="T">
{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}
</a>
<a href="{ReblogURL}" class="R">Reblog</a>
{block:RebloggedFrom}
<a href="{ReblogRootURL}" class="S">Source</a>
{/block:RebloggedFrom}
</div>
</div>
{/block:Date}
{/Block:IfSwitchPhotoPostHoverStyle}
<a href="{Permalink}">
<img src="{PhotoURL-500}"/></a>
{/block:IndexPage}
{block:PermalinkPage}
<center><img src="{PhotoURL-HighRes}"/></center>
{/block:PermalinkPage}
</div>
{/block:Photo}
{block:Photoset}
{block:IndexPage}
<center>{Photoset-400}</center>
{/block:IndexPage}
<center>{Photoset-500}</center>
{/block:Photoset}
{block:Quote}
<div id="quote">
<div id="quote_symbol">,,</div>
<a href="{Permalink}"><h3>{Quote}</h3></a>
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
</div>
{/block:Quote}
{block:Link}
<a href="{URL}" class="link" {Target}><h3>
{Name}</h3></a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{/block:Link}
{block:Audio}
<div id="audio_box">
<a href="{Permalink}"><div id="gradient"></div></a>
<div class="album{block:AlbumArt}art{/block:AlbumArt}">
{block:AlbumArt}
{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
<img src="{AlbumArtURL}" />
{block:IndexPage}</a>{/block:IndexPage}
{/block:AlbumArt}</div>
<div id="{postID}" class="audio
{block:AlbumArt}short{/block:AlbumArt}
">
{block:IndexPage}
{AudioPlayerBlack}
{/block:IndexPage}
{block:ifDarkorlightversion}
{AudioPlayerBlack}
{/block:ifDarkorlightversion}
{block:ifNotDarkorlightversion}
{AudioPlayerWhite}
{/block:ifNotDarkorlightversion}
</div>
<ul class="artist_info">
{block:Artist}
<li>{Artist}</li>
{/block:Artist}
{block:Album}
<li>{Album}</li>
{/block:Album}
{block:TrackName}
<li>{TrackName}</li>
{/block:TrackName}
</ul>{/block:PermalinkPage}
</div>
{/block:Audio}
{block:Chat}
{block:Title}
<a href="{Permalink}"><h3>{Title}</h3></a>
{/block:Title}
<ul id="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{/block:Chat}
{block:Video}
<div id="video">
<center>{Video-500}</center>
</div>
{/block:Video}
{block:Answer}
<div id="question">
<img src="{AskerPortraitURL-64}" />
<a href="{Permalink}" title="Got to Permalink page">
<p><span>{Asker}:</span><br/>
{Question}</p></a>
</div>
<div id="answer">
{Answer}
</div>
{/block:Answer}
{Block:IfShowPostCaptions}
{block:IndexPage}
{block:Date}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Date}
{/block:IndexPage}
{/Block:IfShowPostCaptions}
</div>
{block:Date}
<div id="info">
{block:Caption}
<div class="caption">
{Caption}
</div>{/block:Caption}
<div class="info_list">
<ul>
{block:NoteCount}
<li>{NoteCountWithLabel}</li>
{/block:NoteCount}
<li>{DayOfMonthWithZero} {Month} {Year}</li>
{block:RebloggedFrom}
<li><a href="{ReblogRootURL}" target="_blank">
{ReblogRootName}</a></li>
{/block:RebloggedFrom}
{block:HighRes}
<li><a href="{PhotoURL-HighRes}" target="_blank">

High-Res</a></li>
{/block:HighRes}
{block:ExternalAudio}
<li><a href="{ExternalAudioURL}" target="_blank">
Download</a></li>
{/block:ExternalAudio}
</ul>
</div>
{block:PostNotes}
<div class="notes_box">
{PostNotes}
</div>
</div>
{/block:PostNotes}
{/block:Date}
{/block:Posts}
{Block:IfNotInfiniteScroll}
{block:Pagination}
<div id="pagination">
{block:PreviousPage}
<a href="{PreviousPage}" class="prev">Previous</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}" class="next">Next</a>
{/block:NextPage}
</div>
{/block:Pagination}
{/Block:IfNotInfiniteScroll}
</div>
</div>
</div>
<script type="text/javascript"
src="http://themaxdavisthemes.com/code/jQuery.js"></script>
{Block:IfSidebarFixed}<script type="text/javascript"
src="http://static.tumblr.com/8jq17g7/c7Bmgqg0l/jquery.stickyscroll.js"></scr
ipt>{/Block:IfSidebarFixed}
{Block:IfTwitterusername}<script type="text/javascript"
src="http://static.tumblr.com/8jq17g7/t06mgzc3u/jquery.tweet.js"></script>
<script type="text/javascript">
$(window).load(function(){
var $wall = $('#content');
{block:IndexPage}
$wall.masonry({
itemSelector: '#post,
#twitter{block:SearchPage}_hide{/block:SearchPage}
{block:TagPage}_hide{/block:TagPage}, #pagination',
columnWidth: 230
});
{Block:IfInfiniteScroll}
$wall.infinitescroll({
navSelector : ".nav",
nextSelector : ".nav a",
itemSelector : "#post",
behavior
: 'twitter',
extraScrollPx: 50,
bufferPx
: 5000,
loadingImg : "",
loadingText : "",
loading
donetext
: "",
: ""
},
function( newElements ) {
var $newElems = $( newElements ).css({
opacity: 0
});
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$wall.masonry( "appended", $newElems, true );
});
$('.audio').each(function(){
var audioID = $(this).attr("id");
var $audioPost = $(this);
$.ajax({
url: 'http://{Name}.tumblr.com/api/read/json?id=' + audioID,
dataType: 'jsonp',
timeout: 50000,
success: function(data){
$audioPost.find('#audio_player_'+audioID).replaceWith('<div
style="background-color:#000000;">' + data.posts[0]['audioplayer'].replace("audio_player.swf", "audio_player_black.swf") +'</div>');}
});
});
});{/Block:IfInfiniteScroll}
$(document).load(function(){
e.preventDefault();
$wall.infinitescroll('retrieve');
});
$('#load').click(function(){
$(document).trigger('retrieve.infscr');
return false;
});
});
{/block:IndexPage}
{Block:IfSidebarFixed}
$(document).ready(function() {
$('#xtr_spc, #xtr_spc_twitter').stickyScroll({ container: '#container' });
});{/Block:IfSidebarFixed}
jQuery(function($){
$("#feed").tweet({
username: "{Text:Twitter username}",
count: "{Text:Tweet count}"
});
});
$('.blogroll').click(function(){
$('#blogroll').show();
$('#content').hide();
});
$('#close').click(function(){
$('#content').show();
$('#blogroll').hide();
});
</script>
</body>

<script type="text/javascript" src="http://www.wikplayer.com/code.js"
dataconfig="{'skin':'skins/wikfull/plainBlack/skin.css','volume':100,'autoplay':true,
'shuffle':false,'repeat':1,'showcomment':false,'marqueetexton':true,'placemen
t':'top','showplaylist':false,'playlist':[{'title':'Fields%20of%20the%20Nephilim%20Mourning%20Sun','url':'http%3A%2F%2https://www.youtube.com/watch?
v=X8wlBZ2NT0o'},{'title':'Sopor%20Aeternus-%20Sopor%20fratrem
%20mortis%20est','url':'http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv
%3DFXtNYT7Sca0'},{'title':'Fields%20of%20the%20Nephilim-%20She
%20','url':'http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv
%3DcxPn3GB6DyE'},{'title':'Sopor%20Aeternus-Where%20the%20ancient
%20laurel%20grows','url':'http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv
%3DLV91XlD7RT0'},{'title':'Fields%20of%20the%20Nephilim-%20Requiem
%20','url':'http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DrO_0Vbw1P4'},{'title':'Sopor%20Aeternus-In%20der%20Palastra','url':'http%3A%2F
%2Fwww.youtube.com%2Fwatch%3Fv%3DXwsJlUdklmk'},{'title':'Type%20O
%20Negative-Summer%20Girl','url':'http%3A%2F%2Fwww.youtube.com
%2Fwatch%3Fv%3DMmE_Zek4e1o'},{'title':'Type%20O%20Negative-Die
%20with%20me','url':'http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv
%3D4dWBgrdafMI'},{'title':'Sopor%20Aeternus-%20Beautiful
%20Thorn','url':'http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv
%3DcyLtjp04mA4%26list%3DFLuI4kidOHmYmztZZEpJgbbw'},{'title':'Type
%20O%20Negative-Burnt%20flowers%20fallen%20','url':'http%3A%2F
%2Fwww.youtube.com%2Fwatch%3Fv%3DsenSWmIPlfc'},{'title':'Type%20O
%20Negative-Green%20Man','url':'http%3A%2F%2Fwww.youtube.com
%2Fwatch%3Fv%3D9ug1JjgN9Y4'},{'title':'Type%20O%20Negative-Love
%20you%20to%20death','url':'http%3A%2F%2Fwww.youtube.com%2Fwatch
%3Fv%3DhaQFP_WikhQ%26list
%3DPLFY6WbyJ1NTZ9tG9JYuggcBfpS3ibFNcF'},{'title':'Type%20O
%20Negative-Nettie','url':'http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv
%3DpgCfH4U9N1E'},{'title':'Type%20O%20Negative-All%20Hallows
%20Eve','url':'http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dx8iLhKWc54'},{'title':'Type%20O%20Negative-World%20Coming
%20Down','url':'http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv
%3DngvsNwFuoXw'},{'title':'Type%20O%20Negative-Christian%20Woman
%20','url':'http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv
%3Dp3lzHpbB33E'}]}" ></script>

</html>

Tema Tumblr Urban 4

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Tema Tumblr Urban 4

Uploaded by

Copyright:

Available Formats

<!

Theme Urban 4 By Max Davis.

Free theme code: www.themes.themaxdavis.com/download/urban_4

PROMOTE YOUR TUMBLR: www.themes.themaxdavis.com/spotlight

<meta name="color:Photo Gradient Layer 1" content="#000000" />

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

<meta name="if:Show Social Buttons" content="0" />

<meta name="if:Show BlogRoll" content="1" />

<meta name="if:Show Archive Link" content="0" />

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

<meta name="if:2 columns" content="0" />

<meta name="if:Font BenchNine" content="1" />

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

<style type="text/css"> body { padding:0; margin:0; font-family:

{color:text}; text-decoration:none;;} a:hover { text-decoration:none;}

width:100%; height:100%; z-index:-1; top:0; left:0; opacity:{text:Content BG

{Block:If2columns} width:430px; {/Block:If2columns} {Block:If4columns}

20px} #content #post #quote { position: relative;} #content #post #quote

{block:PermalinkPage} width: 250px; float: left; {/block:PermalinkPage}}

Transparency}; background-color:{color:Content}; {block:Ifroundborders}

var js, fjs = d.getElementsByTagName(s)[0];

<a href="{text:Link 2}">{text:Link 2 Title}</a>

<form action="/search" method="get" id="search">

<div id="hover"><div id="background"></div>

</div>

<li><a href="{PhotoURL-HighRes}" target="_blank">

</body>

You might also like