API tools faq
paste
Advertisement
Guest User

finally-focused theme

a guest
Apr 23rd, 2014
85
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.36 KB | None | 0 0
raw download clone embed print report diff
  1. <!DOCTYPE html>
  2.  
  3. <script type="text/javascript">
  4. function tb8_makeArray(n){
  5. this.length = n;
  6. return this.length;
  7. }
  8. tb8_messages = new tb8_makeArray(3);
  9. tb8_messages[0] = "I don't care";
  10. tb8_messages[1] = "Jake Coury";
  11. tb8_messages[2] = "I don't care";
  12. tb8_rptType = 'infinite';
  13. tb8_rptNbr = 5;
  14. tb8_speed = 100;
  15. tb8_delay = 2000;
  16. var tb8_counter=1;
  17. var tb8_currMsg=0;
  18. var tb8_tekst ="";
  19. var tb8_i=0;
  20. var tb8_TID = null;
  21. function tb8_pisi(){
  22. tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
  23. document.title = tb8_tekst;
  24. tb8_sp=tb8_speed;
  25. tb8_i++;
  26. if (tb8_i==tb8_messages[tb8_currMsg].length){
  27. tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
  28. }
  29. if (tb8_currMsg == tb8_messages.length){
  30. if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
  31. clearTimeout(tb8_TID);
  32. return;
  33. }
  34. tb8_counter++;
  35. tb8_currMsg = 0;
  36. }
  37. tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
  38. }
  39. tb8_pisi()
  40. </script>
  41.  
  42.  
  43. <html lang="en">
  44. <head>
  45.  
  46.  
  47. <a href="http://horny-sloths-network.tumblr.com/"style="float:left"><img src="http://static.tumblr.com/phwwlm4/yQvmy9idp/dark.png" height="30"></a>
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55.  
  56.  
  57. <meta charset="utf-8" />
  58. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  59. <link rel="shortcut icon" href="favicon.ico" >
  60. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  61. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  62.  
  63. <meta name="color:Background" content="#FFFFFF"/>
  64. <meta name="color:Text" content="#555555"/>
  65. <meta name="color:Titles" content="#111111"/>
  66. <meta name="color:Links" content="#111111"/>
  67. <meta name="color:Links Hover" content="#000000"/>
  68.  
  69. <meta name="image:logo" content="" />
  70. <meta name="image:Background" content="" />
  71.  
  72. <meta name="if:2 columns" content="1" />
  73. <meta name="if:2 columns broader posts" content="1" />
  74. <meta name="if:Infinite Scrolling" content="1" />
  75. <meta name="if:Background Image Fixed" content="1" />
  76. <meta name="if:Sidebar left Or Right" content="1" />
  77. <meta name="if:Show Copyright" content="1" />
  78. <meta name="if:Show Captions" content="0" />
  79.  
  80. <meta name="text:Link Separator 1" content="//"/>
  81. <meta name="text:Link Separator 2" content="-"/>
  82. <meta name="text:Sidebar Title" content=""/>
  83. <meta name="text:Sidebar Description" content=""/>
  84. <meta name="text:Twitter Username" content=""/>
  85. <meta name="text:Link 1" content="" />
  86. <meta name="text:Link 1 Title" content="" />
  87. <meta name="text:Link 2" content="" />
  88. <meta name="text:Link 2 Title" content="" />
  89. <meta name="text:Link 3" content="" />
  90. <meta name="text:Link 3 Title" content="" />
  91. <meta name="text:Link 4" content="" />
  92. <meta name="text:Link 4 Title" content="" />
  93. <meta name="text:Link 5" content="" />
  94. <meta name="text:Link 5 Title" content="" />
  95. <meta name="text:Link 6" content="" />
  96. <meta name="text:Link 6 Title" content="" />
  97.  
  98. <script>
  99. $(window).load(function(){
  100. var $wall = $('#content');
  101.  
  102. $wall.masonry({
  103. itemSelector: '.post',
  104. columnWidth:{block:ifNot2columnsbroaderposts}210{block:ifNot2columnsbroaderposts}{block:if2columnsbroaderposts}260{/block:if2columnsbroaderposts}
  105. });
  106.  
  107. $wall.infinitescroll({
  108. navSelector : ".nav",
  109. nextSelector : ".nav a",
  110. itemSelector : ".post",
  111. loading : "",
  112. donetext : ""
  113. },
  114.  
  115. function( newElements ) {
  116. var $newElems = $( newElements ).css({
  117. opacity: 0
  118. });
  119. $newElems.imagesLoaded(function(){
  120. $newElems.animate({ opacity: 1 });
  121. $wall.masonry( "appended", $newElems, true );
  122. });
  123. });
  124. });
  125. </script>
  126. {/block:if2columns}
  127.  
  128. <style type="text/css"> body { padding:0; margin:0; font-size:11px; font-family: Courier New, sans-serif; color:{color:Text}; background-color:{color:background}; background-image:url({image:Background}); background-position:center top; {block:ifBackgroundImageFixed} background-attachment:fixed; {/block:ifBackgroundImageFixed}} a { text-decoration:none; color:{color:Links}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} a:hover { color:{color:Links Hover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} a:active{outline: none;} a:focus{-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} img{border:none;} .clear {clear:both;} #tumblr_controls{position:fixed !important;} .install_button{position:fixed !important;} #container{ margin:auto; width:980px; {block:if2columns} {block:if2columnsbroaderposts} width:980px; {/block:if2columnsbroaderposts} {/block:if2columns}} #sidebar{ width:400px; position:fixed; height: 100%; padding:0 20px; background-color:{color:background}; {block:ifNotSidebarleftOrRight} margin-left:420px; padding-right:20px; {block:if2columns} {block:if2columnsbroaderposts} margin-left:520px; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:ifNotSidebarleftOrRight}} #sidebar .logo{ height: 50%; position: relative; top: 0; width: 400px;} #sidebar .logo .image{ bottom:0; position:absolute; width:400px; padding:0 0 20px;} #sidebar .logo .image img{ max-width:400px; max-height:250px;} #sidebar .navigation{ width:400px; height:50%; bottom:0; position:relative; text-align:center; font-size:18px;} #sidebar .navigation h1{ display:inline; font-weight:normal; margin:0 10px; font-size:18px; cursor:pointer; color:{color:titles};} #sidebar .navigation h1.active{ text-decoration:underline;} #sidebar .navigation .description{ font-size:12px; margin-top:20px;} #sidebar .navigation .description .links{ font-size:12px; margin-top:20px;} #sidebar .navigation .description .links a{ margin:0 5px;} #sidebar .navigation .description .copyright{ margin:20px 0 0; font-size:10px;} #sidebar .navigation .description .pagination{ margin:20px 0 0; font-size:10px;} #sidebar .navigation .message{ display:none; font-size:12px; margin-top:20px; padding:0 20px} #sidebar .navigation .about{ display:none; font-size:12px; margin-top:20px;} #sidebar .navigation .permalink_side{ font-size:12px; margin-top:20px;} #sidebar .navigation .twitter{ width:400px; overflow:hidden; display:none;} #sidebar .navigation .twitter h1{ margin:20px 0; font-size:12px; display:block; text-transform:uppercase;} #sidebar .navigation .twitter #twitter_update_list{ margin:0; padding:0; list-style:none; width:400px;} #sidebar .navigation .twitter #twitter_update_list li{ padding: 4px 5px; margin:0 0 4px; font-size:10px; font-style:italic;} #sidebar .navigation .twitter #twitter_update_list li span{ font-style:normal;} #sidebar .navigation .twitter #twitter_update_list li a{ color:{color:text};} #sidebar .navigation .twitter #twitter_update_list li:nth-child(even){ background:rgba(0,0,0,0.05); color:{color:text};} #sidebar .navigation .twitter #twitter_update_list li:last-child{ margin:0} #content{ width:400px; padding:20px 20px 0; background-color:{color:background}; {block:ifSidebarleftOrRight} margin-left:440px; padding-right:20px; {/block:ifSidebarleftOrRight} {block:if2columns} width:420px; {block:if2columnsbroaderposts} width:520px; {/block:if2columnsbroaderposts} {/block:if2columns}} #content .post{ margin:0 0 20px; position:relative; overflow:hidden; width:400px; {block:IndexPage} {block:if2columns} float:left; width:190px; margin:0 10px 10px 0; {block:if2columnsbroaderposts} width:240px; margin:0 20px 20px 0; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} {block:if2columns} #content .width{ width:400px; height:auto; {block:if2columnsbroaderposts} width:500px; {/block:if2columnsbroaderposts}} {/block:if2columns} #content .post img{ display:block; {block:IndexPage} {block:if2columns} width:100%; {block:if2columnsbroaderposts} width:240px; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} #content .post {height:285px} #content .post blockquote{margin: 5px 0;} #content .post h1{ margin:0 0 10px; color:{color:text}} #content .post .chat{ margin:0; padding:0; list-style:none;} #content .post .chat li{ padding: 10px;} #content .post .chat li:nth-child(even){ background:rgba(0,0,0,0.05);} #content .post .audio{ padding:6px 30px 3px; width:340px; background:black; margin:0; {block:IndexPage} {block:if2columns} width:30px; padding:6px 80px 3px; overflow:hidden; {block:if2columnsbroaderposts} padding:6px 105px 3px; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} #content .post .album{ float:left; width:300px; padding:6px 30px 3px; {block:IndexPage} {block:if2columns} width:30px; padding:6px 80px 3px; overflow:hidden; {block:if2columnsbroaderposts} padding:6px 105px 3px; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} #content .post .album_art{ width:34px; height:34px; overflow:hidden; padding:3px; float:left; background:black; {block:IndexPage} {block:if2columns} width:190px; clear:both; height:190px; padding:0; {block:if2columnsbroaderposts} width:240px; height:240px; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} #content .post .album_art img{ height: 34px; width: 34px; {block:IndexPage} {block:if2columns} height: auto; width: 190px !important; {block:if2columnsbroaderposts} height: auto; width: 240px !important; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} #content .post .question{ padding: 10px; background: rgba(0,0,0,0.05);} #content .post .answer{ padding: 10px 10px 0;} #content .post .permalink{ margin:10px 0; font-size:9px; text-align:center;} #content .post .photo{ display:none;} #content .post .caption{ background:rgba(0,0,0,0.05); padding:10px; {block:PermalinkPage} text-align:center; {/block:PermalinkPage} } #content .post .box {max-height: 285px} #content .post .permalink_photo{ background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95); bottom: 0; font-size: 10px; height: 13px; left: 0; opacity: 0; padding: 10px 0 7px; position: absolute; text-align: center; width: 100%; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease; {block:ifSidebarleftOrRight} left:0px; {/block:ifSidebarleftOrRight} {block:ifNotSidebarleftOrRight} right:0px; {/block:ifNotSidebarleftOrRight}} #content .post .permalink_photo a{ margin:0 5px;} #content .post:hover .permalink_photo { opacity:1; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease;} .view_notes{ cursor:pointer; text-align:center; margin:20px 0 0;} ol.notes { font-size: 10px; list-style-type: none; margin: 10px 0; padding: 0; display:none;} ol.notes a{ background-color: transparent;} ol.notes li.note { margin: 0 0 5px; padding: 5px;} ol.notes li.note img.avatar { border: medium none !important; display: inline !important; height: 16px !important; margin-right: 10px; vertical-align: -4px; width: 16px !important; min-width: 16px !important;} ol.notes li.note span.action a{} ol.notes li.note span.action a:hover{} ol.notes li.note .answer_content {} ol.notes li.note blockquote { border-left: medium none !important; margin: 5px 4px 5px 30px !important; padding: 5px 10px 4px !important;} </style>
  129.  
  130.  
  131. <body>
  132.  
  133.  
  134.  
  135.  
  136.  
  137.  
  138. {block:if2columns}{block:Pagination}<div class="nav">{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>{/block:Pagination}{/block:if2columns}
  139.  
  140. <div id="container">
  141. <div id="sidebar">
  142. <div class="logo">
  143. <div class="image">
  144. <a href="/"><center><img src="{image:logo}"></center></a>
  145. </div>
  146. </div>
  147. <div class="navigation">
  148.  
  149. {block:AskEnabled}
  150. <h1 class="m">MESSAGE</h1>
  151. {text:Link Separator 1}
  152. {/block:AskEnabled}
  153. <h1 class="a">ABOUT</h1>
  154. {block:ifTwitterUsername}
  155. {text:Link Separator 1}
  156. <h1 class="t">TWITTER</h1>
  157. {block:ifTwitterUsername}
  158.  
  159. {block:IndexPage}
  160. <div class="description">
  161. <a href="/">
  162. {block:ifSidebarTitle}
  163. {text:Sidebar Title}
  164. {/block:ifSidebarTitle}
  165. </a>
  166. {block:ifSidebarDescription}
  167. <br/><br/>{text:Sidebar Description}
  168. {/block:ifSidebarDescription}
  169.  
  170. <div class="links">
  171. <a href="/" title="Home">Index</a>
  172. {block:SubmissionsEnabled}
  173. {text:Link Separator 2}
  174. <a href="/submit">{SubmitLabel}</a>
  175. {/block:SubmissionsEnabled}
  176. {block:ifLink1Title}
  177. {text:Link Separator 2} <a href="{text:Link 1}">
  178. {text:Link 1 Title}</a>
  179. {/block:ifLink1Title}
  180.  
  181. {block:ifLink2Title}
  182. <br /><a href="{text:Link 2}">
  183. {text:Link 2 Title}</a>
  184. {/block:ifLink2Title}
  185. {block:ifLink3Title}
  186. {text:Link Separator 2} <a href="{text:Link 3}">
  187. {text:Link 3 Title}</a>
  188. {/block:ifLink3Title}
  189. {block:ifLink4Title}
  190. {text:Link Separator 2} <a href="{text:Link 4}">
  191. {text:Link 4 Title}</a>
  192. {/block:ifLink4Title}
  193.  
  194. {block:ifLink5Title}
  195. <br />
  196. <a href="{text:Link 5}">
  197. {text:Link 5 Title}</a>
  198. {/block:ifLink5Title}
  199. {block:ifLink6Title}
  200. {text:Link Separator 2} <a href="{text:Link 6}">
  201. {text:Link 6 Title}</a>
  202. {/block:ifLink6Title}
  203.  
  204. {block:HasPages}<br />{block:Pages}
  205. <a href="{URL}">{Label}
  206. </a> {/block:Pages}{/block:HasPages}
  207. </div>
  208.  
  209. {block:ifNotInfinitescrolling}
  210. <div class="pagination">
  211. {block:Pagination}
  212. {block:PreviousPage}
  213. <a href="{PreviousPage}">Previous</a> -
  214. {/block:PreviousPage}
  215.  
  216. {block:NextPage}
  217. <a href="{NextPage}">Next</a>
  218. {/block:NextPage}
  219. {/block:Pagination}
  220. </div>
  221. {/block:ifNotInfinitescrolling}
  222.  
  223. {block:ifShowCopyright}
  224. <div class="copyright">
  225. © {CopyrightYears}
  226. </div>{/block:ifShowCopyright}
  227. </div>
  228. {/block:IndexPage}
  229.  
  230. {block:Posts}
  231. {block:PermalinkPage}
  232. {block:Date}
  233. <div class="permalink_side">
  234. {block:NoteCount}
  235. {NoteCountWithLabel}<br/>
  236. {/block:NoteCount}
  237. Posted {TimeAgo},
  238. on {DayOfWeek} {DayOfMonth} {Month} {Year}.<br/>
  239. {block:HighRes}
  240. <br/>
  241. <a href="{PhotoURL-HighRes}" target="_blank">
  242. View High-Res</a><br/>
  243. {/block:HighRes}
  244.  
  245. <div class="pagination">
  246. {block:PreviousPost}<br/>
  247. <a href="{PreviousPost}">Previous post</a> -
  248. {/block:PreviousPost}
  249. {block:NextPost}
  250. <a href="{NextPost}">Next Post</a>
  251. {/block:NextPost}
  252. </div>
  253. </div>
  254. {/block:Date}
  255. {/block:PermalinkPage}
  256. {/block:Posts}
  257.  
  258.  
  259.  
  260.  
  261.  
  262.  
  263. <embed quality="high" style="width:56px; visibility:visible; height:13px;" type="application/x-shockwave-flash" height="56" width="13" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" src="http://www.hypster.com/flash/player.swf?id=4463344:6863641:1&autoplay=true" FlashVars="color_bg=0xf8f7f5&color_border=0x9A0000&color_box=0x9A0000&color_songbg=0xf8f7f5&color_song_clicked=0x000000&color_Title=0x000000&color_btns=0x000000&color_title=0x000000" />
  264. <br />
  265.  
  266.  
  267.  
  268.  
  269. </object>
  270.  
  271.  
  272.  
  273.  
  274.  
  275.  
  276.  
  277. </object>
  278.  
  279.  
  280. <div class="message">
  281. <iframe frameborder="0" scrolling="no" width="100%" height="149" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  282. </div>
  283.  
  284. <div class="about">
  285. {Description}
  286. </div>
  287.  
  288. {block:ifTwitterUsername}
  289. <div class="twitter">
  290. <a href="http://twitter.com/{text:Twitter Username}" target="_blank">
  291. <h1>My twitter feed</h1></a>
  292. <div id="twitter_div">
  293. <ul id="twitter_update_list"></ul>
  294. </div>
  295. <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script><script type="text/javascript" src="http://twitter.com/statuses/user_timeline/{text:Twitter Username}.json?callback=twitterCallback2&count=5"></script>
  296. </div>
  297. {/block:ifTwitterUsername}
  298.  
  299. {block:IndexPage}
  300. <script>
  301. $(".m").click(function () {
  302. $(".description").hide();
  303. $(".about").hide();
  304. $(".twitter").hide();
  305. $(".message").show();
  306. $(".m").addClass("active");
  307. $(".a").removeClass("active");
  308. $(".t").removeClass("active");
  309. });
  310. </script>
  311. <script>
  312. $(".a").click(function () {
  313. $(".description").hide();
  314. $(".about").show();
  315. $(".twitter").hide();
  316. $(".message").hide();
  317. $(".a").addClass("active");
  318. $(".m").removeClass("active");
  319. $(".t").removeClass("active");
  320. });
  321. </script>
  322. <script>
  323. $(".t").click(function () {
  324. $(".description").hide();
  325. $(".twitter").show();
  326. $(".about").hide();
  327. $(".message").hide();
  328. $(".t").addClass("active");
  329. $(".a").removeClass("active");
  330. $(".m").removeClass("active");
  331. });
  332. </script>
  333. {/block:IndexPage}
  334. {block:PermalinkPage}
  335. <script>
  336. $(".m").click(function () {
  337. $(".permalink_side").hide();
  338. $(".about").hide();
  339. $(".twitter").hide();
  340. $(".message").show();
  341. $(".m").addClass("active");
  342. $(".a").removeClass("active");
  343. $(".t").removeClass("active");
  344. });
  345. </script>
  346. <script>
  347. $(".a").click(function () {
  348. $(".permalink_side").hide();
  349. $(".about").show();
  350. $(".twitter").hide();
  351. $(".message").hide();
  352. $(".a").addClass("active");
  353. $(".m").removeClass("active");
  354. $(".t").removeClass("active");
  355. });
  356. </script>
  357. <script>
  358. $(".t").click(function () {
  359. $(".permalink_side").hide();
  360. $(".twitter").show();
  361. $(".about").hide();
  362. $(".message").hide();
  363. $(".t").addClass("active");
  364. $(".a").removeClass("active");
  365. $(".m").removeClass("active");
  366. });
  367. </script>
  368. {/block:PermalinkPage}
  369. </div>
  370. </div>
  371. <div id="content">
  372. {block:Posts}
  373. <div class="post {block:if2columns}{block:Photoset}width{/block:Photoset}{block:Video}width{/block:Video}{/block:if2columns}">
  374.  
  375. {block:Text}
  376. {block:Title}
  377. <a href="{Permalink}"><h1>{Title}</h1></a>
  378. {/block:Title}
  379. {Body}
  380. {/block:Text}
  381.  
  382. {block:Photo}
  383. <div class="box">
  384. {block:IndexPage}
  385. {block:NoteCount}
  386. {block:Date}
  387. <div class="permalink_photo">
  388. <a href="{Permalink}">{NoteCountWithLabel}</a>
  389. {text:Link Separator 1}
  390. <a href="{ReblogURL}">Reblog</a>
  391. </div>
  392. {/block:Date}
  393. {/block:NoteCount}
  394. {/block:IndexPage}
  395. <a href="{Permalink}"><img src="{PhotoURL-250}" /></a>
  396. </div>
  397. {block:ifShowCaptions}
  398. {block:Caption}
  399. <div class="caption">{Caption}</div>
  400. {/block:Caption}
  401. {/block:ifShowCaptions}
  402. {/block:Photo}
  403.  
  404. {block:Photoset}
  405. {block:ifNot2columnsbroaderposts}
  406. {Photoset-400}
  407. {/block:ifNot2columnsbroaderposts}
  408. {block:if2columnsbroaderposts}
  409. {Photoset-500}
  410. {/block:if2columnsbroaderposts}
  411. {block:ifShowCaptions}
  412. {block:Caption}
  413. <div class="caption">{Caption}</div>
  414. {/block:Caption}
  415. {/block:ifShowCaptions}
  416. {/block:Photoset}
  417.  
  418. {block:Quote}
  419. <center>
  420. <h1>"{Quote}"</h1>
  421. {block:Source}
  422. <div class="source">{Source}</div>
  423. {/block:Source}
  424. </center>
  425. {/block:Quote}
  426.  
  427. {block:Link}
  428. <a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
  429.  
  430. {block:Description}
  431. <div class="description">{Description}</div>
  432. {/block:Description}
  433. {/block:Link}
  434.  
  435. {block:Chat}
  436. {block:Title}
  437. <h1><a href="{Permalink}">{Title}</a></h1>
  438. {/block:Title}
  439. <ul class="chat">
  440. {block:Lines}
  441. <li class="{Alt} user_{UserNumber}">
  442. {block:Label}
  443. <span class="label">{Label}</span>
  444. {/block:Label}{Line}
  445. </li>
  446. {/block:Lines}
  447. </ul>
  448. {/block:Chat}
  449.  
  450. {block:Video}
  451. {block:ifNot2columnsbroaderposts}
  452. {Video-400}
  453. {/block:ifNot2columnsbroaderposts}
  454. {block:if2columnsbroaderposts}
  455. {Video-500}
  456. {/block:if2columnsbroaderposts}
  457. {block:ifShowCaptions}
  458. {block:Caption}
  459. <div class="caption">{Caption}</div>
  460. {/block:Caption}
  461. {/block:ifShowCaptions}
  462. {/block:Video}
  463.  
  464. {block:Audio}
  465. {block:AlbumArt}<div class="album_art">
  466. <img src="{AlbumArtURL}" />
  467. </div>{/block:AlbumArt}
  468.  
  469. <div class="audio {block:AlbumArt}album{/block:AlbumArt}">
  470. {AudioPlayerBlack}
  471. </div>
  472. <div class="clear"></div>
  473. {block:ifShowCaptions}
  474. <div class="caption">{PlayCountWithLabel}</div>
  475. {block:Caption}
  476. <div class="caption">{Caption}</div>
  477. {/block:Caption}
  478. {/block:ifShowCaptions}
  479. {/block:Audio}
  480.  
  481. {block:Answer}
  482. <div class="question">
  483. {Asker}:
  484. {Question}
  485. </div>
  486. <div class="answer">{Answer}</div>
  487. {/block:Answer}
  488.  
  489. {block:IndexPage}
  490. {block:Date}
  491. <div class="permalink {block:Photo}photo{/block:Photo}">
  492. <a href="{Permalink}">{TimeAgo}</a>
  493. </div>
  494. {/block:Date}
  495. {/block:IndexPage}
  496.  
  497. {block:PermalinkPage}
  498. {block:Date}
  499. {block:Caption}
  500. <div class="caption">
  501. {Caption}
  502. </div>
  503. {/block:Caption}
  504. {/block:Date}
  505. {block:NoteCount}
  506. <div class="view_notes">View Notes</div>
  507. {/block:NoteCount}
  508. {PostNotes}
  509. <script>
  510. $(".view_notes").click(function () {
  511. $(".notes").show();
  512. $(".view_notes").hide();
  513. });
  514. </script>
  515. {/block:Date}
  516. {/block:PermalinkPage}
  517.  
  518. </div>
  519. {/block:Posts}
  520. </div>
  521. </div>
  522.  
  523. </body>
  524. </html>
  525. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-7/oth666.cur), progress !important;}</style><a href="http://www.cursors-4u.com/" target="_blank" title="Tiny Middle Finger"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Tiny Middle Finger" style="position:absolute; top: 0px; right: 0px;" /></a>
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!