Need a unique gift idea?
A Pastebin account makes a great Christmas gift
SHARE
TWEET

Urban4 - Consdeleonn.tumblr

consdeleonn Oct 13th, 2015 (edited) 81 Never
Upgrade to PRO!
ENDING IN00days00hours00mins00secs
 
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. consdeleonn.tumblr.com
  5. -->
  6.  
  7. <html lang="en">
  8. <head>
  9. <meta charset="utf-8" />
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13.  
  14. <!-- Colors Theme -->
  15. <meta name="color:Background" content="#FFFFFF" />
  16. <meta name="color:Content" content="#F5F5F5" />
  17. <meta name="color:Text" content="#AAAAAA" />
  18. <meta name="color:Titles" content="#777777" />
  19.  
  20. <meta name="color:Photo Gradient Layer 1" content="#000000" />
  21. <meta name="color:Photo Gradient Layer 2" content="#FFFFFF" />
  22. <meta name="color:Photo Hover Links" content="#555555" />
  23.  
  24. <meta name="color:Header Title" content="#FFFFFF" />
  25.  
  26.  
  27. <!-- Images -->
  28. <meta name="image:Header Logo" content="" />
  29. <meta name="image:Background" content="" />
  30. <meta name="image:Sidebar Portrait" content="" />
  31.  
  32. <!-- Options -->
  33. <meta name="if:Infinite Scroll" content="1" />
  34. <meta name="if:Full Size Background Image" content="1" />
  35. <meta name="if:Shadow" content="1" />
  36. <meta name="if:Round Borders" content="1" />
  37. <meta name="if:Switch Photo Post Hover Style" content="0" />
  38.  
  39. <meta name="if:Show Social Buttons" content="0" />
  40. <meta name="if:Show BlogRoll" content="1" />
  41. <meta name="if:Show Description Box" content="1" />
  42. <meta name="if:Show Header" content="0" />
  43. <meta name="if:Show Post Captions" content="0" />
  44.  
  45. <meta name="if:Show Archive Link" content="0" />
  46. <meta name="if:Show Random Link" content="0" />
  47. <meta name="if:Show Search Bar" content="0" />
  48.  
  49. <meta name="if:Sidebar Fixed" content="1" />
  50. <meta name="if:Sidebar Left or Right" content="0" />
  51. <meta name="if:Add Transparency To Header Title" content="1" />
  52.  
  53. <meta name="if:2 columns" content="0" />
  54. <meta name="if:4 columns" content="0" />
  55.  
  56. <meta name="if:Font BenchNine" content="1" />
  57. <meta name="if:Font Unica One" content="0" />
  58. <meta name="if:Font Abel" content="0" />
  59. <meta name="if:Font Open Sans Condensed" content="0" />
  60.  
  61.  
  62. <!-- Text -->
  63. <meta name="text:Photo Gradient Transparency" content="0.3" />
  64. <meta name="text:Content BG Transparency" content="0.9" />
  65. <meta name="text:Custom Header Title" content="" />
  66. <meta name="text:Twitter Username" content="" />
  67. <meta name="text:Tweet count" content="5" />
  68. <meta name="text:Ask Title" content="Askbox" />
  69.  
  70. <!-- Text: Links -->
  71. <meta name="text:Link 1" content="" />
  72. <meta name="text:Link 1 Title" content="" />
  73. <meta name="text:Link 2" content="" />
  74. <meta name="text:Link 2 Title" content="" />
  75. <meta name="text:Link 3" content="" />
  76. <meta name="text:Link 3 Title" content="" />
  77. <meta name="text:Link 4" content="" />
  78. <meta name="text:Link 4 Title" content="" />
  79. <meta name="text:Link 5" content="" />
  80. <meta name="text:Link 5 Title" content="" />
  81.  
  82.  
  83. <link href='http://fonts.googleapis.com/css?family=Unica+One|Abel|Open+Sans+Condensed:700,300|BenchNine' rel='stylesheet' type='text/css'>
  84.  
  85. <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>
  86. </head>
  87.  
  88. <body>
  89.    
  90.     <div id="background-gradient">
  91. </div>
  92. <div id="fb-root">
  93. </div>
  94. <script>
  95.         (function(d, s, id) {
  96.             var js, fjs = d.getElementsByTagName(s)[0];
  97.             if (d.getElementById(id)) return;
  98.             js = d.createElement(s); js.id = id;
  99.             js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  100.             fjs.parentNode.insertBefore(js, fjs);
  101.         }(document, 'script', 'facebook-jssdk'));
  102.     </script>
  103.     {block:Pagination}
  104.         <div class="nav">
  105.             {block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}
  106.         </div>
  107. {/block:Pagination}
  108.  
  109.     <div id="center">
  110.         {Block:IfShowHeader}
  111.         <div id="header">
  112.           <center>
  113.             <a href="/">
  114.             {Block:IfnotHeaderLogoImage}
  115.             {Block:IfCustomHeaderTitle}
  116.                 <h1>
  117. {Text:Custom Header Title}</h1>
  118. {/Block:IfCustomHeaderTitle}
  119.             {Block:IfNotCustomHeaderTitle}
  120.                 <h1>
  121. {Title}</h1>
  122. {/Block:IfNotCustomHeaderTitle}
  123.             {/Block:IfnotHeaderLogoImage}
  124.            
  125.             {Block:IfHeaderLogoImage}
  126.                 <img src="{Image:Header logo}" id="logo" />
  127.             {/Block:IfHeaderLogoImage}
  128.             </a>
  129.           </center>
  130. </div>
  131. <!-- end #header -->
  132.         {/Block:IfShowHeader}
  133.        
  134.         {Block:IfNotShowHeader}
  135.         <div id="noheader">
  136. </div>
  137. {/Block:IfNotShowHeader}
  138.        
  139.         <div id="container">
  140.         <div id="background">
  141. </div>
  142. <div id="xtr_spc">
  143.         <div id="sidebar">
  144.            
  145.             {Block:IfSidebarPortraitimage}
  146.             <div id="sidebar_box">
  147.             <div id="background">
  148. </div>
  149. <a href="/">
  150.                 <img src="{image:Sidebar Portrait}" class="portrait"/>
  151.                 </a>
  152.             </div>
  153. {/Block:IfSidebarPortraitimage}
  154.            
  155.             <div id="sidebar_box">
  156.             <div id="background">
  157. </div>
  158. <a href="/"><h1>
  159. {title}</h1>
  160. </a>
  161.             </div>
  162. {Block:IfShowDescriptionBox}
  163.             <div id="sidebar_box">
  164.             <div id="background">
  165. </div>
  166. {Description}
  167.             </div>
  168. {/Block:IfShowDescriptionBox}
  169.            
  170.             <div id="sidebar_box">
  171.             <div id="background">
  172. </div>
  173. <div id="links">
  174.                     <h2>
  175. Links</h2>
  176. {Block:IfShowBlogRoll}
  177.                        <a href="#blogroll" class="blogroll">Blogroll</a>
  178.                     {Block:IfShowBlogRoll}
  179.                
  180.                     {block:ifLink1Title}
  181.                        <a href="{text:Link 1}">{text:Link 1 Title}</a>
  182.                     {/block:ifLink1Title}
  183.                     {block:ifLink2Title}
  184.                        <a href="{text:Link 2}">{text:Link 2 Title}</a>
  185.                     {/block:ifLink2Title}
  186.                     {block:ifLink3Title}
  187.                        <a href="{text:Link 3}">{text:Link 3 Title}</a>
  188.                     {/block:ifLink3Title}
  189.                     {block:ifLink4Title}
  190.                        <a href="{text:Link 4}">{text:Link 4 Title}</a>
  191.                     {/block:ifLink4Title}
  192.                     {block:ifLink5Title}
  193.                        <a href="{text:Link 5}">{text:Link 5 Title}</a>
  194.                     {/block:ifLink5Title}
  195.                    
  196.                     {block:AskEnabled}
  197.                         <a href="/ask">{AskLabel}</a>
  198.                     {/block:AskEnabled}
  199.                     {block:SubmissionsEnabled}
  200.                         <a href="/submit">Submit</a>
  201.                     {/block:SubmissionsEnabled}
  202.                    
  203.                     {Block:IfShowArchiveLink}
  204.                         <a href="/archive">Archive</a>
  205.                     {/Block:IfShowArchiveLink}
  206.                     {Block:IfShowRandomLink}
  207.                         <a href="/random">Random</a>
  208.                     {/Block:IfShowRandomLink}
  209.                     {Block:IfShowSearchBar}
  210.                         <form action="/search" method="get" id="search">
  211.                         <input type="text" name="q" value="{URLSafeSearchQuery}" placeholder="Search" class="search_input"/>
  212.                         <input type="submit" value="Search" class="submit"/>
  213.                         </form>
  214. {/Block:IfShowSearchBar}
  215.  
  216.                     {block:HasPages}
  217.                         {block:Pages}
  218.                         <a href="{URL}" title="{Label}">{Label}</a>
  219.                         {/block:Pages}
  220.                     {/block:HasPages}
  221.                 </div>
  222. </div>
  223. {Block:IfShowSocialButtons}
  224.             <div id="sidebar_box">
  225.             <div id="background">
  226. </div>
  227. <div id="widgets">
  228.                     <h2>
  229. Social</h2>
  230. {Block:IfTwitterusername}
  231.                     <div id="twitter">
  232.                         <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>
  233. <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>
  234.                     </div>
  235. {/Block:IfTwitterusername}
  236.                     <div class="fb-like" data-send="false" data-layout="button_count" data-width="200" data-show-faces="false">
  237. </div>
  238. <div class="clear">
  239. </div>
  240. </div>
  241. <!-- end #widgets -->
  242.             </div>
  243. {/Block:IfShowSocialButtons}
  244.         </div>
  245. <!-- end #sidebar -->    
  246.         </div>
  247. {block:IndexPage}
  248.         {Block:IfNot4columns}
  249.         {Block:IfTwitterusername}
  250.         <div id="xtr_spc_twitter">
  251.             <div id="sidebar">
  252.                <div id="background">
  253. </div>
  254. <h2>
  255. Tweets</h2>
  256. <div id="feed">
  257. </div>
  258. </div>
  259. </div>
  260. {/Block:IfTwitterusername}
  261.         {/Block:IfNot4columns}
  262.         {/block:IndexPage}
  263.        
  264.        
  265.         {Block:IfShowBlogRoll}
  266.         <div id="blogroll">
  267.             <div id="background">
  268. </div>
  269. {block:Following}
  270.                 <h1>
  271. Blogs I follow:</h1>
  272. <ul>
  273.                 {block:Followed}
  274. <li>
  275.                         <a href="{FollowedURL}">
  276.                         <img src="{FollowedPortraitURL-48}"/></a>
  277.                     </li>
  278. {/block:Followed}
  279.                 </ul>
  280. {/block:Following}
  281.            
  282.             <div class="close">
  283. ✖</div>
  284. </div>
  285. {/Block:IfShowBlogRoll}
  286.        
  287.        
  288.         <div id="content">
  289.         {block:IndexPage}
  290.         {Block:If4columns}
  291.         {block:SearchPage}<div class="hidden">
  292. {/block:SearchPage}
  293.         {block:TagPage}<div class="hidden">
  294. {/block:TagPage}
  295.         {Block:IfTwitterusername}
  296.             <div id="twitter">
  297.                <div id="background">
  298. </div>
  299. <h3>
  300. Tweets</h3>
  301. <div id="feed">
  302. </div>
  303. </div>
  304. {/Block:IfTwitterusername}
  305.         {block:SearchPage}</div>
  306. {/block:SearchPage}
  307.         {block:TagPage}</div>
  308. {/block:TagPage}
  309.         {/Block:If4columns}
  310.         {/block:IndexPage}      
  311.  
  312.         {block:SearchPage}
  313.         <div id="post" class="pages">
  314.             <div id="background">
  315. </div>
  316. <h3>
  317. Search results for "{SearchQuery}"</h3>
  318. </div>
  319. <div id="post" class="pages">
  320.             <div id="background">
  321. </div>
  322. {block:NoSearchResults}
  323.             <h3>
  324. No results found</h3>
  325. {/block:NoSearchResults}
  326.         </div>
  327. {/block:SearchPage}
  328.  
  329.         {block:TagPage}
  330.         <div id="post" class="pages">
  331.             <div id="background">
  332. </div>
  333. <h3>
  334. Posts tagged with "{Tag}"</h3>
  335. </div>
  336. {/block:TagPage}
  337.  
  338.         {block:Posts}
  339.             <div id="post"
  340.                 {block:Video}class="video"{/block:Video}
  341.                 {block:Photoset}class="photoset"{/block:Photoset}>
  342.             <div id="background">
  343. </div>
  344. {block:Text}
  345.               {block:Title}
  346.                   <a href="{Permalink}"><h3>
  347. {Title}</h3>
  348. </a>
  349.               {/block:Title}
  350.               {Body}
  351.         {/block:Text}
  352.  
  353.         {block:Photo}
  354.             <div id="photo">
  355.                 {block:IndexPage}
  356.                 {Block:IfNotSwitchPhotoPostHoverStyle}
  357.                 <a href="{Permalink}"><div id="gradient">
  358. </div>
  359. </a>
  360.                 {block:Date}
  361.                 <div id="hover">
  362. <div id="background">
  363. </div>
  364. {block:NoteCount}
  365.                   <a href="{Permalink}" class="N">{NoteCount}</a>
  366.                   {/block:NoteCount}
  367.                   <a href="{Permalink}" class="T">
  368.                   {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}
  369.                   </a>
  370.                   <a href="{ReblogURL}" class="R">Reblog</a>  
  371.                 </div>
  372. {/block:Date}
  373.                 {/Block:IfNotSwitchPhotoPostHoverStyle}
  374.  
  375.                 {Block:IfSwitchPhotoPostHoverStyle}
  376.                 {block:Date}
  377.                 <div id="hover">
  378. <div id="background">
  379. </div>
  380. <div id="links">
  381.                   {block:NoteCount}
  382.                   <a href="{Permalink}" class="N">{NoteCount}</a><br />
  383.                   {/block:NoteCount}
  384.                   <a href="{Permalink}" class="T">
  385.                   {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}
  386.                   </a>
  387.                   <a href="{ReblogURL}" class="R">Reblog</a>
  388.                   {block:RebloggedFrom}
  389.                   <a href="{ReblogRootURL}" class="S">Source</a>
  390.                   {/block:RebloggedFrom}
  391.                   </div>
  392. </div>
  393. {/block:Date}
  394.                 {/Block:IfSwitchPhotoPostHoverStyle}
  395.                
  396.                 <a href="{Permalink}">
  397.                 <img src="{PhotoURL-500}"/></a>
  398.                 {/block:IndexPage}
  399.                    
  400.                     {block:PermalinkPage}
  401.                     <center>
  402. <img src="{PhotoURL-HighRes}"/></center>
  403. {/block:PermalinkPage}
  404.             </div>
  405. {/block:Photo}
  406.            
  407.         {block:Photoset}
  408.                     {block:IndexPage}
  409.                     <center>
  410. {Photoset-400}</center>
  411. {/block:IndexPage}
  412.                    
  413.                     {block:PermalinkPage}
  414.                     <center>
  415. {Photoset-500}</center>
  416. {/block:PermalinkPage}
  417.         {/block:Photoset}
  418.  
  419.         {block:Quote}
  420.               <div id="quote">
  421.               <div id="quote_symbol">
  422. ,,</div>
  423. <a href="{Permalink}"><h3>
  424. {Quote}</h3>
  425. </a>
  426.  
  427.               {block:Source}
  428.                   <div class="source">
  429. {Source}</div>
  430. {/block:Source}
  431.               </div>
  432. {/block:Quote}
  433.  
  434.         {block:Link}
  435.               <a href="{URL}" class="link" {Target}><h3>
  436.               {Name}</h3>
  437. </a>
  438.               {block:Description}
  439.                   <div class="description">
  440. {Description}</div>
  441. {/block:Description}
  442.         {/block:Link}
  443.  
  444.         {block:Audio}
  445.               <div id="audio_box">
  446.               <a href="{Permalink}"><div id="gradient">
  447. </div>
  448. </a>
  449.               <div class="album{block:AlbumArt}art{/block:AlbumArt}">
  450.               {block:AlbumArt}
  451.               {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  452.               <img src="{AlbumArtURL}" />
  453.               {block:IndexPage}</a>{/block:IndexPage}
  454.               {/block:AlbumArt}</div>
  455. <div id="{postID}" class="audio
  456.                                 {block:AlbumArt}short{/block:AlbumArt}
  457.                                 ">
  458.                   {block:IndexPage}
  459.                        {AudioPlayerBlack}
  460.                   {/block:IndexPage}
  461.              
  462.                   {block:PermalinkPage}
  463.                       {block:ifDarkorlightversion}
  464.                           {AudioPlayerBlack}
  465.                       {/block:ifDarkorlightversion}
  466.                       {block:ifNotDarkorlightversion}
  467.                           {AudioPlayerWhite}
  468.                       {/block:ifNotDarkorlightversion}
  469.                   {/block:PermalinkPage}
  470.               </div>
  471. {block:PermalinkPage}
  472.               <ul class="artist_info">
  473.                       {block:Artist}
  474. <li>{Artist}</li>
  475. {/block:Artist}
  476.                       {block:Album}
  477. <li>{Album}</li>
  478. {/block:Album}
  479.                       {block:TrackName}
  480. <li>{TrackName}</li>
  481. {/block:TrackName}
  482.               </ul>
  483. {/block:PermalinkPage}
  484.               <div class="clear">
  485. </div>
  486. </div>
  487. {/block:Audio}
  488.  
  489.         {block:Chat}
  490.               {block:Title}
  491.                   <a href="{Permalink}"><h3>
  492. {Title}</h3>
  493. </a>
  494.               {/block:Title}
  495.               <ul id="chat">
  496.                   {block:Lines}
  497. <li class="{Alt} user_{UserNumber}">
  498.                           {block:Label}
  499.                               <span class="label">{Label}</span>
  500.                           {/block:Label}
  501.  
  502.                           {Line}
  503.                       </li>
  504. {/block:Lines}
  505.               </ul>
  506. {/block:Chat}
  507.  
  508.         {block:Video}
  509.            <div id="video">
  510.               <center>
  511. {Video-500}</center>
  512. </div>
  513. {/block:Video}
  514.  
  515.         {block:Answer}
  516.           <div id="question">
  517.               <img src="{AskerPortraitURL-64}" />
  518.               <a href="{Permalink}" title="Got to Permalink page">
  519.               <p>
  520. <span>{Asker}:</span><br/>
  521.               {Question}</p>
  522. </a>
  523.               <div class="clear">
  524. </div>
  525. </div>
  526. <div id="answer">
  527.               {Answer}
  528.               <div class="clear">
  529. </div>
  530. </div>
  531. {/block:Answer}
  532.            
  533.         {Block:IfShowPostCaptions}
  534.         {block:IndexPage}
  535.         {block:Date}
  536.             {block:Caption}
  537.                 <div class="caption">
  538. {Caption}</div>
  539. {/block:Caption}
  540.         {/block:Date}
  541.         {/block:IndexPage}
  542.         {/Block:IfShowPostCaptions}
  543.        
  544.            
  545.         </div>
  546. <!-- end #post -->
  547.  
  548.             {block:PermalinkPage}
  549.             {block:Date}
  550.             <div id="info">
  551.             {block:Caption}
  552.             <div class="caption">
  553.                 <div id="background">
  554. </div>
  555. {Caption}
  556.             </div>
  557. {/block:Caption}
  558.                
  559.             <div class="info_list">
  560.               <div id="background">
  561. </div>
  562. <ul>
  563.                   {block:NoteCount}
  564. <li>{NoteCountWithLabel}</li>
  565. {/block:NoteCount}
  566. <li>{DayOfMonthWithZero} {Month} {Year}</li>
  567. {block:RebloggedFrom}
  568. <li><a href="{ReblogRootURL}" target="_blank">
  569.                   {ReblogRootName}</a></li>
  570. {/block:RebloggedFrom}
  571.                   {block:HighRes}
  572. <li><a href="{PhotoURL-HighRes}" target="_blank">
  573.                   High-Res</a></li>
  574. {/block:HighRes}
  575.                   {block:ExternalAudio}
  576. <li><a href="{ExternalAudioURL}" target="_blank">
  577.                   Download</a></li>
  578. {/block:ExternalAudio}
  579.               </ul>
  580. </div>
  581. {block:PostNotes}
  582.             <div class="notes_box">
  583.                 <div id="background">
  584. </div>
  585. {PostNotes}
  586.                 <div class="clear">
  587. </div>
  588. </div>
  589. </div>
  590. {/block:PostNotes}
  591.             {/block:Date}
  592.             {/block:PermalinkPage}  
  593.            
  594.             {/block:Posts}
  595.            
  596.             {Block:IfNotInfiniteScroll}
  597.             {block:Pagination}
  598.             <div id="pagination">
  599.             <div id="background">
  600. </div>
  601. {block:PreviousPage}
  602.                 <a href="{PreviousPage}" class="prev">Previous</a>
  603.             {/block:PreviousPage}
  604.  
  605.             {block:NextPage}
  606.                 <a href="{NextPage}" class="next">Next</a>
  607.             {/block:NextPage}
  608.             <div class="clear">
  609. </div>
  610. </div>
  611. {/block:Pagination}
  612.             {/Block:IfNotInfiniteScroll}
  613.         </div>
  614. <!-- end #content -->
  615.        
  616.         <div class="clear">
  617. </div>
  618. </div>
  619. <!-- end #container -->
  620.     </div>
  621. <!-- end #center -->
  622.  
  623.  
  624. <script type="text/javascript" src="http://themaxdavisthemes.com/code/jQuery.js"></script>
  625. {Block:IfSidebarFixed}<script type="text/javascript" src="http://static.tumblr.com/8jq17g7/c7Bmgqg0l/jquery.stickyscroll.js"></script>{/Block:IfSidebarFixed}
  626. {Block:IfTwitterusername}<script type="text/javascript" src="http://static.tumblr.com/8jq17g7/t06mgzc3u/jquery.tweet.js"></script>{/Block:IfTwitterusername}
  627. <script type="text/javascript">
  628.    
  629.     $(window).load(function(){
  630.     var $wall = $('#content');
  631.     {block:IndexPage}
  632.     $wall.masonry({
  633.       itemSelector: '#post, #twitter{block:SearchPage}_hide{/block:SearchPage}{block:TagPage}_hide{/block:TagPage}, #pagination',
  634.       columnWidth: 230
  635.     });
  636.    
  637.     {Block:IfInfiniteScroll}
  638.     $wall.infinitescroll({
  639.         navSelector  : ".nav",
  640.         nextSelector : ".nav a",
  641.         itemSelector : "#post",
  642.         behavior     : 'twitter',
  643.         extraScrollPx: 50,
  644.         bufferPx     : 5000,
  645.         loadingImg   : "",
  646.         loadingText  : "",
  647.         loading      : "",
  648.         donetext     : ""
  649.     },
  650.    
  651.     function( newElements ) {
  652.         var $newElems = $( newElements ).css({
  653.             opacity: 0
  654.         });
  655.         $newElems.imagesLoaded(function(){
  656.             $newElems.animate({ opacity: 1 });
  657.             $wall.masonry( "appended", $newElems, true );
  658.         });
  659.         $('.audio').each(function(){
  660.             var audioID = $(this).attr("id");
  661.             var $audioPost = $(this);
  662.                 $.ajax({
  663.                 url: 'http://{Name}.tumblr.com/api/read/json?id=' + audioID,
  664.                 dataType: 'jsonp',
  665.                 timeout: 50000,
  666.                 success: function(data){
  667.                 $audioPost.find('#audio_player_'+audioID).replaceWith('<div style="background-color:#000000;">
  668. ' + data.posts[0]['audio-player'].replace("audio_player.swf", "audio_player_black.swf") +'</div>
  669. ');}
  670.         });
  671.     });
  672.     });{/Block:IfInfiniteScroll}
  673.                  
  674.     $(document).load(function(){
  675.         e.preventDefault();
  676.         $wall.infinitescroll('retrieve');
  677.     });  
  678.     $('#load').click(function(){
  679.       $(document).trigger('retrieve.infscr');
  680.       return false;
  681.     });
  682.     });
  683.     {/block:IndexPage}
  684.     {Block:IfSidebarFixed}
  685.     $(document).ready(function() {
  686.         $('#xtr_spc, #xtr_spc_twitter').stickyScroll({ container: '#container' });
  687.     });{/Block:IfSidebarFixed}
  688.    
  689.     jQuery(function($){
  690.         $("#feed").tweet({
  691.             username: "{Text:Twitter username}",
  692.             count: "{Text:Tweet count}"
  693.         });
  694.     });
  695.    
  696.     $('.blogroll').click(function(){
  697.         $('#blogroll').show();
  698.         $('#content').hide();
  699.     });
  700.    
  701.     $('#close').click(function(){
  702.         $('#content').show();
  703.         $('#blogroll').hide();
  704.     });  
  705. </script>
  706. </body>
  707. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top