mistletoe

theme 06: alina

Apr 28th, 2021
4,906
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 41.81 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--------------------------------------------------------------------------
  6. ============================================================================
  7. ============================================================================
  8.  
  9.  
  10.                ╭━╮╭━┳━━┳━━━┳━━━━┳╮╱╱╭━━━┳━━━━┳━━━┳━━━╮
  11.                ┃┃╰╯┃┣┫┣┫╭━╮┃╭╮╭╮┃┃╱╱┃╭━━┫╭╮╭╮┃╭━╮┃╭━━╯
  12.                ┃╭╮╭╮┃┃┃┃╰━━╋╯┃┃╰┫┃╱╱┃╰━━╋╯┃┃╰┫┃╱┃┃╰━━╮
  13.                ┃┃┃┃┃┃┃┃╰━━╮┃╱┃┃╱┃┃╱╭┫╭━━╯╱┃┃╱┃┃╱┃┃╭━━╯
  14.                ┃┃┃┃┃┣┫┣┫╰━╯┃╱┃┃╱┃╰━╯┃╰━━╮╱┃┃╱┃╰━╯┃╰━━╮
  15.                ╰╯╰╯╰┻━━┻━━━╯╱╰╯╱╰━━━┻━━━╯╱╰╯╱╰━━━┻━━━╯
  16.  
  17.  
  18. ============================================================================
  19.  
  20.                               theme by merc
  21.                            mistletoe / grisha
  22.  
  23. ============================================================================
  24. ============================================================================
  25.  
  26.        - poppins by india type foundry
  27.        - cappuccicons
  28.            - https://cappuccicons.com/
  29.        
  30. ============================================================================
  31.    
  32.        REGARDING THIS THEME:
  33.        
  34.        - the theme for MISTLETOE THEMES was created
  35.        by merc (mistletoe) for use on tumblr.com. please
  36.        do not do the following:
  37.        
  38.            - replicate / reproduce
  39.            - use as "inspiration"
  40.            - frankenstein
  41.                i.e. pick apart and use on your theme
  42.            - steal the code
  43.  
  44. ============================================================================
  45.  
  46.          basically, don't be /that/ asshole, alright? thanks.
  47.  
  48. ============================================================================
  49.  
  50.                        !!! HOW TO EDIT THIS THEME !!!
  51.          
  52.          Section 2 Description
  53.            - ctrl + f "EDIT "SECTION 2" TEXT HERE"
  54.          Section 3 Links
  55.            - ctrl + f "EDIT "SOCIAL" LINKS HERE"
  56.            - you can add as many as you want, but there is a section for 10
  57.            additional links so i'd keep this short if i were you
  58.          Affiliates
  59.            - ctrl + f "EDIT AFFILIATES HERE"
  60.            - you can post as many as you want
  61.            - recommend square images
  62.          Icons
  63.            - want to use different icons? visit: https://cappuccicons.com/
  64.            - select an icon name and place it in the icon box
  65.          
  66.          USING A DIFFERENT FONT
  67.          - If you do not like "Poppins", the default font for this blog,
  68.          do a ctrl+f for "poppins" and then replace ALL with the name of
  69.          the font of your choice.
  70.          - PLEASE NOTE: Your font has to be loaded on this blog. You can
  71.          go to fonts.google.com to grab a link for your own font.
  72.  
  73. ============================================================================
  74. ============================================================================
  75. --------------------------------------------------------------------------->
  76.  
  77. <meta charset="UTF-8">
  78. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  79. <title>{title}</title>
  80. <link rel="shortcut icon" href="{Favicon}">
  81.  
  82. <!-- installs -->
  83.  
  84. <link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
  85.     <!-- icon font by sol / themehive -->
  86. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  87. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  88. <script src="//pull.cappuccicons.com/cpf.js"></script>
  89.  
  90.  
  91. <!-- unnested captions / neothm -->
  92. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  93.  
  94. <script> $(function(){  $('article').unnest({
  95.     yourCaption: ".caption", //your caption selector, the div wrapping {Caption}
  96.     wrapName: ".tumblr_parent", //the name of the captions’ new wrapper
  97.     newCaptionUsername: false, //if the user adds a new caption, following a series of captions, show their username above the caption
  98.     originalPostCaptionUsername: false, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
  99.     tumblrAvatars: true, //”dashboard style” caption, have the avatar of the blog next to the username
  100.     tumblrAvatarClass: ".tumblr_avatar", //class of the avatar next to the username
  101.     usernameColon: true //if turned to false, removes the colon at the end of usernames
  102.   }); }); </script>
  103.  
  104. <!-- meta tags -->
  105.  
  106.   <meta name="text:blog name title" content="mistletoe."/>
  107.   <meta name="text:blog subtitle" content=""/>
  108.   <meta name="color:borders" content="#ffffff"/>
  109.   <meta name="color:background" content="#f5f5f5"/>
  110.   <meta name="color:main text" content="#656565"/>
  111.   <meta name="color:accent" content="#cfb57e"/>
  112.   <meta name="color:light accent" content="#fdf5e5"/>
  113.   <meta name="color:dark accent" content="#8f733a"/>
  114.   <meta name="color:tag color" content="#868686"/>
  115.   <meta name="image:header" content="https://i.postimg.cc/6wpPs5Lk/BG.png"/>
  116.  
  117.   <meta name="text:letter spacing" content="1"/>
  118.   <meta name="text:main font size" content="12"/>
  119.  
  120.   <meta name="text:description title" content="mistletoe themes"/>
  121.   <meta name="image:description image" content="https://i.postimg.cc/N0TN2YXb/1.png"/>
  122.   <meta name="text:section 2 title" content="updates"/>
  123.   <meta name="image:section 2 image" content="https://i.postimg.cc/hvhTxbwg/21.png"/>
  124.   <meta name="text:section 3 title" content="social"/>
  125.   <meta name="image:section 3 image" content="https://i.postimg.cc/c4gfLhwB/27.png"/>
  126.  
  127.   <meta name="text:menu link 1 text" content="send a message"/>
  128.   <meta name="text:menu link 1 url" content="/ask"/>
  129.   <meta name="text:menu link 1 icon" content="chat-bubble-o"/>
  130.  
  131.   <meta name="text:menu link 2 text" content="view my codes"/>
  132.   <meta name="text:menu link 2 url" content="/"/>
  133.   <meta name="text:menu link 2 icon" content="code"/>
  134.  
  135.   <meta name="text:menu link 3 text" content=""/>
  136.   <meta name="text:menu link 3 url" content="/"/>
  137.   <meta name="text:menu link 3 icon" content="magic-wand-o"/>
  138.  
  139.   <meta name="text:menu link 4 text" content=""/>
  140.   <meta name="text:menu link 4 url" content="/"/>
  141.   <meta name="text:menu link 4 icon" content="shooting-star-o"/>
  142.  
  143.   <meta name="text:menu link 5 text" content=""/>
  144.   <meta name="text:menu link 5 url" content="/"/>
  145.   <meta name="text:menu link 5 icon" content="coffee-cup-o"/>
  146.  
  147.   <meta name="text:quick link 1 url" content="/ask"/>
  148.   <meta name="text:quick link 1 text" content="message"/>
  149.   <meta name="text:quick link 2 url" content=""/>
  150.   <meta name="text:quick link 2 text" content=""/>
  151.   <meta name="text:quick link 3 url" content=""/>
  152.   <meta name="text:quick link 3 text" content=""/>
  153.   <meta name="text:quick link 4 url" content=""/>
  154.   <meta name="text:quick link 4 text" content=""/>
  155.   <meta name="text:quick link 5 url" content=""/>
  156.   <meta name="text:quick link 5 text" content=""/>
  157.   <meta name="text:quick link 6 url" content=""/>
  158.   <meta name="text:quick link 6 text" content=""/>
  159.   <meta name="text:quick link 7 url" content=""/>
  160.   <meta name="text:quick link 7 text" content=""/>
  161.   <meta name="text:quick link 8 url" content=""/>
  162.   <meta name="text:quick link 8 text" content=""/>
  163.   <meta name="text:quick link 9 url" content=""/>
  164.   <meta name="text:quick link 9 text" content=""/>
  165.   <meta name="text:quick link 10 url" content=""/>
  166.   <meta name="text:quick link 10 text" content=""/>
  167.    
  168.   <meta name="text:bottom bar title" content="about merc"/>
  169.   <meta name="text:bottom bar subtitle" content="the girl behind the codes"/>
  170.   <meta name="text:bottom bar description" content="this is where you write a long description."/>
  171.  
  172.   <meta name="text:affiliates title"/>
  173.  
  174.  
  175. <!--- TOOLTIPS --->
  176.     <script src="//dl.dropbox.com/s/4jdfup6iccopmej/smt.js"></script>
  177.  
  178.     <script>
  179.     (function($){
  180.     $(document).ready(function(){
  181.     $("[title]").style_my_tooltips({
  182.     tip_follows_cursor:true,
  183.     tip_delay_time:130,
  184.     tip_fade_speed:130,
  185.     attribute:"title"
  186.     });
  187.     });
  188.     })(jQuery);
  189.     </script>
  190.    
  191.     <!-- slideout -->
  192.    
  193.  
  194.  
  195.  
  196. <!-- css -->
  197. <style type='text/css'>
  198.  
  199. ::-webkit-scrollbar {
  200.   width: 11px;
  201.   height: 11px;
  202.   background-color: #e6e6e6;
  203. }
  204.  
  205. ::-webkit-scrollbar-thumb {
  206.   background-color: {color:accent};
  207. }
  208.  
  209. ::-webkit-scrollbar,
  210. ::-webkit-scrollbar-thumb {
  211.   border: 5px solid {color:borders};
  212. }
  213.  
  214. #s-m-t-tooltip{
  215.     max-width:300px;
  216.     z-index:10000000000000000000000000000000000;
  217.     margin: 15px;
  218.     padding: 5px;
  219.     background: {color:accent};
  220.     font-family: poppins;
  221.     font-size: 12px;
  222.     text-transform: lowercase;
  223.     letter-spacing: 2px;
  224.     font-weight: 500;
  225.     color: #fff;
  226.     border: 1px solid {color:dark accent};
  227.     border-radius: 3px;
  228.     text-shadow: -1px -1px 0 {color:dark accent}, 1px -1px 0 {color:dark accent}, -1px 1px 0 {color:dark accent}, 1px 1px 0 {color:dark accent};
  229.     letter-spacing: 1.5px;
  230. }
  231.  
  232.  
  233. body {
  234.     margin: 0px;
  235.     background-color:{color:background};
  236.     font: {text:main font size}px 'poppins';
  237.     color: {color:main text};
  238.    
  239. }
  240. a, a:visited, a:link {
  241.     color: {color:accent};
  242.     text-decoration: none;
  243.     transition-duration: 0.5s;
  244. }
  245. a:hover, i {
  246.     color: {color:dark accent};
  247. }
  248. ul {
  249.   list-style: none;
  250.   text-align: left;
  251.   padding-left: 0;
  252. }
  253.  
  254. li {
  255.   position: relative;
  256.   padding-left: 30px;
  257. }
  258.  
  259. ul li:before {
  260.   position: absolute;
  261.   left: 15px;
  262.   vertical-align: baseline!important;
  263.   content: '›';
  264. }
  265. .pagenotes {
  266.   {block: IndexPage}
  267.   display: none!important;
  268.   {/block: IndexPage}
  269.   width: calc(100% - 40px);
  270.   padding: 20px;
  271.   flex: 1;
  272.   flex-basis: 100%;
  273.   text-align:left;
  274. }
  275.  
  276. .pagenotes img {
  277.   display: none!important;
  278. }
  279.  
  280. .pagenotes li {
  281.   list-style-type: none;
  282.   padding: 2px 0px;
  283.   text-align: left;
  284.   margin: 0 0 0 -40px;
  285. }
  286. #top, #left, #right, #bottom {
  287.     position: fixed;
  288.     z-index: 1001;
  289.     background-color: {color:borders};
  290. }
  291. #top {
  292.     left: 0px;
  293.     right: 0px;
  294.     top: 0px;
  295.     height: 30px;
  296.     width: 100vw;
  297. }
  298. #bottom {
  299.     left: 0px;
  300.     right: 0px;
  301.     bottom: 0px;
  302.     height: 30px;
  303.     width: 100vw;
  304. }
  305. #left {
  306.     float: left;
  307.     left: 0px;
  308.     top: 0px;
  309.     bottom: 0px;
  310.     width: 30px;
  311.     height: 100vh;
  312. }
  313. #right {
  314.     float: right;
  315.     right: 0px;
  316.     top: 0px;
  317.     bottom: 0px;
  318.     width: 30px;
  319.     height: 100vh;
  320. }
  321. #notif {
  322.     float: left;
  323.     position: fixed;
  324.     left: 0px;
  325.     top: 10%;
  326.     background-color: {color:accent};
  327.     color: {color:borders};
  328.     font: 35px 'poppins';
  329.     font-weight: bold;
  330.     text-align: center;
  331.     line-height: 30px;
  332.     z-index: 1002;
  333.     padding: 20px;
  334.     height: 30px;
  335.     width: 30px;
  336.     cursor: pointer;
  337.    
  338. }
  339. .notifSlide {
  340.     position:fixed;
  341.     height:100%;
  342.     background: rgba(255,255,255,0.5);
  343.     border-left: 1px solid {color:borders};
  344.     width:200px;
  345.     right:0px;
  346.     margin-right: -200px;
  347.     z-index: 1000;
  348.     display: flex;
  349.     flex-direction: column;
  350.     justify-content: space-evenly;
  351. }
  352. .notifSlide.notifOpen {
  353.     width: 100vw;
  354. }
  355. .notifSlide .box {
  356.     font: 72pt 'poppins';
  357.     font-weight: 800;
  358.     text-align: center;
  359.     color: {color:accent};
  360.     flex: 1;
  361.     padding: 25px;
  362.     text-shadow: -1px -1px 0 {color:dark accent};, 1px -1px 0 {color:dark accent}, -1px 1px 0 {color:dark accent}, 1px 1px 0 {color:dark accent};
  363.  
  364. }
  365. .notifSlide .box a {
  366.     color: {color:accent};
  367.     text-decoration: none;
  368. }
  369.  
  370. .notifSlide .box a span {
  371.     font-size: 50pt;
  372. }
  373. #header {
  374.     background-position: center center;
  375.     height: calc(100vh - 60px);
  376.     width: calc(100% - 60px);
  377.     position: relative;
  378.     margin: 30px;
  379.     background-image:url({image:header});
  380.     background-repeat: no-repeat;
  381.     background-size: cover;
  382. }
  383. #header a {
  384.     color: {color:borders};
  385.     text-decoration: none;
  386. }
  387. #header .headText {
  388.     position: absolute;
  389.     width: 500px;
  390.     text-align: center;
  391.     height: 110px;
  392.     margin: auto;
  393.     left: 0px;
  394.     top: 0px;
  395.     bottom: 0px;
  396.     right: 0px;
  397. }
  398. #header .headText h1 {
  399.     font: 72pt 'poppins';
  400.     letter-spacing: -5px;
  401.     text-transform: lowercase;
  402.     color: {color:borders};
  403.     font-weighT: 800;
  404.     line-height: 100%;
  405.     margin: 0px;
  406.     padding: 0px;
  407. }
  408. #header .headText h2 {
  409.     text-transform: uppercase;
  410.     font-size: 11px;
  411.     letter-spacing: 3px;
  412.     text-align: center;
  413.     line-height: 100%;
  414.     margin: 0px;
  415.     padding: 0px;
  416.     color: {color:borders};
  417.     font-weight: 600;
  418.     background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,{color:accent}),color-stop(50%,transparent));
  419.     background-image: -webkit-linear-gradient(bottom,{color:accent} 50%,transparent 50%);
  420.     background-image: linear-gradient(0deg,{color:accent} 50%,transparent 50%);
  421.     display: inline-block;
  422. }
  423. #wrapper {
  424.     min-height: 500px;
  425.     width: calc(100% - 60px);
  426.     margin: 30px;
  427. }
  428. footer {
  429.     display: block;
  430.     background-color: {color:borders};
  431.     font-size: 11px;
  432.     text-align: justify;
  433.     padding: 50px;
  434.     margin: 30px;
  435.     display: flex;
  436.     flex-wrap: wrap;
  437.     align-items: stretch;
  438.     justify-content: space-around;
  439.     z-index: 1001;
  440.     position: relative;
  441.     left: 1px;
  442.     right: 1px;
  443.     bottom: 1px;
  444. }
  445. footer section {
  446.     flex: 1 auto;
  447.     padding: 30px;
  448.     max-width: 25%;
  449. }
  450. footer section b {
  451.     color: {color:accent};
  452.     background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,{color:background}),color-stop(50%,transparent));
  453.     background-image: -webkit-linear-gradient(bottom,{color:background} 50%,transparent 50%);
  454.     background-image: linear-gradient(0deg,{color:background} 50%,transparent 50%);
  455.     letter-spacing: -1px;
  456.     font-size: 20px;
  457. }
  458. footer section .quicklinks {
  459.     display: flex;
  460.     align-items: top;
  461.     justify-content: space-around;
  462.     padding: 20px;
  463. }
  464. footer section .quicklinks row {
  465.     flex: 1;
  466.     font-size: 12px;
  467.     text-transform: lowercase;
  468.     letter-spacing: 1px;
  469.     text-align: left;
  470. }
  471. footer section .quicklinks row a {
  472.     display: block;
  473.     text-decoration: none;
  474.     color: {color:main text};
  475.     transition-duration: 0.5s;
  476. }
  477. footer section .quicklinks row a:hover {
  478.     letter-spacing: 2px;
  479. }
  480. footer section .quicklinks row a span, u, b {
  481.     background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,{color:light accent}),color-stop(50%,transparent));
  482.     background-image: -webkit-linear-gradient(bottom,{color:light accent} 50%,transparent 50%);
  483.     background-image: linear-gradient(0deg,{color:light accent} 50%,transparent 50%);
  484.     text-decoration: none;
  485. }
  486. footer section creators {
  487.     padding: 15px;
  488.     display: flex;
  489.     justify-content: space-between;
  490.     align-items: center;
  491.     flex-wrap: wrap;
  492. }
  493. footer section creators img {
  494.     border: 3px solid {color:background};
  495.     border-radius: 100%;
  496.     overflow: hidden;
  497.     width: 35px;
  498.     height: 35px;
  499. }
  500. #wrapper {
  501.     margin: 50px auto;
  502.     display: flex;
  503.     justify-content: center;
  504.     align-items: stretch;
  505.     flex-wrap: wrap;
  506. }
  507. #wrapper .sidebar {
  508.     width: 250px;
  509.     max-width: 250px;
  510.     min-width: 200px;
  511.     flex: 1;
  512.     margin-right: 25px;
  513. }
  514. #wrapper .sidebar .sideBox {
  515.     margin-bottom: 25px;
  516. }
  517. #wrapper .sidebar .sideBox .sideHead {
  518.     background-color: {color:borders};
  519.     margin-bottom: 1px;
  520.     font: 12px 'poppins';
  521.     font-weight: 500;
  522.     letter-spacing: 2px;
  523.     text-align: right;
  524.     display: flex;
  525.     justify-content: space-between;
  526.     align-items: center;
  527.     padding: 10px 20px;
  528. }
  529. #wrapper .sidebar .sideBox .sideHead .sideText {
  530.     flex: 1;
  531.     text-align: right;
  532. }
  533. #wrapper .sidebar .sideBox .sideHead .sideText span {
  534.    
  535.     background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,{color:light accent}),color-stop(50%,transparent));
  536.     background-image: -webkit-linear-gradient(bottom,{color:light accent} 50%,transparent 50%);
  537.     background-image: linear-gradient(0deg,{color:light accent} 50%,transparent 50%);
  538. }
  539. #wrapper .sidebar .sideBox .sideHead .sideImg {
  540.     border: 3px solid {color:background};
  541.     border-radius: 100%;
  542.     overflow: hidden;
  543.     width: 35px;
  544.     height: 35px;
  545. }
  546. #wrapper .sidebar .sideBox .sideHead .sideImg img {
  547.     border-radius: 100%;
  548.     width: 35px;
  549.     height: 35px;
  550. }
  551. #wrapper .sidebar .sideBox .sideBody {
  552.     padding: 30px;
  553.     font: 11px 'poppins';
  554.     letter-spacing: {text:letter spacing}px;
  555.     text-align: justify;
  556.     font-weight: 500;
  557.     background-color:{color:borders};
  558. }
  559. #wrapper .sidebar .sideBox .sideBody2 {
  560.     padding: 30px;
  561.     font: 11px 'poppins';
  562.     letter-spacing: 1px;
  563.     text-align: right;
  564.     font-weight: 500;
  565.     background-color:{color:borders};
  566.     line-height: 20px;
  567. }
  568. #wrapper .sidebar .sideBox .sideBody2 b {
  569.     text-align: left;
  570.     float: left;
  571. }
  572. #wrapper .sidebar .sideBox .sideBody2 a {
  573.     display: block;
  574. }
  575. .postTop {
  576.     background-color: {color:borders};
  577.     margin-bottom: 1px;
  578.     font: 12px 'poppins';
  579.     font-weight: 500;
  580.     letter-spacing: 2px;
  581.     text-align: right;
  582.     display: flex;
  583.     justify-content: space-between;
  584.     align-items: center;
  585.     padding: 10px 20px;
  586.     text-transform: lowercase;
  587. }
  588. .postTop .postDate {
  589.     flex: 1;
  590.     text-align: left;
  591. }
  592. .postTop .reblogImg {
  593.     flex: 1;
  594.     text-align: right;
  595.     border: 3px solid {color:background};
  596.     border-radius: 100%;
  597.     overflow: hidden;
  598.     width: 30px;
  599.     height: 30px;
  600.     max-width: 30px;
  601. }
  602. .postTop .reblogImg img {
  603.     width: 30px;
  604.     height: 30px;
  605. }
  606. .postBot {
  607.     background-color: {color:borders};
  608.     margin-top: 1px;
  609.     font: 12px 'poppins';
  610.     font-weight: 500;
  611.     letter-spacing: 2px;
  612.     text-align: right;
  613.     display: flex;
  614.     justify-content: space-between;
  615.     align-items: center;
  616.     padding: 10px 20px;
  617.     text-transform: lowercase;
  618.     margin-bottom: 50px;
  619.     flex-wrap: wrap;
  620.    
  621. }
  622. .postBot .controls {
  623.     flex: 1;
  624.     text-align: left;
  625. }
  626. .postBot .noteCount {
  627.     text-align: right;
  628. }
  629. .postBot .noteCount a {
  630.     color: {color:tag color};
  631. }
  632. .posts {
  633.     display: block;
  634.     width: 500px;
  635.     min-width: 500px;
  636.     max-width: 500px;
  637.     flex: 1;
  638. }
  639. .post {
  640.     background-color: {color:borders};
  641.     display: block;
  642.     position: relative;
  643. }
  644. .post.chat {
  645.     padding: 20px;
  646. }
  647. .post.chat ul {
  648.     position: relative;
  649.     list-style: none;
  650.     margin-left: 10px;
  651.     padding-left: 5px;
  652. }
  653. .post.chat ul li:before {
  654.     content: "»";
  655.     position: absolute;
  656.     left: 0;
  657. }
  658. .post.chat span.label {
  659.     font-weight: bold;
  660.     background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,{color:light accent}),color-stop(50%,transparent));
  661.     background-image: -webkit-linear-gradient(bottom,{color:light accent} 50%,transparent 50%);
  662.     background-image: linear-gradient(0deg,{color:light accent} 50%,transparent 50%);text-decoration: none;}
  663. .post.text {
  664.     padding: 25px;
  665. }
  666. .post.quote {
  667.     padding: 20px;
  668. }
  669. .post.quote blockquote {
  670.     font-size: 25px;
  671.     z-index: 5;
  672.     position: relative;
  673.     text-indent: 25px;
  674. }
  675. .post.quote blockquote::before {
  676.     content: "❝";
  677.     float: left;
  678.     position: absolute;
  679.     opacity: 0.5;
  680.     font-size:50px;
  681.     left: -30px;
  682.     top: -20px;
  683.     color: {color:accent};
  684.     margin-right: 10px;
  685. }
  686. .post .caption {
  687.     padding: 25px;
  688. }
  689. .post.link {
  690.    
  691. }
  692. .post.link .link-name {
  693.     display: block;
  694.     padding: 25px 50px;
  695.     background-color: #fbfbfb;
  696.     font-size: 15px;
  697.     border-bottom:1px solid {color:background;};
  698. }
  699. .question {
  700.     border-bottom: 1px solid {color:background};
  701.     background-color: {color:borders};
  702.     padding: 0px;
  703.     font: '12px' poppins;
  704. }
  705. .question .asker {
  706.     text-align: right;
  707.     color: {color:main text};
  708.     font-size: 16px;
  709.     padding: 25px;
  710.     border-bottom:1px solid #f5f5f5;
  711. }
  712. .question .asker a {
  713.         background-image: -webkit-gradient(linear,left bottom,left top,color-stop(30%,{color:light accent}),color-stop(30%,transparent));
  714.     background-image: -webkit-linear-gradient(bottom,{color:light accent} 30%,transparent 30%);
  715.     background-image: linear-gradient(0deg,{color:light accent} 30%,transparent 30%);
  716.     text-decoration: none;
  717.     padding-bottom: 0px;
  718.     padding: 0px;
  719. }
  720. .question .asker-question {
  721.     padding: 25px 50px;
  722.     background-color: #fbfbfb;
  723. }
  724. .question .asker-question span {
  725.    
  726.         background-image: -webkit-gradient(linear,left bottom,left top,color-stop(30%,{color:light accent}),color-stop(30%,transparent));
  727.     background-image: -webkit-linear-gradient(bottom,{color:light accent} 30%,transparent 30%);
  728.     background-image: linear-gradient(0deg,{color:light accent} 30%,transparent 30%);
  729. }
  730. .question .asker-avatar {
  731.     float: left;
  732.     width: 30px;
  733.     height: auto;
  734.     border-radius: 100%;
  735.     border: 3px solid {color:background};
  736. }
  737. .replies {
  738.     padding: 25px;
  739.     background-color: {color:borders};
  740. }
  741. /** custom like + reblog **/
  742. svg {
  743.    width:10px;
  744.    height:auto;
  745.    opacity:.5;
  746.    padding:1px;
  747.    display:block;
  748.    overflow:visible;
  749. }
  750. .controls a {
  751.    position:relative;
  752.    display:inline-block;
  753.    overflow:hidden;
  754.    padding:5px;
  755.    width:12px;
  756.    height:12px;
  757. }
  758. .controls .reblog {
  759.    opacity:.93;
  760. }
  761. .controls .reblog svg {
  762.    width:10px;
  763.    margin-top:1px;
  764. }
  765. .controls .like .liked + svg {
  766.    opacity:1;
  767. }
  768. .controls .like .liked + svg path {
  769.    fill:#ec5a5a;
  770. }
  771. .controls .like .like_button {
  772.    position:relative;
  773. }
  774. .controls .like .like_button iframe {
  775.    position:absolute;
  776.    top:0;
  777.    left:0;
  778.    bottom:0;
  779.    right:0;
  780.    z-index:2;
  781.    opacity:0;
  782. }
  783. .pagi {
  784.     display: flex;
  785.     align-items: center;
  786.     justify-content: center;
  787.     position: relative;
  788. }
  789. .pagi a {
  790.     display: block;
  791.     flex: 1;
  792.     color: {color:borders};
  793.     margin-left: 5px;
  794.     margin-right: 5px;
  795.     font-size: 15px;
  796.     padding: 10px;
  797.     background-color: {color:accent};
  798.     text-align: center;
  799.     max-width: 15px;
  800.     height: 15px;
  801.     line-height: 15px;
  802. }
  803. blockquote {
  804.     display: block;
  805.     margin-block-start: 0.5em;
  806.     margin-block-end: 0.5em;
  807.     margin-inline-start: 20px;
  808.     margin-inline-end: 20px;
  809. }
  810. iframe.tmblr-iframe {
  811.     top:30px !important;
  812.     right: 30px;
  813. }
  814.  
  815. {block:PermalinkPage}a.clike {
  816.     position:relative;
  817.     display:inline-block;}
  818.  
  819. a.clike .like_button {
  820.     position:relative!important;}
  821.  
  822. a.clike .like_button iframe {
  823.     position:absolute!important;
  824.     top:0!important;
  825.     left:0!important;
  826.     z-index:2!important;
  827.     opacity:0.0000001!important;
  828.     width:100%!important;
  829.     height:100%!important;}
  830.  
  831. a.clike .liked + svg path {
  832.     fill:red!important;}{/block:PermalinkPage}
  833. }
  834. nav {
  835.     position: fixed;
  836.     top: -10px;
  837.     left: -10px;
  838.     transition-duration: 0.5s;
  839.     z-index: 1001;
  840.     color: #fff;
  841.     overflow: hidden;
  842.     width: 300px;
  843.     height: 180px;
  844. }
  845. #mercMenu {
  846.     width: 0px;
  847.     right: -60px;
  848. }
  849. #mercMenu.open {
  850.     width: calc(100% - 60px);
  851.     right: 0px;
  852. }
  853. .sidenav {
  854.     height: calc(100vh - 60px);
  855.     width: 0;
  856.     position: fixed;
  857.     z-index: 1;
  858.     top: 0;
  859.     right: -60px;
  860.     background-color: #fbfbfb;
  861.     overflow-x: hidden;
  862.     transition: 0.5s;
  863.     text-align:center;
  864.      z-index: 10000000000000000000001;
  865.      display: flex;
  866.      align-items: stretch;
  867.      flex-wrap: wrap;
  868.     border: 30px solid {color:borders};
  869. }
  870. .sidenav .sideLink {
  871.     flex: 1 auto;
  872.     padding: 40px;
  873.     line-height: 100%;
  874.     background-color: {color:background};
  875.     font: 100pt 'poppins';
  876.     font-weight: 900;
  877.     min-width: 25%;
  878.     text-align: center;
  879.     position: relative;
  880.     display: -webkit-flex;
  881.     transition-duration: 0.5s;
  882. }
  883. .sidenav .sideLink a {
  884.     text-decoration:none;
  885.     color: {color:accent};
  886.     position: absolute;
  887.     top: 0px;
  888.     left: 0px;
  889.     right: 0px;
  890.     bottom: 0px;
  891.     margin: auto;
  892.     width:100pt;
  893.     height: 100pt;
  894.    
  895. }
  896. .sidenav .sideLink:nth-child(even) {
  897.     background-color: #f1f1f1;
  898. }
  899. .sidenav .sideLink a:hover {
  900.     color: {color:main text};
  901. }
  902. .sidenav .sideLink:nth-child(1) {
  903.     order: -1;
  904. }
  905. .sidenav .sideLink:nth-child(2) {
  906.     order: 1;
  907. }
  908. .sidenav .sideLink:nth-child(3) {
  909.     order: 3;
  910. }
  911. .sidenav .sideLink:nth-child(4) {
  912.     order: 4;
  913. }
  914. .sidenav .sideLink:nth-child(5) {
  915.     order: 1;
  916. }
  917. .sidenav .sideLink:nth-child(6) {
  918.     order: 4;
  919. }
  920. .sidenav  {
  921.     background-color: #f1f1f1;
  922. }
  923. .sidenav .break {
  924.     flex: 1 auto;
  925.     height: 0px;
  926.     flex-basis:100%;
  927.    
  928. }
  929.  
  930.  
  931. .sidenav a:hover{
  932.     color: #f1f1f1;
  933. }
  934. @media screen and (max-width: 1028px) {
  935.     .sidenav .sideLink {
  936.         font-size: 82pt;
  937.     }
  938.  
  939.   .sidenav .sideLink:nth-child(2) {
  940.     order: 1;
  941.   }
  942.   .sidenav .sideLink:nth-child(3) {
  943.     order: 0;
  944.     background-color: #f1f1f1;
  945.   }
  946.     .sidenav .sideLink:nth-child(4) {
  947.         background-color: {color:background};
  948.         order: 3;
  949.     }
  950.   .sidenav .sideLink:nth-child(3) a {
  951.     color: {color:main text};
  952.   }
  953. }
  954. @media only screen and (min-width: 1029px) {
  955.     .sidenav .sideLink:nth-child(1) {
  956.         order: -1;
  957.     }
  958.     .sidenav .sideLink:nth-child(2) {
  959.         order: -1;
  960.     }
  961.     .sidenav .sideLink:nth-child(3) {
  962.         order: 0;
  963.     }
  964.     .sidenav .sideLink:nth-child(3) a {
  965.         color: {color:main text};
  966.     }
  967.     .sidenav .sideLink:nth-child(4) {
  968.         order: 3;
  969.     }
  970.     .sidenav .sideLink:nth-child(5) {
  971.         order: 3;
  972.     }
  973.     .sidenav .sideLink:nth-child(6) {
  974.         order: 3;
  975.     }
  976. }
  977. .tags {
  978. }
  979. .tags {
  980.    
  981.     display: block !important;
  982.     margin-top: -50px;
  983.     margin-bottom: 50px;
  984.     padding: 10px;
  985.     position: relative;
  986.     overflow-wrap: break-word;
  987. }
  988. .tags a {
  989.     color: {color:main text};
  990. }
  991.  
  992. .post.text img {
  993.     max-width: 300px
  994. }
  995. .post .tmblr-full img {
  996.     max-width: 300px !important;
  997. }
  998.  
  999. #mistletoe {
  1000.     float: right;
  1001.     right: 20px;
  1002.     bottom: 20px;
  1003.     background-color: {color:accent};
  1004.     padding: 10px;
  1005.     border-radius: 100%;
  1006.     z-index: 1000001;
  1007.     position: fixed;
  1008.     font-size: 15px;
  1009.     height: 15px;
  1010.     width: 15px;
  1011.     text-align: center;
  1012.     line-height: 100%;
  1013.     color: {color:borders};
  1014. }
  1015. #mistletoe a i {
  1016.     color: {color:borders} !important;
  1017. }
  1018.  
  1019. </style>
  1020.  
  1021. <script>
  1022. // nav
  1023. function openNav() {
  1024.     document.getElementById("mercMenu").style.width = "calc(100% - 60px)";
  1025.     document.getElementById("mercMenu").style.right = "0px";
  1026. }
  1027.  
  1028. function closeNav() {
  1029.     document.getElementById("mercMenu").style.width = "0";
  1030.     document.getElementById("mercMenu").style.right = "-60px";
  1031. }
  1032. </script>
  1033.  
  1034.  
  1035.  
  1036. </head>
  1037. <body>
  1038.  
  1039. <div id="mistletoe"><a href="https://mistletoe.tumblr.com" title="theme by mistletoe"><i class="cp cp-mistletoe"></i></a></div>
  1040. <div id="top"></div><div id="bottom"></div><div id="left"></div><div id="right"></div>
  1041. <div id="notif" onclick="openNav()">+</div>
  1042. <div id="mercMenu" class="sidenav">
  1043.  
  1044.    
  1045.   <div class="sideLink">
  1046.       <a href="{text:menu link 1 url}" title="{text:menu link 1 text}"><span class="cp cp-{text:menu link 1 icon}"></span></a>
  1047.   </div>
  1048.   <div class="sideLink">
  1049.       <a href="{text:menu link 2 url}" title="{text:menu link 2 text}"><span class="cp cp-{text:menu link 2 icon}"></span></a>
  1050.   </div>
  1051.   <div class="sideLink">
  1052.       <a href="javascript:void(0)" onclick="closeNav()" title="exit menu"><span class="cp cp-cancel-alt-o"></span></a>
  1053.   </div>
  1054.   <!-- <div class="break"></div> -->
  1055.   <div class="sideLink">
  1056.       <a href="{text:menu link 3 url}" title="{text:menu link 3 text}"><span class="cp cp-{text:menu link 3 icon}"></span></a>
  1057.   </div>
  1058.   <div class="sideLink">
  1059.       <a href="{text:menu link 4 url}" title="{text:menu link 4 text}"><span class="cp cp-{text:menu link 4 icon}"></span></a>
  1060.   </div>
  1061.   <div class="sideLink">
  1062.       <a href="{text:menu link 5 url}" title="{text:menu link 5 text}"><span class="cp cp-{text:menu link 5 icon}"></span></a>
  1063.   </div>
  1064.   </div>
  1065. </div>
  1066.  
  1067.  
  1068.  
  1069. <!-- header start -->{block:IndexPage}<div id="header">
  1070.     <div class="headText">
  1071.         <h1><a href="https://mistletoe.tumblr.com">{text:blog name title}</a></h1>
  1072.         <h2>{text:blog subtitle}</h2>
  1073.     </div>
  1074. </div> {/block:IndexPage}<!-- end header -->
  1075.  
  1076. <!-- begin wrapper -->
  1077.     <div id="wrapper">
  1078.    
  1079.         <div class="sidebar">
  1080.        
  1081.             <div class="sideBox">
  1082.                 <div class="sideHead">
  1083.                     <div class="sideImg"><img src="{image:description image}"/></div>
  1084.                     <div class="sideText"><span>{text:description title}</span></div>
  1085.                 </div><div class="sideBody">
  1086.                     {description}
  1087.                 </div>
  1088.             </div>
  1089.        
  1090.             <div class="sideBox">
  1091.                 <div class="sideHead">
  1092.                     <div class="sideImg"><img src="{image:section 2 image}"/></div>
  1093.                     <div class="sideText"><span>{text:section 2 title}</span></div>
  1094.                 </div><div class="sideBody">
  1095.                
  1096.                 <!--- EDIT "SECTION 2" TEXT HERE --->
  1097.                
  1098.                     <b>12.20</b> <u>highlight</u> the rest of your text here
  1099.                
  1100.                 <!--- EDIT "SECTION 2" TEXT ABOVE THIS LINE ONLY --->
  1101.                    
  1102.                 </div>
  1103.             </div>
  1104.        
  1105.             <div class="sideBox">
  1106.                 <div class="sideHead">
  1107.                     <div class="sideImg"><img src="{image:section 3 image}"/></div>
  1108.                     <div class="sideText"><span>{text:section 3 title}</span></div>
  1109.                 </div><div class="sideBody2">
  1110.                
  1111.                 <!--- EDIT YOUR "SOCIAL" LINKS HERE --->
  1112.                
  1113.                     <b>main blog</b> <a href="https://mudbloods.tumblr.com">mudbloods</a>
  1114.                     <b>coding cabin</b> <a href="https://codingcabin.tumblr.com/">join us</a>
  1115.                     <b>wecode</b> <a href="https://wecode.jcink.net">visit site</a>
  1116.                     <b>ko-fi</b> <a href="https://ko-fi.com/mistletoe">mistletoe</a>
  1117.                    
  1118.                    
  1119.                 <!--- EDIT "SOCIAL" LINKS ABOVE THIS LINE ONLY --->
  1120.                    
  1121.                    
  1122.                 </div>
  1123.             </div>
  1124.            
  1125.            
  1126.            
  1127.         </div>
  1128.    
  1129.         <div class="posts" id="{PostID}">
  1130.         <!-- BEGIN POST -->
  1131.             {block:Posts}
  1132.            
  1133.             <div class="postTop">
  1134.                
  1135.                 {block:Date}
  1136.                 <div class="postDate">
  1137.                     <a href="{Permalink}" style="color:{color:main text};"><u>
  1138.                    
  1139.                    
  1140.                         {block:NewDayDate}{ShortMonth} {DayOfMonthWithSuffix}{/block:NewDayDate}
  1141.                         {block:SameDayDate}{TimeAgo}{/block:SameDayDate}
  1142.                        
  1143.                     </u></a>
  1144.                 </div>
  1145.                 {/block:Date}
  1146.                 {block:NotReblog}
  1147.                 <div class="reblogImg">
  1148.                 <a href="{Permalink}" title="original post">
  1149.                 <img src="{PortraitURL-40}"/>
  1150.                 </a>
  1151.                 </div>
  1152.                 {/block:NotReblog}{block:RebloggedFrom}
  1153.                 <div class="reblogImg">
  1154.                     <a href="{ReblogParentURL}" title="via {ReblogParentName}">
  1155.                         <img src="{ReblogParentPortraitURL-40}"/>
  1156.                     </a>
  1157.                 </div>
  1158.                 {/block:RebloggedFrom}
  1159.                
  1160.             </div>
  1161.            
  1162.                 {block:Text}
  1163.                     <div class="post text">
  1164.                         {block:Title}
  1165.                             <h3><a href="{Permadivnk}">{Title}</a></h3>
  1166.                         {/block:Title}{Body}
  1167.                     </div>
  1168.                 {/block:Text}{block:Photo}
  1169.                     <div class="post photo">
  1170.                         <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  1171.  
  1172.                         {block:Caption}
  1173.                             <div class="caption">{Caption}</div>
  1174.                         {/block:Caption}
  1175.                     </div>
  1176.                 {/block:Photo}{block:Panorama}
  1177.                     <div class="post panorama">
  1178.                         {divnkOpenTag}
  1179.                             <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  1180.                         {divnkCloseTag}{block:Caption}
  1181.                             <div class="caption">{Caption}</div>
  1182.                         {/block:Caption}
  1183.                     </div>
  1184.                 {/block:Panorama}{block:Photoset}
  1185.                     <div class="post photoset">
  1186.                         {Photoset-500}{block:Caption}
  1187.                             <div class="caption">{Caption}</div>
  1188.                         {/block:Caption}
  1189.                     </div>
  1190.                 {/block:Photoset}{block:Quote}
  1191.                 <div class="post quote">
  1192.                   <blockquote>{Quote}</blockquote>
  1193.                
  1194.                   {block:Source}
  1195.                   <cite class="caption">
  1196.                     {Source}
  1197.                   </cite>
  1198.                   {/block:Source}
  1199.                 </div>
  1200.                 {/block:Quote}{block:Link}
  1201.                 <div class="post link">
  1202.                   <a {Target} href="{URL}" class="link-name">{Name}</a>
  1203.                
  1204.                   {block:Description}
  1205.                   <div class="caption">
  1206.                     {Description}
  1207.                   </div>
  1208.                   {/block:Description}
  1209.                 </div>
  1210.                 {/block:Link}{block:Chat}
  1211.                 <div class="post chat">
  1212.                     <ul>{block:Lines}
  1213.                     <li>
  1214.                       {block:Label}<span class="label">{Label}</span>{/block:Label} {Line}
  1215.                     </li>
  1216.                     {/block:Lines}</ul>
  1217.                 </div>
  1218.                 {/block:Chat}{block:Video}
  1219.                     <div class="post video">
  1220.                         {Video-500}{block:Caption}
  1221.                             <div class="caption">{Caption}</div>
  1222.                         {/block:Caption}
  1223.                     </div>
  1224.                 {/block:Video}{block:Audio}
  1225.                     <div class="post audio">
  1226.                         {AudioEmbed}{block:Caption}
  1227.                             <div class="caption">{Caption}</div>
  1228.                         {/block:Caption}
  1229.                     </div>
  1230.                 {/block:Audio}
  1231.                 {block:Answer}
  1232.                 <div class="question">
  1233.                     <div class="asker">
  1234.                     <img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
  1235.                     <span>{Asker}</span> asked:</div>
  1236.                     <div class="asker-question"><span>{Question}</span></div>
  1237.                    
  1238.                 </div>
  1239.            
  1240.                 {block:Answerer}
  1241.                     <div class="answer">
  1242.                         <div class="answerer">{Answerer}</div>
  1243.                         <div class="answerer-answer">{Answer}</div>
  1244.                         <img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
  1245.                     </div>
  1246.                 {/block:Answerer}
  1247.            
  1248.                 <div class="replies">
  1249.                     {Replies}
  1250.                 </div>
  1251.             {/block:Answer}
  1252.                
  1253.                 <div class="postBot">
  1254.                     <div class="controls">
  1255. <a href="{ReblogURL}" target="_blank" class="reblog">
  1256. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333    c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5    s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733    C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617    c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6    c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  1257. </a>
  1258. <a href="#" class="like">{LikeButton}
  1259. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95    c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1    c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1    c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z     M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4    c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5    c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767    c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45    c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  1260. </a>
  1261.                 </div>
  1262.                
  1263.                 {block:NoteCount}
  1264.                 <div class="noteCount">
  1265.                     <a href="{Permalink}">{NoteCountWithLabel}</a>
  1266.                 </div>
  1267.                 {/block:NoteCount}
  1268.                
  1269.                
  1270.                
  1271.                
  1272.                 {block:PostNotes}
  1273.                     <div class="pagenotes">
  1274.                     {PostNotes}
  1275.                     </div>
  1276.                 {/block:PostNotes}
  1277.                 </div>
  1278.                
  1279.                 {block:HasTags}<div class="tags">
  1280.                     {block:Tags}<u><a href="{TagUrl}" style="color:{tag color}">#{Tag}</a></u>&nbsp;&nbsp;{/block:Tags}
  1281.                 </div>{/block:HasTags}
  1282.                
  1283.                
  1284.             {/block:Posts}
  1285.             <!-- END POST -->
  1286.             </div>
  1287.            
  1288.            
  1289.            
  1290.            
  1291.     </div>
  1292. <!-- end wrapper -->
  1293.  
  1294. <!-- pagination -->
  1295.             {block:Pagination}
  1296.             <div class="pagi sticky">
  1297.                 {block:PreviousPage}
  1298.                  <a href="{PreviousPage}">
  1299.                      <span class="th th-backward-arrow"></span>
  1300.                  </a>
  1301.                 {/block:PreviousPage}
  1302.                
  1303.                 {block:NextPage}
  1304.                     <a href="{NextPage}">
  1305.                         <span class="th th-skip-track"></span>
  1306.                     </a>
  1307.                 {/block:NextPage}
  1308.             </div>
  1309.             {/block:Pagination}
  1310.  
  1311.  
  1312. <!-- begin footer -->
  1313. <footer>
  1314.  
  1315.  <section>
  1316.     <b style="margin-right: 20px;">quick links</b> looking for something?
  1317.    
  1318.     <div class="quicklinks">
  1319.         <row>
  1320.            
  1321.             <a href="{text:quick link 1 url}"><span>{text:quick link 1 text}</span></a>
  1322.             <a href="{text:quick link 2 url}"><span>{text:quick link 2 text}</span></a>
  1323.             <a href="{text:quick link 3 url}"><span>{text:quick link 3 text}</span></a>
  1324.             <a href="{text:quick link 4 url}"><span>{text:quick link 4 text}</span></a>
  1325.             <a href="{text:quick link 5 url}"><span>{text:quick link 5 text}</span></a>
  1326.         </row><row>
  1327.             <a href="{text:quick link 6 url}"><span>{text:quick link 6 text}</span></a>
  1328.             <a href="{text:quick link 7 url}"><span>{text:quick link 7 text}</span></a>
  1329.             <a href="{text:quick link 8 url}"><span>{text:quick link 8 text}</span></a>
  1330.             <a href="{text:quick link 9 url}"><span>{text:quick link 9 text}</span></a>
  1331.             <a href="{text:quick link 10 url}"><span>{text:quick link 10 text}</span></a>
  1332.         </row>
  1333.     </div>
  1334.  </section>
  1335.  
  1336.  <section>
  1337.     <b style="margin-right: 20px;">{text:bottom bar title}</b> {text:bottom bar subtitle}<p />
  1338.     {text:bottom bar description}
  1339.  </section>
  1340.  
  1341.  <section style="text-align: right;">
  1342.     <b>{text:affiliates title}</b>
  1343.    
  1344.     <creators>
  1345.    
  1346.         <!--- EDIT AFFILIATES HERE --->
  1347.    
  1348.         <a href="/" title="blog"><img src="https://i.postimg.cc/nhf9cJHn/39.png"/></a>
  1349.         <a href="/" title="blog"><img src="https://i.postimg.cc/FRVDGZDL/4.png"/></a>
  1350.         <a href="/" title="blog"><img src="https://i.postimg.cc/d13LSQ9j/42.png"/></a>
  1351.         <a href="/" title="blog"><img src="https://i.postimg.cc/fTLBjYXV/5.png"/></a>
  1352.         <a href="/" title="blog"><img src="https://i.postimg.cc/1RMvqvgx/7.png"/></a>
  1353.         <a href="/" title="blog"><img src="https://i.postimg.cc/D0f5NXMY/8.png"/></a>
  1354.         <a href="/" title="blog"><img src="https://i.postimg.cc/9QwbsVLV/9.png"/></a>
  1355.         <a href="/" title="blog"><img src="https://i.postimg.cc/fTGmtdvn/28.png"/></a>
  1356.         <a href="/" title="blog"><img src="https://i.postimg.cc/4Nqb6qs0/18.png"/></a>
  1357.        
  1358.         <!--- EDIT AFFILIATES ABOVE THIS LINE ONLY --->
  1359.     </creators>
  1360.    
  1361.  </section>
  1362.    
  1363. </footer>
  1364. <!-- end footer -->
  1365.  
  1366. </body>
  1367. </html>
  1368.  
Advertisement
Add Comment
Please, Sign In to add comment