API tools faq
paste
Advertisement
JacsThemes

06 Serenity

JacsThemes
Feb 14th, 2017
157
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.14 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6. <!--------- Theme by Jacquelyn (endlessmagicthemes.tumblr.com)
  7.  
  8. TERMS OF USE:
  9. -DO NOT USE AS A BASE
  10. -DO NOT REMOVE THE CREDIT
  11. -DO NOT REDISTRIBUTE
  12. -DO NOT CLAIM AS YOUR OWN
  13.  
  14. --------->
  15.  
  16. <head>
  17. <link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Squada+One' rel='stylesheet' type='text/css'>
  20.  
  21. <title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}"/>
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  24. {block:Description}
  25. <meta name="description" content="{MetaDescription}"”/>
  26. {/block:Description}
  27.  
  28. <!-- DEFAULT VARIABLES -->
  29.  
  30. <meta name="if:Audio Player Black" content="1"/>
  31. <meta name="if:Audio Player White" content="0"/>
  32. <meta name="if:Hover Sidebar Content" content="1"/>
  33. <meta name="if:Monochrome Images" content="0"/>
  34. <meta name="if:Show Tags" content="1"/>
  35. <meta name="if:Show Captions" content="1"/>
  36. <meta name="if:Show Custom Links" content="1"/>
  37. <meta name="if:Show Submit" content="1"/>
  38. <meta name="if:400px Posts" content="0"/>
  39.  
  40. <meta name="image:Background" content=""/>
  41. <meta name="image:SidebarIMG" content=""/>
  42.  
  43. <meta name="color:Asker Background" content="#e2dddd"/>
  44. <meta name="color:Asker Links Shadow" content="#000000"/>
  45. <meta name="color:Background" content="#f8f3f3"/>
  46. <meta name="color:Borders" content="#49ad9e"/>
  47. <meta name="color:Description" content="#504f4f"/>
  48. <meta name="color:Entry BG" content="#468682"/>
  49. <meta name="color:Odd Chat BG" content="#65aaa8"/>
  50. <meta name="color:Info" content="#141414"/>
  51. <meta name="color:Info Link Hover" content="#1d1c1d"/>
  52. <meta name="color:Navigation" content="#242323"/>
  53. <meta name="color:Nav Links BG" content="#e2e1e1"/>
  54. <meta name="color:Nav Links BG Hover" content="#419e8d"/>
  55. <meta name="color:Nav Links Hover" content="#fcf8f8"/>
  56. <meta name="color:Post Links" content="#c9904b"/>
  57. <meta name="color:Post Links Hover" content="#4d4b4b"/>
  58. <meta name="color:Post Text" content="#2b2a2a"/>
  59. <meta name="color:Posts" content="#f3f1f1"/>
  60. <meta name="color:Scrollbar" content="#367073"/>
  61. <meta name="color:Scrollbar BG" content="#ffffff"/>
  62. <meta name="color:Tags" content="#48888d"/>
  63. <meta name="color:Tags Hover" content="#d1b597"/>
  64. <meta name="color:Tags Symbol" content="#0e0e0e"/>
  65.  
  66. <meta name="text:Link 1 URL" content=""/>
  67. <meta name="text:Link 1" content="Link 1"/>
  68. <meta name="text:Link 2 URL" content=""/>
  69. <meta name="text:Link 2" content="Link 2"/>
  70. <meta name="text:Link 3 URL" content=""/>
  71. <meta name="text:Link 3" content="Link 3"/>
  72. <meta name="text:Link 4 URL" content=""/>
  73. <meta name="text:Link 4" content="Link 4"/>
  74.  
  75. </head>
  76.  
  77.  
  78. <style type="text/css">
  79. body {
  80. background-image: url('{image:Background}');
  81. background-attachment: fixed;
  82. background-repeat: repeat;
  83. background-color: {color:Background};
  84. }
  85.  
  86.  
  87. iframe#tumblr_controls {
  88. opacity: 0.2;
  89. top: 4px !important;
  90. right: 4px !important;
  91. position: fixed !important;
  92. -webkit-transition: opacity 0.7s linear;
  93. -webkit-transition: all 0.7s ease-out;
  94. -moz-transition: all 0.7s ease-out;
  95. transition: all 0.7s ease-out;
  96. }
  97.  
  98. iframe#tumblr_controls:hover {
  99. opacity: 0.9;
  100. -webkit-transition: opacity 0.7s linear;
  101. -webkit-transition: all 0.7s ease-out;
  102. -moz-transition: all 0.7s ease-out;
  103. transition: all 0.7s ease-out;
  104. }
  105.  
  106.  
  107. blockquote {
  108. padding-left: 5px;
  109. margin-left: 7px;
  110. border-left: 3px solid {color:Post Text};
  111. }
  112.  
  113.  
  114. .navigation {
  115. -webkit-transition: all 0.7s ease-in-out;
  116. -moz-transition: all 0.7s ease-in-out;
  117. -o-transition: all 0.7s ease-in-out;
  118. transition: all 0.7s ease-in-out;
  119. position: fixed;
  120. text-align: center;
  121. font-size: 8px;
  122. font-family: calibri;
  123. margin-top: 150px;
  124. {block:IfShowSubmit}
  125. margin-left: 42px;
  126. {/block:IfShowSubmit}
  127. {block:IfNotShowSubmit}
  128. margin-left: 62px;
  129. {/block:IfNotShowSubmit}
  130. {block:IfHoverSidebarContent}
  131. opacity: 0.2;
  132. {/block:IfHoverSidebarContent}
  133. {block:IfNotHoverSidebarContent}
  134. opacity: 0.9;
  135. {/block:IfNotHoverSidebarContent}
  136. }
  137.  
  138.  
  139. .navigation a {
  140. -webkit-transition: all 0.7s ease-in-out;
  141. -moz-transition: all 0.7s ease-in-out;
  142. -o-transition: all 0.7s ease-in-out;
  143. transition: all 0.7s ease-in-out;
  144. text-transform: uppercase;
  145. display: inline-block;
  146. line-height: 14px;
  147. width: 45px;
  148. height: 14px;
  149. text-decoration: none;
  150. background-color: {color:Nav Links BG};
  151. color: {color:Navigation};
  152. }
  153.  
  154.  
  155. .navigation a:hover {
  156. -webkit-transition: all 0.7s ease-in-out;
  157. -moz-transition: all 0.7s ease-in-out;
  158. -o-transition: all 0.7s ease-in-out;
  159. transition: all 0.7s ease-in-out;
  160. color: {color:Nav Links Hover};
  161. background-color: {color:Nav Links BG Hover};
  162. }
  163.  
  164.  
  165. .customlinks {
  166. margin-top: 165px;
  167. margin-left: 42px;
  168. margin-bottom: 10px;
  169. position: fixed;
  170. text-align: center;
  171. font-size: 8px;
  172. font-family: calibri;
  173. -webkit-transition: all 0.7s ease-in-out;
  174. -moz-transition: all 0.7s ease-in-out;
  175. -o-transition: all 0.7s ease-in-out;
  176. transition: all 0.7s ease-in-out;
  177. {block:IfNotHoverSidebarContent}
  178. opacity: 0.9;
  179. {/block:IfNotHoverSidebarContent}
  180. {block:IfHoverSidebarContent}
  181. opacity: 0.2;
  182. {/block:IfHoverSidebarContent}
  183. }
  184.  
  185.  
  186. .customlinks a {
  187. -webkit-transition: all 0.7s ease-in-out;
  188. -moz-transition: all 0.7s ease-in-out;
  189. -o-transition: all 0.7s ease-in-out;
  190. transition: all 0.7s ease-in-out;
  191. text-transform: uppercase;
  192. display: inline-block;
  193. line-height: 14px;
  194. width: 45px;
  195. height: 14px;
  196. text-decoration: none;
  197. background-color: {color:Nav Links BG};
  198. color: {color:Navigation};
  199. }
  200.  
  201.  
  202. .customlinks a:hover {
  203. -webkit-transition: all 0.7s ease-in-out;
  204. -moz-transition: all 0.7s ease-in-out;
  205. -o-transition: all 0.7s ease-in-out;
  206. transition: all 0.7s ease-in-out;
  207. color: {color:Nav Links Hover};
  208. background-color: {color:Nav Links BG Hover};
  209. }
  210.  
  211.  
  212. #sidebar {
  213. margin-left: 40px;
  214. margin-top: 40px;
  215. width: 270px;
  216. height: 600px;
  217. position: fixed;
  218. background-image: url('{image:SidebarIMG}');
  219. background-color: {color:Posts};
  220. }
  221.  
  222. {block:IfHoverSidebarContent}
  223. #sidebar:hover #description,
  224. #sidebar:hover .navigation,
  225. #sidebar:hover .customlinks {
  226. opacity: 0.9;
  227. -webkit-transition: all 0.7s ease-in-out;
  228. -moz-transition: all 0.7s ease-in-out;
  229. -o-transition: all 0.7s ease-in-out;
  230. transition: all 0.7s ease-in-out;
  231. }
  232. {/block:IfHoverSidebarContent}
  233.  
  234.  
  235. #description {
  236. -webkit-transition: all 0.7s ease-in-out;
  237. -moz-transition: all 0.7s ease-in-out;
  238. -o-transition: all 0.7s ease-in-out;
  239. transition: all 0.7s ease-in-out;
  240. margin-top: 230px;
  241. margin-left: 45px;
  242. padding: 5px;
  243. text-align: center;
  244. width: 170px;
  245. font-family: calibri;
  246. font-size: 9px;
  247. text-transform: uppercase;
  248. color: {color:Description};
  249. background-color: {color:Posts};
  250. {block:IfHoverSidebarContent}
  251. opacity: 0.2;
  252. {/block:IfHoverSidebarContent}
  253. {block:IfNotHoverSidebarContent}
  254. opacity: 0.9;
  255. {/block:IfNotHoverSidebarContent}
  256. }
  257.  
  258.  
  259. #description a {
  260. -webkit-transition: all 0.7s ease-in-out;
  261. -moz-transition: all 0.7s ease-in-out;
  262. -o-transition: all 0.7s ease-in-out;
  263. transition: all 0.7s ease-in-out;
  264. text-decoration: none;
  265. color: {color:Navigation};
  266. }
  267.  
  268.  
  269. #description a:hover {
  270. -webkit-transition: all 0.7s ease-in-out;
  271. -moz-transition: all 0.7s ease-in-out;
  272. -o-transition: all 0.7s ease-in-out;
  273. transition: all 0.7s ease-in-out;
  274. color: {color:Nav Links Hover};
  275. }
  276.  
  277. #pagination {
  278. top: 300px;
  279. margin-left: 550px;
  280. width: 265px;
  281. font-size: 25px;
  282. font-family: calibri;
  283. position: absolute;
  284. text-align: center;
  285. }
  286.  
  287.  
  288. #pagination a {
  289. -webkit-transition: all 0.7s ease-in-out;
  290. -moz-transition: all 0.7s ease-in-out;
  291. -o-transition: all 0.7s ease-in-out;
  292. transition: all 0.7s ease-in-out;
  293. text-decoration: none;
  294. color: {color:Tags};
  295. }
  296.  
  297.  
  298. #pagination a:hover {
  299. -webkit-transition: all 0.7s ease-in-out;
  300. -moz-transition: all 0.7s ease-in-out;
  301. -o-transition: all 0.7s ease-in-out;
  302. transition: all 0.7s ease-in-out;
  303. color: {color:Tags Hover};
  304. }
  305.  
  306. .posts {
  307. padding: 10px;
  308. font-size: 11px;
  309. font-family: calibri;
  310. margin-top: 40px;
  311. margin-bottom: 40px;
  312. margin-left: 40px;
  313. position: center;
  314. color: {color:Post Text};
  315. border: 1px solid {color:Borders};
  316. width: 500px;
  317. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  318. background-color: {color:Posts};
  319. }
  320.  
  321.  
  322. .posts a {
  323. -webkit-transition: all 0.7s ease-in-out;
  324. -moz-transition: all 0.7s ease-in-out;
  325. -o-transition: all 0.7s ease-in-out;
  326. transition: all 0.7s ease-in-out;
  327. text-decoration: none;
  328. color: {color:Post Links};
  329. }
  330.  
  331.  
  332. .posts a:hover {
  333. -webkit-transition: all 0.7s ease-in-out;
  334. -moz-transition: all 0.7s ease-in-out;
  335. -o-transition: all 0.7s ease-in-out;
  336. transition: all 0.7s ease-in-out;
  337. color: {color:Post Links Hover};
  338. }
  339.  
  340.  
  341. .posts h2 {
  342. font-family: 'Squada One', cursive;
  343. font-size: 21px;
  344. text-align: center;
  345. color: {color:Post Title};
  346. }
  347.  
  348.  
  349. {block:IfMonochromeImages}
  350. .posts img {
  351. -webkit-filter: Grayscale(100%);
  352. -webkit-transition-duration: 0.8s;
  353. -moz-transition-duration: 0.8s;
  354. transition-duration: 0.8s;
  355. -o-transition-duration: 0.8s;
  356. }
  357.  
  358.  
  359. .posts img:hover {
  360. -webkit-filter: Grayscale(0%);
  361. -webkit-transition: all 0.5s ease-out;
  362. -moz-transition: all 0.5s ease-out;
  363. transition: all 0.5s ease-out;
  364. }
  365.  
  366.  
  367. .html_photoset {
  368. -webkit-filter: Grayscale(100%);
  369. -webkit-transition-duration: 0.8s;
  370. -moz-transition-duration:0.8s;
  371. transition-duration: 0.8s;
  372. -o-transition-duration: 0.8s;
  373. }
  374.  
  375.  
  376. .html_photoset:hover {
  377. -webkit-filter: Grayscale(0%);
  378. -webkit-transition: all 0.5s ease-out;
  379. -moz-transition: all 0.5s ease-out;
  380. transition: all 0.5s ease-out;
  381. }
  382. {/block:IfMonochromeImages}
  383.  
  384.  
  385. #entries {
  386. font-family: microsoft sans serif;
  387. font-size: 11px;
  388. margin-left: 370px;
  389. top: 0px;
  390. position: absolute;
  391. background-image: url('{image:Entry Background}');
  392. background-color: {color:Entry BG};
  393. border-left: 5px solid {color:Borders};
  394. border-right: 5px solid {color:Borders};
  395. {block:IfNot400pxPosts}width: 600px;{/block:IfNot400pxPosts}
  396. {block:If400pxPosts}width: 500px;{/block:If400pxPosts}
  397. }
  398.  
  399.  
  400. .info {
  401. text-transform: none;
  402. text-align: left;
  403. font-family: calibri;
  404. padding-top: 10px;
  405. font-size: 11px;
  406. width: 500px;
  407. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  408. color: {color:Info};
  409. border-top: 1px solid {color:Borders};
  410. }
  411.  
  412.  
  413. .info a {
  414. text-decoration: none;
  415. }
  416.  
  417.  
  418. .info a:hover {
  419. text-decoration: underline;
  420. color: {color:Info Link Hover};
  421. }
  422.  
  423.  
  424. #ask {
  425. text-align: justify;
  426. padding: 10px;
  427. padding-left: 65px;
  428. background-color: {color:Asker Background};
  429. }
  430.  
  431.  
  432. .asker {
  433. margin-bottom: 4px;
  434. text-transform: lowercase;
  435. font-size: 9px;
  436. letter-spacing: 1px;
  437. }
  438.  
  439.  
  440. .asker a {
  441. text-shadow: 1px 1px 1px {color:Asker Link Shadow};
  442. }
  443.  
  444.  
  445. .asker a:hover {
  446. text-decoration: underline;
  447. color: {color:Tags Hover};
  448. }
  449.  
  450.  
  451. #answer {
  452. margin-top: 6px;
  453. }
  454.  
  455.  
  456. .permalinknotes ol {
  457. list-style-type: none;
  458. }
  459.  
  460.  
  461. .tags {
  462. text-align: center;
  463. font-family: calibri;
  464. font-size: 11px;
  465. text-decoration: none;
  466. width: 500px;
  467. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  468. color: {color:Tags Symbol};
  469. }
  470.  
  471.  
  472. .tags a {
  473. text-transform: lowercase;
  474. text-decoration: none;
  475. color: {color:Tags};
  476. }
  477.  
  478.  
  479. .tags a:hover {
  480. color: {color:Tags Hover};
  481. }
  482.  
  483.  
  484. .odd .chat {
  485. line-height: 16px;
  486. padding: 3px;
  487. background-color: {color:Odd Chat BG};
  488. }
  489.  
  490.  
  491. .odd .person {
  492. padding: 3px;
  493. font-weight: bold;
  494. }
  495.  
  496.  
  497. .even .chat {
  498. line-height: 16px;
  499. padding: 3px;
  500. }
  501.  
  502.  
  503. .even .person {
  504. padding: 3px;
  505. font-weight: bold;
  506. }
  507.  
  508.  
  509. #audio {
  510. margin-bottom: 5px;
  511. }
  512.  
  513.  
  514. .albumart {
  515. float: left;
  516. margin-right: 5px;
  517. width: 72px;
  518. height: 72px;
  519. }
  520.  
  521.  
  522. .audioplayer {
  523. position: absolute;
  524. margin-left: 25px;
  525. margin-top: 10px;
  526. overflow: hidden;
  527. opacity: 0.3;
  528. z-index: 1000;
  529. -webkit-transition: all 0.7s ease-in-out;
  530. -moz-transition: all 0.7s ease-in-out;
  531. -o-transition: all 0.7s ease-in-out;
  532. transition: all 0.7s ease-in-out;
  533. }
  534.  
  535.  
  536. .audioplayer:hover {
  537. -webkit-transition: all 0.7s ease-in-out;
  538. -moz-transition: all 0.7s ease-in-out;
  539. -o-transition: all 0.7s ease-in-out;
  540. transition: all 0.7s ease-in-out;
  541. }
  542.  
  543.  
  544. .playbutton {
  545. overflow: hidden;
  546. position: relative;
  547. width: 40px;
  548. height: 40px;
  549. z-index: 1000;
  550. }
  551.  
  552.  
  553. .audioinfo {
  554. line-height: 16px;
  555. }
  556.  
  557.  
  558. .quote {
  559. text-align: center;
  560. font-size: 16px;
  561. font-family: 'The Girl Next Door', cursive;
  562. }
  563.  
  564.  
  565. .quote h3 {
  566. font-size: 11px;
  567. font-family: calibri;
  568. text-align: right;
  569. }
  570.  
  571.  
  572. ::-webkit-scrollbar {
  573. height: 10px;
  574. width: 5px;
  575. background-color: {color:Scrollbar BG};
  576. }
  577.  
  578.  
  579. ::-webkit-scrollbar-thumb {
  580. color: {color:Scrollbar};
  581. }
  582.  
  583.  
  584. #credit {
  585. text-transform: uppercase;
  586. font-size: 9px;
  587. padding: 4px;
  588. position: fixed;
  589. bottom: 20px;
  590. right: 20px;
  591. border: 1px solid {color:Borders};
  592. background-color: {color:Posts};
  593. }
  594.  
  595.  
  596. #credit a {
  597. -webkit-transition: all 0.7s ease-in-out;
  598. -moz-transition: all 0.7s ease-in-out;
  599. -o-transition: all 0.7s ease-in-out;
  600. transition: all 0.7s ease-in-out;
  601. text-align: center;
  602. text-decoration: none;
  603. color: {color:Post Links};
  604. }
  605.  
  606.  
  607. #credit a:hover {
  608. -webkit-transition: all 0.7s ease-in-out;
  609. -moz-transition: all 0.7s ease-in-out;
  610. -o-transition: all 0.7s ease-in-out;
  611. transition: all 0.7s ease-in-out;
  612. color: {color:Post Links Hover};
  613. }
  614.  
  615.  
  616. </style>
  617.  
  618. <body>
  619. <div id="sidebar">
  620.  
  621. <div class="navigation">
  622. <a href="/">Home</a>
  623. <a href="/ask">Ask</a>
  624. <a href="/archive">Archive</a>
  625. {block:IfShowSubmit}
  626. <a href="/submit">Submit</a>
  627. {/block:IfShowSubmit}
  628. </div>
  629.  
  630. <div class="customlinks">
  631. {block:IfShowCustomLinks}
  632. {block:IfLink1}
  633. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  634. {/block:IfLink1}
  635. {block:IfLink2}
  636. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  637. {/block:IfLink2}
  638. {block:IfLink3}
  639. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  640. {/block:IfLink3}
  641. {block:IfLink4}
  642. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  643. {/block:IfLink4}
  644. {/block:IfShowCustomLinks}
  645. </div>
  646.  
  647. <div id="description">
  648. {Description}
  649. </div>
  650. </div>
  651.  
  652. <div id="entries">
  653. {block:Posts}
  654. <div class="posts">
  655.  
  656. {block:Text}
  657. {block:Title}<h2>{Title}</h2>{/block:Title}
  658. {Body}
  659. {/block:Text}
  660.  
  661. {block:Photo}
  662. {block:IfNot400pxPosts}
  663. <a href="{permalink}">
  664. <img src="{PhotoURL-500}" width="500"/>
  665. </a>
  666. {/block:IfNot400pxPosts}
  667.  
  668. {block:If400pxPosts}
  669. <a href="{permalink}">
  670. <img src="{PhotoURL-400}" width="400"/>
  671. </a>
  672. {/block:If400pxPosts}
  673.  
  674. {block:IfShowCaptions}
  675. {block:Caption}{Caption}{/block:Caption}
  676. {/block:IfShowCaptions}
  677. {/block:Photo}
  678.  
  679. {block:Photoset}
  680. {block:IfNot400pxPosts}
  681. <div class="photo">
  682. {Photoset-500}
  683. </div>
  684. {/block:IfNot400pxPosts}
  685.  
  686. {block:If400pxPosts}
  687. <div class="photo">
  688. {Photoset-400}
  689. </div>
  690. {/block:If400pxPosts}
  691.  
  692. {block:IfShowCaptions}
  693. {block:Caption}{Caption}{/block:Caption}
  694. {/block:IfShowCaptions}
  695. {/block:Photoset}
  696.  
  697. {block:Quote}
  698. <div class="quote">
  699. ❝{Quote}❞
  700. {block:Source}<h3>-{Source}</h3>{/block:Source}
  701. </div>
  702. {/block:Quote}
  703.  
  704.  
  705. {block:Video}
  706. {block:IfNot400pxPosts}
  707. {Video-500}
  708. {/block:IfNot400pxPosts}
  709. {block:If400pxPosts}
  710. {Video-400}
  711. {/block:If400pxPosts}
  712.  
  713. {PlayCountWithLabel}
  714. {block:IfShowCaptions}
  715. {block:Caption}{Caption}{/block:Caption}
  716. {/block:IfShowCaptions}
  717. {/block:Video}
  718.  
  719.  
  720. {block:Link}
  721. <a href="{URL}" class="links" target="{Target}">{Name}</a><BR>
  722. {block:Description}{Description}{/block:Description}
  723. {/block:Link}
  724.  
  725.  
  726. {block:Chat}
  727. {block:Title}
  728. <h2>{Title}</h2>
  729. {/block:Title}
  730. {block:Lines}<div class="{Alt}">
  731. <div class="chat">
  732. {block:Label}<span class="person">{Label}</span>{/block:Label}
  733. {Line}</div></div>
  734. {/block:Lines}
  735. {/block:Chat}
  736.  
  737.  
  738. <div id="audio">
  739. {block:Audio}
  740. <div class="albumart">{block:AlbumArt}
  741. <img src="{AlbumArtURL}" width="72">{/block:AlbumArt}
  742. </div>
  743. <div class="audioplayer">
  744. <div class="playbutton">
  745. {block:IfNotAudioPlayerWhite}
  746. {AudioPlayerBlack}
  747. {/block:IfNotAudioPlayerWhite}
  748. {block:IfAudioPlayerWhite}
  749. {AudioPlayerWhite}
  750. {/block:IfAudioPlayerWhite}
  751. </div>
  752. </div>
  753. <div class="audioinfo">
  754. <br><div style="text-align: left;">
  755. <b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  756. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<br>
  757. <b>Album:</b> {block:Album}{Album}{/block:Album}<br>
  758. <b>Played:</b> {PlayCount} times
  759. </div>
  760. </div>
  761. {block:IfShowCaptions}
  762. {block:Caption}<br />{Caption}{/block:Caption}
  763. {/block:IfShowCaptions}
  764. {/block:Audio}
  765. </div>
  766.  
  767.  
  768. {block:Answer}
  769. <img src="{AskerPortraitURL-64}" style="height:50px; width:50px; float:left; margin:5px;">
  770. <div id="ask"><div class="asker">{Asker} whispered:</div>
  771. <br>{Question}</div>
  772. <div id="answer">{Answer}</div>
  773. {/block:Answer}
  774.  
  775.  
  776. <div class="info">
  777. {block:Date}
  778. <a href="{Permalink}">{TimeAgo}</a>
  779. on {ShortMonth} {DayofMonth}
  780. ●
  781. {NoteCountWithLabel}
  782. {/block:Date}
  783.  
  784. {block:RebloggedFrom}
  785. | via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  786. {/block:RebloggedFrom}
  787. {block:ContentSource}
  788. / origin: <a href="{SourceURL}">{SourceTitle}</a>
  789. {/block:ContentSource}
  790. </div>
  791.  
  792. <div class="tags">
  793. {block:IfShowTags}
  794. {block:HasTags}
  795. {block:Tags}
  796. # <a href="{TagURL}">{Tag}</a>
  797. {/block:Tags}
  798. {/block:HasTags}
  799. {/block:IfShowTags}
  800. </div>
  801.  
  802. {block:PermalinkPage}
  803. {block:PostNotes}
  804. <div class="permalinknotes">
  805. {PostNotes}
  806. </div>
  807. {/block:PostNotes}
  808. {/block:PermalinkPage}
  809.  
  810. </div>
  811.  
  812. {/block:Posts}
  813.  
  814. {block:Pagination}
  815. <div id="pagination">
  816. {block:PreviousPage}
  817. <a href="{PreviousPage}">←</a>
  818. {/block:PreviousPage}
  819.  
  820. {block:NextPage}
  821. <a href="{NextPage}">→</a>
  822. {/block:NextPage}
  823. </div>
  824. {/block:Pagination}
  825.  
  826. <div id="credit">
  827. <a href="http://endlessmagicthemes.tumblr.com">theme ©</a>
  828. </div>
  829.  
  830. </div>
  831.  
  832. </body>
  833. </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!