API tools faq
paste
thehiddenwill-themes

Theme 26.

thehiddenwill-themes
Aug 13th, 2015
483
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.03 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--
  6. THEME 26
  7. made by the-hidden-will.tumblr.com
  8. -->
  9.  
  10. <html>
  11. <head>
  12.  
  13. <title>{Title}</title>
  14.  
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}"/>
  19. {/block:Description}
  20.  
  21. <meta name="image:Background" content=""/>
  22. <meta name="if:Show Captions" content="1"/>
  23. <meta name="if:Infinite Scroll" content="0"/>
  24.  
  25. <meta name="text:Header" content=""/>
  26. <meta name="text:Link 1" content=""/>
  27. <meta name="text:Link 1 URL" content=""/>
  28. <meta name="text:Link 2" content=""/>
  29. <meta name="text:Link 2 URL" content=""/>
  30. <meta name="text:Link 3" content=""/>
  31. <meta name="text:Link 3 URL" content=""/>
  32. <meta name="text:Link 4" content=""/>
  33. <meta name="text:Link 4 URL" content=""/>
  34.  
  35. <!-- END DEFAULT VARIABLES -->
  36.  
  37. <style type="text/css">
  38.  
  39. /* CSS */
  40. /*TUMBLR CONTROLS*/
  41.  
  42. #tumblr_controls{
  43. position:fixed;
  44. top:5px;
  45. right:5px;
  46. }
  47.  
  48. iframe#tumblr_controls {
  49. z-index:999999;
  50. position:fixed!important;
  51. opacity:1;
  52. -webkit-filter:invert(100);
  53. filter:alpha(opacity=100);
  54. -webkit-filter:invert(100%);
  55. -moz-filter:invert(100%);
  56. -o-filter:invert(100%);
  57. -ms-filter:invert(100%);
  58. filter:invert(100%);
  59. -moz-opacity: 0.75;
  60. -khtml-opacity: 0.75;
  61. -webkit-transition: all 0.9s ease;
  62. -moz-transition: all 0.9s ease;
  63. -o-transition: all 0.9s ease;
  64. }
  65.  
  66. iframe#tumblr_controls:hover{
  67. opacity:1;
  68. filter:alpha(opacity=100);
  69. -moz-opacity: 1;
  70. -khtml-opacity: 1;
  71. -webkit-transition: all 0.9s ease;
  72. -moz-transition: all 0.9s ease;
  73. -o-transition: all 0.9s ease;
  74. }
  75.  
  76. /*SELECTION*/
  77.  
  78. ::selection {
  79. background:#fc9d1d;
  80. color: #fff;
  81. }
  82.  
  83. ::-moz-selection {
  84. background:#fc9d1d;
  85. color: #fff;
  86. }
  87.  
  88. /*SCROLLBAR*/
  89.  
  90. ::-webkit-scrollbar{
  91. background-color:#fff;
  92. height:8px;
  93. width:5px;
  94. }
  95.  
  96. ::-webkit-scrollbar-thumb:vertical{
  97. background-color:#fc9d1d;
  98. height:50px;
  99. }
  100.  
  101. ::-webkit-scrollbar-thumb:horizontal{
  102. background-color:#000;
  103. height:8px!important;
  104. }
  105.  
  106. /*BODY*/
  107.  
  108. body {
  109. font-family:helvetica;
  110. font-size:9px;
  111. color:#000;
  112. text-transform:normal;
  113. letter-spacing:0px;
  114. font-weight:normal;
  115. font-style:normal;
  116. margin-top:0px;
  117. margin-left:0px;
  118. margin-right:0px;
  119. margin-bottom:0px;
  120. background:#fff;
  121. line-height:120%;
  122. background-attachment:fixed;
  123. background-repeat:repeat;
  124. background-image:url('{image:Background}');
  125. }
  126.  
  127. *, body, a, a:hover{
  128. cursor: url(http://static.tumblr.com/aegsbm3/1FPn6258u/cursor__3_.png),auto;
  129. }
  130.  
  131. a{
  132. color:#000;
  133. font-weight:normal;
  134. text-decoration:none;
  135. }
  136.  
  137. a:hover{
  138. color:#000;
  139. font-weight:normal;
  140. text-decoration:none;
  141. }
  142.  
  143. blockquote {
  144. width:90%;
  145. margin-top:0px;
  146. margin-left:5px;
  147. padding-left:5px;
  148. background:transparent;
  149. }
  150.  
  151. li {
  152. list-style-type:upper-roman;
  153. }
  154.  
  155. ul{
  156. list-style-type:upper-roman;
  157. }
  158.  
  159. img {
  160. border:none;
  161. }
  162.  
  163. big {
  164. font-size:9px;
  165. letter-spacing:0px;
  166. }
  167.  
  168. small {
  169. font-size:9px;
  170. letter-spacing:0px;
  171. }
  172.  
  173. pre {
  174. width:95%;
  175. white-space:pre-wrap;
  176. word-wrap:break-word;
  177. background:transparent;
  178. font-family:helvetica;
  179. font-size:9px;
  180. letter-spacing:0px;
  181. color:#000;
  182. text-transform:normal;
  183. padding:0px;
  184. }
  185.  
  186. sub{
  187. font-family:helvetica;
  188. font-size:9px;
  189. letter-spacing:0px;
  190. text-transform:lowercase;
  191. font-style:normal;
  192. }
  193.  
  194. b, strong {
  195. color:#000;
  196. font-weight:bold;
  197. font-style:normal;
  198. }
  199.  
  200. i, em {
  201. color:#000;
  202. font-style:italic;
  203. }
  204.  
  205. /*FONTS*/
  206.  
  207. @font-face{
  208. font-family: "bebas neue";
  209. src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf');
  210. }
  211.  
  212.  
  213. /*TITLES*/
  214.  
  215. h2{
  216. font-family:helvetica;
  217. font-size:8px;
  218. color:#000;
  219. font-style:normal;
  220. font-weight:bold;
  221. letter-spacing:2px;
  222. background:transparent;
  223. text-align:right;
  224. text-decoration:none;
  225. text-transform:uppercase;
  226. border-left:20px solid #fc9d1d;
  227. line-height:150%;
  228. }
  229.  
  230. h2 a{
  231. color:#000!important;
  232. font-weight:bold!important;
  233. text-decoration:none!important;
  234. padding-bottom:0px!important;
  235. }
  236.  
  237. /*POSTS*/
  238.  
  239. #postcontainer{
  240. float:right;
  241. position:relative;
  242. top:100px;
  243. right:200px;
  244. width:335px;
  245. font-family:helvetica;
  246. font-size:9px;
  247. color:#000;
  248. letter-spacing:0px;
  249. font-style:normal;
  250. background:#fff;
  251. }
  252.  
  253. #postcontainer a{
  254. color:#000;
  255. font-weight:normal;
  256. text-decoration:underline;
  257. }
  258.  
  259. #postcontainer a:hover{
  260. color:#000;
  261. font-weight:normal;
  262. text-decoration:underline;
  263. }
  264.  
  265. #posts{
  266. margin:40px;
  267. width:250px;
  268. padding:0px;
  269. background:#fff;
  270. }
  271.  
  272. #posts img{
  273. max-width:250px;
  274. }
  275.  
  276. /*CAPTIONS*/
  277.  
  278. #captions{
  279. text-align:center;
  280. margin-top:3px;
  281. padding:0px;
  282. background:#fff;
  283. }
  284.  
  285. /*PERMALINK*/
  286.  
  287. #permalink{
  288. margin-top:5px;
  289. font-family:helvetica;
  290. font-size:7px;
  291. color:#000;
  292. letter-spacing:0px;
  293. text-align:left;
  294. text-transform:uppercase;
  295. padding-top:0px;
  296. background:transparent;
  297. line-height:180%;
  298. }
  299.  
  300. #permalink a{
  301. color:#fff;
  302. font-weight:bold;
  303. padding:2px;
  304. background:#fc9d1d;
  305. text-decoration:none;
  306. -webkit-transition:all 0.5s ease-in-out;
  307. -moz-transition:all 0.5s ease-in-out;
  308. -o-transition:all 0.5s ease-in-out;
  309. transition:all 0.5s ease-in-out;
  310. }
  311.  
  312. #permalink a:hover{
  313. color:#fff;
  314. font-weight:bold;
  315. padding:2px;
  316. background:#000;
  317. text-decoration:none;
  318. -webkit-transition:all 0.5s ease-in-out;
  319. -moz-transition:all 0.5s ease-in-out;
  320. -o-transition:all 0.5s ease-in-out;
  321. transition:all 0.5s ease-in-out;
  322. }
  323.  
  324. /*QUOTE*/
  325.  
  326. #quote {
  327. font-family:helvetica;
  328. font-size:9px;
  329. color:#000;
  330. text-transform:normal;
  331. letter-spacing:0px;
  332. text-align:right;
  333. font-weight:bold;
  334. font-style:italic;
  335. line-height:130%;
  336. padding:0px;
  337. border-radius:0px;
  338. background:#fff;
  339. -webkit-transition:all 0.5s ease-in-out;
  340. -moz-transition:all 0.5s ease-in-out;
  341. -o-transition:all 0.5s ease-in-out;
  342. transition:all 0.5s ease-in-out;
  343. }
  344.  
  345. #quote:hover{
  346. color:#000;
  347. -webkit-transition:all 0.5s ease-in-out;
  348. -moz-transition:all 0.5s ease-in-out;
  349. -o-transition:all 0.5s ease-in-out;
  350. transition:all 0.5s ease-in-out;
  351. }
  352.  
  353. .source {
  354. font-family:helvetica;
  355. font-size:7px;
  356. color:#000;
  357. letter-spacing:1px;
  358. font-weight:normal;
  359. font-style:normal;
  360. text-align:center;
  361. text-transform:uppercase;
  362. margin-top:0px;
  363. margin-bottom:5px;
  364. padding:2px;
  365. background:#fff;
  366. }
  367.  
  368. .source a{
  369. color:#000!important;
  370. text-decoration:none;
  371. }
  372.  
  373. /*CHAT*/
  374.  
  375. #chat {
  376. background:transparent;
  377. margin:0px;
  378. font-family:helvetica;
  379. font-size:9px;
  380. font-style:normal;
  381. text-transform:normal;
  382. letter-spacing:0px;
  383. }
  384.  
  385. #chat .lines {
  386. font-family:helvetica;
  387. font-size:9px;
  388. font-style:normal;
  389. margin-left:0;
  390. background:#fff;
  391. color:#000;
  392. letter-spacing:0px;
  393. border-radius:0px;
  394. margin-bottom:5px;
  395. }
  396.  
  397. #chat .lines span {
  398. font-family:helvetica;
  399. font-size:7px;
  400. letter-spacing:1px;
  401. color:#000;
  402. font-weight:bold;
  403. text-transform:uppercase;
  404. font-style:normal;
  405. }
  406.  
  407. /*ASKS*/
  408.  
  409. #asker{
  410. font-family:helvetica;
  411. color:#000;
  412. font-size:9px;
  413. text-indent:10px;
  414. line-height:20px;
  415. font-weight:bold;
  416. font-style:normal;
  417. letter-spacing:0px;
  418. text-transform:lowercase;
  419. }
  420.  
  421. #asker a{
  422. color:#000;
  423. font-weight:bold;
  424. border-bottom:none;
  425. }
  426.  
  427. #asker a:hover{
  428. color:#000;
  429. font-weight:bold;
  430. border-bottom:none;
  431. }
  432.  
  433. #question{
  434. margin-top:2px;
  435. font-family:helvetica;
  436. font-size:9px;
  437. font-style:italic;
  438. color:#fff;
  439. letter-spacing:0px;
  440. padding:0px;
  441. text-align:right;
  442. text-transform:normal;
  443. line-height:130%;
  444. background:transparent;
  445. }
  446.  
  447. /*AUDIO*/
  448.  
  449. #audioplayer{
  450. width:250px;
  451. overflow:hidden;
  452. background:#fff;
  453. }
  454.  
  455. #audiotitle{
  456. margin-top:0px;
  457. font-family:helvetica;
  458. font-size:8px;
  459. color:#000;
  460. text-align:left;
  461. text-transform:uppercase;
  462. letter-spacing:2px;
  463. font-weight:normal;
  464. padding:5px;
  465. font-weight:bold;
  466. background:#fff;
  467.  
  468. }
  469.  
  470. #audioinfo{
  471. font-family:helvetica;
  472. font-size:9px;
  473. color:#000;
  474. text-align:right;
  475. text-transform:lowercase;
  476. letter-spacing:2px;
  477. font-style:italic;
  478. background:#fff;
  479. }
  480.  
  481. #audiocount{
  482. font-family:helvetica;
  483. font-size:9px;
  484. color:#000;
  485. text-align:left;
  486. text-transform:lowercase;
  487. letter-spacing:0px;
  488. font-style:italic;
  489. background:#fff;
  490. }
  491.  
  492. /*SIDEBAR*/
  493.  
  494. #title{
  495. position:fixed;
  496. top:150px;
  497. right:550px;
  498. font-family:bebas neue;
  499. font-size:28px;
  500. text-align:right;
  501. text-transform:uppercase;
  502. color:#fc9d1d;
  503. width:180px;
  504. border-bottom:2px solid #fc9d1d;
  505. padding-bottom:7px;
  506. background-color:#fff;
  507. }
  508.  
  509. #description{
  510. position:fixed;
  511. top:173px;
  512. right:550px;
  513. font-family:helvetica;
  514. font-size:9px;
  515. font-style:italic;
  516. text-transform:lowercase;
  517. text-align:right;
  518. width:180px;
  519. }
  520.  
  521. #birds{
  522. position:fixed;
  523. top:215px;
  524. right:710px;
  525. z-index:999;
  526. }
  527.  
  528. #birds img{
  529. width:45px;
  530. height:28px;
  531. }
  532.  
  533. /*BORDER*/
  534.  
  535. #border{
  536. position:fixed;
  537. right:200px;
  538. top:0px;
  539. height:100px;
  540. width:335px;
  541. background-color:#fff;
  542. border-bottom:1px solid #000;
  543. z-index:999;
  544. }
  545.  
  546. #leaves{
  547. position:fixed;
  548. right:253px;
  549. top:90px;
  550. z-index:9999;
  551. }
  552.  
  553. #leaves img{
  554. width:234px;
  555. height:30px;
  556. }
  557.  
  558. /*LINKS*/
  559.  
  560. #links{
  561. position:fixed;
  562. top:60px;
  563. right:250px;
  564. font-family:helvetica;
  565. color:#000;
  566. font-size:9px;
  567. letter-spacing:0px;
  568. font-style:italic;
  569. text-transform:normal;
  570. text-align:center;
  571. width:234px;
  572. z-index:99999;
  573. }
  574.  
  575. #links a{
  576. color:#000;
  577. padding:5px;
  578. background:#fff;
  579. border-bottom:2px solid #000;
  580. font-style:italic;
  581. margin:5px;
  582. -webkit-transition:all 0.5s ease-in-out;
  583. -moz-transition:all 0.5s ease-in-out;
  584. -o-transition:all 0.5s ease-in-out;
  585. transition:all 0.5s ease-in-out;
  586. }
  587.  
  588. #links a:hover{
  589. color:#fff;
  590. padding:5px;
  591. background:#fc9d1d;
  592. border-bottom:2px solid #000;
  593. font-style:italic;
  594. margin:5px;
  595. -webkit-transition:all 0.5s ease-in-out;
  596. -moz-transition:all 0.5s ease-in-out;
  597. -o-transition:all 0.5s ease-in-out;
  598. transition:all 0.5s ease-in-out;
  599. }
  600.  
  601. /*CREDIT*/
  602.  
  603. #credit{
  604. position:fixed;
  605. z-index:15;
  606. bottom:5px;
  607. left:5px;
  608. font-family:consolas;
  609. font-size:8px;
  610. letter-spacing:1px;
  611. color:#000;
  612. text-transform:uppercase;
  613. }
  614.  
  615. #credit a{
  616. color:#fff;
  617. background:#000;
  618. text-decoration:none;
  619. }
  620.  
  621. /*PAGINATION*/
  622.  
  623. #pagi {
  624. margin:auto;
  625. width:250px;
  626. margin-top:50px;
  627. margin-bottom:50px;
  628. font-family:helvetica;
  629. color:#000;
  630. font-size:7px;
  631. letter-spacing:2px;
  632. text-transform:uppercase;
  633. text-align:left;
  634. padding:0px;
  635. background:transparent;
  636. line-height:150%;
  637. }
  638.  
  639. #pagi a{
  640. color:#000;
  641. padding-bottom:1px;
  642. font-weight:bold;
  643. border-bottom:1px solid #000;
  644. text-decoration:none;
  645. background:#fff;
  646. }
  647.  
  648. #pagi a:hover{
  649. color:#000;
  650. padding-bottom:1px;
  651. font-weight:bold;
  652. border-bottom:1px solid #000;
  653. text-decoration:none;
  654. background:#fff;
  655. }
  656.  
  657. /*NOTES*/
  658.  
  659. ol.notes {
  660. overflow:auto;
  661. padding:50px;
  662. padding-top:15px;
  663. padding-bottom:15px;
  664. margin-top:10px;
  665. color:#000;
  666. max-height:170px;
  667. list-style-type:none;
  668. background-color:#fff;
  669. }
  670.  
  671. ol.notes li.note {
  672. padding:5px;
  673. }
  674.  
  675. ol.notes li.note img.avatar {
  676. vertical-align:middle;
  677. margin-right:10px;
  678. max-height:10px;
  679. }
  680.  
  681. ol.notes li.note span.action {
  682. font-family:helvetica;
  683. font-size:9px;
  684. font-weight:bold;
  685. letter-spacing:0px;
  686. text-transform:lowercase;
  687. }
  688.  
  689. ol.notes li.note blockquote {
  690. border-color:#000;
  691. padding:3px;
  692. padding-left:5px;
  693. margin:5px 0px 0px 25px;
  694. }
  695.  
  696. /* END CSS */
  697.  
  698. {CustomCSS}
  699. </style>
  700.  
  701. {block:IfInfiniteScroll}
  702. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  703. {/block:IfInfiniteScroll}
  704.  
  705. <script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script>
  706. <script type="text/javascript">
  707. $(document).ready(function() {
  708. $().UItoTop({ easingType: 'easeOutQuart' });
  709. });
  710. </script>
  711. <!----- SCROLL TOP/HOME/BOTTOM A1 ---->
  712. <title>Scroll to Bottom or Top - DevCurry.com</title>
  713. <script type="text/javascript"
  714. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
  715. </script>
  716. <script type="text/javascript" language="javascript">
  717. $(function () {
  718. $('#scrlBotm').click(function () {
  719. $('html, body').animate({
  720. scrollTop: $(document).height()
  721. },
  722. 1500);
  723. return false;
  724. });
  725. $('#scrlTop').click(function () {
  726. $('html, body').animate({
  727. scrollTop: '0px'
  728. },
  729. 1500);
  730. return false;
  731. });
  732. });
  733. </script>
  734.  
  735. </head>
  736. <body>
  737.  
  738. <!-- BORDER -->
  739.  
  740. <div id="border"></div>
  741. <div id="leaves"><img src="http://static.tumblr.com/aegsbm3/WWjnmzccq/leaves.gif"/></div>
  742.  
  743. <!-- LINKS --->
  744.  
  745. <div id="links">
  746. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  747. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  748. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  749. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  750. </div>
  751.  
  752. <!-- TITLE -->
  753.  
  754. <div id="title">{text:Header}</div>
  755.  
  756. <div id="description">
  757. {Description}
  758. </div>
  759.  
  760. <!-- RISE -->
  761.  
  762. {block:IfInfiniteScroll}
  763. <div style="position:fixed; bottom:20px; right:20px;">
  764. <a style="font-style:italic; letter-spacing:0px; padding:5px; border-bottom:2px solid #000;" id="scrlTop" href="#">rise</a>
  765. </div>
  766. {/block:IfInfiniteScroll}
  767.  
  768. <!-- CREDIT -->
  769.  
  770. <div id="credit">
  771. <a href="http://thehiddenwill-themes.tumblr.com/">theme</a>
  772. </div>
  773.  
  774. <!-- POSTS -->
  775.  
  776. <div id="postcontainer">
  777. {block:IfInfiniteScroll}
  778. <div class="autopagerize_page_element"/>
  779. {/block:IfInfiniteScroll}
  780. {block:Posts}
  781. <div id="posts">
  782.  
  783. <!-- TEXT -->
  784.  
  785. {block:Text}
  786. <h2>{block:Title}{Title}{/block:Title}</h2>
  787. {Body}
  788. {/block:Text}
  789.  
  790. <!-- PHOTO -->
  791.  
  792. {block:Photo}
  793. {block:IndexPage}
  794. <img src="{PhotoURL-500}" width="250px;">
  795. {/block:IndexPage}
  796.  
  797. {block:PermalinkPage}
  798. <img src="{PhotoURL-500}" width="250px;">
  799. {block:HighRes}
  800. <div style="background:#fff; text-align:right; font-family:helvetica; font-size:7px; letter-spacing:1px; margin-top:2px; margin-bottom:2px; text-transform:uppercase;"><a style="color:#000;" href="{PhotoURL-HighRes}">(high res.)</a></div>
  801. {/block:HighRes}
  802. {/block:PermalinkPage}
  803.  
  804. {block:IndexPage}{block:IfShowCaptions}
  805. {block:Caption}<div id="captions">{Caption}</div>{/block:Caption}
  806. {/block:IfShowCaptions}{/block:IndexPage}
  807. {block:PermalinkPage}
  808. {block:Caption}<div id="captions">{Caption}</div>{/block:Caption}
  809. {/block:PermalinkPage}
  810. {/block:Photo}
  811.  
  812. <!-- PHOTOSET -->
  813.  
  814. {block:Photoset}
  815. {block:IndexPage}
  816. {Photoset-250}
  817. {/block:IndexPage}
  818.  
  819. {block:PermalinkPage}
  820. {Photoset-250}
  821. {/block:PermalinkPage}
  822.  
  823. {block:IndexPage}{block:IfShowCaptions}
  824. {block:Caption}<div id="captions">{Caption}</div>{/block:Caption}
  825. {/block:IfShowCaptions}{/block:IndexPage}
  826. {block:PermalinkPage}
  827. {block:Caption}<div id="captions">{Caption}</div>{/block:Caption}
  828. {/block:PermalinkPage}
  829. {/block:Photoset}
  830.  
  831. <!-- QUOTE -->
  832.  
  833. {block:Quote}
  834. {block:Source}<div class="source">{Source}</div>{/block:Source}
  835. <div id="quote">{Quote}</div>
  836. {/block:Quote}
  837.  
  838. <!-- LINK -->
  839.  
  840. {block:Link}
  841. <h2><a href="{URL}"{Target}>{Name}</a></h2>
  842. {block:Description}{Description}{/block:Description}
  843. {/block:Link}
  844.  
  845. <!-- CHAT -->
  846.  
  847. {block:Chat}
  848. {block:Title}<h2>{Title}</h2>{/block:Title}
  849. {block:Lines}
  850. <div id="chat">
  851. <div class="lines"> {block:Label}
  852. <span> {Label} </span>
  853. {/block:Label}
  854. {Line} </div> </div>
  855. {/block:Lines}
  856. {/block:Chat}
  857.  
  858. <!-- AUDIO -->
  859.  
  860. {block:Audio}
  861. <div id="audioplayer">
  862. {AudioPlayerWhite}
  863. </div>
  864.  
  865. <div id="audiotitle">
  866. <img src="http://static.tumblr.com/aegsbm3/iEqnbtgsm/music_player.gif"/>
  867. <span style="margin-left:10px;">{block:TrackName}{TrackName}{/block:TrackName}</span>
  868. </div>
  869.  
  870. <div id="audioinfo">
  871. BY: {block:Artist}{Artist}{/block:Artist}
  872. </div>
  873.  
  874. <div id="audiocount">
  875. {block:PlayCount}{PlayCount}{/block:PlayCount} PLAYS
  876. </div>
  877.  
  878. {block:IndexPage}{block:IfShowCaptions}
  879. {block:Caption}<div id="captions">{Caption}</div>{/block:Caption}
  880. {/block:IfShowCaptions}{/block:IndexPage}
  881. {block:PermalinkPage}
  882. {block:Caption}<div id="captions">{Caption}</div>{/block:Caption}
  883. {/block:PermalinkPage}
  884. {/block:Audio}
  885.  
  886. <!-- VIDEO -->
  887.  
  888. {block:Video}
  889. {block:IndexPage}
  890. {Video-250}
  891. {/block:IndexPage}
  892. {block:PermalinkPage}
  893. {Video-250}
  894. {/block:PermalinkPage}
  895.  
  896. {block:IndexPage}{block:IfShowCaptions}
  897. {block:Caption}<div id="captions">{Caption}</div>{/block:Caption}
  898. {/block:IfShowCaptions}{/block:IndexPage}
  899. {block:PermalinkPage}
  900. {block:Caption}<div id="captions">{Caption}</div>{/block:Caption}
  901. {/block:PermalinkPage}
  902. {/block:Video}
  903.  
  904. <!-- Message -->
  905.  
  906. {block:Answer}
  907. <div id="asker">{Asker}:</div>
  908. <div id="question"><span style="background:#fc9d1d;">{Question}</span></div>
  909. <div id="answer">{Answer}</div>
  910. {/block:Answer}
  911.  
  912. <!-- OTHER -->
  913.  
  914. {block:ContentSource}
  915. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  916. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  917. {/block:SourceLogo}
  918. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  919. {/block:ContentSource}
  920.  
  921. <!-- PERMALINK -->
  922.  
  923. <div id="permalink">
  924. {block:IndexPage}
  925. <a href="{Permalink}">{NoteCount}</a>
  926. <a title="reblog" style="float:right; background:#fff; color:#000;" href={ReblogURL} target="_blank" class="details">R</a><br>
  927. {block:HasTags}
  928. tags: {block:Tags} #<a style="font-weight:normal; background:#fff; color:#000;" href="{TagURL}">{Tag}</a>{/block:Tags}
  929. {/block:HasTags}
  930. {/block:IndexPage}
  931.  
  932. {block:PermalinkPage}
  933. <a href="{Permalink}">{NoteCount}</a> ({12Hour}:{Minutes} {AmPm}, {ShortMonth} {DayOfMonthWithZero}, {ShortYear})
  934. <div style="float:right;">
  935. {block:RebloggedFrom}
  936. <a title="{ReblogParentTitle}" href="{ReblogParentURL}">VIA</a>
  937. <a title="{ReblogRootTitle}" href="{ReblogRootURL}">SRC</a>
  938. {/block:RebloggedFrom}
  939. </div><br>
  940. {block:HasTags}
  941. tags: {block:Tags} #<a style="font-weight:normal; background:#fff; color:#000;" href="{TagURL}">{Tag}</a>{/block:Tags}
  942. {/block:HasTags}
  943. {/block:PermalinkPage}
  944. </div>
  945.  
  946. {block:PermalinkPage}
  947. {block:PostNotes}
  948. {PostNotes}
  949. {/block:PostNotes}
  950. {/block:PermalinkPage}
  951.  
  952.  
  953. </div>
  954. {/block:Posts}
  955. {block:IfInfiniteScroll}</div>{/block:IfInfiniteScroll}
  956.  
  957. <!-- PAGINATION -->
  958.  
  959. {block:IfNotInfiniteScroll}
  960. {block:IndexPage}
  961. <div id="pagi">
  962. {block:Pagination}
  963.  
  964. {block:PreviousPage}
  965. <a href="{PreviousPage}">←</a>
  966. {/block:PreviousPage}
  967.  
  968. {block:JumpPagination length="10"}
  969. {block:CurrentPage}
  970. <span class="current_page">{PageNumber}</span>
  971. {/block:CurrentPage}
  972.  
  973. {block:JumpPage}
  974. <a class="jump_page" href="{URL}">{PageNumber}</a>
  975. {/block:JumpPage}
  976. {/block:JumpPagination}
  977.  
  978. {block:NextPage}
  979. <a href="{NextPage}" class="next">→</a>
  980. {/block:NextPage}<br>
  981. <a id="scrlTop" href="#">back to top</a>
  982. {/block:Pagination}
  983. </div>
  984. {/block:IndexPage}
  985. {/block:IfNotInfiniteScroll}
  986. </div>
  987.  
  988.  
  989. <!-- END POSTS -->
  990.  
  991.  
  992. </body>
  993. </html>
  994.  
  995.  
  996. <!-- END HTML -->
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!