Advertisement
thehandyblog

theme 05 ver.1

May 22nd, 2015
230
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.16 KB | None | 0 0
  1. <html>
  2.  
  3. <!---
  4. theme 05 ver.1 > hurricane
  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="#bbbbbb"/>
  20. <meta name="color:link" content="#3c3c3c"/>
  21. <meta name="color:link hover" content="#dfdfdf"/>
  22. <meta name="color:border" content="#ededed"/>
  23. <meta name="color:scrollbar" content="#333333"/>
  24.  
  25. <meta name="image:portrait" content="https://secure.static.tumblr.com/a8f0e83d14b2222bea3930fc31125671/hjft69z/DBcnow9xb/tumblr_static_8l4detmv70w8g4kgo0c0ckc0c.png"/>
  26.  
  27. <meta name="if:250px" content="">
  28. <meta name="if:400px" content="1">
  29. <meta name="if:500px" content="">
  30. <meta name="if:tiny cursor" content="1">
  31. <meta name="if:static permalink" content="1">
  32. <meta name="if:show captions" content="1">
  33.  
  34. <meta name="text:link1" content="link here">
  35. <meta name="text:url1" content="/">
  36. <meta name="text:link2" content="link here">
  37. <meta name="text:url2" content="/">
  38. <meta name="text:link3" content="link here">
  39. <meta name="text:url3" content="/">
  40. <meta name="text:link4" content="link here">
  41. <meta name="text:url4" content="/">
  42. <meta name="text:link5" content="link here">
  43. <meta name="text:url5" content="/">
  44. <meta name="text:link6" content="link here">
  45. <meta name="text:url6" content="/">
  46.  
  47. <style type="text/css">
  48.  
  49.  
  50.  
  51.  
  52. /* tumblr controls */
  53. 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; }
  54.  
  55.  
  56.  
  57.  
  58. body {
  59. background:{color:background};
  60. margin:0px;
  61. color:{color:text};
  62. font-size:9px;
  63. font-family: 'Roboto', sans-serif;
  64. line-height:130%;
  65. {Block:IfTinyCursor}
  66. cursor:url(https://31.media.tumblr.com/4acd45d0b99904b8b243513a859b64cf/tumblr_inline_nc6mxm26WL1qh7cpd.png), auto;
  67. {/Block:IfTinyCursor}
  68. }
  69.  
  70. a {
  71. text-decoration:none;
  72. outline:none;
  73. -moz-outline-style:none;
  74. color:{color:link};
  75. -moz-transition-duration:0.5s;
  76. -webkit-transition-duration:0.5s;
  77. -o-transition-duration:0.5s;
  78. {Block:IfTinyCursor}
  79. cursor:url(https://31.media.tumblr.com/a5e595e344fd551e9eb926c0294c0e57/tumblr_inline_nc6mxrDleV1qh7cpd.png), auto;
  80. {/Block:IfTinyCursor}
  81. }
  82.  
  83. a:hover {
  84. color:{color:link hover};
  85. -moz-transition-duration:0.5s;
  86. -webkit-transition-duration:0.5s;
  87. -o-transition-duration:0.5s;
  88. }
  89.  
  90. img {
  91. border:none;
  92. }
  93.  
  94. blockquote {
  95. margin:10px 15px;
  96. padding:0px 10px;
  97. border-left:1px solid {color:border};
  98. }
  99.  
  100.  
  101. ul {
  102. list-style-type:circle;
  103. }
  104.  
  105. ol {
  106. list-style-type:lower-roman;
  107. }
  108.  
  109. .c {
  110. font-size:9px;
  111. font-weight:700;
  112. letter-spacing:1px;
  113. position:fixed;
  114. right:10px;
  115. bottom:10px;
  116. }
  117.  
  118.  
  119.  
  120.  
  121. /* scrollbar */
  122. ::-webkit-scrollbar {
  123. height: auto;
  124. width: 9px;
  125. background-color: {color:scrollbar};
  126. border: 4px solid {color:background};
  127. background-image:url('http://assets.tumblr.com/images/x.gif?v=1');
  128. background-image:repeat;
  129. background-attachment:fixed;
  130. }
  131.  
  132. ::-webkit-scrollbar-thumb {
  133. background-color: {color:scrollbar};
  134. border: 3px solid {color:background};
  135. height: auto;
  136. }
  137.  
  138.  
  139.  
  140.  
  141. /* posts */
  142. #all {
  143. width:100%;
  144. }
  145.  
  146. #entries {
  147. {block:If250px}
  148. width:250px;
  149. {/block:If250px}
  150. {block:If400px}
  151. width:400px;
  152. {/block:If400px}
  153. {block:If500px}
  154. width:500px;
  155. {block:If500px}
  156. text-align:left;
  157. padding-top:130px;
  158. padding-bottom:80px;
  159. }
  160.  
  161. #post {
  162. {block:If250px}
  163. width:250px;
  164. {/block:If250px}
  165. {block:If400px}
  166. width:400px;
  167. {/block:If400px}
  168. {block:If500px}
  169. width:500px;
  170. {block:If500px}
  171. margin-top:60px;
  172. overflow:hidden;
  173. padding-top:25px;
  174. }
  175.  
  176.  
  177.  
  178.  
  179. /* permalink*/
  180. #perm{
  181. {block:If250px}
  182. width:250px;
  183. {/block:If250px}
  184. {block:If400px}
  185. width:400px;
  186. {/block:If400px}
  187. {block:If500px}
  188. width:500px;
  189. {block:If500px}
  190. text-transform:uppercase;
  191. margin-top:10px;
  192. font-size:7px;
  193. letter-spacing:.5px;
  194. font-family:arial;
  195. text-align:left;
  196. {block:IfNotStaticPermalink}
  197. opacity:0;
  198. -moz-transition-duration:0.99s;
  199. -webkit-transition-duration:0.99s;
  200. -o-transition-duration:0.99s;
  201. {/block:IfNotStaticPermalink}
  202. }
  203.  
  204. {block:IfNotStaticPermalink}
  205. #post:hover #perm {
  206. opacity:1;
  207. -moz-transition-duration:0.99s;
  208. -webkit-transition-duration:0.99s;
  209. -o-transition-duration:0.99s;
  210. }
  211. {/block:IfNotStaticPermalink}
  212.  
  213. #dv {
  214. {Block:PermalinkPage}
  215. display:none;
  216. {/Block:PermalinkPage}
  217. height:1px;
  218. background:{color:border};
  219. margin-top:15px;
  220. }
  221.  
  222.  
  223.  
  224.  
  225. /* tags */
  226. #tags a {
  227. margin-right:4px;
  228. text-transform:lowercase;
  229. letter-spacing:1px;
  230. }
  231.  
  232.  
  233.  
  234.  
  235. /* header */
  236. #headerr {
  237. width:100%;
  238. position:absolute;
  239. z-index:99;
  240. padding-top:60px;
  241. }
  242.  
  243. #headerin {
  244. {block:If250px}
  245. width:250px;
  246. {/block:If250px}
  247. {block:If400px}
  248. width:400px;
  249. {/block:If400px}
  250. {block:If500px}
  251. width:500px;
  252. {block:If500px}
  253. }
  254.  
  255.  
  256.  
  257.  
  258. /* header stuffs */
  259. #inf {
  260. {block:If250px}
  261. width:145px;
  262. padding-left:85px;
  263. padding-top:40px;
  264. {/block:If250px}
  265. {block:If400px}
  266. width:280px;
  267. padding-left:100px;
  268. padding-top:30px;
  269. {/block:If400px}
  270. {block:If500px}
  271. width:365px;
  272. padding-left:115px;
  273. padding-top:30px;
  274. {block:If500px}
  275. text-align:left;
  276. padding-right:20px;
  277. background:{color:background};
  278. border-bottom:1px solid {color:border};
  279. padding-bottom:30px;
  280. }
  281.  
  282.  
  283.  
  284.  
  285. /* portrait */
  286. #himg {
  287. {block:If250px}
  288. margin-left:-97px;
  289. margin-top:20px;
  290. width:39px;
  291. height:39px;
  292. {/block:If250px}
  293. {block:If400px}
  294. margin-left:-167px;
  295. margin-top:10px;
  296. width:44px;
  297. height:44px;
  298. {/block:If400px}
  299. {block:If500px}
  300. margin-left:-202px;
  301. margin-top:10px;
  302. width:44px;
  303. height:44px;
  304. {block:If500px}
  305. position:absolute;
  306. border:3px solid {color:background};
  307. border-radius: 10px;
  308. -moz-border-radius: 10px;
  309. -webkit-border-radius: 10px;
  310. }
  311.  
  312.  
  313.  
  314.  
  315. /* header title */
  316. #titlee {
  317. {block:If250px}
  318. font-size:12.5px;
  319. {/block:If250px}
  320. {block:If400px}
  321. font-size:14px;
  322. {/block:If400px}
  323. {block:If500px}
  324. font-size:14px;
  325. {block:If500px}
  326. padding-right:20px;
  327. font-weight:600;
  328. text-transform:lowercase;
  329. letter-spacing:-.5px;
  330. }
  331.  
  332.  
  333.  
  334.  
  335. /* description */
  336. #descr {
  337. margin-top:30px;
  338. letter-spacing:0px;
  339. margin-bottom:-10px;
  340. }
  341.  
  342.  
  343.  
  344.  
  345. /* navigation */
  346. #nav a {
  347. font-style:italic;
  348. }
  349.  
  350.  
  351.  
  352.  
  353. /* button */
  354. .btt {
  355. float:right;
  356. margin-top:-18px;
  357. height:15px;
  358. }
  359.  
  360. .btt hr {
  361. display:block;
  362. background-color:{color:text};
  363. width:15px;
  364. height:1px;
  365. border:0px;
  366. }
  367.  
  368. #headerin:hover .btt {
  369. opacity:1;
  370. -moz-transition-duration:0.3s;
  371. -webkit-transition-duration:0.3s;
  372. -o-transition-duration:0.3s;
  373. }
  374.  
  375.  
  376.  
  377.  
  378. /* pagination */
  379. #pagination {
  380. margin-top:70px;
  381. text-align:right;
  382. border-top:1px solid {color:border};
  383. padding-top:10px;
  384. letter-spacing:1px;
  385. font-style:italic;
  386. {block:If250px}
  387. width:250px;
  388. {/block:If250px}
  389. {block:If400px}
  390. width:400px;
  391. {/block:If400px}
  392. {block:If500px}
  393. width:500px;
  394. {block:If500px}
  395. }
  396.  
  397. #pagination a {
  398. border-bottom:1px solid {color:border};
  399. padding-bottom:1px;
  400. margin:0px 7px;
  401. }
  402.  
  403.  
  404.  
  405.  
  406. /* permalink page */
  407. #permpg {
  408. border-top:1px solid {color:border};
  409. border-bottom:1px solid {color:border};
  410. margin-top:5px;
  411. padding-bottom:10px;
  412. padding-top:10px;
  413. text-transform:lowercase;
  414. font-size:9px;
  415. letter-spacing:0px;
  416. }
  417.  
  418. #tagspermpg {
  419. margin-top:5px;
  420. }
  421.  
  422. #notes{
  423. {block:If250px}
  424. width:290px;
  425. {/block:If250px}
  426. {block:If400px}
  427. width:440px;
  428. {/block:If400px}
  429. {block:If500px}
  430. width:540px;
  431. {/block:If500px}
  432. font-size:8px;
  433. margin-top:15px;
  434. margin-left:-40px;
  435. }
  436.  
  437. #notes img{
  438. display:none;
  439. }
  440.  
  441. #notes li{
  442. list-style-type:none;
  443. border-bottom:1px solid {color:border};
  444. padding:7px;
  445. text-align:left;
  446. }
  447.  
  448.  
  449.  
  450.  
  451. /* ask post */
  452. #ask {
  453. padding-left:15px;
  454. padding-right:15px;
  455. padding-bottom:5px;
  456. padding-top:10px;
  457. text-align:left;
  458. display:block;
  459. font-size:8px;
  460. letter-spacing:1px;
  461. text-transform:lowercase;
  462. }
  463.  
  464. #ask img {
  465. border-radius: 5px;
  466. -moz-border-radius: 5px;
  467. -webkit-border-radius: 5px;
  468. }
  469.  
  470. #ask img {
  471. float:left;
  472. margin-top:-5px;
  473. }
  474.  
  475. #ques {
  476. margin-left:34px;
  477. margin-top:-5px;
  478. }
  479.  
  480. #ques b {
  481. font-style:normal;
  482. text-transform:uppercase;
  483. font-size:7px;
  484. letter-spacing:1px;
  485. }
  486.  
  487.  
  488.  
  489.  
  490. /* chat post */
  491. .chat {
  492. }
  493.  
  494. .label {
  495. font-weight:700;
  496. }
  497.  
  498. ul.chat {
  499. margin:0px 10px;
  500. padding:0px;
  501. font-size:9px;
  502. letter-spacing:0px;
  503. list-style-type:none;
  504. text-transform:lowercase;
  505. }
  506.  
  507.  
  508.  
  509.  
  510. /* text + link post */
  511. #posttitle {
  512. display:block;
  513. padding:5px;
  514. text-align:center;
  515. letter-spacing:1px;
  516. text-transform:uppercase;
  517. font-size:10px;
  518. font-weight:800;
  519. }
  520.  
  521. #capt {
  522. position:relative;
  523. margin-top:7px;
  524. padding-bottom:5px;
  525. }
  526.  
  527. #capt:before {
  528. background:{color:border};
  529. position:absolute;
  530. left:50%;
  531. width:60px;
  532. height:1px;
  533. margin-left:-30px;
  534. content:'';
  535. }
  536.  
  537.  
  538.  
  539.  
  540. /* quote post */
  541. #quote {
  542. font-style:italic;
  543. text-align:justify;
  544. font-size:11px;
  545. margin-left:15px;
  546. position:relative;
  547. z-index:9;
  548. }
  549.  
  550. #q {
  551. position:absolute;
  552. font-size:49px;
  553. margin-top:8px;
  554. opacity:.3;
  555. font-family:calibri;
  556. }
  557.  
  558. #source {
  559. position:relative;
  560. margin-top:20px;
  561. text-align:center;
  562. }
  563.  
  564.  
  565.  
  566.  
  567. /* photo post */
  568. #photo img {
  569. {block:If250px}
  570. max-width:250px;
  571. {/block:If250px}
  572. {block:If400px}
  573. max-width:400px;
  574. {/block:If400px}
  575. {block:If500px}
  576. max-width:500px;
  577. {/block:If500px}
  578. }
  579.  
  580. #caps {
  581. {Block:IfNotShowCaptions}
  582. {Block:IndexPage}
  583. display:none;
  584. {/Block:IndexPage}
  585. {/Block:IfNotShowCaptions}
  586. }
  587.  
  588.  
  589.  
  590.  
  591. /* audio post */
  592. #aud {
  593. {block:If250px}
  594. width:248px;
  595. height:95px;
  596. padding-bottom:10px;
  597. {/block:If250px}
  598. {block:If400px}
  599. width:398px;
  600. height:80px;
  601. {/block:If400px}
  602. {block:If500px}
  603. width:498px;
  604. height:80px;
  605. {block:If500px}
  606. margin-bottom:-10px;
  607. }
  608.  
  609. #aud img {
  610. {block:If250px}
  611. float:right;
  612. width:30px;
  613. margin-right:10px;
  614. {/block:If250px}
  615. {block:If400px}
  616. float:left;
  617. width:60px;
  618. margin-left:10px;
  619. {/block:If400px}
  620. {block:If500px}
  621. float:left;
  622. width:60px;
  623. margin-left:10px;
  624. {block:If500px}
  625. margin-top:10px;
  626. }
  627.  
  628. #audinfo {
  629. position:absolute;
  630. {block:If250px}
  631. margin-left:-10px;
  632. height:30px;
  633. {/block:If250px}
  634. {block:If400px}
  635. margin-left:80px;
  636. height:60px;
  637. {/block:If400px}
  638. {block:If500px}
  639. margin-left:80px;
  640. height:60px;
  641. {/block:If500px}
  642. margin-top:10px;
  643. }
  644.  
  645. #audinfo li {
  646. font-size:9px;
  647. letter-spacing:0px;
  648. text-transform:lowercase;
  649. border-left:1px solid {color:border};
  650. padding-left:5px;
  651. list-style-type:none;
  652. }
  653.  
  654.  
  655. #player {
  656. {block:If250px}
  657. margin-top:60px;
  658. position:absolute;
  659. margin-left:109px;
  660. {/block:If250px}
  661. {block:If400px}
  662. margin-top:25px;
  663. float:right;
  664. margin-right:25px;
  665. {/block:If400px}
  666. {block:If500px}
  667. margin-top:25px;
  668. float:right;
  669. margin-right:25px;
  670. {/block:If500px}
  671. padding-left:2px;
  672. width:30px;
  673. height:30px;
  674. overflow:hidden;
  675. border:1px solid {color:border};
  676. border-radius: 8px;
  677. -moz-border-radius: 8px;
  678. -webkit-border-radius: 8px;
  679. }
  680.  
  681.  
  682.  
  683.  
  684. /* tooltip */
  685. #s-m-t-tooltip {
  686. max-width:300px;
  687. margin:15px;
  688. padding:2px 6px;
  689. border:1px solid {color:border};
  690. background:{color:background};
  691. color:{color:text};
  692. z-index:999999;
  693. font-size:9px;
  694. letter-spacing:1px;
  695. font-style:italic;
  696. text-transform:lowercase;
  697. border-radius: 6px;
  698. -moz-border-radius: 6px;
  699. -webkit-border-radius: 6px;
  700. }
  701.  
  702.  
  703.  
  704.  
  705. span.taghead { display:none; } a.tag + span.taghead { display:inline; }
  706.  
  707.  
  708.  
  709.  
  710. /* sticky */
  711. #sticky.stick {
  712. position: fixed;
  713. top: 0px;
  714. background:{color:background};
  715. }
  716.  
  717.  
  718.  
  719.  
  720. /* pop up */
  721. #fade {
  722. display:none;
  723. background:{color:background};
  724. position:fixed;
  725. left:0; top:0;
  726. width:100%;
  727. height:100%;
  728. opacity:.9;
  729. z-index:9999;
  730. }
  731.  
  732. .popup_block{
  733. text-align:center;
  734. display: none;
  735. background: {color:background};
  736. padding: 35px 10px;
  737. height:100px;
  738. position: fixed;
  739. top: 50%; left: 50%;
  740. z-index: 999999;
  741. }
  742.  
  743. img.btn_close {
  744. display:none;
  745. }
  746.  
  747. *html .popup_block {
  748. position: absolute;
  749. }
  750.  
  751.  
  752.  
  753.  
  754. /* more links */
  755. .morelinks a{
  756. display:inline-block;
  757. margin:5px 9px;
  758. width:90px;
  759. padding:5px;
  760. font-style:italic;
  761. border-bottom:1px solid {color:border};
  762. text-align:right;
  763. }
  764.  
  765.  
  766.  
  767.  
  768. {CustomCSS}
  769.  
  770. </style>
  771.  
  772.  
  773.  
  774.  
  775. <!-- sticky -->
  776. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  777. <script type="text/javascript">
  778. function sticky_relocate() {
  779. var window_top = $(window).scrollTop();
  780. var div_top = $('#sticky-anchor').offset().top;
  781. if (window_top > div_top) {
  782. $('#sticky').addClass('stick');
  783. } else {
  784. $('#sticky').removeClass('stick');
  785. }
  786. }
  787.  
  788. $(function () {
  789. $(window).scroll(sticky_relocate);
  790. sticky_relocate();
  791. });
  792. </script>
  793.  
  794.  
  795.  
  796.  
  797. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  798.  
  799.  
  800.  
  801.  
  802. <!-- font -->
  803. <link href='http://fonts.googleapis.com/css?family=Roboto:400,900italic,700,700italic,400italic,300' rel='stylesheet' type='text/css'>
  804.  
  805. <script type="text/javascript">
  806. WebFontConfig = {
  807. google: { families: [ 'Roboto:400,900italic,700,700italic,400italic,300:latin' ] }
  808. };
  809. (function() {
  810. var wf = document.createElement('script');
  811. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  812. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  813. wf.type = 'text/javascript';
  814. wf.async = 'true';
  815. var s = document.getElementsByTagName('script')[0];
  816. s.parentNode.insertBefore(wf, s);
  817. })(); </script>
  818.  
  819.  
  820.  
  821.  
  822. <!-- pop up -->
  823. <script>
  824. $(document).ready(function() {
  825. //
  826. $('a.poplight[href^=#]').click(function() {
  827. var popID = $(this).attr('rel'); //Get Popup Name
  828. var popURL = $(this).attr('href'); //Get Popup href to define size
  829. var query= popURL.split('?');
  830. var dim= query[1].split('&');
  831. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  832. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  833. var popMargTop = ($('#' + popID).height() + 80) / 2;
  834. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  835. //Apply Margin to Popup
  836. $('#' + popID).css({
  837. 'margin-top' : -popMargTop,
  838. 'margin-left' : -popMargLeft
  839. });
  840. $('body').append('<div id="fade"></div>');
  841. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  842. return false;
  843. });
  844. $('a.close, #fade').live('click', function() {
  845. $('#fade , .popup_block').fadeOut(function() {
  846. $('#fade, a.close').remove(); //fade them both out
  847. });
  848. return false;
  849. });
  850. });
  851. </script>
  852.  
  853.  
  854.  
  855.  
  856. <!-- tooltip -->
  857. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  858. <script>
  859. (function($){
  860. $(document).ready(function(){
  861. $("[title]").style_my_tooltips({
  862. tip_follows_cursor:true,
  863. tip_delay_time:200,
  864. tip_fade_speed:300
  865. }
  866. );
  867. });
  868. })(jQuery);
  869. </script>
  870.  
  871.  
  872.  
  873.  
  874. </head>
  875.  
  876. <body>
  877.  
  878.  
  879.  
  880.  
  881. <!-- slidedown -->
  882. <script type="text/javascript">
  883. jQuery(document).ready(function() {
  884. jQuery(".sub").hide();
  885. //toggle the componenet with class msg_body
  886. jQuery(".cthrough").click(function()
  887. {
  888. jQuery(this).next(".sub").slideToggle(500);
  889. });});
  890. </script>
  891.  
  892.  
  893.  
  894.  
  895. <div id="all">
  896. <center>
  897.  
  898.  
  899.  
  900.  
  901. <!-- header -->
  902. <div id="headerr">
  903. <div id="headerin">
  904.  
  905. <div id="sticky-anchor"></div>
  906.  
  907. <div id="sticky">
  908. <img src="{image:portrait}" id="himg">
  909. <div id="inf">
  910. <div id="titlee">{Title}</div>
  911. <a class="cthrough"><div class="btt"><hr/><hr/><hr/></div></a>
  912. <div class="sub">
  913. <div id="descr">
  914. <div id="nav">
  915. <a href="/">index</a> &nbsp; &middot; &nbsp;
  916. <a href="/ask">mssg</a> &nbsp; &middot; &nbsp;
  917. <a href="#?w=300" rel="ml" class="poplight">links</a>
  918. </div>
  919. </p>
  920. {Description}
  921. </div>
  922. </div>
  923. </div>
  924. </div>
  925.  
  926. </div>
  927. </div>
  928.  
  929.  
  930.  
  931.  
  932. <!-- pop up -->
  933. <div id="ml" class="popup_block">
  934. <div class="morelinks">
  935. {block:iflink1}<a href="{text:url1}">{text:link1}</a>{/block:iflink1}
  936. {block:iflink2}<a href="{text:url2}">{text:link2}</a>{/block:iflink2}
  937. {block:iflink3}<a href="{text:url3}">{text:link3}</a>{/block:iflink3}
  938. {block:iflink4}<a href="{text:url4}">{text:link4}</a>{/block:iflink4}
  939. {block:iflink5}<a href="{text:url5}">{text:link5}</a>{/block:iflink5}
  940. {block:iflink6}<a href="{text:url6}">{text:link6}</a>{/block:iflink6}
  941. </div>
  942. </div>
  943.  
  944.  
  945.  
  946.  
  947. <!-- posts -->
  948. <div id="entries">
  949.  
  950.  
  951. {block:Posts}
  952.  
  953. <div id="post">
  954.  
  955.  
  956.  
  957.  
  958. {block:Text}
  959. {block:Title}<div id="posttitle">{Title}</div><div id="capt"></div>{/block:Title}
  960. {Body}
  961. <div id="dv"></div>
  962. {/block:Text}
  963.  
  964.  
  965. {block:Quote}
  966. <div id="q">“</div>
  967. <div id="quote">{Quote}</div>
  968. <div id="source">{Source}</div>
  969. <div id="dv"></div>
  970. {/block:Quote}
  971.  
  972.  
  973. {block:Link}
  974. <div id="posttitle"><a href="{URL}">{Name}</a></div><div id="capt"></div>
  975. {block:Description}{Description}{/block:Description}
  976. <div id="dv"></div>
  977. {/block:Link}
  978.  
  979.  
  980. {block:Photo}
  981. <div id="photo"><center><img src="{PhotoURL-500}"/></center></div>
  982. {block:Caption}{Block:IndexPage}<div id="caps">{Caption}</div>{/Block:IndexPage}{Block:PermalinkPage}{Caption}{/Block:PermalinkPage}{/block:Caption}
  983. <div id="dv"></div>
  984. {/block:Photo}
  985.  
  986.  
  987. {block:Photoset}
  988. <center>{Block:If250px}{Photoset-250}{/Block:If250px}{Block:If400px}{Photoset-400}{/Block:If400px}{Block:If500px}{Photoset-500}{/Block:If500px}</center>
  989. {block:Caption}<div id="caps">{Caption}</div>{/block:Caption}
  990. <div id="dv"></div>
  991. {/block:Photoset}
  992.  
  993.  
  994. {block:Chat}
  995. <ul class="chat">
  996. {block:Title}<h2>{Title}</h2>{/block:Title}
  997. {block:Lines}
  998. <li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>
  999. {/block:Lines}
  1000. </ul>
  1001. <div id="dv"></div>
  1002. {/block:Chat}
  1003.  
  1004.  
  1005. {block:Video}
  1006. {Block:If400px}
  1007. {Video-400}
  1008. {/Block:If400px}
  1009. {Block:If500px}
  1010. {Video-500}
  1011. {/Block:If500px}
  1012. {block:Caption}<div id="caps">{Caption}</div>{/block:Caption}
  1013. <div id="dv"></div>
  1014. {/block:Video}
  1015.  
  1016.  
  1017. {block:Answer}
  1018. <div id="ask">
  1019. <img src="{AskerPortraitURL-24}"/>
  1020. <div id="ques">
  1021. <b>{Asker} said:</b></br>
  1022. {Question}
  1023. </div>
  1024. </div>
  1025. <div id="ans">{Answer}</div>
  1026. <div id="dv"></div>
  1027. {/block:Answer}
  1028.  
  1029.  
  1030. {block:Audio}
  1031. <div id="aud">
  1032. {block:AlbumArt}
  1033. <img src="{AlbumArtURL}">
  1034. {/block:AlbumArt}
  1035. <div id="audinfo">
  1036. <li>{block:TrackName}<b>Track:</b> {TrackName}</br>{/block:TrackName}</li>
  1037. <li>{block:Artist}<b>Artist:</b> {Artist}</br>{/block:Artist}</li>
  1038. <li><b>Played:</b> {PlayCount} times</li>
  1039.  
  1040. </div>
  1041. <center><div id= "player">{AudioPlayerWhite}</div></center>
  1042. </div>
  1043. <div id="dv"></div>
  1044. {/block:Audio}
  1045.  
  1046.  
  1047.  
  1048.  
  1049.  
  1050.  
  1051.  
  1052.  
  1053. <!-- permalink -->
  1054. {block:IndexPage}
  1055. {block:Date}
  1056. <div id="perm">
  1057. <b><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} &nbsp;@&nbsp; {24Hour}:{Minutes}{AmPm}</a></b>
  1058. {Block:NoteCount}<span style="float:right;"><a href="{Permalink}">{NoteCount} notes</a></span>{/Block:NoteCount}
  1059.  
  1060. <div style="display:none">{block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}{/block:RebloggedFrom}</div>
  1061. <!-- tags -->
  1062. {block:HasTags}
  1063. <div id="tags">
  1064. {block:Tags}<a class="tag" href="{TagURL}">#{Tag}</a>{/block:Tags}
  1065. </div>
  1066. {/block:Hastags}
  1067. </div>
  1068. {/block:Date}
  1069. {/block:IndexPage}
  1070.  
  1071.  
  1072.  
  1073.  
  1074. </div>
  1075.  
  1076.  
  1077.  
  1078.  
  1079. <!-- permalink page -->
  1080. {Block:PermalinkPage}
  1081. {block:Date}
  1082. <div id="permpg">
  1083. {Block:NoteCount}{NoteCount} notes</br>{/Block:NoteCount}
  1084. <b>date:</b> {ShortMonth} {DayOfMonth}, {Year}
  1085. {block:RebloggedFrom}</br><b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  1086. {block:ContentSource}</br><b>source:</b> <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  1087.  
  1088. {block:HasTags}
  1089. <div id="tagspermpg">
  1090. <b>tagged with:</b> {block:Tags}<span class="taghead">, </span><a class="tag" href="{TagURL}">{Tag}</a>{/block:Tags}
  1091. </div>
  1092. {/block:Hastags}
  1093. </div>
  1094. {/block:Date}
  1095. {/Block:PermalinkPage}
  1096.  
  1097. {/block:Posts}
  1098.  
  1099.  
  1100.  
  1101.  
  1102. <!-- pagination -->
  1103. {block:Pagination}
  1104. <div id="pagination">
  1105. {block:PreviousPage}<a href="{PreviousPage}">&larr; back</a>{/block:PreviousPage}
  1106. {block:NextPage}<a href="{NextPage}">next &rarr;</a>{/block:NextPage}
  1107. </div>
  1108. {/block:Pagination}
  1109.  
  1110.  
  1111.  
  1112.  
  1113. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  1114.  
  1115.  
  1116.  
  1117.  
  1118. </div>
  1119. </center>
  1120. </div>
  1121.  
  1122. <div class="c"><a href="http://stratfor-d.tumblr.com">ST</a></div>
  1123.  
  1124.  
  1125.  
  1126.  
  1127. </body>
  1128.  
  1129. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement