API tools faq
paste
Advertisement
BOOdalinski

VAGABOND (Tumblr Theme)

BOOdalinski
Aug 15th, 2019 (edited)
332
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 60.13 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-----------------------------------------------------------------------
  6.  
  7.                        VAGABOND by BOOdaloo
  8.  
  9. Credits:
  10.    - Tumblr Controls by cyantists (though I did a few modifications)
  11.    - Post Structure largely based on Tumblr's Offical Theme (Optica)                        
  12.  
  13. ------------------------------------------------------------------------>
  14.  
  15. <meta charset="utf-8">
  16. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  17. <meta name="theme-color" content="#35465D">
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. <link rel="stylesheet" href="https://static.tumblr.com/mftixld/AmMpjzwer/main-min.css">
  22.  
  23.     <title>{Title}</title>
  24.     {block:Description}
  25.     <meta name="description" content="{MetaDescription}">
  26.     {/block:Description}
  27.     <link rel="shortcut icon" href="{Favicon}">
  28.     <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  29.     <meta name="if:Parallax Header" content=""/>
  30.     <meta name="if:Header Aa" content=""/>
  31.     <meta name="if:Header Italic" content=""/>
  32.     <meta name="if:Header Spaced" content=""/>
  33.     <meta name="if:Description Italic" content=""/>
  34.     <meta name="if:Dropdown" content=""/>
  35.     <meta name="if:Tags Section" content=""/>
  36.     <meta name="if:Show Archive" content=""/>
  37.     <meta name="image:Logo" content="https://static.tumblr.com/"/>
  38.    
  39.     <!----COLORS---->
  40.     <meta name="color:Nav" content="#FFFFFF">
  41.     <meta name="color:Nav Links" content="#B8B8B8">
  42.     <meta name="color:Current Page" content="#8B5FBE">
  43.     <meta name="color:Link Hover" content="#B74FC1">
  44.     <meta name="color:Answer Posts" content="#B997CE">
  45.     <meta name="color:Header" content="#FFFFFF">
  46.     <meta name="color:Header Overlay" content="#000000">
  47.     <meta name="color:Text" content="#555555">
  48.     <meta name="color:Bold" content="#222222">
  49.     <!----COLORS---->  
  50.    
  51.     <!----BODY FONT SIZE---->
  52.     <meta name="select:Body Font Size" content="15px">
  53.     <meta name="select:Body Font Size" content="10px">
  54.     <meta name="select:Body Font Size" content="11px">
  55.     <meta name="select:Body Font Size" content="12px">
  56.     <meta name="select:Body Font Size" content="13px">
  57.     <meta name="select:Body Font Size" content="14px">
  58.     <meta name="select:Body Font Size" content="16px">
  59.     <meta name="select:Body Font Size" content="17px">
  60.     <meta name="select:Body Font Size" content="18px">
  61.     <!----BODY FONT SIZE---->  
  62.  
  63.     <!----POST WIDTH---->
  64.     <meta name="select:Post Width" content="700px"/>
  65.     <meta name="select:Post Width" content="500px"/>
  66.     <meta name="select:Post Width" content="640px"/>
  67.     <meta name="select:Post Width" content="750px"/>
  68.     <meta name="select:Post Width" content="800px"/>
  69.     <meta name="select:Post Width" content="900px"/>
  70.     <!----POST WIDTH---->  
  71.    
  72.     <meta name="select:Post Shadow" content=" " title="No Shadow"/>
  73.     <meta name="select:Post Shadow" content="0 3px 5px -5px rgba(0, 0, 0, 0.3)" title="Shadow 000A"/>
  74.     <meta name="select:Post Shadow" content="0 1px 2px rgba(0,0,0,0.1);" title="Shadow 00A"/>
  75.     <meta name="select:Post Shadow" content="rgba(0,0,0,0.15) 0 1px 3px" title="Shadow 00B"/>
  76.     <meta name="select:Post Shadow" content="0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)" title="Shadow 03A"/>
  77.     <meta name="select:Post Shadow" content="rgba(0,0,0,0.09) -1px 2px 0px 0px,rgba(0, 0, 0, 0.1) -2px 4px 4px" title="Shadow 06B (3D)"/>
  78.         <meta name="select:Post Shadow" content="0 10px 20px -8px rgba(0, 0, 0, 0.2)" title="Shadow 10A"/>
  79.     <meta name="select:Post Shadow" content="0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)" title="Shadow 10B"/>
  80.    
  81.     <meta name="select:Post Shadow" content="0 5px 3px -5px rgba(0, 0, 0, 0.3), 0 2px 8px -5px rgba(0, 0, 0, 0.3)" title="Clean Float 000A"/>
  82.     <meta name="select:Post Shadow" content="0 15px 20px -10px rgba(0, 0, 0, 0.3)" title="Clean Float 00A"/>
  83.     <meta name="select:Post Shadow" content="0 15px 20px -15px rgba(0, 0, 0, 0.3), 0 55px 50px -35px rgba(0, 0, 0, 0.3)" title="Clean Float 01A"/>
  84.     <meta name="select:Post Shadow" content="0 15px 20px -15px rgba(0, 0, 0, 0.3), 0 55px 50px -35px rgba(0, 0, 0, 0.3), 0 85px 60px -25px rgba(0, 0, 0, 0.1)" title="Clean Float 10C"/>
  85.    
  86.     <!----HEADER------------------------------------------->  
  87.     <meta name="select:Header Height" content="75vh" title="Default">
  88.     <meta name="select:Header Height" content="50vh" title="Short">
  89.     <meta name="select:Header Height" content="100vh" title="Landing Page">
  90.    
  91.     <meta name="select:Header Font Weight" content="400" title="Normal">
  92.     <meta name="select:Header Font Weight" content="300" title="Light">
  93.     <meta name="select:Header Font Weight" content="600" title="Semibold">
  94.     <meta name="select:Header Font Weight" content="700" title="Bold">
  95.     <meta name="select:Header Font Weight" content="800" title="Extra Bold">
  96.     <meta name="select:Header Font Weight" content="900" title="Black">
  97.    
  98.     <meta name="select:Header Font Size" content="6em" title="XL">
  99.     <meta name="select:Header Font Size" content="2em" title="XS">
  100.     <meta name="select:Header Font Size" content="3em" title="S">
  101.     <meta name="select:Header Font Size" content="4em" title="M">
  102.     <meta name="select:Header Font Size" content="5em" title="L">
  103.     <meta name="select:Header Font Size" content="7em" title="XXL">
  104.     <meta name="select:Header Font Size" content="8em" title="XXXL">
  105.    
  106.     <meta name="select:Overlay Strength" content="0.0" title="0%"/>
  107.     <meta name="select:Overlay Strength" content="0.1" title="10%"/>
  108.     <meta name="select:Overlay Strength" content="0.15" title="15%"/>
  109.     <meta name="select:Overlay Strength" content="0.2" title="20%"/>
  110.     <meta name="select:Overlay Strength" content="0.25" title="25%"/>
  111.     <meta name="select:Overlay Strength" content="0.3" title="30%"/>
  112.     <meta name="select:Overlay Strength" content="0.35" title="35%"/>
  113.     <meta name="select:Overlay Strength" content="0.4" title="40%"/>
  114.     <meta name="select:Overlay Strength" content="0.45" title="45%"/>
  115.     <meta name="select:Overlay Strength" content="0.5" title="50%"/>
  116.     <meta name="select:Overlay Strength" content="0.55" title="55%"/>
  117.     <meta name="select:Overlay Strength" content="0.6" title="60%"/>
  118.     <meta name="select:Overlay Strength" content="0.65" title="65%"/>
  119.     <meta name="select:Overlay Strength" content="0.7" title="70%"/>
  120.     <meta name="select:Overlay Strength" content="0.75" title="75%"/>
  121.     <meta name="select:Overlay Strength" content="0.8" title="80%"/>
  122.     <meta name="select:Overlay Strength" content="0.85" title="85%"/>
  123.     <meta name="select:Overlay Strength" content="0.9" title="90%"/>
  124.    
  125.     <meta name="select:Blur Strength" content="6"/>
  126.     <meta name="select:Blur Strength" content="0"/>
  127.     <meta name="select:Blur Strength" content="1"/>
  128.     <meta name="select:Blur Strength" content="2"/>
  129.     <meta name="select:Blur Strength" content="3"/>
  130.     <meta name="select:Blur Strength" content="4"/>
  131.     <meta name="select:Blur Strength" content="5"/>
  132.     <meta name="select:Blur Strength" content="7"/>
  133.     <meta name="select:Blur Strength" content="8"/>
  134.     <meta name="select:Blur Strength" content="9"/>
  135.     <meta name="select:Blur Strength" content="10"/>
  136.     <meta name="select:Blur Strength" content="11"/>
  137.     <meta name="select:Blur Strength" content="12"/>
  138.     <meta name="select:Blur Strength" content="13"/>
  139.     <meta name="select:Blur Strength" content="14"/>
  140.     <meta name="select:Blur Strength" content="15"/>
  141.     <meta name="select:Blur Strength" content="16"/>
  142.    
  143.     <!----HEADER------------------------------------------->  
  144.    
  145.     <!----FONTS---->    
  146.     <meta name="text:Header Font" content="Quicksand">
  147.     <meta name="text:Post Title Font" content="Quicksand">
  148.     <meta name="text:Body Font" content="Source Sans Pro">
  149.     <meta name="text:Nav Font" content="Source Sans Pro">
  150.     <!----FONTS---->  
  151.    
  152.     <!----TAGS---->  
  153.     <meta name="text:Tag 1" content="Tag 1">
  154.     <meta name="text:Tag 1 URL" content="tag-1">
  155.     <meta name="text:Tag 2" content="Tag 2">
  156.     <meta name="text:Tag 2 URL" content="tag-2">
  157.     <meta name="text:Tag 3" content="Tag 3">
  158.     <meta name="text:Tag 3 URL" content="tag-3">
  159.     <meta name="text:Tag 4" content="Tag 4">
  160.     <meta name="text:Tag 4 URL" content="tag-4">
  161.     <meta name="text:Tag 5" content="Tag 5">
  162.     <meta name="text:Tag 5 URL" content="tag-5">
  163.     <!----TAGS---->  
  164.  
  165. <!----LINKS---->
  166. <link href="https://fonts.googleapis.com/css?family={text:Body Font}:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
  167. <link href="https://fonts.googleapis.com/css?family={text:Post Title Font}:500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext" rel="stylesheet">
  168. <link href="https://fonts.googleapis.com/css?family={text:Header Font}:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext" rel="stylesheet">
  169. <link href="https://fonts.googleapis.com/css?family={text:Nav Font}:300,300i,400,400i&subset=latin-ext" rel="stylesheet">
  170. <link href="https://fonts.googleapis.com/css?family=Quicksand:400,400i,500,500i,600,600i,700,700i&subset=latin-ext" rel="stylesheet">
  171. <!----LINKS---->
  172.  
  173. <!----SCRIPTS---->
  174. <script src="https://unpkg.com/feather-icons"></script>
  175. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  176. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  177. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  178. <!----SCRIPTS---->
  179.  
  180.  
  181. <style type="text/css">
  182.  
  183. * {
  184.   -webkit-font-smoothing: antialiased;
  185.   -moz-osx-font-smoothing: grayscale;
  186. }
  187.  
  188. /*-----------------------------------------------------------HEADER----*/
  189.  
  190. .header {
  191.     {block:ifParallaxHeader}
  192.     {block:IndexPage}
  193.         {block:ShowHeaderImage}
  194.         height:{select:Header Height};
  195.         background-image: url({HeaderImage});
  196.         background-attachment: fixed;
  197.         background-position:top center;
  198.         margin-bottom:2em;
  199.         {block:StretchHeaderImage}
  200.         background-size:cover;
  201.         {/block:StretchHeaderImage}
  202.         {block:NoStretchHeaderImage}
  203.         background-size:contain;
  204.         background-repeat:repeat;
  205.         {/block:NoStretchHeaderImage}
  206.         {/block:ShowHeaderImage}
  207.         {block:HideHeaderImage}
  208.         background:{BackgroundColor};
  209.         {block:HideHeaderImage}
  210.     {/block:IndexPage}
  211.     {/block:ifParallaxHeader}
  212.     }
  213.  
  214. .parallax-header{
  215.     position:relative;
  216.     {block:IndexPage}
  217.         {block:ShowHeaderImage}
  218.         height:{select:Header Height};
  219.         background:rgba({RGBcolor:Header Overlay},{select:Overlay Strength});
  220.         margin-bottom:2em;
  221.         {/block:ShowHeaderImage}
  222.         {block:HideHeaderImage}
  223.         height:15em;
  224.         margin:5em auto 2em auto;
  225.         background:{BackgroundColor};
  226.         {/block:HideHeaderImage}
  227.         {block:ifParallaxHeader}
  228.     -webkit-backdrop-filter:blur({select:Blur Strength}px);
  229.     backdrop-filter:blur({select:Blur Strength}px);    
  230.     {/block:ifParallaxHeader}
  231.     {/block:IndexPage}
  232.     }
  233.  
  234. {block:PermalinkPage}
  235. .banner a {display:none;}
  236. .header, .parallax-header {
  237.     background:{BackgroundColor};
  238.     margin-bottom:5em;
  239.     }
  240. {/block:PermalinkPage}
  241.  
  242. .banner {
  243.     height:100px;
  244.     width:auto;
  245.     position:absolute;
  246.     }
  247. .banner a h1.blog-title {
  248.     font-size:{select:Header Font Size};
  249.     font-weight:{select:Header Font Weight};
  250.     font-family:{text:Header Font}, sans-serif;
  251.     font-style:{block:ifHeaderItalic}italic{/block:ifHeaderItalic};
  252.     text-transform:{block:ifHeaderAa}uppercase{/block:ifHeaderAa};
  253.     letter-spacing:{block:ifHeaderSpaced}.25em{/block:ifHeaderSpaced};
  254.     padding-left:.25em;
  255.     {block:ShowHeaderImage}
  256.     margin-top:calc({select:Header Height} / 2.5);
  257.     text-shadow:rgba({RGBcolor:Header Overlay},{select:Overlay Strength}) 1px 1px 10px;
  258.     {/block:ShowHeaderImage}
  259.     color:{color:Header};
  260.     }
  261. .banner a {color:{color:Header};}
  262. .banner a .description {
  263.     max-width:50vw;
  264.     margin:0 auto;
  265.     {block:ifNotHeaderAa}padding:2em 0;{/block:ifNotHeaderAa}
  266.     {block:ifHeaderAa}padding-bottom:2em;{block:ifHeaderAa}
  267.     line-height:150%;
  268.     font-family:{text:Header Font};
  269.     {block:ifDescriptionItalic}
  270.     font-style:italic;
  271.     {/block:ifDescriptionItalic}
  272.     font-size:80%;
  273.     color:{color:Header};
  274.     text-align:center;
  275.     {block:HideHeaderImage}margin-bottom:2em;{/block:HideHeaderImage};
  276.     {block:ShowHeaderImage}text-shadow:rgba({RGBcolor:Header Overlay},{select:Overlay Strength}) 1px 1px 10px;{/block:ShowHeaderImage}
  277.     opacity:0.8;
  278.     }    
  279.  
  280. .navbar {
  281.     height: 60px;
  282.     display: -webkit-flex;
  283.     display: flex;
  284.     -webkit-align-items: center;
  285.     align-items: center;
  286.     {block:PermalinkPage}top:0;{/block:PermalinkPage}
  287.     {block:IndexPage}top:-65px;{/block:IndexPage}
  288.     border:0;
  289.     -webkit-transition: all 300ms ease-out;
  290.     -moz-transition: all 300ms ease-out;
  291.     -o-transition: all 300ms ease-out;
  292.     -ms-transition: all 300ms ease-out;
  293.     transition: all 300ms ease-out;
  294.     }
  295.  
  296. .navbar-scrolled {background:{color:Nav};top:0;}
  297.  
  298.  
  299. /*-----------------------------------------------------------NAVBAR----*/
  300.  
  301. /*----ICONS----*/
  302. .feather {height:9px;width:9px;margin-right:5px;}
  303. .feather-down {height:8px;width:8px;margin-right:5px;}
  304.  
  305. /*----DROPDOWN----*/
  306. .dropdown .dropbtn:focus {color:{color:Link Hover};}
  307. .row:after {content: "";display:table;clear:both;width:auto;}
  308. .row {width:auto;display:table}
  309. .dropdown-content .column {
  310.     padding:1em;
  311.     width:auto;
  312.     min-width:100px;
  313.     border-top:0.5px solid rgba({RGBcolor:Nav Links}, 0.2);
  314.     }
  315. .dropdown-content .column:first-child {border-top:none;}
  316. .dropdown-content {
  317.     box-sizing:border-box;
  318.     padding:0em;
  319.     margin:1em 0 0 0;
  320.     line-height:140%;
  321.     background:{color:Sidebar};
  322.     border-radius:3px;
  323.     overflow:hidden;
  324.     box-shadow:rgba(0, 0, 0, .15) 0 1px 3px;
  325.     display:none;
  326.     position:absolute;
  327.     z-index:1;
  328.     }
  329. .dropdown-content .column ul {
  330.     margin-left:0;
  331.     padding-left:0;
  332.     margin-top:0px;
  333.     margin-bottom:0px;
  334.     }
  335. .dropdown-content .column ul li {display: block;}    
  336. .dropdown-content h3 {
  337.     font-family:{text:Post Title Font};
  338.     letter-spacing:1px;
  339.     text-transform:uppercase;
  340.     color:#000;
  341.     font-size:10px;
  342.     margin:0;
  343.     }
  344. .dropdown-content a  {
  345.     color:{color:Nav Links};
  346.     font-family:{text:Nav Font};
  347.     font-size:calc({select:Body Font Size} - 20%);
  348.     }
  349.  
  350. /*----AVATAR/LOGO----*/
  351. .container-fluid a img {
  352.     width:36px;
  353.     height:36px;
  354.     display:inline-block;
  355.     object-fit: cover;
  356.     }
  357. .circle {border-radius:100%;}
  358. .square {border-radius:4px;}  
  359.  
  360. /*----IF NO NAVBAR IMAGE----*/
  361. .container-fluid a.label-blog-title-circle {border-radius:3em;}
  362. .container-fluid a.label-blog-title-square {border-radius:4px;}
  363. .container-fluid a.label-blog-title-circle,
  364. .container-fluid a.label-blog-title-square {
  365.     text-transform:uppercase;
  366.     letter-spacing:1.5px;
  367.     line-height:120%;
  368.     padding:0.3em 0.8em;
  369.     color:{TitleColor};
  370.     background:rgba({RGBTitleColor},0.2);
  371.     font-family:{text:Header Font};
  372.     font-weight:500;
  373.     display:inline-block;
  374.     border:0.5px solid rgba({RGBTitleColor},0.3);
  375.     }
  376. .container-fluid a.label-blog-title-circle:hover,
  377. .container-fluid a.label-blog-title-square:hover {
  378.     color:{color:Link Hover};
  379.     background:rgba({RGBcolor:Link Hover},0.2);
  380.     border-color:rgba({RGBcolor:Link Hover},0.5);
  381.     }    
  382.  
  383.  
  384. /*----NAVBAR----*/
  385. input {font-size:12px;}
  386. input.query {background:black;padding: 0px;}
  387. nav {
  388.     padding:0 1em;
  389.     top:0;
  390.     z-index:999;
  391.     position:fixed;
  392.     width:100vw;
  393.     background:{color:Nav};
  394.     height:60px;
  395.     }
  396. .container-fluid a {-webkit-flex: 1;flex: 1;}    
  397. .container-fluid {width:100vw;list-style-type:none;}
  398. .container-fluid a.label {margin-right:1.5em;align-self: baseline}
  399. .container-fluid .label.current-page {color:{color:Current Page};}
  400. .container-fluid a:hover, .dropdown:hover .dropbtn {color:{color:Link Hover};}
  401. .container-fluid .group {display:inline-block;}
  402. .container-fluid .links-group a.label {max-height:36px;}
  403. .container-fluid .img-group {vertical-align:middle;}    
  404. .img-group a, .links-group a, a.dropbtn {
  405.     margin-left:.5em;
  406.     margin-right:.5em;
  407.     font-family:{text:Nav Font};
  408.     font-size:12px;
  409.     font-weight:normal;
  410.     letter-spacing:0.25px;
  411.     color:{color:Nav Links};
  412.     transition: all 200ms ease-in-out;
  413.     }
  414.  
  415.  
  416. /*----TUMBLR CONTROLS ICON----*/
  417. .hcontrols {
  418.     padding:0;
  419.     position:fixed;
  420.     top:0;
  421.     right:0;
  422.     color:{color:Current Page}80;
  423.     z-index:999999999;
  424.     display:inline-block;
  425.     vertical-align:middle;
  426.     transition: all 200ms ease-in-out;
  427.     }
  428. .hcontrols .feather-2 {
  429.     height:16px;
  430.     width:16px;
  431.     stroke-width: 1;
  432.     margin:22px 10px;
  433.     }
  434.  
  435. /*----TUMBLR CONTROLS----*/
  436. iframe.tmblr-iframe {
  437.     z-index:9999999999;
  438.     top:11px;
  439.     left:auto;
  440.     padding-right:2em;
  441.     opacity:0;
  442.      filter:invert(1) contrast(200%);
  443.         -webkit-filter:invert(1) contrast(200%);
  444.         -o-filter:invert(1) contrast(200%);
  445.         -moz-filter:invert(1) contrast(200%);
  446.         -ms-filter:invert(1) contrast(200%);
  447.     transform:scale(.7);
  448.     transform-origin:right top;
  449.     vertical-align:top;
  450.     -webkit-transition: all 300ms ease-out;
  451.     -moz-transition: all 300ms ease-out;
  452.     -o-transition: all 300ms ease-out;
  453.     -ms-transition: all 300ms ease-out;
  454.     transition: all 300ms ease-out;
  455.     }
  456. iframe.tmblr-iframe:hover {opacity:0.4;}
  457.  
  458.  
  459. /*-----------------------------------------------------------LAYOUT----*/
  460.  
  461. article {max-width:100vw;margin-bottom:50px;}
  462. .posts {
  463.     width:{select:Post Width};
  464.     max-width:90vw;
  465.     margin:0 auto;
  466.     padding:1em;
  467.     text-align:left;
  468.     background:#ffffff;
  469.     border-radius:4px;
  470.     box-shadow:{select:Post Shadow};
  471.     }
  472.  
  473. body {
  474.     margin: 0;
  475.     color:{color:Text};
  476.     background:{BackgroundColor};
  477.     font-size:{select:Body Font Size};
  478.     font-family:{text:Body Font}, Helvetica Neue, sans-serif;
  479.     line-height:160%;
  480.     text-decoration:none;
  481.     text-rendering: optimizeLegibility;
  482.     }
  483.  
  484. /*----POSTS TAGGED BY----*/
  485. .tag-page {
  486.     text-align:center;
  487.     font-size:1.2em;
  488.     font-family:{text:Body Font};
  489.     color:rgba({RGBTitleColor}, .9);
  490.     font-weight:400;
  491.     margin-top:-1em;
  492.     margin-bottom:2em;
  493.     }
  494.  
  495.  
  496.  
  497. /*-----------------------------------------------------------------------
  498.                         START of POST CONTENT
  499. -----------------------------------------------------------------------*/
  500.  
  501. /*----HEADERS and TITLES----*/
  502. .post-content h2 b, .post-content h2 strong {font-weight:700;}
  503. .post-content h1 {margin-bottom:1em;text-align:center;}  
  504. .post-content h1, .post-content h2 {
  505.     color:{TitleColor};
  506.     font-family:{text:Post Title Font}, Helvetica Neue, sans-serif;
  507.     font-weight:700;
  508.     }
  509. .post-title a:hover {color:{color:Link Hover};}
  510. .post-title a {
  511.     color:{TitleColor};
  512.     font:bold 1.2em {text:Post Title Font}, Helvetica Neue, sans-serif;
  513.     text-transform:none;
  514.     width:auto;
  515.     }
  516.  
  517. /*----TEXT----*/
  518. b, strong {color:{color:Bold};font-weight:600;}
  519. .caption small {font-size:80%}
  520. code:not(blockquote code) {
  521.     background:rgba({RGBcolor:Text},.2);
  522.     padding:0px 4px;
  523.     border-radius:2px;
  524.     opacity:0.8;}
  525. blockquote code {font-family:Source Code Pro, monospace;font-size:0.8em;}
  526. .caption blockquote code {
  527.     font-family:Source Code Pro, Consolas, monospace;
  528.     font-size:0.8em;
  529.     }
  530.  
  531. /*----LINKS----*/
  532. a {color:{TitleColor};transition:all 200ms ease-in-out;}
  533. a:hover {color:{color:Link Hover};}
  534. a, a:hover {text-decoration:none;}
  535. p a {font-weight:normal;transition: all 200ms ease-in-out;}
  536. p a:hover {color:{color:Link Hover};}
  537. .post-content a {color:{TitleColor};}
  538. .post-content a:hover {color:{color:Link Hover};}
  539.  
  540. /*----READ MORE----*/
  541. .read_more_container {text-align:center;}
  542. a.read_more:hover {
  543.     color:{color:Link Hover};
  544.     border:.5px solid {color:Link Hover};
  545.     }
  546. a.read_more {
  547.     color:{TitleColor};
  548.     font-family:{text:Post Title Font}, Helvetica Neue, sans-serif;
  549.     text-transform:uppercase;
  550.     background:#FFFFFF;
  551.     text-align:center;
  552.     letter-spacing:1.5px;
  553.     font-size:calc({select:Body Font Size} - 20%);
  554.     font-weight:500;
  555.     text-decoration:none;
  556.     padding:5px;
  557.     border:.5px solid {TitleColor};
  558.     border-radius:3px;
  559.     transition: all 200ms ease-in-out;
  560.     box-shadow: 0 1px 2px #00000010;
  561.     }  
  562.  
  563. /*----LISTS----*/
  564. ul, menu, dir {list-style-type: circle;}
  565. li + ul {list-style-type:none}
  566. li + ul li:before {
  567.     content:'•';
  568.     color:{color:Bold};
  569.     font-size:1em;
  570.     position:absolute;
  571.     margin-left:-1em;
  572.     line-height:1.5em;
  573.     vertical-align:middle;
  574.     }
  575.  
  576. /*----BLOCKQUOTES----*/
  577. .post-content blockquote b,
  578. .post-content blockquote strong {color:{color:Text};}
  579. .post-content blockquote {
  580.     color:rgba({RGBcolor:Text},.7);
  581.     border-left:1px solid rgba({RGBcolor:Text},.2);
  582.     margin-left:2em;
  583.     padding-left:1em;
  584.     }
  585.  
  586. /*----HORIZONTAL LINES----*/
  587. article hr {
  588.     width:100%;
  589.     margin-left:0px;
  590.     border:.5px solid rgba({RGBcolor:Text},.2);
  591.     }
  592. hr {
  593.     width:100%;
  594.     margin-left:0px;
  595.     border:.1px dashed rgba({RGBcolor:Text},.4);
  596.     }
  597.  
  598.  
  599.  
  600.  
  601.  
  602.  
  603.  
  604.  
  605.  
  606. /*-----------------------------------------------------------------------
  607.                         START of POST TYPES
  608. -----------------------------------------------------------------------*/
  609.  
  610. /*----AUDIO POST----*/
  611. .audio_container {border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,0.2);}
  612.  
  613. /*----LINK POST----*/
  614. .link-wrapper {
  615.     border-radius:4px;
  616.     box-shadow:0 1px 2px #00000010;
  617.     transition:all 200ms ease-in-out;
  618.     }
  619. .link .with-thumbnail .link-host {
  620.     color:{TitleColor};
  621.     -webkit-backdrop-filter:blur(6px);
  622.     backdrop-filter:blur(6px);
  623.     line-height:120%;
  624.     padding:0.3em 0.8em;
  625.     background:rgba({RGBTitleColor},0.2);
  626.     border:0.5px solid rgba({RGBTitleColor},0.2);
  627.     box-shadow:0 1px 2px rgba(0,0,0,0.1);
  628.     border-radius:2em;
  629.     width:auto;
  630.     margin: 15px 20px;
  631.     top: 0;
  632.     left: 0;
  633.     right: auto;
  634.     }    
  635. .link-text-wrapper{color:{color:Text};transition: all 200ms ease-in-out;}
  636. .link-text-wrapper:hover {color:{color:Link Hover};}
  637. div.link-text-wrapper.clearfix {background-color:white;}
  638. .link-wrapper .link-thumbnail:after, .link-title::after {display:none;}
  639. .link-wrapper .link-text-wrapper .link-excerpt {
  640.     font-size:10px;
  641.     line-height:160%;
  642.     color:rgba({RGBcolor:Text},.9);
  643.     }
  644.  
  645. /*----ANSWER POST----*/
  646. .note-item .avatar img {border-radius:2em;padding:2px;}
  647. .note-item-answerer .avatar img {border:1px solid rgba({RGBcolor:Text},.3);}
  648. .note-item-asker .avatar img {border:1px solid rgba({RGBcolor:Answer Posts},.3);}
  649. .note-item .text:after {display:none;}
  650. .note-item .text {font-size:{select:Body Font Size};line-height:150%;}
  651. .note-item-asker .text {
  652.     background:rgba({RGBcolor:Answer Posts},.1);
  653.     border: 1px solid rgba({RGBcolor:Answer Posts},.16);
  654.     color:rgba({RGBcolor:Answer Posts},1);
  655.     }
  656. .note-item-answerer .text {
  657.     background:rgba({RGBcolor:Text},.06);
  658.     border: 1px solid rgba({RGBcolor:Text},.1);
  659.     color:rgba({RGBcolor:Text},.7);
  660.     }    
  661. .note-item .text .answerer,
  662. .note-item .text .asker {
  663.     color:rgba({RGBcolor:Bold},.9);
  664.     font-style:italic;
  665.     font-size:calc({select:Body Font Size} - 20%);
  666.     }
  667.  
  668.  
  669. /*----CHAT POST----*/
  670. .conversation .chat {font-family:{text:Body Font};margin-bottom:8px;}
  671. .conversation .label {
  672.     color:{color:Bold};
  673.     font-family:{text:Header Font};
  674.     font-size:calc({select:Body Font Size} - 20%);
  675.     font-weight:700;
  676.     text-transform:uppercase;
  677.     letter-spacing:1.25px;
  678.     }
  679. .chat.chat-even {margin-bottom:8px;}
  680. .chat.chat-odd {margin-bottom:8px;}    
  681. .chat hr {border:0.5px dashed rgba({RGBcolor:Text},0.2);}
  682.  
  683. /*----PHOTO and VIDEO POST----*/
  684. img{height:auto;width:auto;margin:0 auto;}
  685. .video-wrapper {height:auto;max-width:700px;margin:0 auto;}
  686. .video .posts {min-width:700px;}
  687. .vignette, #vignette {opacity:0;}
  688. .lightbox-image, #tumblr_lightbox img {
  689.     box-shadow:none !important;
  690.     border-radius:3px !important;
  691.     max-width:none;
  692.     }
  693. .lightbox-image, #tumblr_lightbox img {
  694.     border:none !important;
  695.     -moz-box-sizing:border-box;
  696.     box-sizing:border-box;
  697.     }
  698. .lightbox-caption, #tumblr_lightbox_caption {
  699.     font-family:{text:Body Font};
  700.     font-weight:normal;
  701.     }
  702.    
  703. /*----PHOTO and VIDEO within TEXT POST----*/
  704. .npf-link-block>a,
  705. .post-content .answerer-answer .tmblr-full>img,
  706. .post-content .asker-question .tmblr-full>img,
  707. .post-content .body-text .tmblr-full>img,
  708. .post-content .caption .tmblr-full>img,
  709. .post-content .replies .tmblr-full>img,
  710. .post-content .source .tmblr-full>img {
  711.     border-top-left-radius:4px;
  712.     border-top-right-radius:4px;
  713.     }
  714.  
  715. .post-content .answerer-answer figure p.tmblr-attribution,
  716. .post-content .asker-question figure p.tmblr-attribution,
  717. .post-content .body-text figure p.tmblr-attribution,
  718. .post-content .caption figure p.tmblr-attribution,
  719. .post-content .replies figure p.tmblr-attribution,
  720. .post-content .source figure p.tmblr-attribution {
  721.     border-bottom-left-radius:4px;
  722.     border-bottom-right-radius:4px;
  723.     }    
  724.  
  725. /*----QUOTE POST----*/
  726. .quote .source {
  727.     margin-top:10px;
  728.     position:relative;
  729.     font-size:calc({select:Body Font Size} - 20%);
  730.     text-align:right;
  731.     }
  732. .quote .source:before {content: "";display:none;}
  733. .quote .post-content blockquote:before {letter-spacing:1px;}
  734. .quote .post-content blockquote:after {margin-left:0;letter-spacing:1px;}
  735. .quote .post-content blockquote {
  736.     color:{color:Bold};
  737.     border:none;
  738.     font-family:{text:Post Title Font}, Helvetica Neue, sans-serif;
  739.     font-weight:bold;
  740.     line-height:160%;
  741.     margin:0;
  742.     padding:0 5px 0 0;
  743.     quotes: "“" "”" "‘" "’";
  744.     word-break:break-word;
  745.     }
  746. .quote .post-content blockquote.short {
  747.     font-size:2.5em;
  748.     }    
  749. .quote .post-content blockquote.medium {
  750.     font-size:2em;
  751.     }  
  752. .quote .post-content blockquote.long {
  753.     font-size:1.5em;
  754.     }        
  755.  
  756. /*----REBLOG POST----*/
  757. .reblog-list .post-reblog-header .post-tumblelog-name {
  758.     color:{color:Bold};font-weight:600;}
  759. .post-avatar-image {
  760.     border-radius:100%;
  761.     padding:2px;
  762.     border:.25px solid rgba({RGBTitleColor},.4);
  763.     transition: all 200ms ease-in-out;
  764.     }
  765. .post-avatar-image:hover {border-color:{color:Link Hover};}
  766.  
  767.  
  768.  
  769.  
  770.  
  771.  
  772.  
  773. /*-----------------------------------------------------------------------
  774.                         START of POST FOOTER
  775. -----------------------------------------------------------------------*/
  776.  
  777. /*----TAGS----*/
  778. a.meta-item.tag-link:before {content:'';} /* removes the # */
  779. a.meta-item.tag-link{
  780.     color:{AccentColor};
  781.     border:1px solid rgba({RGBAccentColor},.4);
  782.     padding: 0.3em 0.8em;
  783.     text-transform:none;
  784.     border-radius:2em;
  785.     transition: all 200ms ease-in-out;
  786.     margin:.5em;
  787.     }
  788. a.meta-item.tag-link:hover {
  789.     color:{color:Link Hover};
  790.     border-color:rgba({RGBcolor:Link Hover},.6);
  791.     }
  792.  
  793. /*----LIKE and REBLOG----*/
  794. .post-controls {color:{TitleColor};transition: all 200ms ease-in-out;transform:scale(0.8,0.8);}
  795. .post-controls .control .like_button:hover,
  796. .post-controls .control .reblog_button:hover,
  797. .post-controls .control .share:hover {
  798.     color: {color:Link Hover};
  799.     transition: all 200ms ease-in-out;
  800.     }
  801. .reblog-link:hover:before {color:{TitleColor};}
  802.  
  803. /*----POST NOTES----*/
  804. .date-notes, .post-notes, .post-extra {font-family:{text:Body Font};}
  805. .date-notes {font-size:.8em;transition: all 200ms ease-in-out;}
  806. .post-notes {color:{TitleColor};}
  807. .post-extra {
  808.     font-size:calc({select:Body Font Size} - 33.333%);
  809.     line-height:130%;
  810.     width:auto;
  811.     margin:1em auto;
  812.     }
  813. a.meta-item.post-notes:hover,
  814. a.meta-item.note-count:hover {color:{color:Link Hover};}
  815. a.meta-item.post-notes, a.meta-item.note-count {
  816.     color:{color:Titles};transition:all 200ms ease-in-out;}
  817.  
  818. /*----PERMALINK POST NOTES----*/
  819. .post-notes ol li {list-style:none;}
  820. .post-notes ol.notes li.note {padding:1em;color:{color:Text}90;}
  821. .post-notes ol.notes li.note img.avatar {
  822.     height:26px;
  823.     width:26px;
  824.     border-radius:2px;
  825.     margin-right:5px;
  826.     }
  827. .post-notes ol.notes li.note span.action {font-weight:normal;}
  828. .post-notes ol.notes li.note .answer_content {font-weight:normal;}
  829. .post-notes ol.notes li.note blockquote a {
  830.     text-decoration:none;
  831.     color:{color:Text}90;
  832.     }
  833. .post-notes ol.notes li.note blockquote {
  834.     border-left:1px solid rgba({RGBcolor:Text},0.15);
  835.     margin-left:4em;
  836.     padding-left:1em;
  837.     }
  838. .post-notes {width:100%;}
  839. .avatar_frame:after {padding:2px;font-size:10px;text-align:center;}
  840. .answer .avatar_frame:after{text-align:left;}
  841. .like .avatar_frame::after {
  842.     content:"\EA05";
  843.     background-color: #d95e40}
  844. .reblog .like .avatar_frame::after {
  845.     content:"\EA05";
  846.     background-color: #d95e40;
  847.     padding:2px;font-size:11px;text-align:center;
  848. }
  849.  
  850. /*-----------------------------------------------------------FOOTER----*/
  851.  
  852. /*----PAGINATION----*/
  853. .pagination {margin:5% 0 5% 0;text-align:center;}
  854. .pagination a, .perma-pagination a, .current_page {
  855.     border-radius:4px;
  856.     padding:6px 16px;
  857.     font-family:{text:Post Title Font};
  858.     font-size:10px;
  859.     text-transform:uppercase;
  860.     letter-spacing:1.5px;
  861.     text-decoration:none;
  862.     margin:0 2px;
  863.     }
  864. .jump_page {
  865.     color:rgba({RGBTitleColor},.9);
  866.     background-color:{BackgroundColor};
  867.     }    
  868. .current_page, .jump_page:hover {
  869.     color:{color:Link Hover};
  870.     background:rgba({RGBcolor:Link Hover},.1);
  871.     }  
  872.  
  873.  
  874. /*----SCROLL TO TOP----*/    
  875. #totop {
  876.     color:{color:Current Page};
  877.     z-index:900;
  878.     cursor:pointer;
  879.     width:51px;
  880.     height:51px;
  881.     bottom:10px;
  882.     right:10px;
  883.     position:fixed;
  884.     display:none;
  885.     text-decoration:none;
  886.     overflow:hidden;
  887.     border:none;
  888.     }
  889. #totop .feather-top {
  890.     height:24px;
  891.     width:24px;
  892.     stroke-width:.7;
  893.     color:{color:Current Page};
  894.     }        
  895.  
  896. /*-------------------------------------------------------CUSTOM CSS----*/
  897. {CustomCSS}
  898.  
  899.  
  900.  
  901.  
  902. /*---------------------------------------------------------------------*/
  903.  
  904. </style>
  905.  
  906. <script src="https://static.tumblr.com/yzs4yqx/lOsokx99u/smoothscroll.min.js"></script>
  907. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  908.        
  909.     <!----ASK FORM---->
  910.     <script type="text/javascript">
  911.     $(document).ready(function(){
  912.         $('#ask_form').before('');
  913.     });
  914.     </script>
  915.    
  916.     <!----Scroll to Top---->
  917.     <script type="text/javascript">
  918.     $(function() {
  919.         $(window).scroll(function() {
  920.             if($(this).scrollTop() != 0) {
  921.                 $('#totop').fadeIn();        
  922.             }
  923.             else {
  924.                 $('#totop').fadeOut();      
  925.             }
  926.         });
  927.        
  928.         $('#totop').click(function() {
  929.             $('body,html').animate({scrollTop:0},800);
  930.         });
  931.     });
  932.     </script>
  933.  
  934. </head>
  935.  
  936. <body>
  937.  
  938.     <!----Scroll to Top Button---->
  939.     <div id="totop">
  940.     <i class="feather-top" data-feather="chevron-up"></i>
  941.     </div>
  942.  
  943.  
  944. <!------------------------------------------------------------HEADER---->
  945.  
  946. <!----Navbar---->
  947. <nav role='navigation' class="navbar navbar-default navbar-fixed-top">
  948. <div class="container-fluid">
  949.  
  950. <section class="group img-group">
  951.    
  952.         {block:HideAvatar}
  953.         {block:ifLogoImage}
  954.         <a href="/" class="label">
  955.         <img class="{AvatarShape}" src="{image:Logo}"></a>
  956.         {/block:ifLogoImage}
  957.         {/block:HideAvatar}
  958.    
  959.         {block:ShowAvatar}
  960.         <a href="/" class="label">
  961.         <img class="{AvatarShape}" src="{PortraitURL-128}">
  962.         </a>
  963.         {/block:ShowAvatar}
  964.         </section><!----group img-group---->
  965.        
  966.        
  967.        
  968.         <section class="group links-group">
  969.         {block:HideAvatar}
  970.         {block:ifNotLogoImage}
  971.     <a href="/" class="label label-blog-title-{AvatarShape}">{Title}</a>
  972.         {/block:ifNotLogoImage}
  973.         {/block:HideAvatar}
  974.        
  975.         <a href="/" class="label label-home
  976.        {block:HomePage}current-page{/block:HomePage}">{lang:Home}</a>
  977.        
  978.         {block:AskEnabled}
  979.         <a href="/ask" class="label
  980.        {block:AskPage}current-page{/block:AskPage}">{AskLabel}</a>
  981.         {/block:AskEnabled}
  982.    
  983.         {block:SubmissionsEnabled}
  984.         <a href="/submit" class="label
  985.        {block:SubmitPage}current-page{/block:SubmitPage}">{SubmitLabel}</a>
  986.         {/block:SubmissionsEnabled}
  987.  
  988.         {block:ifNotDropdown}
  989.         {block:HasPages}
  990.             {block:Pages}
  991.             <a href="{URL}" class="label {CurrentState} {ExternalState}">
  992.             {Label}</a>
  993.             {/block:Pages}
  994.         {/block:HasPages}
  995.        
  996.         {block:ifShowArchive}
  997.         <a href="/archive" class="label ">{lang:Archive}</a>
  998.         {/block:ifShowArchive}
  999.        
  1000.         {/block:ifNotDropdown}
  1001.         </section><!----group links-group---->
  1002.  
  1003. <!----DROPDOWN---->
  1004. {block:ifDropdown}
  1005. <section class="group dropdown-group">
  1006. <div class="dropdown"><a class="dropbtn" onclick="myFunction()" style="cursor:pointer;border:none;outline:none;background:transparent;">{lang:Navigate} <i class="feather-down" data-feather="chevron-down"></i></a>
  1007.  
  1008. <div class="dropdown-content" id="dropdown" style="background:{color:Nav}">
  1009. <section class="row">
  1010.  
  1011.     <!----Pages---->
  1012.     {block:HasPages}
  1013.     <div class="column">
  1014.     <h3>{lang:Pages}</h3>
  1015.         <ul>
  1016.         {block:Pages}
  1017.         <li><a href="{URL}" class="label">{Label}</a></li>
  1018.         {/block:Pages}
  1019.         </ul>
  1020.     </div>
  1021.     {/block:HasPages}
  1022.     <!----Pages---->
  1023.  
  1024.     <!----Tags---->
  1025.     {block:ifTagsSection}
  1026.     <div class="column">
  1027.     <h3>{lang:Tags}</h3>
  1028.         <ul>
  1029.         <li><a href="/tagged/{text:Tag 1 URL}">{text:Tag 1}</a></li>
  1030.         <li><a href="/tagged/{text:Tag 2 URL}">{text:Tag 2}</a></li>
  1031.         <li><a href="/tagged/{text:Tag 3 URL}">{text:Tag 3}</a></li>
  1032.         <li><a href="/tagged/{text:Tag 4 URL}">{text:Tag 4}</a></li>
  1033.         <li><a href="/tagged/{text:Tag 5 URL}">{text:Tag 5}</a></li>
  1034.         </ul>
  1035.     </div>  
  1036.     {/block:ifTagsSection}
  1037.     <!----Tags---->
  1038.    
  1039.     <!----More---->
  1040.     {block:ifShowArchive}
  1041.     <div class="column">
  1042.     <a href="/archive" class="label">{lang:Archive}</a>
  1043.     </div>  
  1044.     {/block:ifShowArchive}
  1045.     <!----More---->
  1046.  
  1047. </section> <!---row--->
  1048. </div> <!---dropdown-content--->
  1049. </div> <!---dropdown--->
  1050.  
  1051.     <script>
  1052. $(document).ready(function(){
  1053.   $(".dropbtn").click(function(){
  1054.     $(".dropdown-content").slideToggle();
  1055.   });
  1056. });    
  1057.  
  1058. $(document).click(function(event) {
  1059.   //if you click on anything except the modal itself or the "open modal" link, close the modal
  1060.   if (!$(event.target).closest(".dropdown,.dropdown-content").length) {
  1061.     $("body").find(".dropdown-content").slideUp("");
  1062.   }
  1063. });
  1064. </script>
  1065.  
  1066. </section> <!---group dropdown-group--->
  1067.  
  1068. {/block:ifDropdown}
  1069. <!----END of DROPDOWN---->
  1070.  
  1071. <div class="hcontrols">
  1072. <i class="feather-2" data-feather="more-vertical"></i>
  1073. </div>
  1074. </nav>
  1075.  
  1076. <div class="header">
  1077. <header class="parallax-header">
  1078. <div class="banner text-center" style="width:100%;text-align:center">
  1079.     <a href="/">
  1080.     <h1 class="blog-title">{Title}</h1>
  1081.     {block:ShowDescription}
  1082.     <div class="description">{Description}</div>  
  1083.     {block:ShowDescription}
  1084.     </a>
  1085. </div>
  1086. </header>
  1087. </div>
  1088.  
  1089. <!-------------------------------------------------------------POSTS---->
  1090.  
  1091. <main>
  1092.  
  1093.     {block:TagPage}
  1094.     <div class="tag-page">{lang:Posts Tagged} “{Tag}”</div>
  1095.     {/block:TagPage}
  1096.  
  1097. <div class="content">
  1098. {block:Posts}
  1099. <article class="{block:Text}text {/block:Text}{block:Photoset}photoset {/block:Photoset}{block:Photo}photo {/block:Photo}{block:RebloggedFrom}reblog {/block:RebloggedFrom}{block:Quote}quote {/block:Quote}{block:Link}link {/block:Link}{block:Chat}chat {/block:Chat}{block:Audio}audio {/block:Audio}{block:Video}video {/block:Video}{block:Answer}answer {/block:Answer}" id="{PostID}">
  1100.  
  1101. <div class="posts">
  1102. <!-------------------------------------------------------------TEXT---->
  1103. {block:Text}
  1104. <div class="post-content">
  1105.     {block:Title}
  1106.     <h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>
  1107.     {/block:Title}
  1108.     {block:NotReblog}
  1109.     <div class="body-text">{Body}</div>
  1110.     {/block:NotReblog}
  1111.    
  1112. {block:RebloggedFrom}
  1113. <div class="reblog-list">
  1114.    
  1115. {block:Reblogs}
  1116. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1117.    
  1118.     <div class="post-reblog-header">
  1119.     {block:HasAvatar}
  1120.     <div class="post-avatar">
  1121.     <div class="post-avatar-wrapper">
  1122.         {block:HasPermalink}
  1123.         <a class="post-avatar-link
  1124.        {block:isNotOriginalEntry} sub-icon-reblog
  1125.        {/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1126.         <img class="post-avatar-image" src="{PortraitURL-64}"></a>
  1127.         {/block:HasPermalink}
  1128.  
  1129.         {block:HasNoPermalink}
  1130.         <span class="reblog-avatar
  1131.        {block:IsDeactivated} inactive{/block:IsDeactivated}
  1132.        {block:isNotOriginalEntry} sub-icon-reblog
  1133.        {/block:isNotOriginalEntry}">
  1134.         <img class="post-avatar-image" src="{PortraitURL-64}"></span>
  1135.         {/block:HasNoPermalink}
  1136.  
  1137.     </div> <!-- post-avatar-wrapper -->
  1138.     </div> <!-- post-avatar -->
  1139.     {/block:HasAvatar}
  1140.  
  1141.     {block:HasPermalink}
  1142.     <a target="_blank" class="post-tumblelog-name" href="{Permalink}">
  1143.     {Username}</a>
  1144.     {/block:HasPermalink}
  1145.  
  1146.     {block:HasNoPermalink}
  1147.     <span class="post-tumblelog-name
  1148.    {block:IsDeactivated} inactive{/block:IsDeactivated}">
  1149.     {Username}</span>
  1150.     {/block:HasNoPermalink}
  1151.     </div> <!-- post-reblog-header -->
  1152.  
  1153.     <div class="post-reblog-content">
  1154.     <div class="post-body">{Body}</div>
  1155.     </div> <!-- post-reblog-content -->
  1156.  
  1157. </div> <!-- original-reblog-content -->
  1158. {/block:Reblogs}
  1159. </div> <!-- reblog-list -->
  1160. {/block:RebloggedFrom}
  1161. </div> <!-- post-content -->
  1162. {/block:Text}
  1163.  
  1164. <!------------------------------------------------------------ANSWER---->
  1165. {block:Answer}
  1166. <div class="post-content">
  1167.  
  1168. <div class="note-item note-item-asker">
  1169.     <div class="text">
  1170.         <p class="asker">{lang:Asker asked 2}:</p>
  1171.         <div class="asker-question">{Question}</div>
  1172.     </div> <!-- text -->
  1173.     <div class="avatar">
  1174.         <img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
  1175.     </div> <!-- avatar -->
  1176. </div> <!-- note-item note-item-asker -->
  1177.  
  1178. {block:Answerer}
  1179. <div class="note-item note-item-answerer">
  1180.     <div class="text">
  1181.         <p class="answerer"><strong>{Answerer}</strong> answered:</p>
  1182.         <div class="answerer-answer">{Answer}</div>
  1183.     </div> <!-- text -->
  1184.    
  1185.     <div class="avatar">
  1186.     <img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
  1187.     </div> <!-- avatar -->
  1188. </div> <!-- note-item note-item-answerer -->
  1189. {/block:Answerer}
  1190.  
  1191. {block:NotReblog}
  1192. <div class="replies">{Replies}</div>
  1193. {/block:NotReblog}
  1194.  
  1195. {block:RebloggedFrom}
  1196. <div class="reblog-list">
  1197.    
  1198. {block:Reblogs}
  1199. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1200.    
  1201.     <div class="post-reblog-header">
  1202.     {block:HasAvatar}
  1203.     <div class="post-avatar">
  1204.     <div class="post-avatar-wrapper">
  1205.         {block:HasPermalink}
  1206.         <a class="post-avatar-link
  1207.        {block:isNotOriginalEntry} sub-icon-reblog
  1208.        {/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1209.         <img class="post-avatar-image" src="{PortraitURL-64}"></a>
  1210.         {/block:HasPermalink}
  1211.  
  1212.         {block:HasNoPermalink}
  1213.         <span class="reblog-avatar
  1214.        {block:IsDeactivated} inactive{/block:IsDeactivated}
  1215.        {block:isNotOriginalEntry} sub-icon-reblog
  1216.        {/block:isNotOriginalEntry}">
  1217.         <img class="post-avatar-image" src="{PortraitURL-64}"></span>
  1218.         {/block:HasNoPermalink}
  1219.  
  1220.     </div> <!-- post-avatar-wrapper -->
  1221.     </div> <!-- post-avatar -->
  1222.     {/block:HasAvatar}
  1223.  
  1224.     {block:HasPermalink}
  1225.     <a target="_blank" class="post-tumblelog-name" href="{Permalink}">
  1226.     {Username}</a>
  1227.     {/block:HasPermalink}
  1228.  
  1229.     {block:HasNoPermalink}
  1230.     <span class="post-tumblelog-name
  1231.    {block:IsDeactivated} inactive{/block:IsDeactivated}">
  1232.     {Username}</span>
  1233.     {/block:HasNoPermalink}
  1234.     </div> <!-- post-reblog-header -->
  1235.  
  1236. <div class="post-reblog-content">
  1237.     <div class="post-body">{Body}</div>
  1238. </div> <!-- post-reblog-content -->
  1239.  
  1240. </div> <!-- original-reblog-content -->
  1241. {/block:Reblogs}
  1242. </div> <!-- reblog-list -->
  1243. {/block:RebloggedFrom}
  1244. </div> <!-- post-content -->
  1245. {/block:Answer}
  1246.  
  1247. <!-------------------------------------------------------------QUOTE---->
  1248. {block:Quote}
  1249. <div class="post-content">
  1250.     <a class="quote-link" href="{Permalink}"><blockquote class="{Length}">{Quote}</blockquote></a>
  1251.         {block:Source}
  1252.         <div class="source">{Source}</div>
  1253.         {/block:Source}
  1254. </div>
  1255. {/block:Quote}
  1256.  
  1257. <!-------------------------------------------------------------LINK---->
  1258. {block:Link}
  1259. <div class="post-content
  1260. {block:Description} with-caption{/block:Description}
  1261. {block:Thumbnail} with-thumbnail{/block:Thumbnail}">
  1262. <div class="link-wrapper">
  1263.     <a {Target} href="{URL}" class="link link-container">
  1264.         {block:Thumbnail}<div class="link-thumbnail">
  1265.         <img src="{Thumbnail-HighRes}" alt="" /></div>
  1266.         {/block:Thumbnail}
  1267.  
  1268.         <div class="link-text-wrapper clearfix">
  1269.         <div class="link-text">
  1270.             <h1 class="link-title">{Name}<i class="feather" data-feather="external-link" style="margin-left:5px;height:15px;width:15px;stroke-width:1"></i></h1>
  1271.             {block:Host}
  1272.             <div class="link-host" style="font-weight:normal;font-size:10px;">{Host}</div>
  1273.             {/block:Host}
  1274.                 {block:Excerpt}
  1275.                 <div class="link-excerpt">{Excerpt}</div>
  1276.                 {/block:Excerpt}
  1277.                 {block:Author}
  1278.                 <div class="link-author">{Author}</div>
  1279.                 {/block:Author}
  1280.         </div> <!-- link-text -->
  1281.         </div> <!-- link-text-wrapper clearfix -->
  1282.     </a> <!-- link -->
  1283. </div> <!-- link-wrapper -->
  1284.  
  1285. {block:NotReblog}
  1286. <div class="caption">{Description}</div>
  1287. {/block:NotReblog}
  1288.  
  1289. {block:RebloggedFrom}
  1290. <div class="reblog-list">
  1291.    
  1292. {block:Reblogs}
  1293. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1294.    
  1295.     <div class="post-reblog-header">
  1296.     {block:HasAvatar}
  1297.     <div class="post-avatar">
  1298.     <div class="post-avatar-wrapper">
  1299.         {block:HasPermalink}
  1300.         <a class="post-avatar-link
  1301.        {block:isNotOriginalEntry} sub-icon-reblog
  1302.        {/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1303.         <img class="post-avatar-image" src="{PortraitURL-64}"></a>
  1304.         {/block:HasPermalink}
  1305.  
  1306.         {block:HasNoPermalink}
  1307.         <span class="reblog-avatar
  1308.        {block:IsDeactivated} inactive{/block:IsDeactivated}
  1309.        {block:isNotOriginalEntry} sub-icon-reblog
  1310.        {/block:isNotOriginalEntry}">
  1311.         <img class="post-avatar-image" src="{PortraitURL-64}"></span>
  1312.         {/block:HasNoPermalink}
  1313.  
  1314.     </div> <!-- post-avatar-wrapper -->
  1315.     </div> <!-- post-avatar -->
  1316.     {/block:HasAvatar}
  1317.  
  1318.     {block:HasPermalink}
  1319.     <a target="_blank" class="post-tumblelog-name" href="{Permalink}">
  1320.     {Username}</a>
  1321.     {/block:HasPermalink}
  1322.  
  1323.     {block:HasNoPermalink}
  1324.     <span class="post-tumblelog-name
  1325.    {block:IsDeactivated} inactive{/block:IsDeactivated}">
  1326.     {Username}</span>
  1327.     {/block:HasNoPermalink}
  1328.     </div> <!-- post-reblog-header -->
  1329.  
  1330. <div class="post-reblog-content">
  1331.     <div class="post-body">{Body}</div>
  1332. </div> <!-- post-reblog-content -->
  1333.  
  1334. </div> <!-- original-reblog-content -->
  1335. {/block:Reblogs}
  1336. </div> <!-- reblog-list -->
  1337. {/block:RebloggedFrom}
  1338. </div> <!-- post-content -->
  1339. {/block:Link}
  1340.  
  1341. <!--------------------------------------------------------------CHAT---->
  1342. {block:Chat}
  1343. <div class="post-content">
  1344.  
  1345. {block:Title}
  1346. <h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>
  1347. {/block:Title}
  1348.  
  1349. <div class="conversation">
  1350. {block:Lines}
  1351.     <div class="chat chat-{Alt}">
  1352.         {block:Label}<span class="label">{Label}</span>
  1353.         {/block:Label}{Line}<hr>
  1354.     </div>
  1355. {/block:Lines}
  1356. </div> <!-- conversation -->
  1357.  
  1358. {block:RebloggedFrom}
  1359. <div class="reblog-list">
  1360.    
  1361. {block:Reblogs}
  1362. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1363.    
  1364.     <div class="post-reblog-header">
  1365.     {block:HasAvatar}
  1366.     <div class="post-avatar">
  1367.     <div class="post-avatar-wrapper">
  1368.         {block:HasPermalink}
  1369.         <a class="post-avatar-link
  1370.        {block:isNotOriginalEntry} sub-icon-reblog
  1371.        {/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1372.         <img class="post-avatar-image" src="{PortraitURL-64}"></a>
  1373.         {/block:HasPermalink}
  1374.  
  1375.         {block:HasNoPermalink}
  1376.         <span class="reblog-avatar
  1377.        {block:IsDeactivated} inactive{/block:IsDeactivated}
  1378.        {block:isNotOriginalEntry} sub-icon-reblog
  1379.        {/block:isNotOriginalEntry}">
  1380.         <img class="post-avatar-image" src="{PortraitURL-64}"></span>
  1381.         {/block:HasNoPermalink}
  1382.  
  1383.     </div> <!-- post-avatar-wrapper -->
  1384.     </div> <!-- post-avatar -->
  1385.     {/block:HasAvatar}
  1386.  
  1387.     {block:HasPermalink}
  1388.     <a target="_blank" class="post-tumblelog-name" href="{Permalink}">
  1389.     {Username}</a>
  1390.     {/block:HasPermalink}
  1391.  
  1392.     {block:HasNoPermalink}
  1393.     <span class="post-tumblelog-name
  1394.    {block:IsDeactivated} inactive{/block:IsDeactivated}">
  1395.     {Username}</span>
  1396.     {/block:HasNoPermalink}
  1397.     </div> <!-- post-reblog-header -->
  1398.  
  1399. <div class="post-reblog-content">
  1400.     <div class="post-body">{Body}</div>
  1401. </div> <!-- post-reblog-content -->
  1402.  
  1403. </div> <!-- original-reblog-content -->
  1404. {/block:Reblogs}
  1405. </div> <!-- reblog-list -->
  1406. {/block:RebloggedFrom}
  1407. </div> <!-- post-content -->
  1408. {/block:Chat}
  1409.  
  1410.  
  1411. <!-------------------------------------------------------------PHOTO---->
  1412. {block:Photo}
  1413. <figure class="post-content {block:HighRes}high-res{/block:HighRes}" data-photo-width="{PhotoWidth-HighRes}">
  1414.  
  1415. <div class="photo-wrapper">
  1416. <div class="photo-wrapper-inner">
  1417. {LinkOpenTag}
  1418. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}"{block:LivePhoto}data-live-photo="{LivePhotoURL}" data-live-photo-still-image-time="{LivePhotoStillImageTime}"{/block:LivePhoto}>
  1419. {LinkCloseTag}
  1420. </div> <!-- photo-wrapper-inner -->
  1421. </div> <!-- photo-wrapper -->
  1422.  
  1423.  
  1424. {block:NotReblog}
  1425. <figcaption class="caption" style="padding-bottom:0px;border:none;">{Caption}</figcaption>
  1426. {/block:NotReblog}
  1427.    
  1428. {block:RebloggedFrom}
  1429. <div class="reblog-list">
  1430.    
  1431. {block:Reblogs}
  1432. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1433.    
  1434.     <div class="post-reblog-header">
  1435.     {block:HasAvatar}
  1436.     <div class="post-avatar">
  1437.     <div class="post-avatar-wrapper">
  1438.         {block:HasPermalink}
  1439.         <a class="post-avatar-link
  1440.        {block:isNotOriginalEntry} sub-icon-reblog
  1441.        {/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1442.         <img class="post-avatar-image" src="{PortraitURL-64}"></a>
  1443.         {/block:HasPermalink}
  1444.  
  1445.         {block:HasNoPermalink}
  1446.         <span class="reblog-avatar
  1447.        {block:IsDeactivated} inactive{/block:IsDeactivated}
  1448.        {block:isNotOriginalEntry} sub-icon-reblog
  1449.        {/block:isNotOriginalEntry}">
  1450.         <img class="post-avatar-image" src="{PortraitURL-64}"></span>
  1451.         {/block:HasNoPermalink}
  1452.  
  1453.     </div> <!-- post-avatar-wrapper -->
  1454.     </div> <!-- post-avatar -->
  1455.     {/block:HasAvatar}
  1456.  
  1457.     {block:HasPermalink}
  1458.     <a target="_blank" class="post-tumblelog-name" href="{Permalink}">
  1459.     {Username}</a>
  1460.     {/block:HasPermalink}
  1461.  
  1462.     {block:HasNoPermalink}
  1463.     <span class="post-tumblelog-name
  1464.    {block:IsDeactivated} inactive{/block:IsDeactivated}">
  1465.     {Username}</span>
  1466.     {/block:HasNoPermalink}
  1467.     </div> <!-- post-reblog-header -->
  1468.  
  1469. <div class="post-reblog-content">
  1470.     <div class="post-body">{Body}</div>
  1471. </div> <!-- post-reblog-content -->
  1472.  
  1473. </div> <!-- original-reblog-content -->
  1474. {/block:Reblogs}
  1475. </div> <!-- reblog-list -->
  1476. {/block:RebloggedFrom}
  1477. </figure> <!-- post-content -->
  1478. {/block:Photo}
  1479.  
  1480. <!----------------------------------------------------------PHOTOSET---->
  1481. {block:Photoset}
  1482. <figure class="post-content photoset">{Photoset}
  1483.    
  1484. {block:NotReblog}
  1485. <figcaption class="caption">{Caption}</figcaption>
  1486. {/block:NotReblog}
  1487.  
  1488. {block:RebloggedFrom}
  1489. <div class="reblog-list">
  1490.    
  1491. {block:Reblogs}
  1492. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1493.    
  1494.     <div class="post-reblog-header">
  1495.     {block:HasAvatar}
  1496.     <div class="post-avatar">
  1497.     <div class="post-avatar-wrapper">
  1498.         {block:HasPermalink}
  1499.         <a class="post-avatar-link
  1500.        {block:isNotOriginalEntry} sub-icon-reblog
  1501.        {/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1502.         <img class="post-avatar-image" src="{PortraitURL-64}"></a>
  1503.         {/block:HasPermalink}
  1504.  
  1505.         {block:HasNoPermalink}
  1506.         <span class="reblog-avatar
  1507.        {block:IsDeactivated} inactive{/block:IsDeactivated}
  1508.        {block:isNotOriginalEntry} sub-icon-reblog
  1509.        {/block:isNotOriginalEntry}">
  1510.         <img class="post-avatar-image" src="{PortraitURL-64}"></span>
  1511.         {/block:HasNoPermalink}
  1512.  
  1513.     </div> <!-- post-avatar-wrapper -->
  1514.     </div> <!-- post-avatar -->
  1515.     {/block:HasAvatar}
  1516.  
  1517.     {block:HasPermalink}
  1518.     <a target="_blank" class="post-tumblelog-name" href="{Permalink}">
  1519.     {Username}</a>
  1520.     {/block:HasPermalink}
  1521.  
  1522.     {block:HasNoPermalink}
  1523.     <span class="post-tumblelog-name
  1524.    {block:IsDeactivated} inactive{/block:IsDeactivated}">
  1525.     {Username}</span>
  1526.     {/block:HasNoPermalink}
  1527.     </div> <!-- post-reblog-header -->
  1528.  
  1529. <div class="post-reblog-content">
  1530.     <div class="post-body">{Body}</div>
  1531. </div> <!-- post-reblog-content -->
  1532.  
  1533. </div> <!-- original-reblog-content -->
  1534. {/block:Reblogs}
  1535. </div> <!-- reblog-list -->
  1536. {/block:RebloggedFrom}
  1537. </figure> <!-- post-content -->
  1538. {/block:Photoset}
  1539.  
  1540. <!-------------------------------------------------------------AUDIO---->
  1541. {block:Audio}
  1542. <div class="post-content">
  1543. <div class="audio_container">
  1544. {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  1545. </div>
  1546.  
  1547. {block:NotReblog}
  1548. <div class="caption">{Caption}</div>
  1549. {/block:NotReblog}
  1550.  
  1551. {block:RebloggedFrom}
  1552. <div class="reblog-list">
  1553.    
  1554. {block:Reblogs}
  1555. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1556.    
  1557.     <div class="post-reblog-header">
  1558.     {block:HasAvatar}
  1559.     <div class="post-avatar">
  1560.     <div class="post-avatar-wrapper">
  1561.         {block:HasPermalink}
  1562.         <a class="post-avatar-link
  1563.        {block:isNotOriginalEntry} sub-icon-reblog
  1564.        {/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1565.         <img class="post-avatar-image" src="{PortraitURL-64}"></a>
  1566.         {/block:HasPermalink}
  1567.  
  1568.         {block:HasNoPermalink}
  1569.         <span class="reblog-avatar
  1570.        {block:IsDeactivated} inactive{/block:IsDeactivated}
  1571.        {block:isNotOriginalEntry} sub-icon-reblog
  1572.        {/block:isNotOriginalEntry}">
  1573.         <img class="post-avatar-image" src="{PortraitURL-64}"></span>
  1574.         {/block:HasNoPermalink}
  1575.  
  1576.     </div> <!-- post-avatar-wrapper -->
  1577.     </div> <!-- post-avatar -->
  1578.     {/block:HasAvatar}
  1579.  
  1580.     {block:HasPermalink}
  1581.     <a target="_blank" class="post-tumblelog-name" href="{Permalink}">
  1582.     {Username}</a>
  1583.     {/block:HasPermalink}
  1584.  
  1585.     {block:HasNoPermalink}
  1586.     <span class="post-tumblelog-name
  1587.    {block:IsDeactivated} inactive{/block:IsDeactivated}">
  1588.     {Username}</span>
  1589.     {/block:HasNoPermalink}
  1590.     </div> <!-- post-reblog-header -->
  1591.  
  1592. <div class="post-reblog-content">
  1593.     <div class="post-body">{Body}</div>
  1594. </div> <!-- post-reblog-content -->
  1595.  
  1596. </div> <!-- original-reblog-content -->
  1597. {/block:Reblogs}
  1598. </div> <!-- reblog-list -->
  1599. {/block:RebloggedFrom}
  1600. </div> <!-- post-content -->
  1601. {/block:Audio}
  1602.  
  1603. <!-------------------------------------------------------------VIDEO---->
  1604. {block:Video}
  1605. <figure class="post-content">
  1606. <div class="video-wrapper">{Video-700}</div>
  1607.  
  1608. {block:NotReblog}
  1609. <figcaption class="caption" style="border:none;">{Caption}</figcaption>
  1610. {/block:NotReblog}
  1611.  
  1612. {block:RebloggedFrom}
  1613. <div class="reblog-list">
  1614.    
  1615. {block:Reblogs}
  1616. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1617.    
  1618.     <div class="post-reblog-header">
  1619.     {block:HasAvatar}
  1620.     <div class="post-avatar">
  1621.     <div class="post-avatar-wrapper">
  1622.         {block:HasPermalink}
  1623.         <a class="post-avatar-link
  1624.        {block:isNotOriginalEntry} sub-icon-reblog
  1625.        {/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1626.         <img class="post-avatar-image" src="{PortraitURL-64}"></a>
  1627.         {/block:HasPermalink}
  1628.  
  1629.         {block:HasNoPermalink}
  1630.         <span class="reblog-avatar
  1631.        {block:IsDeactivated} inactive{/block:IsDeactivated}
  1632.        {block:isNotOriginalEntry} sub-icon-reblog
  1633.        {/block:isNotOriginalEntry}">
  1634.         <img class="post-avatar-image" src="{PortraitURL-64}"></span>
  1635.         {/block:HasNoPermalink}
  1636.  
  1637.     </div> <!-- post-avatar-wrapper -->
  1638.     </div> <!-- post-avatar -->
  1639.     {/block:HasAvatar}
  1640.  
  1641.     {block:HasPermalink}
  1642.     <a target="_blank" class="post-tumblelog-name" href="{Permalink}">
  1643.     {Username}</a>
  1644.     {/block:HasPermalink}
  1645.  
  1646.     {block:HasNoPermalink}
  1647.     <span class="post-tumblelog-name
  1648.    {block:IsDeactivated} inactive{/block:IsDeactivated}">
  1649.     {Username}</span>
  1650.     {/block:HasNoPermalink}
  1651.     </div> <!-- post-reblog-header -->
  1652.  
  1653. <div class="post-reblog-content">
  1654.     <div class="post-body">{Body}</div>
  1655. </div> <!-- post-reblog-content -->
  1656.  
  1657. </div> <!-- original-reblog-content -->
  1658. {/block:Reblogs}
  1659. </div> <!-- reblog-list -->
  1660. {/block:RebloggedFrom}
  1661. </figure> <!-- post-content -->
  1662. {/block:Video}
  1663.  
  1664. <!--------------------------------------------------------POST EXTRA---->
  1665.  
  1666. <section class="inline-meta post-extra{block:RebloggedFrom} has-reblog
  1667. {/block:RebloggedFrom}{block:ContentSource} has-source
  1668. {/block:ContentSource}{block:HasTags} has-tags{/block:HasTags}">
  1669.  
  1670.     {block:ContentSource}
  1671.     <a class="meta-item source-link" href="{SourceURL}">
  1672.     {lang:Source}: {SourceTitle}</a>
  1673.     {/block:ContentSource}
  1674.  
  1675.     {block:HasTags} <!-----TAGS---->
  1676.         {block:Tags}
  1677.         <a class="meta-item tag-link" href="{TagURL}" name="{Tag}">{Tag}</a>
  1678.         {/block:Tags}
  1679.     {/block:HasTags}
  1680. </section> <!-- inline-meta post-extra -->
  1681.  
  1682. </section>
  1683.  
  1684. {block:Date}
  1685. <section class="panel">
  1686. <footer class="post-footer">
  1687.     <section class="panel">
  1688.         <section class="inline-meta date-notes">
  1689.             <div class="date-note-wrapper">
  1690.                 {block:NoteCount}
  1691.                 <span>
  1692.                 <a href="{Permalink}#notes" class="meta-item note-count">
  1693.                 {NoteCountWithLabel}</a>
  1694.                 </span>
  1695.                 {/block:NoteCount}
  1696.            
  1697.                 <a href="{Permalink}" title="{TimeAgo}"
  1698.                class="meta-item post-date">
  1699.                 {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>
  1700.             </div>
  1701.         </section> <!-- inline-meta date-notes -->
  1702.    
  1703.         <section class="post-controls">
  1704.             <div class="controls-wrapper">
  1705.                 <div class="control reblog-control">
  1706.                 {ReblogButton size="24" color="black"}</div>
  1707.                 <div class="control like-control">
  1708.                 {LikeButton size="24" color="black"}</div>
  1709.             </div> <!-- controls-wrapper -->
  1710.         </section> <!-- post-controls -->
  1711.     </section> <!-- panel -->
  1712.  
  1713.     {block:PermalinkPage}
  1714.         <div class="post-notes">
  1715.         {block:PostNotes}{PostNotes-64}{/block:PostNotes}
  1716.         </div>
  1717.     {/block:PermalinkPage}
  1718. </footer> <!-- post-footer -->
  1719. </section> <!-- panel -->
  1720. {/block:Date}
  1721. {block:ifParallaxHeader}
  1722. <script>
  1723. $(function() {
  1724.   $(window).scroll(function() {
  1725.     var headerHeight = $('.banner').height() + 590;
  1726.     var windowScroll = $(this).scrollTop();
  1727.  
  1728.     //header parallax
  1729.     if (windowScroll <= headerHeight) {
  1730.      $('.banner').css({
  1731.        'transform': 'translate(0px, ' + windowScroll / 2 + '% )'
  1732.      });
  1733.    }
  1734.  
  1735.    //nav color change
  1736.    if (windowScroll >= headerHeight) {
  1737.       $('nav').addClass('navbar-scrolled');
  1738.     } else {
  1739.       $('nav').removeClass('navbar-scrolled');
  1740.     }
  1741.   });
  1742.  
  1743.   //smooth anchor scrolling
  1744.   $('a').click(function() {
  1745.     $('html, body').animate({
  1746.       scrollTop: $($(this).attr('href')).offset().top
  1747.     }, 750);
  1748.     return false;
  1749.   });
  1750. });    
  1751. </script>
  1752. {/block:ifParallaxHeader}
  1753. {block:ifNotParallaxHeader}
  1754. <script>
  1755. $(function() {
  1756.   $(window).scroll(function() {
  1757.     var headerHeight = $('.banner').height() + 590;
  1758.     var windowScroll = $(this).scrollTop();
  1759.  
  1760.     //nav color change
  1761.     if (windowScroll >= headerHeight) {
  1762.       $('nav').addClass('navbar-scrolled');
  1763.     } else {
  1764.       $('nav').removeClass('navbar-scrolled');
  1765.     }
  1766.   });
  1767.  
  1768.   //smooth anchor scrolling
  1769.   $('a').click(function() {
  1770.     $('html, body').animate({
  1771.       scrollTop: $($(this).attr('href')).offset().top
  1772.     }, 750);
  1773.     return false;
  1774.   });
  1775. });    
  1776. </script>
  1777. {/block:ifNotParallaxHeader}
  1778. <script>
  1779.       feather.replace()
  1780. </script>                                            
  1781. {block:PermalinkPage}
  1782. {block:Date}
  1783. {block:IfDisqusShortname}
  1784. <section class="comments">
  1785. <div id="disqus_thread"></div>
  1786. <script type="text/javascript">
  1787.                                                       (function() {
  1788.                                                        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1789.                                                        dsq.src = 'https://{text:Disqus Shortname}.disqus.com/embed.js';
  1790.                                                        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1791.                                                       })();
  1792. </script>
  1793. <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
  1794. <a href="https://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1795. </section> <!-- comments -->
  1796. {/block:IfDisqusShortname}
  1797. {/block:Date}
  1798. {/block:PermalinkPage}
  1799.  
  1800. <!---------------------------------------------------------------------->
  1801.  
  1802. </article><!-- end of article -->
  1803. </div><!-- end of .posts -->
  1804. {/block:Posts}
  1805. </div><!-- end of .content -->
  1806.  
  1807. <!---------------------------------------------------------------------->
  1808. {block:Pagination}
  1809. <div class="pagination">
  1810.     {block:PreviousPage}
  1811.     <a href="{PreviousPage}" class="previous jump_page">
  1812.     {lang:Previous}</a>
  1813.     {/block:PreviousPage}
  1814.    
  1815.     {block:JumpPagination length="7"}
  1816.         {block:CurrentPage}
  1817.         <span class="current_page">{PageNumber}</span>
  1818.         {/block:CurrentPage}
  1819.         {block:JumpPage}
  1820.         <a class="jump_page" href="{URL}">{PageNumber}</a>
  1821.         {/block:JumpPage}
  1822.     {/block:JumpPagination}
  1823.     {block:NextPage}
  1824.     <a href="{NextPage}" class="next jump_page">
  1825.     {lang:Next}</a>
  1826.     <a class="jump_page" href="{BlogURL}page/{TotalPages}">Last</a>
  1827.     {/block:NextPage}
  1828. </div><!-- end of .pagination -->
  1829. <div><p style="letter-spacing:.5px;text-align:center;font-size:8px;margin-top:1em;color:{TitleColor}70;"><i>Theme by  </i><a href="https://boodaloo.tumblr.com">BOO</a></p></div>
  1830. {/block:Pagination}
  1831. </main><!-- end of main -->
  1832.  
  1833. </body>
  1834. </html>
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!