API tools faq
paste
Advertisement
BOOdalinski

NOTES Theme (for Tumblr)

BOOdalinski
Jun 10th, 2019
277
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 39.68 KB | None | 0 0
raw download clone embed print report
  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
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!