API tools faq
paste
Advertisement
thehandyblog

theme 02

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