pentru tumblr

29
Tema 1 <!DOCTYPE html> <!-- ------------------------------------------------------------ - Theme Urban 4 By Max Davis. Free theme code: www.themes.themaxdavis.com/download/urban_4 More Themes: www.themes.themaxdavis.com PROMOTE YOUR TUMBLR: www.themes.themaxdavis.com/spotlight ------------------------------------------------------------ - --> <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}"> <!-- Colors Theme --> <meta name="color:Background" content="#FFFFFF" /> <meta name="color:Content" content="#F5F5F5" /> <meta name="color:Text" content="#AAAAAA" />

Upload: diana-alina

Post on 28-Oct-2015

55 views

Category:

Documents


0 download

DESCRIPTION

tumblr

TRANSCRIPT

Tema 1

<!DOCTYPE html>

<!-- -------------------------------------------------------------

Theme Urban 4 By Max Davis. Free theme code: www.themes.themaxdavis.com/download/urban_4 More Themes: www.themes.themaxdavis.com

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

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

<!-- Colors Theme --><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" />

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

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

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

<!-- Text: Links --><meta name="text:Link 1" content="" /><meta name="text:Link 1 Title" content="" /><meta name="text:Link 2" content="" /><meta name="text:Link 2 Title" content="" /><meta name="text:Link 3" content="" /><meta name="text:Link 3 Title" content="" /><meta name="text:Link 4" content="" />

<meta name="text:Link 4 Title" content="" /><meta name="text:Link 5" content="" /><meta name="text:Link 5 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-background-size: 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-any-link: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%; text-align: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); text-shadow:0 0 7px rgba(0,0,0,0.25); {/block:Ifshadow} {Block:IfFontAbel} font-family: 'Abel', sans-serif; border-width:4px; font-weight:normal; line-height:52px; height:50px; {/Block:IfFontAbel} {Block:IfFontBenchNine} font-family: 'BenchNine',Helvetica,Arial,sans-serif; border-width:5px; font-weight: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} font-family: '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%; font-weight:bold; color:{color:titles}; {Block:IfFontAbel} font-family: 'Abel', sans-serif; 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} {Block:IfFontOpenSansCondensed} font-family: 'Open Sans Condensed', sans-serif; border-width:10px; font-weight:700; {/Block:IfFontOpenSansCondensed} {Block:IfFontUnicaOne} font-family: '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; font-size: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 { margin-bottom: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 Transparency}; background-color:{color:Content};

{block:Ifroundborders} 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; 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}} #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; font-weight: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; {/Block:IfFontOpenSansCondensed} {Block:IfFontUnicaOne} font-family: '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; 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}} #content #post.pages { text-align: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; list-style: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 { text-decoration: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%); background-image: -o-linear-gradient(bottom, {color:Photo Gradient Layer 2} 0%, {color:Photo Gradient Layer 1} 100%); background-image: -moz-linear-gradient(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 { font-weight:bold; font-size: 9px; bottom:0; position: absolute; text-transform: uppercase; width: 100%; z-index: 1001; opacity:0; text-align:center; -webkit-transition: 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; z-index:1000; -webkit-transition: 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; 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, {color:Photo Gradient Layer 2} 0%, {color:Photo Gradient Layer 1} 100%); background-image: -moz-linear-gradient(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 #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; font-weight: 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} font-family: 'BenchNine',Helvetica,Arial,sans-serif; padding: 7px 11px; font-size:14px; font-weight:400; {/Block:IfFontBenchNine} {Block:IfFontOpenSansCondensed} font-family:

