API tools faq
paste
rollyjogered

theme sixteen: wildfire

rollyjogered
Aug 3rd, 2019 (edited)
3,422
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.42 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5.  
  6. theme sixteen: wildfire by pirateskinned
  7.  
  8. please don't: edit & repost / claim as your own
  9. please don't: delete or move the credit
  10. please don't: steal bits of coding
  11.  
  12. if you need any help, feel free to
  13. message me at pirateskinned.tumblr.com
  14.  
  15. ------
  16.  
  17. image wrapping inspired by iniziare.tumblr.com
  18. tumblr controls styling by cyantists.tumblr.com
  19. icon font by suiomi.com/font
  20.  
  21. -->
  22.  
  23. <title>{Title}</title>
  24.  
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  28.  
  29. <!-- meta tags -->
  30.  
  31. <meta name="image:background" content=""/>
  32. <meta name="image:container" content=""/>
  33. <meta name="image:sidebar" content=""/>
  34.  
  35. <meta name="color:background" content="#f6f6f6"/>
  36. <meta name="color:container" content="#f6f6f6"/>
  37. <meta name="color:posts" content="#eeeeee"/>
  38. <meta name="color:text" content="#4f4e4e"/>
  39. <meta name="color:link" content="#d9bf9a"/>
  40. <meta name="color:accent" content="#89874c"/>
  41.  
  42. <meta name="if:background pattern" content="0"/>
  43. <meta name="if:container pattern" content="0"/>
  44. <meta name="if:image wrap" content="1"/>
  45. <meta name="if:500px posts" content="0"/>
  46.  
  47. <meta name="text:link 1 url" content="/" />
  48. <meta name="text:link 1 title" content="one" />
  49. <meta name="text:link 2 url" content="/" />
  50. <meta name="text:link 2 title" content="two" />
  51. <meta name="text:link 3 url" content="/" />
  52. <meta name="text:link 3 title" content="three" />
  53. <meta name="text:link 4 url" content="/" />
  54. <meta name="text:link 4 title" content="four" />
  55.  
  56. <!-- scripts -->
  57.  
  58. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  59. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  60.  
  61. <!-- fonts -->
  62.  
  63. <link href="https://fonts.googleapis.com/css?family=ABeeZee&display=swap" rel="stylesheet">
  64.  
  65. <!-- icon font -- http://suiomi.com/font -->
  66.  
  67. <link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet">
  68.  
  69. <!-- tooltips -->
  70.  
  71. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  72.  
  73. <script>
  74. (function($){
  75. $(document).ready(function(){
  76. $("a[title]").style_my_tooltips({
  77. tip_follows_cursor:true,
  78. tip_delay_time:30,
  79. tip_fade_speed:300,
  80. attribute:"title"
  81. });
  82. });
  83. })(jQuery);
  84. </script>
  85.  
  86. <!-- photosets -->
  87.  
  88. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  89.  
  90. <script>
  91. $(document).ready(function(){
  92. $('.photo-slideshow').pxuPhotoset({
  93. lightbox: true,
  94. rounded: false,
  95. gutter: '1px',
  96. borderRadius: '0px',
  97. photoset: '.photo-slideshow',
  98. photoWrap: '.photo-data',
  99. photo: '.pxu-photo'
  100. });
  101. });
  102. </script>
  103.  
  104. <style type="text/css">
  105.  
  106. /* --- tumblr controls styling by cyantists
  107. http://cyantists.tumblr.com/tumblr_controls/hover --- */
  108.  
  109. iframe.tmblr-iframe {
  110. z-index:99999999999999!important;
  111. top:-2px!important;
  112. right:0!important;
  113. opacity:0;
  114. padding-right:38px;
  115. /* delete invert(1) from here */
  116. filter:invert(1) contrast(150%);
  117. -webkit-filter:invert(1) contrast(150%);
  118. -o-filter:invert(1) contrast(150%);
  119. -moz-filter:invert(1) contrast(150%);
  120. -ms-filter:invert(1) contrast(150%);
  121. /* to here if your blog has a dark background */
  122. transform:scale(0.65);
  123. transform-origin:100% 0;
  124. -webkit-transform:scale(0.65);
  125. -webkit-transform-origin:100% 0;
  126. -o-transform:scale(0.65);
  127. -o-transform-origin:100% 0;
  128. -moz-transform:scale(0.65);
  129. -moz-transform-origin:100% 0;
  130. -ms-transform:scale(0.65);
  131. -ms-transform-origin:100% 0;}
  132.  
  133. iframe.tmblr-iframe:hover {
  134. opacity:0.6!important;}
  135.  
  136. .hcontrols {
  137. position:fixed;
  138. top:0;
  139. right:0;
  140. z-index:999999999;}
  141.  
  142. .hcontrols svg {
  143. width:14px;
  144. height:14px;
  145. padding:9px;}
  146.  
  147. .hcontrols svg path {
  148. fill:#888888;/* change this to change the color of the icon */}
  149.  
  150. /* --- tooltips & scrollbars --- */
  151.  
  152. #s-m-t-tooltip {
  153. position:absolute;
  154. margin-top: 15px;
  155. z-index:9999;
  156. padding:3px 5px;
  157. background:{color:posts};
  158. color:{color:text};
  159. border-radius:3px;
  160. font-size:10px;
  161. -webkit-box-shadow: 0px 0px 5px 0px rgba({RGBcolor:posts},0.5);
  162. -moz-box-shadow: 0px 0px 5px 0px rgba({RGBcolor:posts},0.5);
  163. box-shadow: 0px 0px 5px 0px rgba({RGBcolor:posts},0.5);
  164. }
  165.  
  166. ::-webkit-scrollbar-thumb:vertical {background-color:{color:accent};}
  167. ::-webkit-scrollbar-button:horizontal {background-color:{color:accent};}
  168. ::-webkit-scrollbar {background-color:transparent; width:1px;}
  169.  
  170. /* --- basics --- */
  171.  
  172. body {
  173. background-color:{color:background};
  174. background-image:url('{image:background}');
  175. background-attachment:fixed;
  176. background-position:center center;
  177. {block:ifnotbackgroundpattern}
  178. background-repeat:no-repeat;
  179. background-size:cover;
  180. {/block:ifnotbackgroundpattern}
  181. {block:ifbackgroundpattern}
  182. background-repeat:repeat;
  183. background-size:auto;
  184. {/block:ifbackgroundpattern}
  185. color:{color:text};
  186. font-family: 'ABeeZee', sans-serif;
  187. font-size:10px;
  188. line-height:16px;
  189. font-weight:300;
  190. text-align:justify;
  191. margin:0;
  192. }
  193.  
  194. a {
  195. color:{color:text};
  196. text-decoration:none;
  197. -moz-transition-duration: 0.5s;
  198. -o-transition-duration: 0.5s;
  199. -webkit-transition-duration: 0.5s;
  200. transition-duration: 0.5s;
  201. }
  202.  
  203. a:hover {
  204. color:{color:text};
  205. text-decoration:none;
  206. }
  207.  
  208. p a, .description a {box-shadow:{color:link} 0px -2px 0px inset;}
  209. p a:hover, .description a:hover {box-shadow:{color:link} 0px -17px 0px inset;}
  210.  
  211. img {
  212. border:none;
  213. text-decoration:none;
  214. }
  215.  
  216. b, strong, bold {
  217. color:{color:accent};
  218. font-weight:700;
  219. }
  220.  
  221. i, em, italic {
  222. color:{color:accent};
  223. }
  224.  
  225. u {
  226. text-decoration:none;
  227. }
  228.  
  229. .firstletter, u {
  230. display:block;
  231. float:left;
  232. padding:12px 14px;
  233. background:{color:accent};
  234. color:{color:posts};
  235. font-weight:700;
  236. text-transform:uppercase;
  237. font-size:14px;
  238. margin:0px 10px 0px 0px;
  239. border-radius:3px;
  240. }
  241.  
  242. s, strike {
  243. text-decoration-color:{color:accent};
  244. }
  245.  
  246. small, sub, sup, big {
  247. font-size:10px;
  248. line-height:14px;
  249. vertical-align:baseline;
  250. }
  251.  
  252. blockquote {
  253. padding:0px 5px 0px 15px;
  254. border-left:1px solid {color:accent};
  255. margin-left:5px;
  256. margin-right:0px;
  257. }
  258.  
  259. blockquote img {
  260. max-width:360px;
  261. height:auto;
  262. }
  263.  
  264. blockquote blockquote {
  265. margin-right:0px;
  266. }
  267.  
  268. blockquote blockquote img {
  269. max-width:350px;
  270. height:auto;
  271. margin-top:10px;
  272. }
  273.  
  274. pre {
  275. font-family: 'ABeeZee', sans-serif;
  276. font-size:10px;
  277. text-transform:uppercase;
  278. font-weight:700;
  279. padding:10px;
  280. background-color:{color:accent};
  281. color:{color:posts};
  282. border-radius:3px;
  283. }
  284.  
  285. pre i, pre em, pre b, pre strong, pre a {
  286. color:{color:posts};
  287. }
  288.  
  289. ul {
  290. padding-left:15px;
  291. }
  292.  
  293. ul li {
  294. list-style-type:none;
  295. }
  296.  
  297. ul li:before {
  298. content: "— ";
  299. text-indent: -5px;
  300. }
  301.  
  302. /* --- header styles --- */
  303.  
  304. h1 {
  305. margin:0px 0px 10px 0px;
  306. font-weight:bold;
  307. color:{color:accent};
  308. text-align:left;
  309. }
  310.  
  311. h2 {
  312. font-weight:normal;
  313. color:{color:accent};
  314. text-align:left;
  315. text-transform:uppercase;
  316. font-size:12px;
  317. letter-spacing:1px;
  318. word-spacing:2px;
  319. }
  320.  
  321. h2 b, b h2, h2 i, i h2,
  322. h2 strong, strong h2, h2 em, em h2 {
  323. color:{color:accent};
  324. }
  325.  
  326. /* --- container --- */
  327.  
  328. .container {
  329. position:absolute;
  330. margin-top:-310px;
  331. top:50%;
  332. left:50%;
  333. {block:ifnot500pxposts}
  334. margin-left:-480px;
  335. width:950px;
  336. {/block:ifnot500pxposts}
  337. {block:if500pxposts}
  338. margin-left:-530px;
  339. width:1050px;
  340. {/block:if500pxposts}
  341. height:600px;
  342. background-color:{color:container};
  343. border:10px solid {color:posts};
  344. border-radius:3px;
  345. background-image:url('{image:container}');
  346. background-position:center center;
  347. {block:ifnotcontainerpattern}
  348. background-repeat:no-repeat;
  349. background-size:cover;
  350. {/block:ifnotcontainerpattern}
  351. {block:ifcontainerpattern}
  352. background-repeat:repeat;
  353. background-size:auto;
  354. {/block:ifcontainerpattern}
  355. }
  356.  
  357. /* --- sidebar --- */
  358.  
  359. .sidebar {
  360. position:absolute;
  361. z-index:150;
  362. top:135px;
  363. left:50px;
  364. width:350px;
  365. height:330px;
  366. background-color:rgba({RGBcolor:posts},0.6);
  367. border-radius:3px;
  368. box-shadow:rgba(0,0,0,.05) 1px 1px 3px;
  369. }
  370.  
  371. /* --- sidebar image --- */
  372.  
  373. .sidebar-img {
  374. position:absolute;
  375. top:0px;
  376. left:0px;
  377. width:100px;
  378. height:330px;
  379. background-image:url('{image:sidebar}');
  380. background-position:center center;
  381. background-repeat:no-repeat;
  382. background-size:cover;
  383. border-radius:100px;
  384. border-radius:3px 0px 0px 3px;
  385. }
  386.  
  387. /* --- sidebar title --- */
  388.  
  389. .sidebar-title {
  390. position:absolute;
  391. top:0px;
  392. left:100px;
  393. width:250px;
  394. height:40px;
  395. text-align:center;
  396. color:{color:text};
  397. font-size:20px;
  398. line-height:40px;
  399. font-weight:300;
  400. letter-spacing:-1px;
  401. background-color:rgba({RGBcolor:posts},0.6);
  402. border-radius:0px 3px 0px 0px;
  403. }
  404.  
  405. .sidebar-title a {
  406. color:{color:text};
  407. }
  408.  
  409. .sidebar-title a:hover {
  410. color:{color:accent};
  411. }
  412.  
  413. /* --- description --- */
  414.  
  415. .description {
  416. position:absolute;
  417. left:120px;
  418. top:80px;
  419. width:210px;
  420. height:200px;
  421. padding:10px;
  422. box-sizing:border-box;
  423. overflow-x:hidden;
  424. overflow-y:auto;
  425. text-align:justify;
  426. background-color:{color:background};
  427. border:10px solid {color:background};
  428. border-radius:3px;
  429. }
  430.  
  431. /* --- navigation --- */
  432.  
  433. .nav {
  434. position:absolute;
  435. top:55px;
  436. left:120px;
  437. width:210px;
  438. height:20px;
  439. font-size:9px;
  440. line-height:15px;
  441. text-align:center;
  442. }
  443.  
  444. .nav a {
  445. display:inline-block;
  446. margin:0px 3px;
  447. text-transform:uppercase;
  448. letter-spacing:1px;
  449. font-weight:bold;
  450. }
  451.  
  452. .nav a:hover {
  453. color:{color:accent};
  454. }
  455.  
  456.  
  457. /* --- pagination --- */
  458.  
  459. .pagination {
  460. position:absolute;
  461. width:250px;
  462. height:20px;
  463. left:100px!important;
  464. bottom:17px;
  465. text-align:center;
  466. padding:0px 0px!important;
  467. color:{color:text};
  468. font-weight:700;
  469. }
  470.  
  471. .pagination a {
  472. color:{color:text};
  473. line-height:20px;
  474. }
  475.  
  476. .pagination .sf {
  477. font-size:7px;
  478. }
  479.  
  480. /* --- entries --- */
  481.  
  482. .entries {
  483. position:absolute;
  484. z-index:3;
  485. top:0px;
  486. right:0px;
  487. {block:ifnot500pxposts}
  488. width:950px;
  489. {/block:ifnot500pxposts}
  490. {block:if500pxposts}
  491. width:1050px;
  492. {/block:if500pxposts}
  493. height:600px;
  494. overflow-x:hidden;
  495. overflow-y:auto;
  496. box-sizing:border-box;
  497. background-color:transparent;
  498. padding:50px 50px 0px 460px;
  499. }
  500.  
  501. /* --- posts --- */
  502.  
  503. .post {
  504. {block:ifnot500pxposts}
  505. width:400px;
  506. {/block:ifnot500pxposts}
  507. {block:if500pxposts}
  508. width:500px;
  509. {/block:if500pxposts}
  510. padding:20px;
  511. {block:IndexPage}
  512. margin-bottom:75px;
  513. {/block:IndexPage}
  514. {block:PermalinkPage}
  515. margin-bottom:75px;
  516. {/block:PermalinkPage}
  517. background-color:rgba({RGBcolor:posts},0.6);
  518. border-radius:3px;
  519. box-shadow:rgba(0,0,0,.05) 1px 1px 3px;
  520. }
  521.  
  522. .post img {
  523. max-width:100%;
  524. height:auto;
  525. border-radius:3px;
  526. }
  527.  
  528. /* --- texts --- */
  529.  
  530. .title {
  531. font-weight:normal;
  532. font-size:22px;
  533. line-height:24px;
  534. color:{color:background};
  535. text-align:center;
  536. {block:ifnot500pxposts}
  537. width:360px;
  538. {/block:ifnot500pxposts}
  539. {block:if500pxposts}
  540. width:460px;
  541. {/block:if500pxposts}
  542. margin:0px;
  543. padding:20px;
  544. background-color:{color:accent};
  545. text-transform:lowercase;
  546. font-weight:700;
  547. border-radius:3px;
  548. }
  549.  
  550. .title a {
  551. color:{color:background};
  552. }
  553.  
  554. .more a {
  555. font-size:18px;
  556. color:{color:accent};
  557. }
  558.  
  559. .txt {
  560. margin-bottom:0px;
  561. background-color:{color:background};
  562. padding:20px;
  563. border-radius:3px;
  564. }
  565.  
  566. .txt img {
  567. max-width:200px;
  568. {block:ifimagewrap}
  569. float:left;
  570. margin-right:10px;
  571. {/block:ifimagewrap}
  572. }
  573.  
  574. .txt blockquote img {
  575. {block:ifimagewrap}
  576. float:right;
  577. margin-left:10px;
  578. margin-right:0px;
  579. {/block:ifimagewrap}
  580. }
  581.  
  582. .txt blockquote blockquote img {
  583. {block:ifimagewrap}
  584. float:left;
  585. margin-left:0px;
  586. margin-right:10px;
  587. margin-top:0px;
  588. {/block:ifimagewrap}
  589. }
  590.  
  591. /* --- photos --- */
  592.  
  593. .photo {
  594. margin:0px;
  595. border-radius:3px;
  596. overflow:hidden;
  597. }
  598.  
  599. .photo-slideshow {
  600. margin:0px;
  601. border-radius:3px;
  602. overflow:hidden;
  603. }
  604.  
  605. .photo-slideshow img {
  606. border-radius:0px;
  607. }
  608.  
  609. /* --- quotes --- */
  610.  
  611. .quote {
  612. text-align:left;
  613. font-size:18px;
  614. line-height:25px;
  615. font-weight:700;
  616. }
  617.  
  618. .source {
  619. margin-top:4px;
  620. text-align:right;
  621. }
  622.  
  623. /* --- audio --- */
  624.  
  625. .audio {
  626. float:left;
  627. width:70px;
  628. height:70px;
  629. position:relative;
  630. overflow:hidden;
  631. }
  632.  
  633. .audio:hover .play {opacity:1;width:30px;}
  634. .audio:hover img {margin-left:30px;}
  635.  
  636. .cover img {
  637. width:70px;
  638. position:absolute;
  639. transition:0.5s ease;
  640. }
  641.  
  642. .play {
  643. overflow:hidden;
  644. width:0px;
  645. height:30px;
  646. background:{color:posts};
  647. position:absolute;
  648. padding:20px 0px;
  649. transition:0.5s ease;
  650. }
  651.  
  652. .au b {
  653. color:{color:accent};
  654. font-weight:700;
  655. margin-right:2px;
  656. }
  657.  
  658. .au {
  659. height:45px;
  660. overflow:hidden;
  661. padding:12px 10px;
  662. line-height:15px;
  663. margin-left:70px;
  664. text-align:left;
  665. }
  666.  
  667. /* --- asks --- */
  668.  
  669. .question {
  670. margin:-20px -20px 20px -20px;
  671. padding:20px;
  672. background-color:{color:accent};
  673. color:{color:background};
  674. border-radius:3px;
  675. }
  676.  
  677. .asker {
  678. float:left;
  679. margin-right:2px;
  680. color:{color:background};
  681. font-weight:700;
  682. text-transform:lowercase;
  683. }
  684.  
  685. /* --- chat --- */
  686.  
  687. .chat .txt {
  688. padding:0px;
  689. border-radius:3px;
  690. overflow:hidden;
  691. }
  692.  
  693. .chat ul {
  694. list-style-type:none;
  695. padding-left:0px;
  696. margin:0px;
  697. }
  698.  
  699. .chat ul li:before {
  700. content: none;
  701. text-indent: 0px;
  702. }
  703.  
  704. .chat ul li {
  705. box-sizing:border-box;
  706. padding:10px;
  707. background-color:{color:background};
  708. }
  709.  
  710. .chat ul li:nth-of-type(even) {
  711. background-color:rgba({RGBcolor:posts},0.5);
  712. }
  713.  
  714. .chat .label {
  715. text-transform:uppercase;
  716. font-weight:700;
  717. }
  718.  
  719. /* --- permalinks --- */
  720.  
  721. .permalink {
  722. margin:-20px -20px 20px -20px;
  723. padding:10px;
  724. font-size:9px;
  725. letter-spacing:1px;
  726. text-transform:uppercase;
  727. background-color:rgba({RGBcolor:posts},0.6);
  728. color:{color:text};
  729. border-radius:3px 3px 0px 0px;
  730. }
  731.  
  732. .permalink a {
  733. color:{color:text};
  734. }
  735.  
  736. .permalink b {
  737. font-weight:700;
  738. color:{color:accent};
  739. }
  740.  
  741. .permalink-text {
  742. position:relative;
  743. text-align:center;
  744. width:300px;
  745. left:50%;
  746. margin-left:-150px;
  747. margin-top:-15px;
  748. }
  749.  
  750. .reb {
  751. position:relative;
  752. margin-top:-16px;
  753. display:inline-block;
  754. float:right;
  755. font-size:10px;
  756. }
  757.  
  758. /* --- tags --- */
  759.  
  760. .tags {
  761. transition-duration: 0.6s;
  762. text-align:justify;
  763. font-weight:400;
  764. margin:20px -20px -20px -20px;
  765. padding:10px;
  766. font-size:8px;
  767. letter-spacing:0px;
  768. text-transform:uppercase;
  769. background-color:rgba({RGBcolor:posts},0.6);
  770. color:{color:text};
  771. border-radius:0px 0px 3px 3px;
  772. }
  773.  
  774. .tags a {
  775. display:inline;
  776. text-transform:none;
  777. line-height:14px;
  778. padding-bottom:1px;
  779. margin:2px 4px 0px 0px;
  780. color:{color:text};
  781. border-bottom:1px solid transparent;
  782. }
  783.  
  784. .tags a:hover {
  785. border-bottom:1px solid {color:text};
  786. }
  787.  
  788. /* --- notes --- */
  789.  
  790. .pagenotes {
  791. {block:IndexPage}
  792. display: none!important;
  793. {/block:IndexPage}
  794. {block:ifnot500pxposts}
  795. width:400px;
  796. {/block:ifnot500pxposts}
  797. {block:if500pxposts}
  798. width:500px;
  799. {/block:if500pxposts}
  800. text-align:left;
  801. background-color:rgba({RGBcolor:posts},0.6);
  802. padding:20px;
  803. margin-bottom:75px;
  804. border-radius:3px;
  805. }
  806.  
  807. .pagenotes img {
  808. display:none;
  809. }
  810.  
  811. .pagenotes a {
  812. color:{color:accent};
  813. font-weight:bold;
  814. }
  815.  
  816. .pagenotes ol {
  817. list-style-type:none;
  818. margin:0px;
  819. padding:0px;
  820. }
  821.  
  822. .pagenotes ol li {
  823. margin:5px;
  824. }
  825.  
  826. /* --- credit --- */
  827.  
  828. .credit a {
  829. position:fixed;
  830. font-size:14px;
  831. right:10px;
  832. bottom:10px;
  833. text-align:center;
  834. width:15px;
  835. height:15px;
  836. line-height:15px;
  837. color:{color:accent};
  838. }
  839.  
  840.  
  841. {CustomCSS}
  842.  
  843. </style>
  844. </head>
  845. <body>
  846.  
  847. <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  848.  
  849. <div class="container">
  850.  
  851. <!-- sidebar -->
  852.  
  853. <div class="sidebar">
  854.  
  855. <div class="sidebar-img"></div>
  856.  
  857. <div class="sidebar-title">
  858. <a href="/">{Title}</a>
  859. </div>
  860.  
  861. <div class="nav">
  862. {block:iflink1url}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:iflink1url}
  863. {block:iflink2url}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:iflink2url}
  864. {block:iflink3url}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:iflink3url}
  865. {block:iflink4url}<a href="{text:link 4 url}">{text:link 4 title}</a>{/block:iflink4url}
  866. </div>
  867.  
  868. <div class="description">{Description}</div>
  869.  
  870. {block:Pagination}
  871. <div class="pagination">
  872. {block:PreviousPage}
  873. <a href="{PreviousPage}"><span class="sf sf-chevron-left"></span></a>
  874. {/block:PreviousPage}
  875.  
  876. {CurrentPage} OF {TotalPages}
  877.  
  878. {block:NextPage}
  879. <a href="{NextPage}"><span class="sf sf-chevron-right"></span></a>
  880. {/block:NextPage}
  881. </div>
  882. {/block:Pagination}
  883.  
  884. </div>
  885.  
  886. <!-- start of posts -->
  887.  
  888. <div class="entries">
  889.  
  890. {block:Posts}
  891. <div class="post" id="{PostID}">
  892.  
  893. {block:Date}
  894. <div class="permalink">
  895. <b>{posttype}</b>
  896.  
  897. <div class="permalink-text">
  898. posted <a href="{Permalink}">
  899. {TimeAgo}
  900. </a>{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  901. </div>
  902.  
  903. <a class="reb" href="{ReblogURL}">
  904. <b>reblog</b>
  905. </a>
  906. </div>
  907. {/block:Date}
  908.  
  909.  
  910. {block:Quote}
  911. <div class="txt">
  912. <div class="quote">{Quote}</div>
  913. {block:Source}
  914. <div class="source"><p>&mdash; {Source}</p></div>
  915. {/block:Source}
  916. </div>
  917. {/block:Quote}
  918.  
  919.  
  920. {block:Text}
  921. {block:Title}
  922. <div class="title">{Title}</div>
  923. {/block:Title}
  924.  
  925. {block:Body}
  926. <div class="txt">
  927. {Body}
  928.  
  929. {block:More}
  930. <div class="more">
  931. <a href="{Permalink}">continue reading...</a>
  932. </div>
  933. {/block:More}
  934. </div>
  935. {/block:Body}
  936. {/block:Text}
  937.  
  938. {block:Link}
  939. <div class="title">
  940. <a href="{URL}">{Name}</a>
  941. </div>
  942.  
  943. {block:Description}
  944. <div class="txt">
  945. {Description}
  946.  
  947. {block:More}
  948. <div class="more">
  949. <a href="{Permalink}">continue reading...</a>
  950. </div>
  951. {/block:More}
  952. </div>
  953. {/block:Description}
  954. {/block:Link}
  955.  
  956. {block:Chat}
  957. {block:Title}
  958. <div class="title">{Title}</div>
  959. {/block:Title}
  960.  
  961. <div class="chat">
  962. <div class="txt">
  963. <ul>
  964. {block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}
  965. {Line}</li>{/block:Lines}
  966. </ul>
  967. </div>
  968. </div>
  969. {/block:Chat}
  970.  
  971. {block:Photo}
  972. <div class="photo">
  973. <img src="{PhotoURL-1280}" alt="{PhotoAlt}">
  974. </div>
  975. {block:Caption}
  976. <div class="txt" style="border-top:none;">
  977. {Caption}
  978.  
  979. {block:More}
  980. <div class="more">
  981. <a href="{Permalink}">continue reading...</a>
  982. </div>
  983. {/block:More}
  984. </div>
  985. {/block:Caption}
  986. {/block:Photo}
  987.  
  988. {block:Photoset}
  989. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  990. {block:Photos}
  991. <div class="photo-data">
  992. <div class="pxu-photo">
  993. <img src="{PhotoURL-1280}" width="{PhotoWidth-1280}" height="{PhotoHeight-1280}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  994. </div>
  995.  
  996. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  997. </div>
  998. {/block:Photos}
  999. </div>
  1000. {block:Caption}
  1001. <div class="txt" style="border-top:none;">
  1002. {Caption}
  1003.  
  1004. {block:More}
  1005. <div class="more">
  1006. <a href="{Permalink}">continue reading...</a>
  1007. </div>
  1008. {/block:More}
  1009. </div>
  1010. {/block:Caption}
  1011. {/block:Photoset}
  1012.  
  1013. {block:Video}
  1014. <div class="photo">{Video-500}</div>
  1015. {block:Caption}<div class="txt">{Caption}</div>{/block:Caption}
  1016. {/block:Video}
  1017.  
  1018. {block:Audio}
  1019. <div class="txt">
  1020. <div class="audio">
  1021. {block:AlbumArt}
  1022. <div class="cover">
  1023. <img src="{AlbumArtURL}">
  1024. </div>
  1025. {/block:AlbumArt}
  1026.  
  1027. {block:AudioPlayer}
  1028. <div class="play">{AudioPlayerWhite}</div>
  1029. {/block:AudioPlayer}
  1030. </div>
  1031.  
  1032. <div class="au">
  1033. {block:TrackName}<b>Track:</b> {block:TrackName}{TrackName}<br>{/block:TrackName}
  1034. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  1035. <b>Plays:</b> {FormattedPlayCount}
  1036. </div>
  1037.  
  1038. {block:Caption}{Caption}{/block:Caption}
  1039. </div>
  1040. {/block:Audio}
  1041.  
  1042. {block:Answer}
  1043. <div class="txt">
  1044. <div class="question">
  1045. <div class="asker">{Asker}</div> said, &ldquo;{Question}&rdquo;
  1046. </div>
  1047. {Answer}
  1048.  
  1049. {block:More}
  1050. <div class="more">
  1051. <a href="{Permalink}">continue reading...</a>
  1052. </div>
  1053. {/block:More}
  1054. </div>
  1055. {/block:Answer}
  1056.  
  1057.  
  1058. {block:Date}
  1059. <div style="clear:both;"></div>
  1060.  
  1061. {block:PermalinkPage}
  1062. {block:RebloggedFrom}
  1063. <br>
  1064. <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1065. &nbsp;
  1066. {/block:RebloggedFrom}
  1067.  
  1068. {block:ContentSource}
  1069. <br>
  1070. <b>source:</b> <a href="{SourceURL}">{SourceTitle}</a>
  1071. {/block:ContentSource}
  1072. {/block:PermalinkPage}
  1073.  
  1074. {block:HasTags}
  1075. <div class="tags">
  1076. {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1077. </div>
  1078. {/block:HasTags}
  1079. {/block:Date}
  1080.  
  1081.  
  1082. </div> <!-- end of .post -->
  1083.  
  1084.  
  1085. {block:PostNotes}
  1086. <div class="pagenotes">
  1087. {PostNotes}
  1088. </div>
  1089. {/block:PostNotes}
  1090.  
  1091.  
  1092. {/block:Posts}
  1093.  
  1094. </div> <!-- end of .entries -->
  1095.  
  1096. </div> <!-- end of .container -->
  1097.  
  1098. <div class="credit"><a class="sf sf-boat" href="http://pirateskinned.tumblr.com/" title="coded by pirateskinned"></a></div>
  1099.  
  1100. </body></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!