API tools faq
paste
Advertisement
BOOdalinski

BOODALINSKI (Tumblr Theme)

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