API tools faq
paste
getivan

Ivan's Tumblr v1.6

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