API tools faq
paste
rollyjogered

theme eleven: honey

rollyjogered
Apr 6th, 2019 (edited)
3,771
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.07 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5.  
  6. theme eleven: honey 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:sidebar" content=""/>
  33. <meta name="image:popup" content=""/>
  34.  
  35. <meta name="color:background" content="#ffffff"/>
  36. <meta name="color:container" content="#edf0f2"/>
  37. <meta name="color:posts" content="#ffffff"/>
  38. <meta name="color:border" content="#222222"/>
  39. <meta name="color:text" content="#1d1d1d"/>
  40. <meta name="color:link" content="#f7dfd9"/>
  41. <meta name="color:accent one" content="#ccbbad"/>
  42. <meta name="color:accent two" content="#84a3aa"/>
  43. <meta name="color:accent three" content="#c97354"/>
  44.  
  45. <meta name="if:background pattern" content="0"/>
  46. <meta name="if:image wrap" content="1"/>
  47. <meta name="if:500px posts" content="0"/>
  48.  
  49. <meta name="text:nav text" content="nav text block" />
  50.  
  51. <meta name="text:link 1 url" content="/" />
  52. <meta name="text:link 1 title" content="link one" />
  53. <meta name="text:link 2 url" content="/" />
  54. <meta name="text:link 2 title" content="link two" />
  55. <meta name="text:link 3 url" content="/" />
  56. <meta name="text:link 3 title" content="link three" />
  57. <meta name="text:link 4 url" content="/" />
  58. <meta name="text:link 4 title" content="link four" />
  59. <meta name="text:link 5 url" content="/" />
  60. <meta name="text:link 5 title" content="link five" />
  61. <meta name="text:link 6 url" content="/" />
  62. <meta name="text:link 6 title" content="link six" />
  63. <meta name="text:link 7 url" content="/" />
  64. <meta name="text:link 7 title" content="link seven" />
  65. <meta name="text:link 8 url" content="/" />
  66. <meta name="text:link 8 title" content="link eight" />
  67.  
  68. <!-- scripts -->
  69.  
  70. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  71. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  72.  
  73. <!-- fonts -->
  74.  
  75. <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,700" rel="stylesheet">
  76. <link href="https://fonts.googleapis.com/css?family=Work+Sans:400,600" rel="stylesheet">
  77.  
  78. <!-- icon font -- http://suiomi.com/font -->
  79.  
  80. <link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet">
  81.  
  82. <!-- tooltips -->
  83.  
  84. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  85.  
  86. <script>
  87. (function($){
  88. $(document).ready(function(){
  89. $("a[title]").style_my_tooltips({
  90. tip_follows_cursor:true,
  91. tip_delay_time:30,
  92. tip_fade_speed:300,
  93. attribute:"title"
  94. });
  95. });
  96. })(jQuery);
  97. </script>
  98.  
  99. <!-- photosets -->
  100.  
  101. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  102.  
  103. <script>
  104. $(document).ready(function(){
  105. $('.photo-slideshow').pxuPhotoset({
  106. lightbox: true,
  107. rounded: false,
  108. gutter: '1px',
  109. borderRadius: '0px',
  110. photoset: '.photo-slideshow',
  111. photoWrap: '.photo-data',
  112. photo: '.pxu-photo'
  113. });
  114. });
  115. </script>
  116.  
  117. <!-- navigation -->
  118.  
  119. <script>
  120. $(document).ready(function() {
  121. $('.nav #trigger').click(function() {
  122. $('.entries').fadeOut();
  123. $('.popup').fadeIn();
  124. });
  125.  
  126. $('.popup #close').click(function() {
  127. $('.popup').fadeOut();
  128. $('.entries').fadeIn();
  129. });
  130. });
  131. </script>
  132.  
  133. <style type="text/css">
  134.  
  135. /* --- tumblr controls styling by cyantists
  136. http://cyantists.tumblr.com/tumblr_controls/hover --- */
  137.  
  138. iframe.tmblr-iframe {
  139. z-index:99999999999999!important;
  140. top:-2px!important;
  141. right:0!important;
  142. opacity:0;
  143. padding-right:38px;
  144. /* delete invert(1) from here */
  145. filter:invert(1) contrast(150%);
  146. -webkit-filter:invert(1) contrast(150%);
  147. -o-filter:invert(1) contrast(150%);
  148. -moz-filter:invert(1) contrast(150%);
  149. -ms-filter:invert(1) contrast(150%);
  150. /* to here if your blog has a dark background */
  151. transform:scale(0.65);
  152. transform-origin:100% 0;
  153. -webkit-transform:scale(0.65);
  154. -webkit-transform-origin:100% 0;
  155. -o-transform:scale(0.65);
  156. -o-transform-origin:100% 0;
  157. -moz-transform:scale(0.65);
  158. -moz-transform-origin:100% 0;
  159. -ms-transform:scale(0.65);
  160. -ms-transform-origin:100% 0;}
  161.  
  162. iframe.tmblr-iframe:hover {
  163. opacity:0.6!important;}
  164.  
  165. .hcontrols {
  166. position:fixed;
  167. top:0;
  168. right:0;
  169. z-index:999999999;}
  170.  
  171. .hcontrols svg {
  172. width:14px;
  173. height:14px;
  174. padding:9px;}
  175.  
  176. .hcontrols svg path {
  177. fill:#888888;/* change this to change the color of the icon */}
  178.  
  179. /* --- tooltips & scrollbars --- */
  180.  
  181. #s-m-t-tooltip {
  182. position:absolute;
  183. margin-top: 15px;
  184. z-index:9999;
  185. padding:3px 5px;
  186. background:{color:posts};
  187. color:{color:text};
  188. border-radius:3px;
  189. font-size:10px;
  190. -webkit-box-shadow: 0px 0px 5px 0px rgba({RGBcolor:posts},0.5);
  191. -moz-box-shadow: 0px 0px 5px 0px rgba({RGBcolor:posts},0.5);
  192. box-shadow: 0px 0px 5px 0px rgba({RGBcolor:posts},0.5);
  193. }
  194.  
  195. ::-webkit-scrollbar-thumb:vertical {background-color:{color:accent one};}
  196. ::-webkit-scrollbar-button:horizontal {background-color:{color:accent one};}
  197. ::-webkit-scrollbar {background-color:transparent; width:3px;}
  198.  
  199. /* --- basics --- */
  200.  
  201. body {
  202. background-color:{color:background};
  203. background-image:url('{image:background}');
  204. background-attachment:fixed;
  205. background-position:center center;
  206. {block:ifnotbackgroundpattern}
  207. background-repeat:no-repeat;
  208. background-size:cover;
  209. {/block:ifnotbackgroundpattern}
  210. {block:ifbackgroundpattern}
  211. background-repeat:repeat;
  212. background-size:auto;
  213. {/block:ifbackgroundpattern}
  214. color:{color:text};
  215. font-family: 'Work Sans', sans-serif;
  216. font-size:10px;
  217. line-height:15px;
  218. font-weight:300;
  219. text-align:justify;
  220. margin:0;
  221. }
  222.  
  223. a {
  224. color:{color:text};
  225. text-decoration:none;
  226. -moz-transition-duration: 0.5s;
  227. -o-transition-duration: 0.5s;
  228. -webkit-transition-duration: 0.5s;
  229. transition-duration: 0.5s;
  230. }
  231.  
  232. a:hover {
  233. color:{color:text};
  234. text-decoration:none;
  235. }
  236.  
  237. p a, .description a {box-shadow:{color:link} 0px -2px 0px inset;}
  238. p a:hover, .description a:hover {box-shadow:{color:link} 0px -17px 0px inset;}
  239.  
  240. img {
  241. border:none;
  242. text-decoration:none;
  243. }
  244.  
  245. b, strong, bold {
  246. color:{color:accent one};
  247. font-weight:700;
  248. }
  249.  
  250. i, em, italic {
  251. color:{color:accent two};
  252. }
  253.  
  254. u {
  255. text-decoration:none;
  256. }
  257.  
  258. .firstletter, u {
  259. display:block;
  260. float:left;
  261. padding:12px 14px;
  262. background:{color:accent one};
  263. color:{color:posts};
  264. font-weight:700;
  265. text-transform:uppercase;
  266. font-size:14px;
  267. margin:0px 10px 0px 0px;
  268. }
  269.  
  270. s, strike {
  271. text-decoration-color:{color:accent three};
  272. }
  273.  
  274. small, sub, sup, big {
  275. font-size:10px;
  276. line-height:14px;
  277. vertical-align:baseline;
  278. }
  279.  
  280. blockquote {
  281. padding:0px 5px 0px 15px;
  282. border-left:1px solid {color:border};
  283. margin-left:5px;
  284. margin-right:0px;
  285. }
  286.  
  287. blockquote img {
  288. max-width:360px;
  289. height:auto;
  290. }
  291.  
  292. blockquote blockquote {
  293. margin-right:0px;
  294. }
  295.  
  296. blockquote blockquote img {
  297. max-width:350px;
  298. height:auto;
  299. margin-top:10px;
  300. }
  301.  
  302. pre {
  303. font-family: 'Poppins', sans-serif;
  304. font-size:10px;
  305. text-transform:uppercase;
  306. font-weight:700;
  307. padding:10px;
  308. background-color:{color:accent three};
  309. color:{color:posts};
  310. border-radius:3px;
  311. }
  312.  
  313. pre i, pre em, pre b, pre strong, pre a {
  314. color:{color:posts};
  315. }
  316.  
  317. ul {
  318. padding-left:15px;
  319. }
  320.  
  321. ul li {
  322. list-style-type:none;
  323. }
  324.  
  325. ul li:before {
  326. content: "— ";
  327. text-indent: -5px;
  328. }
  329.  
  330. /* --- header styles --- */
  331.  
  332. h1 {
  333. margin:0px;
  334. font-weight:bold;
  335. color:{color:accent one};
  336. text-align:left;
  337. font-family: 'Poppins', sans-serif;
  338. }
  339.  
  340. h2 {
  341. font-weight:normal;
  342. color:{color:accent three};
  343. text-align:left;
  344. text-transform:uppercase;
  345. font-size:12px;
  346. font-family: 'Poppins', sans-serif;
  347. }
  348.  
  349. h2 b, b h2, h2 i, i h2,
  350. h2 strong, strong h2, h2 em, em h2 {
  351. color:{color:accent three};
  352. }
  353.  
  354.  
  355. /* --- container --- */
  356.  
  357. .container {
  358. position:absolute;
  359. margin-top:-325px;
  360. top:50%;
  361. left:50%;
  362. {block:ifnot500pxposts}
  363. margin-left:-500px;
  364. width:1000px;
  365. {/block:ifnot500pxposts}
  366. {block:if500pxposts}
  367. margin-left:-550px;
  368. width:1100px;
  369. {/block:if500pxposts}
  370. height:650px;
  371. overflow:hidden;
  372. background-color:{color:container};
  373. border:1px solid {color:border};
  374. box-shadow:5px 5px 0px {color:container}, 4px 6px 0px {color:border}, 6px 4px 0px {color:border}, 6px 6px 0px {color:border};
  375. }
  376.  
  377. /* --- sidebar decorations --- */
  378.  
  379. .svg-topleft {
  380. z-index:30;
  381. position:absolute;
  382. top:0px;
  383. left:0px;
  384. height:auto;
  385. width:450px;
  386. }
  387.  
  388. .svg-dots {
  389. z-index:60;
  390. position:absolute;
  391. top:130px;
  392. left:35px;
  393. height:auto;
  394. width:150px;
  395. }
  396.  
  397. .svg-grid {
  398. z-index:25;
  399. position:absolute;
  400. top:295px;
  401. left:40px;
  402. height:auto;
  403. width:170px;
  404. }
  405.  
  406. .svg-bottomright {
  407. z-index:1;
  408. position:absolute;
  409. right:0px;
  410. bottom:-4px;
  411. height:auto;
  412. width:560px;
  413. }
  414.  
  415. /* --- navigation --- */
  416.  
  417. .nav {
  418. position:absolute;
  419. z-index:200;
  420. left:285px;
  421. top:230px;
  422. width:180px;
  423. height:20px;
  424. text-align:right;
  425. font-size:11px;
  426. }
  427.  
  428. .nav a {
  429. color:{color:text};
  430. margin:0px 5px 0px 4px;
  431. }
  432.  
  433. .nav a:hover {
  434. color:{color:accent three};
  435. }
  436.  
  437. .nav #trigger {
  438. cursor:pointer;
  439. }
  440.  
  441. /* --- sidebar --- */
  442.  
  443. .sidebar-img {
  444. position:absolute;
  445. z-index:50;
  446. top:100px;
  447. left:100px;
  448. width:280px;
  449. height:380px;
  450. background-image:url('{image:sidebar}');
  451. background-repeat:no-repeat;
  452. background-size:cover;
  453. background-position:center center;
  454. border:1px solid {color:border};
  455. box-shadow:5px 5px 0px {color:posts}, 4px 6px 0px {color:border}, 6px 4px 0px {color:border}, 6px 6px 0px {color:border};
  456. }
  457.  
  458. /* --- sidebar title --- */
  459.  
  460. .sidebar-title {
  461. position:absolute;
  462. z-index:150;
  463. top:390px;
  464. left:50px;
  465. transform:rotate(-90deg);
  466. width:400px;
  467. height:60px;
  468. text-align:right;
  469. color:{color:accent three};
  470. text-transform:lowercase;
  471. font-size:52px;
  472. line-height:60px;
  473. font-weight:400;
  474. }
  475.  
  476. /* --- description --- */
  477.  
  478. .description {
  479. position:absolute;
  480. z-index:160;
  481. left:285px;
  482. top:250px;
  483. width:90px;
  484. height:60px;
  485. overflow:hidden;
  486. text-align:left;
  487. border-top:1px solid {color:border};
  488. padding:5px 90px 0px 0px;
  489. }
  490.  
  491. /* --- pagination --- */
  492.  
  493. .pagination {
  494. {block:ifnot500pxposts}
  495. width:440px;
  496. {/block:ifnot500pxposts}
  497. {block:if500pxposts}
  498. width:540px;
  499. {/block:if500pxposts}
  500. height:20px;
  501. left:0px!important;
  502. margin-top:-20px;
  503. text-align:center;
  504. padding:0px 0px 40px 0px!important;
  505. color:{color:text};
  506. }
  507.  
  508. .pagination a {
  509. color:{color:text};
  510. line-height:20px;
  511. }
  512.  
  513. .pagination .sf {
  514. font-size:7px;
  515. }
  516.  
  517. /* --- entries --- */
  518.  
  519. .entries {
  520. position:absolute;
  521. z-index:3;
  522. top:0px;
  523. right:0px;
  524. {block:ifnot500pxposts}
  525. width:520px;
  526. {/block:ifnot500pxposts}
  527. {block:if500pxposts}
  528. width:620px;
  529. {/block:if500pxposts}
  530. height:650px;
  531. overflow-x:hidden;
  532. overflow-y:auto;
  533. background-color:transparent;
  534. box-sizing:border-box;
  535. padding:60px 60px 0px 20px;
  536. }
  537.  
  538. /* --- posts --- */
  539.  
  540. .post {
  541. {block:ifnot500pxposts}
  542. width:400px;
  543. {/block:ifnot500pxposts}
  544. {block:if500pxposts}
  545. width:500px;
  546. {/block:if500pxposts}
  547. padding:20px;
  548. overflow:hidden;
  549. {block:IndexPage}
  550. margin-bottom:60px;
  551. {/block:IndexPage}
  552. {block:PermalinkPage}
  553. margin-bottom:60px;
  554. {/block:PermalinkPage}
  555. background-color:{color:posts};
  556. border:1px solid {color:border};
  557. box-shadow:5px 5px 0px {color:posts}, 4px 6px 0px {color:border}, 6px 4px 0px {color:border}, 6px 6px 0px {color:border};
  558. }
  559.  
  560. .post img {
  561. max-width:100%;
  562. height:auto;
  563. }
  564.  
  565. /* --- texts --- */
  566.  
  567. .title {
  568. font-weight:normal;
  569. font-size:22px;
  570. line-height:24px;
  571. color:{color:accent three};
  572. text-align:left;
  573. font-family: 'Poppins', sans-serif;
  574. }
  575.  
  576. .title a {
  577. color:{color:accent three};
  578. }
  579.  
  580. .more a {
  581. font-size:18px;
  582. color:{color:accent three};
  583. }
  584.  
  585. .txt {
  586. margin-bottom:20px;
  587. }
  588.  
  589. .txt img {
  590. max-width:200px;
  591. border-radius:3px;
  592. {block:ifimagewrap}
  593. float:left;
  594. margin-right:10px;
  595. {/block:ifimagewrap}
  596. }
  597.  
  598. .txt blockquote img {
  599. {block:ifimagewrap}
  600. float:right;
  601. margin-left:10px;
  602. margin-right:0px;
  603. {/block:ifimagewrap}
  604. }
  605.  
  606. .txt blockquote blockquote img {
  607. {block:ifimagewrap}
  608. float:left;
  609. margin-left:0px;
  610. margin-right:10px;
  611. margin-top:0px;
  612. {/block:ifimagewrap}
  613. }
  614.  
  615. /* --- photos --- */
  616.  
  617. .photo {
  618. margin:-20px -20px 0px -20px;
  619. }
  620.  
  621. .photo-slideshow {
  622. margin:-20px -20px 0px -20px;
  623. }
  624.  
  625. .photo-slideshow img {
  626. border-radius:0px;
  627. }
  628.  
  629. /* --- quotes --- */
  630.  
  631. .quote {
  632. text-align:left;
  633. font-size:18px;
  634. line-height:25px;
  635. font-weight:400;
  636. font-family: 'Poppins', sans-serif;
  637. }
  638.  
  639. .source {
  640. margin-top:4px;
  641. text-align:right;
  642. }
  643.  
  644. /* --- audio --- */
  645.  
  646. .audio {
  647. float:left;
  648. width:70px;
  649. height:70px;
  650. position:relative;
  651. overflow:hidden;
  652. }
  653.  
  654. .audio:hover .play {opacity:1;width:30px;}
  655. .audio:hover img {margin-left:30px;}
  656.  
  657. .cover img {
  658. width:70px;
  659. position:absolute;
  660. transition:0.5s ease;
  661. -o-transition:0.5s ease;
  662. -moz-transition:0.5s ease;
  663. -webkit-transition:0.5s ease;
  664. }
  665.  
  666. .play {
  667. overflow:hidden;
  668. width:0px;
  669. height:30px;
  670. background:{color:posts};
  671. position:absolute;
  672. padding:20px 0px;
  673. transition:0.5s ease;
  674. -o-transition:0.5s ease;
  675. -moz-transition:0.5s ease;
  676. -webkit-transition:0.5s ease;
  677. }
  678.  
  679. .au b {
  680. color:{color:accent one};
  681. font-weight:700;
  682. margin-right:2px;
  683. }
  684.  
  685. .au {
  686. height:45px;
  687. overflow:hidden;
  688. padding:12px 10px;
  689. line-height:15px;
  690. margin-left:70px;
  691. text-align:left;
  692. }
  693.  
  694. /* --- asks --- */
  695.  
  696. .question {
  697. margin:0px 0px 10px 0px;
  698. border-radius:3px;
  699. padding:20px;
  700. background-color:{color:container};
  701. }
  702.  
  703. .asker {
  704. float:left;
  705. margin-right:2px;
  706. color:{color:accent one};
  707. font-weight:700;
  708. text-transform:lowercase;
  709. }
  710.  
  711. /* --- chat --- */
  712.  
  713. .chat ul {
  714. list-style-type:none;
  715. padding-left:0px;
  716. margin-bottom:20px;
  717. }
  718.  
  719. .chat ul li:before {
  720. content: none;
  721. text-indent: 0px;
  722. }
  723.  
  724. .chat ul li {
  725. margin-bottom:5px;
  726. }
  727.  
  728. .chat .label {
  729. text-transform:uppercase;
  730. font-weight:700;
  731. color:{color:accent one};
  732. }
  733.  
  734. /* --- permalinks --- */
  735.  
  736. .permalink {
  737. font-weight:700;
  738. margin:0px -20px -20px -20px;
  739. padding:10px;
  740. font-size:8px;
  741. letter-spacing:0px;
  742. text-transform:uppercase;
  743. background-color:{color:posts};
  744. border-top:1px solid {color:border};
  745. border-radius:0px 0px 3px 3px;
  746. color:{color:text};
  747. font-family: 'Poppins', sans-serif;
  748. }
  749.  
  750. .permalink a {
  751. display:inline-block;
  752. color:{color:text};
  753. }
  754.  
  755. .reb {
  756. display:inline-block;
  757. vertical-align:middle;
  758. float:right;
  759. font-size:10px;
  760. }
  761.  
  762. .reb i {
  763. color:{color:text};
  764. }
  765.  
  766. /* --- tags --- */
  767.  
  768. .tags {
  769. margin-top:0px;
  770. -webkit-transition-duration: 0.6s;
  771. transition-duration: 0.6s;
  772. text-align:justify;
  773. font-weight:400;
  774. }
  775.  
  776. .tags a {
  777. display:inline;
  778. text-transform:none;
  779. line-height:14px;
  780. padding-bottom:1px;
  781. margin:2px 4px 0px 0px;
  782. color:{color:text};
  783. border-bottom:1px solid transparent;
  784. }
  785.  
  786. .tags a:hover {
  787. border-bottom:1px solid {color:text};
  788. }
  789.  
  790. /* --- notes --- */
  791.  
  792. .pagenotes {
  793. {block:IndexPage}
  794. display: none!important;
  795. {/block:IndexPage}
  796. {block:ifnot500pxposts}
  797. width:400px;
  798. {/block:ifnot500pxposts}
  799. {block:if500pxposts}
  800. width:500px;
  801. {/block:if500pxposts}
  802. text-align:left;
  803. background-color:{color:posts};
  804. padding:20px;
  805. margin-bottom:20px;
  806. border-radius:3px;
  807. box-shadow:rgba(0,0,0,.05) 1px 1px 3px;
  808. }
  809.  
  810. .pagenotes img {
  811. display:none;
  812. }
  813.  
  814. .pagenotes a {
  815. color:{color:accent three};
  816. font-weight:bold;
  817. }
  818.  
  819. .pagenotes ol {
  820. list-style-type:none;
  821. margin:0px;
  822. padding:0px;
  823. }
  824.  
  825. .pagenotes ol li {
  826. margin:5px;
  827. }
  828.  
  829. /* --- popup --- */
  830.  
  831. .popup {
  832. display:none;
  833. position:absolute;
  834. z-index:999;
  835. top:0px;
  836. left:500px;
  837. height:650px;
  838. {block:ifnot500pxposts}
  839. width:500px;
  840. {/block:ifnot500pxposts}
  841. {block:if500pxposts}
  842. width:600px;
  843. {/block:if500pxposts}
  844. }
  845.  
  846. .popup #close {
  847. position:absolute;
  848. z-index:999;
  849. top:20px;
  850. right:20px;
  851. font-size:16px;
  852. cursor:pointer;
  853. -moz-transition-duration: 0.5s;
  854. -o-transition-duration: 0.5s;
  855. -webkit-transition-duration: 0.5s;
  856. transition-duration: 0.5s;
  857. }
  858.  
  859. .popup #close:hover {
  860. color:{color:accent three};
  861. }
  862.  
  863. .popup-title {
  864. position:absolute;
  865. z-index:200;
  866. top:60px;
  867. left:-10px;
  868. width:250px;
  869. height:50px;
  870. text-align:left;
  871. color:{color:accent three};
  872. text-transform:lowercase;
  873. font-size:45px;
  874. line-height:50px;
  875. font-weight:400;
  876. }
  877.  
  878. .popup-img {
  879. position:absolute;
  880. z-index:50;
  881. top:60px;
  882. left:110px;
  883. {block:ifnot500pxposts}
  884. width:340px;
  885. {/block:ifnot500pxposts}
  886. {block:if500pxposts}
  887. width:440px;
  888. {/block:if500pxposts}
  889. height:210px;
  890. background-image:url('{image:popup}');
  891. background-repeat:no-repeat;
  892. background-size:cover;
  893. background-position:center center;
  894. border:1px solid {color:border};
  895. box-shadow:5px 5px 0px {color:posts}, 4px 6px 0px {color:border}, 6px 4px 0px {color:border}, 6px 6px 0px {color:border};
  896. }
  897.  
  898. .popup-desc {
  899. position:absolute;
  900. z-index:160;
  901. left:30px;
  902. top:240px;
  903. {block:ifnot500pxposts}
  904. width:190px;
  905. {/block:ifnot500pxposts}
  906. {block:if500pxposts}
  907. width:290px;
  908. {/block:if500pxposts}
  909. height:250px;
  910. padding:15px 20px 20px 20px;
  911. box-sizing:border-box;
  912. font-size:10px;
  913. line-height:18px;
  914. overflow-x:hidden;
  915. overflow-y:auto;
  916. background-color:{color:posts};
  917. border:1px solid {color:border};
  918. box-shadow:5px 5px 0px {color:posts}, 4px 6px 0px {color:border}, 6px 4px 0px {color:border}, 6px 6px 0px {color:border};
  919. }
  920.  
  921. .popup-nav {
  922. position:absolute;
  923. z-index:250;
  924. top:320px;
  925. {block:ifnot500pxposts}
  926. left:260px;
  927. {/block:ifnot500pxposts}
  928. {block:if500pxposts}
  929. left:360px;
  930. {/block:if500pxposts}
  931. width:auto;
  932. height:auto;
  933. text-align:left;
  934. }
  935.  
  936. .popup-nav a {
  937. display:block;
  938. width:auto;
  939. height:20px;
  940. font-size:16px;
  941. line-height:20px;
  942. margin:0px 0px 10px 0px;
  943. text-transform:lowercase;
  944. letter-spacing:1px;
  945. }
  946.  
  947. .popup-nav a:before {
  948. content:'\e017';
  949. font-family:'saturnicons';
  950. font-size:60%;
  951. margin-right:5px;
  952. }
  953.  
  954. .popup-nav a:hover {
  955. color:{color:accent two};
  956. font-style:italic;
  957. }
  958.  
  959. .svg-line {
  960. position:absolute;
  961. z-index:888;
  962. top:210px;
  963. right:20px;
  964. width:200px;
  965. height:auto;
  966. }
  967.  
  968. .svg-triangles {
  969. position:absolute;
  970. z-index:1;
  971. left:-10px;
  972. bottom:20px;
  973. {block:ifnot500pxposts}
  974. width:500px;
  975. {/block:ifnot500pxposts}
  976. {block:if500pxposts}
  977. width:600px;
  978. {/block:if500pxposts}
  979. height:auto;
  980. }
  981.  
  982.  
  983. /* --- credit --- */
  984.  
  985. .credit a {
  986. position:fixed;
  987. font-size:14px;
  988. right:10px;
  989. bottom:10px;
  990. text-align:center;
  991. width:15px;
  992. height:15px;
  993. line-height:15px;
  994. color:{color:accent one};
  995. }
  996.  
  997.  
  998. {CustomCSS}
  999.  
  1000. </style>
  1001. </head>
  1002. <body>
  1003.  
  1004. <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>
  1005.  
  1006.  
  1007. <div class="container">
  1008.  
  1009. <div class="svg-topleft">
  1010. <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 423.48 508"><defs><style>.cls-1{fill:{color:accent one};}</style></defs><path class="cls-1" d="M0,476.93a30.23,30.23,0,0,0,24.5,29.74c12.16,2.33,24,2.21,34-5.45,18.84-14.45,28-40,33.53-64.67,14.59-64.7.39-132.88,14.94-197.58,9.1-40.48,32.52-91.75,69-101.56,37.89-10.18,83.58,27.81,122.5,30.27,33.46,2.12,66.26-17.2,87.71-45.82s32.47-65.52,36.26-102.52a189.37,189.37,0,0,0,1-19.34H0Z" transform="translate(0 0)"/></svg>
  1011. </div>
  1012.  
  1013. <div class="svg-dots">
  1014. <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 211.01 197.01"><defs><style>.cls-2{fill:{color:accent two};}</style></defs><path class="cls-2" d="M76.07,51.41c-.58,3.22,1.18,6.35,3.84,8.21a18.47,18.47,0,0,0,.2,4.16c1.49,9,14,10,17.38,1.8,1.28-3.12,2.14-6.25,3.84-9.18a94,94,0,0,0,5.82-10.94A8.47,8.47,0,0,0,104.34,35c1.7-3.42,1.53-7.37-1.8-9.89-3.06-2.31-8.16-1.77-10.36,1.56C91,28.33,89.83,30,88.63,31.56c-3.7,4.73-7.78,9.16-11.18,14.07A4.74,4.74,0,0,0,76.07,51.41Z"/><path class="cls-2" d="M155.57,67.14c-.8-1.72-4-1.74-4.09.48a28.55,28.55,0,0,1-.62,4.82A45.55,45.55,0,0,0,145,82a3.51,3.51,0,0,0,.49,3.68,12.56,12.56,0,0,0,.16,6.78c1.65,4.93,8.57,4.84,10.78.49,1.58-3.09,1-6.18,1.87-9.45s2.27-6.41,3.44-9.58C163.23,69.88,159,65.64,155.57,67.14Z"/><path class="cls-2" d="M109.64,106.66q-.52,1.08-1,2.16a8.48,8.48,0,0,0-2.38,2.66c-3.93,6.76-9,12.93-12,20.17-1.33,3.19.89,7.37,3.66,9,3.23,1.89,6.92,1.06,9.66-1.24a34.61,34.61,0,0,0,4.52-4.68,6.11,6.11,0,0,0,5.26-3.62,91.06,91.06,0,0,0,4.3-13.12,7.93,7.93,0,0,0-.9-6.38l.06-.22C123.18,104.9,112.71,100.45,109.64,106.66Z"/><path class="cls-2" d="M20.89,104.7c-.1.11-.2.23-.31.34a4.84,4.84,0,0,0-3.3-.46,7.18,7.18,0,0,0-7.81.56A15.74,15.74,0,0,0,4.27,112a46.64,46.64,0,0,0-3.71,6.58c-2.61,5.85,4.53,11.08,9.37,8.67a4.15,4.15,0,0,0,4.65-1.3l0,0c2.72-4.43,5.12-9,7.75-13.5a6.14,6.14,0,0,0,.75-2c.63-.88,1.28-1.75,2-2.6C27.28,105.17,23.18,102.37,20.89,104.7Z"/><path class="cls-2" d="M145,2.41a68.64,68.64,0,0,0-7.13,11.51c-1.65,3.61-.46,7.8,3.44,9.3s7.57-.79,8.78-4.59,1.42-8.11,3.07-11.74C155.57,1.5,147.85-2.92,145,2.41Z"/><path class="cls-2" d="M34.73,52.27c1.92-4,3.93-8,5.75-12.07a8.38,8.38,0,0,0,.83-1.31,24.67,24.67,0,0,0,1.06-2.44,12.75,12.75,0,0,1,2.87-2.35c1.66-1,1.07-4-1-3.84a1.38,1.38,0,0,0-.2,0c.39-7.81-11.56-10.57-14-2.25-.08.26-.17.53-.26.8a106.22,106.22,0,0,0-7.17,11.91,5.84,5.84,0,0,0,0,5.82c-.89,3.07-.17,6.37,2.87,8.15S33.16,55.62,34.73,52.27Z"/><path class="cls-2" d="M188.84,51c0,.48,0,1,0,1.43a.94.94,0,0,0,1.87,0l0-.44c2.74.89,6.1.07,7.47-2.82a5.89,5.89,0,0,0,5.89-4.23c2.24-7.9,5.36-15.73,6.68-23.86,1.69-5.28-6.39-7.77-8.44-3.06-.09-.35-.17-.7-.28-1a3.11,3.11,0,0,0-2.77-2.31c-.07-1.34-.17-2.7-.36-4.07-.28-2-3.49-1.84-3.92,0-2,8.61-4,17.26-5.14,26-1.67,3.17-3,6.6-3.14,9.82A5.29,5.29,0,0,0,188.84,51Z"/><path class="cls-2" d="M28.52,177.71a7.56,7.56,0,0,0,6.94-1.05c3.07-.21,6.25-2.22,6.78-5.36.72-2.25,1.28-4.54,2-6.77a6.82,6.82,0,0,0,.11-3.85c.39-2,.74-4.09.94-6.17.4-4.12-4-5.78-7.18-4.5-1.84-.71-4.29-.11-4.74,2.18-.21,1.11-.46,2.24-.66,3.37a8.87,8.87,0,0,0-3,2.83c-.29.31-.56.63-.85.94-.8.87-1.62,1.72-2.48,2.52a13.66,13.66,0,0,0-2.75,3,10.75,10.75,0,0,0-1,2.34,12.14,12.14,0,0,0-.07,2.43h0A8.54,8.54,0,0,0,28.52,177.71Z"/><path class="cls-2" d="M70.28,99.71a2.77,2.77,0,0,0-.15-.49c.84-2.24-2.25-3.68-3.86-2.37a3.49,3.49,0,0,0-3.71,2.86c-.5,2.47-1.64,4.31-2.69,6.56-1.54,3.3-.36,7.36,3.42,8.4,3.45,1,7.41-1.77,7.24-5.52C70.38,106,70.91,102.89,70.28,99.71Z"/><path class="cls-2" d="M83.94,182.37l-.66.77-1,1c-3.09,1.67-4.91,5.39-2.61,9.13,3.36,5.46,10.75,4.6,14.16-.25.93-1.32,1.76-2.71,2.58-4.12a4.68,4.68,0,0,0,2.14-2.33,28,28,0,0,0,2.07-5.31c0-.05,0-.1,0-.16.39-.58.81-1.15,1.17-1.71,1-1.5,1.91-3,2.78-4.56,1.72-3.08-2.12-5.62-4.64-3.58-1,.82-2,1.7-2.88,2.6A5.35,5.35,0,0,0,89.9,175c-1.69,2-3.24,4-4.88,6C84.67,181.51,84.29,181.93,83.94,182.37Z"/></svg>
  1015. </div>
  1016.  
  1017. <div class="svg-grid">
  1018. <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.35 196.45"><defs><style>.cls-3{fill:{color:border};}</style></defs><path class="cls-3" d="M8.94,196.36V.09S9,0,9.13,0s.2,0,.2.09V196.36s-.09.09-.2.09S8.94,196.41,8.94,196.36Z"/><path class="cls-3" d="M17.88,196.36V.09S18,0,18.07,0s.2,0,.2.09V196.36s-.09.09-.2.09S17.88,196.41,17.88,196.36Z"/><path class="cls-3" d="M26.82,196.36V.09S26.91,0,27,0s.2,0,.2.09V196.36s-.09.09-.2.09S26.82,196.41,26.82,196.36Z"/><path class="cls-3" d="M35.76,196.36V.09S35.85,0,36,0s.2,0,.2.09V196.36s-.09.09-.2.09S35.76,196.41,35.76,196.36Z"/><path class="cls-3" d="M44.7,196.36V.09s.09-.09.19-.09.2,0,.2.09V196.36s-.09.09-.2.09S44.7,196.41,44.7,196.36Z"/><path class="cls-3" d="M53.64,196.36V.09s.09-.09.19-.09.2,0,.2.09V196.36s-.09.09-.2.09S53.64,196.41,53.64,196.36Z"/><path class="cls-3" d="M62.58,196.36V.09s.09-.09.19-.09.2,0,.2.09V196.36s-.09.09-.2.09S62.58,196.41,62.58,196.36Z"/><path class="cls-3" d="M71.52,196.36V.09S71.6,0,71.71,0s.2,0,.2.09V196.36s-.09.09-.2.09S71.52,196.41,71.52,196.36Z"/><path class="cls-3" d="M80.46,196.36V.09s.08-.09.19-.09.2,0,.2.09V196.36s-.09.09-.2.09S80.46,196.41,80.46,196.36Z"/><path class="cls-3" d="M89.4,196.36V.09s.08-.09.19-.09.2,0,.2.09V196.36s-.09.09-.2.09S89.4,196.41,89.4,196.36Z"/><path class="cls-3" d="M98.34,196.36V.09s.08-.09.19-.09.2,0,.2.09V196.36s-.09.09-.2.09S98.34,196.41,98.34,196.36Z"/><path class="cls-3" d="M107.28,196.36V.09s.08-.09.19-.09.2,0,.2.09V196.36s-.09.09-.2.09S107.28,196.41,107.28,196.36Z"/><path class="cls-3" d="M116.22,196.36V.09s.08-.09.19-.09.2,0,.2.09V196.36s-.09.09-.2.09S116.22,196.41,116.22,196.36Z"/><path class="cls-3" d="M0,186.52c0-.11,0-.19.06-.19H126.3s0,.08,0,.19,0,.2,0,.2H.06S0,186.63,0,186.52Z"/><path class="cls-3" d="M0,176.79c0-.11,0-.2.06-.2H126.3s0,.09,0,.2,0,.19,0,.19H.06S0,176.89,0,176.79Z"/><path class="cls-3" d="M0,167.05c0-.11,0-.19.06-.19H126.3s0,.08,0,.19,0,.2,0,.2H.06S0,167.16,0,167.05Z"/><path class="cls-3" d="M0,157.32c0-.11,0-.2.06-.2H126.3s0,.09,0,.2,0,.19,0,.19H.06S0,157.43,0,157.32Z"/><path class="cls-3" d="M0,147.58c0-.1,0-.19.06-.19H126.3s0,.09,0,.19,0,.2,0,.2H.06S0,147.69,0,147.58Z"/><path class="cls-3" d="M0,137.85c0-.11,0-.2.06-.2H126.3s0,.09,0,.2,0,.19,0,.19H.06S0,138,0,137.85Z"/><path class="cls-3" d="M0,128.12c0-.11,0-.2.06-.2H126.3s0,.09,0,.2,0,.19,0,.19H.06S0,128.22,0,128.12Z"/><path class="cls-3" d="M0,118.38c0-.11,0-.19.06-.19H126.3s0,.08,0,.19,0,.2,0,.2H.06S0,118.49,0,118.38Z"/><path class="cls-3" d="M0,108.65c0-.11,0-.2.06-.2H126.3s0,.09,0,.2,0,.19,0,.19H.06S0,108.75,0,108.65Z"/><path class="cls-3" d="M0,98.91c0-.11,0-.19.06-.19H126.3s0,.08,0,.19,0,.2,0,.2H.06S0,99,0,98.91Z"/><path class="cls-3" d="M0,89.18c0-.11,0-.2.06-.2H126.3s0,.09,0,.2,0,.19,0,.19H.06S0,89.29,0,89.18Z"/><path class="cls-3" d="M0,79.44c0-.1,0-.19.06-.19H126.3s0,.09,0,.19,0,.2,0,.2H.06S0,79.55,0,79.44Z"/><path class="cls-3" d="M0,69.71c0-.11,0-.2.06-.2H126.3s0,.09,0,.2,0,.19,0,.19H.06S0,69.82,0,69.71Z"/><path class="cls-3" d="M0,60c0-.1,0-.19.06-.19H126.3s0,.09,0,.19,0,.2,0,.2H.06S0,60.08,0,60Z"/><path class="cls-3" d="M0,50.24c0-.11,0-.19.06-.19H126.3s0,.08,0,.19,0,.2,0,.2H.06S0,50.35,0,50.24Z"/><path class="cls-3" d="M0,40.51c0-.11,0-.2.06-.2H126.3s0,.09,0,.2,0,.19,0,.19H.06S0,40.61,0,40.51Z"/><path class="cls-3" d="M0,30.77c0-.11,0-.19.06-.19H126.3s0,.08,0,.19,0,.2,0,.2H.06S0,30.88,0,30.77Z"/><path class="cls-3" d="M0,21c0-.11,0-.2.06-.2H126.3s0,.09,0,.2,0,.19,0,.19H.06S0,21.15,0,21Z"/><path class="cls-3" d="M0,11.3c0-.1,0-.19.06-.19H126.3s0,.09,0,.19,0,.2,0,.2H.06S0,11.41,0,11.3Z"/></svg>
  1019. </div>
  1020.  
  1021. <div class="svg-bottomright">
  1022. <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 424.2 241"><defs><style>.cls-4{fill:{color:accent three};}</style></defs><path class="cls-4" d="M.87,222.69c3.68-14.72,16.59-19.6,25.79-23.27,25.62-10.23,27.54-4.89,34.68-39.28,3.84-18.55,8.74-35.78,21.82-45.8,38-29.12,100.43,1.3,139.41,11,14.47,3.59,72.45,28.36,86,7.28,8.18-12.71,4.53-33.59,14.74-48,10.41-14.69,24.6-17.28,36.35-27.26,22.73-19.3-.93-18.13,7.33-46,5.85-19.79,34.93-9.78,57.2,1.65V241H2.8A25.59,25.59,0,0,1,.87,222.69Z" transform="translate(0 0)"/></svg>
  1023. </div>
  1024.  
  1025.  
  1026.  
  1027. <!-- sidebar -->
  1028.  
  1029. <div class="sidebar-title">
  1030. {Title}
  1031. </div>
  1032.  
  1033. <div class="nav">
  1034. <a href="/">
  1035. <span class="sf sf-refresh"></span>
  1036. </a>
  1037. <a href="/ask">
  1038. <span class="sf sf-chat-o"></span>
  1039. </a>
  1040. <a id="trigger">
  1041. <span class="sf sf-plus"></span>
  1042. </a>
  1043. </div>
  1044.  
  1045. <div class="sidebar-img"></div>
  1046.  
  1047. <div class="description">{Description}</div>
  1048.  
  1049. <!-- start of posts -->
  1050.  
  1051. <div class="entries">
  1052.  
  1053. {block:Posts}
  1054. <div class="post" id="{PostID}">
  1055.  
  1056.  
  1057. {block:Quote}
  1058. <div class="txt">
  1059. <div class="quote">{Quote}</div>
  1060. {block:Source}
  1061. <div class="source"><p>&mdash; {Source}</p></div>
  1062. {/block:Source}
  1063. </div>
  1064. {/block:Quote}
  1065.  
  1066.  
  1067. {block:Text}
  1068. <div class="txt">
  1069. {block:Title}
  1070. <div class="title">{Title}</div>
  1071. {/block:Title}
  1072.  
  1073. {Body}
  1074.  
  1075. {block:More}
  1076. <div class="more">
  1077. <a href="{Permalink}">continue reading...</a>
  1078. </div>
  1079. {/block:More}
  1080. </div>
  1081. {/block:Text}
  1082.  
  1083. {block:Link}
  1084. <div class="txt">
  1085. <div class="title">
  1086. <a href="{URL}">{Name}</a>
  1087. </div>
  1088.  
  1089. {block:Description}
  1090. {Description}
  1091. {/block:Description}
  1092.  
  1093. {block:More}
  1094. <div class="more">
  1095. <a href="{Permalink}">continue reading...</a>
  1096. </div>
  1097. {/block:More}
  1098. </div>
  1099. {/block:Link}
  1100.  
  1101. {block:Chat}
  1102. {block:Title}
  1103. <div class="title">{Title}</div>
  1104. {/block:Title}
  1105.  
  1106. <div class="chat">
  1107. <ul>
  1108. {block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}
  1109. {Line}</li>{/block:Lines}
  1110. </ul>
  1111. </div>
  1112. {/block:Chat}
  1113.  
  1114. {block:Photo}
  1115. <div class="photo">
  1116. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  1117. </div>
  1118. {block:Caption}
  1119. <div class="txt">
  1120. {Caption}
  1121.  
  1122. {block:More}
  1123. <div class="more">
  1124. <a href="{Permalink}">continue reading...</a>
  1125. </div>
  1126. {/block:More}
  1127. </div>
  1128. {/block:Caption}
  1129. {/block:Photo}
  1130.  
  1131. {block:Photoset}
  1132. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1133. {block:Photos}
  1134. <div class="photo-data">
  1135. <div class="pxu-photo">
  1136. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1137. </div>
  1138.  
  1139. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1140. </div>
  1141. {/block:Photos}
  1142. </div>
  1143. {block:Caption}
  1144. <div class="txt">
  1145. {Caption}
  1146.  
  1147. {block:More}
  1148. <div class="more">
  1149. <a href="{Permalink}">continue reading...</a>
  1150. </div>
  1151. {/block:More}
  1152. </div>
  1153. {/block:Caption}
  1154. {/block:Photoset}
  1155.  
  1156. {block:Video}
  1157. <div class="photo">{Video-500}</div>
  1158. {block:Caption}<div class="txt">{Caption}</div>{/block:Caption}
  1159. {/block:Video}
  1160.  
  1161. {block:Audio}
  1162. <div class="txt">
  1163. <div class="audio">
  1164. {block:AlbumArt}
  1165. <div class="cover">
  1166. <img src="{AlbumArtURL}">
  1167. </div>
  1168. {/block:AlbumArt}
  1169.  
  1170. {block:AudioPlayer}
  1171. <div class="play">{AudioPlayerWhite}</div>
  1172. {/block:AudioPlayer}
  1173. </div>
  1174.  
  1175. <div class="au">
  1176. {block:TrackName}<b>Track:</b> {block:TrackName}{TrackName}<br>{/block:TrackName}
  1177. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  1178. <b>Plays:</b> {FormattedPlayCount}
  1179. </div>
  1180.  
  1181. {block:Caption}{Caption}{/block:Caption}
  1182. </div>
  1183. {/block:Audio}
  1184.  
  1185. {block:Answer}
  1186. <div class="txt">
  1187. <div class="question">
  1188. <div class="asker">{Asker}</div> said, &ldquo;{Question}&rdquo;
  1189. </div>
  1190. {Answer}
  1191.  
  1192. {block:More}
  1193. <div class="more">
  1194. <a href="{Permalink}">continue reading...</a>
  1195. </div>
  1196. {/block:More}
  1197. </div>
  1198. {/block:Answer}
  1199.  
  1200.  
  1201. {block:Date}
  1202. <div style="clear:both;"></div>
  1203.  
  1204. <div class="permalink">
  1205. <a href="{Permalink}">
  1206. posted {TimeAgo}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  1207. </a>
  1208.  
  1209. <a class="reb" href="{ReblogURL}">
  1210. <span class="sf sf-reblog"></span>
  1211. </a>
  1212.  
  1213. {block:PermalinkPage}
  1214. {block:RebloggedFrom}
  1215. <br>
  1216. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1217. &nbsp;
  1218. {/block:RebloggedFrom}
  1219.  
  1220. {block:ContentSource}
  1221. source: <a href="{SourceURL}">{SourceTitle}</a>
  1222. {/block:ContentSource}
  1223. {/block:PermalinkPage}
  1224.  
  1225. <br>
  1226.  
  1227. {block:HasTags}
  1228. <div class="tags">
  1229. {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1230. </div>
  1231. {/block:HasTags}
  1232. </div>
  1233. {/block:Date}
  1234.  
  1235.  
  1236. </div> <!-- end of .post -->
  1237.  
  1238.  
  1239. {block:PostNotes}
  1240. <div class="pagenotes">
  1241. {PostNotes}
  1242. </div>
  1243. {/block:PostNotes}
  1244.  
  1245.  
  1246. {/block:Posts}
  1247.  
  1248. {block:Pagination}
  1249. <div class="pagination">
  1250. {block:PreviousPage}
  1251. <a href="{PreviousPage}"><span class="sf sf-chevron-left"></span></a>
  1252. {/block:PreviousPage}
  1253.  
  1254. {CurrentPage} of {TotalPages}
  1255.  
  1256. {block:NextPage}
  1257. <a href="{NextPage}"><span class="sf sf-chevron-right"></span></a>
  1258. {/block:NextPage}
  1259. </div>
  1260. {/block:Pagination}
  1261.  
  1262. </div> <!-- end of .entries -->
  1263.  
  1264. <div class="popup">
  1265. <div class="popup-title">navigate</div>
  1266.  
  1267. <div class="svg-line">
  1268. <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 350.74 154.46"><defs><style>.b-1{fill:{color:accent two};}</style></defs><path class="b-1" d="M325.58,32.87c4.81-1.88,4.74-7.75,1.92-10.38q12.67-4,25.26-8.29C358.43,12.26,355.81,4,350,5.35c-45.32,11-90,25.14-134.72,38.77a4.77,4.77,0,0,0-3.53.27l-5.72,2.54q-9.9,3-19.79,5.94-36.48,10.8-72.93,21.69Q68.11,88.06,22.9,101.61c-4.85,1.45-2.55,8.89,2.31,7.51l64.4-18.35q29.21-8.33,58.39-16.7Q99.45,97.91,52.53,124.91q-4.94,2.84-9.84,5.71-9.07,3.54-18.15,7.08a4.42,4.42,0,0,0-2.87,4.51c-4.61,2.43-9.22,4.86-13.81,7.33-6.32,3.39-.31,12.75,6,9.4q11.49-6.1,23.07-12,19.27-9.85,38.76-19.18C159.06,96.32,242.62,65.32,325.58,32.87Z" transform="translate(-5.18 -5.19)"/></svg>
  1269. </div>
  1270.  
  1271. <div class="popup-img"></div>
  1272.  
  1273. <div class="popup-desc">
  1274. {text:nav text}
  1275. </div>
  1276.  
  1277. <div class="popup-nav">
  1278. {block:iflink1url}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:iflink1url}
  1279. {block:iflink2url}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:iflink2url}
  1280. {block:iflink3url}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:iflink3url}
  1281. {block:iflink4url}<a href="{text:link 4 url}">{text:link 4 title}</a>{/block:iflink4url}
  1282. {block:iflink5url}<a href="{text:link 5 url}">{text:link 5 title}</a>{/block:iflink5url}
  1283. {block:iflink6url}<a href="{text:link 6 url}">{text:link 6 title}</a>{/block:iflink6url}
  1284. {block:iflink7url}<a href="{text:link 7 url}">{text:link 7 title}</a>{/block:iflink7url}
  1285. {block:iflink8url}<a href="{text:link 8 url}">{text:link 8 title}</a>{/block:iflink8url}
  1286. </div>
  1287.  
  1288. <div class="svg-triangles">
  1289. <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 362.56 192.44"><defs><style>.a-1{fill:{color:accent one};}.a-2{fill:{color:accent two};}.a-3{fill:{color:link};}</style></defs><path class="a-1" d="M148,99.76l2.8-4a1,1,0,0,0-.71-1.52l-4.86-.42a1,1,0,0,0-1,1.37l2.07,4.43A1,1,0,0,0,148,99.76Z"/><path class="a-1" d="M192.21,108.63,188.12,106a1,1,0,0,0-1.49.76l-.28,4.87a1,1,0,0,0,1.4.93l4.36-2.2A1,1,0,0,0,192.21,108.63Z"/><path class="a-1" d="M116.48,59.29l4,2.75a1,1,0,0,0,1.52-.72l.37-4.87a1,1,0,0,0-1.39-1l-4.4,2.11A1,1,0,0,0,116.48,59.29Z"/><path class="a-1" d="M255.13,50.8l.61-4.84a1,1,0,0,0-1.34-1l-4.5,1.9a1,1,0,0,0-.21,1.66l3.89,3A1,1,0,0,0,255.13,50.8Z"/><path class="a-1" d="M188.69,72.38l-.09-4.88a1,1,0,0,0-1.47-.81L183,69.21a1,1,0,0,0,0,1.67l4.27,2.37A1,1,0,0,0,188.69,72.38Z"/><path class="a-1" d="M214.28,160.87,209.77,159a1,1,0,0,0-1.33,1l.64,4.84a1,1,0,0,0,1.55.65l3.87-3A1,1,0,0,0,214.28,160.87Z"/><path class="a-1" d="M56.59,170.72l.52,4.86a1,1,0,0,0,1.54.67l3.94-2.88a1,1,0,0,0-.18-1.66l-4.46-2A1,1,0,0,0,56.59,170.72Z"/><path class="a-1" d="M112.8,138.26l-2.55-4.16a1,1,0,0,0-1.68,0l-2.33,4.29a1,1,0,0,0,.88,1.44l4.88-.13A1,1,0,0,0,112.8,138.26Z"/><path class="a-2" d="M104.37,93.86l-4.89,0a1,1,0,0,0-.84,1.45l2.42,4.24a1,1,0,0,0,1.68,0l2.46-4.22A1,1,0,0,0,104.37,93.86Z"/><path class="a-2" d="M152.46,135.76l-3.32,3.58a1,1,0,0,0,.5,1.6L154.4,142a1,1,0,0,0,1.14-1.24l-1.44-4.66A1,1,0,0,0,152.46,135.76Z"/><path class="a-2" d="M182.3,177.94l-4.83-.72a1,1,0,0,0-1,1.31l1.79,4.55a1,1,0,0,0,1.66.25l3-3.83A1,1,0,0,0,182.3,177.94Z"/><path class="a-2" d="M12.49,102.36l4.87.44a1,1,0,0,0,1-1.37L16.27,97a1,1,0,0,0-1.67-.15l-2.81,4A1,1,0,0,0,12.49,102.36Z"/><path class="a-2" d="M2.63,147.57l3.63-3.27a1,1,0,0,0-.35-1.64l-4.64-1.51A1,1,0,0,0,0,142.27l1,4.78A1,1,0,0,0,2.63,147.57Z"/><path class="a-2" d="M69.31,132.28,72,128.19a1,1,0,0,0-.76-1.5l-4.88-.26a1,1,0,0,0-.92,1.4l2.21,4.36A1,1,0,0,0,69.31,132.28Z"/><path class="a-2" d="M253.45,171.62,258,169.9a1,1,0,0,0,.28-1.65l-3.78-3.1a1,1,0,0,0-1.57.59l-.79,4.82A1,1,0,0,0,253.45,171.62Z"/><path class="a-3" d="M8.37,58.34l.33-4.87a1,1,0,0,0-1.39-.94L2.92,54.68a1,1,0,0,0-.11,1.68l4.05,2.72A1,1,0,0,0,8.37,58.34Z"/><path class="a-3" d="M36.39,141.91l-4.33,2.26a1,1,0,0,0-.07,1.68l4.12,2.62a1,1,0,0,0,1.49-.78l.2-4.87A1,1,0,0,0,36.39,141.91Z"/><path class="a-3" d="M237,91.94l3.19,3.69a1,1,0,0,0,1.65-.32l1.6-4.61a1,1,0,0,0-1.1-1.27l-4.79.92A1,1,0,0,0,237,91.94Z"/><path class="a-3" d="M10.64,191.92l2.26-4.33a1,1,0,0,0-.9-1.42l-4.88.21a1,1,0,0,0-.77,1.49L9,192A1,1,0,0,0,10.64,191.92Z"/><path class="a-3" d="M74.28,39.66l-4.88-.22a1,1,0,0,0-.9,1.42l2.26,4.33a1,1,0,0,0,1.67.07l2.63-4.11A1,1,0,0,0,74.28,39.66Z"/><path class="a-3" d="M135.26,181.29l-1.06,4.77a1,1,0,0,0,1.23,1.13l4.66-1.47a1,1,0,0,0,.37-1.63l-3.6-3.31A1,1,0,0,0,135.26,181.29Z"/><path class="a-3" d="M217.32,44.71l-4.12-2.62a1,1,0,0,0-1.49.78l-.21,4.88a1,1,0,0,0,1.42.9l4.33-2.26A1,1,0,0,0,217.32,44.71Z"/><path class="a-3" d="M253,5.24,251.38.64a1,1,0,0,0-1.65-.3l-3.16,3.73a1,1,0,0,0,.56,1.58l4.81.87A1,1,0,0,0,253,5.24Z"/><path class="a-2" d="M276.07,25.85l4.86.44a1,1,0,0,0,1-1.37l-2.06-4.43a1,1,0,0,0-1.67-.15l-2.81,4A1,1,0,0,0,276.07,25.85Z"/><path class="a-1" d="M316.06,74.88l-2.55-4.16a1,1,0,0,0-1.68,0l-2.33,4.29a1,1,0,0,0,.88,1.43l4.88-.12A1,1,0,0,0,316.06,74.88Z"/><path class="a-3" d="M336.5,35.27l.33-4.88a1,1,0,0,0-1.39-.93l-4.39,2.15a1,1,0,0,0-.11,1.67L335,36A1,1,0,0,0,336.5,35.27Z"/><path class="a-1" d="M298.39,183.3l2.8-4a1,1,0,0,0-.71-1.52l-4.87-.42a1,1,0,0,0-1,1.38l2.07,4.42A1,1,0,0,0,298.39,183.3Z"/><path class="a-2" d="M293.9,102.73l3.63-3.27a1,1,0,0,0-.35-1.64l-4.64-1.51a1,1,0,0,0-1.25,1.12l1,4.78A1,1,0,0,0,293.9,102.73Z"/><path class="a-3" d="M360.19,61.42l2.26-4.33a1,1,0,0,0-.9-1.42l-4.88.21a1,1,0,0,0-.77,1.49l2.61,4.12A1,1,0,0,0,360.19,61.42Z"/><path class="a-1" d="M340.67,132.34l2.79-4a1,1,0,0,0-.71-1.52l-4.86-.43a1,1,0,0,0-1,1.38l2.06,4.42A1,1,0,0,0,340.67,132.34Z"/><path class="a-2" d="M183.64,39.49l4.57-1.73a1,1,0,0,0,.28-1.65L184.71,33a1,1,0,0,0-1.57.59l-.8,4.82A1,1,0,0,0,183.64,39.49Z"/></svg>
  1290. </div>
  1291.  
  1292. <span id="close" class="sf sf-cross"></span>
  1293. </div>
  1294.  
  1295. </div> <!-- end of .container -->
  1296.  
  1297. <div class="credit"><a class="sf sf-boat" href="http://pirateskinned.tumblr.com/" title="coded by pirateskinned"></a></div>
  1298.  
  1299. </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!