API tools faq
paste
Advertisement
BOOdalinski

DOCK (Tumblr Theme)

BOOdalinski
Aug 10th, 2019
344
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 41.55 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------------
  2.  
  3.                 Dock by BOOdalinski
  4.                
  5. Want to add more sidebar links? Search "!GUIDE!" for a quick tutorial!        
  6. ------------------------------------------------------------------------>
  7.  
  8. <!DOCTYPE html>
  9. <!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
  10. <!--[if IE 9]><html class="lt-ie10"> <![endif]-->
  11. <!--[if gt IE 9]><!--> <html> <!--<![endif]-->
  12.  
  13. <head>
  14. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  15. <meta name="theme-color" content="#35465D">
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. <link rel="stylesheet" href="https://static.tumblr.com/mftixld/AmMpjzwer/main-min.css">
  20.  
  21.     <title>{Title}</title>
  22.     {block:Description}
  23.     <meta name="description" content="{MetaDescription}">
  24.     {/block:Description}
  25.     <link rel="shortcut icon" href="{Favicon}">
  26.     <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  27.     <meta name="if:Banner Aa" content=""/>
  28.     <meta name="if:Banner Italic" content=""/>
  29.     <meta name="if:Description Italic" content=""/>
  30.     <meta name="if:Tooltip Italic" content="">
  31.     <meta name="if:3 Links" content="">
  32.    
  33.  
  34.     <meta name="color:Background" content="#F6F6F6">
  35.     <meta name="color:Posts" content="#FFFFFF">
  36.     <meta name="color:Banner" content="#AAAAAA">
  37.     <meta name="color:Sidebar" content="#CCCCCC">
  38.     <meta name="color:Nav" content="#FFFFFF">
  39.     <meta name="color:Nav Links" content="#ADADAD">
  40.     <meta name="color:Link Hover" content="#007AFF">
  41.     <meta name="color:Answer Posts" content="#007AFF">
  42.     <meta name="color:Text" content="#555555">
  43.     <meta name="color:Bold" content="#333333">
  44.    
  45.     <meta name="select:Sidebar Opacity" content="40" title="40%"/>
  46.     <meta name="select:Sidebar Opacity" content="10" title="10%"/>
  47.     <meta name="select:Sidebar Opacity" content="20" title="20%"/>
  48.     <meta name="select:Sidebar Opacity" content="30" title="30%"/>
  49.     <meta name="select:Sidebar Opacity" content="50" title="50%"/>
  50.     <meta name="select:Sidebar Opacity" content="60" title="60%"/>
  51.     <meta name="select:Sidebar Opacity" content="70" title="70%"/>
  52.     <meta name="select:Sidebar Opacity" content="80" title="80%"/>
  53.     <meta name="select:Sidebar Opacity" content="90" title="90%"/>
  54.     <meta name="select:Sidebar Opacity" content="" title="100%"/>
  55.  
  56.     <meta name="select:Post Width" content="700px"/> <!--Recommended-->
  57.     <meta name="select:Post Width" content="600px"/>
  58.     <meta name="select:Post Width" content="640px"/>
  59.     <meta name="select:Post Width" content="750px"/>
  60.     <meta name="select:Post Width" content="800px"/>
  61.     <meta name="select:Post Width" content="850px"/>
  62.     <meta name="select:Post Width" content="900px"/>
  63.  
  64.             <!-- POST BOX-SHADOW -->
  65. <meta name="select:Post Shadow" content="0 1px 2px rgba(0, 0, 0, .1)" title="Subtle"/>
  66. <meta name="select:Post Shadow" content="none" title="No Shadow"/>
  67.  
  68. <!----FONT WEIGHT---->
  69.     <meta name="select:Banner Font Weight" content="400" title="Normal"/>
  70.     <meta name="select:Banner Font Weight" content="700" title="Bold"/>
  71.     <meta name="select:Banner Font Weight" content="900" title="Black"/>
  72.     <meta name="select:Tooltip Font Weight" content="400" title="Normal"/>
  73.     <meta name="select:Tooltip Font Weight" content="300" title="Light"/>
  74.  
  75.     <!----FONTS---->    
  76.     <meta name="text:Body Font Size" content="15px"/>
  77.     <meta name="text:Banner Font Size" content="2em">
  78.    
  79.     <!-- FONTS -->
  80.     <meta name="text:Banner Font" content="Lato"/>
  81.     <meta name="text:Header Font" content="Lato"/>
  82.     <meta name="text:Body Font" content="Source Sans Pro"/>
  83.     <meta name="text:Tooltip Font" content="Source Sans Pro"/>
  84.    
  85.     <!-- SIDEBAR LINKS -->
  86.     <meta name="text:Home Label" content="Home"/>
  87.     <meta name="text:Ask Label" content="Ask"/>
  88.     <meta name="text:Link 1" content="Link 1 Title"/>
  89.     <meta name="text:Link 2" content="Link 2 Title"/>
  90.     <meta name="text:Link 3" content="Link 3 Title"/>
  91.     <meta name="text:Link 1 url" content="/1"/>
  92.     <meta name="text:Link 2 url" content="/2"/>
  93.     <meta name="text:Link 3 url" content="/3"/>
  94.  
  95.     <!-- SIDEBAR ICONS and SIZE -->
  96.     <meta name="text:Don't Know Your Choices?" content="https://linearicons.com/free"/>
  97.     <meta name="text:Home Icon" content="home"/>
  98.     <meta name="text:Ask Icon" content="inbox"/>
  99.     <meta name="text:Link 1 Icon" content="tag"/>
  100.     <meta name="text:Link 2 Icon" content="map"/>
  101.     <meta name="text:Link 3 Icon" content="flag"/>
  102.  
  103. <!----- Fonts ---->
  104. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  105. <link href="https://fonts.googleapis.com/css?family={text:Body Font}:300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
  106. <link href="https://fonts.googleapis.com/css?family={text:Banner Font}:400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
  107. <link href="https://fonts.googleapis.com/css?family={text:Header Font}:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
  108. <link href="https://fonts.googleapis.com/css?family={text:Tooltip Font}:300,300i,400,400i" rel="stylesheet">
  109. <!----- Fonts ---->
  110.  
  111. <!----- Scripts ---->
  112. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  113. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  114. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  115. <!----- Scripts ---->
  116.  
  117. <!---------------------------------------------------------------------->
  118.  
  119. <style type="text/css">
  120.  
  121. * {
  122.     -webkit-font-smoothing: antialiased;
  123.     -moz-osx-font-smoothing: grayscale;
  124.     }
  125.  
  126. /*-----------------------------------------------------------BANNER----*/
  127. .banner {margin:5em auto;}
  128. .banner a.banner-content {margin:5em auto;text-align:center;}
  129. h1.blog-title {
  130.     letter-spacing:.25em;
  131.     padding-left:.25em;
  132.     {block:PermalinkPage}display:none;{/block:PermalinkPage}
  133.     font-size:{text:Banner Font Size};
  134.     font-weight:{select:Banner Font Weight};
  135.     font-family:{text:Banner Font}, sans-serif;
  136.     font-style:{block:ifBannerItalic}italic{/block:ifBannerItalic};
  137.     text-transform:{block:ifBannerAa}uppercase{/block:ifBannerAa};
  138.     color:{color:Banner};
  139.     }
  140. .description {
  141.     {block:PermalinkPage}display:none;{/block:PermalinkPage}
  142.     font-family:{text:Banner Font};
  143.     {block:ifDescriptionItalic}
  144.     font-style:italic;
  145.     {/block:ifDescriptionItalic}
  146.     font-size:calc({text:Banner Font Size} / 2.5);
  147.     color:{color:Banner}90;
  148.     text-align:center;
  149.     margin-bottom:2em;
  150.     }
  151.  
  152. /*----------------------------------------------------------SIDEBAR----*/
  153. header {height:100vh;top:0;position:fixed;}
  154. aside {
  155.     max-width:10vw;
  156.     position:fixed;
  157.     height:100%;
  158.     z-index:999!important;
  159.     padding-left:1em;
  160.     padding-right:1em;
  161.     background:{color:Sidebar}{select:Sidebar Opacity};
  162.     line-height:140%;
  163.     }
  164. nav a.avatar {
  165.     background-image:url({PortraitURL-128});
  166.     background-size:cover;
  167.     background-position:center;
  168.     border-radius:100%;
  169.     margin-bottom:.5em;
  170.     border:0.5px solid {color:Sidebar};
  171.     }
  172. nav a.avatar:hover {border-color:{color:Link Hover};}  
  173. nav {margin-top:30vh; transform:translateY(-50%);}
  174. nav a {
  175.     display:block;
  176.     font-size:14px;
  177.     line-height:160%;
  178.     height:14px;
  179.     width:14px;
  180.     padding:10px;
  181.     margin:5px auto;
  182.     border-radius:20px;
  183.     background:{color:Nav};
  184.     color:{color:Nav Links};
  185.     transition:all 300ms ease-in-out;
  186.     }
  187. nav a:not(nav a.avatar) {border:0.5px solid transparent;}    
  188. nav a:hover {color:{color:Link Hover}}
  189. nav a:not(nav a.avatar):hover {border-color:{color:Link Hover}60;background:{color:Link Hover}10;}    
  190.  
  191. /*----TOOLTIP----*/
  192. #s-m-t-tooltip {
  193.     transition:all 200ms ease-in-out;
  194.     margin-left:2.5em;
  195.     border-radius:3px;
  196.     padding: 0.1em 0.8em;
  197.     color:{color:Link Hover};
  198.     background:{color:Link Hover}10;
  199.     box-shadow:{select:Post Shadow};
  200.     border:.5px solid {color:Link Hover}60;
  201.     z-index:9999999999999!important;
  202.     font-size:10px;
  203.     font-weight:{select:Tooltip Font Weight};
  204.     {block:ifTooltipItalic}
  205.     font-style:italic;
  206.     {/block:ifTooltipItalic}
  207.     letter-spacing:0.25px;
  208.     font-family:{text:Tooltip Font};
  209.     -webkit-backdrop-filter: blur(6px);
  210.     }
  211.  
  212. /*------------------------------------------------------MAIN LAYOUT----*/
  213.  
  214. main {margin:0 auto;width:100%;position:relative;min-height:100%;}
  215. article {margin:5% auto;}
  216.  
  217. .posts {
  218.     max-width:70vw;
  219.     box-sizing:content-box;
  220.     border-radius:3px;
  221.     padding:2em;
  222.     text-align:left;
  223.     width:{select:Post Width};
  224.     margin:5% auto;
  225.     background:{color:Posts};
  226.     box-shadow:{select:Post Shadow};
  227.     margin:2em auto;
  228.     }
  229.  
  230. /*----MAIN CONTENT----*/
  231. body {
  232.     color:{color:Text};
  233.     background:{color:Background};
  234.     font-size:{text:Body Font Size};
  235.     width:100%;
  236.     font-family:{text:Body Font}, Helvetica Neue, sans-serif;
  237.     line-height:160%;
  238.     text-decoration:none;
  239.     text-rendering: optimizeLegibility;
  240.     }
  241.  
  242. /*----POSTS TAGGED BY----*/
  243. .tag-page {
  244.     text-align:center;
  245.     font-size:1.2em;
  246.     font-family:{text:Body Font};
  247.     color:{TitleColor}90;
  248.     font-weight:400;
  249.     margin-top:-1em;
  250.     margin-bottom:2em;
  251.     }
  252.  
  253. b, strong {color:{color:Bold};font-weight:bold;}
  254. hr {width:100%;margin-left:0px;border:.1px dashed {color:Text}40;}
  255.  
  256. /*------------------------------------------------------------POSTS----*/
  257.  
  258. /*----HEADERS and TITLES----*/
  259. .post-content h2 b, .post-content h2 strong {color:#000000;}
  260. .post-content h1 {margin-bottom:1em;text-align:center;}  
  261. .post-content h1, .post-content h2 {
  262.     color:{TitleColor};
  263.     font-family:{text:Header Font}, Helvetica Neue, sans-serif;
  264.     font-weight:700;
  265.     }
  266. .post-title a:hover {color:{color:Link Hover};}
  267. .post-title a {
  268.     color:{TitleColor};
  269.     font:bold 1.6em {text:Header Font}, Helvetica Neue, sans-serif;
  270.     text-transform:none;
  271.     width:auto;
  272.     }
  273.  
  274. /*----LINKS----*/
  275. a {color:{TitleColor};transition:all 300ms ease-in-out;}
  276. a:hover {color:{color:Link Hover};}
  277. a, a:hover {text-decoration:none;}
  278. p a {font-weight:normal;transition: all 300ms ease-in-out;}
  279. p a:hover {color:{color:Link Hover};}
  280. .post-content a {color:{TitleColor};}
  281. .post-content a:hover {color:{color:Link Hover};}
  282.  
  283. /*----LISTS----*/
  284. .post-content ol, .post-content ul {padding-left:1em;margin-left:2em;}
  285. .post-content ul li:not(.nav-links li) {list-style-type:circle;}
  286.  
  287. /*----BLOCKQUOTES----*/
  288. .post-content blockquote b,.post-content blockquote strong {color:{color:Text};}
  289. .post-content blockquote {
  290.     color:{color:Text}90;
  291.     border-left:1px solid {color:Text}20;
  292.     margin-left:2em;
  293.     padding-left:1em;
  294.     }
  295.  
  296. /*----READ MORE----*/
  297. a.read_more {
  298.     color:{TitleColor};
  299.     background:#fff;
  300.     font-family:{text:Header Font}, Helvetica Neue, sans-serif;
  301.     font-size:calc({text:Body Font Size} - 20%);
  302.     font-weight:500;
  303.     text-align:center;
  304.     text-transform:uppercase;
  305.     text-decoration:none;
  306.     letter-spacing:1.5px;
  307.     padding:5px;
  308.     border:.5px solid {TitleColor};
  309.     border-radius:3px;
  310.     box-shadow: 0 1px 2px #00000010;
  311.     transition: all 300ms ease-in-out;
  312.     }
  313. a.read_more:hover {
  314.     color:{color:Link Hover};
  315.     border-color:{color:Link Hover};}
  316. .read_more_container {width:100%;text-align:center;}
  317.  
  318.  
  319. /*-------------------------------------------------------POST TYPES----*/
  320.  
  321. .npf-link-block>a, .post-content .answerer-answer .tmblr-full>img, .post-content .asker-question .tmblr-full>img, .post-content .body-text .tmblr-full>img, .post-content .caption .tmblr-full>img, .post-content .replies .tmblr-full>img, .post-content .source .tmblr-full>img {border-top-left-radius:4px;border-top-right-radius:4px;}
  322.  
  323. .post-content .answerer-answer figure p.tmblr-attribution, .post-content .asker-question figure p.tmblr-attribution, .post-content .body-text figure p.tmblr-attribution, .post-content .caption figure p.tmblr-attribution, .post-content .replies figure p.tmblr-attribution, .post-content .source figure p.tmblr-attribution {border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
  324.  
  325. /*----ANSWER----*/
  326. .note-item .avatar img {
  327.     border-radius:2em;
  328.     padding:2px;
  329.     transition: all 300ms ease-in-out;
  330.     }
  331. .note-item-answerer .avatar img {border:1px solid {color:Text}30;}
  332. .note-item-asker .avatar img {border:1px solid {color:Answer Posts}30;}
  333. .note-item .text:after {display:none;}
  334. .note-item .text {font-size:{text:Body Font Size};line-height:150%;}
  335. .note-item-asker .text {
  336.     background:{color:Answer Posts}20;
  337.     border: 1px solid {color:Answer Posts}20;
  338.     color:{color:Answer Posts};
  339.     }
  340. .note-item-answerer .text {
  341.     background:{color:Text}10;
  342.     border: 1px solid {color:Text}10;
  343.     color:{color:Text}90;
  344.     }    
  345. .note-item .text .answerer,
  346. .note-item .text .asker {
  347.     color:{color:Bold};
  348.     font-style:italic;
  349.     font-size:calc({text:Body Font Size} - 20%);
  350.     }
  351.  
  352. /*----LINK----*/
  353. .link-wrapper {
  354.     background:{color:Text}20;
  355.     border:1px solid {color:Text}30;
  356.     border-radius:4px;
  357.     box-shadow: 0 1px 2px #00000010;
  358.     transition: all 300ms ease-in-out;
  359.     }
  360. .link-wrapper:hover {border-color:{color:Link Hover}60;background:{color:Link Hover}20;}
  361. .link-text-wrapper{color:{color:Text};transition: all 300ms ease-in-out;}
  362. .link-text-wrapper:hover {color:{color:Link Hover};}
  363. .link-title::after {display:none;}
  364.  
  365. /*----CHAT----*/
  366. .conversation .chat {font-family:{text:Body Font};}
  367. .conversation .label {
  368.     font-family:{text:Body Font};
  369.     font-size:10px;
  370.     text-transform:none;
  371.     letter-spacing:.25px;
  372.     }
  373. .chat.chat-even .label {text-align:right;font-weight:normal;}    
  374. .chat.chat-odd .label {font-weight:normal;}    
  375. .chat.chat-odd .line {
  376.     color:{color:Answer Posts};
  377.     background:{color:Answer Posts}20;
  378.     border:1px solid {color:Answer Posts}20;
  379.     float:left;
  380.     }
  381. .chat.chat-even .line {
  382.     background:{color:Text}10;
  383.     color:{color:Text}90;
  384.     border:1px solid {color:Text}10;
  385.     float:right;
  386.     }
  387. .chat.chat-odd .line, .chat.chat-even .line {
  388.     padding:0.3em 0.8em;
  389.     display:flex;
  390.     border-radius:4px;
  391.     max-width:65%;
  392. }  
  393.  
  394. /*----PHOTO and VIDEO----*/
  395. img{height:auto;width:auto;max-height:100%;max-width:100%;margin:0 auto;}
  396. .video-wrapper {height:auto;max-width:700px;margin:0 auto;}
  397. .video .posts {min-width:700px;}
  398.  
  399. /*----QUOTES----*/
  400. .quote .source {margin-top:10px;position:relative;font-size:calc({text:Body Font Size} - 20%);text-align:right;}
  401. .quote .source:before {content: "";display:none;}
  402. .quote .post-content blockquote:before {letter-spacing:1px;}
  403. .quote .post-content blockquote:after {margin-left:0;letter-spacing:1px;}
  404. .quote .post-content blockquote {
  405.     color:{color:Bold};
  406.     border:none;
  407.     font-family:{text:Header Font}, Helvetica Neue, sans-serif;
  408.     font-size:calc({text:Body Font Size} + 150%);
  409.     font-weight:bold;
  410.     line-height:160%;
  411.     margin:0;
  412.     padding:0 5px 0 0;
  413.     quotes: "“" "”" "‘" "’";
  414.     word-break:break-word;
  415.     }
  416.  
  417. /*----REBLOG----*/
  418. .post-avatar-image {border-radius:100%;padding:1px;border:1px solid {color:Background};}
  419.  
  420. /*------------------------------------------------------POST FOOTER----*/
  421.  
  422. /*----TAGS----*/
  423. a.meta-item.tag-link:before {content:'';} /* removes the # */
  424. a.meta-item.tag-link{
  425.     color:{AccentColor};
  426.     background:{AccentColor}20;
  427.     padding: 0.3em 0.8em;
  428.     text-transform:none;
  429.     border-radius:20px;
  430.     transition: all 300ms ease-in-out;
  431.     margin:.5em;
  432.     }
  433.  
  434. a.meta-item.tag-link:hover {
  435.     color:{color:Link Hover};
  436.     background:{color:Link Hover}20;
  437.     }
  438. a.meta-item.post-notes {font-weight:normal;}    
  439.  
  440. /*----LIKE and REBLOG----*/
  441. .post-controls {color:{TitleColor};transition: all 300ms ease-in-out;}
  442. .post-controls .control .like_button:hover,
  443. .post-controls .control .reblog_button:hover,
  444. .post-controls .control .share:hover {
  445.     color: {color:Link Hover};
  446.     transition: all 300ms ease-in-out;
  447.     }
  448. .reblog-link:hover:before {color:{TitleColor};}
  449.  
  450. /*----POST NOTES----*/
  451. .date-notes, .post-notes, .post-extra {font-family:{text:Body Font};}
  452. .date-notes {font-size:.8em;transition: all 300ms ease-in-out;}
  453. .post-notes {color:{TitleColor};}
  454. .post-extra {
  455.     font-size: calc({text:Body Font Size} - 33.333%);
  456.     width:auto;
  457.     line-height:130%;
  458.     }
  459.  
  460. a.meta-item.post-notes:hover {color:{color:Link Hover};}
  461. a.meta-item.post-notes {
  462.     color:{TitleColor};
  463.     transition:all 300ms ease-in-out;
  464.     }
  465.  
  466. /*----PERMALINK POST NOTES----*/
  467. .post-notes ol li {list-style:none;}
  468. .post-notes ol.notes li.note {padding:1em;color:{color:Text}90;}
  469. .like .avatar_frame:after {padding:2px;}
  470. .reply .avatar_frame:after {padding:2px;}
  471. .reblog:not(.original_post) .avatar_frame:after {padding:2px;}
  472. .post-notes ol.notes li.note img.avatar {
  473.     height:26px;
  474.     width:26px;
  475.     border-radius:2px;
  476.     margin-right:5px;
  477.     }
  478. .post-notes ol.notes li.note span.action {font-weight:normal;}
  479. .post-notes ol.notes li.note .answer_content {font-weight:normal;}
  480. .post-notes ol.notes li.note blockquote a {
  481.     text-decoration:none;
  482.     color:{color:Text}90;
  483.     }
  484. .post-notes ol.notes li.note blockquote {
  485.     border-left:1px solid {color:Text}20;
  486.     margin-left:4em;
  487.     padding-left:1em;
  488.     }
  489.  
  490. /*-----------------------------------------------------------FOOTER----*/
  491.  
  492. /*----PAGINATION----*/
  493. .pagination {margin:5% 0 5% 0;text-align:center;}
  494. .jump_page, .current_page {
  495.     font-family:{text:Header Font};
  496.     letter-spacing:1.5px;
  497.     text-transform:uppercase;
  498.     font-size:10px;
  499.     text-decoration:none;
  500.     border-radius:3px;
  501.     padding:6px 16px;
  502.     margin:0 2px;
  503.     transition:all 200ms ease-in-out;
  504.     }
  505.  
  506. .jump_page {background:{color:Posts};color:{color:Text}90;}
  507. .current_page, .jump_page:hover {
  508.     color:{color:Link Hover};background:{color:Link Hover}20;
  509.     }
  510.  
  511. /*----SCROLL TO TOP----*/    
  512. #totop {
  513.     z-index:900;
  514.     cursor:pointer;
  515.     padding:5px 9.5px;
  516.     bottom:20px;
  517.     right:20px;
  518.     text-align:center;
  519.     position:fixed;
  520.     display:none;
  521.     text-decoration:none;
  522.     overflow:hidden;
  523.     border:.5px solid transparent;
  524.     border-radius:100%;
  525.     color:{color:Text};
  526.     background:{color:Text}10;
  527.     transition:all 200ms ease-in-out;
  528.     }
  529. #totop:hover {
  530.     color:{color:Link Hover};
  531.     border-color:{color:Link Hover}60;
  532.     background:{color:Link Hover}10;
  533.     }    
  534.        
  535. /*----TUMBLR CONTROLS ICON----*/
  536. .hcontrols .lnr {
  537.     font-size:12px;
  538.     color:{color:Text};
  539.     background:{color:Text}10;
  540.     border-radius:100%;
  541.     padding:.5em;
  542.     }
  543. .hcontrols {
  544.     position:fixed;
  545.     top:1em;
  546.     right:1em;
  547.     z-index:999999999;
  548.     display:inline-block;
  549.     vertical-align:middle;
  550.     }
  551.  
  552. /*----TUMBLR CONTROLS----*/
  553. iframe.tmblr-iframe {
  554.     z-index:9999999999;
  555.     top:0.7em;
  556.     left:auto;
  557.     padding-right:4em;
  558.     opacity:0;
  559.      filter:invert(1) contrast(200%);
  560.         -webkit-filter:invert(1) contrast(150%);
  561.         -o-filter:invert(1) contrast(150%);
  562.         -moz-filter:invert(1) contrast(150%);
  563.         -ms-filter:invert(1) contrast(150%);
  564.     transform:scale(.6);
  565.     transform-origin:right top;
  566.     vertical-align:top;
  567.     transition:all 200ms ease-in-out;
  568.     }
  569. iframe.tmblr-iframe:hover {opacity:0.4;}
  570. /*-------------------------------------------------------CUSTOM CSS----*/
  571.  
  572. {CustomCSS}
  573.  
  574.  
  575. </style>
  576.  
  577. <!-----QUICK CREDIT: Style My Tooltips by Manos Malihutsakis---->
  578. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  579. <script>
  580. (function($){
  581. $(document).ready(function(){
  582. $("[title]").style_my_tooltips({
  583. tip_follows_cursor:true,
  584. tip_delay_time:0,
  585. tip_fade_speed:0
  586. });
  587. });
  588. })(jQuery);
  589. </script>
  590. <!-----QUICK CREDIT: Style My Tooltips by Manos Malihutsakis---->
  591.  
  592. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  593. <script type="text/javascript">
  594. $(function() {      
  595.       $(window).scroll(function() {
  596.         if($(this).scrollTop() != 0) {
  597.             $('#totop').fadeIn();        
  598.         }
  599.         else {
  600.             $('#totop').fadeOut();      
  601.         }
  602.       });
  603.  
  604.       $('#totop').click(function() {
  605.         $('body,html').animate({scrollTop:0},800);
  606.       });
  607. });
  608. </script>
  609.  
  610. <!-----------------------------------------------------------------------
  611.                               ASK FORM
  612.    
  613.    Want to add text to your ask page? Here's a quick tutorial!
  614. -------------------------------------------------------------------------
  615. STEP 1 - Create you desired content in HTML format
  616.    Example: <p>Question 1?</p><ul><li>Answer 1.</li></ul>
  617.  
  618. STEP 2 - Insert the text within the '' of $('#ask_form').before('');
  619.    Example: $('#ask_form').before('<p>Question 1?</p><ul><li>Answer 1.</li></ul>');
  620.      
  621. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  622. QUICK TIPS...
  623.  
  624. TIP 1 - Make sure there are no spaces between the elements.
  625.    
  626.    Do:     <p><strong>Question 1?<strong></p><ul><li>Answer 1.</li></ul>
  627.    Don't:  <p><strong>Question 1?<strong></p>
  628.            <ul><li>Answer 1.</li></ul>
  629.  
  630. TIP 2 - Avoid using contractions. The script will read it as you closing the .before('') content. As a result, your content will not appear.
  631. ------------------------------------------------------------------------>
  632.  
  633. <script type="text/javascript">
  634. $(document).ready(function(){
  635.    $('#ask_form').before('');
  636. });
  637. </script>
  638.  
  639. <!----------------------------------------------------------ASK FORM---->
  640.  
  641. </head>
  642. <body>
  643. <div id="totop"><span class="lnr lnr-chevron-up"></span></div>
  644.  
  645. <div class="hcontrols"><span class="lnr lnr-cog"></span></div>
  646. <!-----------------------------------------------------------SIDEBAR---->
  647.  
  648. <header>
  649. <aside>
  650. <nav id="nav-wrapper">
  651.     {block:ShowAvatar}
  652.     <a href="/" class="avatar"></a>
  653.     {/block:ShowAvatar}
  654.    
  655.     <a class="hover" href="/" title="{text:Home Label}">
  656.     <div class="lnr lnr-{text:Home Icon}"></div></a>
  657.    
  658.     {block:AskEnabled}    
  659.     <a class="hover" href="/ask" title="{text:Ask Label}">
  660.     <div class="lnr lnr-{text:Ask Icon}"></div></a>
  661.     {/block:AskEnabled}        
  662.  
  663.     <a class="hover" href="{text:Link 1 url}" title="{text:Link 1}">
  664.     <div class="lnr lnr-{text:Link 1 Icon}"></div></a>
  665.    
  666.     <a class="hover" href="{text:Link 2 url}" title="{text:Link 2}">
  667.     <div class="lnr lnr-{text:Link 2 Icon}"></div></a>    
  668.    
  669.     {block:if3Links}
  670.     <a class="hover" href="{text:Link 3 url}" title="{text:Link 3}">
  671.     <div class="lnr lnr-{text:Link 3 Icon}"></div></a>
  672.     {/block:if3Links}
  673.    
  674. <!-----------------------------------------------------------------------
  675. !GUIDE! WANT MORE LINKS?
  676.  
  677. <a class="hover" href="/yourlink" title="Your Link Title">
  678. <div class="lnr lnr-icon"></div></a>  
  679.  
  680. ------------------------------------------------------------------------>
  681. </nav>    
  682. </aside>
  683. </header>
  684.  
  685. <!-------------------------------------------------------------POSTS---->
  686.  
  687. <!----Banner---->
  688. <div class="banner"><a href="/" class="banner-content">
  689.     <h1 class="blog-title">{Title}</h1>
  690.     {block:ShowDescription}
  691.     <div class="description">{Description}</div>  
  692.     {block:ShowDescription}
  693.     </a>
  694. </div>
  695. <!----Banner---->
  696.  
  697. {block:TagPage}
  698.     <div class="tag-page">Posts Tagged “{Tag}”</div>
  699.     {/block:TagPage}
  700.  
  701. {block:Posts}
  702. <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}">
  703.  
  704. <div class="posts" id="{PostID}">
  705.    
  706. {block:Text}
  707. <div class="post-content">
  708.     {block:Title}
  709.     <h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>
  710.     {/block:Title}
  711.     {block:NotReblog}
  712.     <div class="body-text">{Body}</div>
  713.     {/block:NotReblog}
  714.    
  715.     {block:RebloggedFrom}
  716.     <div class="reblog-list">
  717.     {block:Reblogs}
  718.         <div class="post-reblog-trail-item{block:isOriginalEntry}
  719.        original-reblog-content{/block:isOriginalEntry}">
  720.         <div class="post-reblog-header">
  721.             {block:IsActive}
  722.             <a target="_blank" class="post-tumblelog-name"
  723.            href="{Permalink}">{Username}</a>
  724.             {/block:IsActive}
  725.            
  726.             {block:IsDeactivated}
  727.             <span class="inactive post-tumblelog-name">{Username}</span>
  728.             {/block:IsDeactivated}
  729.         </div> <!-- post-reblog-header -->
  730.    
  731.         <div class="post-reblog-content">
  732.             <div class="post-body">{Body}</div>
  733.         </div> <!-- post-reblog-content -->
  734.         </div> <!-- post-reblog-trail-item -->
  735.     {/block:Reblogs}
  736.     </div> <!-- reblog-list -->
  737.     {/block:RebloggedFrom}
  738. </div> <!-- post-content -->
  739. {/block:Text}
  740.  
  741. <!------------------------------------------------------------ANSWER---->
  742.  
  743. {block:Answer}
  744. <div class="post-content">
  745.     <div class="note-item note-item-asker">
  746.         <div class="text">
  747.             <p class="asker"><strong>{Asker}</strong> asked:</p>
  748.             <div class="asker-question">{Question}</div>
  749.         </div> <!-- text -->
  750.         <div class="avatar">
  751.             <img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
  752.         </div> <!-- avatar -->
  753.     </div> <!-- note-item note-item-asker -->
  754.  
  755. {block:Answerer}
  756. <div class="note-item note-item-answerer">
  757.    
  758.     <div class="text">
  759.     <p class="answerer"><strong>{Answerer}</strong> answered:</p>
  760.     <div class="answerer-answer">{Answer}</div>
  761.     </div> <!-- text -->
  762.    
  763.     <div class="avatar">
  764.     <img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
  765.     </div> <!-- avatar -->
  766.    
  767. </div> <!-- note-item note-item-answerer -->
  768. {/block:Answerer}
  769.  
  770. {block:NotReblog}
  771. <div class="replies">{Replies}</div>
  772. {/block:NotReblog}
  773.  
  774. {block:RebloggedFrom}
  775. <div class="reblog-list">
  776.     {block:Reblogs}
  777.     <div class="post-reblog-trail-item
  778.    {block:isOriginalEntry} original-reblog-content
  779.    {/block:isOriginalEntry}">
  780.     <div class="post-reblog-header">
  781.                                                                             {block:HasAvatar}
  782.     <div class="post-avatar">
  783.     <div class="post-avatar-wrapper">
  784.         {block:HasPermalink}
  785.             <a class="post-avatar-link
  786.            {block:isNotOriginalEntry} sub-icon-reblog
  787.            {/block:isNotOriginalEntry}" href="{Permalink}"
  788.            target="_blank">
  789.             <img class="post-avatar-image" src="{PortraitURL-64}">
  790.             </a>
  791.         {/block:HasPermalink}
  792.         {block:HasNoPermalink}
  793.             <span class="reblog-avatar
  794.            {block:IsDeactivated} inactive{/block:IsDeactivated}
  795.            {block:isNotOriginalEntry} sub-icon-reblog
  796.            {/block:isNotOriginalEntry}">
  797.             <img class="post-avatar-image" src="{PortraitURL-64}"></span>
  798.         {/block:HasNoPermalink}
  799.     </div>
  800.     </div>
  801.     {/block:HasAvatar}
  802.  
  803.     {block:HasPermalink}
  804.     <a target="_blank" class="post-tumblelog-name" href="{Permalink}">
  805.     {Username}</a>
  806.     {/block:HasPermalink}
  807.  
  808.     {block:HasNoPermalink}
  809.     <span class="post-tumblelog-name
  810.    {block:IsDeactivated} inactive{/block:IsDeactivated}">
  811.     {Username}</span>
  812.     {/block:HasNoPermalink}
  813.  
  814.     </div>
  815.     <div class="post-reblog-content">
  816.     <div class="post-body">
  817.     {Body}
  818.     </div>
  819.     </div>
  820.     </div>
  821.     {/block:Reblogs}
  822. </div>
  823. {/block:RebloggedFrom}
  824. </div>
  825. {/block:Answer}
  826.  
  827. <!-------------------------------------------------------------QUOTE---->
  828.  
  829. {block:Quote}
  830. <div class="post-content">
  831.     <blockquote class="{Length}">{Quote}</blockquote>
  832.         {block:Source}
  833.         <div class="source">{Source}</div>
  834.         {/block:Source}
  835. </div>
  836. {/block:Quote}
  837.  
  838. <!-------------------------------------------------------------LINK---->
  839.  
  840. {block:Link}
  841. <div class="post-content
  842. {block:Description} with-caption{/block:Description}
  843. {block:Thumbnail} with-thumbnail{/block:Thumbnail}">
  844. <div class="link-wrapper">
  845.     <a {Target} href="{URL}" class="link link-container">
  846.         {block:Thumbnail}<div class="link-thumbnail">
  847.         <img src="{Thumbnail-HighRes}" alt="" /></div>
  848.         {/block:Thumbnail}
  849.  
  850.         <div class="link-text-wrapper clearfix">
  851.         <div class="link-text">
  852.             {block:Host}
  853.             <div class="link-host" style="font-weight:normal;font-size:10px;">{Host}</div>
  854.             {/block:Host}
  855.             <h1 class="link-title">{Name} . . .</h1>
  856.                 {block:Excerpt}
  857.                 <div class="link-excerpt">{Excerpt}</div>
  858.                 {/block:Excerpt}
  859.                 {block:Author}
  860.                 <div class="link-author">{Author}</div>
  861.                 {/block:Author}
  862.         </div> <!-- link-text -->
  863.         </div> <!-- link-text-wrapper clearfix -->
  864.     </a> <!-- link -->
  865. </div> <!-- link-wrapper -->
  866.  
  867. {block:NotReblog}
  868. <div class="caption">{Description}</div>
  869. {/block:NotReblog}
  870.  
  871.     {block:RebloggedFrom}
  872.     <div class="reblog-list">
  873.     {block:Reblogs}
  874.         <div class="post-reblog-trail-item{block:isOriginalEntry}
  875.        original-reblog-content{/block:isOriginalEntry}">
  876.         <div class="post-reblog-header">
  877.             {block:IsActive}
  878.             <a target="_blank" class="post-tumblelog-name"
  879.            href="{Permalink}">{Username}</a>
  880.             {/block:IsActive}
  881.             {block:IsDeactivated}
  882.             <span class="inactive post-tumblelog-name">{Username}</span>
  883.             {/block:IsDeactivated}
  884.             </div> <!-- post-reblog-header -->
  885.    
  886.             <div class="post-reblog-content">
  887.             <div class="post-body">{Body}</div>
  888.             </div> <!-- post-reblog-content -->
  889.         </div> <!-- post-reblog-trail-item -->
  890.     {/block:Reblogs}
  891.     </div> <!-- reblog-list -->
  892.     {/block:RebloggedFrom}
  893. </div> <!-- post-content -->
  894. {/block:Link}
  895.  
  896. <!--------------------------------------------------------------CHAT---->
  897.  
  898. {block:Chat}
  899. <div class="post-content">
  900.  
  901. {block:Title}
  902. <h1 class="post-title">
  903. <a href="{Permalink}">{Title}</a></h1>
  904. {/block:Title}
  905.  
  906. <div class="conversation">
  907. {block:Lines}
  908.     <div class="chat chat-{Alt}">
  909.         {block:Label}<div class="label">{Label}</div>{/block:Label}
  910.         <div class="line">{Line}</div><hr style="border-color:transparent;margin:0 auto">
  911.     </div>
  912. {/block:Lines}
  913. </div> <!-- conversation -->
  914.  
  915. {block:RebloggedFrom}
  916. <div class="reblog-list">
  917.    
  918. {block:Reblogs}
  919. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  920.    
  921.     <div class="post-reblog-header">
  922.     {block:HasAvatar}
  923.     <div class="post-avatar">
  924.     <div class="post-avatar-wrapper">
  925.         {block:HasPermalink}
  926.         <a class="post-avatar-link
  927.        {block:isNotOriginalEntry} sub-icon-reblog
  928.        {/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  929.         <img class="post-avatar-image" src="{PortraitURL-64}"></a>
  930.         {/block:HasPermalink}
  931.  
  932.         {block:HasNoPermalink}
  933.         <span class="reblog-avatar
  934.        {block:IsDeactivated} inactive{/block:IsDeactivated}
  935.        {block:isNotOriginalEntry} sub-icon-reblog
  936.        {/block:isNotOriginalEntry}">
  937.         <img class="post-avatar-image" src="{PortraitURL-64}"></span>
  938.         {/block:HasNoPermalink}
  939.  
  940.     </div> <!-- post-avatar-wrapper -->
  941.     </div> <!-- post-avatar -->
  942.     {/block:HasAvatar}
  943.  
  944.     {block:HasPermalink}
  945.     <a target="_blank" class="post-tumblelog-name" href="{Permalink}">
  946.     {Username}</a>
  947.     {/block:HasPermalink}
  948.  
  949.     {block:HasNoPermalink}
  950.     <span class="post-tumblelog-name
  951.    {block:IsDeactivated} inactive{/block:IsDeactivated}">
  952.     {Username}</span>
  953.     {/block:HasNoPermalink}
  954.     </div> <!-- post-reblog-header -->
  955.  
  956. <div class="post-reblog-content">
  957.     <div class="post-body">{Body}</div>
  958. </div> <!-- post-reblog-content -->
  959.  
  960. </div> <!-- original-reblog-content -->
  961. {/block:Reblogs}
  962. </div> <!-- reblog-list -->
  963. {/block:RebloggedFrom}
  964. </div> <!-- post-content -->
  965. {/block:Chat}
  966.  
  967. <!-------------------------------------------------------------PHOTO---->
  968.  
  969. {block:Photo}
  970. <figure class="post-content {block:HighRes}high-res{/block:HighRes}{block:Caption} with-caption{/block:Caption}" data-photo-width="{PhotoWidth-HighRes}">
  971.  
  972. <div class="photo-wrapper">
  973. <div class="photo-wrapper-inner">
  974. {LinkOpenTag}
  975. <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}>
  976. {LinkCloseTag}
  977. </div> <!-- photo-wrapper-inner -->
  978. </div> <!-- photo-wrapper -->
  979.  
  980. {block:NotReblog}
  981. <figcaption class="caption">{Caption}</figcaption>
  982. {/block:NotReblog}
  983.    
  984. {block:RebloggedFrom}
  985. <div class="reblog-list">
  986. {block:Reblogs}
  987.     <div class="post-reblog-trail-item{block:isOriginalEntry}
  988.    original-reblog-content{/block:isOriginalEntry}">
  989.     <div class="post-reblog-header">
  990.         {block:IsActive}
  991.         <a target="_blank" class="post-tumblelog-name"
  992.        href="{Permalink}">{Username}</a>
  993.         {/block:IsActive}
  994.        
  995.         {block:IsDeactivated}
  996.         <span class="inactive post-tumblelog-name">{Username}</span>
  997.         {/block:IsDeactivated}
  998.     </div> <!-- post-reblog-header -->
  999.  
  1000.     <div class="post-reblog-content">
  1001.         <div class="post-body">{Body}</div>
  1002.     </div> <!-- post-reblog-content -->
  1003.     </div> <!-- post-reblog-trail-item -->
  1004. {/block:Reblogs}
  1005. </div> <!-- reblog-list -->
  1006. {/block:RebloggedFrom}
  1007. </figure> <!-- post-content -->
  1008. {/block:Photo}
  1009.  
  1010. <!----------------------------------------------------------PHOTOSET---->
  1011.  
  1012. {block:Photoset}
  1013. <figure class="post-content photoset
  1014. {block:Caption}with-caption{/block:Caption}">{Photoset}
  1015.    
  1016. {block:NotReblog}
  1017. <figcaption class="caption">{Caption}</figcaption>
  1018. {/block:NotReblog}
  1019.  
  1020. {block:RebloggedFrom}
  1021. <div class="reblog-list">
  1022. {block:Reblogs}
  1023.     <div class="post-reblog-trail-item{block:isOriginalEntry}
  1024.    original-reblog-content{/block:isOriginalEntry}">
  1025.     <div class="post-reblog-header">
  1026.         {block:IsActive}
  1027.         <a target="_blank" class="post-tumblelog-name"
  1028.        href="{Permalink}">{Username}</a>
  1029.         {/block:IsActive}
  1030.        
  1031.         {block:IsDeactivated}
  1032.         <span class="inactive post-tumblelog-name">{Username}</span>
  1033.         {/block:IsDeactivated}
  1034.     </div> <!-- post-reblog-header -->
  1035.  
  1036.     <div class="post-reblog-content">
  1037.         <div class="post-body">{Body}</div>
  1038.     </div> <!-- post-reblog-content -->
  1039.     </div> <!-- post-reblog-trail-item -->
  1040. {/block:Reblogs}
  1041. </div> <!-- reblog-list -->
  1042. {/block:RebloggedFrom}
  1043. </figure> <!-- post-content -->
  1044. {/block:Photoset}
  1045.  
  1046. <!-------------------------------------------------------------AUDIO---->
  1047.  
  1048. {block:Audio}
  1049. <div class="post-content {block:Caption}with-caption{/block:Caption}">
  1050. <div class="audio_container">
  1051. {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  1052. </div>
  1053.  
  1054. {block:NotReblog}
  1055. <div class="caption">{Caption}</div>
  1056. {/block:NotReblog}
  1057.  
  1058. {block:RebloggedFrom}
  1059. <div class="reblog-list">
  1060. {block:Reblogs}
  1061.     <div class="post-reblog-trail-item{block:isOriginalEntry}
  1062.    original-reblog-content{/block:isOriginalEntry}">
  1063.     <div class="post-reblog-header">
  1064.         {block:IsActive}
  1065.         <a target="_blank" class="post-tumblelog-name"
  1066.        href="{Permalink}">{Username}</a>
  1067.         {/block:IsActive}
  1068.        
  1069.         {block:IsDeactivated}
  1070.         <span class="inactive post-tumblelog-name">{Username}</span>
  1071.         {/block:IsDeactivated}
  1072.     </div> <!-- post-reblog-header -->
  1073.  
  1074.     <div class="post-reblog-content">
  1075.         <div class="post-body">{Body}</div>
  1076.     </div> <!-- post-reblog-content -->
  1077.     </div> <!-- post-reblog-trail-item -->
  1078. {/block:Reblogs}
  1079. </div> <!-- reblog-list -->
  1080. {/block:RebloggedFrom}
  1081. </div> <!-- post-content -->
  1082. {/block:Audio}
  1083.  
  1084. <!-------------------------------------------------------------VIDEO---->
  1085.  
  1086. {block:Video}
  1087. <figure class="post-content {block:Caption}with-caption{/block:Caption}">
  1088. <div class="video-wrapper">{Video-700}</div>
  1089.  
  1090. {block:NotReblog}
  1091. <figcaption class="caption">{Caption}</figcaption>
  1092. {/block:NotReblog}
  1093.  
  1094. {block:RebloggedFrom}
  1095. <div class="reblog-list">
  1096. {block:Reblogs}
  1097.     <div class="post-reblog-trail-item
  1098.    {block:isOriginalEntry}original-reblog-content
  1099.    {/block:isOriginalEntry}">
  1100.     <div class="post-reblog-header">
  1101.         {block:IsActive}
  1102.         <a target="_blank" class="post-tumblelog-name"
  1103.        href="{Permalink}">{Username}</a>
  1104.         {/block:IsActive}
  1105.        
  1106.         {block:IsDeactivated}
  1107.         <span class="inactive post-tumblelog-name">{Username}</span>
  1108.         {/block:IsDeactivated}
  1109.     </div> <!-- post-reblog-header -->
  1110.  
  1111.     <div class="post-reblog-content">
  1112.         <div class="post-body">{Body}</div>
  1113.     </div> <!-- post-reblog-content -->
  1114.     </div> <!-- post-reblog-trail-item -->
  1115. {/block:Reblogs}
  1116. </div> <!-- reblog-list -->
  1117. {/block:RebloggedFrom}
  1118. </figure> <!-- post-content -->
  1119. {/block:Video}
  1120.  
  1121. <!--------------------------------------------------------POST EXTRA---->
  1122.  
  1123. <section class="inline-meta post-extra{block:RebloggedFrom} has-reblog
  1124. {/block:RebloggedFrom}{block:ContentSource} has-source
  1125. {/block:ContentSource}{block:HasTags} has-tags{/block:HasTags}">
  1126.  
  1127.     {block:ContentSource}
  1128.     <a class="meta-item source-link" href="{SourceURL}">
  1129.     {lang:Source}: {SourceTitle}</a>
  1130.     {/block:ContentSource}
  1131.  
  1132.     {block:HasTags} <!-----TAGS---->
  1133.         {block:Tags}
  1134.         <a class="meta-item tag-link" href="{TagURL}">{Tag}</a>
  1135.         {/block:Tags}
  1136.     {/block:HasTags}
  1137. </section> <!-- inline-meta post-extra -->
  1138.  
  1139. </section>
  1140.  
  1141. {block:Date}
  1142. <section class="panel">
  1143. <footer class="post-footer">
  1144.     <section class="panel">
  1145.         <section class="inline-meta date-notes">
  1146.             <div class="date-note-wrapper">
  1147.                 {block:NoteCount}
  1148.                 <span>
  1149.                 <a href="{Permalink}#notes" class="meta-item post-notes">
  1150.                 {NoteCountWithLabel}</a>
  1151.                 </span>
  1152.                 {/block:NoteCount}
  1153.            
  1154.                 <a href="{Permalink}" title="{TimeAgo}"
  1155.                class="meta-item post-date">
  1156.                 {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>
  1157.             </div>
  1158.         </section> <!-- inline-meta date-notes -->
  1159.    
  1160.         <section class="post-controls">
  1161.             <div class="controls-wrapper">
  1162.                 <div class="control reblog-control">
  1163.                 {ReblogButton size="24" color="black"}</div>
  1164.                 <div class="control like-control">
  1165.                 {LikeButton size="24" color="black"}</div>
  1166.             </div> <!-- controls-wrapper -->
  1167.         </section> <!-- post-controls -->
  1168.     </section> <!-- panel -->
  1169.  
  1170.     {block:PermalinkPage}
  1171.         <div class="post-notes">
  1172.         {block:PostNotes}{PostNotes-64}{/block:PostNotes}
  1173.         </div>
  1174.     {/block:PermalinkPage}
  1175. </footer> <!-- post-footer -->
  1176. </section> <!-- panel -->
  1177. {/block:Date}
  1178.                                        
  1179. {block:PermalinkPage}
  1180. {block:Date}
  1181. {block:IfDisqusShortname}
  1182. <section class="comments">
  1183. <div id="disqus_thread"></div>
  1184. <script type="text/javascript">
  1185.                                                       (function() {
  1186.                                                        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1187.                                                        dsq.src = 'https://{text:Disqus Shortname}.disqus.com/embed.js';
  1188.                                                        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1189.                                                       })();
  1190. </script>
  1191. <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
  1192. <a href="https://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1193. </section> <!-- comments -->
  1194. {/block:IfDisqusShortname}
  1195. {/block:Date}
  1196. {/block:PermalinkPage}
  1197.  
  1198. <!---------------------------------------------------------------------->
  1199.  
  1200. </article><!-- end of article -->
  1201. </div><!-- end of .posts -->
  1202. {/block:Posts}
  1203.  
  1204. <!---------------------------------------------------------------------->
  1205. {block:Pagination}
  1206. <div class="pagination">
  1207.     {block:PreviousPage}
  1208.     <a href="{PreviousPage}" class="jump_page">{lang:Previous}</a>
  1209.     {/block:PreviousPage}
  1210.    
  1211.     {block:JumpPagination length="5"}
  1212.         {block:CurrentPage}
  1213.         <span class="current_page">{PageNumber}</span>
  1214.         {/block:CurrentPage}
  1215.         {block:JumpPage}
  1216.         <a class="jump_page" href="{URL}">{PageNumber}</a>
  1217.         {/block:JumpPage}
  1218.     {/block:JumpPagination}
  1219.    
  1220.     {block:NextPage}
  1221.     <a href="{NextPage}" class="jump_page">{lang:Next}</a>
  1222.     {/block:NextPage}
  1223. </div><!-- end of .pagination -->
  1224.  
  1225. <div><p style="letter-spacing:.5px;text-align:center;font-size:8px;margin-top:1em;color:{color:Text}60;"><i>Theme by  </i><a href="https://pastebin.com/u/BOOdalinski" style="color:{color:Text}90">BOO</a></p></div>
  1226. {/block:Pagination}
  1227.  
  1228. </body>
  1229. </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!