API tools faq
paste
Advertisement
yeoli

Theme 27

yeoli
Mar 7th, 2015
5,614
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.00 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11.  
  12.  
  13.  
  14.  
  15.  
  16.  
  17.  
  18.  
  19. <!--- THEME 27 - MADE BY YEOLI-THM.TUMBLR.COM --->
  20.  
  21.  
  22.  
  23.  
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34.  
  35.  
  36. <head>
  37.  
  38. <script src="https://static.tumblr.com/kmw8hta/eAnnkum29/toggle.js"></script>
  39. <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  40. <script src="//code.jquery.com/ui/1.11.3/jquery-ui.js"></script>
  41. <script src="https://static.tumblr.com/kmw8hta/RkYnkuobu/drag.js"></script>
  42. <script src="https://static.tumblr.com/kmw8hta/Is5nkuodb/top.js"></script>
  43. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/kmw8hta/lW6nkupgp/theme.css"/>
  44.  
  45. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  46. <link rel="shortcut icon" href="{Favicon}" />
  47. <meta name="image:Background Image" content=""/>
  48. <meta name="image:Sidebar Image" content=""/>
  49. <meta name="text:Link 1" content="Link 1"/>
  50. <meta name="text:Link 1 URL" content=""/>
  51. <meta name="text:Link 2" content="Link 2"/>
  52. <meta name="text:Link 2 URL" content=""/>
  53. <meta name="text:Link 3" content="Link 3"/>
  54. <meta name="text:Link 3 URL" content=""/>
  55. <meta name="text:Link 4" content="Link 4"/>
  56. <meta name="text:Link 4 URL" content=""/>
  57. <meta name="text:Link 5" content="Link 5"/>
  58. <meta name="text:Link 5 URL" content=""/>
  59. <meta name="text:Link 6" content="Link 6"/>
  60. <meta name="text:Link 6 URL" content=""/>
  61. <meta name="text:Link 7" content="Link 7"/>
  62. <meta name="text:Link 7 URL" content=""/>
  63. <meta name="text:Link 8" content="Link 8"/>
  64. <meta name="text:Link 8 URL" content=""/>
  65. <meta name="text:Billy Music Player Code" content=""/>
  66. <meta name="text:Flash Music Player Code" content=""/>
  67. <meta name="if:250px Posts" content="0"/>
  68. <meta name="if:400px Posts" content="1"/>
  69. <meta name="if:500px Posts" content="0"/>
  70. <meta name="if:Infinite Scroll" content="0"/>
  71. <meta name="if:Grayscale Posts" content="0"/>
  72. <meta name="if:Show Tags" content="1"/>
  73. <meta name="if:Show Captions" content="1"/>
  74. <meta name="color:Background" content="#f9f9f9"/>
  75. <meta name="color:Borders" content="#eeeeee"/>
  76. <meta name="color:Text" content="#000000"/>
  77. <meta name="color:Links" content="#000000"/>
  78. <meta name="color:Links Hover" content="#dddddd"/>
  79. <meta name="color:Post Bg" content="#ffffff"/>
  80. <meta name="color:Header Bg" content="#000000"/>
  81. <meta name="color:Header Text" content="#f9f9f9"/>
  82. <meta name="color:Question Bg" content="#000000"/>
  83. <meta name="color:Question Text" content="#f9f9f9"/>
  84. <meta name="color:Permalink Bg" content="#000000"/>
  85. <meta name="color:Permalink Text" content="#f9f9f9"/>
  86. <meta name="color:Permalink Hover Bg" content="#ffffff"/>
  87. <meta name="color:Permalink Hover Text" content="#000000"/>
  88. <meta name="color:Menu Text" content="#000000"/>
  89. <meta name="color:Menu Hover Bg" content="#000000"/>
  90. <meta name="color:Menu Hover Text" content="#ffffff"/>
  91.  
  92. <style type="text/css">
  93.  
  94. #tumblr_controls, .tmblr-iframe{
  95. position:fixed!important;
  96. z-index:99999!important;
  97. top:0px!important;
  98. right:0px!important;
  99. }
  100.  
  101. body{
  102. cursor:default;
  103. margin:0px;
  104. padding:0px;
  105. font-family:trebuchet ms;
  106. font-size:10px;
  107. text-align:justify;
  108. word-wrap:break-word;
  109. color:{color:Text};
  110. background:{color:Background};
  111. background-attachment:fixed;
  112. background-repeat:repeat;
  113. {block:IfBackgroundImageImage}background-image:url('{image:Background Image}');{/block:IfBackgroundImageImage}
  114. }
  115.  
  116. a, a:link, a:active, a:visited, .tab blockquote a{
  117. color:{color:Links};
  118. text-decoration:underline;
  119. }
  120.  
  121. a:hover, .tab blockquote a:hover{
  122. color:{color:Links Hover};
  123. text-decoration:none;
  124. }
  125.  
  126. #content{
  127. margin:0px auto;
  128. padding:0px;
  129. }
  130.  
  131. #posts{
  132. margin:100px 0px;
  133. }
  134.  
  135. .post{
  136. position:relative;
  137. overflow:hidden;
  138. border-radius:5px;
  139. background:{color:Post Bg};
  140. border:1px solid {color:Borders};
  141. }
  142.  
  143. .body{
  144. padding:10px;
  145. border-radius:0px 0px 5px 5px;
  146. border-top:1px solid {color:Borders};
  147. }
  148.  
  149. #content, #posts, .post, .tab, .tab label{
  150. {block:IndexPage}
  151. {block:If250pxPosts}width:250px;{/block:If250pxPosts}
  152. {block:If400pxPosts}width:400px;{/block:If400pxPosts}
  153. {block:If500pxPosts}width:500px;{/block:If500pxPosts}
  154. {/block:IndexPage}
  155. {block:PermalinkPage}
  156. {block:IfNot500pxPosts}width:400px;{/block:IfNot500pxPosts}
  157. {block:If500pxPosts}width:500px;{/block:If500pxPosts}
  158. {/block:PermalinkPage}
  159. }
  160.  
  161. {block:IfGrayscalePosts}
  162. #posts{
  163. filter:url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  164. filter:gray;
  165. -webkit-filter:grayscale(100%);
  166. -webkit-transition: all 0.3s ease-in-out;
  167. -moz-transition: all 0.3s ease-in-out;
  168. transition: all 0.3s ease-in-out;
  169. }
  170.  
  171. #posts:hover{
  172. filter:url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  173. -webkit-filter:grayscale(0%);
  174. -webkit-transition: all 0.3s ease-in-out;
  175. -moz-transition: all 0.3s ease-in-out;
  176. transition: all 0.3s ease-in-out;
  177. }
  178. {/block:IfGrayscalePosts}
  179.  
  180. img, embed, object, iframe, video{
  181. max-width:100%;
  182. }
  183.  
  184. h1{
  185. margin:0px 0px 10px 0px;
  186. padding-left:10px;
  187. font-size:10px;
  188. text-transform:uppercase;
  189. letter-spacing:1px;
  190. border-left:50px solid {color:Header Bg};
  191. }
  192.  
  193. blockquote{
  194. padding:0px 5px;
  195. margin:5px;
  196. border-left:1px solid {color:Borders};
  197. }
  198.  
  199. .question{
  200. font-size:8px;
  201. text-transform:uppercase;
  202. letter-spacing:1px;
  203. color:{color:Question Text};
  204. background:{color:Question Bg};
  205. }
  206.  
  207. .chat li{
  208. border-bottom:1px dashed {color:Borders};
  209. }
  210.  
  211. .question, .album{
  212. border-top:1px dashed {color:Header Text};
  213. }
  214.  
  215. .album{
  216. color:{color:Header Text};
  217. background:{color:Header Bg};
  218. }
  219.  
  220. .audiobutton{
  221. color: {color:Text};
  222. }
  223.  
  224. .header{
  225. line-height:30px;
  226. text-indent:10px;
  227. color:{color:Header Text};
  228. background:{color:Header Bg};
  229. }
  230.  
  231. .header a{
  232. text-decoration:none;
  233. color:{color:Header Text};
  234. }
  235.  
  236. .permalink{
  237. border-radius:5px;
  238. {block:IndexPage}
  239. visibility:hidden;
  240. {block:If250pxPosts}margin-left:260px;{/block:If250pxPosts}
  241. {block:If400pxPosts}margin-left:410px;{/block:If400pxPosts}
  242. {block:If500pxPosts}margin-left:510px;{/block:If500pxPosts}
  243. {/block:IndexPage}
  244. {block:PermalinkPage}
  245. visibility:visible;
  246. {block:IfNot500pxPosts}margin-left:410px;{/block:IfNot500pxPosts}
  247. {block:If500pxPosts}margin-left:510px;{/block:If500pxPosts}
  248. {/block:PermalinkPage}
  249. }
  250.  
  251. .permalink a{
  252. text-decoration:none;
  253. color:{color:Permalink Text};
  254. }
  255.  
  256. .permalink, .tags{
  257. color:{color:Permalink Text};
  258. background:{color:Permalink Bg};
  259. border:1px solid {color:Borders};
  260. }
  261.  
  262.  
  263. .info:hover, .tag:hover .info, .tags a:hover{
  264. color:{color:Permalink Hover Text};
  265. background:{color:Permalink Hover Bg};
  266. }
  267.  
  268. .tagged{
  269. border-radius:5px;
  270. background:{color:Post Bg};
  271. border:1px solid {color:Borders};
  272. }
  273.  
  274. .tab{
  275. border-radius:5px;
  276. background:{color:Post Bg};
  277. border:1px solid {color:Borders};
  278. }
  279.  
  280. .tab label{
  281. color:{color:Header Text};
  282. background:{color:Header Bg};
  283. }
  284.  
  285. .tab label::after{
  286. content:"∨";
  287. }
  288.  
  289. .tab input:checked + label::after{
  290. content:"∧";
  291. }
  292.  
  293. .tab a{
  294. text-decoration:none;
  295. }
  296.  
  297. .header2{
  298. color:{color:Header Text};
  299. background:{color:Header Bg};
  300. }
  301.  
  302. .d1{
  303. background:{color:Header Bg};
  304. }
  305.  
  306. .desc{
  307. border:10px solid {color:Post Bg};
  308. }
  309.  
  310. #menu a{
  311. color:{color:Menu Text};
  312. text-decoration:none;
  313. }
  314.  
  315. .menu{
  316. border-radius:0px 0px 5px 5px;
  317. }
  318.  
  319. #menu a:hover, .navi:hover, .links a:hover, #btt:hover, .pag:hover{
  320. color:{color:Menu Hover Text};
  321. background:{color:Menu Hover Bg};
  322. }
  323.  
  324. .links a{
  325. display:block;
  326. color:{color:Menu Text};
  327. }
  328.  
  329. #image, #description, #menu, .links, #musicplayer, #navigation, #credit{
  330. border-radius:5px;
  331. color:{color:Menu Text};
  332. background:{color:Post Bg};
  333. border:1px solid {color:Borders};
  334. }
  335.  
  336. #navigation a{
  337. display:block;
  338. text-decoration:none;
  339. color:{color:Menu Text};
  340. }
  341.  
  342. .header, .header2, .permalink, .tagged, .tab, #description, .menu, #navigation{
  343. font-size:7px;
  344. text-transform:uppercase;
  345. letter-spacing:1px;
  346. }
  347.  
  348. </style>
  349. <style type="text/css">{CustomCSS}</style>
  350. </head>
  351.  
  352. <body>
  353.  
  354. <a href="https://yeoli-thm.tumblr.com" target="_blank"><div id="credit">▣</div></a>
  355.  
  356. {block:IndexPage}{block:IfInfinitescroll}<script type="text/javascript" src="https://codysherman.com/tools/infinite-scrolling/code"></script><script src="https://static.tumblr.com/kmw8hta/kaDn9e425/like.js"></script>
  357. <div class="pg">{block:Pagination}{block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}{block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}{/block:Pagination}</div>{/block:IfInfinitescroll}{/block:IndexPage}
  358.  
  359. {block:IndexPage}
  360. <div id="navigation">
  361. {block:IfNotInfiniteScroll}{block:Pagination}
  362. {block:NextPage}<a href="{NextPage}" class="pag">next page</a>{/block:NextPage}
  363. {block:PreviousPage}<a href="{PreviousPage}" class="pag">previous page</a>{/block:PreviousPage}
  364. {/block:Pagination}{/block:IfNotInfiniteScroll}
  365. <a id="btt">back to top</a>
  366. </div>
  367. {/block:IndexPage}
  368.  
  369. {block:PermalinkPagination}
  370. <div id="navigation">
  371. {block:PreviousPost}<a href="{PreviousPost}" class="pag">next post</a>{/block:PreviousPost}
  372. {block:NextPost} <a href="{NextPost}" class="pag">previous post</a>{/block:NextPost}
  373. </div>
  374. {/block:PermalinkPagination}
  375.  
  376. {block:IfSidebarImageImage}<div id="image" class="ui-widget-content">
  377. <div class="header2"><div style="float:right;margin-right:10px;word-spacing:3px"><span style="font-size:10px;line-height:7px">- □</span> x</div></div>
  378. <img src="{image:Sidebar Image}" style="display:block"/>
  379. </div>{block:IfSidebarImageImage}
  380.  
  381. {block:Description}<div id="description" class="ui-widget-content">
  382. <div class="d1"></div>
  383. <div class="desc">{Description}</div>
  384. </div>{/block:Description}
  385.  
  386. <div id="menu" class="ui-widget-content">
  387. <div class="header2" style="border-radius:5px 5px 0px 0px"><div style="float:right;margin-right:10px;word-spacing:3px"><span style="font-size:10px;line-height:7px">- □</span> x</div></div>
  388. <div class="menu">
  389. <a href="/" class="navi">refresh</a>
  390. <a href="/ask" class="navi">inbox</a>
  391. <a href="/archive" class="navi">archive</a>
  392. <dive class="navi"><div class="links">
  393. {block:IfLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:IfLink1}
  394. {block:IfLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:IfLink2}
  395. {block:IfLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:IfLink3}
  396. {block:IfLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:IfLink4}
  397. {block:IfLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:IfLink5}
  398. {block:IfLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:IfLink6}
  399. {block:IfLink7}<a href="{text:Link 7 URL}">{text:Link 7}</a>{/block:IfLink7}
  400. {block:IfLink8}<a href="{text:Link 8 URL}">{text:Link 8}</a>{/block:IfLink8}
  401. </div>links</div>
  402. </div></div>
  403.  
  404. {block:IfBillyMusicPlayerCode}
  405. <div id="musicplayer" class="ui-widget-content">
  406. <div class="header2" style="height:10px"></div>
  407. <div class="music"><div style="width:200px;margin-left:-24px">{text:Billy Music Player Code}</div></div></div>
  408. {block:IfBillyMusicPlayerCode}
  409.  
  410. {block:IfFlashMusicPlayerCode}
  411. <div id="musicplayer" class="ui-widget-content">
  412. <div class="header2" style="height:10px"></div>
  413. <div class="music"><div style="margin-left:-1px">{text:Flash Music Player Code}</div></div></div>
  414. {block:IfFlashMusicPlayerCode}
  415.  
  416. <div id="content">
  417. <div class="autopagerize_page_element">
  418. {block:Posts}
  419. <div id="posts">
  420.  
  421. {block:Date}
  422. <div class="permalink">
  423. <a href="{Permalink}" class="info">{NoteCountWithLabel}</a>
  424. {block:IndexPage}<a href="{ReblogURL}" target="_blank" class="info">reblog</a>{/block:IndexPage}
  425. {block:HighRes}<a href="{PhotoURL-HighRes}" target="_blank" class="info">high resolution</a>{/block:HighRes}
  426. {block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank" class="info">via</a>
  427. <a href="{ReblogRootURL}" target="_blank" class="info">origin</a>{/block:RebloggedFrom}
  428. {block:ContentSource}<a href="{SourceURL}" target="_blank" class="info">source</a>{/block:ContentSource}
  429. {block:IndexPage}{block:IfShowTags}{block:HasTags}<div class="tag"><div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div><a class="info">Tags</a></div>{/block:HasTags}{/block:IfShowTags}{/block:IndexPage}
  430. </div>
  431. {/block:Date}
  432.  
  433. <div class="post">
  434.  
  435. {block:Text}
  436. <div class="header">
  437. {block:Date}txt | {DayOfMonthWithZero}.{MonthNumberWithZero}{/block:Date}
  438. <div style="float:right;margin-right:10px;word-spacing:3px"><span style="font-size:10px;line-height:7px">- □</span> x</div>
  439. </div>
  440. <div class="body">
  441. {block:Title}<h1>{Title}</h1>{/block:Title}
  442. {Body}
  443. </div>
  444. {/block:Text}
  445.  
  446. {block:Photo}
  447. <div class="header">
  448. img | {DayOfMonthWithZero}.{MonthNumberWithZero}
  449. <div style="float:right;margin-right:10px;word-spacing:3px"><span style="font-size:10px;line-height:7px">- □</span> x</div>
  450. </div>
  451. {block:IndexPage}
  452. {block:If250pxPosts}<img src="{PhotoURL-500}" style="display:block;width:250px"/>{/block:If250pxPosts}
  453. {block:If400pxPosts}<img src="{PhotoURL-500}" style="display:block;width:400px"/>{/block:If400pxPosts}
  454. {block:If500pxPosts}<img src="{PhotoURL-500}" style="display:block;width:500px"/>{/block:If500pxPosts}
  455. {block:IfShowCaptions}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  456. {/block:IndexPage}
  457. {block:PermalinkPage}
  458. {block:IfNot500pxPosts}<img src="{PhotoURL-500}" style="display:block;width:400px"/>{/block:IfNot500pxPosts}
  459. {block:If500pxPosts}<img src="{PhotoURL-500}" style="display:block;width:500px"/>{/block:If500pxPosts}
  460. {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
  461. {/block:PermalinkPage}
  462. {/block:Photo}
  463.  
  464. {block:Photoset}
  465. <div class="header">
  466. img | {DayOfMonthWithZero}.{MonthNumberWithZero}
  467. <div style="float:right;margin-right:10px;word-spacing:3px"><span style="font-size:10px;line-height:7px">- □</span> x</div>
  468. </div>
  469. {block:IndexPage}
  470. {block:If250pxPosts}{Photoset-250}{/block:If250pxPosts}
  471. {block:If400pxPosts}{Photoset-400}{/block:If400pxPosts}
  472. {block:If500pxPosts}{Photoset-500}{/block:If500pxPosts}
  473. {block:IfShowCaptions}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  474. {/block:IndexPage}
  475. {block:PermalinkPage}
  476. {block:IfNot500pxPosts}{Photoset-400}{/block:IfNot500pxPosts}
  477. {block:If500pxPosts}{Photoset-500}{/block:If500pxPosts}
  478. {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
  479. {/block:PermalinkPage}
  480. {/block:Photoset}
  481.  
  482. {block:Video}
  483. <div class="header">
  484. mp4 | {DayOfMonthWithZero}.{MonthNumberWithZero}
  485. <div style="float:right;margin-right:10px;word-spacing:3px"><span style="font-size:10px;line-height:7px">- □</span> x</div>
  486. </div>
  487. <div style="overflow:hidden;border-radius:0px 0px 5px 5px">
  488. {block:IndexPage}
  489. {block:If250pxPosts}{Video-250}{/block:If250pxPosts}
  490. {block:If400pxPosts}{Video-400}{/block:If400pxPosts}
  491. {block:If500pxPosts}{Video-500}{/block:If500pxPosts}
  492. {block:IfShowCaptions}{block:Caption}<div class="body" style="border-top:0px">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  493. {/block:IndexPage}
  494. {block:PermalinkPage}
  495. {block:IfNot500pxPosts}{Video-400}{/block:IfNot500pxPosts}
  496. {block:If500pxPosts}{Video-500}{/block:If500pxPosts}
  497. {block:Caption}<div class="body" style="border-top:0px">{Caption}</div>{/block:Caption}
  498. {/block:PermalinkPage}
  499. </div>
  500. {/block:Video}
  501.  
  502. {block:Quote}
  503. <div class="header">
  504. qte | {DayOfMonthWithZero}.{MonthNumberWithZero}
  505. <div style="float:right;margin-right:10px;word-spacing:3px"><span style="font-size:10px;line-height:7px">- □</span> x</div>
  506. </div>
  507. <div class="body">
  508. {Quote}
  509. {block:Source}<div style="text-align:right;margin-top:10px">- {Source}</div>{/block:Source}
  510. </div>
  511. {/block:Quote}
  512.  
  513. {block:Link}
  514. <div class="header">
  515. url | {DayOfMonthWithZero}.{MonthNumberWithZero}
  516. <div style="float:right;margin-right:10px;word-spacing:3px"><span style="font-size:10px;line-height:7px">- □</span> x</div>
  517. </div>
  518. <div class="body">
  519. <h1><a href="{URL}" target="_blank">{Name}</a></h1>
  520. {block:Description}{Description}{/block:Description}
  521. </div>
  522. {/block:Link}
  523.  
  524. {block:Chat}
  525. <div class="header">
  526. cht | {DayOfMonthWithZero}.{MonthNumberWithZero}
  527. <div style="float:right;margin-right:10px;word-spacing:3px"><span style="font-size:10px;line-height:7px">- □</span> x</div>
  528. </div>
  529. <div class="body">
  530. {block:Title}<h1>{Title}</h1>{/block:Title}
  531. <div class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</div>
  532. </div>
  533. {/block:Chat}
  534.  
  535. {block:Audio}
  536. <div class="header">
  537. mp3 | {DayOfMonthWithZero}.{MonthNumberWithZero} | {PlayCountWithLabel}
  538. <div style="float:right;margin-right:10px;word-spacing:3px"><span style="font-size:10px;line-height:7px">- □</span> x</div>
  539. </div>
  540. <div class="body" style="height:50px;{block:Caption}border-radius:0px{/block:Caption}">
  541. <div class="album">♪{block:AlbumArt}<img src="{AlbumArtURL}" style="display:block;margin-top:-50px"/>{/block:AlbumArt}</div>
  542. <div class="track">{block:TrackName}{TrackName}{/block:TrackName}</div>
  543. <div class="audiobutton"><div style="float:left"><<</div> <div style="float:right">>></div>
  544. <div class="audio">{AudioPlayer}</div></div>
  545. </div>
  546. {block:IndexPage}{block:IfShowCaptions}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}
  547. {block:PermalinkPage}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  548. {/block:Audio}
  549.  
  550. {block:Answer}
  551. <div class="header">
  552. msg | {DayOfMonthWithZero}.{MonthNumberWithZero} | {Asker}
  553. <div style="float:right;margin-right:10px;word-spacing:3px"><span style="font-size:10px;line-height:7px">- □</span> x</div>
  554. </div>
  555. <div class="question"><div style="border-left:50px solid {color:Question Text};padding-left:10px">{Question}</div></div>
  556. <div class="body">{Answer}</div>
  557. {/block:Answer}
  558.  
  559. </div></div>
  560.  
  561. {block:PermalinkPage}{block:HasTags}<div class="tagged">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:PermalinkPage}
  562.  
  563. {block:PostNotes}<section class="tab"><div><input id="ac-1" name="accordion-1" type="checkbox"/><label for="ac-1"> </label><article>{PostNotes}</article></div></section>{/block:PostNotes}
  564.  
  565. {/block:Posts}
  566.  
  567. </div>
  568. </div>
  569.  
  570. </body>
  571. </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!