themesbyces

Theme — Peppermint

Aug 24th, 2019 (edited)
3,011
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 33.08 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC>
  2.  
  3. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  4.  
  5. <html>
  6.  
  7. <head>
  8.  
  9. <title>{Title}</title>
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12.  
  13. <!--
  14.  
  15. theme: peppermint
  16. designed and coded by ghcstfaec
  17. see credits @ https://ghcstfaec.tumblr.com/credits
  18.  
  19. -->
  20.  
  21. <!-- Metadata -->
  22.  
  23. <meta name="color:Asker Background" content="#f0f0f0"/>
  24. <meta name="color:Background" content="#ffffff"/>
  25. <meta name="color:Border" content="#d2d2d2"/>
  26. <meta name="color:Link" content="#000000"/>
  27. <meta name="color:Link Hover" content="#cfcfcf"/>
  28. <meta name="color:Like" content="#ec6363"/>
  29. <meta name="color:Main Color" content="#d5a091"/>
  30. <meta name="color:Pin" content="#31a49d"/>
  31. <meta name="color:Post Background" content="#ffffff"/>
  32. <meta name="color:Question Background" content="#ffffff"/>
  33. <meta name="color:Quote Icon Color" content="#ffffff"/>
  34. <meta name="color:Scrollbar" content="#000000"/>
  35. <meta name="color:Text" content="#555555"/>
  36. <meta name="color:Tooltip Background" content="#000000"/>
  37. <meta name="color:Tooltip Color" content="#ffffff"/>
  38.  
  39. <meta name="select:Body Font" content="Karla" title="Karla"/>
  40. <meta name="select:Body Font" content="Montserrat" title="Montserrat"/>
  41. <meta name="select:Body Font" content="Muli" title="Muli"/>
  42. <meta name="select:Body Font" content="Open Sans" title="Open Sans"/>
  43. <meta name="select:Body Font" content="Poppins" title="Poppins"/>
  44. <meta name="select:Body Font" content="Raleway" title="Raleway"/>
  45. <meta name="select:Body Font" content="Work Sans" title="Work Sans"/>
  46.  
  47. <meta name="select:Body Font Size" content="1rem" title="1rem"/>
  48. <meta name="select:Body Font Size" content="0.9rem" title="0.9rem"/>
  49. <meta name="select:Body Font Size" content="0.8rem" title="0.8rem"/>
  50.  
  51. <meta name="select:Uppercase Font Size" content="0.9rem" title="0.9rem"/>
  52. <meta name="select:Uppercase Font Size" content="0.8rem" title="0.8rem"/>
  53.  
  54. <meta name="image:Icon Image" content="https://i.imgur.com/6wfS67H.png"/>
  55.  
  56. <meta name="if:Gallery" content="1"/>
  57.  
  58. <meta name="image:Gallery Image One" content="https://i.imgur.com/dRS0syj.png"/>
  59. <meta name="image:Gallery Image Two" content="https://i.imgur.com/sWi2xNX.png"/>
  60. <meta name="image:Gallery Image Three" content="https://i.imgur.com/sdfkHj3.png"/>
  61.  
  62. <meta name="text:Title" content="Peppermint"/>
  63.  
  64. <meta name="text:Link 1 URL" content="/"/>
  65. <meta name="text:Link 1 Name" content="Link One"/>
  66. <meta name="text:Link 2 URL" content="/"/>
  67. <meta name="text:Link 2 Name" content="Link Two"/>
  68. <meta name="text:Link 3 URL" content="/"/>
  69. <meta name="text:Link 3 Name" content="Link Three"/>
  70. <meta name="text:Link 4 URL" content="/"/>
  71. <meta name="text:Link 4 Name" content="Link Four"/>
  72. <meta name="text:Link 5 URL" content="/"/>
  73. <meta name="text:Link 5 Name" content="Link Five"/>
  74.  
  75. <meta name="if:Likes" content="1"/>
  76. <meta name="if:Navigation" content="1"/>
  77.  
  78. <meta name="text:Likes Content" content="Iced Coffee, Rain, Enough Sleep, Organized Mess, The Smell Of Fresh Laundry"/>
  79.  
  80. <meta name="text:Tag 1 URL" content="/"/>
  81. <meta name="text:Tag 1 Name" content="Tag One"/>
  82. <meta name="text:Tag 2 URL" content="/"/>
  83. <meta name="text:Tag 2 Name" content="Tag Two"/>
  84. <meta name="text:Tag 3 URL" content="/"/>
  85. <meta name="text:Tag 3 Name" content="Tag Three"/>
  86. <meta name="text:Tag 4 URL" content="/"/>
  87. <meta name="text:Tag 4 Name" content="Tag Four"/>
  88. <meta name="text:Tag 5 URL" content="/"/>
  89. <meta name="text:Tag 5 Name" content="Tag Five"/>
  90. <meta name="text:Tag 6 URL" content="/"/>
  91. <meta name="text:Tag 6 Name" content="Tag Six"/>
  92. <meta name="text:Tag 7 URL" content="/"/>
  93. <meta name="text:Tag 7 Name" content="Tag Seven"/>
  94.  
  95. <meta name="if:Muse" content="1"/>
  96.  
  97. <meta name="text:Muse Title" content="My Muse"/>
  98.  
  99. <meta name="text:Name of Muse" content="Peter Benjamin Parker"/>
  100. <meta name="text:Age of Muse" content="Eighteen If He Wasn't Snapped"/>
  101. <meta name="text:Location of Muse" content="Unknown. Ask SONY?"/>
  102.  
  103. <meta name="text:Quotes Title" content="Famous Last Words"/>
  104. <meta name="text:Quotes Content" content="I'm Peter-Man. I mean Spider-Parker. I mean — Nevermind."/>
  105.  
  106. <meta name="image:Muse Image" content="https://i.imgur.com/onILo36.png"/>
  107.  
  108. <meta name="text:Biography Title" content="About Itsy Bitsy"/>
  109. <meta name="text:Biography Content" content="Spidey got dusty. EG and FFH happened. Not that it matters because I'm ignoring canon hard right now. Apparently, spiders dislike peppermint. He's a soft boy. Please be kind to him. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat."/>
  110.  
  111. <meta name="image:Biography Image One" content="https://i.imgur.com/AZraQKm.png"/>
  112. <meta name="image:Biography Image Two" content="https://i.imgur.com/CPWLmke.png"/>
  113. <meta name="image:Biography Image Three" content="https://i.imgur.com/e3WXcf6.png"/>
  114.  
  115. <meta name="if:Submit Link" content="1"/>
  116.  
  117. <meta name="if:Hide Tags" content="0"/>
  118. <meta name="if:Show Tags" content="1"/>
  119.  
  120. <!-- Google Fonts Script -->
  121.  
  122. <link href="https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&family=Muli:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:wght@700&family=Poppins:ital,wght@0,400;0,700;1,400;1,700&family=Raleway:ital,wght@0,400;0,700;1,400;1,700&family=Work+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
  123.  
  124. <!-- jQuery Script -->
  125.  
  126. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  127.  
  128. <!-- Styled Tooltips Script -->
  129.  
  130. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  131.  
  132. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  133.  
  134. <script>
  135. (function($){
  136. $(document).ready(function(){
  137. $("a[title]").style_my_tooltips({
  138. tip_follows_cursor:true,
  139. tip_delay_time:90,
  140. tip_fade_speed:600,
  141. attribute:"title"
  142. });
  143. });
  144. })(jQuery);
  145. </script>
  146.  
  147. <!-- Font Awesome Script -->
  148.  
  149. <link href="//use.fontawesome.com/releases/v6.0.0/css/all.css" rel="stylesheet">
  150.  
  151. <!--✻✻✻✻✻✻  npf audio player by @glenthemes  ✻✻✻✻✻✻-->
  152.  
  153. <script src="//tmblr-npf-audio.gitlab.io/s/init.js"></script>
  154.  
  155. <link href="//tmblr-npf-audio.gitlab.io/s/base.css" rel="stylesheet">
  156.  
  157. <script>
  158. tumblr_npf_audio({
  159. emptyTitleText: "",
  160. emptyArtistText: "",
  161. emptyAlbumText: "",
  162. titleLabel: "",    
  163. artistLabel: "",
  164. albumLabel: "",
  165. });
  166. </script>
  167.  
  168. <!-- Hide & Show Script -->
  169.  
  170. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  171.  
  172. <script>
  173. $(document).ready(function(){
  174. $('.tags').hide();
  175. $('.tags-title').click(function() {
  176. $(this).closest('.entries').find('.tags').slideToggle(500);
  177. });
  178. });
  179. </script>
  180.  
  181. <script>
  182. $(document).ready(function(){
  183. $('.muse-page').hide();
  184. $('.muse-title').click(function() {
  185. $(this).closest('#muse').find('.muse-page').slideToggle(500);
  186. });
  187. });
  188. </script>
  189.  
  190. <!-- Unnest Captions Script -->
  191.  
  192. <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
  193.  
  194. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  195.  
  196. <script>
  197. $(function(){  $('.entries').unnest({
  198. yourCaption: ".text, .caption",
  199. wrapName: ".tumblr_parent",
  200. newCaptionUsername: false,
  201. originalPostCaptionUsername: false,
  202. tumblrAvatars: true,
  203. tumblrAvatarClass: ".tumblr_avatar",
  204. usernameColon: false
  205. });
  206. });
  207. </script>
  208.  
  209. <!--
  210.         NPF images fix v4.0 by @glenthemes [2023]
  211.         💌 gitlab.com/glen-npf/v4-beta
  212. --->
  213.  
  214. <link href="//glen-npf.gitlab.io/v4-beta/main.css" rel="stylesheet">
  215.  
  216. <script src="//glen-npf.gitlab.io/v4-beta/use.js"></script>
  217. <style>
  218. :root {
  219. --NPF-Images-Spacing:1px;
  220. --NPF-Caption-Spacing:1em;
  221. --NPF-Move-1st-Photoset:"no";
  222. --Text-Container-Selector:".caption";
  223. --Text-Reblogs-Selector:".tumblr_parent";
  224. }
  225. </style>
  226.  
  227. <!-- Inline Images Resizing Script -->
  228.  
  229. <script>
  230. $(".tmblr-full, figure").each(function(){
  231. var imgWidth = $(this).attr("data-orig-width"),
  232. img = $(this).find("img"),
  233. imgSrc = img.attr("src");
  234. $('figure').css({'margin-left':'0','margin-right':'0','display':'inline-block'});
  235. if (imgWidth >= 500){
  236. img.attr("src",imgSrc.replace("_500.","_1280."));
  237. $('.tmblr-full img, figure img').css({'width':'auto','height':'auto','vertical-align':'middle'});
  238. }
  239. });  
  240. </script>
  241.  
  242. <!-- PXU Script -->
  243.  
  244. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  245.  
  246. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  247.  
  248. <script>
  249. $(document).ready(function(){
  250. $('.photo-slideshow').pxuPhotoset({
  251. lightbox: true,
  252. rounded: false,
  253. gutter: '1px',
  254. borderRadius: '0px',
  255. photoset: '.photo-slideshow',
  256. photoWrap: '.photo-data',
  257. photo: '.pxu-photo'
  258. });
  259. });
  260. </script>
  261.  
  262. <!-- Responsive Tumblr Videos Script -->
  263.  
  264. <script src="//cdn.jsdelivr.net/gh/robinpx/tumblr@master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  265.  
  266. <script>
  267. $(document).ready(function() {
  268. flexibleFrames($(".video"));  
  269. });
  270. </script>
  271.  
  272. <style type="text/css">
  273.  
  274. .tmblr-iframe--app-cta-button {
  275. display: none!important;
  276. }
  277.  
  278. ::-webkit-scrollbar-thumb:vertical {
  279. background: {color:Scrollbar};
  280. }
  281.  
  282. ::-webkit-scrollbar {
  283. width: 1px;
  284. }
  285.  
  286. ::selection {
  287. background: {color:Main Color};
  288. color: white;
  289. }
  290.  
  291. ::-moz-selection {
  292. background: {color:Main Color};
  293. color: white;
  294. }
  295.  
  296. #s-m-t-tooltip {
  297. background: {color:Tooltip Background};
  298. border-radius: 5px;
  299. color: {color:Tooltip Color};
  300. font-size: {select:Uppercase Font Size};
  301. margin-top: 30px;
  302. padding: 5px;
  303. text-align: center;
  304. text-transform: uppercase;
  305. z-index: 999999999999999999999999999999999999;
  306. }
  307.  
  308. body {
  309. background: {color:Background};
  310. color: {color:Text};
  311. cursor: url(https://i.imgur.com/lhPqll6.png), progress;
  312. font-family: '{select:Body Font}', sans-serif;
  313. font-size: {select:Body Font Size};
  314. font-style: normal;
  315. font-weight: 400;
  316. hyphens: auto;
  317. letter-spacing: 1px;
  318. margin: 0px;
  319. text-align: left;
  320. text-transform: none;
  321. word-wrap: break-word;
  322. }
  323.  
  324. a {
  325. color: {color:Link};
  326. text-decoration: none;
  327. -webkit-transition: all 0.5s ease;
  328. -moz-transition: all 0.5s ease;
  329. -o-transition: all 0.5s ease;
  330. }
  331.  
  332. a:hover {
  333. color: {color:Link Hover};
  334. }
  335.  
  336. b {
  337. font-weight: 700;
  338. }
  339.  
  340. h1 {
  341. font-size: 1.2rem;
  342. font-weight: bold;
  343. margin-block-start: 0em;
  344. text-transform: lowercase;
  345. }
  346.  
  347. h2 {
  348. font-size: 1rem;
  349. font-weight: bold;
  350. margin-block-start: 0em;
  351. }
  352.  
  353. blockquote {
  354. border-left: 1px solid {color:Border};
  355. margin: 5px;
  356. padding-left: 5px;
  357. }
  358.  
  359. blockquote img {
  360. height: auto;
  361. max-width: 100%;
  362. }
  363.  
  364. blockquote blockquote {
  365. border-left: 1px solid {color:Border};
  366. padding-left: 5px;
  367. }
  368.  
  369. pre {
  370. background: #f8f8f8;
  371. border-radius: 5px;
  372. padding: 10px;
  373. word-wrap: break-all;
  374. white-space: pre-wrap;
  375. }
  376.  
  377. #container {
  378. background: {color:Post Background};
  379. border: 1px solid {color:Border};
  380. height: 76%;
  381. left: calc(50% - 442.5px);
  382. {block:ifGallery}
  383. left: calc(50% - 452.5px);
  384. {/block:ifGallery}
  385. padding: 20px;
  386. position: fixed;
  387. top: 9%;
  388. width: 843px;
  389. {block:ifGallery}
  390. width: 863px;
  391. {/block:ifGallery}
  392. }
  393.  
  394. #user-information {
  395. border-right: 1px solid {color:Border};
  396. height: calc(100% - 42px);
  397. padding-right: 50px;
  398. position: absolute;
  399. width: 250px;
  400. }
  401.  
  402. .title {
  403. font-family: 'Playfair Display', serif;
  404. font-size: 30px;
  405. font-weight: 900;
  406. }
  407.  
  408. .title:first-letter {
  409. color: {color:Main Color};
  410. }
  411.  
  412. .iid-wrapper {
  413. height: 88px;
  414. margin-top: 20px;
  415. width: 250px;
  416. }
  417.  
  418. .icon-image {
  419. height: 88px;
  420. position: absolute;
  421. width: 88px;
  422. }
  423.  
  424. .icon-image img {
  425. height: 88px;
  426. width: 88px;
  427. }
  428.  
  429. .description {
  430. font-size: {select:Uppercase Font Size};
  431. height: 88px;
  432. margin-left: 100px;
  433. overflow-y: scroll;
  434. padding-right: 10px;
  435. position: absolute;
  436. text-transform: uppercase;
  437. width: 140px;
  438. }
  439.  
  440. .lbml-wrapper {
  441. margin-bottom: 16px;
  442. margin-top: 16px;
  443. width: 250px;
  444. }
  445.  
  446. .links {
  447. margin: -8px;
  448. position: absolute;
  449. width: 105px;
  450. }
  451.  
  452. .links a {
  453. background: {color:Post Background};
  454. border: 1px solid {color:Border};
  455. color: {color:Main Color};
  456. float: left;
  457. font-size: 0.9rem;
  458. font-variant: normal;
  459. height: 0.9rem;
  460. line-height: 1;
  461. margin: 8px;
  462. padding: 10px;
  463. text-rendering: auto;
  464. width: 0.9rem;
  465. }
  466.  
  467. .links a:hover {
  468. color: {color:Link Hover};
  469. }
  470.  
  471. .border {
  472. background: {color:Border};
  473. height: 1px;
  474. margin-left: 100px;
  475. margin-top: 17.695px;
  476. position: absolute;
  477. width: 30px;
  478. }
  479.  
  480. .more-links {
  481. font-size: {select:Uppercase Font Size};
  482. min-height: 89px;
  483. margin-left: 142px;
  484. position: relative;
  485. text-transform: uppercase;
  486. width: 108px;
  487. }
  488.  
  489. .more-links a {
  490. display: block;
  491. margin-bottom: 10px;
  492. }
  493.  
  494. .lt-wrapper {
  495. width: 250px;
  496. }
  497.  
  498. .likes-wrapper {
  499. align-items: flex-start;
  500. display: flex;
  501. margin-bottom: 16px;
  502. }
  503.  
  504. .likes {
  505. font-size: {select:Uppercase Font Size};
  506. height: 45px;
  507. margin-left: 16px;
  508. overflow-y: scroll;
  509. padding-right: 10px;
  510. text-transform: uppercase;
  511. }
  512.  
  513. .navigation-wrapper {
  514. align-items: flex-start;
  515. display: flex;
  516. }
  517.  
  518. .navigation {
  519. font-size: {select:Uppercase Font Size};
  520. height: 45px;
  521. margin-left: 16px;
  522. overflow-y: scroll;
  523. padding-right: 10px;
  524. text-transform: uppercase;
  525. }
  526.  
  527. .navigation a {
  528. margin-right: 10px;
  529. }
  530.  
  531. #gallery {
  532. margin-left: 863px;
  533. position: absolute;
  534. width: 102px;
  535. }
  536.  
  537. .gallery-image {
  538. background: {color:Post Background};
  539. border: 1px solid {color:Border};
  540. height: 80px;
  541. margin-bottom: 10px;
  542. padding: 10px;
  543. width: 80px;
  544. }
  545.  
  546. .gallery-image img {
  547. height: 80px;
  548. width: 80px;
  549. }
  550.  
  551. #muse {
  552. margin: -20px;
  553. margin-left: 0px;
  554. position: absolute;
  555. }
  556.  
  557. .muse-title {
  558. border: 1px solid {color:Border};
  559. background: {color:Post Background};
  560. color: {color:Main Color};
  561. font-size: {select:Uppercase Font Size};
  562. margin-top: calc(0px - {select:Uppercase Font Size});
  563. padding: 5px;
  564. text-align: center;
  565. text-transform: uppercase;
  566. width: 100px;
  567. -webkit-transition: all 0.5s ease;
  568. -moz-transition: all 0.5s ease;
  569. -o-transition: all 0.5s ease;
  570. }
  571.  
  572. .muse-title:hover {
  573. color: {color:Link Hover};
  574. }
  575.  
  576. .muse-page {
  577. background: {color:Background};
  578. border: 1px solid {color:Border};
  579. height: 450px;
  580. top: -9px;
  581. position: relative;
  582. width: 841px;
  583. z-index: 1;
  584. }
  585.  
  586. .muse-border {
  587. background: {color:Main Color};
  588. height: 450px;
  589. float: left;
  590. width: 40px;
  591. }
  592.  
  593. #left {
  594. border-right: 1px solid {color:Border};
  595. display: inline-block;
  596. float: left;
  597. height: 450px;
  598. margin-left: -27px;
  599. padding-right: 50px;
  600. width: 241px;
  601. }
  602.  
  603. .info-wrapper {
  604. margin-bottom: 30px;
  605. margin-top: 20px;
  606. }
  607.  
  608. .info {
  609. margin-bottom: 15px;
  610. }
  611.  
  612. .info-icon {
  613. color: {color:Post Background};
  614. position: absolute;
  615. text-align: center;
  616. }
  617.  
  618. .info-border {
  619. background: {color:Border};
  620. height: 1px;
  621. margin-left: 21px;
  622. position: relative;
  623. top: 7.5px;
  624. width: 30px;
  625. }
  626.  
  627. .info-content {
  628. margin-left: 61px;
  629. position: relative;
  630. width: 180px;
  631. }
  632.  
  633. .muse-image {
  634. height: 250px;
  635. width: 180px;
  636. }
  637.  
  638. .muse-image img {
  639. margin-left: 61px;
  640. height: 250px;
  641. width: 180px;
  642. }
  643.  
  644. #right {
  645. float: left;
  646. height: 450px;
  647. width: 536px;
  648. }
  649.  
  650. .quotes-wrapper {
  651. margin-left: 50px;
  652. margin-top: 20px;
  653. position: absolute;
  654. width: 150px;
  655. }
  656.  
  657. .quotes-title {
  658. font-family: 'Playfair Display', serif;
  659. font-size: 1.5rem;
  660. font-weight: 900;
  661. text-transform: lowercase;
  662. }
  663.  
  664. .quotes-content {
  665. background: {color:Asker Background};
  666. margin-top: 10px;
  667. padding: 20px;
  668. }
  669.  
  670. .biography-wrapper {
  671. margin-left: 220px;
  672. margin-top: 20px;
  673. position: absolute;
  674. width: 266px;
  675. }
  676.  
  677. .biography-title {
  678. font-family: 'Playfair Display', serif;
  679. font-size: 1.5rem;
  680. font-weight: 900;
  681. text-transform: lowercase;
  682. }
  683.  
  684. .biography-content {
  685. height: 200px;
  686. margin-bottom: 30px;
  687. margin-top: 10px;
  688. overflow-y: scroll;
  689. padding-right: 10px;
  690. width: 256px;
  691. }
  692.  
  693. .biography-gallery {
  694. height: 82px;
  695. overflow: hidden;
  696. width: 300px;
  697. }
  698.  
  699. .biography-image {
  700. float: left;
  701. height: 82px;
  702. margin-right: 10px;
  703. width: 82px;
  704. }
  705.  
  706. .biography-image img {
  707. height: 82px;
  708. width: 82px;
  709. }
  710.  
  711. #posts-wrapper {
  712. height: calc(100% - 42px);
  713. margin-left: 351px;
  714. overflow-y: scroll;
  715. position: absolute;
  716. width: 492px;
  717. }
  718.  
  719. #posts {
  720. margin-left: 0px;
  721. width: 441px;
  722. }
  723.  
  724. .entries {
  725. background: {color:Post Background};
  726. border: 1px solid {color:Border};
  727. margin-bottom: 0px;
  728. {block:IndexPage}
  729. margin-bottom: 50px;
  730. {/block:IndexPage}
  731. padding: 20px;
  732. padding-top: 56px;
  733. width: 400px;
  734. }
  735.  
  736. .entries-icon {
  737. background: {color:Post Background};
  738. border: 1px solid {color:Border};
  739. border-left: none;
  740. border-top: none;
  741. color: {color:Main Color};
  742. display: inline-block;
  743. font-size: {select:Uppercase Font Size};
  744. font-variant: normal;
  745. height: 0.9rem;
  746. line-height: 1;
  747. margin-bottom: 20px;
  748. margin: -56px;
  749. margin-left: -20px;
  750. padding: 10px;
  751. position: absolute;
  752. text-rendering: auto;
  753. width: 0.9rem;
  754. }
  755.  
  756. .entries img {
  757. height: auto;
  758. max-width: 100%;
  759. }
  760.  
  761. .npf_row img {
  762. width: 100%;
  763. }
  764.  
  765. .tmblr-full {
  766. margin-bottom: 10px;
  767. }
  768.  
  769. .npf_inst {
  770. margin-bottom: 20px;
  771. }
  772.  
  773. .npf-wrapper {
  774. margin: 0px;
  775. }
  776.  
  777. .npf-wrapper .tmblr-full {
  778. display: flex;
  779. }
  780.  
  781. .text-wrapper {
  782. margin: 0px;
  783. }
  784.  
  785. .read_more {
  786. background: {color:Main Color};
  787. border: 1px solid {color:Border};
  788. border-radius: 5px;
  789. color: white;
  790. display: inline-block;
  791. font-size: {select:Uppercase Font Size};
  792. padding: 10px;
  793. text-align: center;
  794. text-transform: uppercase;
  795. width: calc(100% - 22px);
  796. }
  797.  
  798. .read_more:hover {
  799. background: white;
  800. color: {color:Main Color};
  801. }
  802.  
  803. .vignette, #vignette {
  804. opacity: 0;
  805. }
  806.  
  807. .lightbox-image, #tumblr_lightbox img {
  808. border-radius: 0!important;
  809. box-shadow: none!important;
  810. max-width: none;
  811. }
  812.  
  813. .tmblr-lightbox, #tumblr_lightbox {
  814. background-attachment: fixed;
  815. background-image: url('https://i.imgur.com/7wF2zbK.png');
  816. background-repeat: repeat;
  817. }
  818.  
  819. .lightbox-caption, #tumblr_lightbox_caption {
  820. visibility: hidden;
  821. }
  822.  
  823. .text p {
  824. margin-top: 0px;
  825. }
  826.  
  827. .caption {
  828. margin-top: 20px;
  829. }
  830.  
  831. .caption p {
  832. margin-top: 0px;
  833. }
  834.  
  835. blockquote.tumblr_parent {
  836. border: none;
  837. border-bottom: 1px solid {color:Border};
  838. margin: 0px;
  839. margin-bottom: 20px;
  840. padding: 0px;
  841. }
  842.  
  843. blockquote.tumblr_parent:last-child {
  844. border-bottom: 0px;
  845. }
  846.  
  847. blockquote.user-reblog {
  848. border: none;
  849. margin: 0px;
  850. padding: 0px;
  851. }
  852.  
  853. .tumblr_avatar {
  854. border-radius: 100px;
  855. height: 30px;
  856. margin-bottom: 20px;
  857. width: 30px;
  858. }
  859.  
  860. .tumblr_avatar img {
  861. height: 30px;
  862. width: 30px;
  863. }
  864.  
  865. .user-image img {
  866. height: 30px;
  867. width: 30px;
  868. }
  869.  
  870. a.tumblr_blog {
  871. font-size: {select:Body Font Size};
  872. font-weight: bold;
  873. margin-top: calc((30px - {select:Body Font Size}) / 4);
  874. display: inline-block;
  875. position: absolute;
  876. margin-left: 10px;
  877. text-align: center;
  878. text-transform: lowercase;
  879. }
  880.  
  881. .ask-wrapper {
  882. width: 100%;
  883. }
  884.  
  885. .asker {
  886. background: {color:Asker Background};
  887. border: 1px solid {color:Border};
  888. padding: 20px;
  889. }
  890.  
  891. .asker-url {
  892. font-size: {select:Uppercase Font Size};
  893. text-align: center;
  894. text-transform: uppercase;
  895. }
  896.  
  897. .asker-url a {
  898. border: none;
  899. background: none;
  900. padding: 0px;
  901. }
  902.  
  903. .question {
  904. background: {color:Question Background};
  905. border: 1px solid {color:Border};
  906. border-top: none;
  907. padding: 20px;
  908. text-align: center;
  909. }
  910.  
  911. .question p {
  912. margin-block-start: 0em;
  913. }
  914.  
  915. .question p:last-of-type {
  916. margin-block-end: 0em;
  917. }
  918.  
  919. .quote {
  920. background: {color:Asker Background};
  921. font-size: {select:Uppercase Font Size};
  922. padding: 10px;
  923. text-transform: uppercase;
  924. }
  925.  
  926. .quote-icon {
  927. background: {color:Main Color};
  928. display: inline-block;
  929. color: {color:Quote Icon Color};
  930. margin: -10px;
  931. padding: 10px;
  932. }
  933.  
  934. .quote-wrapper {
  935. margin-top: 20px;
  936. width: 100%;
  937. }
  938.  
  939. .quote a.tumblr_blog {
  940. font-size: {select:Uppercase Font Size};
  941. font-weight: normal;
  942. margin-top: 0px;
  943. margin-left: 0px;
  944. display: inline-block;
  945. position: relative;
  946. text-align: center;
  947. text-transform: uppercase;
  948. }
  949.  
  950. .website {
  951. background: {color:Main Color};
  952. color: {color:Quote Icon Color};
  953. font-size: {select:Uppercase Font Size};
  954. padding: 10px;
  955. text-transform: uppercase;
  956. }
  957.  
  958. .website a {
  959. color: {color:Quote Icon Color};
  960. }
  961.  
  962. .website a:hover {
  963. color: {color:Link Hover};
  964. }
  965.  
  966. .chat {
  967. font-size: {select:Uppercase Font Size};
  968. text-transform: uppercase;
  969. }
  970.  
  971. .chat li {
  972. list-style-type: none;
  973. }
  974.  
  975. .chat li:nth-child(odd) {
  976. background: {color:Main Color};
  977. color: {color:Quote Icon Color};
  978. padding: 10px;
  979. }
  980.  
  981. .chat li:nth-child(even) {
  982. background: {color:Asker Background};
  983. color: {color:Main Color};
  984. padding: 10px;
  985. }
  986.  
  987. .audio iframe {
  988. height: 85px;
  989. width: 100%;
  990. }
  991.  
  992. /** spotify fix by glenthemes **/
  993.  
  994. iframe[src*='open.spotify.com'][src*='track'], figure[data-npf*='open.spotify.com'][data-npf*='track']{
  995. height: 85px!important;
  996. margin-bottom: 0px;
  997. }
  998.  
  999. figure {
  1000. display: flex;
  1001. width: 100%;
  1002. }
  1003.  
  1004. figcaption.npf-audio-wrapper {
  1005. width: 100%;
  1006. }
  1007.  
  1008. .npf-audio-wrapper {
  1009. --NPF-Audio-Buttons-Size: 1.4rem;
  1010. --NPF-Audio-Buttons-Color: #555555;
  1011. --NPF-Audio-Buttons-Spacing: 1.3rem;
  1012. --NPF-Audio-Image-Size: 85px;
  1013. --NPF-Audio-Image-Spacing: 0px;
  1014. }
  1015.  
  1016. span.npf-audio-title {
  1017. font-weight: bold;
  1018. }
  1019.  
  1020. .npf-audio-background {
  1021. background-color: #f2f2f2;
  1022. padding: 1.5rem;
  1023. }
  1024.  
  1025. video {
  1026. height: auto;
  1027. width: 100%;
  1028. }
  1029.  
  1030. .source {
  1031. background: {color:Asker Background};
  1032. border-radius: 5px;
  1033. display: inline-block;
  1034. font-size: {select:Uppercase Font Size};
  1035. margin-top: 10px;
  1036. padding: 5px;
  1037. text-transform: uppercase;
  1038. }
  1039.  
  1040. .entries-information {
  1041. border-top: 1px solid {color:Border};
  1042. font-size: {select:Uppercase Font Size};
  1043. margin-top: 20px;
  1044. padding-top: 20px;
  1045. text-transform: uppercase;
  1046. }
  1047.  
  1048. .like-b {
  1049. display: inline-block;
  1050. margin-right: 0px;
  1051. position: relative;
  1052. }
  1053.  
  1054. .like-b .like_button iframe {
  1055. bottom: 0px;
  1056. left: 0px;
  1057. opacity: 0;
  1058. position: absolute;
  1059. right: 0px;
  1060. top: 0px;
  1061. }
  1062.  
  1063. .like-b .liked + .b {
  1064. color: {color:Like};
  1065. }
  1066.  
  1067. .like-b .liked + .b:after {
  1068. content: 'd';
  1069. }
  1070.  
  1071. .tags-title a {
  1072. color: {color:Link};
  1073. margin-top: 20px;
  1074. margin-left: auto;
  1075. margin-right: auto;
  1076. margin-top: 20px;
  1077. text-align: center;
  1078. width: 70px;
  1079. -webkit-transition: all 0.5s ease;
  1080. -moz-transition: all 0.5s ease;
  1081. -o-transition: all 0.5s ease;
  1082. }
  1083.  
  1084. .tags-title:hover {
  1085. color: {color:Link Hover};
  1086. }
  1087.  
  1088. .tags {
  1089. margin-top: 5px;
  1090. }
  1091.  
  1092. .tags-alternate {
  1093. margin-top: 5px;
  1094. }
  1095.  
  1096. ol.notes {
  1097. font-size: {select:Uppercase Font Size};
  1098. margin: -10px;
  1099. margin-top: 20px;
  1100. padding: 0px;
  1101. text-align: left;
  1102. text-transform: uppercase;
  1103. }
  1104.  
  1105. ol.notes li {
  1106. list-style-type: none;
  1107. margin: 10px;
  1108. }
  1109.  
  1110. ol.notes li.note img.avatar {
  1111. border-radius: 100px;
  1112. vertical-align: -4px;
  1113. height: 16px;
  1114. margin-right: 10px;
  1115. width: 16px;
  1116. }
  1117.  
  1118. .more_notes_link {
  1119. background: {color:Main Color};
  1120. border-radius: 5px;
  1121. color: white;
  1122. display: inline-block;
  1123. padding: 5px 10px 5px 10px;
  1124. text-align: center;
  1125. }
  1126.  
  1127. .pagination {
  1128. font-size: {select:Uppercase Font Size};
  1129. text-transform: uppercase;
  1130. }
  1131.  
  1132. #credit {
  1133. bottom: 15px;
  1134. font-size: 0.7rem;
  1135. position: fixed;
  1136. right: 15px;
  1137. text-transform: uppercase;
  1138. }
  1139.  
  1140. #credit a {
  1141. color: {color:Link};
  1142. }
  1143.  
  1144. #credit a:hover {
  1145. color: {color:Link Hover};
  1146. }
  1147.  
  1148. {CustomCSS}
  1149.    
  1150. </style>
  1151.    
  1152. </head>
  1153.  
  1154. <body>
  1155.  
  1156. <div id="container">
  1157.  
  1158. <div id="user-information">
  1159.  
  1160. <div class="title">{text:Title}</div>
  1161.  
  1162. <div class="iid-wrapper">
  1163.  
  1164. <div class="icon-image"><img src="{image:Icon image}"/></div>
  1165.  
  1166. {block:Description}<div class="description">{Description}</div>{/block:Description}
  1167.  
  1168. </div>
  1169.  
  1170. <div class="lbml-wrapper">
  1171.  
  1172. <div class="links">
  1173. <a href="/" title="Home"><i class="far fa-arrow-alt-circle-left"></i></a>
  1174. {block:AskEnabled}<a href="/ask" title="Ask"><i class="far fa-envelope"></i>{/block:AskEnabled}
  1175. {block:SubmissionsEnabled}{block:IfSubmitLink}<a href="/submit" title="Submit"><i class="fas fa-file-import"></i></a>{/block:IfSubmitLink}{/block:SubmissionsEnabled}
  1176. <a href="/archive" title="Archive"><i class="far fa-calendar-plus"></i></a>
  1177. </div>
  1178.  
  1179. <div class="border"></div>
  1180.  
  1181. <div class="more-links">
  1182. {block:ifLink1URL}<a href="{text:Link 1 URL}">{text:Link 1 Name}</a>{/block:ifLink1URL}
  1183. {block:ifLink2URL}<a href="{text:Link 2 URL}">{text:Link 2 Name}</a>{/block:ifLink2URL}
  1184. {block:ifLink3URL}<a href="{text:Link 3 URL}">{text:Link 3 Name}</a>{/block:ifLink3URL}
  1185. {block:ifLink4URL}<a href="{text:Link 4 URL}">{text:Link 4 Name}</a>{/block:ifLink4URL}
  1186. {block:ifLink5URL}<a href="{text:Link 5 URL}">{text:Link 5 Name}</a>{/block:ifLink5URL}
  1187. </div>
  1188.  
  1189. </div>
  1190.  
  1191. <div class="lt-wrapper">
  1192.  
  1193. {block:ifLikes}
  1194. <div class="likes-wrapper">
  1195.  
  1196. <i class="far fa-heart" style="background: {color:Post Background};border: 1px solid {color:Border};color: {color:Main Color};font-size: 0.9rem;padding: 10px;width: 0.9rem;"></i>
  1197.  
  1198. <div class="likes">{text:Likes Content}</div>
  1199.  
  1200. </div>
  1201. {/block:ifLikes}
  1202.  
  1203. {block:ifNavigation}
  1204. <div class="navigation-wrapper">
  1205.  
  1206. <i class="fas fa-hashtag" style="background: {color:Post Background};border: 1px solid {color:Border};color: {color:Main Color};font-size: 0.9rem;padding: 10px;width: 0.9rem;"></i>
  1207.  
  1208. <div class="navigation">
  1209. {block:ifTag1URL}<a href="{text:Tag 1 URL}">{text:Tag 1 Name}</a>{/block:ifTag1URL}
  1210. {block:ifTag2URL}<a href="{text:Tag 2 URL}">{text:Tag 2 Name}</a>{/block:ifTag2URL}
  1211. {block:ifTag3URL}<a href="{text:Tag 3 URL}">{text:Tag 3 Name}</a>{/block:ifTag3URL}
  1212. {block:ifTag4URL}<a href="{text:Tag 4 URL}">{text:Tag 4 Name}</a>{/block:ifTag4URL}
  1213. {block:ifTag5URL}<a href="{text:Tag 5 URL}">{text:Tag 5 Name}</a>{/block:ifTag5URL}
  1214. {block:ifTag6URL}<a href="{text:Tag 6 URL}">{text:Tag 6 Name}</a>{/block:ifTag6URL}
  1215. {block:ifTag7URL}<a href="{text:Tag 7 URL}">{text:Tag 7 Name}</a>{/block:ifTag7URL}
  1216. </div>
  1217.  
  1218. </div>
  1219. {/block:ifNavigation}
  1220.  
  1221. </div>
  1222.  
  1223. </div>
  1224.  
  1225. {block:ifGallery}
  1226. <div id="gallery">
  1227.  
  1228. <div class="gallery-image"><img src="{image:Gallery Image One}"/></div>
  1229.  
  1230. <div class="gallery-image"><img src="{image:Gallery Image Two}"/></div>
  1231.  
  1232. <div class="gallery-image"><img src="{image:Gallery Image Three}"/></div>
  1233.  
  1234. </div>
  1235. {/block:ifGallery}
  1236.  
  1237. {block:ifMuse}
  1238. <div id="muse">
  1239.  
  1240. <p class="muse-title">{text:Muse Title}</p>
  1241.  
  1242. <div class="muse-page">
  1243.  
  1244. <div class="muse-border"></div>
  1245.  
  1246. <div id="left">
  1247.  
  1248. <div class="info-wrapper">
  1249.  
  1250. <div class="info">
  1251.  
  1252. <div class="info-icon"><i class="far fa-user"></i></div>
  1253.  
  1254. <div class="info-border"></div>
  1255.  
  1256. <div class="info-content">{text:Name Of Muse}</div>
  1257.  
  1258. </div>
  1259.  
  1260. <div class="info">
  1261.  
  1262. <div class="info-icon"><i class="fas fa-question"></i></div>
  1263.  
  1264. <div class="info-border"></div>
  1265.  
  1266. <div class="info-content">{text:Age Of Muse}</div>
  1267.  
  1268. </div>
  1269.  
  1270. <div class="info">
  1271.  
  1272. <div class="info-icon"><i class="fas fa-map-marker-alt"></i></div>
  1273.  
  1274. <div class="info-border"></div>
  1275.  
  1276. <div class="info-content">{text:Location Of Muse}</div>
  1277.  
  1278. </div>
  1279.  
  1280. </div>
  1281.  
  1282. <div class="muse-image"><img src="{image:Muse image}"/></div>
  1283.  
  1284. </div>
  1285.  
  1286. <div id="right">
  1287.  
  1288. <div class="quotes-wrapper">
  1289.  
  1290. <div class="quotes-title">{text:Quotes Title}</div>
  1291.  
  1292. <div class="quotes-content">{text:Quotes Content}</div>
  1293.  
  1294. </div>
  1295.  
  1296. <div class="biography-wrapper">
  1297.  
  1298. <div class="biography">
  1299.  
  1300. <div class="biography-title">{text:Biography Title}</div>
  1301.  
  1302. <div class="biography-content">{text:Biography content}</div>
  1303.  
  1304. </div>
  1305.  
  1306. <div class="biography-gallery">
  1307.  
  1308. <div class="biography-image"><img src="{image:Biography Image One}"/></div>
  1309.  
  1310. <div class="biography-image"><img src="{image:Biography Image Two}"/></div>
  1311.  
  1312. <div class="biography-image"><img src="{image:Biography Image Three}"/></div>
  1313.  
  1314. </div>
  1315.  
  1316. </div>
  1317.  
  1318. </div>
  1319.  
  1320. </div>
  1321.  
  1322. </div>
  1323. {/block:ifMuse}
  1324.  
  1325. <div id="posts-wrapper">
  1326.  
  1327. <div id="posts">
  1328.  
  1329. {block:Posts}
  1330.  
  1331. <div class="entries" id="{PostID}" post-type="{PostType}">
  1332.  
  1333. {block:Text}
  1334. {block:NotReblog}
  1335. <div class="entries-icon"><i class="far fa-file-alt"></i></div>
  1336. <div class="npf-wrapper">
  1337. {block:Title}
  1338. <h1>{Title}</h1>
  1339. {/block:Title}
  1340. {Body}
  1341. </div>
  1342. {/block:NotReblog}
  1343. {block:RebloggedFrom}
  1344. <div class="entries-icon"><i class="far fa-file-alt"></i></div>
  1345. <div class="text-wrapper">
  1346. {block:Title}
  1347. <h1>{Title}</h1>
  1348. {/block:Title}
  1349. <div class="text">
  1350. {Body}
  1351. </div>
  1352. </div>
  1353. {/block:RebloggedFrom}
  1354. {/block:Text}
  1355.  
  1356. {block:Answer}
  1357. <div class="entries-icon"><i class="far fa-envelope"></i></div>
  1358. <div class="ask-wrapper">
  1359. <div class="asker">
  1360. <div class="asker-url">
  1361. <i class="far fa-question-circle" style="background: {color:Main Color};border-radius: 100px;color: {color:Post Background};font-size: 0.9rem;padding: 10px;width: 0.9rem;"></i>
  1362. <br><br>
  1363. A Message From <a href="{AskerURL}">{Asker}</a>
  1364. </div>
  1365. </div>
  1366. <div class="question">
  1367. {Question}
  1368. </div>
  1369. </div>
  1370. <div class="caption">
  1371. {Answer}
  1372. </div>
  1373. {/block:Answer}
  1374.  
  1375. {block:Quote}
  1376. <div class="entries-icon"><i class="fas fa-quote-left"></i></div>
  1377. <div class="quote">
  1378. <div class="quote-icon"><i class="fas fa-quote-left"></i></div>
  1379. <div class="quote-wrapper">
  1380. "{Quote}</i>" {block:Source}— {Source}{/block:Source}
  1381. </div>
  1382. </div>
  1383. {/block:Quote}
  1384.  
  1385. {block:Link}
  1386. <div class="entries-icon"><i class="fas fa-globe-americas"></i></div>
  1387. {block:Thumbnail}
  1388. <img src="{Thumbnail}" style="margin-bottom: 10px;"/>
  1389. {/block:Thumbnail}
  1390. <div class="website"><i class="fas fa-external-link-alt" style="margin-right: 10px;"></i><a href="{URL}" target="_blank">{Name}{block:Excerpt}<br><br>{Excerpt}{/block:Excerpt}
  1391. </a></div>
  1392. {block:Description}
  1393. <div class="caption">
  1394. {Description}
  1395. </div>
  1396. {/block:Description}
  1397. {/block:Link}
  1398.  
  1399. {block:Chat}
  1400. <div class="entries-icon"><i class="far fa-comment"></i></div>
  1401. <div class="chat">
  1402. {block:Title}
  1403. <h1>{Title}</h1>
  1404. {/block:Title}
  1405. {block:Lines}
  1406. <li>{block:Label}{Label}{/block:Label}
  1407. {Line}
  1408. </li>
  1409. {/block:Lines}
  1410. </div>
  1411. {/block:Chat}
  1412.  
  1413. {block:Audio}
  1414. <div class="entries-icon"><i class="fas fa-music"></i></div>
  1415. <div class="audio">
  1416. {AudioEmbed}
  1417. </div>
  1418. {block:Caption}
  1419. <div class="caption">{Caption}</div>
  1420. {/block:Caption}
  1421. {/block:Audio}
  1422.  
  1423. {block:Photo}
  1424. <div class="entries-icon"><i class="fas fa-image"></i></div>
  1425. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-HighRes}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>
  1426. {block:Caption}
  1427. <div class="text-wrapper">
  1428. <div class="caption">{Caption}</div>
  1429. </div>
  1430. {/block:Caption}
  1431. {/block:Photo}
  1432.  
  1433. {block:Photoset}
  1434. <div class="entries-icon"><i class="fas fa-images"></i></div>
  1435. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1436. {block:Caption}
  1437. <div class="text-wrapper">
  1438. <div class="caption">{Caption}</div>
  1439. </div>
  1440. {/block:Caption}
  1441. {/block:Photoset}
  1442.  
  1443. {block:Video}
  1444. <div class="entries-icon"><i class="fas fa-video"></i></div>
  1445. <div class="video">
  1446. {Video-500}
  1447. </div>
  1448. {block:Caption}
  1449. <div class="caption">{Caption}</div>
  1450. {/block:Caption}
  1451. {/block:Video}
  1452.  
  1453. {block:ContentSource}
  1454. <div class="source">
  1455. <i class="fas fa-paper-plane" style="color: {color:Main Color};margin-right: 5px;"></i><a href="{SourceURL}" title="{SourceTitle}">Source</a>
  1456. </div>
  1457. {/block:ContentSource}
  1458.  
  1459. {block:Date}
  1460. <div class="entries-information">
  1461. {block:PinnedPostLabel}
  1462. <font style="color: {color:Pin};"><i class="fas fa-thumbtack" style="margin-right: 5px;"></i>{PinnedPostLabel}</font>
  1463. <font style="color: {color:Main Color};margin-left: 5px;margin-right: 5px;">•</font>
  1464. {/block:PinnedPostLabel}
  1465. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>
  1466. <font style="color: {color:Main Color};margin-left: 5px;margin-right: 5px;">•</font>{/block:NoteCount}
  1467. <a href="{Permalink}">{DayOfMonth} {ShortMonth} {Year}</a>
  1468. <font style="color: {color:Main Color};margin-left: 5px;margin-right: 5px;">•</font>
  1469. {block:RebloggedFrom} <a href="{ReblogParentURL}">Via</a> / {/block:RebloggedFrom}  
  1470. {block:ContentSource}{block:RebloggedFrom} <a href="{ReblogRootURL}">Source</a> / {/block:RebloggedFrom}{/block:ContentSource}
  1471. <a class="like-b" href="#">{LikeButton}<div class="b">Like</div></a> Or <a href="{ReblogURL}" target="_blank">Reblog</a>
  1472. {block:IfHideTags}
  1473. {block:HasTags}
  1474. <font style="color: {color:Main Color};margin-left: 5px;margin-right: 5px;">•</font>
  1475. <a class="tags-title">Show Tags</a>
  1476. <div class="tags">
  1477. {block:Tags}
  1478. <a href="{TagURL}" style="margin-right: 5px;"><font style="color: {color:Main Color};margin-right: 5px;">•</font>{Tag}</a>
  1479. {/block:Tags}
  1480. </div>
  1481. {/block:HasTags}
  1482. {/block:IfHideTags}
  1483. {block:IfShowTags}
  1484. {block:HasTags}
  1485. <div class="tags-alternate">
  1486. {block:Tags}
  1487. <a href="{TagURL}" style="margin-right: 5px;"><font style="color: {color:Main Color};margin-right: 5px;">•</font>{Tag}</a>
  1488. {/block:Tags}
  1489. </div>
  1490. {/block:HasTags}
  1491. {/block:IfShowTags}
  1492. {block:PostNotes}
  1493. {PostNotes}
  1494. {/block:PostNotes}
  1495. </div>
  1496. {/block:Date}
  1497.  
  1498. </div>
  1499.  
  1500. {/block:Posts}
  1501.  
  1502. {block:Pagination}
  1503. <div class="pagination">
  1504. {CurrentPage} Out Of {TotalPages}
  1505. <font style="float:right;">
  1506. {block:PreviousPage}
  1507. <a href="{PreviousPage}">Previous</a>
  1508. {/block:PreviousPage}
  1509. {block:NextPage}
  1510. Or <a href="{NextPage}">Next</a>
  1511. {/block:NextPage}
  1512. </font>
  1513. </div>
  1514. {/block:Pagination}
  1515.  
  1516. </div>
  1517.  
  1518. </div>
  1519.  
  1520. <div id="credit"><a href="http://ghcstfaec.tumblr.com/" title="ghcstfaec" target="_blank">GHCST</a></div>
  1521.  
  1522. </body>
  1523.  
  1524. </html>
Advertisement
Add Comment
Please, Sign In to add comment