Advertisement
leowatch

Rich Youth

Apr 9th, 2016
84
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.73 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{image:favicon}"/>
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}<script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  8.  
  9. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  10.  
  11. <meta name="image:favicon" content="">
  12. <meta name="image:icon" content=""/>
  13.  
  14. <meta name="color:bg" content="#f0f0f0">
  15. <meta name="color:borders" content="#aaaaaa">
  16. <meta name="color:text" content="#000">
  17. <meta name="color:link" content="#999">
  18. <meta name="color:linkhov" content="#ccc">
  19. <meta name="color:scrollbar" content="#000">
  20. <meta name="color:tooltipbg" content="#fff">
  21. <meta name="color:tooltipborder" content="#aaaaaa">
  22. <meta name="color:tooltiptext" content="#000">
  23.  
  24. <meta name="if:smallscrollbar" content="">
  25. <meta name="if:invertfade" content="">
  26. <meta name="if:fade" content="">
  27. <meta name="if:desc" content="">
  28. <meta name="if:sb1" content="">
  29. <meta name="if:sb2" content="">
  30. <meta name="if:200px" content="">
  31. <meta name="if:250px" content="">
  32. <meta name="if:300px" content="">
  33. <meta name="if:400px" content="">
  34. <meta name="if:500px" content="">
  35.  
  36. <meta name="select:footeralign" content="center">
  37. <meta name="select:footeralign" content="left">
  38. <meta name="select:footeralign" content="right">
  39. <meta name="select:tooltipborder" content="solid">
  40. <meta name="select:tooltipborder" content="dotted">
  41. <meta name="select:tooltipborder" content="dashed">
  42. <meta name="select:tooltipborder" content="none">
  43. <meta name="select:tooltiptransform" content="lowercase">
  44. <meta name="select:tooltiptransform" content="uppercase">
  45. <meta name="select:tooltiptransform" content="normal">
  46.  
  47. <style type="text/css">
  48.  
  49. {block:ifsmallscrollbar}::-webkit-scrollbar {width:9px;height:0;background: {color:scrollbar};border-left:4px solid {color:bg};border-right:4px solid {color:bg};border-bottom:2px solid {color:bg};border-top:2px solid {color:bg};}
  50. ::-webkit-scrollbar-thumb {background: {color:scrollbar};border:1px solid {color:bg};}div.notebox::-webkit-scrollbar {width:7px;height:0;}div.notebox::-webkit-scrollbar-thumb {background:{color:scrollbar};}{/block:ifsmallscrollbar}
  51.  
  52. {block:ifinvertfade}img{-webkit-transition: opacity 0.2s linear;opacity: .75;}img:hover{-webkit-transition: opacity 0.2s linear;opacity: 1;}iframe.photoset {-webkit-transition: opacity 0.2s linear;opacity: .75;}iframe.photoset:hover {-webkit-transition: opacity 0.2s linear;opacity: 1;}{/block:ifinvertfade}
  53. {block:iffade}img{-webkit-transition: opacity 0.3s linear;opacity: 1.0;}img:hover{-webkit-transition: opacity 0.3s linear;opacity: .75;}iframe.photoset {-webkit-transition: opacity 0.3s linear;opacity: 1.0;}iframe.photoset:hover {-webkit-transition: opacity 0.3s linear;opacity: .75;}{/block:iffade}
  54.  
  55. #s-m-t-tooltip {max-width:300px;padding:2px 2px 2px 2px;margin:20px 0px 0px 20px;background-color:{color:tooltipbg};border:1px {select:tooltipborder} {color:tooltipborder};font-family:arial;font-size:11px;letter-spacing:2px;text-transform:{select:tooltiptransform};color:{color:tooltiptext};z-index:999999999999999999999999999999999999;}
  56.  
  57. body {margin:0px;background:{color:bg};font-family: arial;font-size:11px;line-height:140%;color: {color:text};}
  58. p{margin: 0 0 10px 0;}
  59. pre{font-family: {select:font};word-wrap: break-word;}
  60. a{color:{color:link};}
  61. a:hover{color:{color:linkhov};cursor:help;}
  62. li{margin-left:-15px;}
  63. blockquote{margin:0 0 10px 10px; padding:0 0 0 10px;border-left:solid 1px {color:text};}
  64.  
  65. #wrapper{width:600px;margin:50px auto;}
  66. #sidebar{width:100px;position:fixed;{block:if200px}width:80px;{/block:if200px}{block:if250px}width:90px;{/block:if250px}margin-left:-45px;}
  67. #sidebar img{padding:13px 13px 13px 13px;border:1px solid {color:borders};background:#fff;}
  68. #sidebar2{ position:fixed;{block:ifsb1} margin:-125px 5px 0px -81px;{block:if250px}margin:-119px 5px 0px -81px;{/block:if250px}{block:if200px}margin:-111px 5px 0px -81px;{/block:if200px}{/block:ifsb1} font-size:10px;{block:ifsb2}margin:-130px 5px 0px -80px;{block:if200px}margin:-125px 5px 0px -80px;{/block:if200px}{block:if250px}margin:-129px 5px 0px -80px;{/block:if250px}{/block:ifsb2}}
  69. #li:hover {margin-left:-10px;overflow:hidden;-webkit-transition: all 0.3s ease-out;
  70. -moz-transition: all 0.3s ease-out;
  71. transition: all 0.3s ease-out;}
  72. #sidebar2 a{display:block;width:80px;height:20px;padding:5margin-left:40px;{block:ifsb1}border:1px solid {color:borders};px;background:#fff;{block:if250px}height:18px;{/block:if250px}{block:if200px}height:17px;{/block:if200px}{/block:ifsb1}text-decoration:none;padding-top:2px;{block:ifsb2}background:transparent;border-bottom:1px solid {color:borders}{/block:ifsb2}}
  73. #sidebar2 a:hover{width:90px;}
  74. #sidebar2 a:hover{cursor:help;color:{color:link};}
  75. #li { display:block; text-align:center; margin:5px 0px 0px 0px; }
  76. #sidebar3{text-align:center;border:1px solid {color:borders};background:#fff;width:116px;}
  77. #sidebar img, .post img{max-width:100%;}
  78. #nav{margin:-35px 0 0 195px;{block:if200px}margin:-35px 0 0 123px;{/block:if200px}{block:if250px}margin:-25px 0 0 150px;{/block:if250px}{block:if300px}margin:-35px 0 0 175px;{/block:if300px}}
  79. #nav a{text-decoration:none;}
  80. #audio {width:100%;height:50px;margin-bottom:10px;display:block;}
  81. #audio .player{background:#FFF;height:26px;width:26px;padding:2px;overflow:hidden;position:absolute;margin-top:8px;margin-left:8px;border:2px solid #fff;opacity:0.8;z-index:2;}
  82. #viasrc{margin-top:-5px;text-align:{select:footeralign};}
  83. #content{width:550px;margin-left:150px;overflow:hidden;}
  84.  
  85. .post{width:330px;{block:if200px}width:200px;{/block:if200px}{block:if250px}width:250px;{/block:if250px}{block:if300px}width:300px;{/block:if300px}{block:if400px}width:400px;{/block:if400px}{block:if500px}width:500px;{/block:if500px}margin:0 0 35px 0;overflow:hidden;border:1px solid {color:borders};padding:20px;background:#fff;}
  86. .media{margin:0 0 10px 0;}
  87. .title{font-weight:normal;font-size:18px;margin:0 0 10px 0;text-align:center;}
  88. .quote{font-weight:normal;font-size:12px;font-style:italic;margin:0 0 10px 0;}
  89. .question{margin-bottom:10px;}
  90. .post .footer{margin:0;text-align:{select:footeralign};}
  91. .ask {background:#fff;font-size:15px;font-family:'calibri';color:#000;height:auto;border-bottom:1px solid {color:borders};padding-bottom:13px;}
  92. .aw {padding-top:8px}
  93. ol.notes{max-height:250px;max-width:200px;overflow-y:scroll;background:#fff;}
  94. ol.notes li.note img{display:none;}
  95. .span:last-child {display:none;}
  96. .art{width:50px;height:50px; position:absolute;display:block;z-index:1;}
  97. .art img{width:50px;height:50px;}
  98. .songtitle{margin-left:60px;height:40px;padding:5px 10px;border-left:1px solid {color:borders};line-height:13px;overflow:auto;font-size:10px;}
  99.  
  100. {CustomCSS}</style></head><body>
  101.  
  102. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  103. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  104. <script>
  105. (function($){
  106. $(document).ready(function(){
  107. $("a[title]").style_my_tooltips({
  108. tip_follows_cursor:true,
  109. tip_delay_time:20,
  110. tip_fade_speed:60,
  111. attribute:"title"
  112. });
  113. });
  114. })(jQuery);
  115. </script>
  116.  
  117. <div id="wrapper">
  118.  
  119. <div id="sidebar">
  120. <div class="img"><a href="/"><img src="{image:icon}"></a></div>
  121. <div id="sidebar2">
  122. <a id="li" href="/">index</a><a id="li" href="/ask">message</a><a id="li" href="/link">information</a><a id="li" href="/tagged/***">my themes</a></div>
  123. {block:ifdesc}<div id="sidebar3">{Description}</div>{/block:ifdesc}
  124. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a><br>{/block:Pages}{/block:HasPages}</div>
  125.  
  126. <div id="content">{block:Posts}<div class="post">
  127.  
  128. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  129.  
  130. {block:Photo}<div id="pic">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>{block:IndexPage}{block:Caption}<div id="cap">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:Photo}
  131.  
  132. {block:Photoset}<div id="photoset">{Photoset}</div>{block:Caption}<div id="cap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
  133.  
  134. {block:Quote}<div class="quote">"{Quote}"</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  135.  
  136. {block:Link}<div class="title"><a href="{URL}">{Name}</a></div>{block:Description}<div class="description">{Description}</div>{/block:Description}{/block:Link}
  137.  
  138. {block:Chat}{block:Title}<div class="title">{Title}</div>{/block:Title}
  139.  
  140. {block:Lines}<div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b>{/block:Label}&nbsp;{Line}</div>{/block:Lines}{/block:Chat}
  141.  
  142. {block:Video}<div class="media">{Video-400}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  143.  
  144. {block:Audio}<div id="audio"><div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div><div class="player">{AudioPlayerWhite}</div><div class="songtitle">{block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br>{block:Artist}{Artist}{/block:Artist}<br>{block:Album}{Album}{/block:Album}</div></div>{/block:Audio}
  145.  
  146. {block:Answer}<div class="ask"><span style="font-weight:bold;">{Asker} asked:</span> {Question}</div><div class="aw">{Answer}</div>{/block:Answer}
  147.  
  148. {block:Date}<div class="footer"><a href="{Permalink}" title="posted {TimeAgo}">{MonthNumber}.{DayOfMonth}.{Year} ({NoteCountWithLabel})</a>
  149. {block:HasTags}<br><b><u>filed under</u>:</b> {block:Tags}<a href="{TagURL}" title="tagged with '{Tag}'">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  150. {block:PermalinkPage}<div id="viasrc">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}<span class="span">, </span>{block:ContentSource}<a href="{SourceURL}">src</a>{/block:ContentSource}</div>{block:NoteCount}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:NoteCount}{/block:PermalinkPage}{/block:Date}
  151.  
  152. </div>{/block:Posts}
  153.  
  154. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  155. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  156.  
  157. <div id="nav">{block:PreviousPage}<a href="{PreviousPage}" title="previous page">&larr;</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"title="next page">&rarr;</a>{/block:NextPage}</div>
  158.  
  159. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  160. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  161.  
  162. </body>
  163. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement