vitaminholland

Theme — Shivers

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