Advertisement
Guest User

finally-focused theme

a guest
Apr 23rd, 2014
60
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.36 KB | None
  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
RAW Paste Data Copied
Advertisement