API tools faq
paste
Advertisement
cornetespoir

8 // Accessible

cornetespoir
Feb 25th, 2016
12,045
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.78 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. //Access
  3.  
  4. an accessible, disability and mental illness friendly theme by espoirthemes //
  5.  
  6. +please don't move the credit
  7. +edit as much as you like
  8. +let me know if I need to change or add something to make it better!
  9.  
  10. !!!!
  11. to edit the blacklist,
  12. press control and f and type "quick black list" into the search.
  13. click the down arrow and it should take you right to the part you
  14. can edit
  15. !!!!
  16.  
  17. battery and spoon credits to:
  18. lizzledpink
  19. batterycodes
  20. theomania
  21.  
  22. -->
  23.  
  24. <html>
  25. <head>
  26. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  27.  
  28. <link rel="shortcut icon" href="{Favicon}" />
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  30. <title>{Title}</title>
  31. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  32.  
  33.  
  34. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  35.  
  36. <meta name="color:background" content="#ffffff">
  37. <meta name="color:posts" content="#fff" />
  38. <meta name="color:text" content="#222" />
  39. <meta name="color:link hover" content="#ddd" />
  40. <meta name="color:link" content="#c0bdb8" />
  41. <meta name="color:Bold" content="#777777" />
  42. <meta name="color:Italic" content="#bbbbbb"/>
  43. <meta name="color:border" content="#ddd" />
  44. <meta name="color:sidebar border" content="#fff" />
  45. <meta name="color:info background" content="#efefef" />
  46. <meta name="if:battery" content="" />
  47. <meta name="color:scrollbar" content="#222" />
  48. <meta name="color:tooltip" content="#222" />
  49. <meta name="color:tooltip text" content="#fff" />
  50. <meta name="if:spoons" content="" />
  51. <meta name="if:hearts" content="" />
  52. <meta name="if:hpbar" content="" />
  53. <meta name="select:battery percentage" content="http://38.media.tumblr.com/d939a64ec0eab40aa76b885cb5af24ea/tumblr_inline_muh38ypKnD1qcza22.png" title="empty">
  54.  
  55. <meta name="select:battery percentage" content="http://33.media.tumblr.com/48b8477b64137f9daab252607d1eaf90/tumblr_inline_muh394jFZN1qcza22.png" title="low">
  56.  
  57. <meta name="select:battery percentage" content="http://33.media.tumblr.com/f46910e9a7f0e27a215430461c0c6474/tumblr_inline_muh39b4ARG1qcza22.png" title="medium">
  58.  
  59. <meta name="select:battery percentage" content="http://31.media.tumblr.com/e2920cd4095998cf80c8c8891d6bbbfe/tumblr_inline_muh39hIh371qcza22.png" title="full">
  60. <meta name="select:hp percent" content="2" title="0%" />
  61. <meta name="select:hp percent" content="20" title="10%" />
  62. <meta name="select:hp percent" content="40" title="20%" />
  63. <meta name="select:hp percent" content="60" title="30%" />
  64. <meta name="select:hp percent" content="80" title="40%" />
  65. <meta name="select:hp percent" content="100" title="50%" />
  66. <meta name="select:hp percent" content="120" title="60%" />
  67. <meta name="select:hp percent" content="140" title="70%" />
  68. <meta name="select:hp percent" content="160" title="80%" />
  69. <meta name="select:hp percent" content="180" title="90%" />
  70. <meta name="select:hp percent" content="200" title="100%" />
  71.  
  72. <!-- Battery Code Options End -->
  73. <meta name="text:link1" content="un" />
  74. <meta name="text:url1" content="url" />
  75. <meta name="text:link2" content="deux" />
  76. <meta name="text:url2" content="url" />
  77. <meta name="color:battery" content="#000"/>
  78. <meta name="text:link3" content="trois" />
  79. <meta name="text:url3" content="url" />
  80. <meta name="text:link4" content="quatre" />
  81. <meta name="text:url4" content="url" />
  82. <meta name="if:quick blacklist" content="" />
  83.  
  84. <meta name="text:current" content="5"/>
  85. <meta name="text:maximum" content="5"/>
  86. <meta name="color:full meter" content="#000"/>
  87. <meta name="color:empty meter" content="#ddd"/>
  88. <meta name="color:hpbackground" content="#eee" />
  89. <meta name="color:hp" content="#89AF28" />
  90.  
  91. <meta name="image:background" content="" />
  92. <meta name="image:sidebar" content=""/>
  93.  
  94. <meta name="if:semitransparentposts" content="" />
  95. <script type="text/javascript">
  96. function unhide(divID) {
  97. var item = document.getElementById(divID);
  98. if (item) {
  99. item.className=(item.className=='hidden')?'unhidden':'hidden';
  100. }
  101. }
  102. </script>
  103.  
  104. <script>
  105. $(document).ready(function(){
  106. $(".title").click(function(){
  107. $(".thing").toggle();
  108. });
  109. });
  110. </script>
  111.  
  112.  
  113. </head>
  114.  
  115. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  116. {block:ifhearts}
  117. <script>
  118. $(document).ready(function () {
  119. for (var i=0; i < {text:current}; i++) {
  120. $(".hearts").append('<span ><i class="fa fa-heart"style="color:{color:full meter}"></i></span>');
  121. }
  122.  
  123. for (var i=0; i < ({text:maximum} - {text:current}); i++) {
  124. $(".hearts").append('<span ><i class="fa fa-heart"style="color:{color:empty meter}"></i></span>');
  125. }
  126. });
  127. </script>{/block:ifhearts}
  128. {block:ifspoons}
  129. <script>
  130. $(document).ready(function () {
  131. for (var i=0; i < {text:current}; i++) {
  132. $(".spoons").append('<span ><i class="fa fa-spoon"style="color:{color:full meter}"></i></span>');
  133. }
  134.  
  135. for (var i=0; i < ({text:maximum} - {text:current}); i++) {
  136. $(".spoons").append('<span ><i class="fa fa-spoon" style="color:{color:empty meter}"></i></span>');
  137. }
  138. });
  139. </script>{/block:ifspoons}
  140.  
  141.  
  142.  
  143.  
  144. <script type="text/javascript"
  145. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  146. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  147. <script>
  148. (function($){
  149. $(document).ready(function(){
  150. $("[title]").style_my_tooltips({
  151. tip_follows_cursor:true,
  152. tip_delay_time:200,
  153. tip_fade_speed:300
  154. }
  155. );
  156. });
  157. })(jQuery);
  158. </script>
  159.  
  160. <style type="text/css">
  161. .meter{width:100%; padding:2px; padding-bottom:10px; text-align:center;}
  162. .box{position:fixed; margin-top:-40px; right:10px; width:130px;border:6px solid transparent;}
  163. .title{width:120px;padding:8px; background:white;
  164. border:4px double #eee;height:auto;
  165. position:relative; margin-top:10px;
  166. text-align:center; letter-spacing:2px; transition:.6s;
  167.  
  168. }
  169.  
  170. #s-m-t-tooltip{
  171. max-width:300px;
  172. margin-top:-50px;
  173. margin-left:-20px;
  174.  
  175. border:2px solid white;
  176. box-shadow: 0px 0px 0px 2px {color:tooltip};
  177. font-family:consolas;
  178. padding:5px 5px;
  179. background:{color:tooltip}; /*if you're changing the color in the code, make sure this is the same as the s-m-t:after */
  180. color:{color:tooltip text};
  181. z-index:99;
  182. font-size:12px;
  183. text-transform:uppercase;
  184. }
  185.  
  186. /* don't touch this, this is the what makes it look like a speech bubble */
  187. #s-m-t-tooltip:after{
  188.  
  189. content: '';
  190. position: absolute;
  191. border-style: solid;
  192. border-width: 8px 10px 0;
  193. border-color: {color:tooltip} transparent;
  194. display: block;
  195. width: 0;
  196. z-index: 1;
  197. bottom: -10px;
  198. left: 14%;}
  199.  
  200.  
  201. ::-webkit-scrollbar {width: 10px; height: 4px; background: #ffffff; border:1px solid {color:border}; }
  202. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; }
  203.  
  204.  
  205. .thing {margin-top:6px;display:none; width:120px; position:relative;transition:.6s; background:white;
  206. font-family:arial; font-size:11.8px; border:4px double #eee; padding:8px;
  207. }
  208.  
  209. .thing li {list-style:none; margin-top:4px;}
  210. .thing li:before{content:'■ '; color:#B40404}
  211.  
  212. ::selection {color: #000; background: #ddd;}
  213. ::-moz-selection {color: #000; background: #ddd;}
  214. {block:ifhpbar}
  215. .hpbar{width:200px; padding:0px; border:2px solid white;margin-left:-2px; background:{color:hpbackground}; height:10px; box-shadow:0px 0px 0px 1px {color:border};}
  216. .hp{width:{select:hp percent}px; background:{color:hp};height:10px; border-right:2px solid white;}
  217.  
  218. {/block:ifhpbar}
  219. ul{padding:10px;}
  220. body {color:{color:text}; background:url({image:background}) /*no-repeat center center fixed;
  221. -webkit-background-size: cover;
  222. -moz-background-size: cover;
  223. -o-background-size: cover;
  224. background-size: cover*/;
  225. background-attachment:fixed; word-wrap:break-word;
  226. font-family:verdana; font-size:14px; line-height:17px; text-align:justify}
  227.  
  228. a:link, a:active, a:visited{color: {color:link}; text-decoration:none;}
  229.  
  230. a:hover {
  231. color:{color:link hover};-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  232.  
  233. small{font-size:auto}
  234.  
  235. big{font-size:auto}
  236.  
  237. b, strong{color:{color:bold}}
  238.  
  239. h1 {font-size:15px;}
  240.  
  241. i, em {color:{color:italic}; font-style:normal;}
  242.  
  243. p{margin-top:6px; margin-bottom:6px}
  244.  
  245. blockquote {padding:0px; padding-left:10px; margin:8px; border-left:2px solid {color:text}}
  246. blockquote img {max-width:100%;}
  247.  
  248. #reblog{position:relative; background-color:{color:info background};opacity:0; margin-left:400px; transition:.8s; width:70px;padding:2px; margin-top:-30px; border:1px solid {color:border};}
  249. #reblog a{text-decoration:none;}
  250.  
  251. .hidden {display: none;}
  252. .unhidden {width:150px;display: block; margin-left:40px; position:fixed;left:280px; top:100px; padding:4px; border-radius:6px;
  253. {block:ifsemitransparentposts}background-color: rgba(255,255,255,0.32);{block:ifsemitransparentposts}{block:ifnotsemitransparentposts}background-color:{color:posts};{/block:ifnotsemitransparentposts}
  254.  
  255. }
  256.  
  257. #posts:hover #reblog{opacity:1;}
  258. #container {background-color:transparent; width: 500px; margin: 0 auto -10px auto}
  259.  
  260. /* the overall entries container and position of it */
  261. #posts i{font-style:normal;}
  262. #entries {margin-left:500px; text-align: justify;}
  263.  
  264. /* here are your posts to customize!! */
  265. #posts {margin: 70px 0 100px 0; width: 500px;text-align: justify; padding: 20px;border: 1px solid {color:border}; border-radius:8px;{block:ifsemitransparentposts}background-color: rgba(255,255,255,0.32);{block:ifsemitransparentposts}{block:ifnotsemitransparentposts}background-color:{color:posts};{/block:ifnotsemitransparentposts}}
  266.  
  267. #posts img {max-width:100%;}
  268.  
  269.  
  270. .speechbubble {
  271. width:400px;
  272. position: relative;
  273. background:#eee ;
  274. left:70px;
  275. color:#a0a0a0;
  276. margin: 0;
  277. padding:8px;
  278. text-align:left;
  279.  
  280. box-shadow: 0px 0 1px rgba(0,0,0,0);
  281. }
  282.  
  283. .speechbubble:after {
  284. position: absolute;
  285. content: "";
  286. border-color:#eee transparent transparent transparent;
  287. border-style: solid;
  288. border-width: 15px 15px 0px;
  289. height:0;
  290. width:0;
  291. position:absolute;
  292. left:-15px;
  293. top:10px;
  294. }
  295. .dinky {
  296. float:left;
  297. }
  298.  
  299. #albumart{
  300. z-index:2;
  301. width:150px;
  302. height:150px;
  303. padding:2px;
  304.  
  305. }
  306. #albumart img{
  307. background:{color:highlight};
  308. width:150px;
  309. height:150px;
  310. padding:2px;
  311. outline:1px solid black;
  312. border-width:0px; transition:.6s;
  313.  
  314. }
  315.  
  316.  
  317. .player {
  318. width:20px;
  319. overflow:hidden;
  320. height:40px;
  321. padding:0px;
  322. padding-top:10px;
  323. padding-left:2px;
  324. margin-left:8px;
  325. transform:scale(1.2);
  326. border-radius:90px;
  327. position:relative;
  328.  
  329.  
  330. }
  331.  
  332.  
  333. .playercon {
  334. width:330px;
  335. height:50px;
  336. background:white;
  337. border:1px solid black;
  338. margin-left:2px;
  339. position:relative;
  340. margin-top:-10px;
  341. border-left:none;
  342.  
  343. }
  344.  
  345.  
  346.  
  347.  
  348.  
  349.  
  350. .donkey {
  351. float:left top;
  352. margin-left:134px;
  353. background-color:transparent;
  354. padding:20px;
  355.  
  356. height:110px;
  357. text-align:center;
  358. color:{color:text};
  359. }
  360.  
  361. .track {
  362. font-size:14px;
  363. letter-spacing:4px;
  364. margin-top:-46px;
  365. margin-left:6px;
  366. padding:10px;
  367. font-weight:300;
  368. text-transform:uppercase; transition:.6s;
  369. font-family:bitxmap;
  370. color:black;
  371. }
  372.  
  373.  
  374.  
  375.  
  376.  
  377. .artist {
  378. letter-spacing:1px;
  379. font-style:italic;
  380.  
  381.  
  382.  
  383. }
  384.  
  385. .playcount {
  386. font-size:10px;
  387.  
  388. text-transform:uppercase;
  389. letter-spacing:3px;
  390. }
  391.  
  392.  
  393. #audiolo {
  394.  
  395. width:500px;
  396.  
  397.  
  398. }
  399. #sidebar{ position:fixed; {block:ifsemitransparentposts}background-color: rgba(255,255,255,0.32);{block:ifsemitransparentposts}{block:ifnotsemitransparentposts}background-color:{color:posts};{/block:ifnotsemitransparentposts} width:200px; padding:8px; left:100px; top:100px; border-radius:8px; border:1px solid {color:sidebar border};
  400. }
  401. #sidebar img {border-radius:4px; padding:6px; width:80px; height:80px;border:1px solid {color:border}; }
  402. .links li{list-style:none; padding:8px;
  403. border-bottom:1px solid #eee;
  404. position: relative;
  405. padding-bottom: 3px; text-align:right;
  406. }
  407.  
  408. .links li:before {
  409. content: '';
  410. display: block;
  411. position: absolute;
  412. left: 0;
  413. bottom: 0;
  414. height: 1px;
  415. width: 0;
  416. transition: width 0s ease, background .5s ease;
  417. }
  418. .links li:after {
  419. content: '';
  420. display: block;
  421. position: absolute;
  422. right: 0;
  423. bottom: 0;
  424. height: 1px;
  425. width: 0;
  426. background: #aaa;
  427. transition: width .5s ease;
  428. }
  429. .links li:hover:before {
  430. width: 100%;
  431. background: #aaa;
  432. transition: width .5s ease;
  433. }
  434. .links li:hover:after {
  435. width: 100%;
  436. background: transparent;
  437. transition: all 0s ease;
  438. }
  439. .icon{position:absolute;}
  440. .icon li{ list-style:none; padding:5.2px; font-size:18px; }
  441. .icon i{color:{color:links};}
  442.  
  443. h2 {
  444. font-family:helvetica; font-weight:100; line-height:17px;
  445. }
  446.  
  447. #pagination {font-family:calibri; text-align:center; font-size:24px; margin-bottom:2px;}
  448.  
  449. #credit{position:fixed; bottom:10px; left:10px; font-size:11px; font-family:calibri;color:{color:text}; text-transform:uppercase;letter-spacing: 0px; font-style:normal; background:white; border:1px solid #aaa; padding:3px;}
  450.  
  451. #info{padding-top:5px; display:block; width:auto; font-size:12px; font-family:verdana; text-transform:uppercase; background-color:{color:info background};position:absolute;width:500px; border:1px solid {color:border};}
  452. #info a{text-decoration:underline;}
  453.  
  454. .audio{background-color:black; display:block}
  455. #tags{width:500px; position:absolute; margin-top:30px; {block:permalinkpage} margin-top:-80px; {block:permalinkpage}}
  456. /* this is your chats, you can stylize however you want */
  457.  
  458. .user_1 .label {color:{color:link}; font-weight:bold}
  459. .user_2 .label {color:{color:text}; font-weight:italic}
  460. .user_3 .label {color:{color:link}; font-weight:text}
  461.  
  462.  
  463. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  464.  
  465. .notes img{width:10px; position:relative; top:1px}
  466. #notescon{margin: 100px 0 100px 500px; width: 500px;text-align: justify; padding: 20px;border: 1px solid {color:border}; margin-top:100px; border-radius:8px; background:{color:posts};}
  467. ol.notes {
  468. list-style-type: none;
  469. padding:0px; width:100%;
  470. position:relative;
  471. }
  472.  
  473. ol.notes li.note {
  474. padding:10px;
  475. border-bottom:1px solid {color:border};
  476. }
  477.  
  478.  
  479. #egg { opacity:.8;left:10px; bottom:10px; position:fixed;bottom:4px;display:block; width: 14px; height: 18px; background-color:#FFFEFC; -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  480. font-family: "bitxmap";
  481. border:2px solid #aaa;
  482.  
  483. }
  484. #egg:hover { animation-name: egg;
  485. animation-duration: 1s;
  486. animation-iteration-count: infinite;}
  487. @keyframes egg{
  488. 0%{}
  489. 10%{transform:rotate(20deg)}
  490. 80%{transform:rotate(-20deg)}
  491. 100%{}
  492. }
  493.  
  494. </style>
  495.  
  496.  
  497. <body>
  498. {block:ifquickblacklist}
  499.  
  500.  
  501. <div class="box" style="right:40px;"><a title="click for list"><div class="title">
  502. <!--this is the title of the blacklist-->
  503. blacklist
  504. <!--you can change the title if you want -->
  505. </div></a><div class="thing">
  506.  
  507. <!--!!!! quick black list starts here!!!! -->
  508.  
  509. <!--in between the <b> and </b>, write your description.
  510. you may also remove <b> and </b> if you don't want it to be bold. -->
  511. <b>please tag:</b> <br>
  512. <!--to change the tags, replace the words between <li> </li> with your own. -->
  513. <li> gore </li>
  514. <li> horror </li>
  515. <li> nsfw </li>
  516. <!--to add more, copy and paste the "<li> tag here </li>", and fill in your blacklisted tag. you can put as many as you want.
  517. make sure there is a <li> before the tag, and </li> after the tag, otherwise the list will mess up. -->
  518.  
  519. <!-- don't touch the rest, end of quick black list -->
  520. </div></div>
  521.  
  522. {/block:ifquickblacklist}
  523.  
  524.  
  525. <div id="sidebar">
  526. <div class="meter">
  527. {block:ifhpbar}<a title="{name}'s hp"><div class="hpbar"><div class="hp"></div></div></a>{/block:ifhpbar}<center>{block:ifbattery}
  528. <div id="battery"><center>
  529. <img src="{select:battery percentage}" style="width:22px; height:22px; border:none">
  530. </center></div>
  531. {/block:ifbattery}
  532. {block:ifspoons}<div class="spoons" title="{text:current}/{text:maximum} Spoons" style="font-size: 26px; "></div>{/block:ifspoons}
  533. {block:ifhearts}<div class="hearts" title="{text:current}/{text:maximum} hearts" style="font-size: 20px;"></div>{/block:ifhearts}
  534.  
  535. </div>
  536. <center><a href="/" title="{title}"><img src="{image:sidebar}"></center></a>
  537. <center><br>
  538. {description}<p>
  539. <div class="icon">
  540. <li><i class="fa fa-home "></i></li>
  541. <li><i class="fa fa-envelope " style="font-size:16px"></i></li>
  542. <li><i class="fa fa-clock-o "></i></li>
  543. <li><i class="fa fa-plus" ></i></li>
  544. </div>
  545. <div class="links">
  546. <li><a href="/">home</a></li>
  547. <li><a href="/ask">ask</a> </li>
  548. <li><a href="/archive">archive</a></li>
  549. <li><a href="javascript:unhide('displaybx');" title="click for links">more</a>
  550.  
  551. </div>
  552.  
  553.  
  554. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">»</a><br />{/block:NextPage}{/block:Pagination}</div>
  555. </div>
  556. </center>
  557. <div id="displaybx" class="hidden"><div class="icon"><li><i class="fa fa-link"></i></li><li><i class="fa fa-link"></i></li><li><i class="fa fa-link"></i></li><li><i class="fa fa-link"></i></li></div>
  558. <div class="links">
  559. <li><a href="{text:url1}">{text:link1}</a></li>
  560. <li><a href="{text:url2}">{text:link2}</a> </li>
  561. <li><a href="{text:url3}">{text:link3}</a></li>
  562. <li><a href="{text:url4}">{text:link4}</a></li>
  563.  
  564.  
  565. </div></div>
  566.  
  567. <a href="http://espoirthemes.tumblr.com" title="theme credit"><div id="egg"></div></a>
  568.  
  569. <div id="entries">
  570. {block:posts}
  571.  
  572. <div id="posts">
  573.  
  574. <div id="reblog"><a href="{Permalink}"> <a href="{ReblogURL}" target="_blank" class="details"> +Reblog</a></div><br>
  575. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  576.  
  577.  
  578. {block:Quote}<h2>"{Quote}" — {Source}</h2><br>{/block:Quote}
  579.  
  580. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  581. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  582.  
  583. {block:Photo}<center><img src="{PhotoURL-500}"/></center><br>
  584. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  585.  
  586. {block:Photoset}<center>{Photoset-500}</center>
  587. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  588.  
  589. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title} <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  590.  
  591. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  592.  
  593. {block:Answer}
  594.  
  595. <div class="askerportrait"><img style=" margin-left:10px; width:40px" src="{AskerPortraitURL-40}" align="left" /></div><div class="speechbubble">{Asker} {text:ask}: {Question}</div><br>
  596. {Answer}
  597. <br>
  598.  
  599. {/block:Answer}
  600.  
  601.  
  602. {block:Audio}
  603.  
  604. <div id="audiolo">
  605. <div class="dinky">
  606. {block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  607. </div>
  608.  
  609. <div class="donkey"><div class="playercon"><div class="player">{AudioPlayerWhite}</div> <div class="track"> {block:TrackName}
  610. {TrackName}
  611. {/block:TrackName} </div></div>
  612.  
  613.  
  614.  
  615. <div class="artist">
  616. {block:Artist}{Artist}
  617. {/block:Artist} </div>
  618.  
  619. <div class="album">
  620. {block:Album}
  621. {Album}
  622. {/block:Album}
  623. </div>
  624.  
  625. <div class="playcount">
  626.  
  627. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  628. </div></div>
  629.  
  630. {block:caption}{caption} {/block:Caption}
  631.  
  632. {/block:Audio}
  633.  
  634.  
  635.  
  636. <br>
  637. <center><div id="info">{block:Date}<a href="{permalink}"> {TimeAgo}</a>{/block:Date}{block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  638.  
  639. {block:permalinkpage}{block:RebloggedFrom}<br>via: <a href="{permalink}">{ReblogParentName}</a> - {/block:RebloggedFrom}{block:ContentSource}source: <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</center> {/block:permalinkpage}<p>
  640. </div>
  641.  
  642. {block:HasTags}<div id="tags">{block:Tags} # <a href="{TagURL}">{Tag} </a>{/block:Tags}</div> {/block:HasTags}
  643. </div>
  644. {/block:Posts}
  645. <br>
  646. {block:PostNotes}<div id="notescon">{PostNotes}</div>{/block:PostNotes}<br />
  647. </div>
  648. </div>
  649.  
  650. </body>
  651. </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!