API tools faq
paste
Advertisement
BOOdalinski

CLASSIC (Tumblr Theme)

BOOdalinski
Mar 18th, 2020
255
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 57.29 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------------
  2.  
  3.                 Classic by BOOdaloo
  4.                
  5. Quick Notes: As someone who's used others' themes before, I understand the struggle of an obtrusive credit stamp. Thus, I tried to make the credit fairly inconspicuous--only seen when a visiter reaches the bottom of a page. Please, don't remove it.
  6.  
  7. Credits:
  8. - Tumblr Controls by cyantists (though I did a few modifications)
  9. - HTML Post Structure largely based on Tumblr's Offical Theme (Optica)
  10.                
  11. ------------------------------------------------------------------------>
  12.  
  13. <!DOCTYPE html>
  14. <!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
  15. <!--[if IE 9]><html class="lt-ie10"> <![endif]-->
  16. <!--[if gt IE 9]><!--> <html> <!--<![endif]-->
  17.  
  18. <head>
  19. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  20. <meta name="theme-color" content="#35465D">
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. <link rel="stylesheet" href="https://static.tumblr.com/mftixld/AmMpjzwer/main-min.css">
  25.  
  26.     <title>{Title}</title>
  27.     {block:Description}
  28.     <meta name="description" content="{MetaDescription}">
  29.     {/block:Description}
  30.     <link rel="shortcut icon" href="{Favicon}">
  31.     <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  32.     <meta name="if:Banner Aa" content=""/>
  33.     <meta name="if:Banner Italic" content=""/>
  34.     <meta name="if:Description Italic" content=""/>
  35.     <meta name="if:Sidebar Borders" content=""/>
  36.     <meta name="if:Sidebar Shadow" content=""/>
  37.     <meta name="if:Info Section" content=""/>
  38.     <meta name="if:Nav Section" content=""/>
  39.     <meta name="if:Tags Section" content=""/>
  40.  
  41.     <meta name="color:Background" content="#FFFFFF">
  42.     <meta name="color:Banner" content="#000000">
  43.     <meta name="color:Text" content="#76767b">
  44.     <meta name="color:Bold" content="#000000">
  45.     <meta name="color:Tags" content="#8e8e93">
  46.     <meta name="color:Post Dividers" content="#efefef">
  47.     <meta name="color:Sidebar" content="#f7f7f9">
  48.     <meta name="color:Sidebar Dividers" content="#efefef">
  49.     <meta name="color:Nav Links" content="#8e8e93">
  50.     <meta name="color:Link Hover" content="#007aff">
  51.     <meta name="color:Answer Posts" content="#007aff">
  52.  
  53.     <meta name="select:Post Width" content="700px"/> <!--Recommended-->
  54.     <meta name="select:Post Width" content="600px"/>
  55.     <meta name="select:Post Width" content="640px"/>
  56.     <meta name="select:Post Width" content="750px"/>
  57.     <meta name="select:Post Width" content="800px"/>
  58.     <meta name="select:Post Width" content="850px"/>
  59.     <meta name="select:Post Width" content="900px"/>
  60.    
  61.     <meta name="select:Bold Weight" content="600" title="Semi-Bold"/>
  62.     <meta name="select:Bold Weight" content="400" title="Regular"/>
  63.     <meta name="select:Bold Weight" content="500" title="Medium"/>
  64.     <meta name="select:Bold Weight" content="700" title="Bold"/>
  65.     <meta name="select:Bold Weight" content="800" title="Extra-Bold"/>
  66.     <meta name="select:Bold Weight" content="900" title="Black"/>
  67.    
  68.     <meta name="select:Avatar Size" content="70px"/>
  69.     <meta name="select:Avatar Size" content="30px"/>
  70.     <meta name="select:Avatar Size" content="40px"/>
  71.     <meta name="select:Avatar Size" content="50px"/>
  72.     <meta name="select:Avatar Size" content="60px"/>
  73.     <meta name="select:Avatar Size" content="80px"/>
  74.     <meta name="select:Avatar Size" content="90px"/>
  75.     <meta name="select:Avatar Size" content="100px"/>
  76.    
  77.    
  78.     <meta name="select:Ask Icon" content="inbox"/>
  79.     <meta name="select:Ask Icon" content="mail"/>
  80.     <meta name="select:Ask Icon" content="send"/>
  81.     <meta name="select:Ask Icon" content="message-circle"/>
  82.     <meta name="select:Ask Icon" content="message-square"/>
  83.     <meta name="select:Ask Icon" content="edit-2"/>
  84.    
  85.     <meta name="select:Info Icon" content="user"/>
  86.     <meta name="select:Info Icon" content="users"/>
  87.     <meta name="select:Info Icon" content="alert-circle"/>
  88.     <meta name="select:Info Icon" content="alert-triangle"/>
  89.     <meta name="select:Info Icon" content="bell"/>
  90.     <meta name="select:Info Icon" content="clipboard"/>
  91.     <meta name="select:Info Icon" content="coffee"/>
  92.     <meta name="select:Info Icon" content="flag"/>
  93.     <meta name="select:Info Icon" content="star"/>
  94.     <meta name="select:Info Icon" content="zap"/>
  95.    
  96.     <meta name="select:Nav Icon" content="map"/>
  97.     <meta name="select:Nav Icon" content="list"/>
  98.     <meta name="select:Nav Icon" content="folder"/>
  99.     <meta name="select:Nav Icon" content="grid"/>
  100.     <meta name="select:Nav Icon" content="archive"/>
  101.     <meta name="select:Nav Icon" content="layers"/>
  102.     <meta name="select:Nav Icon" content="menu"/>
  103.     <meta name="select:Nav Icon" content="map-pin"/>
  104.     <meta name="select:Nav Icon" content="more-horizontal"/>
  105.     <meta name="select:Nav Icon" content="more-vertical"/>
  106.     <meta name="select:Nav Icon" content="navigation"/>
  107.     <meta name="select:Nav Icon" content="navigation-2"/>
  108.     <meta name="select:Nav Icon" content="plus"/>
  109.    
  110.     <meta name="select:Tags Icon" content="tag"/>
  111.     <meta name="select:Tags Icon" content="bookmark"/>
  112.     <meta name="select:Tags Icon" content="hash"/>
  113.     <meta name="select:Tags Icon" content="heart"/>
  114.     <meta name="select:Tags Icon" content="list"/>
  115.     <meta name="select:Tags Icon" content="folder"/>
  116.     <meta name="select:Tags Icon" content="grid"/>
  117.     <meta name="select:Tags Icon" content="archive"/>
  118.     <meta name="select:Tags Icon" content="layers"/>
  119.     <meta name="select:Tags Icon" content="menu"/>
  120.     <meta name="select:Tags Icon" content="map-pin"/>
  121.     <meta name="select:Tags Icon" content="more-horizontal"/>
  122.     <meta name="select:Tags Icon" content="navigation"/>
  123.     <meta name="select:Tags Icon" content="image"/>
  124.     <meta name="select:Tags Icon" content="archive"/>
  125.  
  126.     <meta name="select:Sidebar Label Style" content="uppercase;font-style:normal;" title="AA + Regular"/>
  127.     <meta name="select:Sidebar Label Style" content="uppercase;font-style:italic;" title="AA + Italic"/>
  128.     <meta name="select:Sidebar Label Style" content="none;font-style:normal;" title="Aa + Regular"/>
  129.     <meta name="select:Sidebar Label Style" content="none;font-style:italic;" title="Aa + Italic"/>
  130.    
  131.     <meta name="select:Sidebar Letter Spacing" content="1.25px"/>
  132.     <meta name="select:Sidebar Letter Spacing" content="0px"/>
  133.     <meta name="select:Sidebar Letter Spacing" content="0.25px"/>
  134.     <meta name="select:Sidebar Letter Spacing" content="0.5px"/>
  135.     <meta name="select:Sidebar Letter Spacing" content="0.75px"/>
  136.     <meta name="select:Sidebar Letter Spacing" content="1px"/>
  137.     <meta name="select:Sidebar Letter Spacing" content="1.5px"/>
  138.     <meta name="select:Sidebar Letter Spacing" content="2px"/>
  139.  
  140. <!----FONT WEIGHT---->
  141.     <meta name="select:Banner Font Weight" content="100" title="Thin"/>
  142.     <meta name="select:Banner Font Weight" content="300" title="Light"/>
  143.     <meta name="select:Banner Font Weight" content="400" title="Regular"/>
  144.     <meta name="select:Banner Font Weight" content="500" title="Medium"/>
  145.     <meta name="select:Banner Font Weight" content="600" title="Semi-Bold"/>
  146.     <meta name="select:Banner Font Weight" content="700" title="Bold"/>
  147.     <meta name="select:Banner Font Weight" content="800" title="Extra-Bold"/>
  148.     <meta name="select:Banner Font Weight" content="900" title="Black"/>
  149.    
  150.    
  151.     <meta name="select:Description Font Weight" content="100" title="Thin"/>
  152.     <meta name="select:Description Font Weight" content="300" title="Light"/>
  153.     <meta name="select:Description Font Weight" content="400" title="Regular"/>
  154.     <meta name="select:Description Font Weight" content="500" title="Medium"/>
  155.     <meta name="select:Description Font Weight" content="600" title="Semi-Bold"/>
  156.     <meta name="select:Description Font Weight" content="700" title="Bold"/>
  157.     <meta name="select:Description Font Weight" content="900" title="Black"/>
  158.  
  159.     <!----FONTS---->    
  160.     <meta name="text:Body Font Size" content="15px"/>
  161.     <meta name="text:Banner Font Size" content="1em">
  162.     <meta name="text:Description Font Size" content="10px"/>
  163.    
  164.     <!-- FONTS -->
  165.     <meta name="text:Banner Font" content="Lato"/>
  166.     <meta name="text:Header Font" content="Lato"/>
  167.     <meta name="text:Body Font" content="Source Sans Pro"/>
  168.    
  169.     <meta name="text:Nav Label" content="Masterlist">
  170.     <meta name="text:Link 1 Label" content="FAQ">
  171.     <meta name="text:Link 2 Label" content="Masterlist">
  172.     <meta name="text:Link 3 Label" content="Tags">
  173.    
  174.     <meta name="text:Link 1 URL" content="/faq">
  175.     <meta name="text:Link 2 URL" content="/masterlist">
  176.     <meta name="text:Link 3 URL" content="/tags">
  177.  
  178. <!----- Fonts ---->
  179. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  180. <link href="https://fonts.googleapis.com/css?family={text:Body Font}:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
  181. <link href="https://fonts.googleapis.com/css?family={text:Banner Font}:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
  182. <link href="https://fonts.googleapis.com/css?family={text:Header Font}:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
  183. <link href="https://fonts.googleapis.com/css?family={text:Sidebar Font}:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
  184. <!----- Fonts ---->
  185.  
  186. <!----- Scripts ---->
  187. <script src="https://unpkg.com/feather-icons"></script>
  188. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  189. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  190. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  191. <!----- Scripts ---->
  192.  
  193. <!---------------------------------------------------------------------->
  194.  
  195. <style type="text/css">
  196.  
  197. * {
  198.     -webkit-font-smoothing: antialiased;
  199.     -moz-osx-font-smoothing: grayscale;
  200.     }
  201.  
  202. /*----ALL ICONS----*/
  203. .f-search {height:10px;width:10px;stroke-width:0.85;margin-right:4px;}
  204. a .f-nav {height:14px;width:14px;stroke-width:0.85;transition:all 100ms ease-in-out;color:{color:Nav Links};}
  205. .feather {height:9px;width:9px;margin-right:5px;}
  206.  
  207. /*-----------------------------------------------------------BANNER----*/
  208. .banner {
  209.     {block:PermalinkPage}display:none;{/block:PermalinkPage}
  210.     {block:IndexPage}display:flex;{/block:IndexPage}
  211.     margin:5em auto;
  212.     padding-top:5em;
  213.     padding-bottom:5em;
  214.     flex-flow:column wrap;
  215.     justify-content:center;
  216.     align-content:center;
  217.     align-items:center;
  218.     font-family:{text:Banner Font}, sans-serif;
  219.     }
  220. .banner-content {
  221.     text-align:center;
  222.     display:flex;
  223.     flex-flow:column wrap;
  224.     justify-content:center;
  225.     align-content:center;
  226.     align-items:center;
  227.     }
  228. .banner .avatar-circle {border-radius:100%;}    
  229. .banner .avatar-square {border-radius:2px;}  
  230. .banner img {height:{select:Avatar Size};width:{select:Avatar Size}}
  231. h1.blog-title {
  232.     letter-spacing:.25em;
  233.     padding-left:.25em;
  234.     font-size:{text:Banner Font Size};
  235.     font-weight:{select:Banner Font Weight};
  236.     font-style:{block:ifBannerItalic}italic{/block:ifBannerItalic};
  237.     text-transform:{block:ifBannerAa}uppercase{/block:ifBannerAa};
  238.     color:{color:Banner};
  239.     }
  240. .description {
  241.     {block:ifDescriptionItalic}
  242.     font-style:italic;
  243.     {/block:ifDescriptionItalic}
  244.     font-size:{text:Description Font Size};
  245.     font-weight:{select:Description Font Weight};
  246.     color:{color:Banner}90;
  247.     text-align:center;
  248.     }
  249.  
  250. /*----------------------------------------------------------SIDEBAR----*/
  251. header {
  252.     height:100vh;
  253.     top:0;
  254.     position:fixed;
  255.     z-index:9999999!important;
  256.     justify-content:center;
  257.     display:flex;
  258.     align-content:center
  259.     }
  260. aside {
  261.     z-index:9999!important;
  262.     display:flex;
  263.     flex-flow:column nowrap;
  264.     justify-content:center;
  265.     align-content:center;
  266.     align-items:center;
  267.     max-width:8vw;
  268.     position:fixed;
  269.     height:100%;
  270.     background:{color:Sidebar};
  271.     line-height:140%;
  272.     {block:ifSidebarShadow}
  273.     box-shadow: inset 0 0 6px 0 rgba(0,0,0,0.1);
  274.     {/block:ifSidebarShadow}
  275.     }
  276. #btn:hover {cursor:pointer;}
  277. aside.left {left:0;{block:ifSidebarBorders}box-shadow:1px 0 0 {color:Sidebar Dividers};{/block:ifSidebarBorders}}
  278. aside.right {right:0;{block:ifSidebarBorders}box-shadow:-1px 0 0 {color:Sidebar Dividers};{/block:ifSidebarBorders}}    
  279. nav {margin-top:30vh; transform:translateY(-50%);}
  280. nav a {
  281.     display:flex;
  282.     flex-flow:column nowrap;
  283.     justify-content:center;
  284.     align-content:center;
  285.     align-items:center;
  286.     padding:40px 20px;
  287.     width:54px;
  288.     height:94px;
  289.     margin:0px auto;
  290.     background:transparent;
  291.     color:{color:Nav Links};
  292.     transition:all 300ms ease-in-out;
  293.     box-shadow:0 1px 0 {color:Sidebar Dividers};
  294.     box-sizing:border-box;
  295.     }
  296. nav a:last-of-type {box-shadow:none}    
  297. nav a:hover {color:{color:Link Hover};padding:0px;}
  298. nav a .label {
  299.     width:auto;
  300.     text-transform:{select:Sidebar Label Style};
  301.     font-family:{text:Sidebar Font};
  302.     letter-spacing:{select:Sidebar Letter Spacing};
  303.     padding-left:{select:Sidebar Letter Spacing};
  304.     display:flex;
  305.     flex-flow:row nowrap;
  306.     justify-content:center;
  307.     text-align:center;
  308.     position: absolute;
  309.     font-weight:400;
  310.     z-index: 9999999999999;
  311.     font-size:10px;
  312.     opacity:0;
  313.     transition:all 200ms ease-in-out;
  314.     line-height:130%;
  315.     padding:0.3em 0.8em;
  316.     color:{color:Nav Links}90;
  317.     }
  318. nav a .label {margin-top:20px;transform:scale(0.9,0.9);}
  319. nav a:hover .label {
  320.     color:{color:Link Hover};
  321.     opacity:1;
  322.     margin-top:16px;
  323.     transform:scale(0.6,0.6);
  324.     }
  325. nav a:hover .f-nav {transform:scale(0.9,0.9);color:{color:Link Hover};text-align:center;}
  326.  
  327. /*------------------------------------------------------MAIN LAYOUT----*/
  328.  
  329. main {margin:0 auto;width:calc(100vw - 108px);position:relative;min-height:100%;}
  330. article {margin:0 auto;padding-top:2em;padding-bottom:2em;width:calc(100vw - 108px);}
  331. .posts {
  332.     box-sizing:border-box;
  333.     padding:2em;
  334.     text-align:left;
  335.     width:{select:Post Width};
  336.     max-width:calc(100vw - 108px);
  337.     margin:0 auto;
  338.     background:{color:Background};
  339. }
  340. .post-wrapper {
  341.     z-index:999!important;
  342.     display:flex;flex-flow:colum wrap;justify-content:center;
  343.     width:calc(100vw - 108px);
  344.     margin:0em auto;
  345.     border-radius:0px;
  346.     border-top:none;
  347.     border-bottom:1px solid {color:Post Dividers};
  348.     background:{color:Background};
  349.     }
  350.  
  351. /*----MAIN CONTENT----*/
  352. body {
  353.     color:{color:Text};
  354.     background:{color:Background};
  355.     font-size:{text:Body Font Size};
  356.     width:100%;
  357.     font-family:{text:Body Font}, Helvetica Neue, sans-serif;
  358.     line-height:160%;
  359.     text-decoration:none;
  360.     text-rendering: optimizeLegibility;
  361.     }
  362.  
  363. /*----POSTS TAGGED BY----*/
  364. .tag-page {
  365.     text-align:center;
  366.     font-size:1.2em;
  367.     font-family:{text:Body Font};
  368.     color:{TitleColor}90;
  369.     font-weight:400;
  370.     margin-top:-1em;
  371.     margin-bottom:2em;
  372.     }
  373.  
  374. b, strong {color:{color:Bold};font-weight:{select:Bold Weight};}
  375. hr {width:100%;margin-left:0px;border:.1px dashed {color:Text}40;}
  376.  
  377. /*------------------------------------------------------------POSTS----*/
  378.  
  379. /*----HEADERS and TITLES----*/
  380. .post-content h2 b, .post-content h2 strong {color:#000000;}
  381. .post-content h1 {margin-bottom:1.5em;text-align:center;}  
  382. .post-content h1, .post-content h2 {
  383.     color:{TitleColor};
  384.     font-family:{text:Header Font}, Helvetica Neue, sans-serif;
  385.     font-weight:700;
  386.     }
  387. .post-title a:hover {color:{color:Link Hover};}
  388. .post-title a {
  389.     color:{TitleColor};
  390.     font:bold 1.2em {text:Header Font}, Helvetica Neue, sans-serif;
  391.     text-transform:none;
  392.     width:auto;
  393.     text-decoration:none;
  394.     }
  395.  
  396. /*----LINKS----*/
  397. a {color:{TitleColor};transition:all 300ms ease-in-out;}
  398. a:hover {color:{color:Link Hover};}
  399. a, a:hover {text-decoration:none;}
  400. p a {font-weight:normal;transition: all 300ms ease-in-out;}
  401. p a:hover {color:{color:Link Hover};}
  402. .post-content a {color:{TitleColor};}
  403. .post-content a:hover {color:{color:Link Hover};}
  404.  
  405. /*----LISTS----*/
  406. .post-content ol, .post-content ul {padding-left:1em;margin-left:2em;}
  407. .post-content ul li {list-style: none;}
  408. .post-content ul li::before {
  409.   content: "\2022";
  410.   color:{color:Bold};
  411.   font-weight:bold;
  412.   display:inline-block;
  413.   width:1em;
  414.   margin-left:-1em;
  415. }
  416.  
  417. /*----BLOCKQUOTES----*/
  418. .post-content blockquote b,.post-content blockquote strong {color:{color:Text};}
  419. .post-content blockquote {
  420.     color:{color:Text}90;
  421.     border-left:1px solid {color:Text}20;
  422.     margin-left:2em;
  423.     padding-left:1em;
  424.     }
  425.  
  426. /*----READ MORE----*/
  427. a.read_more {
  428.     color:{TitleColor};
  429.     background:#fff;
  430.     font-family:{text:Header Font}, Helvetica Neue, sans-serif;
  431.     font-size:calc({text:Body Font Size} - 20%);
  432.     font-weight:500;
  433.     text-align:center;
  434.     text-transform:uppercase;
  435.     text-decoration:none;
  436.     letter-spacing:1.5px;
  437.     padding:5px;
  438.     border:.5px solid {TitleColor};
  439.     box-shadow: 0 1px 2px #00000010;
  440.     transition: all 300ms ease-in-out;
  441.     }
  442. a.read_more:hover {
  443.     color:{color:Link Hover};
  444.     border-color:{color:Link Hover};}
  445. .read_more_container {width:100%;text-align:center;}
  446.  
  447. /*-------------------------------------------------------POST TYPES----*/
  448.  
  449. /*----ANSWER----*/
  450. .note-item .avatar img {
  451.     border-radius:2em;
  452.     padding:2px;
  453.     transition: all 300ms ease-in-out;
  454.     }
  455. .note-item-answerer .avatar img {border:1px solid {color:Text}30;}
  456. .note-item-asker .avatar img {border:1px solid {color:Answer Posts}30;}
  457. .note-item .text:after {display:none;}
  458. .note-item .text {font-size:{text:Body Font Size};line-height:150%;}
  459. .note-item-asker .text {
  460.     background:{color:Answer Posts}20;
  461.     border: 1px solid {color:Answer Posts}20;
  462.     color:{color:Answer Posts};
  463.     border-radius:0px;
  464.     }
  465. .note-item-answerer .text {
  466.     background:{color:Text}10;
  467.     border: 1px solid {color:Text}10;
  468.     color:{color:Text}90;
  469.     border-radius:0px;
  470.     }    
  471. .note-item .text .answerer,
  472. .note-item .text .asker {
  473.     font-style:italic;
  474.     font-size:calc({text:Body Font Size} - 20%);
  475.     }
  476.  
  477. .note-item .text .asker {color:{color:Answer Posts}90;}  
  478. .note-item .text .answerer {color:{color:Bold};}  
  479.  
  480. /*----LINK----*/
  481. .link-wrapper {
  482.     background:{color:Text}20;
  483.     border:1px solid {color:Text}30;
  484.     border-radius:0px;
  485.     box-shadow: 0 1px 2px #00000010;
  486.     transition: all 300ms ease-in-out;
  487.     }
  488. .link-wrapper:hover {border-color:{color:Link Hover}60;background:{color:Link Hover}20;}
  489. .link-text-wrapper{color:{color:Text};transition: all 300ms ease-in-out;}
  490. .link-text-wrapper:hover {color:{color:Link Hover};}
  491. .link-title::after {display:none;}
  492.  
  493. /*----CHAT----*/
  494. .conversation .label {
  495.     color:{color:Bold};
  496.     font-family:{text:Header Font};
  497.     font-size:calc({text:Body Font Size} - 20%);
  498.     font-weight:700;
  499.     text-transform:uppercase;
  500.     letter-spacing:1.25px;
  501.     }
  502. .conversation .chat, .chat-alt {
  503.     font-family:{text:Body Font};
  504.     margin:0px;
  505.     padding-bottom:14px;
  506.     padding-top:14px;
  507.     border-bottom:0.5px dashed rgba({RGBcolor:Text},0.2);}  
  508.  
  509. /*----PHOTO and VIDEO----*/
  510. img{height:auto;width:auto;max-height:100%;max-width:100%;margin:0 auto;}
  511. .video-wrapper {height:auto;max-width:700px;margin:0 auto;}
  512. .video .posts {min-width:700px;}
  513.  
  514. /*----QUOTES----*/
  515. .quote .source {margin-top:10px;position:relative;font-size:calc({text:Body Font Size} - 20%);text-align:right;}
  516. .quote .source:before {content: "";display:none;}
  517. .quote .post-content blockquote:before {letter-spacing:1px;}
  518. .quote .post-content blockquote:after {margin-left:0;letter-spacing:1px;}
  519. .quote .post-content blockquote {
  520.     color:{color:Bold};
  521.     border:none;
  522.     font-family:{text:Header Font}, Helvetica Neue, sans-serif;
  523.     font-size:calc({text:Body Font Size} + 150%);
  524.     font-weight:bold;
  525.     line-height:160%;
  526.     margin:0;
  527.     padding:0 5px 0 0;
  528.     quotes: "“" "”" "‘" "’";
  529.     word-break:break-word;
  530.     }
  531.  
  532. /*----REBLOG----*/
  533. .post-avatar-image {border-radius:100%;padding:1px;border:1px solid {color:Background};}
  534.  
  535. /*------------------------------------------------------POST FOOTER----*/
  536.  
  537. /*----TAGS----*/
  538. a.meta-item.tag-link:before {content:'';} /* removes the # */
  539. a.meta-item.tag-link{
  540.     color:{color:Tags};
  541.     background:rgba({RGBcolor:Tags},0.1);
  542.     padding: 0.3em 0.8em;
  543.     text-transform:none;
  544.     border-radius:0px;
  545.     transition: all 300ms ease-in-out;
  546.     margin:.5em;
  547.     }
  548.  
  549. a.meta-item.tag-link:hover {
  550.     color:{color:Link Hover};
  551.     background:rgba({RGBcolor:Link Hover},0.1);
  552.     }
  553. a.meta-item.post-notes {font-weight:normal;}    
  554.  
  555. /*----LIKE and REBLOG----*/
  556. .post-controls {color:{TitleColor};transition: all 300ms ease-in-out;}
  557. .post-controls .control .like_button:hover,
  558. .post-controls .control .reblog_button:hover,
  559. .post-controls .control .share:hover {
  560.     color: {color:Link Hover};
  561.     transition: all 300ms ease-in-out;
  562.     }
  563. .reblog-link:hover:before {color:{TitleColor};}
  564.  
  565. /*----POST NOTES----*/
  566. .date-notes, .post-notes, .post-extra {font-family:{text:Body Font};}
  567. .date-notes {font-size:.8em;transition: all 300ms ease-in-out;}
  568. .post-notes {color:{TitleColor};}
  569. .post-extra {
  570.     font-size: calc({text:Body Font Size} - 33.333%);
  571.     width:auto;
  572.     line-height:130%;
  573.     }
  574.  
  575. a.meta-item.post-notes:hover {color:{color:Link Hover};}
  576. a.meta-item.post-notes {
  577.     color:{TitleColor};
  578.     transition:all 300ms ease-in-out;
  579.     }
  580.  
  581. /*----PERMALINK POST NOTES----*/
  582. .post-notes ol li {list-style:none;}
  583. .post-notes ol.notes li.note {padding:1em;color:{color:Text}90;}
  584. .like .avatar_frame:after {padding:2px;}
  585. .reply .avatar_frame:after {padding:2px;}
  586. .reblog:not(.original_post) .avatar_frame:after {padding:2px;}
  587. .post-notes ol.notes li.note img.avatar {
  588.     height:26px;
  589.     width:26px;
  590.     border-radius:0px;
  591.     margin-right:5px;
  592.     }
  593. .post-notes ol.notes li.note span.action {font-weight:normal;}
  594. .post-notes ol.notes li.note .answer_content {font-weight:normal;}
  595. .post-notes ol.notes li.note blockquote a {
  596.     text-decoration:none;
  597.     color:{color:Text}90;
  598.     }
  599. .post-notes ol.notes li.note blockquote {
  600.     border-left:1px solid {color:Text}20;
  601.     margin-left:4em;
  602.     padding-left:1em;
  603.     }
  604.  
  605. /*-----------------------------------------------------------FOOTER----*/
  606.  
  607. /*----PAGINATION----*/
  608. .pagination {margin:5% 0 5% 0;text-align:center;}
  609. .jump_page, .current_page {
  610.     font-family:{text:Header Font};
  611.     letter-spacing:1.5px;
  612.     text-transform:uppercase;
  613.     font-size:10px;
  614.     text-decoration:none;
  615.     border-radius:0px;
  616.     padding:6px 16px;
  617.     margin:0 2px;
  618.     transition:all 200ms ease-in-out;
  619.     }
  620.  
  621. .jump_page {background:{color:Background};color:{color:Text}90;}
  622. .current_page, .jump_page:hover {
  623.     color:{color:Link Hover};background:{color:Link Hover}20;
  624.     }
  625.        
  626. /*----TUMBLR CONTROLS ICON----*/
  627. .hcontrols .f-hc {height:10px;width:10px;stroke-width:0.7;}
  628.  
  629. .hcontrols {
  630.     display:flex;
  631.     flex-flow:row wrap;
  632.     justify-content:center;
  633.     width:54px;
  634.     position:fixed;
  635.     padding:0px;
  636.     top:1em;
  637.     right:0em;
  638.     z-index:999999999;
  639.     font-size:10px;
  640.     color:rgba({RGBcolor:Nav Links},0.6);
  641.     }
  642. .hcontrols:hover {cursor:pointer;}    
  643.  
  644. /*----TUMBLR CONTROLS----*/
  645. iframe.tmblr-iframe {
  646.     z-index:9999999999;
  647.     top:0.5em;
  648.     left:auto;
  649.     padding-right:4em;
  650.     opacity:0;
  651.      filter:invert(1) contrast(200%);
  652.         -webkit-filter:invert(1) contrast(150%);
  653.         -o-filter:invert(1) contrast(150%);
  654.         -moz-filter:invert(1) contrast(150%);
  655.         -ms-filter:invert(1) contrast(150%);
  656.     transform:scale(.6);
  657.     transform-origin:right top;
  658.     vertical-align:top;
  659.     transition:all 200ms ease-in-out;
  660.     }
  661. iframe.tmblr-iframe:hover {opacity:0.4;}
  662.  
  663. .boo {
  664.     display:flex;
  665.     flex-flow:row wrap;
  666.     justify-content:center;
  667.     letter-spacing:.75px;
  668.     text-align:center;
  669.     font-size:8px;
  670.     margin:1em auto;
  671.     color:rgba({RGBcolor:Text},0.35);
  672.     transform:scale(0.7,0.7);
  673.     font-family:{text:Header Font};
  674.     font-style:italic;
  675.     }
  676. .boo a {
  677.     color:{color:Text}!important;
  678.     margin-left:3px;
  679.     text-transform:uppercase;
  680.     font-style:normal;
  681.     }
  682. .boo a:hover {color:{color:Bold}!important;}  
  683.  
  684.  
  685. /*----SEARCH------------------------------------*/
  686. .search .query:focus {outline:none;}
  687. .search {border:none;padding:0px;}
  688. .search .query::placeholder {font-size:14px;color:{color:Text}90;margin-left:0px;padding:0px;}
  689. .search .query {
  690.     border:none;
  691.     background:transparent;
  692.     font-family:{text:Navbar Font};
  693.     padding:0px;
  694.     font-size:14px;color:{color:Text}90;
  695.     }
  696.  
  697. #overlay {
  698.     z-index:666666;
  699.     height:100%;
  700.     width:100%;
  701.     top:0;
  702.     left:0;
  703.     background:{color:Background};
  704.     position:fixed;
  705.     display:none;}    
  706. #drop a:hover {color:{color:Link Hover};}
  707. #drop .row {
  708.     display:flex;
  709.     flex-flow:row wrap;
  710.     justify-content:space-evenly;}
  711. #drop {
  712.     width:100%;
  713.     display:flex;
  714.     flex-flow:row wrap;
  715.     justify-content:center;
  716.     margin-top:25vh;
  717.     }
  718. .row {
  719.     min-width:400px;
  720.     max-width:70vw;
  721.     height:auto;
  722.     padding:1em;
  723.     display:flex;
  724.     flex-flow:row wrap;
  725.     justify-content:center;
  726.     align-content:baseline;
  727.     align-items:baseline
  728.     }
  729.  
  730. #ask-form {line-height:160%;font-size:12px;}
  731. #ask-form h2 {text-align:center;}
  732. #ask-form h1 {
  733.     color:{TitleColor};
  734.     font-family:{text:Header Font}, Helvetica Neue, sans-serif;
  735.     font-weight:600;
  736.     line-height:150%;
  737.     text-align:center;
  738.     font-size:1.2em;
  739.     letter-spacing:0.25px;
  740.     padding-left:0.25px;
  741.     }
  742.    
  743. /*----DROPDOWN BOXES----*/
  744. .menu-label {margin:0 auto;padding;0.5em;text-align:center;}
  745. #menu-group {
  746.     min-width:400px;
  747.     max-width:70vw;
  748.     box-sizing:border-box;
  749.     margin:3em auto;
  750.     background:transparent;
  751.     overflow:hidden;
  752.     }
  753. #drop {
  754.     display:none;
  755.     position: fixed;
  756.     top:0;
  757.     z-index:888888;
  758.     background:{color:Background};
  759.     line-height:20px!important;
  760.     }
  761.  
  762.  
  763. /*----COLUMNS----*/
  764. #drop .column {margin:1em;}  
  765. #drop .column ul {
  766.     margin-left:0;
  767.     padding-left:0;
  768.     margin-top:0px;
  769.     margin-bottom:0px;
  770.     list-style-type:none;
  771.     }
  772. #drop .column a.view-all {font-style:italic}
  773. #drop h3 {
  774.     font-family:{text:Header Font};
  775.     letter-spacing:1.5px;
  776.     padding-left:1.5px;
  777.     text-transform:uppercase;
  778.     color:black;
  779.     font-size:8px;
  780.     font-weight:normal;
  781.     margin:0;
  782.     padding-bottom:1em;
  783.     text-align:center;
  784.     }
  785. #drop h2 {
  786.     font-family:{text:Banner Font};
  787.     letter-spacing:1.5px;
  788.     padding-left:1.5px;
  789.     text-transform:uppercase;
  790.     color:black;
  791.     font-size:8px;
  792.     font-weight:normal;
  793.     margin:0;
  794.     }        
  795. #drop a  {
  796.     color:{color:Nav Links};
  797.     font-family:{text:Navbar Font};
  798.     font-size:12px;
  799.     }
  800. /*-------------------------------------------------------CUSTOM CSS----*/
  801.  
  802. {CustomCSS}
  803.  
  804.  
  805. </style>
  806.  
  807. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  808. <script type="text/javascript">
  809. $(function() {      
  810.       $(window).scroll(function() {
  811.         if($(this).scrollTop() != 0) {
  812.             $('#totop').fadeIn();        
  813.         }
  814.         else {
  815.             $('#totop').fadeOut();      
  816.         }
  817.       });
  818.  
  819.       $('#totop').click(function() {
  820.         $('body,html').animate({scrollTop:0},800);
  821.       });
  822. });
  823. </script>
  824.  
  825. <!-----------------------------------------------------------------------
  826.                               ASK FORM
  827.    
  828.    Want to add text to your ask page? Here's a quick tutorial!
  829. -------------------------------------------------------------------------
  830. STEP 1 - Create you desired content in HTML format
  831.    Example: <p>Question 1?</p><ul><li>Answer 1.</li></ul>
  832.  
  833. STEP 2 - Insert the text within the '' of $('#ask_form').before('');
  834.    Example: $('#ask_form').before('<p>Question 1?</p><ul><li>Answer 1.</li></ul>');
  835.      
  836. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  837. QUICK TIPS...
  838.  
  839. TIP 1 - Make sure there are no spaces between the elements.
  840.    
  841.    Do:     <p><strong>Question 1?<strong></p><ul><li>Answer 1.</li></ul>
  842.    Don't:  <p><strong>Question 1?<strong></p>
  843.            <ul><li>Answer 1.</li></ul>
  844.  
  845. TIP 2 - Avoid using contractions. The script will read it as you closing the .before('') content. As a result, your content will not appear.
  846. ------------------------------------------------------------------------>
  847.  
  848. <script type="text/javascript">
  849. $(document).ready(function(){
  850.    $('#ask_form').before('');
  851. });
  852. </script>
  853.  
  854. <!----------------------------------------------------------ASK FORM---->
  855.  
  856. </head>
  857. <body>
  858. <div class="hcontrols">. . .</div>
  859. <!-----------------------------------------------------------SIDEBAR---->
  860.  
  861. <div class="drop-4" id="drop">
  862.     <div class="menu-group-4" id="menu-group">
  863.     <section class="row">
  864.     <div class="column">
  865.         <h3>By Type</h3>
  866.         <ul><li><a href="/tagged/featured">
  867.         <i class="feather" data-feather="star"></i>Featured</a></li>
  868.         <li><a href="/tagged/nsfw">
  869.         <i class="feather" data-feather="bookmark"></i>NSFW</a></li>
  870.         <li><a href="/tagged/boodalinski">
  871.         <i class="feather" data-feather="image"></i>Gif's</a></li>
  872.         <li><a href="/tagged/slasher-fanart">
  873.         <i class="feather" data-feather="box"></i>Fanart</a></li>
  874.         </ul>
  875.     </div> <!---column--->
  876.  
  877.     <!----Harry Potter---->
  878.     <div class="column">
  879.         <h3>Harry Potter</h3>
  880.         <ul><li><a href="/tagged/hp-imagine" class="view-all">
  881.         <i class="feather" data-feather="folder"></i>All Harry Potter</a></li>
  882.         <li><a href="/tagged/alastor-moody">Alastor Moody</a></li>
  883.         <li><a href="/tagged/severus-snape">Severus Snape</a></li>
  884.         <li><a href="/tagged/sirius-black">Sirius Black</a></li></ul>
  885.     </div>
  886.     <!----Harry Potter---->
  887.  
  888.     <!----Twilight---->
  889.     <div class="column">
  890.         <h3>Twilight</h3>
  891.         <ul><li><a href="/tagged/volturi" class="view-all">
  892.         <i class="feather" data-feather="folder"></i>All Volturi</a></li>
  893.         <li><a href="/tagged/aro-volturi">Aro Volturi</a></li>
  894.         <li><a href="/tagged/caius-volturi">Caius Volturi</a></li>
  895.         <li><a href="/tagged/felix-volturi">Felix Volturi</a></li></ul>
  896.     </div>
  897.     <!----Twilight---->
  898.  
  899.     <!----Slashers---->
  900.     <div class="column">
  901.         <h3>Slashers</h3>
  902.         <ul><li><a href="/tagged/slasher-imagines" class="view-all">
  903.         <i class="feather" data-feather="folder"></i>All Slashers</a></li>
  904.         <li><a href="/tagged/brahms-heelshire">Brahms Heelshire</a></li>
  905.         <li><a href="/tagged/hannibal-lecter">Hannibal Lecter</a></li>
  906.         <li><a href="/tagged/jason-voorhees">Jason Voorhees</a></li>
  907.         <li><a href="/tagged/michael-myers">Michael Myers</a></li>
  908.         <li><a href="/tagged/leatherface">Thomas Hewitt (Leatherface)</a>
  909.         </li>
  910.         <li><a href="/tagged/bo-sinclair">Bo Sinclair</a></li>
  911.         <li><a href="/tagged/vincent-sinclair">Vincent Sinclair</a></li>
  912.         <li><a href="/tagged/yautja">Yautja (Predator)</a></li></ul>
  913.     </div>
  914.     <!----Slashers---->
  915.    
  916.     <!----Marvel---->
  917.     <div class="column">
  918.         <h3>Marvel</h3>
  919.         <ul><li><a href="/tagged/marvel" class="view-all">
  920.         <i class="feather" data-feather="folder"></i>All Marvel</a></li>
  921.         <li><a href="/tagged/avengers">Avengers</a></li>
  922.         <li><a href="/tagged/bucky-barnes">Bucky Barnes</a></li>
  923.         <li><a href="/tagged/colossus">Colossus (Piotr Rasputin)</a></li>
  924.         <li><a href="/tagged/loki">Loki Odinson</a></li>
  925.         <li><a href="/tagged/venom">Venom</a></li></ul>
  926.     </div>
  927.     <!----Marvel---->
  928.    
  929.     <!----GOT---->
  930.     <div class="column">
  931.         <h3>Game of Thrones</h3>
  932.         <ul><li><a href="/tagged/got-imagine" class="view-all">
  933.         <i class="feather" data-feather="folder"></i>All Game of Thrones</a></li>
  934.         <li><a href="/tagged/sandor-clegane">Sandor Clegane</a></li>
  935.         <li><a href="/tagged/tormund-giantsbane">Tormund Giantsbane</a>
  936.         </li></ul>
  937.     </div>
  938.     <!----GOT---->
  939.    
  940.     <!----Star Wars---->
  941.     <div class="column">
  942.         <h3>Star Wars</h3>
  943.         <ul><li><a href="/tagged/star-wars-imagine" class="view-all">
  944.         <i class="feather" data-feather="folder"></i>All Star Wars</a></li>
  945.         <li><a href="/tagged/darth-vader">Darth Vader</a>
  946.         </li></ul>
  947.     </div>
  948.     <!----GOT---->
  949.  
  950. <!----Game of Thrones---->
  951.     <div class="column">
  952.     <h3>AHS</h3>
  953.         <ul>
  954.         <li><a href="/tagged/ahs-imagine" class="view-all">
  955.         <i class="feather" data-feather="folder"></i>All AHS</a></li>
  956.         <li><a href="/tagged/james-patrick-march">James Patrick March</a></li></ul>
  957.         </div>
  958. <!----Game of Thrones---->
  959.     </section>
  960.     </div><!---menu-group--->
  961. </div> <!---drop-2--->
  962.  
  963. <script>
  964. $(document).ready(function(){
  965.   $(".tagbtn").click(function(){
  966.     $(".drop-4").fadeToggle();
  967.     $(".overlay-4").fadeToggle();
  968.   });
  969. });    
  970.  
  971. $(document).click(function(event) {
  972.   //if you click on anything except the modal itself or the "open modal" link, close the modal
  973.   if (!$(event.target).closest(".tagbtn,.menu-group-3").length) {
  974.     $("body").find(".drop-4").fadeOut("");
  975.     $("body").find(".overlay-4").fadeOut("");
  976.   }
  977. });
  978. </script>
  979.  
  980.  
  981.  
  982.  
  983. <div class="drop-3" id="drop">
  984.     <div class="menu-group-3" id="menu-group">
  985.     <section class="row">
  986.     <div id="ask-form">
  987.         <h2>Masterlist</h2>
  988.         <p>Jason Voorhees</p>
  989.         </div>
  990.     </section>
  991.     </div><!---menu-group--->
  992. </div> <!---drop-2--->
  993.  
  994. <script>
  995. $(document).ready(function(){
  996.   $(".mapbtn").click(function(){
  997.     $(".drop-3").fadeToggle();
  998.     $(".overlay-3").fadeToggle();
  999.   });
  1000. });    
  1001.  
  1002. $(document).click(function(event) {
  1003.   //if you click on anything except the modal itself or the "open modal" link, close the modal
  1004.   if (!$(event.target).closest(".mapbtn,.menu-group-3").length) {
  1005.     $("body").find(".drop-3").fadeOut("");
  1006.     $("body").find(".overlay-3").fadeOut("");
  1007.   }
  1008. });
  1009. </script>
  1010.  
  1011. <div class="drop-2" id="drop">
  1012.     <div class="menu-group-2" id="menu-group">
  1013.     <section class="row">
  1014.     <div id="ask-form">
  1015.         <h2>{AskLabel}</h2>
  1016.         <iframe class="ask-frame" frameborder="0" scrolling="no" width="height:auto" height="auto" src="https://www.tumblr.com/ask_form/boodaloo.tumblr.com" style="font-size:12px;margin-top:1em;min-width:500px;background-color:transparent; overflow:scroll;" id="ask_form"></iframe>
  1017.         </div>
  1018.     </section>
  1019.     </div><!---menu-group--->
  1020. </div> <!---drop-2--->
  1021.  
  1022. <script>
  1023. $(document).ready(function(){
  1024.   $(".askbtn").click(function(){
  1025.     $(".drop-2").fadeToggle();
  1026.     $(".overlay-2").fadeToggle();
  1027.   });
  1028. });    
  1029.  
  1030. $(document).click(function(event) {
  1031.   //if you click on anything except the modal itself or the "open modal" link, close the modal
  1032.   if (!$(event.target).closest(".askbtn,.menu-group-2").length) {
  1033.     $("body").find(".drop-2").fadeOut("");
  1034.     $("body").find(".overlay-2").fadeOut("");
  1035.   }
  1036. });
  1037. </script>
  1038.  
  1039. <div class="drop-1" id="drop">
  1040.     <div class="menu-group-1">
  1041.     <section class="row">
  1042.     <div class="column" id="search-form">
  1043.     <h3>{block:English}Looking for Something?{/block:English}{block:NotEnglish}{lang:Search} {lang:Posts}{/block:NotEnglish}</h3>
  1044.     <ul>
  1045.         <li><form action="/search" method="get" class="search">
  1046.             <i class="f-search" data-feather="search"></i><input type="text" name="q" value="{SearchQuery}" class="query" placeholder="{lang:Search}"></form></li>
  1047.             </ul>
  1048.         </div>
  1049.     </section>
  1050.     </div><!---menu-group--->
  1051. </div> <!---drop-2--->
  1052.  
  1053. <script>
  1054. $(document).ready(function(){
  1055.   $(".searchbtn").click(function(){
  1056.     $(".drop-1").fadeToggle();
  1057.     $(".overlay-1").fadeToggle();
  1058.   });
  1059. });    
  1060.  
  1061. $(document).click(function(event) {
  1062.   //if you click on anything except the modal itself or the "open modal" link, close the modal
  1063.   if (!$(event.target).closest(".searchbtn,.menu-group-1").length) {
  1064.     $("body").find(".drop-1").fadeOut("");
  1065.     $("body").find(".overlay-1").fadeOut("");
  1066.   }
  1067. });
  1068. </script>
  1069.  
  1070. <header>
  1071. <aside class="left">
  1072. <nav id="nav-wrapper">
  1073.     <a class="hover" href="/">
  1074.         <div class="f-nav" data-feather="home"></div>
  1075.         <div class="label">{lang:Home}</div>
  1076.         </a>
  1077.     <a class="askbtn" id="btn">
  1078.         <div class="f-nav" data-feather="{select:Ask Icon}"></div>
  1079.         <div class="label">{AskLabel}</div>
  1080.         </a>
  1081.     {block:ifInfoSection}        
  1082.     <a class="faqbtn" id="btn">
  1083.         <div class="f-nav" data-feather="{select:Info Icon}"></div>
  1084.         <div class="label">{text:Link 1 Label}</div>    
  1085.         </a>
  1086.     {block:ifInfoSection}
  1087.     {block:ifNotInfoSection}  
  1088.     <a href="{text:Link 1 URL}" class="hover">
  1089.         <div class="f-nav" data-feather="{select:Info Icon}"></div>
  1090.         <div class="label">{text:Link 1 Label}</div>
  1091.         </a>
  1092.     {/block:ifNotInfoSection}        
  1093. </nav>    
  1094. </aside>
  1095.  
  1096. <aside class="right">
  1097. <nav id="nav-wrapper">
  1098.     <a class="searchbtn" id="btn">
  1099.         <div class="f-nav" data-feather="search"></div>
  1100.         <div class="label">{lang:Search}</div>    
  1101.         </a>
  1102.     {block:ifNavSection}        
  1103.     <a class="mapbtn" id="btn">
  1104.         <div class="f-nav" data-feather="{select:Nav Icon}"></div>
  1105.         <div class="label">{text:Nav Label}</div>    
  1106.         </a>
  1107.     {/block:ifNavSection}        
  1108.     {block:ifNotNavSection}  
  1109.     <a href="{text:Link 2 URL}" class="hover">
  1110.         <div class="f-nav" data-feather="{select:Nav Icon}"></div>
  1111.         <div class="label">{text:Link 2 Label}</div>
  1112.         </a>
  1113.     {/block:ifNotNavSection}          
  1114.     {block:ifTagsSection}    
  1115.     <a class="tagbtn" id="btn">
  1116.         <div class="f-nav" data-feather="{select:Tags Icon}"></div>
  1117.         <div class="label">{lang:Tags}</div>
  1118.         </a>
  1119.     {/block:ifTagsSection}    
  1120.     {block:ifNotTagsSection}  
  1121.     <a href="{text:Link 3 URL}" class="hover">
  1122.         <div class="f-nav" data-feather="{select:Tags Icon}"></div>
  1123.         <div class="label">{text:Link 3 Label}</div>
  1124.         </a>
  1125.     {/block:ifNotTagsSection}      
  1126. </nav>  
  1127. </aside>
  1128. </header>
  1129. <div class="overlay-1" id="overlay"></div>
  1130. <div class="overlay-2" id="overlay"></div>
  1131. <div class="overlay-3" id="overlay"></div>
  1132. <div class="overlay-4" id="overlay"></div>
  1133. <!-------------------------------------------------------------POSTS---->
  1134.  
  1135. <!----Banner---->
  1136. <div class="banner">
  1137.        
  1138.     {block:ShowAvatar}
  1139.     <a href="/">
  1140.     <img class="avatar-{AvatarShape}" src="{PortraitURL-128}"></a>
  1141.     {/block:ShowAvatar}
  1142.  
  1143.     <div class="banner-content">
  1144.         <a href="/"><h1 class="blog-title">{Title}</h1>
  1145.         {block:ShowDescription}
  1146.         <div class="description">{Description}</div>  
  1147.         {block:ShowDescription}
  1148.         </a>
  1149.     </div> <!---- .banner-content ---->
  1150.    
  1151. </div>
  1152. <!----Banner---->
  1153.  
  1154. {block:TagPage}
  1155.     <div class="tag-page">Posts Tagged “{Tag}”</div>
  1156.     {/block:TagPage}
  1157.  
  1158.  
  1159.  
  1160. {block:Posts}
  1161. <div class="post-wrapper">
  1162. <article class="{block:Text}text {/block:Text}{block:Photoset}photoset {/block:Photoset}{block:Photo}photo {/block:Photo}{block:RebloggedFrom}reblogged {/block:RebloggedFrom}{block:Quote}quote {/block:Quote}{block:Link}link {/block:Link}{block:Chat}chat {/block:Chat}{block:Audio}audio {/block:Audio}{block:Video}video {/block:Video}{block:Answer}answer {/block:Answer}{block:Date}not-page post-{PostID}{/block:Date} {block:PermalinkPage} active exposed{/block:PermalinkPage}">
  1163.  
  1164. <div class="posts" id="{PostID}">
  1165.    
  1166. {block:Text}
  1167. <div class="post-content">
  1168.     {block:Title}
  1169.     <h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>
  1170.     {/block:Title}
  1171.     {block:NotReblog}
  1172.     <div class="body-text">{Body}</div>
  1173.     {/block:NotReblog}
  1174.    
  1175.     {block:RebloggedFrom}
  1176.     <div class="reblog-list">
  1177.     {block:Reblogs}
  1178.         <div class="post-reblog-trail-item{block:isOriginalEntry}
  1179.        original-reblog-content{/block:isOriginalEntry}">
  1180.         <div class="post-reblog-header">
  1181.             {block:IsActive}
  1182.             <a target="_blank" class="post-tumblelog-name"
  1183.            href="{Permalink}">{Username}</a>
  1184.             {/block:IsActive}
  1185.            
  1186.             {block:IsDeactivated}
  1187.             <span class="inactive post-tumblelog-name">{Username}</span>
  1188.             {/block:IsDeactivated}
  1189.         </div> <!-- post-reblog-header -->
  1190.    
  1191.         <div class="post-reblog-content">
  1192.             <div class="post-body">{Body}</div>
  1193.         </div> <!-- post-reblog-content -->
  1194.         </div> <!-- post-reblog-trail-item -->
  1195.     {/block:Reblogs}
  1196.     </div> <!-- reblog-list -->
  1197.     {/block:RebloggedFrom}
  1198. </div> <!-- post-content -->
  1199. {/block:Text}
  1200.  
  1201. <!------------------------------------------------------------ANSWER---->
  1202.  
  1203. {block:Answer}
  1204. <div class="post-content">
  1205.     <div class="note-item note-item-asker">
  1206.         <div class="text">
  1207.             <p class="asker">{lang:Asker asked 2}:</p>
  1208.             <div class="asker-question">{Question}</div>
  1209.         </div> <!-- text -->
  1210.         <div class="avatar">
  1211.             <img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
  1212.         </div> <!-- avatar -->
  1213.     </div> <!-- note-item note-item-asker -->
  1214.  
  1215. {block:Answerer}
  1216. <div class="note-item note-item-answerer">
  1217.    
  1218.     <div class="text">
  1219.     <p class="answerer"><strong>{Answerer}</strong> answered:</p>
  1220.     <div class="answerer-answer">{Answer}</div>
  1221.     </div> <!-- text -->
  1222.    
  1223.     <div class="avatar">
  1224.     <img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
  1225.     </div> <!-- avatar -->
  1226.    
  1227. </div> <!-- note-item note-item-answerer -->
  1228. {/block:Answerer}
  1229.  
  1230. {block:NotReblog}
  1231. <div class="replies">{Replies}</div>
  1232. {/block:NotReblog}
  1233.  
  1234. {block:RebloggedFrom}
  1235. <div class="reblog-list">
  1236.     {block:Reblogs}
  1237.     <div class="post-reblog-trail-item
  1238.    {block:isOriginalEntry} original-reblog-content
  1239.    {/block:isOriginalEntry}">
  1240.     <div class="post-reblog-header">
  1241.                                                                             {block:HasAvatar}
  1242.     <div class="post-avatar">
  1243.     <div class="post-avatar-wrapper">
  1244.         {block:HasPermalink}
  1245.             <a class="post-avatar-link
  1246.            {block:isNotOriginalEntry} sub-icon-reblog
  1247.            {/block:isNotOriginalEntry}" href="{Permalink}"
  1248.            target="_blank">
  1249.             <img class="post-avatar-image" src="{PortraitURL-64}">
  1250.             </a>
  1251.         {/block:HasPermalink}
  1252.         {block:HasNoPermalink}
  1253.             <span class="reblog-avatar
  1254.            {block:IsDeactivated} inactive{/block:IsDeactivated}
  1255.            {block:isNotOriginalEntry} sub-icon-reblog
  1256.            {/block:isNotOriginalEntry}">
  1257.             <img class="post-avatar-image" src="{PortraitURL-64}"></span>
  1258.         {/block:HasNoPermalink}
  1259.     </div>
  1260.     </div>
  1261.     {/block:HasAvatar}
  1262.  
  1263.     {block:HasPermalink}
  1264.     <a target="_blank" class="post-tumblelog-name" href="{Permalink}">
  1265.     {Username}</a>
  1266.     {/block:HasPermalink}
  1267.  
  1268.     {block:HasNoPermalink}
  1269.     <span class="post-tumblelog-name
  1270.    {block:IsDeactivated} inactive{/block:IsDeactivated}">
  1271.     {Username}</span>
  1272.     {/block:HasNoPermalink}
  1273.  
  1274.     </div>
  1275.     <div class="post-reblog-content">
  1276.     <div class="post-body">
  1277.     {Body}
  1278.     </div>
  1279.     </div>
  1280.     </div>
  1281.     {/block:Reblogs}
  1282. </div>
  1283. {/block:RebloggedFrom}
  1284. </div>
  1285. {/block:Answer}
  1286.  
  1287. <!-------------------------------------------------------------QUOTE---->
  1288.  
  1289. {block:Quote}
  1290. <div class="post-content">
  1291.     <blockquote class="{Length}">{Quote}</blockquote>
  1292.         {block:Source}
  1293.         <div class="source">{Source}</div>
  1294.         {/block:Source}
  1295. </div>
  1296. {/block:Quote}
  1297.  
  1298. <!-------------------------------------------------------------LINK---->
  1299.  
  1300. {block:Link}
  1301. <div class="post-content
  1302. {block:Description} with-caption{/block:Description}
  1303. {block:Thumbnail} with-thumbnail{/block:Thumbnail}">
  1304. <div class="link-wrapper">
  1305.     <a {Target} href="{URL}" class="link link-container">
  1306.         {block:Thumbnail}<div class="link-thumbnail">
  1307.         <img src="{Thumbnail-HighRes}" alt="" /></div>
  1308.         {/block:Thumbnail}
  1309.  
  1310.         <div class="link-text-wrapper clearfix">
  1311.         <div class="link-text">
  1312.             {block:Host}
  1313.             <div class="link-host" style="font-weight:normal;font-size:10px;">{Host}</div>
  1314.             {/block:Host}
  1315.             <h1 class="link-title">{Name} . . .</h1>
  1316.                 {block:Excerpt}
  1317.                 <div class="link-excerpt">{Excerpt}</div>
  1318.                 {/block:Excerpt}
  1319.                 {block:Author}
  1320.                 <div class="link-author">{Author}</div>
  1321.                 {/block:Author}
  1322.         </div> <!-- link-text -->
  1323.         </div> <!-- link-text-wrapper clearfix -->
  1324.     </a> <!-- link -->
  1325. </div> <!-- link-wrapper -->
  1326.  
  1327. {block:NotReblog}
  1328. <div class="caption">{Description}</div>
  1329. {/block:NotReblog}
  1330.  
  1331.     {block:RebloggedFrom}
  1332.     <div class="reblog-list">
  1333.     {block:Reblogs}
  1334.         <div class="post-reblog-trail-item{block:isOriginalEntry}
  1335.        original-reblog-content{/block:isOriginalEntry}">
  1336.         <div class="post-reblog-header">
  1337.             {block:IsActive}
  1338.             <a target="_blank" class="post-tumblelog-name"
  1339.            href="{Permalink}">{Username}</a>
  1340.             {/block:IsActive}
  1341.             {block:IsDeactivated}
  1342.             <span class="inactive post-tumblelog-name">{Username}</span>
  1343.             {/block:IsDeactivated}
  1344.             </div> <!-- post-reblog-header -->
  1345.    
  1346.             <div class="post-reblog-content">
  1347.             <div class="post-body">{Body}</div>
  1348.             </div> <!-- post-reblog-content -->
  1349.         </div> <!-- post-reblog-trail-item -->
  1350.     {/block:Reblogs}
  1351.     </div> <!-- reblog-list -->
  1352.     {/block:RebloggedFrom}
  1353. </div> <!-- post-content -->
  1354. {/block:Link}
  1355.  
  1356. <!--------------------------------------------------------------CHAT---->
  1357.  
  1358. {block:Chat}
  1359. <div class="post-content">
  1360.  
  1361. {block:Title}
  1362. <h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>
  1363. {/block:Title}
  1364.  
  1365. <div class="conversation">
  1366.     {block:Lines}
  1367.         <div class="chat chat-{Alt}">
  1368.             {block:Label}<span class="label">{Label}</span>{/block:Label}
  1369.             {Line}
  1370.         </div>
  1371.     {/block:Lines}
  1372. </div> <!-- conversation -->
  1373.  
  1374. {block:RebloggedFrom}
  1375. <div class="reblog-list">
  1376.    
  1377. {block:Reblogs}
  1378. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1379.    
  1380.     <div class="post-reblog-header">
  1381.     {block:HasAvatar}
  1382.     <div class="post-avatar">
  1383.     <div class="post-avatar-wrapper">
  1384.         {block:HasPermalink}
  1385.         <a class="post-avatar-link
  1386.        {block:isNotOriginalEntry} sub-icon-reblog
  1387.        {/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1388.         <img class="post-avatar-image" src="{PortraitURL-64}"></a>
  1389.         {/block:HasPermalink}
  1390.  
  1391.         {block:HasNoPermalink}
  1392.         <span class="reblog-avatar
  1393.        {block:IsDeactivated} inactive{/block:IsDeactivated}
  1394.        {block:isNotOriginalEntry} sub-icon-reblog
  1395.        {/block:isNotOriginalEntry}">
  1396.         <img class="post-avatar-image" src="{PortraitURL-64}"></span>
  1397.         {/block:HasNoPermalink}
  1398.  
  1399.     </div> <!-- post-avatar-wrapper -->
  1400.     </div> <!-- post-avatar -->
  1401.     {/block:HasAvatar}
  1402.  
  1403.     {block:HasPermalink}
  1404.     <a target="_blank" class="post-tumblelog-name" href="{Permalink}">
  1405.     {Username}</a>
  1406.     {/block:HasPermalink}
  1407.  
  1408.     {block:HasNoPermalink}
  1409.     <span class="post-tumblelog-name
  1410.    {block:IsDeactivated} inactive{/block:IsDeactivated}">
  1411.     {Username}</span>
  1412.     {/block:HasNoPermalink}
  1413.     </div> <!-- post-reblog-header -->
  1414.  
  1415. <div class="post-reblog-content">
  1416.     <div class="post-body">{Body}</div>
  1417. </div> <!-- post-reblog-content -->
  1418.  
  1419. </div> <!-- original-reblog-content -->
  1420. {/block:Reblogs}
  1421. </div> <!-- reblog-list -->
  1422. {/block:RebloggedFrom}
  1423. </div> <!-- post-content -->
  1424. {/block:Chat}
  1425.  
  1426. <!-------------------------------------------------------------PHOTO---->
  1427.  
  1428. {block:Photo}
  1429. <figure class="post-content {block:HighRes}high-res{/block:HighRes}{block:Caption} with-caption{/block:Caption}" data-photo-width="{PhotoWidth-HighRes}">
  1430.  
  1431. <div class="photo-wrapper">
  1432. <div class="photo-wrapper-inner">
  1433. {LinkOpenTag}
  1434. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}"{block:LivePhoto}data-live-photo="{LivePhotoURL}" data-live-photo-still-image-time="{LivePhotoStillImageTime}"{/block:LivePhoto}>
  1435. {LinkCloseTag}
  1436. </div> <!-- photo-wrapper-inner -->
  1437. </div> <!-- photo-wrapper -->
  1438.  
  1439. {block:NotReblog}
  1440. <figcaption class="caption">{Caption}</figcaption>
  1441. {/block:NotReblog}
  1442.    
  1443. {block:RebloggedFrom}
  1444. <div class="reblog-list">
  1445. {block:Reblogs}
  1446.     <div class="post-reblog-trail-item{block:isOriginalEntry}
  1447.    original-reblog-content{/block:isOriginalEntry}">
  1448.     <div class="post-reblog-header">
  1449.         {block:IsActive}
  1450.         <a target="_blank" class="post-tumblelog-name"
  1451.        href="{Permalink}">{Username}</a>
  1452.         {/block:IsActive}
  1453.        
  1454.         {block:IsDeactivated}
  1455.         <span class="inactive post-tumblelog-name">{Username}</span>
  1456.         {/block:IsDeactivated}
  1457.     </div> <!-- post-reblog-header -->
  1458.  
  1459.     <div class="post-reblog-content">
  1460.         <div class="post-body">{Body}</div>
  1461.     </div> <!-- post-reblog-content -->
  1462.     </div> <!-- post-reblog-trail-item -->
  1463. {/block:Reblogs}
  1464. </div> <!-- reblog-list -->
  1465. {/block:RebloggedFrom}
  1466. </figure> <!-- post-content -->
  1467. {/block:Photo}
  1468.  
  1469. <!----------------------------------------------------------PHOTOSET---->
  1470.  
  1471. {block:Photoset}
  1472. <figure class="post-content photoset
  1473. {block:Caption}with-caption{/block:Caption}">{Photoset}
  1474.    
  1475. {block:NotReblog}
  1476. <figcaption class="caption">{Caption}</figcaption>
  1477. {/block:NotReblog}
  1478.  
  1479. {block:RebloggedFrom}
  1480. <div class="reblog-list">
  1481. {block:Reblogs}
  1482.     <div class="post-reblog-trail-item{block:isOriginalEntry}
  1483.    original-reblog-content{/block:isOriginalEntry}">
  1484.     <div class="post-reblog-header">
  1485.         {block:IsActive}
  1486.         <a target="_blank" class="post-tumblelog-name"
  1487.        href="{Permalink}">{Username}</a>
  1488.         {/block:IsActive}
  1489.        
  1490.         {block:IsDeactivated}
  1491.         <span class="inactive post-tumblelog-name">{Username}</span>
  1492.         {/block:IsDeactivated}
  1493.     </div> <!-- post-reblog-header -->
  1494.  
  1495.     <div class="post-reblog-content">
  1496.         <div class="post-body">{Body}</div>
  1497.     </div> <!-- post-reblog-content -->
  1498.     </div> <!-- post-reblog-trail-item -->
  1499. {/block:Reblogs}
  1500. </div> <!-- reblog-list -->
  1501. {/block:RebloggedFrom}
  1502. </figure> <!-- post-content -->
  1503. {/block:Photoset}
  1504.  
  1505. <!-------------------------------------------------------------AUDIO---->
  1506.  
  1507. {block:Audio}
  1508. <div class="post-content {block:Caption}with-caption{/block:Caption}">
  1509. <div class="audio_container">
  1510. {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  1511. </div>
  1512.  
  1513. {block:NotReblog}
  1514. <div class="caption">{Caption}</div>
  1515. {/block:NotReblog}
  1516.  
  1517. {block:RebloggedFrom}
  1518. <div class="reblog-list">
  1519. {block:Reblogs}
  1520.     <div class="post-reblog-trail-item{block:isOriginalEntry}
  1521.    original-reblog-content{/block:isOriginalEntry}">
  1522.     <div class="post-reblog-header">
  1523.         {block:IsActive}
  1524.         <a target="_blank" class="post-tumblelog-name"
  1525.        href="{Permalink}">{Username}</a>
  1526.         {/block:IsActive}
  1527.        
  1528.         {block:IsDeactivated}
  1529.         <span class="inactive post-tumblelog-name">{Username}</span>
  1530.         {/block:IsDeactivated}
  1531.     </div> <!-- post-reblog-header -->
  1532.  
  1533.     <div class="post-reblog-content">
  1534.         <div class="post-body">{Body}</div>
  1535.     </div> <!-- post-reblog-content -->
  1536.     </div> <!-- post-reblog-trail-item -->
  1537. {/block:Reblogs}
  1538. </div> <!-- reblog-list -->
  1539. {/block:RebloggedFrom}
  1540. </div> <!-- post-content -->
  1541. {/block:Audio}
  1542.  
  1543. <!-------------------------------------------------------------VIDEO---->
  1544.  
  1545. {block:Video}
  1546. <figure class="post-content {block:Caption}with-caption{/block:Caption}">
  1547. <div class="video-wrapper">{Video-700}</div>
  1548.  
  1549. {block:NotReblog}
  1550. <figcaption class="caption">{Caption}</figcaption>
  1551. {/block:NotReblog}
  1552.  
  1553. {block:RebloggedFrom}
  1554. <div class="reblog-list">
  1555. {block:Reblogs}
  1556.     <div class="post-reblog-trail-item
  1557.    {block:isOriginalEntry}original-reblog-content
  1558.    {/block:isOriginalEntry}">
  1559.     <div class="post-reblog-header">
  1560.         {block:IsActive}
  1561.         <a target="_blank" class="post-tumblelog-name"
  1562.        href="{Permalink}">{Username}</a>
  1563.         {/block:IsActive}
  1564.        
  1565.         {block:IsDeactivated}
  1566.         <span class="inactive post-tumblelog-name">{Username}</span>
  1567.         {/block:IsDeactivated}
  1568.     </div> <!-- post-reblog-header -->
  1569.  
  1570.     <div class="post-reblog-content">
  1571.         <div class="post-body">{Body}</div>
  1572.     </div> <!-- post-reblog-content -->
  1573.     </div> <!-- post-reblog-trail-item -->
  1574. {/block:Reblogs}
  1575. </div> <!-- reblog-list -->
  1576. {/block:RebloggedFrom}
  1577. </figure> <!-- post-content -->
  1578. {/block:Video}
  1579.  
  1580. <!--------------------------------------------------------POST EXTRA---->
  1581.  
  1582. <section class="inline-meta post-extra{block:RebloggedFrom} has-reblog
  1583. {/block:RebloggedFrom}{block:ContentSource} has-source
  1584. {/block:ContentSource}{block:HasTags} has-tags{/block:HasTags}">
  1585.  
  1586.     {block:ContentSource}
  1587.     <a class="meta-item source-link" href="{SourceURL}">
  1588.     {lang:Source}: {SourceTitle}</a>
  1589.     {/block:ContentSource}
  1590.  
  1591.     {block:HasTags} <!-----TAGS---->
  1592.         {block:Tags}
  1593.         <a class="meta-item tag-link" href="{TagURL}">{Tag}</a>
  1594.         {/block:Tags}
  1595.     {/block:HasTags}
  1596. </section> <!-- inline-meta post-extra -->
  1597.  
  1598. </section>
  1599.  
  1600. {block:Date}
  1601. <section class="panel">
  1602. <footer class="post-footer">
  1603.     <section class="panel">
  1604.         <section class="inline-meta date-notes">
  1605.             <div class="date-note-wrapper">
  1606.                 {block:NoteCount}
  1607.                 <span>
  1608.                 <a href="{Permalink}#notes" class="meta-item post-notes">
  1609.                 {NoteCountWithLabel}</a>
  1610.                 </span>
  1611.                 {/block:NoteCount}
  1612.            
  1613.                 <a href="{Permalink}" title="{TimeAgo}"
  1614.                class="meta-item post-date">
  1615.                 {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>
  1616.             </div>
  1617.         </section> <!-- inline-meta date-notes -->
  1618.    
  1619.         <section class="post-controls">
  1620.             <div class="controls-wrapper">
  1621.                 <div class="control reblog-control">
  1622.                 {ReblogButton size="24" color="black"}</div>
  1623.                 <div class="control like-control">
  1624.                 {LikeButton size="24" color="black"}</div>
  1625.             </div> <!-- controls-wrapper -->
  1626.         </section> <!-- post-controls -->
  1627.     </section> <!-- panel -->
  1628.  
  1629.     {block:PermalinkPage}
  1630.         <div class="post-notes">
  1631.         {block:PostNotes}{PostNotes-64}{/block:PostNotes}
  1632.         </div>
  1633.     {/block:PermalinkPage}
  1634. </footer> <!-- post-footer -->
  1635. </section> <!-- panel -->
  1636. {/block:Date}
  1637. <script>
  1638.       feather.replace()
  1639. </script>                                          
  1640. {block:PermalinkPage}
  1641. {block:Date}
  1642. {block:IfDisqusShortname}
  1643. <section class="comments">
  1644. <div id="disqus_thread"></div>
  1645. <script type="text/javascript">
  1646.                                                       (function() {
  1647.                                                        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1648.                                                        dsq.src = 'https://{text:Disqus Shortname}.disqus.com/embed.js';
  1649.                                                        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1650.                                                       })();
  1651. </script>
  1652. <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
  1653. <a href="https://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1654. </section> <!-- comments -->
  1655. {/block:IfDisqusShortname}
  1656. {/block:Date}
  1657. {/block:PermalinkPage}
  1658.  
  1659. <!---------------------------------------------------------------------->
  1660. </div><!-- end of .posts -->
  1661. </article><!-- end of article -->
  1662. </div><!-- end of .post-wrapper -->
  1663. {/block:Posts}
  1664.  
  1665. <!---------------------------------------------------------------------->
  1666. {block:Pagination}
  1667. <div class="pagination">
  1668.     {block:PreviousPage}
  1669.     <a href="{PreviousPage}" class="jump_page">{lang:Previous}</a>
  1670.     {/block:PreviousPage}
  1671.    
  1672.     {block:JumpPagination length="5"}
  1673.         {block:CurrentPage}
  1674.         <span class="current_page">{PageNumber}</span>
  1675.         {/block:CurrentPage}
  1676.         {block:JumpPage}
  1677.         <a class="jump_page" href="{URL}">{PageNumber}</a>
  1678.         {/block:JumpPage}
  1679.     {/block:JumpPagination}
  1680.    
  1681.     {block:NextPage}
  1682.     <a href="{NextPage}" class="jump_page">{lang:Next}</a>
  1683.     {/block:NextPage}
  1684. </div><!-- end of .pagination -->
  1685.  
  1686. <div class="boo">Theme by <a href="https://boodaloo.tumblr.com/">BOO</a></div>
  1687. {/block:Pagination}
  1688.  
  1689. </body>
  1690. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!