Advertisement
BOOdalinski

NOTES Theme (for Tumblr)

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