'Open Sans Condensed', sans-serif; border-width:3px; font-weight:700; font-size:13px; {/Block:IfFontOpenSansCondensed} {Block:IfFontUnicaOne} font-family: '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%); background-image: -o-linear-gradient(bottom, {color:Photo Gradient Layer 2} 0%, {color:Photo Gradient Layer 1} 100%); background-image: -moz-linear-gradient(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%); {/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; border-left: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 { font-weight: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 Transparency}; background-color:{color:Content}; {block:Ifroundborders} 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; text-transform: 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><!-- end #header --> {/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"> <div id="background"></div> <a href="/"> <img src="{image:Sidebar Portrait}" class="portrait"/> </a> </div> {/Block:IfSidebarPortraitimage} <div id="sidebar_box"> <div id="background"></div> <a href="/"><h1>{title}</h1></a> </div> {Block:IfShowDescriptionBox} <div id="sidebar_box"> <div id="background"></div> {Description} </div> {/Block:IfShowDescriptionBox} <div id="sidebar_box"> <div id="background"></div> <div id="links"> <h2>Links</h2> {Block:IfShowBlogRoll} <a href="#blogroll" class="blogroll">Blogroll</a> {Block:IfShowBlogRoll} {block:ifLink1Title} <a href="{text:Link 1}">{text:Link 1 Title}</a> {/block:ifLink1Title} {block:ifLink2Title} <a href="{text:Link 2}">{text:Link 2 Title}</a> {/block:ifLink2Title} {block:ifLink3Title} <a href="{text:Link 3}">{text:Link 3 Title}</a> {/block:ifLink3Title} {block:ifLink4Title} <a href="{text:Link 4}">{text:Link 4 Title}</a> {/block:ifLink4Title} {block:ifLink5Title} <a href="{text:Link 5}">{text:Link 5 Title}</a>

{/block:ifLink5Title} {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="sidebar_box"> <div id="background"></div> <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-screen-name="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" data-layout="button_count" data-width="200" data-show-faces="false"></div> <div class="clear"></div> </div><!-- end #widgets --> </div> {/Block:IfShowSocialButtons} </div><!-- end #sidebar --> </div> {block:IndexPage} {Block:IfNot4columns} {Block:IfTwitterusername} <div id="xtr_spc_twitter"> <div id="sidebar"> <div id="background"></div> <h2>Tweets</h2> <div id="feed"></div> </div> </div> {/Block:IfTwitterusername} {/Block:IfNot4columns} {/block:IndexPage} {Block:IfShowBlogRoll} <div id="blogroll"> <div id="background"></div> {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} {Block:IfTwitterusername} <div id="twitter"> <div id="background"></div> <h3>Tweets</h3> <div id="feed"></div> </div> {/Block:IfTwitterusername} {block:SearchPage}</div>{/block:SearchPage} {block:TagPage}</div>{/block:TagPage} {/Block:If4columns} {/block:IndexPage}

{block:SearchPage} <div id="post" class="pages"> <div id="background"></div> <h3>Search results for "{SearchQuery}"</h3> </div> <div id="post" class="pages"> <div id="background"></div> {block:NoSearchResults} <h3>No results found</h3> {/block:NoSearchResults} </div> {/block:SearchPage}

{block:TagPage} <div id="post" class="pages"> <div id="background"></div> <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}> <div id="background"></div> {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} {block:PermalinkPage} <center>{Photoset-500}</center> {/block:PermalinkPage} {/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:PermalinkPage} {block:ifDarkorlightversion} {AudioPlayerBlack} {/block:ifDarkorlightversion} {block:ifNotDarkorlightversion} {AudioPlayerWhite} {/block:ifNotDarkorlightversion} {/block:PermalinkPage} </div> {block:PermalinkPage} <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 class="clear"></div> </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 class="clear"></div> </div> <div id="answer"> {Answer} <div class="clear"></div> </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><!-- end #post -->

{block:PermalinkPage} {block:Date} <div id="info"> {block:Caption} <div class="caption"> <div id="background"></div> {Caption} </div>{/block:Caption} <div class="info_list"> <div id="background"></div> <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"> <div id="background"></div> {PostNotes} <div class="clear"></div> </div> </div> {/block:PostNotes} {/block:Date} {/block:PermalinkPage} {/block:Posts} {Block:IfNotInfiniteScroll} {block:Pagination} <div id="pagination"> <div id="background"></div> {block:PreviousPage} <a href="{PreviousPage}" class="prev">Previous</a> {/block:PreviousPage}

{block:NextPage} <a href="{NextPage}" class="next">Next</a> {/block:NextPage} <div class="clear"></div> </div> {/block:Pagination}

{/Block:IfNotInfiniteScroll} </div><!-- end #content --> <div class="clear"></div> </div><!-- end #container --> </div><!-- end #center -->

<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"></script>{/Block:IfSidebarFixed}{Block:IfTwitterusername}<script type="text/javascript" src="http://static.tumblr.com/8jq17g7/t06mgzc3u/jquery.tweet.js"></script>{/Block:IfTwitterusername}<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]['audio-player'].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></html>

tema 2