API tools faq
paste
Advertisement
userbru

theme fifteen.

userbru
Jun 15th, 2021 (edited)
825
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5. theme by bru
  6. credit
  7. + base code by sacrin-themes
  8. + Scroll to the Top (www.itjungles.com)
  9. + font awesome (fontawesome.com)
  10. + coding resources
  11. octomoosey.tumblr.com
  12. odeysseus.tumblr.com
  13. Themesbyeris.tumblr.com
  14. Htmlauren.tumblr.com
  15. lmthemeslp-tut.tumblr.com
  16. todorokiscute.tumblr.com
  17. bychloethemes.tumblr.com
  18. + unnest captions: neothm
  19. + update tabs: maziekeen
  20. + gradient css: cssgradient.io
  21. + google fonts
  22. ~extra help: maziekeen!
  23.  
  24.  
  25. -->
  26.  
  27. <head>
  28.  
  29. <title>{Title}</title>
  30.  
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32.  
  33. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  34.  
  35.  
  36. <!---------------------------------------------------------- SCRIPTS -->
  37.  
  38. <link rel="stylesheet" href=
  39. "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.css">
  40. </link>
  41.  
  42. <link href="https://fonts.googleapis.com/css?family=ABeeZee&display=swap" rel="stylesheet">
  43.  
  44. <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
  45.  
  46. <link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet">
  47.  
  48.  
  49.  
  50. <!--------------------------------------------------------------- FAVICON -->
  51.  
  52. <link rel="icon" href="{PortraitURL-40}" type="image/gif" />
  53.  
  54.  
  55. <!---------------------------------------------------------------- IMAGES -->
  56.  
  57. <meta name="image:background" content=""/>
  58. <meta name="image:sidebar image" content=""/>
  59. <meta name="image:icon" content=""/>
  60.  
  61. <!---------------------------------------------------------------- COLORS -->
  62. <meta name="color:accent 1" content="#ede5f3"/>
  63. <meta name="color:accent 2" content="#dccbe7"/>
  64. <meta name="color:accent 3" content="#644b74"/>
  65. <meta name="color:accent 4" content="#86649b"/>
  66. <meta name="color:gradient 1" content="#000"/>
  67. <meta name="color:gradient 2" content="#000"/>
  68. <meta name="color:text" content="#444444"/>
  69. <meta name="color:text 2" content="#8d9585"/>
  70. <meta name="color:bold" content="#a77dc2"/>
  71. <meta name="color:italics" content="#a77dc2"/>
  72. <meta name="color:links" content="#86649b"/>
  73. <meta name="color:links hover" content="#cab1da"/>
  74. <meta name="color:sidebar links hover" content="#ffffff"/>
  75. <meta name="color:blockquote" content="#525854"/>
  76.  
  77. <!-------------------------------------------------------- FONT SELECTION -->
  78. <meta name="font:title" content="Favorit"/>
  79. <meta name="font:text" content="Favorit"/>
  80.  
  81. <!----------------------------------------------------------------- TOGGLE-->
  82.  
  83. <meta name="if:sidebar image" content="0" />
  84. <meta name="if:Show Unnest Captions" content="1"/>
  85. <meta name="if:Show Update" content="1"/>
  86. <meta name="if:Show Icon" content="1"/>
  87.  
  88.  
  89. <!------------------------------------------------------------------ TEXT -->
  90. <meta name="text:Photoset Gutter" content="1px"/>
  91. <meta name="text:link 1" content="ask" />
  92. <meta name="text:link 1 url" content="/ask" />
  93. <meta name="text:link 2" content="archive" />
  94. <meta name="text:link 2 url" content="/archive" />
  95. <meta name="text:link 3" content="link" />
  96. <meta name="text:link 3 url" content="link url" />
  97. <meta name="text:link 4" content="link" />
  98. <meta name="text:link 4 url" content="link url" />
  99. <meta name="text:link 5" content="link" />
  100. <meta name="text:link 5 url" content="link url" />
  101. <meta name="text:link 6" content="link" />
  102. <meta name="text:link 6 url" content="link url" />
  103. <meta name="text:link 7" content="link" />
  104. <meta name="text:link 7 url" content="link url" />
  105.  
  106. <!--------------------------------------------------------------- JQUERY -->
  107.  
  108. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  109. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  110. <script src="https://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script>
  111. <script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  112. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  113.  
  114. <!-------------------------------------------------------- TOOLTIPS -->
  115.  
  116. <script>
  117. (function($){
  118. $(document).ready(function(){
  119. $("a[title]").style_my_tooltips({
  120. tip_follows_cursor:true,
  121. tip_delay_time:90,
  122. tip_fade_speed:700,
  123. attribute:"title"
  124. });
  125. });
  126. })(jQuery);
  127. </script>
  128.  
  129. <!---------------------------------------------------- AUDIO PLAYER COLOR -->
  130.  
  131. <script>
  132. $(document).ready(function() {
  133. // audio player
  134. var $audio = $('iframe.tumblr_audio_player');
  135. $audio.load(function() {
  136. $(this).contents().find('head').append('<style type="text/css">' +
  137. '.audio-player { background:transparent; color: #fff !important; }' +
  138. '.audio-player .audio-info .track-artist { color: #fff !important; }' +
  139. '</style>');
  140. });
  141. });
  142. </script>
  143.  
  144.  
  145. <!------ unest--->
  146. {block:ifShowUnnestCaptions}
  147. <script> $(function(){ $('.posts').unnest({
  148. yourCaption: ".caption", //your caption selector, the div wrapping {Caption}
  149. wrapName: ".tumblr_parent", //the name of the captions’ new wrapper
  150. newCaptionUsername: false, //if the user adds a new caption, following a series of captions, show their username above the caption
  151. originalPostCaptionUsername: true, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
  152. tumblrAvatars: true, //”dashboard style” caption, have the avatar of the blog next to the username
  153. tumblrAvatarClass: ".tumblr_avatar", //class of the avatar next to the username
  154. usernameColon: false //if turned to false, removes the colon at the end of usernames
  155. }); }); </script>
  156. {/block:ifShowUnnestCaptions}
  157.  
  158.  
  159.  
  160.  
  161. <!------ photosets--->
  162. <script> $(document).ready(function(){ $('.photo-slideshow').pxuPhotoset({ lightbox: true, rounded: 'corners', gutter: '2px', borderRadius: '0px', photoset: '.photo-slideshow', photoWrap: '.photo-data', photo: '.pxu-photo' }); }); </script>
  163.  
  164.  
  165.  
  166. <style type="text/css">
  167.  
  168. {block:ifShowUpdate}
  169.  
  170. /* maziekeen's theme 216 - UPDATE TAB CSS
  171. accordion (update toggle) by codepen.io/vinsongrant/pen/qbGKed
  172.  
  173. GUIDE HOW TO CUSTOMIZE
  174.  
  175.  
  176. ----------------------------
  177.  
  178. ALL THE COLORS
  179.  
  180.  
  181. - GENERAL COLOR
  182. body text, italic, bold, links: will match your color theme
  183.  
  184. - UPDATE TITLE
  185. find the class name: .update-option, .update-title label a {
  186. add styles you want there
  187.  
  188. - EFFECT ON THE TITLE ONCE YOU CLICKED
  189. find the class name: .update-toggle:checked + .update-title, .update-toggle:checked + .update-title a {
  190. add styles you want there
  191.  
  192. - BACKGROUND COLOR OF THE CONTENT
  193. find the class name: .update-toggle:checked + .update-title + .update-content {
  194. change the color in: background:#ffffff;
  195. *to change the text color inside, just add a style: color:#111111;
  196.  
  197. - BORDERS
  198. find the classes names: .update-toggle:checked + .update-title + .update-content {
  199. AND .update-button {
  200. change the color in: outline:1px solid #ededed;
  201.  
  202. - BOX SHADOW
  203. find the classes names: .update-toggle:checked + .update-title + .update-content {
  204. AND .update-button {
  205.  
  206.  
  207. maziekeen's theme 216 - UPDATE TAB CSS PART */
  208.  
  209.  
  210. .update-container {
  211. max-width:150px;
  212. top:65px;
  213. right:15px;
  214. position:fixed;
  215. margin: 5px auto 0px;
  216. z-index:11;
  217. background-color:transparent;
  218. -webkit-box-sizing: border-box;
  219. box-sizing: border-box;
  220. }
  221.  
  222. .update-toggle {
  223. display: none;
  224. }
  225.  
  226. /* this is each option you add */
  227. .update-option {
  228. position: relative;
  229. margin-bottom:5px;
  230. }
  231.  
  232. /* the icon before the title */
  233. .update-title:before {
  234. content: "\e08d";
  235. font-family:'saturnicons';
  236. font-size:8px;
  237. margin-right: 5px;
  238. vertical-align:middle;
  239. color:#111111;
  240. -webkit-transition: all 0.2s ease-in-out;
  241. -o-transition: all 0.2s ease-in-out;
  242. transition: all 0.2s ease-in-out;
  243. cursor:auto;
  244. }
  245.  
  246. .update-toggle:checked + .update-title:before {
  247. content:"\e0c7";
  248. transform: rotate(90deg) !important;
  249. }
  250.  
  251.  
  252. /* title of the option */
  253. .update-option, .update-title label a {
  254. display: inline-block;
  255. text-align: right;
  256. padding-right:10px;
  257. }
  258.  
  259.  
  260. .update-title {
  261. cursor:pointer;
  262. }
  263.  
  264.  
  265. /* content that is hidden (before you click) */
  266. .update-content {
  267. max-height: 0;
  268. outline:0px solid transparent;
  269. overflow: hidden;
  270. -webkit-transition: all 0.2s ease-in-out;
  271. -o-transition: all 0.2s ease-in-out;
  272. transition: all 0.2s ease-in-out;
  273. }
  274.  
  275. .update-title, .update-content {
  276. backface-visibility: hidden;
  277. transform: translateZ(0);
  278. -webkit-transform: translateZ(0);
  279. }
  280.  
  281. /* lists (ul li) styles inside the content */
  282. .update-content li {
  283. margin-bottom:5px;
  284. }
  285.  
  286.  
  287.  
  288. /* effect on title once you clicked */
  289. .update-toggle:checked + .update-title, .update-toggle:checked + .update-title a {
  290. font-weight:bold;
  291. }
  292.  
  293. /* content that appears once you clicked */
  294. .update-toggle:checked + .update-title + .update-content {
  295. outline:1px solid #ededed;
  296. background-color:#ffffff;
  297. text-align:right;
  298. max-height: 100vh;
  299. width:240px; /* size of the content, adjust as you wish */
  300. padding:10px;
  301. margin: 5px 0px 0px -125px;
  302. z-index:1;
  303. -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  304. box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  305. -webkit-transition: all 0.2s ease-in-out;
  306. -o-transition: all 0.2s ease-in-out;
  307. transition: all 0.2s ease-in-out;
  308. }
  309.  
  310. /* maziekeen's theme 216 - UPDATE TAB CSS PART */
  311. {/block:ifShowUpdate}/
  312.  
  313.  
  314. {block:ifShowUnnestCaptions}
  315. .caption {
  316. }
  317.  
  318. .tumblr_avatar {
  319. width:25px;
  320. height:25px;
  321. margin-right:10px;
  322. display:inline-block;
  323. border-radius:2px;
  324. vertical-align:middle;
  325. }
  326.  
  327. /* to style the reblogged urls */
  328. .tumblr_blog {
  329. color:{color:Bold}!important;
  330. }
  331.  
  332. .tumblr_blog a:hover {
  333. text-decoration:none;
  334. color:{color:Link Hover};
  335. }
  336. /* to style the reblogged urls */
  337.  
  338. .tumblr_parent {
  339. margin-left:0px;
  340. width:500px;
  341. }
  342.  
  343. .tumblr_parent p {
  344. margin-top: 3px;
  345. }
  346.  
  347. .tumblr_parent blockquote {
  348. width:500px;
  349. margin-left:0px;
  350. }
  351.  
  352. {/block:ifShowUnnestCaptions}
  353.  
  354.  
  355. {block:ifNotShowUnnestCaptions}
  356.  
  357. .caption {
  358. }
  359.  
  360.  
  361. .tumblr_blog {
  362. vertical-align:bottom;
  363. color:{color:Bold}!important;
  364. }
  365.  
  366. .tumblr_blog a:hover {
  367. text-decoration:none;
  368. color:{color:Link Hover};
  369. }
  370.  
  371. blockquote {
  372. padding-left:10px;
  373. border-left:1px dashed {color:blockquote};
  374. margin-left:10px;
  375. }
  376.  
  377. {/block:ifNotShowUnnestCaptions}
  378.  
  379. /*----------------------------------------------------------- SCROLLBAR --*/
  380.  
  381.  
  382. ::-webkit-scrollbar {
  383.  
  384. width: 10px;
  385. background: {color:accent 1};
  386. }
  387.  
  388. ::-webkit-scrollbar-track {
  389.  
  390. background: none;
  391. }
  392.  
  393.  
  394. ::-webkit-scrollbar-thumb {
  395.  
  396. border-radius: 15px;
  397. background:{color:accent 4};
  398.  
  399. }
  400.  
  401. ::-webkit-scrollbar-thumb:horizontal {
  402.  
  403. background:{color:accent 4};
  404.  
  405. }
  406.  
  407. /*---------------------------------------------------------------- MAIN --*/
  408.  
  409.  
  410. body{
  411. background-image:url('{image:background}');
  412. background-attachment: fixed;
  413. background-repeat: repeat;
  414. background-color: {color:accent 1};
  415. margin-left:0px;
  416. margin-top:0px;
  417. color:{color:text};
  418. font-family:'Roboto';
  419. font-size:12px;
  420. line-height:25px;
  421. letter-spacing:1px;
  422.  
  423. }
  424.  
  425. a{
  426. text-decoration:none;
  427. color:{color:links};
  428. transition:0.4;
  429. }
  430.  
  431. a:hover {
  432. color:{color:links hover};
  433.  
  434. }
  435.  
  436. b {
  437. color:{color:bold};
  438. }
  439.  
  440. i {
  441. color:{color:italics};
  442. }
  443.  
  444.  
  445. li {
  446. margin-left: -15px;
  447. list-style-type: none;
  448. }
  449.  
  450. li:before {
  451.  
  452. content: "•";
  453. font-family: 'Font Awesome\ 5 Free';
  454. font-weight: 900;
  455. font-size:15px;
  456. margin-left: -20px;
  457. margin-right: 8px;
  458. }
  459.  
  460.  
  461.  
  462.  
  463. .content {
  464.  
  465. width:80%;
  466. max-width:800px;
  467. margin:3em auto;
  468. display:grid;
  469. grid-template-columns:1fr 2fr;
  470. grid-gap:4em;
  471. background:transparent;
  472. margin-top:-30px;
  473.  
  474. }
  475.  
  476. {block:IfShowIcon}
  477. .icon img {
  478. width:100px;
  479. margin-top:10px;
  480. margin-left:10px;
  481. -webkit-border-radius: 15px;
  482. border-radius: 15px;
  483. }
  484. {/block:IfShowIcon}
  485.  
  486.  
  487. .title {
  488. font-size:25px;
  489. text-align: center;
  490. font-weight:600;
  491. padding:10px;
  492. margin-bottom:0px;
  493. color: {color:accent 3};
  494. font-family:'ABeeZee';
  495. line-height:15px;
  496. }
  497.  
  498. .title a {
  499. font-size:19px;
  500. text-align: center;
  501. padding:10px;
  502. font-weight:600;
  503. margin-bottom:10px;
  504. color: {color:accent 3};
  505. font-family:'ABeeZee';
  506.  
  507.  
  508. }
  509.  
  510. .subtitle {
  511. text-align:center;
  512. font-style:normal;
  513. font-family:'ABeeZee';
  514. font-weight:300;
  515. font-size:11.5px;
  516. margin-bottom:10px;
  517. }
  518.  
  519.  
  520.  
  521. /*---------------------------------------------------------------- POSTS --*/
  522.  
  523. #postmargin{
  524.  
  525. padding-top: 10px;
  526. width:540px;
  527. margin-top:120px;
  528. }
  529.  
  530. .posts{
  531.  
  532. background-color:{color:accent 2};
  533. width:500px;
  534. padding:40px 30px 40px 30px;
  535. overflow: hidden;
  536. border-radius:10px;
  537. margin-bottom:50px;
  538. margin-left:70%;
  539.  
  540. }
  541.  
  542.  
  543. /*.posts img:not(.lightbox-image){*/
  544. /* max-width:100%;*/
  545. /* text-align:center;*/
  546. /* border-radius:10px;*/
  547. /*}*/
  548.  
  549.  
  550. .avatar img {
  551.  
  552. border-radius:100px!important;
  553. width:30px!important;
  554. height:30px!important;
  555. margin-top:10px;
  556. }
  557.  
  558.  
  559. .avatar-box {
  560.  
  561. display:flex;
  562. flex-direction: row;
  563.  
  564. }
  565.  
  566. .username {
  567. margin-left:10px;
  568. margin-top:13px;
  569. }
  570.  
  571.  
  572.  
  573. /*-------------------------------------------------------------- SIDEBAR --*/
  574.  
  575. .sidebar {
  576. margin-left:-60px;
  577. background:transparent;
  578. height:auto;
  579.  
  580. }
  581.  
  582. .sticky {
  583. position:fixed;
  584. top:0;
  585. margin-top:90px;
  586.  
  587. }
  588.  
  589. .desc-box {
  590.  
  591. width:268px;
  592. padding:30px 20px 30px 20px;
  593. height:auto;
  594. margin-top:10px;
  595. background:{color:accent 2};
  596. border-radius:10px;
  597. text-align:center;
  598. }
  599.  
  600.  
  601.  
  602. {block:ifsidebarimage}
  603. .sidebar-image {
  604.  
  605.  
  606. width:268px;
  607. height: auto;
  608. border-radius:10px;
  609. margin-bottom:20px;
  610.  
  611. }
  612. {/block:ifsidebarimage}
  613.  
  614.  
  615.  
  616.  
  617.  
  618.  
  619.  
  620. .link-box {
  621.  
  622. width:300px;
  623. padding:10px;
  624. float:center;
  625. height:auto;
  626. margin-top:20px;
  627. background:transparent;
  628. border-radius:10px;
  629. }
  630.  
  631. .link-box a {
  632.  
  633. padding:5px 5px 5px 6px;
  634. background:{color:ifgradient}
  635. -o-linear-gradient(right, {color:gradient 2}, {color:gradient 1} ); background-image: -moz-linear-gradient(right, {color:gradient 2},{color:gradient 1}); background-image: -webkit-linear-gradient(right, {color:gradient 2}, {color:gradient 1}); background-image: -ms-linear-gradient(right, {color:gradient 2}, {color:gradient 1}); background-image: linear-gradient(right, {color:gradient 2}, {color:gradient 1});
  636. {/block:ifgradient}linear-gradient(#color, #color, #color);;
  637. border-radius:100px;
  638. transition:0.4s;
  639. margin-right:10px;
  640. float:center;
  641. font-size:15px;
  642.  
  643. }
  644.  
  645. .link-box a:hover {
  646.  
  647. background:{color:sidebar links hover};
  648. transition:0.4s;
  649. }
  650.  
  651. .link-box i {
  652.  
  653. color:{color:accent 3};
  654. }
  655.  
  656.  
  657.  
  658.  
  659.  
  660.  
  661. .pagination-box {
  662.  
  663. width:268px;
  664. padding:20px;
  665. height:auto;
  666. margin-top:-6px;
  667. background:transparent;
  668. border-radius:10px;
  669. font-size:30px;
  670.  
  671. }
  672.  
  673. .pagination {
  674. color:#000;
  675. display:flex;
  676. flex-direction: row;
  677. justify-content: space-around;
  678. }
  679.  
  680. .pagination a {
  681.  
  682. padding:10px 12px 10px 12px;
  683. background:{color:accent 2};
  684. transition:0.4s;
  685. margin-right:5px;
  686. font-size:15px;
  687. border-radius:6px;
  688. }
  689.  
  690.  
  691. .pagination a:hover {
  692.  
  693. background:{color:sidebar links hover};
  694. transition:0.4s;
  695. }
  696.  
  697. .pagination i {
  698.  
  699. color:{color:accent 3};
  700. }
  701.  
  702.  
  703. /*----------------------------------------------------------------- TAGS --*/
  704.  
  705.  
  706. .tags-container {
  707.  
  708. display:flex;
  709. justify-content:left;
  710. align-items:left;
  711. flex-direction:row;
  712. -webkit-transition: all 0.7s ease-in-out;
  713. transition: all 0.7s ease-in-out;
  714. -moz-transition: all 0.7s ease-in-out;
  715. -o-transition: all 0.7s ease-in-out;
  716. position:relative;
  717.  
  718. }
  719.  
  720.  
  721. .tags a {
  722.  
  723. background:{color:accent 1};
  724. color:{color:text};
  725. padding:7px;
  726. padding-left: 10px;
  727. padding-right:10px;
  728. border-radius:6px;
  729. margin-right:5px;
  730. -webkit-transition: all 0.5s ease-in-out;
  731. transition: all 0.5s ease-in-out;
  732. -moz-transition: all 0.5s ease-in-out;
  733. -o-transition: all 0.5s ease-in-out;
  734. box-shadow: 0px 5px 30px -9px rgba(0,0,0,0.12);
  735. }
  736.  
  737.  
  738. .tags a:hover {
  739.  
  740. background:{color:accent 3};
  741. color:{color:accent 1};
  742. padding:8px;
  743. border-radius:7px;
  744. padding-left: 12px;
  745. padding-right:12px;
  746. -webkit-transition: all 0.5s ease-in-out;
  747. transition: all 0.5s ease-in-out;
  748. -moz-transition: all 0.5s ease-in-out;
  749. -o-transition: all 0.5s ease-in-out;
  750.  
  751. }
  752.  
  753.  
  754. .tags {
  755.  
  756. height:0px;
  757. line-height:330%;
  758. text-align:left;
  759. font-size:12px;
  760. opacity:0;
  761. -webkit-transition: all 0.5s ease-in-out;
  762. transition: all 0.5s ease-in-out;
  763. -moz-transition: all 0.5s ease-in-out;
  764. -o-transition: all 0.5s ease-in-out;
  765. margin-top:-60px;
  766.  
  767. }
  768.  
  769.  
  770. .posts .tags { /* if you would like the tags to hover, add :hover after .posts */
  771.  
  772. opacity:1;
  773. -webkit-transition: all 0.7s ease-in-out;
  774. transition: all 0.7s ease-in-out;
  775. -moz-transition: all 0.7s ease-in-out;
  776. -o-transition: all 0.7s ease-in-out;
  777. margin-bottom:0px;
  778. float:left;
  779. padding:5px;
  780. width:540px;
  781. margin-top:20px;
  782. height:auto;
  783. }
  784.  
  785.  
  786. /*--------------------------------------------------------------- NOTES --*/
  787.  
  788. .notes-container {
  789.  
  790. margin: 0;
  791. padding: 0;
  792. position:relative;
  793. width:500px;
  794. margin-left:400px;
  795. border-radius:7px;
  796. background:{color:accent 2};
  797. height:400px;
  798. overflow:auto;
  799. padding:15px;
  800. margin-top:auto;
  801.  
  802. }
  803.  
  804.  
  805. .notes li:before {
  806.  
  807. margin-left: 0px;
  808. float:left;
  809. content: "";
  810. font-family: 'Font Awesome\ 5 Free';
  811. font-size:15px;
  812. }
  813.  
  814.  
  815. .notes li {
  816.  
  817. list-style-type: none;
  818. padding:5px;
  819. margin-left:-20px;
  820. width: 100%;
  821. float: left;
  822. text-align:left;
  823.  
  824. }
  825.  
  826.  
  827.  
  828. .notes img {
  829.  
  830. margin-right: 15px;
  831. margin-left: 15px;
  832. float: left;
  833. width: 20px;
  834. height: 20px;
  835. border-radius: 100px;
  836. }
  837.  
  838.  
  839.  
  840. /*------------------------------------------------------ ASK & QUESTIONS --*/
  841.  
  842.  
  843. .askerbg {
  844.  
  845. padding: 0px;
  846. border-radius: 100px;
  847.  
  848. }
  849.  
  850. .askerbg img {
  851.  
  852. border-radius:100px!important;
  853.  
  854. }
  855.  
  856.  
  857.  
  858. .question {
  859.  
  860. width: auto;
  861. margin-top: 10px;
  862. margin-bottom:20px;
  863. color:{color:text 2};
  864. padding: 10px;
  865. border-radius: 7px;
  866. background:{color:accent 1};
  867.  
  868. }
  869.  
  870. /*----------------------------------------------------------- SEARCH BAR --*/
  871.  
  872. .search {
  873.  
  874. margin-top:20px;
  875.  
  876. }
  877.  
  878.  
  879. .sfm input {
  880. width:150px;
  881. background-color: #f5f5f5;
  882. font-size: 11px;
  883. border: 0px;
  884. text-transform: uppercase;
  885. margin-top: 0px;
  886. color: #999;
  887. letter-spacing: 1px;
  888. padding: 4px 8px;
  889. font-family: {font:text};
  890. border-radius: 20px;
  891. padding: 8px 20px 8px 20px;
  892. border-radius: 70px;
  893. color:{color:text 2};
  894. transition: 0.4s;
  895. background:{color:ifgradient}
  896. -o-linear-gradient(right, {color:gradient 2}, {color:gradient 1} ); background-image: -moz-linear-gradient(right, {color:gradient 2},{color:gradient 1}); background-image: -webkit-linear-gradient(right, {color:gradient 2}, {color:gradient 1}); background-image: -ms-linear-gradient(right, {color:gradient 2}, {color:gradient 1}); background-image: linear-gradient(right, {color:gradient 2}, {color:gradient 1});
  897. {/block:ifgradient}linear-gradient(#color, #color, #color);;
  898.  
  899. }
  900.  
  901.  
  902. /*---------------------------------------------------------------- QUOTE --*/
  903.  
  904. #quote{
  905. font-size:20px;
  906. margin-bottom:20px;
  907. margin-top:20px;
  908. font-weight:Bold;
  909. }
  910.  
  911. #link{
  912. text-align:center;
  913. font-size:15px;
  914. }
  915.  
  916. /*------------------------------------------------------------ PERMALINK --*/
  917.  
  918. .permalink
  919. {
  920.  
  921. display:flex;
  922. flex-direction: row;
  923. justify-content: space-around;
  924. }
  925.  
  926. .permalink-box {
  927. width:100%;
  928. margin-top:30px;
  929. padding-top:10px;
  930. padding-bottom:10px;
  931. height:auto;
  932. text-align:center;
  933. background:{color:ifgradient}
  934. -o-linear-gradient(right, {color:gradient 2}, {color:gradient 1} ); background-image: -moz-linear-gradient(right, {color:gradient 2},{color:gradient 1}); background-image: -webkit-linear-gradient(right, {color:gradient 2}, {color:gradient 1}); background-image: -ms-linear-gradient(right, {color:gradient 2}, {color:gradient 1}); background-image: linear-gradient(right, {color:gradient 2}, {color:gradient 1});
  935. {/block:ifgradient}linear-gradient(#color, #color, #color);;
  936. border-radius:100px;
  937.  
  938. }
  939.  
  940. /*----------------------------------------------------------------- CHAT --*/
  941.  
  942. .chatbox {
  943. margin-top:-30px;
  944. margin-bottom:180px;
  945.  
  946. }
  947.  
  948. .answer span,.convo i {
  949.  
  950.  
  951. border-radius:1em;
  952. padding:.5em 10px;
  953. max-width:75%;
  954. position:relative;
  955. margin-bottom:10px;
  956.  
  957.  
  958. }
  959.  
  960. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11 {
  961.  
  962. color:{color:text 2};
  963. border-radius: 7px;
  964. background:{color:accent 1};
  965. float:left;
  966. height:auto;
  967. left:3px;
  968. }
  969.  
  970.  
  971. .me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after {
  972.  
  973.  
  974. content:' ';
  975. position:absolute;
  976. border:8px solid {color:accent 1};
  977. top:1em;
  978. right:99%;
  979. margin-top:-7px;
  980. clip-path: polygon(100% 11%, 35% 45%, 100% 85%);
  981.  
  982.  
  983. }
  984.  
  985.  
  986. .answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12 {
  987. color:{color:text 2};
  988. border-radius: 7px;
  989. background:{color:accent 1};
  990. float:right;
  991. right:3px;
  992. height:auto;
  993. }
  994.  
  995.  
  996. .them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after {
  997. content:' ';
  998. position:absolute;
  999. border:8px solid {color:accent 1};
  1000. top:1em;
  1001. left:99%;
  1002. clip-path: polygon(0 8%, 0 86%, 55% 48%);
  1003. margin-top:-7px;
  1004. }
  1005.  
  1006.  
  1007. /*--------------------------------------------------- LIKE/REBLOG BUTTON --*/
  1008.  
  1009. .like svg path, .reblog svg path {
  1010.  
  1011. fill:{color:links};
  1012. transition: 0.4s;
  1013. }
  1014.  
  1015.  
  1016. .reblog {
  1017. float:right;
  1018. margin-left:40px;
  1019. margin-top:0px;
  1020.  
  1021. }
  1022.  
  1023. .reblog a {
  1024. color:{color:links};
  1025. }
  1026.  
  1027. .reblog a:hover {
  1028.  
  1029. color:{color:links hover};
  1030. transition: 0.4s;
  1031.  
  1032. }
  1033.  
  1034. .like {
  1035.  
  1036. float:left;
  1037. margin-right:20px;
  1038. position: relative;
  1039. margin-top:2px;
  1040.  
  1041. }
  1042.  
  1043. /* Position like button above your custom one */
  1044. .like .like_button {
  1045. position: absolute;
  1046. top: 0;
  1047. opacity: 0;
  1048.  
  1049. }
  1050.  
  1051. /* Keep like functionality active */
  1052. .like .like_button.liked {
  1053. opacity: 1;
  1054. }
  1055.  
  1056. /*---------------------------------------------------------- AUDIO POSTS --*/
  1057.  
  1058. .playbutton-container {
  1059.  
  1060. position:relative;
  1061. margin-left:20px;
  1062. z-index:9;
  1063. overflow:hidden;
  1064. padding:20px;
  1065. text-align: center;
  1066. opacity: .8;
  1067. padding:20px;
  1068. width:60px;
  1069. height:60px;
  1070. }
  1071.  
  1072. .playbutton {
  1073.  
  1074. border-radius:100px;
  1075. width:30px;
  1076. height:30px;
  1077. margin-top:50px;
  1078. margin-left:5px;
  1079.  
  1080. }
  1081.  
  1082. .playbutton-bg {
  1083.  
  1084. margin-top:-45px;
  1085. margin-left:30px;
  1086. position: absolute;
  1087. width: 40px;
  1088. height: 40px;
  1089. background-color: #000;
  1090. padding: 10px;
  1091. border-radius: 40px;
  1092. opacity: .7;
  1093. z-index:1;
  1094.  
  1095. }
  1096.  
  1097.  
  1098. .albumart img {
  1099.  
  1100. position:relative;
  1101. margin-top:-75px;
  1102. margin-left:0px
  1103. height:120px!important;
  1104. width:120px!important;
  1105. border-radius:100px!important;
  1106.  
  1107. }
  1108.  
  1109. .trackinfo {
  1110.  
  1111. padding: 10px 20px 10px 20px;
  1112. margin-bottom:10px;
  1113. color:{color:accent 3};
  1114. top:-10px;
  1115. position:relative;
  1116. margin-left:140px;
  1117. height:auto;
  1118. margin-top:-120px;
  1119. border-radius:6px;
  1120. text-align:left;
  1121. background:{color:accent 1};
  1122.  
  1123. }
  1124.  
  1125. .trackname {
  1126.  
  1127. position:relative;
  1128. font-size:12px;
  1129. text-transform:uppercase;
  1130. font-weight: bold;
  1131.  
  1132.  
  1133. }
  1134.  
  1135. .artist {
  1136.  
  1137. font-size:11px;
  1138. text-transform:uppercase;
  1139.  
  1140. }
  1141.  
  1142. .album {
  1143.  
  1144. font-style: italic;
  1145. font-size:11px;
  1146.  
  1147. }
  1148.  
  1149.  
  1150. /*------------------------------------------------------------ TOOL TIPS --*/
  1151.  
  1152. #s-m-t-tooltip {
  1153.  
  1154. margin-left:15px;
  1155. margin-top:-21px;
  1156. letter-spacing:0px;
  1157. font-family:'Roboto';
  1158. text-transform:auto;
  1159. font-size:12px;
  1160. color: {color:accent 1};
  1161. padding: 3px;
  1162. z-index:99999999999999999999999;
  1163. transition:all 0.4s;
  1164. background:{color:accent 3};
  1165. padding: 5px 10px 5px 10px;
  1166. border-radius: 100px;
  1167.  
  1168. }
  1169.  
  1170. /*------------------------------------------------------ TUMBLR CONTROLS --*/
  1171.  
  1172.  
  1173. iframe#tumblr_controls, .iframe-controls--desktop {
  1174.  
  1175.  
  1176. top:0px!important; /* or whatever you want */
  1177. right:-30px!important; /* or whatever you want */
  1178. transform:scale(0.8,0.8); /* or whatever you want */
  1179. -webkit-filter:invert(100%); filter:invert(100%);
  1180. opacity:0!important;
  1181. -webkit-backface-visibility:hidden;
  1182. padding:10px 40px 10px 10px;
  1183. -webkit-transition:opacity .3s ease-out;
  1184. transition:opacity .3s ease-out;
  1185.  
  1186.  
  1187. }
  1188.  
  1189.  
  1190. #tumblr_controls:hover, .tmblr-iframe:hover {
  1191.  
  1192. opacity:.5!important;
  1193. }
  1194.  
  1195.  
  1196. /*-------------------------------------------------------------- CREDIT --*/
  1197.  
  1198.  
  1199. .credit {
  1200.  
  1201. position:fixed;
  1202. bottom:18px;
  1203. right:25px;
  1204. font-size: 15px;
  1205.  
  1206. }
  1207.  
  1208. .credit a {
  1209. color:{color:accent 1};
  1210. }
  1211.  
  1212. /*-------------------------------------------------------- SCROLL TO TOP --*/
  1213.  
  1214. #scrollToTop:link,
  1215. #scrollToTop:visited {
  1216.  
  1217. display: none;
  1218. position: fixed;
  1219. bottom:48px;
  1220. right:17px;
  1221. font-size: 20px;
  1222. padding: 13px;
  1223. color:{color:accent 4};
  1224.  
  1225. }
  1226.  
  1227. /*--------------------------------------------------------------- FOOTER --*/
  1228.  
  1229. .footer {
  1230.  
  1231. height:100px;
  1232. }
  1233.  
  1234.  
  1235. /*------------------------------------------------- FIX TEXT POST IMAGES --*/
  1236.  
  1237. iframe, img, embed, object, video:not(.lightbox-image) {
  1238. max-width: 100%;
  1239. }
  1240.  
  1241.  
  1242. img:not(.lightbox-image, .tumblr_avatar) {
  1243. height: auto;
  1244. width: auto;
  1245. }
  1246.  
  1247.  
  1248. /*------------------------------------------- STYLE/HEAD END & BODY START--*/
  1249.  
  1250.  
  1251. </style></head><body>
  1252.  
  1253.  
  1254.  
  1255. {block:ifShowUpdate}<div class="update-container"> <!-- start of the update toggle / do not remove -->
  1256.  
  1257. <div class="update-option"> <!-- copy from here to add a new option -->
  1258. <input type="checkbox" id="update-toggle1" class="update-toggle" />
  1259. <label class="update-title" for="update-toggle1"><a>update tab no.1</a></label>
  1260. <div class="update-content"> <!-- content inside the update, edit as you wish using html markup -->
  1261. <strong>title here</strong>
  1262. <ul>
  1263. <li>
  1264. this is a list
  1265. </li>
  1266. <li>with many options if u want</li>
  1267. </ul>
  1268. <strong>another list, but-</strong>
  1269. <ul>
  1270. <li><a href="#">with a link?</a></li>
  1271. <li>or just a text</li>
  1272. </ul>
  1273. </div> <!-- end of content inside the update / do not remove -->
  1274. </div> <!-- end of the option -->
  1275.  
  1276. <div class="update-option"> <!-- copy from here to add a new option -->
  1277. <input type="checkbox" id="update-toggle2" class="update-toggle" />
  1278. <label class="update-title" for="update-toggle2"><a>tab no. 2</a></label>
  1279. <div class="update-content"> <!-- content inside the update, edit as you wish using html markup -->
  1280. <p>you can add a paragraph, anything really. lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.</p>
  1281. <p>another one with <strong>bold</strong>. <em>italic</em>. <s>strike</s> maybe.</p>
  1282. </div> <!-- end of content inside the update / do not remove -->
  1283. </div> <!-- end of the option -->
  1284.  
  1285.  
  1286. </div>{/block:IfShowUpdate} <!-- end of the update toggle / do not remove -->
  1287.  
  1288.  
  1289. <div class="content">
  1290.  
  1291.  
  1292. <!--------------------------------------------------------- SIDEBAR START -->
  1293.  
  1294. <div class="sidebar"><!-- sidebar wrapper -->
  1295. <div class="sticky">
  1296. <!---------------------------------------------------------------- LINKS -->
  1297.  
  1298. <div class="link-box">
  1299. <center>
  1300.  
  1301. {block:iflink1url} <a href="{text:link 1 url}" title="{text:link 1}"> <i class="fas fa-home"></i></i></a>{block:iflink1url}
  1302. {block:iflink2url} <a href="{text:link 2 url}" title="{text:link 2}"> <i class="fas fa-envelope-open"></i></a>{block:iflink2url}
  1303. {block:iflink3url} <a href="{text:link 3 url}" title="{text:link 3}"> <i class="fas fa-folder"></i></a> {block:iflink3url}
  1304. {block:iflink4url} <a href="{text:link 4 url}" title="{text:link 4}"><i class="fas fa-heart"></i></a>{block:iflink4url}
  1305. {block:iflink5url} <a href="{text:link 5 url}" title="{text:link 5}"> <i class="fas fa-pen"></i></a>{block:iflink5url}
  1306. {block:iflink6url} <a href="{text:link 6 url}" title="{text:link 6}"> <i class="fas fa-moon"></i></a>{block:iflink6url}
  1307. {block:iflink7url} <a href="{text:link 7 url}" title="{text:link 7}"> <i class="fas fa-cloud"></i></a>{block:iflink7url}
  1308.  
  1309. </center>
  1310. </div><!-- link box-->
  1311. <div class="desc-box">
  1312.  
  1313. {block:ifShowIcon}<img src="{image:icon}" style="width:50px;border-radius:100px;">{/block:IfShowIcon}
  1314.  
  1315. <div class="title">
  1316. <a href="/">{Title}</a>
  1317. </div>
  1318. <div class="subtitle">@{name}</div>
  1319.  
  1320.  
  1321. {block:ifsidebarimage}
  1322. <center><img class="sidebar-image" src="{image:Sidebar image}"/></center> {block:ifsidebarimage}
  1323.  
  1324. {description}
  1325.  
  1326. <!--------------------------------------------------------------- SEARCH -->
  1327.  
  1328. <div class="search">
  1329.  
  1330. <form onsubmit="return tagSearch(this)" class="sfm">
  1331.  
  1332. <input type="text" name="tag" placeholder="Search..."value="{SearchQuery}" id="sf" onfocus="if (this.value == '{SearchQuery}') {this.value=''}" onblur="if (this.value == '') {this.value='{SearchQuery}'}" />
  1333.  
  1334. </form>
  1335.  
  1336. </div>
  1337.  
  1338. </div><!--desc box-->
  1339.  
  1340. <!------------------------------------------------------------ PAGINATION -->
  1341.  
  1342. <div class="pagination-box">
  1343. <center>
  1344. <div class="pagination">
  1345. {block:PreviousPage}
  1346. <div class="previous-button"><a href="{PreviousPage}"> <i class="fas fa-angle-left"></i> </a></div>
  1347. {/block:PreviousPage}
  1348.  
  1349. {block:NextPage}
  1350. <div class="next-button"><a href="{NextPage}"> <i class="fas fa-angle-right"></i> </a></div>
  1351. {/block:NextPage}
  1352. </div>
  1353. <center>
  1354. </div><!-- pagination box-->
  1355.  
  1356.  
  1357. </div> <!-- sticky -->
  1358.  
  1359.  
  1360.  
  1361. <!----------------------------------------------------------- POSTS START -->
  1362.  
  1363. <div id="postmargin">
  1364. {block:Posts}
  1365.  
  1366.  
  1367. <div class="posts">
  1368.  
  1369. <!------------------------------------------------------------ TEXT POSTS -->
  1370.  
  1371.  
  1372. {block:Text}
  1373.  
  1374.  
  1375. <div id="link">
  1376. {block:Title}
  1377. <div class="title">{Title}</div>
  1378. {/block:Title}
  1379. </div>
  1380.  
  1381. <div class="caption">
  1382. {Body}
  1383. </div>
  1384. {/block:Text}
  1385.  
  1386.  
  1387.  
  1388. <!----------------------------------------------------------------- PHOTO -->
  1389.  
  1390.  
  1391.  
  1392. {block:Photo}
  1393.  
  1394. <center>
  1395. {LinkOpenTag}
  1396. <img src="{PhotoURL-HighRes}" width="540">
  1397. {LinkCloseTag}
  1398. </center>
  1399.  
  1400. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1401.  
  1402.  
  1403. {/block:Photo}
  1404.  
  1405.  
  1406.  
  1407.  
  1408.  
  1409.  
  1410.  
  1411. <!-------------------------------------------------------------- PHOTOSET -->
  1412.  
  1413.  
  1414.  
  1415. {block:Photoset}
  1416.  
  1417.  
  1418. <center>
  1419. {Photoset}
  1420. </center>
  1421.  
  1422. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1423.  
  1424. {/block:Photoset}
  1425.  
  1426.  
  1427.  
  1428. <!---------------------------------------------------------------- QUOTES -->
  1429.  
  1430. {block:Quote}
  1431.  
  1432. <div id="quote">
  1433. <i class="fas fa-quote-left" style="font-size:30px; color:{color:text}"></i>
  1434. {Quote}
  1435. </div>
  1436. {block:Source}— {Source}{/block:Source}
  1437.  
  1438. {/block:Quote}
  1439.  
  1440. <!----------------------------------------------------------------- LINKS -->
  1441.  
  1442. {block:Link}
  1443.  
  1444. <div id="link"><a href="{URL}" {Target}>{Name}</a></div>
  1445.  
  1446. {block:Description}{Description}{/block:Description}
  1447.  
  1448. {/block:Link}
  1449.  
  1450. <!----------------------------------------------------------------- CHAT -->
  1451.  
  1452.  
  1453. {block:Chat}
  1454.  
  1455. <div class="chatbox">
  1456.  
  1457. {block:Title}
  1458. <h1>{Title}</h1>{/block:Title}<br>
  1459.  
  1460. <ul class="convo">
  1461.  
  1462. {block:Lines}
  1463. <i class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}{Line}</i>
  1464. {/block:Lines}
  1465.  
  1466. </ul>
  1467.  
  1468. </div>
  1469.  
  1470. {/block:Chat}
  1471.  
  1472.  
  1473.  
  1474. <!------------------------------------------------------------ AUDIO POSTS-->
  1475.  
  1476.  
  1477. {block:Audio}
  1478. {block:AudioPlayer}
  1479.  
  1480. <div class="playbutton-container">
  1481. <div class="playbutton">
  1482. {AudioPlayerBlack}
  1483. </div>
  1484. </div>
  1485.  
  1486. <div class="playbutton-bg"></div>
  1487.  
  1488. {block:AlbumArt}
  1489. <div class="albumart"><img src="{AlbumArtURL}"></div>
  1490. {/block:AlbumArt}
  1491.  
  1492. <div class="trackinfo">
  1493.  
  1494. <div class="trackname">
  1495. {block:TrackName}{TrackName}{/block:TrackName}
  1496. </div>
  1497. <div class="artist">
  1498. {block:Artist}{Artist}{/block:Artist}
  1499. </div>
  1500. <div class="album">
  1501. {block:Album}{Album}{/block:Album}
  1502. </div>
  1503.  
  1504. </div>
  1505.  
  1506. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1507.  
  1508. {/block:AudioPlayer}
  1509. {/block:Audio}
  1510.  
  1511.  
  1512.  
  1513. <!---------------------------------------------------------------- VIDEOS -->
  1514.  
  1515.  
  1516.  
  1517. {block:Video}
  1518.  
  1519. {Video-500}
  1520.  
  1521.  
  1522. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1523.  
  1524.  
  1525. {/block:Video}
  1526.  
  1527.  
  1528.  
  1529. <!----------------------------------------------------------------- ASKS -->
  1530.  
  1531.  
  1532. {block:Answer}
  1533. <table style="padding-bottom:5px;margin-bottom:5px;">
  1534. <tr>
  1535. <td class="askerbg" style="vertical-align:top;padding-right:10px;"><img src="{AskerPortraitURL-64}"></td><td style="vertical-align:top;"><strong>{Asker} asked:</strong>
  1536. <div class="question">{Question}</div>
  1537. </td>
  1538. </tr>
  1539. </table>
  1540. {Answer}
  1541. {/block:Answer}
  1542.  
  1543.  
  1544. <!--------------------------------------------------------------POST INFO -->
  1545.  
  1546. {block:Date}
  1547.  
  1548. <div class="permalink-box">
  1549. <div class="permalink">
  1550.  
  1551. <div class="date-container">
  1552. <a href="{Permalink}">{DayOfMonthWithZero} {Month}, {Year}</a>
  1553. (<a href="{Permalink}">{NoteCount}</a> notes)
  1554.  
  1555. {/block:NoteCount}
  1556. </div>
  1557.  
  1558. <div class="share">
  1559. <div class="reblog">
  1560. <a href="{ReblogURL}" target="_blank"><span class="fas fa-sync-alt"></span></a>
  1561. <div class="like"> <svg width="14" height="14" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#010101"> <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path></svg>
  1562.  
  1563. {LikeButton size="14"}
  1564.  
  1565.  
  1566.  
  1567. </div>
  1568.  
  1569. </div>
  1570. </div>
  1571. </div>
  1572. {/block:Date}
  1573.  
  1574.  
  1575.  
  1576.  
  1577. <!------------------------------------------------------------------ TAGS -->
  1578.  
  1579. </div>
  1580.  
  1581.  
  1582. {block:date}
  1583.  
  1584.  
  1585. <div class="tags-container">
  1586. <div class="tags">
  1587. {block:Tags}{block:HasTags}
  1588. <i class="fas fa-tags"></i> tagged as: <a href="{TagURL}">{Tag}</a>
  1589. {/block:HasTags}{/block:Tags}
  1590. </div>
  1591. </div>
  1592.  
  1593.  
  1594. {/block:date}
  1595.  
  1596.  
  1597.  
  1598.  
  1599.  
  1600. </div>
  1601.  
  1602. {/block:Posts} {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom}
  1603.  
  1604.  
  1605.  
  1606. <!-------------------------------------------------------- PERMALINK PAGE -->
  1607.  
  1608. {block:PermalinkPage}
  1609. {block:PostNotes}
  1610. <div class="notes-container">
  1611. <div class="notes">
  1612. {PostNotes}
  1613. </div>
  1614. </div>
  1615. {/block:PostNotes}
  1616. {/block:PermalinkPage}
  1617.  
  1618.  
  1619. <!---------------------------------------------------------------- FOOTER -->
  1620.  
  1621. <div class="credit">
  1622. <a href="https://geminicodes.tumblr.com/" target="_blank" title="by bru">
  1623. <span class="fas fa-moon" style="color:{color:accent 4};"></span></a>
  1624. </div>
  1625.  
  1626.  
  1627.  
  1628. <div class="footer"></div>
  1629.  
  1630.  
  1631. </div> <!--content-->
  1632.  
  1633. <!-------------------------------------------------------- SCROLL TO TOP -->
  1634. <div style="float:right;bottom: 0px; margin-top:15px; margin-right:3px;"><a href="https://tumblings.net/post/44212620655/tumblreffects" target="_blank"></a></div>
  1635.  
  1636. <script type="text/javascript" src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1637.  
  1638.  
  1639. <div style="position:fixed;bottom:10px;right:10px;z-index:1;">
  1640. <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top" alt="Go to Top"> <i class="fa fa-chevron-up" style="color:{color:accent 4}";></i></a></div>
  1641.  
  1642. <!------------------------------------------------------------------- END -->
  1643.  
  1644. </body></html>
  1645.  
  1646.  
  1647.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!