API tools faq
paste
Advertisement
thehandyblog

theme 05 ver.2

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