API tools faq
paste
thehandyblog

theme 04

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