API tools faq
paste
Advertisement
consdeleonn

Urban4 - Consdeleonn.tumblr

consdeleonn
Oct 13th, 2015
115
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.88 KB | None | 0 0
raw download clone embed print report
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!