getivan

Ivan's Tumblr Blog Theme for SEO and PBNs

Nov 19th, 2021 (edited)
583
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.  
  5.  
  6.  
  7.         <meta charset="utf-8"/>
  8.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9.         <meta name="keywords" content="{text:Site keywords}">
  10.         <meta name="author" content="{text:Site Author}">
  11.  
  12.         <title>{block:PermalinkPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{/block:PermalinkPage}{Title}</title>
  13.  
  14.  
  15.         {block:Description}
  16.         <meta name="description" content="{MetaDescription}"/>
  17.  
  18.         {/block:Description}
  19.         <meta name="theme-color" content="#550000">
  20.  
  21.         <!-- open graph data -->
  22.         <meta property="og:site_name" content="{Title}" />
  23.         <meta name="twitter:card" content="summary" />
  24.         <meta name="twitter:image" content="{image:Logo} /">
  25.         <meta name="og:image" content="{image:Logo} /">
  26.         <!-- open graph data -->
  27.  
  28.  
  29.         {block:Hidden}
  30.         <meta name="image:Logo" content="https://static.tumblr.com/fk8bn8w/8ulqnqq7l/getivan-logo.png"/>
  31.         <meta name="color:Menu Bar Background" content="#282828"/>
  32.         <meta name="color:Tag Menu Background Color" content="#282828"/>
  33.         <meta name="color:Footer background color" content="#282828"/>
  34.           <meta name="color:Blog background color" content="#4A545E"/>
  35.         <meta name="color:Logo Section Background" content="#4A545E"/>
  36.         <meta name="color:Disclaimer background color" content="#ffff"/>
  37.  
  38.  
  39.         <meta name="color:Posts INFO background color" content="#4A545E"/>
  40.         <meta name="color:Loading page background color" content="#4A545E"/>
  41.  
  42.         <meta name="color:Posts text color" content="#ffffff"/>
  43.         <meta name="color:Posts Links Color" content="#ffffff"/>
  44.         <meta name="color:Menu Links Color" content="#ffffff"/>
  45.             <meta name="color:Tag Menu Text Color" content="#ffffff"/>
  46.         <meta name="color:Buttons text color" content="#ffffff"/>
  47.         <meta name="color:Preload page text color" content="#ffffff"/>
  48.         <meta name="color:Posts INFO text color" content="#ffffff"/>
  49.         <meta name="color:Posts title color" content="#ffffff"/>
  50.  
  51.         <meta name="color:Posts hover overlay text color" content="#ffffff"/>
  52.         <meta name="color:Footer text color" content="#ffffff"/>
  53.         <meta name="color:Copyright Link Color" content="#ffffff"/>
  54.         <meta name="color:Loading page animation color" content="#D95E40"/>          <meta name="color:Posts hover overlay color" content="#D95E40"/>
  55.         <meta name="color:Accent color" content="#D95E40"/>
  56.         <meta name="color:Disclaimer text color" content="#ffff"/>
  57.         <meta name="color:Scroll to top button color" content="#ffff"/>
  58.         <meta name="color:Scroll to top button hover color" content="#ffff"/>
  59.         <meta name="color:Scroll to top text color" content="#ffff"/>
  60.         <meta name="color:Scroll to top text hover color" content="#ffff"/>
  61.  
  62.       <!-- seo tags -->
  63.       <meta name="text:Site keywords" content="">
  64.       <meta name="text:Site Author" content="">
  65.       <!-- seo tags -->
  66.  
  67.     <meta name="text:Logo Link" content="/" />
  68.         <meta name="text:TAG for Post TITLE without hover" content="" />
  69.     <meta name="text:Posts hover overlay opacity out of 9" content="5" />
  70.         <meta name="text:First Dropdown Title" content="Menu 1" />
  71.         <meta name="text:First Dropdown Submenu 1 Title" content="Submenu 1" />
  72.         <meta name="text:First Dropdown Submenu 1 Link" content="/" />
  73.         <meta name="text:First Dropdown Submenu 2 Title" content="Submenu 2" />
  74.         <meta name="text:First Dropdown Submenu 2 Link" content="/" />
  75.         <meta name="text:First Dropdown Submenu 3 Title" content="Submenu 3" />
  76.         <meta name="text:First Dropdown Submenu 3 Link" content="/" />
  77.         <meta name="text:First Dropdown Submenu 4 Title" content="" />
  78.         <meta name="text:First Dropdown Submenu 4 Link" content="" />
  79.  
  80.         <meta name="text:First Dropdown Submenu 5 Title" content="" />
  81.         <meta name="text:First Dropdown Submenu 5 Link" content="" />
  82.         <meta name="text:First Dropdown Submenu 6 Title" content="" />
  83.         <meta name="text:First Dropdown Submenu 6 Link" content="" />
  84.         <meta name="text:First Dropdown Submenu 7 Title" content="" />
  85.         <meta name="text:First Dropdown Submenu 7 Link" content="" />
  86.         <meta name="text:First Dropdown Submenu 8 Title" content="" />
  87.         <meta name="text:First Dropdown Submenu 8 Link" content="" />
  88.         <meta name="text:First Dropdown Submenu 9 Title" content="" />
  89.         <meta name="text:First Dropdown Submenu 9 Link" content="" />
  90.         <meta name="text:First Dropdown Submenu 10 Title" content="" />
  91.         <meta name="text:First Dropdown Submenu 10 Link" content="" />
  92.  
  93.         <meta name="text:Second Dropdown Title" content="Menu 2" />
  94.         <meta name="text:Second Dropdown Submenu 1 Title" content="Submenu 1" />
  95.         <meta name="text:Second Dropdown Submenu 1 Link" content="/" />
  96.         <meta name="text:Second Dropdown Submenu 2 Title" content="Submenu 2" />
  97.         <meta name="text:Second Dropdown Submenu 2 Link" content="/" />
  98.         <meta name="text:Second Dropdown Submenu 3 Title" content="Submenu 3" />
  99.         <meta name="text:Second Dropdown Submenu 3 Link" content="/" />
  100.         <meta name="text:Second Dropdown Submenu 4 Title" content="" />
  101.         <meta name="text:Second Dropdown Submenu 4 Link" content="" />
  102.  
  103.         <meta name="text:Second Dropdown Submenu 5 Title" content="" />
  104.         <meta name="text:Second Dropdown Submenu 5 Link" content="" />
  105.         <meta name="text:Second Dropdown Submenu 6 Title" content="" />
  106.         <meta name="text:Second Dropdown Submenu 6 Link" content="" />
  107.         <meta name="text:Second Dropdown Submenu 7 Title" content="" />
  108.         <meta name="text:Second Dropdown Submenu 7 Link" content="" />
  109.         <meta name="text:Second Dropdown Submenu 8 Title" content="" />
  110.         <meta name="text:Second Dropdown Submenu 8 Link" content="" />
  111.         <meta name="text:Second Dropdown Submenu 9 Title" content="" />
  112.         <meta name="text:Second Dropdown Submenu 9 Link" content="" />
  113.         <meta name="text:Second Dropdown Submenu 10 Title" content="" />
  114.         <meta name="text:Second Dropdown Submenu 10 Link" content="" />
  115.  
  116.     /*Footer menu start*/
  117.  
  118.      <meta name="text:Footer Menu Label 1" content="" />
  119.      <meta name="text:Footer Menu Link 1" content="" />
  120.      <meta name="text:Footer Menu Label 2" content="" />
  121.      <meta name="text:Footer Menu Link 2" content="" />
  122.      <meta name="text:Footer Menu Label 3" content="" />
  123.      <meta name="text:Footer Menu Link 3" content="" />
  124.      <meta name="text:Footer Menu Label 4" content="" />
  125.      <meta name="text:Footer Menu Link 4" content="" />
  126.      <meta name="text:Footer Menu Label 5" content="" />
  127.      <meta name="text:Footer Menu Link 5" content="" />
  128.      <meta name="text:Footer Menu Label 6" content="" />
  129.      <meta name="text:Footer Menu Link 6" content="" />
  130.      <meta name="text:Footer Menu Label 7" content="" />
  131.      <meta name="text:Footer Menu Link 7" content="" />
  132.      <meta name="text:Footer Menu Label 8" content="" />
  133.      <meta name="text:Footer Menu Link 8" content="" />
  134.      <meta name="text:Footer Menu Label 9" content="" />
  135.      <meta name="text:Footer Menu Link 9" content="" />
  136.      <meta name="text:Footer Menu Label 10" content="" />
  137.      <meta name="text:Footer Menu Link 10" content="" />
  138.  
  139.     /*Footer menu end*/
  140.  
  141.         <meta name="text:Font size for page title" content="24px"/>
  142.         <meta name="text:Font size for post text" content="15px"/>
  143.         <meta name="text:Font size for post titles" content="28px"/>
  144.         <meta name="text:Font size for quotes" content="25px"/>
  145.  
  146.         <meta name="font:Text font" content="Brutal Type"/>
  147.         <meta name="font:Titles font" content="Lorimer No 2"/>
  148.  
  149.             <meta name="select:Single post page max width" content="900px" title="900px">
  150.         <meta name="select:Single post page max width" content="1000px" title="1000px">
  151.         <meta name="select:Single post page max width" content="1200px" title="1200px">
  152.  
  153.         <meta name="select:Posts columns number" content="col-4" title="4 columns"/>
  154.         <meta name="select:Posts columns number" content="col-3" title="3 columns"/>
  155.         <meta name="select:Posts columns number" content="col-2" title="2 columns"/>
  156.  
  157.         <meta name="select:Posts aspect ratio" content="aspect-4-3" title="Landscape - 4:3"/>
  158.         <meta name="select:Posts aspect ratio" content="aspect-3-4" title="Portrait - 3:4"/>
  159.         <meta name="select:Posts aspect ratio" content="aspect-1-1" title="Square - 1:1"/>
  160.  
  161.         <meta name="select:Posts container max width" content="max-w-1900" title="1900px"/>
  162.         <meta name="select:Posts container max width" content="max-w-1600" title="1600px"/>
  163.         <meta name="select:Posts container max width" content="max-w-1400" title="1400px"/>
  164.         <meta name="select:Posts container max width" content="max-w-1200" title="1200px"/>
  165.         <meta name="select:Space between posts" content="post-spacing-0" title="0px">
  166.         <meta name="select:Space between posts" content="post-spacing-24" title="24px">
  167.         <meta name="select:Space between posts" content="post-spacing-40" title="40px">
  168.         <meta name="select:Space between posts" content="post-spacing-30" title="30px">
  169.         <meta name="select:Space between posts" content="post-spacing-20" title="20px">
  170.         <meta name="select:Space between posts" content="post-spacing-14" title="14px">
  171.         <meta name="select:Space between posts" content="post-spacing-10" title="10px">
  172.         <meta name="select:Space between posts" content="post-spacing-6" title="6px">
  173.         <meta name="select:Space between posts" content="post-spacing-2" title="2px">
  174.  
  175.         <meta name="select:Post on click" content="open-lb" title="Open in lightbox"/>
  176.         <meta name="select:Post on click" content="open-pp" title="Open on permalinkpage"/>
  177.  
  178.         <meta name="select:Loading page animation" content="css-preloader-01" title="CSS Circcle spinner">
  179.         <meta name="select:Loading page animation" content="css-preloader-02" title="CSS Pulse">
  180.         <meta name="select:Loading page animation" content="preloader-01" title="Animation 1">
  181.         <meta name="select:Loading page animation" content="preloader-02" title="Animation 2">
  182.         <meta name="select:Loading page animation" content="" title="None">
  183.  
  184.         <meta name="select:Categories menu" content="cat-menu-tag" title="Load posts for selected tag">
  185.         <meta name="select:Categories menu" content="cat-menu-filter" title="Filter posts with selected tag from loaded posts">
  186.         <meta name="select:Categories menu" content="cat-menu-hidden" title="Hidden">
  187.  
  188.         <meta name="select:Tumblr buttons" content="tumblr-btn-top" title="Show on top">
  189.         <meta name="select:Tumblr buttons" content="tumblr-btn-bottom" title="Show on bottom">
  190.         <meta name="select:Tumblr buttons" content="tumblr-btn-hide" title="Hidden">
  191.  
  192.         <meta name="if:Use logo image" content="1">
  193.         <meta name="if:Hide Top Menu Bar" content="0"/>
  194.         <meta name="if:Hide Tag Menu" content="0"/>
  195.         <meta name="if:Show scrollbars for long posts" content="1"/>
  196.         <meta name="if:Show posts title" content="0"/>
  197.         <meta name="if:Post has syndication" content="0"/>
  198.         <meta name="if:Show posts category" content="1"/>
  199.         <meta name="if:Show posts notes and comments counters" content="1"/>
  200.         <meta name="if:Show exif data" content="1"/>
  201.         <meta name="if:Back to top" content="0"/>
  202.         <meta name="if:Search Button" content="0"/>
  203.  
  204.  
  205.         <meta name="if:Facebook share button" content="1"/>
  206.         <meta name="if:Twitter share button" content="1"/>
  207.  
  208.          /* Category and Tag start*/
  209.           <meta name='text:Category 1 tag label' content="Tag1" />
  210.           <meta name='text:Category 1 tag link' content="Tag1" />
  211.           <meta name='text:Category 2 tag label' content="Tag2" />
  212.           <meta name='text:Category 2 tag link' content="Tag2" />
  213.           <meta name='text:Category 3 tag label' content="Tag3" />
  214.           <meta name='text:Category 3 tag link' content="Tag3" />
  215.           <meta name='text:Category 4 tag label' content="Tag4" />
  216.           <meta name='text:Category 4 tag link' content="Tag4" />
  217.           <meta name='text:Category 5 tag label' content="Tag5" />
  218.           <meta name='text:Category 5 tag link' content="Tag5" />
  219.           <meta name='text:Category 6 tag label' content="Up to 15 Tags" />
  220.           <meta name='text:Category 6 tag link' content="Up to 15 Tags" />
  221.           <meta name='text:Category 7 tag label' content="" />
  222.           <meta name='text:Category 7 tag link' content="" />
  223.           <meta name='text:Category 8 tag label' content="" />
  224.           <meta name='text:Category 8 tag link' content="" />
  225.           <meta name='text:Category 9 tag label' content="" />
  226.           <meta name='text:Category 9 tag link' content="" />
  227.           <meta name='text:Category 10 tag label' content="" />
  228.           <meta name='text:Category 10 tag link' content="" />
  229.           <meta name='text:Category 11 tag label' content="" />
  230.           <meta name='text:Category 11 tag link' content="" />
  231.           <meta name='text:Category 12 tag label' content="" />
  232.           <meta name='text:Category 12 tag link' content="" />
  233.           <meta name='text:Category 13 tag label' content="" />
  234.           <meta name='text:Category 13 tag link' content="" />
  235.           <meta name='text:Category 14 tag label' content="" />
  236.           <meta name='text:Category 14 tag link' content="" />
  237.           <meta name='text:Category 15 tag label' content="" />
  238.           <meta name='text:Category 15 tag link' content="" />
  239.  
  240.           /* Category and Tag end*/
  241.  
  242.         <meta name="text:Google analytics ID" content=""/>
  243.         <meta name='text:Disqus Shortname' content=""/>
  244.  
  245.         <meta name='text:Scroll top button text' content="Top"/>
  246.         <meta name='text:Show post notes text' content="Show post notes"/>
  247.         <meta name='text:Loading page text' content="Loading..."/>
  248.         <meta name='text:Categories menu label 1' content="Show:"/>
  249.         <meta name='text:Categories menu label 2' content="Filter:"/>
  250.         <meta name='text:Categories menu all posts' content="All"/>
  251.         <meta name='text:Copyright label' content="" />
  252.         <meta name='text:Copyright label link' content="" />
  253.         <meta name='text:Disclaimer label' content="" />
  254.  
  255.  
  256.         <meta name="text:Custom Google Fonts NAME for text" content="Rubik"/>
  257.         <meta name="text:Custom Google Fonts NAME for titles" content="Rubik"/>           <meta name="text:Custom Google Fonts NAME for Menu" content="Rubik" />
  258.         {/block:Hidden}
  259.  
  260.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  261.         <meta name="apple-mobile-web-app-capable" content="yes">
  262.         <link rel="shortcut icon" href="{FavIcon}" />
  263.  
  264.         <!--<link rel="shortcut icon" href="https://www.getivan.com/assets/img/logos/offical-logo-getivan-2020-edition-32px-in-a-circle.png">-->
  265.         <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  266.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  267.  
  268.         <link href='https://static.tumblr.com/8wlin78/tzioil1o6/queis-theme.min.css' rel='stylesheet' type='text/css'>
  269.         <link href="https://static.tumblr.com/8wlin78/27cnt9nyo/nivo-lightbox.min.css" rel="stylesheet" type="text/css">
  270.         <link href="https://static.tumblr.com/8wlin78/Syfnt9o14/jquery.mcustomscrollbar.min.css" rel="stylesheet" type="text/css">
  271.         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family={text:Custom Google Fonts NAME for Menu}:400,700,900">
  272.  
  273.         {block:IfCustomGoogleFontsNAMEForText}
  274.         <link href='https://fonts.googleapis.com/css?family={text:Custom Google Fonts NAME for text}:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  275.         {/block:IfCustomGoogleFontsNAMEForText}
  276.         {block:IfCustomGoogleFontsNAMEForTitles}
  277.         <link href='https://fonts.googleapis.com/css?family={text:Custom Google Fonts NAME for titles}:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  278.         {/block:IfCustomGoogleFontsNAMEForTitles}
  279.  
  280.         <!--[if lt IE 9]>
  281.            <script src="https://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
  282.        <![endif]-->
  283.  
  284.         <style>
  285.             body {
  286.                 font-family: {font:Text font};
  287.                 {block:IfCustomGoogleFontsNAMEForText}
  288.                 font-family: {text:Custom Google Fonts NAME for text};
  289.                 {/block:IfCustomGoogleFontsNAMEForText}
  290.                 font-size: {text:Font size for post text};
  291.             }
  292.             .scrollable .post-title {
  293.                 font-size: {text:Font size for post titles};
  294.             }
  295.             .quote-content > blockquote {
  296.                 font-size: {text:Font size for quotes};
  297.             }
  298.             .post-title,
  299.              .typography h1,
  300.               .typography h2,
  301.                .typography h3,
  302.                 .typography h4,
  303.                  .typography h5,
  304.                   .typography h6,
  305.                    .link-title,
  306.                     .headline,
  307.                      .tag-page > span,
  308.                       .search-page > span,
  309.                        .day-page > span,
  310.                         .post-title,
  311.                          .post-title-index,
  312.                           .chat .label,
  313.                            .title-name,
  314.                             .post-tags,
  315.                              .about-title > div,
  316.                               .quote-content,
  317.                                .ft-label,
  318.                                 .info,
  319.                                  .tweet-date,
  320.                                   .stats-content > .type > span,
  321.                                    .load-msg,
  322.                                     .caption > .caption-title,
  323.                                      .category-name {
  324.                 font-family: {font:Titles font};
  325.                 {block:IfCustomGoogleFontsNAMEForTitles}
  326.                 font-family: {text:Custom Google Fonts NAME for titles};
  327.                 {/block:IfCustomGoogleFontsNAMEForTitles}
  328.             }
  329.             .title-and-nav .page-title > a {
  330.                 font-family: {font:Page title font};
  331.                 font-size: {text:Font size for page title};
  332.             }
  333.             body > .content-pp,
  334.              .lightbox-wrap {
  335.                 width: 100%;
  336.                 max-width: {select:Single post page max width};
  337.             }
  338.             /*Blog background color - #E02B20 */
  339.             body {
  340.                 background-color: {color:Blog background color};
  341.             }
  342.             /*Blog accent color - #E02B20 */
  343.             a,
  344.              .typography a,
  345.  
  346.                     .tag-page .tag,
  347.                      .search-page .search_query,
  348.                       .post-title,
  349.                        .post-text a:hover,
  350.                         .link-target:hover,
  351.                          .video-wrapper a:hover,
  352.                           .tags-wrap > a:hover,
  353.                            .notes a:hover,
  354.                             .copyright > a:hover,
  355.                              .tweet-text a:hover,
  356.                               .link .post-title:hover,
  357.                                .tweet-text a,
  358.                                 .post-title > a:hover,
  359.                                  .link-widget > .link-wrap:hover {
  360.                 color: {color:Links color};
  361.             }
  362.             .top-nav > li:hover, .top-nav > .drop-down:hover,
  363.              .menu-icon:hover, .menu-icon.active,
  364.               .ver-nav .top-nav-sl a:hover,
  365.                .top-nav .active, .top-nav .focus,
  366.                 .caption-title:after,
  367.                  .nav-next, .nav-previous,
  368.                   .timebar > .bar,
  369.                    .post-info .option-btn, .post-info .option-text,
  370.                     .button,
  371.                      .ft-label:after,
  372.                       .social-links > a > span:hover,
  373.                        .photoset-counter,
  374.                         .video-counter,
  375.                          .menu > li.active,
  376.                           .menu > li:hover,
  377.                            .lightbox-back {
  378.                 background-color: {color:Accent color};
  379.             }
  380.  
  381.             /*Scroll to Top button*/
  382.              a.internal.button {
  383.                 background-color: {color:Scroll to top button color};
  384.                 color: {color:Scroll to top text color};
  385.  
  386.                 }
  387.              a.internal.button:hover {
  388.                 background-color: {color:Scroll to top button hover color} !important;
  389.                 color: {color:Scroll to top text hover color};
  390.  
  391.  
  392.                 }
  393.  
  394.             .post-info .option-btn:hover, .post-info .option-text:hover{
  395.    background-color: {color:Accent color};
  396. }
  397.  
  398.  
  399.  
  400.             .menu > li:hover:first-child {
  401.                 background-color: transparent;
  402.             }
  403.             .top-nav-sl,
  404.              .menu > .active, .menu > .active:hover {
  405.                 border-color: {color:Accent color};
  406.             }
  407.             .menu-icon:after {
  408.                 border-bottom-color: {color:Accent color};
  409.             }
  410.             .menu-icon:hover > svg {
  411.                 fill: {color:Accent color};
  412.             }
  413.             /*Buttons text color - #f6f6f6*/
  414.             .button,
  415.              .nav-next,
  416.               .nav-previous,
  417.                .photoset-counter,
  418.                 .menu > li.active a,
  419.                  .menu > li.active:hover a,
  420.                   .menu > li:hover a,
  421.                    .menu > li.active span,
  422.                     .menu > li.active:hover span,
  423.                      .menu > li:hover span,
  424.                       .top-nav > li:hover > a,
  425.                        .top-nav > li:hover > i,
  426.                         .top-nav > li:hover > span,
  427.                          .lightbox-back,
  428.                           .post-info .option-text,
  429.                            .option-btn > .icon,
  430.                             .social-links > a > span:hover{
  431.                 color: {color:Buttons text color};
  432.             }
  433.  
  434.             .permalink{
  435.   margin-left:-5px
  436. }
  437.             .menu-icon:hover > svg,
  438.              .menu-icon.active > svg {
  439.                 fill: {color:Buttons text color};
  440.             }
  441.             /*Preload page background color - #282828*/
  442.             .loading-mask {
  443.                 background-color: {color:Loading page background color};
  444.             }
  445.             /*Preload page text color - #f6f6f6*/
  446.             .loading-mask {
  447.                 color: {color:Preload page text color};
  448.             }
  449.             /*Preload page css animation color - #f6f6f6*/
  450.             .css-preloader-01 .css-animation {
  451.                 border-left-color: rgba({RGBcolor:Loading page animation color},.1);
  452.                 border-right-color: rgba({RGBcolor:Loading page animation color},.1);
  453.                 border-bottom-color: rgba({RGBcolor:Loading page animation color},.1);
  454.                 border-top-color: rgba({RGBcolor:Loading page animation color},.8);
  455.             }
  456.             .css-preloader-02 .css-animation {
  457.               box-shadow: inset 0 0 0 20px {color:Loading page animation color};
  458.             }
  459.             /*Top menu background color - #282828 */
  460.             .top-bar,
  461.              .top-nav-sl,
  462.               .ver-nav,
  463.                .ver-nav .top-nav-sl > li {
  464.                 background-color: {color:Top menu background color};
  465.             }
  466.             /*Top menu text color - #eaeaea */
  467.             .page-title > a,
  468.              .top-nav > li > a,
  469.               .top-nav > li > i,
  470.                .top-nav > li > span,
  471.                 .top-nav-sl > li > a {
  472.                   color: {color:Top menu text color};
  473.             }
  474.             .menu-icon > svg {
  475.                 fill: {color:Top menu text color};
  476.             }
  477.             /*Top menu hover text color - #E02B20*/
  478.             .top-nav-sl > li > a:hover {
  479.                 color: {color:Top menu hover text color};
  480.             }
  481.             /*Top menu border color - #5555555*/
  482.             .top-nav > li > a,
  483.              .top-nav > li > span,
  484.               .ver-nav .top-nav-sl a {
  485.                 border-color: {color:Top menu border color};
  486.             }
  487.             /*Header captions title color - #e3e3e3*/
  488.             .caption > .caption-title {
  489.                 color: {color:Header captions title color};
  490.             }
  491.             /*Header captions text color - #e3e3e3*/
  492.             .caption > .caption-text {
  493.                 color: {color:Header captions text color};
  494.             }
  495.             /*Header overlay color - #000*/
  496.             .slides > .slide:after {
  497.                  background-color: rgba({RGBcolor:Header overlay color}, {text:Header image overlay opacity});
  498.             }
  499.  
  500.             /*Tag Menu Text Color - #bababa*/
  501.             .menu > li > span,
  502.              .menu > li > a {
  503.                 color: {color:Tag Menu Text Color};
  504.             }
  505.             /*Categories menu label color - #bababa*/
  506.             .menu > li:first-child span,
  507.              .menu > li:hover:first-child span {
  508.                 color: {color:Tag Menu Text Color};
  509.             }
  510.  
  511.             /*Posts background color - #242424 */
  512.             .post-wrapper,
  513.              .preloader,
  514.               .preloader::after,
  515.                .scrollable,
  516.                 .disqus,
  517.                  .notes,
  518.                   .lightbox-inner-wrap {
  519.                 background-color: {color:Blog background color};
  520.             }
  521.             .scrollable:after {
  522.                 background: -webkit-linear-gradient(top, rgba({RGBcolor:Blog background color},0) 0%, rgba({RGBcolor:Blog background color},1) 100%);
  523.                 background: linear-gradient(to bottom, rgba({RGBcolor:Blog background color},0) 0%, rgba({RGBcolor:Blog background color},1) 100%);
  524.             }
  525.             /*Posts text color - #ffffff */
  526.             .post .typography,
  527.              .disqus,
  528.               .notes,
  529.                .notes a,
  530.                 .index-question,
  531.                  .index-question > a,
  532.                   .quote-content > blockquote,
  533.                    .quote-content > blockquote > a,
  534.                     .visit-link,
  535.                      .chat-content,
  536.                       .tag-page,
  537.                        .search-page,
  538.                         .day-page,
  539.                          .exif-data {
  540.                 color: {color:Posts text color};
  541.             }
  542.             .post .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  543.                 background-color: rgba({RGBcolor:Posts text color}, 0.95);
  544.             }
  545.             .post .mCSB_scrollTools:hover .mCSB_dragger .mCSB_dragger_bar {
  546.                 background-color: rgba({RGBcolor:Posts text color}, 0.75);
  547.             }
  548.             .exif-data > ul {
  549.                 border-color: rgba({RGBcolor:Posts text color}, 0.5);
  550.             }
  551.             /*Posts title color - #E02B20*/
  552.             .post-title,
  553.              .post-title > a {
  554.                  color: {color:Posts title color};
  555.             }
  556.             /*Posts links color - #E02B20*/
  557.            .post .typography a {
  558.                  color: {color:Posts Links Color};
  559.             }
  560.  
  561.             /*Posts quotes background color - #363636*/
  562.             .typography blockquote {
  563.                 background-color: {color:Blog background color};
  564.             }
  565.             /*Posts quotes text color - #ffffff*/
  566.             .typography blockquote,
  567.              .typography blockquote h1,
  568.               .typography blockquote h2,
  569.                .typography blockquote h3,
  570.                 .typography blockquote h4,
  571.                  .typography blockquote h5,
  572.                   .typography blockquote h6 {
  573.                 color: {color:Posts text color};
  574.             }
  575.             /*Post hover overlay color - #E02B20*/
  576.             .post-meta::before {
  577.                 background-color: {color:Posts hover overlay color};
  578.             }
  579.             /*Post hover overlay text color - #ffffff*/
  580.             .post-meta,.title-name, .counters i,.counters a, .counters span {
  581.                 color: {color:Posts hover overlay text color};
  582.             }
  583.             /*Footer background color - #282828*/
  584.             .ft-wrap {
  585.                 background-color: {color:Footer background color};
  586.             }
  587.             /*Footer text color - #cecece*/
  588.             .ft-wrap .typography,
  589.              .link-widget > .link-wrap {
  590.                 color: {color:Footer text color};
  591.             }
  592.             /*Footer widgets labels color - #d8d8d8*/
  593.             .ft-label,
  594.              .about-title > div {
  595.                 color: {color:Footer widgets labels color};
  596.             }
  597.             /*Footer tweets background color - #202020*/
  598.             .tweets {
  599.                  background-color: {color:Footer tweets background color};
  600.             }
  601.             /*Footer tweets text color - #cecece*/
  602.             .tweet,
  603.              .tweet-date {
  604.                  color: {color:Footer tweets text color};
  605.             }
  606.             .tweets .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  607.                 background-color: rgba({RGBcolor:Footer tweets text color}, 0.95);
  608.             }
  609.             .tweets .mCSB_scrollTools:hover .mCSB_dragger .mCSB_dragger_bar {
  610.                 background-color: rgba({RGBcolor:Footer tweets text color}, 0.75);
  611.             }
  612.             /*Footer tweets link color- #E02B20*/
  613.             .tweet a,
  614.              .tweet a:hover {
  615.                  color: {color:Footer tweets link color};
  616.             }
  617.             /*Footer social icons background color - #555555*/
  618.             .social-links > a > span {
  619.                  background-color: {color:Footer social icons background color};
  620.             }
  621.             .about-title > img {
  622.                 border-color: {color:Footer social icons background color};
  623.             }
  624.             /*Footer social icons text color - #bababa*/
  625.             .social-links > a > span {
  626.                  color: {color:Footer social icons text color};
  627.             }
  628.  
  629.   /* CUSTOM CSS STARTS HERE */
  630.  .logo-section{
  631.   background-color:{color:Logo Section Background};
  632.   text-align:center
  633. }
  634. .categories-menu, .permalink-menu {
  635.     margin: 15px auto 40px;
  636.     text-align: center;
  637.     clear: both;
  638. }
  639. .logo-div a{
  640.   display:table;
  641.   margin:auto
  642. }
  643. .logo-div img{
  644.   max-width:100%;
  645.   padding:10px;
  646. }
  647. .main-menu,.navi ul{
  648.               background-color:{color:Menu Bar Background};
  649.           }
  650. a {
  651.   text-decoration: none;
  652. }
  653. .dd{
  654.     pointer-events: none;
  655.  
  656. }
  657.  
  658. .navi {
  659. font-family: {text:Custom Google Fonts NAME for Menu}, sans-serif;
  660.     font-weight:bold;
  661. }
  662.  
  663. .navi ul {
  664.     list-style: none;
  665.     text-align:center;
  666.     padding-left: 0;
  667.   display:inline-block;
  668. }
  669. .dropdown{
  670.     margin-top:0 !important;
  671. }
  672. .navi li {
  673.     color: {color:Menu Links color};
  674.     display: block;
  675.     float: left;
  676.     padding: 5px 0 0 0;
  677.   min-width: 5rem;
  678. text-align:center;
  679.     position: relative;
  680.     text-decoration: none;
  681.   transition-duration: 0.5s;
  682.     font-size:2.1875rem;
  683.     margin-right:20px;
  684.  
  685. }
  686.  
  687. .navi ul li ul{
  688.     margin-top:-15px;
  689. }
  690.   .navi ul li ul a{
  691.     color:  {color:Menu Links color};
  692.     display: block;
  693.     padding: 5px 15px;
  694.     min-width: 8rem !important;
  695.     position: relative;
  696.     text-decoration: none;
  697.   transition-duration: 0.5s;
  698.     font-size:1rem !Important;
  699.  
  700. }
  701. .navi .dd:after{
  702.   display: inline-block;
  703.     vertical-align: .150em;
  704.     content: "";
  705.     margin-left:5px;
  706.     border-top: .3em solid;
  707.     border-right: .3em solid transparent;
  708.     border-bottom: 0;
  709.     border-left: .3em solid transparent;
  710. }
  711. .navi li a,.navi li span {
  712.   color:  {color:Menu Links color};
  713. }
  714. .navi li:hover,
  715. .navi li:focus-within {
  716.     cursor: pointer;
  717. }
  718.  
  719. .navi li:focus-within a {
  720.   outline: none;
  721. }
  722.  
  723. .navi ul li ul {
  724.     background: {color:Menu Bar Background};
  725.     visibility: hidden;
  726.   opacity: 0;
  727.   min-width: 8rem;
  728.     position: absolute;
  729.   transition: all 0.5s ease;
  730.   margin-top: 1rem;
  731.     left: 0;
  732.   display: none;
  733.   z-index:9999;
  734.   text-align:left;
  735. }
  736.  
  737. .navi ul li:hover > ul,
  738. .navi ul li:focus-within > ul,
  739. .navi ul li ul:hover,
  740. .navi ul li ul:focus {
  741.    visibility: visible;
  742.    opacity: 1;
  743.    display: block;
  744. }
  745.  
  746. .navi ul li ul a {
  747.     clear: both;
  748.  
  749. }
  750.  
  751. .main-menu{
  752.   width:100%;
  753. }
  754. .main-menu{
  755. display:block;
  756. text-align:center;
  757. }
  758. .loadmore-div{
  759.   padding-bottom:20px;
  760. }
  761. .footer-section{
  762.   text-align:center;
  763.   padding:30px 0 50px 0;
  764.   font-family:'Rubik' !important
  765. }
  766. .typography h1,
  767. .typography h2,
  768. .typography h3,
  769. .typography h4{
  770.     color:{color:Posts title color};
  771.     font-weight:bold;
  772. }
  773. .typography ol>li::marker, .typography ul>li::marker{
  774.   font-weight:bold
  775. }
  776. .disclaimer-div h4{
  777.   padding:5px 10px;
  778.   color:{color:Disclaimer text color};
  779.   font-weight:bold;
  780.   display:inline;
  781.   background:{color:Disclaimer background color};
  782.   margin:auto;
  783.   border-radius:4px;
  784.   font-size:1.9rem;
  785.   margin:0 auto 10px auto;
  786.   box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
  787.  
  788.  
  789. }
  790. .disclaimer-div a{
  791.   display:block;
  792.   color:{color:Footer text color};
  793. }
  794. .copyright p{
  795.   line-height:0.5;
  796. }
  797.  
  798. .copyright{
  799.   padding:10px 0;
  800.   margin:15px 0 0 0;
  801.   background:transparent;
  802.   color:{color:Footer text color};
  803.  
  804. }
  805.  
  806. a, a:active, a:focus {
  807.    outline: none;
  808. }
  809. .disclaimer-div a,.copyright p{
  810.   font-size:18px;
  811. }
  812.  
  813.        .disclaimer-links li{
  814.     list-style:none;
  815.     display: table;
  816.     margin:auto;
  817. }
  818.  
  819.  
  820.         .disclaimer-links{
  821.   margin-top:10px
  822. }
  823.  
  824.  
  825. .footer-section p{
  826.   line-height:1.5
  827. }
  828. .tag-display{
  829.   display: none;
  830. }
  831. #loadmore{
  832.   border-radius:4px
  833. }
  834. .option-btn:hover > .icon,.post-info .option-btn:hover>i, .post-info .option-text:hover .label, .post-info .option-text:hover>i{
  835.   color:white !important
  836. }
  837.   .stats-content,.sts-info>div,.sts-info a,.stats-counters>a, .stats-counters>i, .stats-counters>span{
  838.   background:{color:Posts INFO background color} !Important;
  839.   color:{color:Posts INFO text color} !Important
  840. }
  841. .lightbox-back:hover,.bottom-nav a:hover, .bottom-nav span:hover, .pages-nav a:hover{
  842.      background:{color:Accent Color} !Important;
  843.   color:{color:Posts INFO text color} !Important
  844. }
  845.  .navi{
  846.      padding: .15rem 0rem;
  847.      box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
  848. }
  849. .logo-div{
  850.   padding:40px 0 20px 0;
  851. }
  852. .navi li{
  853.   margin-right:8px;
  854.   padding-left:2px
  855. }
  856. .navi .dd:after {
  857.   margin-left: 10px;
  858. }
  859.  
  860. .post-notes-btn{
  861.   max-width:140px;
  862.   margin:auto;
  863.   background:{color:Accent Color}
  864.   }
  865.  
  866.   .{text:TAG for Post TITLE without hover} .post-meta:before{
  867.       opacity: .{text:Posts hover overlay opacity out of 9} !important
  868.   }
  869. .hover .post-meta:before {
  870.     opacity: .{text:Posts hover overlay opacity out of 9} !important
  871.     }
  872.  
  873.   .{text:TAG for Post TITLE without hover} .post-meta:before{
  874.   visibility:visible
  875. }
  876.  
  877.   .{text:TAG for Post TITLE without hover} .title-and-category,.title-name, .title-name a {
  878.    opacity:1 !Important;
  879.   visibility:visible;
  880.   color: {color:Posts hover overlay text color} !important
  881. }
  882.   .menu>li{
  883.       background:{color:Tag Menu Background Color}
  884.   }
  885. .menu > li > span, .menu > li > a{
  886.  
  887.       color:{color:Tag Menu Text Color}
  888. }
  889.   .disclaimer-div a:hover{
  890.   text-decoration:underline;
  891.  
  892. }
  893.  
  894. .blog-title{
  895.   padding:100px 0 120px 0;
  896.   font-size:3rem;
  897. }
  898. .footer-section{
  899. background-color:{color:Footer background color};
  900. }
  901.  
  902. .footer-section p{
  903. color:{color:Footer text color};
  904. }
  905. .typography ol>li, .typography ul>li{
  906.   margin-bottom:20px
  907. }
  908. .typography a:hover {
  909.     opacity: 1;
  910. }
  911. .copyright p{
  912.   font-weight:bold;
  913.    font-size:16px;
  914. }
  915.  
  916. .copyright a{
  917.   color:{color:Copyright Link color};
  918. }
  919. .label a{
  920.   color:{color:Posts INFO text color}!important
  921. }
  922.  
  923. /*post permalink page*/
  924.   .permalink-page .sam-col-md-6 {
  925.     /* width: 33.33%; */
  926.     /* float: left; */
  927.     padding: 10px 10px;
  928.     box-sizing: border-box;
  929.     height: 500px;
  930.     overflow: hidden;
  931. }
  932. .sam-row {
  933.     display: flex;
  934.     flex-flow: wrap;
  935.     justify-content: center;
  936.     align-items: center;
  937. }
  938. .permalink-page .sam-col-md-6 img{
  939.   height: 500px;
  940.   width: 100%;
  941. }
  942. .permalink-page .photoset-grid {
  943.     display: flex;
  944.     flex-flow: wrap;
  945.     justify-content: center;
  946.   /* align-items: center; */
  947.  
  948. }
  949. .permalink-page .photoset-row.cols-1 {
  950.     width: 33.33%;
  951.     box-sizing: border-box;
  952.     padding: 10px;
  953.     height: height: auto !important;
  954. }
  955. .search-bar input {
  956. width: 200px;
  957. padding: 10px;
  958. outline: 0;
  959. border: unset;
  960. border-radius: 5px;
  961. }
  962. .search-bar .submit{
  963.   width:unset;
  964.   padding: 11px 20px;
  965.     border: unset;
  966.     border-radius: 5px;
  967.     color: white;
  968.     outline: 0;
  969.     background-color:{color:Accent color};
  970.     cursor:pointer;
  971. }
  972.  
  973. h1, h2, h3, h4, h5, .post-title, .post-title > a{
  974.     font-weight:bold !Important;
  975. }
  976. /*mobile screen and tablet screen*/
  977. @media only screen and (max-width: 768px) {
  978.   .permalink-page .sam-col-md-6 {
  979.     height: auto !important;
  980. }
  981. .permalink-page .sam-col-md-6 img{
  982.   height: auto !important;
  983. }
  984. }
  985.  
  986. .logo-div img {
  987.     padding: 0px;
  988. }
  989. body .loading-mask {
  990.   display:none !important;
  991. }
  992.  
  993.  
  994.   /* CUSTOM CSS ENDS HERE */
  995.  
  996.  
  997.   /* This is tumblr's custom css (Customize > Advanced > Custom CSS) */ {CustomCSS}
  998.  
  999.  
  1000.         </style>
  1001.         {block:IfGoogleAnalyticsID}
  1002.         <script>
  1003.           (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  1004.           (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  1005.           m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  1006.           })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  1007.           ga('create', '{text:Google analytics ID}', 'auto');
  1008.           ga('send', 'pageview');
  1009.         </script>
  1010.         {/block:IfGoogleAnalyticsID}
  1011.     </head>
  1012.     <body class="loading {select:Tumblr buttons}">
  1013.  
  1014.         <svg display="none" width="0" height="0" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink">
  1015.             <defs>
  1016.                 <symbol id="icon-menu" viewBox="0 0 1024 1024">
  1017.                     <title>menu</title>
  1018.                     <path class="path1" d="M224.646 194.016h574.708c15.565 0 28.183 12.618 28.183 28.183v64.308c0 15.565-12.618 28.183-28.183 28.183h-574.708c-15.565 0-28.183-12.618-28.183-28.183v-64.308c0-15.565 12.618-28.183 28.183-28.183z"></path>
  1019.                     <path class="path2" d="M224.646 451.663h574.708c15.565 0 28.183 12.618 28.183 28.183v64.308c0 15.565-12.618 28.183-28.183 28.183h-574.708c-15.565 0-28.183-12.618-28.183-28.183v-64.308c0-15.565 12.618-28.183 28.183-28.183z"></path>
  1020.                     <path class="path3" d="M224.646 709.309h574.708c15.565 0 28.183 12.618 28.183 28.183v64.308c0 15.565-12.618 28.183-28.183 28.183h-574.708c-15.565 0-28.183-12.618-28.183-28.183v-64.308c0-15.565 12.618-28.183 28.183-28.183z"></path>
  1021.                 </symbol>
  1022.             </defs>
  1023.         </svg>
  1024.  
  1025.         <div class="loading-mask {select:Loading page animation}">
  1026.             <div class="load-msg">{text:Loading page text}</div>
  1027.             <div class="css-animation"></div>
  1028.         </div>
  1029.  
  1030.  
  1031.     {block:ifNotHideTopMenuBar}
  1032.       <div class="main-menu"><nav role="navigation"  class="navi">
  1033.   <ul>
  1034.  
  1035.    {block:ifFirstDropdownTitle}
  1036.    <li><a href="#" aria-haspopup="true" class="dd">{text:First Dropdown Title}</a>
  1037.       <ul class="dropdown" aria-label="submenu">
  1038.  
  1039.         {block:IfFirstDropdownSubmenu1Title}<a href="{Text:First Dropdown Submenu 1 Link}">{Text:First Dropdown Submenu 1 Title}</a>{/block:IfFirstDropdownSubmenu1Title}
  1040.  
  1041.         {block:IfFirstDropdownSubmenu2Title}<a href="{Text:First Dropdown Submenu 2 Link}">{Text:First Dropdown Submenu 2 Title}</a>{/block:IfFirstDropdownSubmenu2Title}
  1042.  
  1043.         {block:IfFirstDropdownSubmenu3Title}<a href="{Text:First Dropdown Submenu 3 Link}">{Text:First Dropdown Submenu 3 Title}</a>{/block:IfFirstDropdownSubmenu3Title}
  1044.  
  1045.         {block:IfFirstDropdownSubmenu4Title}<a href="{Text:First Dropdown Submenu 4 Link}">{Text:First Dropdown Submenu 4 Title}</a>{/block:IfFirstDropdownSubmenu4Title}
  1046.  
  1047.         {block:IfFirstDropdownSubmenu5Title}<a href="{Text:First Dropdown Submenu 5 Link}">{Text:First Dropdown Submenu 5 Title}</a>{/block:IfFirstDropdownSubmenu5Title}
  1048.  
  1049.         {block:IfFirstDropdownSubmenu6Title}<a href="{Text:First Dropdown Submenu 6 Link}">{Text:First Dropdown Submenu 6 Title}</a>{/block:IfFirstDropdownSubmenu6Title}
  1050.  
  1051.         {block:IfFirstDropdownSubmenu7Title}<a href="{Text:First Dropdown Submenu 7 Link}">{Text:First Dropdown Submenu 7 Title}</a>{/block:IfFirstDropdownSubmenu7Title}
  1052.  
  1053.         {block:IfFirstDropdownSubmenu8Title}<a href="{Text:First Dropdown Submenu 8 Link}">{Text:First Dropdown Submenu 8 Title}</a>{/block:IfFirstDropdownSubmenu8Title}
  1054.  
  1055.         {block:IfFirstDropdownSubmenu9Title}<a href="{Text:First Dropdown Submenu 9 Link}">{Text:First Dropdown Submenu 9 Title}</a>{/block:IfFirstDropdownSubmenu9Title}
  1056.  
  1057.         {block:IfFirstDropdownSubmenu10Title}<a href="{Text:First Dropdown Submenu 10 Link}">{Text:First Dropdown Submenu 10 Title}</a>{/block:IfFirstDropdownSubmenu10Title}
  1058.  
  1059.       </ul>
  1060.     </li>
  1061.     {/block:ifFirstDropdownTitle}
  1062.  
  1063.        {block:ifSecondDropdownTitle}
  1064.    <li><a href="#" aria-haspopup="true" class="dd">{text:Second Dropdown Title}</a>
  1065.       <ul class="dropdown" aria-label="submenu">
  1066.  
  1067.         {block:IfSecondDropdownSubmenu1Title}<a href="{Text:Second Dropdown Submenu 1 Link}">{Text:Second Dropdown Submenu 1 Title}</a>{/block:IfSecondDropdownSubmenu1Title}
  1068.  
  1069.         {block:IfSecondDropdownSubmenu2Title}<a href="{Text:Second Dropdown Submenu 2 Link}">{Text:Second Dropdown Submenu 2 Title}</a>{/block:IfSecondDropdownSubmenu2Title}
  1070.  
  1071.         {block:IfSecondDropdownSubmenu3Title}<a href="{Text:Second Dropdown Submenu 3 Link}">{Text:Second Dropdown Submenu 3 Title}</a>{/block:IfSecondDropdownSubmenu3Title}
  1072.  
  1073.         {block:IfSecondDropdownSubmenu4Title}<a href="{Text:Second Dropdown Submenu 4 Link}">{Text:Second Dropdown Submenu 4 Title}</a>{/block:IfSecondDropdownSubmenu4Title}
  1074.  
  1075.         {block:IfSecondDropdownSubmenu5Title}<a href="{Text:Second Dropdown Submenu 5 Link}">{Text:Second Dropdown Submenu 5 Title}</a>{/block:IfSecondDropdownSubmenu5Title}
  1076.  
  1077.  
  1078.         {block:IfSecondDropdownSubmenu6Title}<a href="{Text:Second Dropdown Submenu 6 Link}">{Text:Second Dropdown Submenu 6 Title}</a>{/block:IfSecondDropdownSubmenu6Title}
  1079.  
  1080.         {block:IfSecondDropdownSubmenu7Title}<a href="{Text:Second Dropdown Submenu 7 Link}">{Text:Second Dropdown Submenu 7 Title}</a>{/block:IfSecondDropdownSubmenu7Title}
  1081.  
  1082.         {block:IfSecondDropdownSubmenu8Title}<a href="{Text:Second Dropdown Submenu 8 Link}">{Text:Second Dropdown Submenu 8 Title}</a>{/block:IfSecondDropdownSubmenu8Title}
  1083.  
  1084.         {block:IfSecondDropdownSubmenu9Title}<a href="{Text:Second Dropdown Submenu 9 Link}">{Text:Second Dropdown Submenu 9 Title}</a>{/block:IfSecondDropdownSubmenu9Title}
  1085.  
  1086.         {block:IfSecondDropdownSubmenu10Title}<a href="{Text:Second Dropdown Submenu 10 Link}">{Text:Second Dropdown Submenu 10 Title}</a>{/block:IfSecondDropdownSubmenu10Title}
  1087.  
  1088.       </ul>
  1089.     </li>
  1090.     {/block:ifSecondDropdownTitle}
  1091.  
  1092.  
  1093.  
  1094.  
  1095.  
  1096.   </ul>
  1097. </nav>
  1098.    </div>
  1099.     {/block:ifNotHideTopMenuBar}
  1100.         <section class="logo-section">
  1101.  
  1102.          <a href="/">
  1103.  
  1104.                     {block:IfUseLogoImage}
  1105.                       <div class="logo-div">
  1106. <a href="{text:Logo Link}"><img src="{image:Logo}"></a>
  1107.              </div>
  1108.                     {/block:IfUseLogoImage}
  1109.  
  1110.  
  1111.                      {block:IfNotUseLogoImage}
  1112.  
  1113.                 <h1 class="blog-title"><a href="{text:Logo Link}">{title}</a></h1>
  1114.                     {/block:IfNotUseLogoImage}
  1115.  
  1116.  
  1117.                 </a>
  1118.  
  1119.         <!--
  1120.        {block:ifNoLogo}
  1121.        <h1 class="title"><a href="{text:Logo Link}">{title}</a></h1>
  1122.        {/block:ifNoLogo}
  1123.  
  1124.        {block:ifLogo}
  1125.            <div class="logo-div">
  1126. <a href="{text:Logo Link}"><img src="{image:Logo}"></a>
  1127.             </div>
  1128.  
  1129.        {/block:ifLogo}
  1130.            --->
  1131.  
  1132.             {block:ifSearchButton}
  1133.             <section class='search-bar page-width' align='center'>
  1134.               <form action="/search" method="get">
  1135.                 <input type="text" name="q" value="{SearchQuery}"/>
  1136.                 <input type="submit" class='submit' value="Search"/>
  1137.               </form>
  1138.             </section>
  1139.             {/block:ifSearchButton}
  1140.  
  1141.  
  1142.         </section>
  1143.  
  1144.  
  1145.  
  1146.  
  1147.  
  1148.  
  1149.                <section class="categories-menu page-width {block:ifHideTagMenu} tag-display {/block:ifHideTagMenu} {select:Categories menu}   {block:PermalinkPage} post-p  {/block:PermalinkPage} {block:TagPage} tag-p{/block:TagPage}{block:DayPage} disabled{/block:DayPage}">
  1150.  
  1151.                <ul id="categories" class="menu">
  1152.                 <li><span>{text:Categories menu label 1}</span><span>{text:Categories menu label 2}</span></li>
  1153.                 <li class="active"><a href="/">{text:Categories menu all posts}</a><span>{text:Categories menu all posts}</span></li>{block:IfCategory1taglabel}
  1154.                 <li><a href="/tagged/{text:Category 1 tag link}">{text:Category 1 tag label}</a><span>{text:Category 1 tag link}</span></li>{/block:IfCategory1taglabel}{block:IfCategory2taglabel}
  1155.                   <li><a href="/tagged/{text:Category 2 tag link}">{text:Category 2 tag label}</a><span>{text:Category 2 tag link}</span></li>{/block:IfCategory2taglabel}{block:IfCategory3taglabel}
  1156.                   <li><a href="/tagged/{text:Category 3 tag link}">{text:Category 3 tag label}</a><span>{text:Category 3 tag link}</span></li>{/block:IfCategory3taglabel}{block:IfCategory4taglabel}
  1157.                   <li><a href="/tagged/{text:Category 4 tag link}">{text:Category 4 tag label}</a><span>{text:Category 4 tag link}</span></li>{/block:IfCategory4taglabel}{block:IfCategory5taglabel}
  1158.                   <li><a href="/tagged/{text:Category 5 tag link}">{text:Category 5 tag label}</a><span>{text:Category 5 tag link}</span></li>{/block:IfCategory5taglabel}{block:IfCategory6taglabel}
  1159.                   <li><a href="/tagged/{text:Category 6 tag link}">{text:Category 6 tag label}</a><span>{text:Category 6 tag link}</span></li>{/block:IfCategory6taglabel}{block:IfCategory7taglabel}
  1160.                   <li><a href="/tagged/{text:Category 7 tag link}">{text:Category 7 tag label}</a><span>{text:Category 7 tag link}</span></li>{/block:IfCategory7taglabel}{block:IfCategory8taglabel}
  1161.                   <li><a href="/tagged/{text:Category 8 tag link}">{text:Category 8 tag label}</a><span>{text:Category 8 tag link}</span></li>{/block:IfCategory8taglabel}{block:IfCategory9taglabel}
  1162.                   <li><a href="/tagged/{text:Category 9 tag link}">{text:Category 9 tag label}</a><span>{text:Category 9 tag link}</span></li>{/block:IfCategory9taglabel}{block:IfCategory10taglabel}
  1163.                   <li><a href="/tagged/{text:Category 10 tag link}">{text:Category 10 tag label}</a><span>{text:Category 10 tag link}</span></li>{/block:IfCategory10taglabel}{block:IfCategory11taglabel}
  1164.                   <li><a href="/tagged/{text:Category 11 tag link}">{text:Category 11 tag label}</a><span>{text:Category 11 tag link}</span></li>{/block:IfCategory11taglabel}{block:IfCategory12taglabel}
  1165.                   <li><a href="/tagged/{text:Category 12 tag link}">{text:Category 12 tag label}</a><span>{text:Category 12 tag link}</span></li>{/block:IfCategory12taglabel}{block:IfCategory13taglabel}
  1166.                   <li><a href="/tagged/{text:Category 13 tag link}">{text:Category 13 tag label}</a><span>{text:Category 13 tag link}</span></li>{/block:IfCategory13taglabel}{block:IfCategory14taglabel}
  1167.                   <li><a href="/tagged/{text:Category 14 tag link}">{text:Category 14 tag label}</a><span>{text:Category 14 tag link}</span></li>{/block:IfCategory14taglabel}{block:IfCategory15taglabel}
  1168.                   <li><a href="/tagged/{text:Category 15 tag link}">{text:Category 15 tag label}</a><span>{text:Category 15 tag link}</span></li>{/block:IfCategory15taglabel}
  1169.  
  1170.  
  1171.  
  1172.               </ul>
  1173.  
  1174.                 </section>
  1175.  
  1176.  
  1177.  
  1178.  
  1179.  
  1180.  
  1181.  
  1182.         {block:IndexPage}
  1183.         {block:TagPage}
  1184.         <section class="tag-page">
  1185.             <span>{lang:TagResultCount posts tagged Tag 2}</span>
  1186.         </section>
  1187.         {/block:TagPage}
  1188.         {block:SearchPage}
  1189.         <section class="search-page">
  1190.             <span>{lang:SearchResultCount results for SearchQuery 2}</span>
  1191.         </section>
  1192.         {/block:SearchPage}
  1193.         {block:DayPage}
  1194.         <section class="day-page">
  1195.             <span>{lang:Viewing everything posted on Month DayOfMonth Year}</span>
  1196.         </section>
  1197.         {/block:DayPage}
  1198.  
  1199.  
  1200.  
  1201.         {/block:IndexPage}
  1202.  
  1203.         <section class="content {select:Posts container max width} {block:PermalinkPage}content-pp{/block:PermalinkPage}">
  1204.             <div class="content-wrap {select:Space between posts}">
  1205.  
  1206.                 <div id="posts" class="posts {block:IndexPage}{select:Posts columns number}{/block:IndexPage} {block:PermalinkPage}col-md-12{/block:PermalinkPage} {select:Posts aspect ratio} {block:PermalinkPage}permalink-page{/block:PermalinkPage}">
  1207.  
  1208.                     {block:Posts inlineMediaWidth="1200"}
  1209.                     <article data-tags="{TagsAsClasses}" data-postID="{PostID}" class="{TagsAsClasses} post sam {block:Caption}has-caption{/block:Caption} {block:PermalinkPage} permalink-post{/block:PermalinkPage}{block:Text} text{/block:Text}{block:Photo} photo{/block:Photo}{block:Panorama} panorama{/block:Panorama}{block:Photoset} photoset{/block:Photoset}{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} question{/block:Answer}">
  1210.  
  1211.                         <div class="post-wrapper {select:Post on click} {block:IfNotShowScrollbarsForLongPosts}no-scrollbar{/block:IfNotShowScrollbarsForLongPosts}">
  1212.  
  1213.                             {block:Text}
  1214.                                 {block:IndexPage}
  1215.                                 <div class="scrollable">
  1216.                                   {block:IfPostHasSyndication}
  1217.                                   <div class="post-syndication-wrap">
  1218.                                     <a href="{Permalink}" class="syndication-permalink " >
  1219.  
  1220.                                     {/block:IfPostHasSyndication}
  1221.  
  1222.  
  1223.                                     {block:Title}
  1224.                                     <div class="post-title">
  1225.                                         <a href="{Permalink}" class="post-permalink">
  1226.                                             {Title}
  1227.                                         </a>
  1228.                                         <a href="#" class="post-lightbox" data-postURL="{Permalink}">
  1229.                                             {Title}
  1230.                                         </a>
  1231.                                     </div>
  1232.                                     {/block:Title}
  1233.                                     <div class="post-text typography">
  1234.                                       <a href="{Permalink}" class="post-permalink">
  1235.                                         {Body}
  1236.                                       </a>
  1237.                                     </div>
  1238.                                     {block:IfPostHasSyndication}
  1239.                                     </a>
  1240.                                   </div>
  1241.                                   {/block:IfPostHasSyndication}
  1242.                                 </div>
  1243.                                 {/block:IndexPage}
  1244.                                 {block:PermalinkPage}
  1245.                                     {block:Title}
  1246.                                     <div class="post-title sam-post">{Title}</div>
  1247.                                     {/block:Title}
  1248.                                     <div class="post-text typography">
  1249.                                         {Body}
  1250.                                     </div>
  1251.                                 {/block:PermalinkPage}
  1252.                             {/block:Text}
  1253.  
  1254.                             {block:Photo}
  1255.                                 {block:IndexPage}
  1256.                                     <div class="preloader"></div>
  1257.                                     <div class="photo-cover" style="background-image: url({PhotoURL-HighRes})"></div>
  1258.                                 {/block:IndexPage}
  1259.                                 {block:PermalinkPage}
  1260.                                     {LinkOpenTag}<img src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" alt="{PhotoAlt}">{LinkCloseTag}
  1261.                                 {/block:PermalinkPage}
  1262.                             {/block:Photo}
  1263.  
  1264.                             {block:Panorama}
  1265.                                 {block:IndexPage}
  1266.                                     <div class="preloader"></div>
  1267.                                     <div class="photo-cover" style="background-image: url({PhotoURL-Panorama})"></div>
  1268.                                 {/block:IndexPage}
  1269.                                 {block:PermalinkPage}
  1270.                                     {LinkOpenTag}<img src="{PhotoURL-Panorama}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" alt="{PhotoAlt}">{LinkCloseTag}
  1271.                                 {/block:PermalinkPage}
  1272.                             {/block:Panorama}
  1273.  
  1274.                             {block:Photoset}
  1275.                                 {block:IndexPage}
  1276.                                     {block:Photos}
  1277.                                         <div class="photo-cover" style="background-image: url({PhotoURL-HighRes})"></div>
  1278.                                     {/block:Photos}
  1279.                                     <div class="photoset-counter"><i class="icon-picture-stack"></i><span>{PhotoCount}</span></div>
  1280.                                     <div class="preloader"></div>
  1281.                                 {/block:IndexPage}
  1282.                                 {block:PermalinkPage}
  1283.                                     <div class="photoset-grid" data-layout="{PhotosetLayout}" data-id="photoset{PostID}">
  1284.                                         {block:Photos}
  1285.                                           <img src="{PhotoURL-500}"
  1286.                                            {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes}
  1287.                                            width="{PhotoWidth-500}" height="{PhotoHeight-500}"
  1288.                                            {block:Caption}alt="{Caption}"{/block:caption} />
  1289.                                         {/block:Photos}
  1290.                                     </div>
  1291.                                 {/block:PermalinkPage}
  1292.                             {/block:Photoset}
  1293.  
  1294.                             {block:Quote}
  1295.                                 {block:IndexPage}
  1296.                                 <div class="scrollable">
  1297.                                 {/block:IndexPage}
  1298.                                     <div class="quote-content">
  1299.                                         <blockquote>
  1300.                                             {block:IndexPage}
  1301.                                              <a href="{Permalink}" class="post-permalink">
  1302.                                                 {Quote}
  1303.                                             </a>
  1304.                                             <a href="#" class="post-lightbox" data-postURL="{Permalink}">
  1305.                                                 {Quote}
  1306.                                             </a>
  1307.                                             {/block:IndexPage}
  1308.                                             {block:PermalinkPage}
  1309.                                                 {Quote}
  1310.                                             {/block:PermalinkPage}
  1311.                                         </blockquote>
  1312.                                     </div>
  1313.                                     {block:Source}
  1314.                                     <div class="source post-text typography">- {Source}</div>
  1315.                                     {/block:Source}
  1316.                                 {block:IndexPage}
  1317.                                 </div>
  1318.                                 {/block:IndexPage}
  1319.                             {/block:Quote}
  1320.  
  1321.                             {block:Link}
  1322.                                 {block:IndexPage}
  1323.                                 <div class="scrollable">
  1324.                                 {/block:IndexPage}
  1325.                                     <div class="post-title">
  1326.                                         <a href="{Permalink}" class="post-permalink">
  1327.                                             {Name}
  1328.                                         </a>
  1329.                                         <a href="#" class="post-lightbox" data-postURL="{Permalink}">
  1330.                                             {Name}
  1331.                                         </a>
  1332.                                     </div>
  1333.                                     <a class="visit-link"href="{URL}" title="{URL}">
  1334.                                         <i class="icon-permalink"></i>
  1335.                                         <span>Visit this link</span>
  1336.                                     </a>
  1337.                                     {block:Description}
  1338.                                     <div class="post-text typography">
  1339.                                         {Description}
  1340.                                     </div>
  1341.                                     {/block:Description}
  1342.                                 {block:IndexPage}
  1343.                                 </div>
  1344.                                 {/block:IndexPage}
  1345.                             {/block:Link}
  1346.  
  1347.                             {block:Chat}
  1348.                                 {block:IndexPage}
  1349.                                 <div class="scrollable">
  1350.                                 {/block:IndexPage}
  1351.                                     {block:Title}
  1352.                                     <div class="post-title">
  1353.                                         <a href="{Permalink}" class="post-permalink">
  1354.                                             {Title}
  1355.                                         </a>
  1356.                                         <a href="#" class="post-lightbox" data-postURL="{Permalink}">
  1357.                                             {Title}
  1358.                                         </a>
  1359.                                     </div>
  1360.                                     {/block:Title}
  1361.                                     <ul class="chat-content">
  1362.                                         {block:Lines}
  1363.                                             <li class="{Alt} user_{UserNumber}">
  1364.                                                 {block:Label}
  1365.                                                     <span class="label">{Label}</span>
  1366.                                                 {/block:Label}{Line}
  1367.                                             </li>
  1368.                                         {/block:Lines}
  1369.                                     </ul>
  1370.                                 {block:IndexPage}
  1371.                                 </div>
  1372.                                 {/block:IndexPage}
  1373.                             {/block:Chat}
  1374.  
  1375.                             {block:Audio}
  1376.                                 <div class="audio-wrapper post-wrapper">{AudioEmbed-640}</div>
  1377.                             {/block:Audio}
  1378.  
  1379.                             {block:Video}
  1380.                                 {block:IndexPage}
  1381.                                 <div class="video-player">
  1382.                                     {Video-700}
  1383.                                 </div>
  1384.                                 {/block:IndexPage}
  1385.                                 {block:PermalinkPage}
  1386.                                 <div class="video-wrapper">
  1387.                                     {Video-700}
  1388.                                 </div>
  1389.                                 {/block:PermalinkPage}
  1390.                             {/block:Video}
  1391.  
  1392.                             {block:Answer}
  1393.                                 {block:IndexPage}
  1394.                                 <div class="scrollable">
  1395.                                     <div class="index-question">
  1396.                                         <a href="{Permalink}" class="post-permalink">
  1397.                                             {Question}
  1398.                                         </a>
  1399.                                         <a href="#" class="post-lightbox" data-postURL="{Permalink}">
  1400.                                             {Question}
  1401.                                         </a>
  1402.                                     </div>
  1403.                                 {/block:IndexPage}
  1404.                                 {block:PermalinkPage}
  1405.                                     <div class="index-question">
  1406.                                         {Question}
  1407.                                     </div>
  1408.                                 {/block:PermalinkPage}
  1409.                                     {block:Answerer}
  1410.                                     <div class="first-answer post-text typography">
  1411.                                         {Answerer}:
  1412.                                         <blockquote class="answerer-answer">
  1413.                                             {Answer}
  1414.                                         </blockquote>
  1415.                                     </div>
  1416.                                     {/block:Answerer}
  1417.                                     <div class="replies post-text typography">
  1418.                                         {Replies}
  1419.                                     </div>
  1420.                                 {block:IndexPage}
  1421.                                 </div>
  1422.                                 {/block:IndexPage}
  1423.                             {/block:Answer}
  1424.  
  1425.                             {block:IndexPage}
  1426.                             <div class="post-meta {select:Post on click}
  1427.                                {block:Text}disabled{/block:Text}
  1428.                                {block:Chat}disabled{/block:Chat}
  1429.                                {block:Link}disabled{/block:Link}
  1430.                                {block:Quote}disabled{/block:Quote}
  1431.                                {block:Answer}disabled{/block:Answer}">
  1432.                                 <div class="title-and-category">
  1433.                                     <div class="title-name {block:IfNotShowPostsTitle} disabled{/block:IfNotShowPostsTitle}"></div>
  1434.                                     <div class="category-name {block:IfNotShowPostsCategory} disabled{/block:IfNotShowPostsCategory}">{PostType}</div>
  1435.                                 </div>
  1436.                                 <div class="counters {block:IfNotShowPostsNotesAndCommentsCounters} disabled{/block:IfNotShowPostsNotesAndCommentsCounters}">
  1437.                                     <i class="icon-heart"></i><span class="counter-num">{NoteCountWithLabel}</span>
  1438.                                     {block:IfDisqusShortname}
  1439.                                     <i class="icon-comments"></i><a class="counter-num" href="{Permalink}#disqus_thread">0 Comments</a>
  1440.                                     {/block:IfDisqusShortname}
  1441.                                 </div>
  1442.                                 <a class="post-permalink" href="{Permalink}"></a>
  1443.                                 <a class="post-lightbox" data-postURL="{Permalink}" href="#"></a>
  1444.                             </div>
  1445.                             {/block:IndexPage}
  1446.  
  1447.                             {block:Caption}
  1448.                             <div class="post-text typography {block:IndexPage}disabled{/block:IndexPage}">
  1449.                                 {Caption}
  1450.                             </div>
  1451.                             {/block:Caption}
  1452.  
  1453.                             {block:PermalinkPage}
  1454.                             {block:IfShowExifData}{block:Exif}
  1455.                             <div class="exif-data">
  1456.                                 <ul>{block:Camera}
  1457.                                     <li>Camera: {Camera}</li>{/block:Camera}{block:Aperture}
  1458.                                     <li>Aperture: {Aperture}</li>{/block:Aperture}{block:Exposure}
  1459.                                     <li>Exposure: {Exposure}</li>{/block:Exposure}{block:FocalLength}
  1460.                                     <li>Focal Length: {FocalLength}</li>{/block:FocalLength}
  1461.                                 </ul>
  1462.                             </div>
  1463.                             {/block:Exif}{/block:IfShowExifData}
  1464.                             {/block:PermalinkPage}
  1465.  
  1466.                             {block:PermalinkPage}
  1467.                             <div class="post-info">
  1468.                                 <div class="page-width">
  1469.                                     <div class="wrapper">
  1470.                                         <div id="stats-btn" class="stats option-text">
  1471.                                             <i class="icon-info"></i>
  1472.                                             <div class="label">Info</div>
  1473.                                             <div class="stats-wrap">
  1474.                                                 <div class="stats-content">
  1475.                                                     <div class="type">
  1476.                                                         <i class="icon-{block:Text}text{/block:Text}{block:Photo}picture{/block:Photo}{block:Panorama}picture{/block:Panorama}{block:Photoset}picture{/block:Photoset}{block:Quote}quotes{/block:Quote}{block:Link}permalink{/block:Link}{block:Chat}comments{/block:Chat}{block:Audio}music{/block:Audio}{block:Video}movie{/block:Video}{block:Answer}question{/block:Answer}"></i>
  1477.                                                         <span>{PostType}</span>
  1478.                                                     </div>
  1479.                                                     <div class="sts-info">
  1480.                                                         <div>Posted on:<a href="{blogURL}day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{DayOfMonth} {ShortMonth}, {Year}</a></div>
  1481.                                                         {block:Answer}
  1482.                                                         <div>Asked by:{Asker}</div>
  1483.                                                         {/block:Answer}
  1484.                                                         {block:Submission}
  1485.                                                         <div>Submitted by:<a href="{SubmitterURL}">{Submitter}</a></div>
  1486.                                                         {/block:Submission}
  1487.                                                         {block:RebloggedFrom}
  1488.                                                         <div>Rebloged from:<a href="{ReblogParentURL}">{ReblogParentName}</a></div>
  1489.                                                         {/block:RebloggedFrom}
  1490.                                                         {block:ContentSource}
  1491.                                                         <div>{lang:Source}:<a href="{SourceURL}">{SourceTitle}</a></div>
  1492.                                                         {/block:ContentSource}
  1493.                                                     </div>
  1494.                                                     <div class="stats-counters">
  1495.                                                         <i class="icon-heart"></i><span class="counter-num">{NoteCountWithLabel}</span>
  1496.                                                         {block:IfDisqusShortname}
  1497.                                                         <i class="icon-comments"></i><a class="counter-num" href="{Permalink}#disqus_thread">0 Comments</a>
  1498.                                                         {/block:IfDisqusShortname}
  1499.                                                     </div>
  1500.                                                 </div>
  1501.                                             </div>
  1502.                                         </div><div class="option-btn">
  1503.                                             <i class="icon icon-like"></i>
  1504.                                             <i class="icon icon-heart"></i>
  1505.                                             {LikeButton size="16"}
  1506.                                         </div><a href="{ReblogURL}" class="option-btn">
  1507.                                             <i class="icon icon-reblog"></i>
  1508.                                         </a>{block:IfFacebookShareButton}<div class="option-btn" onClick="window.open('https://www.facebook.com/sharer/sharer.php?u={Permalink}&t={URLEncodedTitle}', 'facebook_share', 'height=320, width=640, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no');">
  1509.                                             <i class="icon icon-facebook"></i>
  1510.                                         </div>{/block:IfFacebookShareButton}{block:IfTwitterShareButton}<div class="option-btn" onClick="window.open('https://twitter.com/share?text={URLEncodedTitle}&url={Permalink}', 'twitter_share', 'height=320, width=640, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no');">
  1511.                                             <i class="icon icon-twitter"></i>
  1512.                                         </div>{/block:IfTwitterShareButton}{block:IfGooglePlusShareButton}<div class="option-btn" onClick="window.open('https://plus.google.com/share?url={ShortURL}', 'google_plus_share', 'height=320, width=500, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no');">
  1513.                                             <i class="icon icon-google-plus"></i>
  1514.                                         </div>{/block:IfGooglePlusShareButton}{block:HasTags}<div id="tags-btn" class="tags option-text">
  1515.                                             <i class="icon-tag"></i>
  1516.                                             <div class="label">Tags</div>
  1517.                                             <div class="tags-wrap">
  1518.                                                 {block:Tags}<a href="{TagURL}"><i class="icon-tag"></i><span>{Tag}</span></a>{/block:Tags}
  1519.                                             </div>
  1520.                                         </div>{/block:HasTags}
  1521.  
  1522.  
  1523.                                         <div class="option-text permalink">
  1524.                                             <i class="icon-tag"></i>
  1525.                                             <div class="label"><a href="{permalink}">Permalink</a></div>
  1526.                                         </div>
  1527.  
  1528.  
  1529.  
  1530.                                     </div>
  1531.                                 </div>
  1532.                             </div>
  1533.                             {/block:PermalinkPage}
  1534.  
  1535.                             {block:PermalinkPage}
  1536.                             {block:IfDisqusShortname}
  1537.                                 <div id="disqus_thread" class="disqus {block:IndexPage} disabled{/block:IndexPage}"></div>
  1538.                             {/block:IfDisqusShortname}
  1539.                             {block:PostNotes}
  1540.                             <div class="post-notes-wrap">
  1541.                                 <div class="post-notes-btn toggle-parent">{text:Show post notes text}</div>
  1542.                                 {PostNotes-64}
  1543.                             </div>
  1544.                             {/block:PostNotes}
  1545.                             {/block:PermalinkPage}
  1546.  
  1547.                         </div>
  1548.  
  1549.                     </article>
  1550.  
  1551.                     {/block:Posts}
  1552.  
  1553.                </div>
  1554.             </div>
  1555.         </section>
  1556.  
  1557.         <section class="bottom-nav page-width">
  1558.             {block:IndexPage}
  1559.             <span id="more-posts" class="button">{lang:Load more posts}</span>
  1560.             {/block:IndexPage}
  1561.             {block:PermalinkPagination}
  1562.             <div class="pages-nav">
  1563.                 {block:NextPost}<a href="{NextPost}" class="button">{lang:Previous post}</a>{/block:NextPost}
  1564.                 {block:PreviousPost}<a href="{PreviousPost}" class="button">{lang:Next post}</a>{/block:PreviousPost}
  1565.             </div>
  1566.             {/block:PermalinkPagination}
  1567.  
  1568.             {block:ifBacktotop}
  1569.             <div class="top-btn">
  1570.                 <a class="internal button" href="#top">{text:Scroll top button text}</a>
  1571.             </div>
  1572.             {/block:ifBacktotop}
  1573.  
  1574.         </section>
  1575.  
  1576. <section class="footer-section">
  1577.  
  1578.    <div class="disclaimer-div">
  1579.    <h4>{text:Disclaimer label}</h4>
  1580.    <div class="disclaimer-links">
  1581.  
  1582.      {block:IfFooterMenuLabel1}<li><a href="{Text:Footer Menu Link 1}">{Text:Footer Menu Label 1}</a></li>{/block:IfFooterMenuLabel1}
  1583.      {block:IfFooterMenuLabel2}<li><a href="{Text:Footer Menu Link 2}">{Text:Footer Menu Label 2}</a></li>{/block:IfFooterMenuLabel2}
  1584.      {block:IfFooterMenuLabel3}<li><a href="{Text:Footer Menu Link 3}">{Text:Footer Menu Label 3}</a></li>{/block:IfFooterMenuLabel3}
  1585.      {block:IfFooterMenuLabel4}<li><a href="{Text:Footer Menu Link 4}">{Text:Footer Menu Label 4}</a></li>{/block:IfFooterMenuLabel4}
  1586.      {block:IfFooterMenuLabel5}<li><a href="{Text:Footer Menu Link 5}">{Text:Footer Menu Label 5}</a></li>{/block:IfFooterMenuLabel5}
  1587.      {block:IfFooterMenuLabel6}<li><a href="{Text:Footer Menu Link 6}">{Text:Footer Menu Label 6}</a></li>{/block:IfFooterMenuLabel6}
  1588.      {block:IfFooterMenuLabel7}<li><a href="{Text:Footer Menu Link 7}">{Text:Footer Menu Label 7}</a></li>{/block:IfFooterMenuLabel7}
  1589.      {block:IfFooterMenuLabel8}<li><a href="{Text:Footer Menu Link 8}">{Text:Footer Menu Label 8}</a></li>{/block:IfFooterMenuLabel8}
  1590.      {block:IfFooterMenuLabel9}<li><a href="{Text:Footer Menu Link 9}">{Text:Footer Menu Label 9}</a></li>{/block:IfFooterMenuLabel9}
  1591.      {block:IfFooterMenuLabel10}<li><a href="{Text:Footer Menu Link 10}">{Text:Footer Menu Label 10}</a></li>{/block:IfFooterMenuLabel10}
  1592.  
  1593.  
  1594.     </div>
  1595.     </div>
  1596.  
  1597.     <div class="copyright">
  1598.     <p>All Rights Reserved</p>
  1599.          <p>© <a href="{text:Copyright label link}"> {text:Copyright label}</a></p>
  1600.     </div>
  1601.  
  1602. </section>
  1603.  
  1604.         <footer>
  1605.             <div class="page-width ft-wrap {block:PermalinkPage}ft-wrap-pp{/block:PermalinkPage}">
  1606.                 <div class="ft-container">
  1607.  
  1608.  
  1609.                 </div>
  1610.                 </div>
  1611.  
  1612.         </footer>
  1613.  
  1614.         <div class="lightbox-mask"></div>
  1615.         <div class="lightbox-back button">
  1616.             <i class="icon icon-submit"></i>
  1617.             <span>{lang:Back}</span>
  1618.         </div>
  1619.  
  1620.         <div class="lightbox">
  1621.             <div class="lightbox-wrap">
  1622.                  <div class="lightbox-inner-wrap"></div>
  1623.             </div>
  1624.         </div>
  1625.  
  1626.    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  1627.  
  1628.         <script src="https://static.tumblr.com/8wlin78/aGUoil1or/queis-theme.min.js"></script>
  1629.         <script src="https://static.tumblr.com/8wlin78/zpjncaoom/jquery.photoset-grid.js"></script>
  1630.         <script src="https://static.tumblr.com/8wlin78/orencaos9/jquery.mcustomscrollbar.js"></script>
  1631.         <script src="https://static.tumblr.com/8wlin78/Ll4ncaot0/nivo-lightbox.min.js"></script>
  1632.         <script src="https://static.tumblr.com/8wlin78/fA9n7ywrj/masonry.pkgd.min.js"></script>
  1633.         <script src="https://static.tumblr.com/8wlin78/UFrnt9pjq/socialstream.jquery.min.js"></script>
  1634.         {block:IfFooterShowTwitterFeed}{block:Twitter}
  1635.         <script src="https://static.tumblr.com/8wlin78/ysgncaoqo/moment.min.js"></script>
  1636.         <script src="https://static.tumblr.com/8wlin78/Q0rncaorg/livestamp.min.js"></script>
  1637.         <script type="text/javascript" src="/tweets.js"></script>
  1638.         {/block:Twitter}{/block:IfFooterShowTwitterFeed}
  1639.  
  1640.         <script type="text/javascript">
  1641.             var lbLoaded = function() {
  1642.                 $('a.nivo-lb').nivoLightbox({
  1643.                     effect: 'fadeScale'
  1644.                 });
  1645.                 $('.photoset-grid').photosetGrid({
  1646.                   highresLinks: true,
  1647.                   gutter: '5px',
  1648.                   onComplete: function(){
  1649.                      var pictures = $('.photoset-grid a');
  1650.                      pictures.attr('data-lightbox-gallery', 'photoset')
  1651.                      .nivoLightbox({
  1652.                         effect: 'fadeScale'
  1653.                     });
  1654.                   }
  1655.                 });
  1656.                 {block:IfShowScrollbarsForLongPosts}
  1657.                 $(".scrollable").mCustomScrollbar({
  1658.                     theme:"light-thin",
  1659.                     advanced:{
  1660.                         updateOnContentResize: true
  1661.                     }
  1662.                 });
  1663.                 {/block:IfShowScrollbarsForLongPosts}
  1664.                 var iframes = $('.typography iframe, .video-wrapper iframe, .video-wrapper video, .audio-wrapper iframe');
  1665.                 for (var i = 0; i < iframes.length; i++) {
  1666.                    var ci = $(iframes[i]),
  1667.                        ciW = ci.attr('width'),
  1668.                        ciH = ci.attr('height'),
  1669.                        aspect = ciH / ciW,
  1670.                        parentW = ci.parent().width();
  1671.                    ci.css({"width": parentW, "height": parentW * aspect});
  1672.                }
  1673.            };
  1674.            $(document).ready(function(){
  1675.                /*Masonry init */
  1676.                var container = document.querySelector('.ft-container');
  1677.                msnry = new Masonry( container, {
  1678.                    itemSelector: '.ft-section',
  1679.                    columnWidth: container.querySelector('.ft-section')
  1680.                });
  1681.                setTimeout(function(){
  1682.                    msnry.layout();
  1683.                }, 3000);
  1684.                setInterval(function(){
  1685.                    msnry.layout();
  1686.                }, 10000);
  1687.  
  1688.                var iframes = $('.typography iframe, .video-wrapper iframe, .video-wrapper video, .audio-wrapper iframe');
  1689.                for (var i = 0; i < iframes.length; i++) {
  1690.                    var ci = $(iframes[i]),
  1691.                        ciW = ci.attr('width'),
  1692.                        ciH = ci.attr('height'),
  1693.                        aspect = ciH / ciW,
  1694.                        parentW = ci.parent().width();
  1695.                    ci.css({"width": parentW, "height": parentW * aspect});
  1696.                }
  1697.  
  1698.                /*Theme script init*/
  1699.                $(document).queistheme({
  1700.                   disqusID: '{text:Disqus Shortname}',
  1701.                   bannerDelay: '{text:Header image change delay}'
  1702.                });
  1703.  
  1704.                $(".lightbox-wrap").mCustomScrollbar({
  1705.                    theme:"light-thin",
  1706.                    advanced:{
  1707.                        updateOnContentResize: true
  1708.                    }
  1709.                });
  1710.                lbLoaded();
  1711.  
  1712.                {block:IfInstagramAccessToken}
  1713.                var InstaToken = '{text:Instagram access token}',
  1714.                    InstaImageLimit = '{text:instagram image limit}',
  1715.                    InstaFeed = $('.instagram-feed'),
  1716.                    InstaFeedUl = $('<ul/>').addClass('instagram-list').appendTo(InstaFeed);
  1717.                 $.ajax({
  1718.                     url: 'https://api.instagram.com/v1/users/self/media/recent/?access_token=' + InstaToken,
  1719.                     dataType: 'jsonp'
  1720.                 })
  1721.                     .done(function (r) {
  1722.                         $.each(r.data, function (i, item) {
  1723.                             if (i < InstaImageLimit) {
  1724.                                var imgCap = item.caption,
  1725.                                    imgAlt = '';
  1726.                                if (imgCap) {
  1727.                                    imgAlt = item.caption.text;
  1728.                                }
  1729.                                $('<img/>').attr({
  1730.                                     alt: imgAlt,
  1731.                                     src: item.images.thumbnail.url
  1732.                                 })
  1733.                                     .appendTo(InstaFeedUl).wrap('<li><a href="' + item.link + '" title="' + imgAlt + '"></a></li>');
  1734.                             }
  1735.                         })
  1736.                     })
  1737.                 {/block:IfInstagramAccessToken}
  1738.  
  1739.                 {block:IfFlickrUsername}
  1740.                 /* === Flickr FEED === */
  1741.                 $('.flickr-feed').socialstream({
  1742.                     socialnetwork: 'flickr',
  1743.                     limit: {text:Flickr image limit},
  1744.                     username: '{text:Flickr username}'
  1745.                 });
  1746.                 {/block:IfFlickrUsername}
  1747.  
  1748.             });
  1749.         </script>
  1750.  
  1751.         {block:IfDisqusShortname}
  1752.         <script type="text/javascript">
  1753.             var disqus_shortname = '{text:Disqus Shortname}';
  1754.             (function () {
  1755.                 var s = document.createElement('script'); s.async = true;
  1756.                 s.type = 'text/javascript';
  1757.                 s.src = '//' + disqus_shortname + '.disqus.com/count.js';
  1758.                 (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  1759.             }());
  1760.  
  1761.             var disqus_shortname = '{text:Disqus Shortname}';
  1762.                 var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1763.                 dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1764.                 (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1765.  
  1766.         </script>
  1767.         {/block:IfDisqusShortname}
  1768.  
  1769.  
  1770.         <script type="text/javascript">
  1771.           $( ".permalink-page .post-text.typography" ).wrapInner( "<div class='sam-row'></div>" );
  1772.           $( ".permalink-page .tmblr-full" ).wrap( "<div class='sam-col-md-6'></div>" );
  1773.  
  1774.  
  1775.         </script>
  1776.  
  1777.  
  1778.  
  1779.     </body>
  1780. </html>
RAW Paste Data