API tools faq
paste
Advertisement
thehandyblog

theme 03

thehandyblog
May 20th, 2015
242
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.05 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!---
  4. theme 03 > daylight
  5.  
  6. █▀▀ ▀▀█▀▀ █▀▀█ █▀▀█ ▀▀█▀▀ █▀▀ █▀▀█ █▀▀█ █▀▀▄
  7. ▀▀█ █ █▄▄▀ █▄▄█ █ █▀▀ █ █ █▄▄▀ ▀▀ █ █
  8. ▀▀▀ ▀ ▀ ▀▀ ▀ ▀ ▀ ▀ ▀▀▀▀ ▀ ▀▀ ▀▀▀
  9. --->
  10.  
  11. <head>
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <meta name="color:background" content="#ffffff"/>
  19. <meta name="color:text" content="#8c8c8c"/>
  20. <meta name="color:link" content="#b8b8b8"/>
  21. <meta name="color:link hover" content="#2c2c2c"/>
  22. <meta name="color:border" content="#ededed"/>
  23. <meta name="color:scrollbar" content="#dcdcdc"/>
  24. <meta name="color:navi1" content="#dac8e5"/>
  25. <meta name="color:navi2" content="#c2adce"/>
  26. <meta name="color:navi3" content="#ab99b6"/>
  27.  
  28. <meta name="image:sidebar" content="https://36.media.tumblr.com/77f34319a31e7567083fc630ac517ba3/tumblr_nob80qGhYh1thaqlqo3_250.png"/>
  29.  
  30. <meta name="if:250px" content="1">
  31. <meta name="if:400px" content="">
  32. <meta name="if:500px" content="">
  33. <meta name="if:tiny cursor" content="1">
  34. <meta name="if:static permalink" content="1">
  35. <meta name="if:show captions" content="1">
  36.  
  37. <meta name="text:link1" content="one">
  38. <meta name="text:url1" content="/">
  39. <meta name="text:link2" content="two">
  40. <meta name="text:url2" content="/">
  41. <meta name="text:link3" content="three">
  42. <meta name="text:url3" content="/">
  43. <meta name="text:link4" content="four">
  44. <meta name="text:url4" content="/">
  45. <meta name="text:link5" content="five">
  46. <meta name="text:url5" content="/">
  47. <meta name="text:link6" content="six">
  48. <meta name="text:url6" content="/">
  49.  
  50. <style type="text/css">
  51.  
  52.  
  53.  
  54.  
  55. /* tumblr controls */
  56. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.3; }
  57.  
  58.  
  59.  
  60.  
  61. body {
  62. background:{color:background};
  63. margin:0px;
  64. color:{color:text};
  65. font-size:10px;
  66. font-family:inconsolata, arial;
  67. line-height:130%;
  68. {Block:IfTinyCursor}
  69. cursor:url(https://31.media.tumblr.com/4acd45d0b99904b8b243513a859b64cf/tumblr_inline_nc6mxm26WL1qh7cpd.png), auto;
  70. {/Block:IfTinyCursor}
  71. }
  72.  
  73. a {
  74. text-decoration:none;
  75. outline:none;
  76. -moz-outline-style:none;
  77. color:{color:link};
  78. -moz-transition-duration:0.5s;
  79. -webkit-transition-duration:0.5s;
  80. -o-transition-duration:0.5s;
  81. {Block:IfTinyCursor}
  82. cursor:url(https://31.media.tumblr.com/a5e595e344fd551e9eb926c0294c0e57/tumblr_inline_nc6mxrDleV1qh7cpd.png), auto;
  83. {/Block:IfTinyCursor}
  84. }
  85.  
  86. a:hover {
  87. color:{color:link hover};
  88. -moz-transition-duration:0.5s;
  89. -webkit-transition-duration:0.5s;
  90. -o-transition-duration:0.5s;
  91. }
  92.  
  93. img {
  94. border:none;
  95. }
  96.  
  97. blockquote {
  98. margin:10px;
  99. padding:10px;
  100. }
  101.  
  102. li:before {
  103. position:absolute;
  104. left:0;
  105. top:7px;
  106. height:1px;
  107. width:15px;
  108. background:{color:border};
  109. content:'';
  110. }
  111.  
  112. li {
  113. position:relative;
  114. text-transform:uppercase;
  115. font-size:8px;
  116. list-style-type:none;
  117. line-height:12px;
  118. letter-spacing:1px;
  119. padding-left:25px;
  120. }
  121.  
  122. .c {
  123. font-size:10px;
  124. font-weight:700;
  125. letter-spacing:1px;
  126. position:fixed;
  127. right:10px;
  128. bottom:10px;
  129. }
  130.  
  131.  
  132.  
  133.  
  134. /* scrollbar */
  135.  
  136. ::-webkit-scrollbar {
  137. height: auto;
  138. width: 9px;
  139. background-color: {color:scrollbar};
  140. border: 4px solid {color:background};
  141. background-image:url('http://assets.tumblr.com/images/x.gif?v=1');
  142. background-image:repeat;
  143. background-attachment:fixed;
  144. }
  145.  
  146. ::-webkit-scrollbar-thumb {
  147. background-color: {color:scrollbar};
  148. border: 3px solid {color:background};
  149. height: auto;
  150. }
  151.  
  152.  
  153.  
  154.  
  155. /* tags */
  156. #tags {
  157. width:150px;
  158. position:absolute;
  159. border-top:1px solid {color:border};
  160. font-size:9px;
  161. text-transform:lowercase;
  162. font-style:italic;
  163. padding-top:10px;
  164. {block:If250px}
  165. margin-left:270px;
  166. {/block:If250px}
  167. {block:If400px}
  168. margin-left:420px;
  169. {/block:If400px}
  170. {block:If500px}
  171. margin-left:520px;
  172. {block:If500px}
  173. opacity:0;
  174. }
  175.  
  176. #post:hover #tags {
  177. opacity:1;
  178. }
  179.  
  180.  
  181.  
  182.  
  183. /* posts */
  184. #entries {
  185. {block:If250px}
  186. width:250px;
  187. {/block:If250px}
  188. {block:If400px}
  189. width:400px;
  190. {/block:If400px}
  191. {block:If500px}
  192. width:500px;
  193. {block:If500px}
  194. margin-left:500px;
  195. padding-top:20px;
  196. padding-bottom:80px;
  197. }
  198.  
  199. #post {
  200. {block:If250px}
  201. width:250px;
  202. {/block:If250px}
  203. {block:If400px}
  204. width:400px;
  205. {/block:If400px}
  206. {block:If500px}
  207. width:500px;
  208. {block:If500px}
  209. margin-top:60px;
  210. overflow:hidden;
  211. }
  212.  
  213.  
  214.  
  215.  
  216. /* permalink*/
  217. #perm{
  218. text-transform:uppercase;
  219. letter-spacing:1px;
  220. font-size:8px;
  221. color:{color:text};
  222. position:relative;
  223. margin-top:20px;
  224. z-index:99;
  225. text-align:left;
  226. {block:IfNotStaticPermalink}
  227. opacity:0;
  228. {/block:IfNotStaticPermalink}
  229. }
  230.  
  231. #perm span {
  232. background:#fff;
  233. padding:0px 10px;
  234. }
  235.  
  236. {block:IfNotStaticPermalink}
  237. #post:hover #perm {
  238. opacity:1;
  239. }
  240. {/block:IfNotStaticPermalink}
  241.  
  242. #perm a{
  243. margin:0px 4px;
  244. }
  245.  
  246. #dv {
  247. background:{color:border};
  248. position:absolute;
  249. height:1px;
  250. {block:If250px}
  251. width:250px;
  252. {/block:If250px}
  253. {block:If400px}
  254. width:400px;
  255. {/block:If400px}
  256. {block:If500px}
  257. width:500px;
  258. {/block:If500px}
  259. margin-top:-7px;
  260. }
  261.  
  262.  
  263.  
  264.  
  265. /* sidebar */
  266. #sidebar {
  267. position:fixed;
  268. padding-top:230px;
  269. height:100%;
  270. width:200px;
  271. text-align:left;
  272. font-size:9px;
  273. margin-left:210px;
  274. }
  275.  
  276.  
  277.  
  278.  
  279. /* portrait */
  280. #sidebar img {
  281. width:50px;
  282. height:50px;
  283. z-index:99;
  284. position:absolute;
  285. display:inline-block;
  286. border-radius: 100px;
  287. -moz-border-radius: 100px;
  288. -webkit-border-radius: 100px;
  289. }
  290.  
  291.  
  292.  
  293.  
  294. /* title */
  295. #title {
  296. font-size:12px;
  297. font-weight:700;
  298. text-transform:lowercase;
  299. letter-spacing:1px;
  300. margin-bottom:10px;
  301. }
  302.  
  303.  
  304.  
  305.  
  306. /* description */
  307. #desc {
  308. width:140px;
  309. margin-top:50px;
  310. margin-left:60px;
  311. font-size:8px;
  312. text-transform:uppercase;
  313. letter-spacing:1px;
  314. }
  315.  
  316.  
  317.  
  318.  
  319. /* navigation */
  320. #a {height:70px; background:{color:navi1};}
  321. #b {height:90px; background:{color:navi2}; margin-left:6px;}
  322. #c {height:110px; background:{color:navi3}; margin-left:12px;}
  323.  
  324. #navi {
  325. text-align:center;
  326. position:absolute;
  327. margin-top:40px;
  328. width:50px;
  329. height:10px;
  330. margin-left:-8px;
  331. }
  332.  
  333. #navi a {
  334. width:3px;
  335. position:absolute;
  336. border-radius: 3px;
  337. -moz-border-radius: 3px;
  338. -webkit-border-radius: 3px;
  339. -moz-transition-duration:0.5s;
  340. -webkit-transition-duration:0.5s;
  341. -o-transition-duration:0.5s;
  342. }
  343.  
  344. #navi a:hover {
  345. padding-top:10px;
  346. -moz-transition-duration:0.5s;
  347. -webkit-transition-duration:0.5s;
  348. -o-transition-duration:0.5s;
  349. }
  350.  
  351.  
  352.  
  353.  
  354. /* links */
  355. #links {
  356. margin-top:10px;
  357. line-height:15px;
  358. }
  359.  
  360. #links a {
  361. border-bottom:1px solid {color:border};
  362. text-transform:lowercase;
  363. font-size:9px;
  364. padding-bottom:1px;
  365. letter-spacing:0px;
  366. }
  367.  
  368. .hidden {display: none;}
  369. .unhidden {display: block;}
  370.  
  371.  
  372.  
  373.  
  374. /* pagination */
  375. #pagination {
  376. margin-top:70px;
  377. text-align:right;
  378. border-top:1px solid {color:border};
  379. padding-top:10px;
  380. letter-spacing:1px;
  381. {block:If250px}
  382. width:250px;
  383. {/block:If250px}
  384. {block:If400px}
  385. width:400px;
  386. {/block:If400px}
  387. {block:If500px}
  388. width:500px;
  389. {block:If500px}
  390. }
  391.  
  392. #pagination a {
  393. border-bottom:1px solid {color:border};
  394. padding-bottom:1px;
  395. margin:0px 7px;
  396. }
  397.  
  398.  
  399.  
  400.  
  401. /* permalink page */
  402. #permpg {
  403. border-top:1px solid {color:border};
  404. border-bottom:1px solid {color:border};
  405. margin-top:15px;
  406. padding-bottom:10px;
  407. padding-top:10px;
  408. text-transform:uppercase;
  409. font-size:8px;
  410. letter-spacing:1px;
  411. }
  412.  
  413. #tagspermpg {
  414. margin-top:5px;
  415. }
  416.  
  417. #notes{
  418. {block:If250px}
  419. width:290px;
  420. {/block:If250px}
  421. {block:If400px}
  422. width:440px;
  423. {/block:If400px}
  424. {block:If500px}
  425. width:540px;
  426. {/block:If500px}
  427. text-transform:uppercase;
  428. letter-spacing:1px;
  429. font-size:8px;
  430. margin-top:15px;
  431. margin-left:-40px;
  432. }
  433.  
  434. #notes img{
  435. width:10px;
  436. height:10px;
  437. margin-right:10px;
  438. }
  439.  
  440. #notes li{
  441. list-style-type:none;
  442. border-bottom:1px solid {color:border};
  443. padding:10px 25px 10px 25px;
  444. text-align:left;
  445. }
  446.  
  447. span.taghead { display:none; } a.tag + span.taghead { display:inline; }
  448.  
  449.  
  450.  
  451.  
  452. /* ask post */
  453. #ask {
  454. padding-left:15px;
  455. padding-right:15px;
  456. padding-bottom:10px;
  457. padding-top:20px;
  458. text-align:left;
  459. display:block;
  460. font-style:italic;
  461. text-transform:lowercase;
  462. }
  463.  
  464. #ask img {
  465. border-radius:50px;
  466. }
  467.  
  468. #ask img {
  469. float:left;
  470. margin-top:-5px;
  471. }
  472.  
  473. #ques {
  474. margin-left:34px;
  475. margin-top:-5px;
  476. }
  477.  
  478. #ques b {
  479. font-style:normal;
  480. text-transform:uppercase;
  481. font-size:8px;
  482. letter-spacing:1px;
  483. }
  484.  
  485. #ans {
  486. margin-bottom:-5px;
  487. }
  488.  
  489.  
  490.  
  491.  
  492. /* chat post */
  493. ul.chat, .chat ol, .chat li:after{
  494. list-style:none;
  495. margin:0px;
  496. padding:0;
  497. }
  498.  
  499. #notes li:before, .chat li:before {
  500. height:0px;
  501. }
  502.  
  503. .label{
  504. font-size:8px;
  505. letter-spacing:1px;
  506. text-transform:uppercase;
  507. font-weight:700;
  508. margin-right:5px;
  509. }
  510.  
  511.  
  512.  
  513.  
  514. /* text + link post */
  515. #posttitle {
  516. display:block;
  517. padding:5px;
  518. text-align:center;
  519. letter-spacing:1px;
  520. font-size:12px;
  521. font-weight:700;
  522. }
  523.  
  524. #capt {
  525. position:relative;
  526. margin-top:7px;
  527. padding-bottom:5px;
  528. }
  529.  
  530. #capt:before {
  531. background:{color:border};
  532. position:absolute;
  533. left:50%;
  534. width:60px;
  535. height:1px;
  536. margin-left:-30px;
  537. content:'';
  538. }
  539.  
  540.  
  541.  
  542.  
  543. /* quote post */
  544. #quote {
  545. font-style:italic;
  546. text-align:justify;
  547. font-size:12px;
  548. }
  549.  
  550. #source {
  551. position:relative;
  552. margin-top:20px;
  553. text-align:left;
  554. letter-spacing:1px;
  555. text-transform:uppercase;
  556. font-size:8px;
  557. }
  558.  
  559. #source:before {
  560. background:{color:border};
  561. position:absolute;
  562. top:6px;
  563. width:20px;
  564. height:1px;
  565. content:'';
  566. }
  567.  
  568. .sc {
  569. margin-left:30px;
  570. }
  571.  
  572.  
  573.  
  574.  
  575. /* photo post */
  576. #photo img {
  577. {block:If250px}
  578. max-width:250px;
  579. {/block:If250px}
  580. {block:If400px}
  581. max-width:400px;
  582. {/block:If400px}
  583. {block:If500px}
  584. max-width:500px;
  585. {/block:If500px}
  586. }
  587.  
  588. #caps {
  589. {Block:IfNotShowCaptions}
  590. {Block:IndexPage}
  591. display:none;
  592. {/Block:IndexPage}
  593. {/Block:IfNotShowCaptions}
  594. }
  595.  
  596.  
  597.  
  598.  
  599. /* audio post */
  600. #aud {
  601. {block:If250px}
  602. width:248px;
  603. height:95px;
  604. {/block:If250px}
  605. {block:If400px}
  606. width:398px;
  607. height:80px;
  608. {/block:If400px}
  609. {block:If500px}
  610. width:498px;
  611. height:80px;
  612. {block:If500px}
  613. }
  614.  
  615. #aud img {
  616. {block:If250px}
  617. float:right;
  618. width:30px;
  619. margin-right:10px;
  620. {/block:If250px}
  621. {block:If400px}
  622. float:left;
  623. width:60px;
  624. margin-left:10px;
  625. {/block:If400px}
  626. {block:If500px}
  627. float:left;
  628. width:60px;
  629. margin-left:10px;
  630. {block:If500px}
  631. margin-top:10px;
  632. }
  633.  
  634. #audinfo {
  635. position:absolute;
  636. {block:If250px}
  637. margin-left:-10px;
  638. height:30px;
  639. {/block:If250px}
  640. {block:If400px}
  641. margin-left:80px;
  642. height:60px;
  643. {/block:If400px}
  644. {block:If500px}
  645. margin-left:80px;
  646. height:60px;
  647. {/block:If500px}
  648. margin-top:10px;
  649. font-size:8px;
  650. }
  651.  
  652. {block:If250px}
  653. #audinfo li:before {
  654. height:0px;
  655. }
  656. {/block:If250px}
  657.  
  658. #audinfo b {
  659. text-transform:uppercase;
  660. letter-spacing:1px;
  661. margin-right:5px;
  662. }
  663.  
  664. #player {
  665. {block:If250px}
  666. margin-top:60px;
  667. position:absolute;
  668. margin-left:109px;
  669. {/block:If250px}
  670. {block:If400px}
  671. margin-top:25px;
  672. float:right;
  673. margin-right:25px;
  674. {/block:If400px}
  675. {block:If500px}
  676. margin-top:25px;
  677. float:right;
  678. margin-right:25px;
  679. {/block:If500px}
  680. padding-left:2px;
  681. width:30px;
  682. height:30px;
  683. overflow:hidden;
  684. border:1px solid {color:border};
  685. }
  686.  
  687.  
  688.  
  689.  
  690. /* tooltip */
  691. #s-m-t-tooltip {
  692. max-width:300px;
  693. margin:15px;
  694. padding:2px 8px;
  695. border:1px solid {color:border};
  696. background:{color:background};
  697. color:{color:text};
  698. z-index:999999;
  699. font-size:8px;
  700. letter-spacing:1px;
  701. font-style:italic;
  702. text-transform:lowercase;
  703. }
  704.  
  705.  
  706.  
  707.  
  708. {CustomCSS}
  709.  
  710. </style>
  711.  
  712.  
  713.  
  714.  
  715. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  716.  
  717.  
  718.  
  719.  
  720. <!-- font -->
  721. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  722.  
  723. <script type="text/javascript">
  724. WebFontConfig = {
  725. google: { families: [ 'Inconsolata:400,700:latin' ] }
  726. };
  727. (function() {
  728. var wf = document.createElement('script');
  729. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  730. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  731. wf.type = 'text/javascript';
  732. wf.async = 'true';
  733. var s = document.getElementsByTagName('script')[0];
  734. s.parentNode.insertBefore(wf, s);
  735. })(); </script>
  736.  
  737.  
  738.  
  739.  
  740. <!-- tooltip -->
  741. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  742. <script>
  743. (function($){
  744. $(document).ready(function(){
  745. $("[title]").style_my_tooltips({
  746. tip_follows_cursor:true,
  747. tip_delay_time:200,
  748. tip_fade_speed:300
  749. }
  750. );
  751. });
  752. })(jQuery);
  753. </script>
  754.  
  755.  
  756.  
  757.  
  758. <!-- links -->
  759. <script type="text/javascript">
  760. function unhide(divID) {
  761. var item = document.getElementById(divID);
  762. if (item) {
  763. item.className=(item.className=='hidden')?'unhidden':'hidden';
  764. }
  765. }
  766. </script>
  767.  
  768.  
  769.  
  770.  
  771. </head>
  772.  
  773. <body>
  774.  
  775.  
  776.  
  777.  
  778. <!-- sidebar -->
  779. <div id="sidebar">
  780. <img src="{image:sidebar}" id="navimg">
  781. <div id="navi">
  782. <a href="/" id="a" title="home"></a>
  783. <a href="/ask" id="b" title="mssg"></a>
  784. <a href="javascript:unhide('links');" title="links +" id="c"></a>
  785. </div>
  786. <div id="desc">
  787. <div id="title">{Title}</div>
  788. {Description}
  789.  
  790. <div id="links" class="hidden">
  791. {block:IfLink1}+ <a href="{text:url1}">{text:link1}</a></br>{/block:IfLink1}
  792. {block:IfLink2}+ <a href="{text:url2}">{text:link2}</a></br>{/block:IfLink2}
  793. {block:IfLink3}+ <a href="{text:url3}">{text:link3}</a></br>{/block:IfLink3}
  794. {block:IfLink4}+ <a href="{text:url4}">{text:link4}</a></br>{/block:IfLink4}
  795. {block:IfLink5}+ <a href="{text:url5}">{text:link5}</a></br>{/block:IfLink5}
  796. {block:IfLink6}+ <a href="{text:url6}">{text:link6}</a></br>{/block:IfLink6}
  797. </div>
  798.  
  799. </div>
  800. </div>
  801.  
  802.  
  803.  
  804.  
  805. <!-- posts -->
  806. <div id="entries">
  807.  
  808.  
  809. {block:Posts}
  810.  
  811. <div id="post">
  812.  
  813.  
  814.  
  815.  
  816. <!-- tags -->
  817. {block:IndexPage}
  818. {block:HasTags}
  819. <div id="tags">
  820. {block:Tags}<a class="tag" href="{TagURL}">{Tag}</a></br>{/block:Tags}
  821. </div>
  822. {/block:Hastags}
  823. {/block:IndexPage}
  824.  
  825.  
  826.  
  827.  
  828. {block:Text}
  829. {block:Title}<div id="posttitle">{Title}</div><div id="capt"></div>{/block:Title}
  830. {Body}
  831. {/block:Text}
  832.  
  833.  
  834. {block:Quote}
  835. <div id="quote">{Quote}</div>
  836. <div id="source"><div class="sc">{Source}</div></div>
  837. {/block:Quote}
  838.  
  839.  
  840. {block:Link}
  841. <div id="posttitle"><a href="{URL}">{Name}</a></div><div id="capt"></div>
  842. {block:Description}{Description}{/block:Description}
  843. {/block:Link}
  844.  
  845.  
  846. {block:Photo}
  847. <div id="photo"><center><img src="{PhotoURL-500}"/></center></div>
  848. {block:Caption}{Block:IndexPage}<div id="caps">{Caption}</div>{/Block:IndexPage}{Block:PermalinkPage}{Caption}{/Block:PermalinkPage}{/block:Caption}
  849. {/block:Photo}
  850.  
  851.  
  852. {block:Photoset}
  853. <center>{Block:If250px}{Photoset-250}{/Block:If250px}{Block:If400px}{Photoset-400}{/Block:If400px}{Block:If500px}{Photoset-500}{/Block:If500px}</center>
  854. {block:Caption}<div id="caps">{Caption}</div>{/block:Caption}
  855. {/block:Photoset}
  856.  
  857.  
  858. {block:Chat}
  859. <ul class="chat">
  860. {block:Title}<h2>{Title}</h2>{/block:Title}
  861. {block:Lines}
  862. <li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>
  863. {/block:Lines}
  864. </ul>
  865. {/block:Chat}
  866.  
  867.  
  868. {block:Video}
  869. {Block:If400px}
  870. {Video-400}
  871. {/Block:If400px}
  872. {Block:If500px}
  873. {Video-500}
  874. {/Block:If500px}
  875. {block:Caption}<div id="caps">{Caption}</div>{/block:Caption}
  876. {/block:Video}
  877.  
  878.  
  879. {block:Answer}
  880. <div id="ask">
  881. <img src="{AskerPortraitURL-24}"/>
  882. <div id="ques">
  883. {Question}</br>
  884. <b>{Asker}</b>
  885. </div>
  886. </div>
  887. <div id="ans">{Answer}</div>
  888. {/block:Answer}
  889.  
  890.  
  891. {block:Audio}
  892. <div id="aud">
  893. {block:AlbumArt}
  894. <img src="{AlbumArtURL}">
  895. {/block:AlbumArt}
  896. <div id="audinfo">
  897. <li>{block:TrackName}<b>Track:</b> {TrackName}</br>{/block:TrackName}</li>
  898. <li>{block:Artist}<b>Artist:</b> {Artist}</br>{/block:Artist}</li>
  899. <li><b>Played:</b> {PlayCount} times</li>
  900.  
  901. </div>
  902. <center><div id= "player">{AudioPlayerWhite}</div></center>
  903. </div>
  904. {/block:Audio}
  905.  
  906.  
  907.  
  908.  
  909. <!-- permalink -->
  910. {block:IndexPage}
  911. {block:Date}
  912. <div id="perm"><span><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a>{Block:NoteCount}<a href="{Permalink}">({NoteCount})</a>{/Block:NoteCount}<a href="{ReblogURL}">reblog</a></span></div>
  913. <div id="dv"></div>
  914. {/block:Date}
  915. <div style="display:none">{block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}{/block:RebloggedFrom}</div>
  916. {/block:IndexPage}
  917.  
  918.  
  919.  
  920.  
  921. </div>
  922.  
  923. <!-- permalink page -->
  924. {Block:PermalinkPage}
  925. {block:Date}
  926. <div id="permpg">
  927. date: {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}
  928. {Block:NoteCount}</br>{NoteCount} notes{/Block:NoteCount}
  929. {block:RebloggedFrom}</br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  930. {block:ContentSource}</br>source: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  931.  
  932. {block:HasTags}
  933. <div id="tagspermpg">
  934. tagged with: {block:Tags}<span class="taghead">, </span><a class="tag" href="{TagURL}">{Tag}</a>{/block:Tags}
  935. </div>
  936. {/block:Hastags}
  937. </div>
  938. {/block:Date}
  939. {/Block:PermalinkPage}
  940.  
  941. {/block:Posts}
  942.  
  943.  
  944.  
  945.  
  946. <!-- pagination -->
  947. {block:Pagination}
  948. <div id="pagination">
  949. {block:PreviousPage}<a href="{PreviousPage}">&larr; back</a>{/block:PreviousPage}
  950. {block:NextPage}<a href="{NextPage}">next &rarr;</a>{/block:NextPage}
  951. </div>
  952. {/block:Pagination}
  953.  
  954.  
  955.  
  956.  
  957. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  958.  
  959.  
  960.  
  961.  
  962. </div>
  963.  
  964. <div class="c"><a href="http://stratfor-d.tumblr.com">ST</a></div>
  965.  
  966. </body>
  967.  
  968. </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!