API tools faq
paste
Advertisement
feiinho

Theme - Delta Fulminata by aeroelastical/magnusthemes

feiinho
Oct 4th, 2018
393
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 39.67 KB | None | 0 0
raw download clone embed print report diff
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5.  
  6. <!------
  7. Theme - Delta Fulminata
  8. Code by aeroelastical/magnusthemes
  9. ver. 1.0.3 (02/10/2018)
  10.  
  11. Icon cheatsheet: http://feathericons.com
  12. ------>
  13.  
  14. <!-- fonts -->
  15. <link href='https://fonts.googleapis.com/css?family=Graduate|Quicksand:300,400,500,700|Open+Sans:400,400i,600,600i,700,700i,800,800i' rel='stylesheet'/>
  16.  
  17. <!-- stylesheets -->
  18. <link href="http://static.tumblr.com/p0knose/yKlp5mq5l/normalize.css" rel="stylesheet"/>
  19. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet"/>
  20.  
  21. <!-- page information -->
  22.  
  23. <title>{Title}{block:TagPage} | {Tag}{/block:TagPage} {block:SearchPage} | {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
  24.  
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27.  
  28. <!-- metas -->
  29.  
  30. <meta charset="utf-8">
  31. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  32. <meta name="viewport" content="width=device-width, initial-scale=1">
  33.  
  34. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  35.  
  36. <!-- colour options -->
  37.  
  38. <meta name="color:background" content="#ffffff"/>
  39. <meta name="color:text" content="#666666"/>
  40. <meta name="color:bold" content="#00274C"/>
  41. <meta name="color:italic" content="#333333"/>
  42. <meta name="color:links" content="#888888"/>
  43. <meta name="color:links hover" content="#FFCB05"/>
  44.  
  45. <meta name="color:scrollbar" content="#00274C"/>
  46. <meta name="color:scrollbar background" content="#FFCB05"/>
  47. <meta name="color:tooltips" content="#eaeaea"/>
  48. <meta name="color:tooltips background" content="#151515"/>
  49. <meta name="color:text selection" content="#969696"/>
  50. <meta name="color:text selection background" content="#eaeaea"/>
  51.  
  52. <meta name="color:chat odd" content="#00274C"/>
  53. <meta name="color:chat even" content="#FFCB05"/>
  54. <meta name="color:post dividers" content="#eaeaea"/>
  55. <meta name="color:post title" content="#151515"/>
  56.  
  57. <meta name="color:left bar background" content="#050505"/>
  58. <meta name="color:stripe 1" content="#00274C"/>
  59. <meta name="color:stripe 2" content="#FFCB05"/>
  60. <meta name="color:accent 1" content="#00274C"/>
  61. <meta name="color:accent 2" content="#FFCB05"/>
  62. <meta name="color:accent text" content="#ffffff"/>
  63. <meta name="color:icons color" content="#151515"/>
  64. <meta name="color:icons alt" content="#ffffff"/>
  65. <meta name="color:blog title" content="#00274C"/>
  66.  
  67. <!-- image options -->
  68.  
  69. <meta name="image:sidebar" content=""/>
  70.  
  71. <!-- booleans -->
  72.  
  73. <meta name="if:custom text selection" content="1"/>
  74. <meta name="if:light theme" content="1" />
  75. <meta name="if:show tags" content="1"/>
  76. <meta name="if:show captions" content="1"/>
  77. <meta name="if:fading images" content=""/>
  78. <meta name="if:monochrome images" content=""/>
  79. <meta name="if:infinite scroll" content=""/>
  80. <meta name="if:manual load" content=""/>
  81. <meta name="if:lazy load" content=""/>
  82.  
  83. <!-- more options -->
  84.  
  85. <meta name="select:post size" title="540px" content="540"/>
  86. <meta name="select:post size" title="500px" content="500"/>
  87. <meta name="select:post size" title="450px" content="450"/>
  88. <meta name="select:post size" title="400px" content="400"/>
  89. <meta name="select:post size" title="350px" content="350"/>
  90. <meta name="select:post size" title="300px" content="300"/>
  91. <meta name="select:post size" title="250px" content="250"/>
  92.  
  93. <meta name="select:gutter" title="4px" content="4"/>
  94. <meta name="select:gutter" title="3px" content="3"/>
  95. <meta name="select:gutter" title="2px" content="2"/>
  96. <meta name="select:gutter" title="1px" content="1"/>
  97.  
  98. <style type="text/css">
  99.  
  100. /* ------ custom styles ------ */
  101.  
  102. /* fade animation */
  103.  
  104. @-webkit-keyframes fadein {from {opacity:0;} to {opacity:1;}}
  105. @keyframes fadein {from {opacity:0;} to {opacity:1;}}
  106.  
  107. /* scrollbar */
  108.  
  109. ::-webkit-scrollbar {height:10px; width:10px;}
  110. ::-webkit-scrollbar-corner {background:{color:Background};}
  111.  
  112. ::-webkit-scrollbar-track-piece {
  113.     background-color:{color:Scrollbar Background};
  114.     border:4px solid {color:Background};
  115. }
  116.  
  117. ::-webkit-scrollbar-thumb {
  118.     width:10px; height:10px;
  119.     background-color:{color:Scrollbar};
  120.     border:4px solid {color:Background};
  121. }
  122.  
  123. /* text selection */
  124.  
  125. {block:ifcustomtextselection}
  126. ::selection {color:{color:text selection}; background:{color:text selection background};}
  127. ::-moz-selection {color:{color:text selection}; background:{color:text selection background};}
  128. ::-webkit-selection {color:{color:text selection}; background:{color:text selection background};}
  129. {/block:ifcustomtextselection}
  130.  
  131. /* jquery ui tooltips */
  132.  
  133. .ui-tooltip {position:absolute; z-index:214748364789;}
  134.  
  135. .ui-tooltip-content {
  136.     margin:5px 25px;
  137.     max-width:300px;
  138.     padding:5px 8px;
  139.     text-transform:uppercase;
  140.     background:{color:tooltips background};
  141.     font-size:9px;
  142.     line-height:150%;
  143.     letter-spacing:0.5px;
  144.     color:{color:tooltips};
  145.     border-radius:3px;
  146. }
  147.  
  148. /* tumblr controls */
  149.  
  150. #bp:hover {border-color:{color:Accent 1};}
  151.  
  152. iframe#tumblr_controls, .iframe-controls--desktop {
  153.     top:5px!important;
  154.     right:5px!important;
  155.     position:fixed!important;
  156.     z-index:999999999!important;
  157.     opacity:0.3!important;
  158.     {block:iflighttheme}
  159.     -webkit-filter:invert(85%);
  160.     filter:invert(85%);
  161.     {/block:iflighttheme}
  162.     transition:opacity 0.4s ease-in-out, top 0.4s ease-in-out;
  163.     -webkit-transform-origin:100% 0;
  164.     -webkit-transform:scale(0.6,0.6);
  165.     -ms-transform-origin:100% 0;
  166.     -ms-transform:scale(0.6,0.6);
  167.     transform-origin:100% 0;
  168.     transform:scale(0.6,0.6);
  169. }
  170.  
  171. .iframe-controls--desktop.ani {top:170px!important;}
  172. iframe#tumblr_controls:hover, .iframe-controls--desktop:hover {opacity: 0.7!important;}
  173.  
  174. /* lightbox */
  175.  
  176. #tumblr_lightbox, .tmblr-lightbox {background:rgba({RGBcolor:Background}, 0.95)!important; z-index:214748364789!important;}
  177. #tumblr_lightbox img, .tmblr-lightbox img {opacity:0;}
  178. #vignette, .vignette {opacity:0!important;}
  179.  
  180. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image, .lightbox-image {
  181.     opacity:1!important;
  182.     box-shadow:0 0 0 transparent!important;
  183.     border-radius:3px!important;
  184.     padding:0px!important;
  185. }
  186.  
  187. #tumblr_lightbox_caption, .lightbox-caption {
  188.     margin-top:20px!important;
  189.     color:{color:text}!important;
  190.     text-shadow:0 0 0 transparent!important;
  191.     font:normal 12px 'Quicksand', sans-serif;
  192. }
  193.  
  194. /* ------ basic styles ------ */
  195.  
  196. body {
  197.     background-color:{color:background};
  198.     margin:0px;
  199.     padding:0px;
  200.     word-wrap:break-word;
  201.     overflow:auto;
  202.     color:{color:text};
  203.     font:400 13px/170% 'Quicksand', sans-serif;
  204.     letter-spacing:0.5px;
  205.     text-align:justify;
  206.     -webkit-font-smoothing:antialiased;
  207.     -moz-osx-font-smoothing:grayscale;
  208. }
  209.  
  210. a {
  211.     color:{color:links};
  212.     text-decoration:none;
  213.     transition:0.3s ease-in-out;
  214.     outline:0!important;
  215. }
  216.  
  217. a:hover {color:{color:links hover};}
  218. i, italic, em {color:{color:italic}; font-style:italic;}
  219. b, bold, strong {color:{color:bold}; font-weight:bold;}
  220.  
  221. pre, code {
  222.     font-family:consolas,monospace;
  223.     border:1px solid {color:Post Dividers};
  224.     padding:15px;
  225.     display:block;
  226. }
  227.  
  228. /* line dividers */
  229.  
  230. hr {
  231.     border:0px solid transparent;
  232.     border-bottom:1px solid {color:post dividers};
  233.     margin:1em 0;
  234.     height:0px;
  235.     width:100%;
  236. }
  237.  
  238. /* lists, ordered and unordered */
  239.  
  240. ol {counter-reset:li;}
  241. ol, ul {padding:0px 0px 0px 30px;}
  242. ol li, ul li {list-style:none; margin-left:0px; display:block; position:relative;}
  243.  
  244. ol li::before {
  245.     content:counter(li, decimal-leading-zero);
  246.     counter-increment:li;
  247.     position:absolute;
  248.     margin-left:-8px;
  249.     color:{color:Accent 1};
  250.     font-family:"Graduate";
  251.     -webkit-transform:translateX(-100%);
  252.     -ms-transform:translateX(-100%);
  253.     transform:translateX(-100%);
  254. }
  255.  
  256. ul li::before {
  257.     content:"";
  258.     background:{color:Accent 2};
  259.     display:block;
  260.     position:absolute;
  261.     margin-left:-20px;
  262.     width:10px;
  263.     height:1px;
  264.     margin-top:10px;
  265. }
  266.  
  267. /* headings */
  268.  
  269. h1, h2, h3 {
  270.     letter-spacing:0px;
  271.     font:800 16px 'Open Sans',sans-serif;
  272.     color:{color:Post Title};
  273. }
  274.  
  275. /* @ all the people who use <small> tags in your captions: get your shit together pls */
  276.  
  277. small, sup, sub {line-height:170%; font-size:12px;}
  278. big {font-size:14px;}
  279.  
  280. blockquote {
  281.     margin:1em 0 1em 7px;
  282.     display:block;
  283.     padding-left:15px;
  284.     border-left:1px solid {color:Post Dividers};
  285. }
  286.  
  287. blockquote img {max-width:100%!important; height:auto!important;}
  288.  
  289. /* ------ posts & container ------ */
  290.  
  291. /* --- posts container --- */
  292.  
  293. #postmargin, footer {
  294.    width:{select:post size}px;
  295.     z-index:1;
  296.     position:relative;
  297.     margin-left:480px;
  298.     -webkit-animation:fadein 1s;
  299.     animation:fadein 1s;
  300. }
  301.  
  302. /* ------ posts ------ */
  303.  
  304. .posts {
  305.     position:relative;
  306.     width:{select:post size}px;
  307.     margin:120px 0;
  308.     -webkit-animation:fadein 1s;
  309.     animation:fadein 1s;
  310. }
  311.  
  312. {block:IndexPage}
  313. .posts::after {
  314.     content:"";
  315.     bottom:0;
  316.     height:0px;
  317.     width:100%;
  318.     position:absolute;
  319.     border-bottom:1px solid {color:Post Dividers};
  320.     left:0;
  321.     right:0;
  322. }
  323. {/block:IndexPage}
  324.  
  325. .text {padding:0px; position:relative; overflow:hidden;}
  326.  
  327. .text a, #desc a {border-bottom:1px solid {color:Post Dividers};}
  328. .text a:hover, #desc a:hover {border-bottom-color:{color:Links Hover};}
  329.  
  330. .tumblr_parent {margin:1em 0; padding:1em 0;}
  331.  
  332. .reblog_user, .reblog_head a {
  333.     border-bottom:none;
  334.     display:inline-block;
  335.     vertical-align:middle;
  336.     text-transform:lowercase;
  337.     border-bottom:0px solid transparent;
  338.     font:500 13px/16px "Quicksand";
  339.     color:{color:Text};
  340.     margin-bottom:3px;
  341. }
  342.  
  343. a.reblog_user:hover, .reblog_head a:hover {color:{color:Links Hover};}
  344.  
  345. span.reblog_user::after {
  346.     content:"deactivated";
  347.     margin-left:5px;
  348.     opacity:0;
  349.     visibility:hidden;
  350.     position:absolute;
  351.     transition:0.4s ease-in-out;
  352. }
  353.  
  354. .reblog_head:hover span.reblog_user::after {visibility:visible; opacity:1;}
  355.  
  356. img.tumblr_avatar {
  357.     vertical-align:middle;
  358.     width:16px;
  359.     height:16px;
  360.     margin-right:6px;
  361.     margin-bottom:3px;
  362.     display:inline-block;
  363.     border-radius:3px;
  364. }
  365.  
  366. .text p.rm {background-image:linear-gradient(to bottom, rgba({RGBcolor:Background},0), {color:Background});}
  367.  
  368. p.rm {
  369.     position:absolute;
  370.     bottom:0px;
  371.     left:0px;
  372.     width:100%;
  373.     text-align:center;
  374.     margin:0px;
  375.     padding:50px 0px 0px 0px;
  376. }
  377.  
  378. .text .read_more {
  379.     font:bold 14px 'Open Sans',sans-serif;
  380.     text-transform:uppercase;
  381.     margin:10px 25px;
  382.     display:inline-block;
  383.     color:{color:Bold};
  384.     border:0px solid transparent;
  385.     transition:0.5s ease-in-out;
  386. }
  387.  
  388. .text .read_more:hover {color:{color:Accent 1};}
  389.  
  390. /* photo & video posts */
  391.  
  392. .photo, .video {
  393.    position:relative;
  394.     margin-bottom:10px;
  395.     overflow:hidden;
  396.     border-radius:3px;
  397. }
  398.  
  399. .photo {transition:0.5s ease-in-out;}
  400. .posts img:not(.tumblr_avatar) {max-width:100%; display:block;}
  401.  
  402. {block:iffadingimages}{block:indexpage}
  403. .photo {opacity:0.8;}
  404. .posts:hover .photo {opacity:1;}
  405. {/block:indexpage}{/block:iffadingimages}
  406.  
  407. {block:IndexPage}{block:ifmonochromeimages}
  408. .photo {-webkit-filter:grayscale(100%); filter:grayscale(100%);}
  409. .posts:hover .photo {-webkit-filter:grayscale(0%); filter:grayscale(0%);}
  410. {/block:ifmonochromeimages}{/block:IndexPage}
  411.  
  412. .tumblr_video_container {width:auto!important; height:auto!important;}
  413. .photo a {padding-bottom:0px; border-bottom:0px solid transparent;}
  414. img.singlepic {display:block; border-radius:0px;}
  415.  
  416. {block:ifnotshowcaptions}{block:IndexPage}
  417. .caption {display:none;}
  418. {/block:IndexPage}{/block:ifnotshowcaptions}
  419.  
  420. /* text, link, quote posts */
  421.  
  422. .quote {
  423.     letter-spacing:0px;
  424.     color:{color:Post Title};
  425.     font:800 20px/150% 'Open Sans',sans-serif;
  426.     padding:0;
  427. }
  428.  
  429. .quote > span {color:{color:Accent 2};}
  430.  
  431. .sourcez {
  432.     font-size:12px;
  433.     position:relative;
  434.     margin-top:{select:gutter}px;
  435.     padding:10px 0 20px;
  436. }
  437.  
  438. .headt, .llp {
  439.     padding:10px 0;
  440.     display:block;
  441.     color:{color:post title};
  442.     background:transparent;
  443.     font:normal 800 20px/30px 'Open Sans',sans-serif;
  444.     letter-spacing:0px;
  445.     text-transform:none;
  446.     position:relative;
  447. }
  448.  
  449. .llp .ftr {
  450.     width:18px;
  451.     height:18px;
  452.     margin-right:15px;
  453.     display:inline-block;
  454.     vertical-align:middle;
  455.     margin-top:-3px;
  456. }
  457.  
  458. /* ask posts */
  459.  
  460. .question {
  461.     border:1px solid {color:Post Dividers};
  462.     padding:20px;
  463.     margin-bottom:10px;
  464. }
  465.  
  466. div.asker {
  467.     position:absolute;
  468.     left:50%;
  469.     z-index:999;
  470.     padding:0 15px;
  471.     margin-top:-20px;
  472.     height:20px;
  473.     font:bold 12px "Open Sans";
  474.     background:{color:Background};
  475.     -webkit-transform:translateX(-50%);
  476.     -ms-transform:translateX(-50%);
  477.     transform:translateX(-50%);
  478. }
  479.  
  480. .asker .ftr {
  481.     display:inline-block;
  482.     vertical-align:middle;
  483.     width:12px;
  484.     height:12px;
  485.     margin-right:5px;
  486.     color:{color:Accent 2};
  487. }
  488.  
  489. .asker a {color:{color:Accent 1};}
  490. .asker a:hover {color:{color:Links Hover};}
  491.  
  492. /* audio posts */
  493.  
  494. .aud {position:relative; padding:20px; border:1px solid {color:Post Dividers}; margin-bottom:10px;}
  495.  
  496. .musicinfo {
  497.     margin-left:0px;
  498.     overflow:hidden;
  499.     position:relative;
  500.     padding:0 50px 0 30px;
  501. }
  502.  
  503. .musicinfo .ftr {
  504.     width:18px;
  505.     height:18px;
  506.     display:inline-block;
  507.     vertical-align:middle;
  508.     margin-left:-28px;
  509.     margin-right:5px;
  510.     color:{color:Accent 2};
  511. }
  512.  
  513. .musicinfo b {color:{color:Accent 2};}
  514.  
  515. .tplayer {
  516.     z-index:3;
  517.     width:30px;
  518.     height:30px;
  519.     position:absolute;
  520.     right:20px;
  521.     top:50%;
  522.     margin-top:-15px;
  523.     overflow:hidden;
  524.     transition:0.5s ease-in-out;
  525. }
  526.  
  527. /* chat posts */
  528.  
  529. .chat {margin-bottom:25px;}
  530.  
  531. .line {
  532.     padding:1em 0px;
  533.     margin:{select:gutter}px 0px;
  534. }
  535.  
  536. .line span.name {
  537.     font-weight:700;
  538.     display:block;
  539.     font-size:14px;
  540.     margin-bottom:0.5em;
  541. }
  542.  
  543. .line:nth-of-type(odd) span {color:{color:chat odd};}
  544. .line:nth-of-type(even) span {color:{color:chat even};}
  545. .line:first-child {border-top:0px solid transparent!important;}
  546.  
  547. /* ------ permalinks ------ */
  548.  
  549. {block:IndexPage}.posts {padding-bottom:15px;}{/block:IndexPage}
  550.  
  551. .permalink {
  552.     height:30px;
  553.     padding:0 15px;
  554.     bottom:-15px;
  555.     left:50%;
  556.     width:120px;
  557.     margin-left:-75px;
  558.     background:{color:Background};
  559.     position:absolute;
  560.     z-index:999;
  561.     text-align:center;
  562. }
  563.  
  564. .permalink a {vertical-align:middle;}
  565.  
  566. .permalink a.ion {
  567.     border-radius:3px;
  568.     color:{color:Icons Alt};
  569.     background:{color:Icons Color};
  570.     width:30px;
  571.     height:30px;
  572.     font-size:16px;
  573.     line-height:30px;
  574.     text-align:center;
  575.     display:inline-block;
  576. }
  577.  
  578. .permalink a .ftr {width:16px; height:16px;}
  579. .permalink a:not(.ion) .ftr {margin:2px;}
  580. .permalink a.ion .ftr {margin:7px;}
  581.  
  582. .permalink a:not(.ion) {
  583.     position:relative;
  584.     display:inline-block;
  585.     color:{color:Icons Color};
  586.     width:20px;
  587.     margin:5px;
  588.     height:20px;
  589. }
  590.  
  591. .permalink a:not(.ion):hover {color:{color:Accent 2};}
  592. .permalink a.ion:hover {background:{color:Accent 1}; color:{color:Accent Text};}
  593.  
  594. .permalink > .like .like_button iframe {
  595.     position:absolute;
  596.     top:0;
  597.     left:0;
  598.     bottom:0;
  599.     right:0;
  600.     z-index:2;
  601.     opacity:0;
  602. }
  603.  
  604. .permalink > .like .like_button {position:relative;}
  605. .permalink > .like .like_button.liked + svg.ftr path {stroke:{color:Accent 1};}
  606.  
  607. /* tags */
  608.  
  609. .tags {text-align:center; padding:15px 0;}
  610. .tags a {margin:0 5px; font-size:10px;}
  611.  
  612. /* permalink page permalinks */
  613.  
  614. #permapage {
  615.     margin-top:-60px;
  616.     font:500 12px "Quicksand";
  617.     text-transform:lowercase;
  618.     margin-bottom:60px;
  619. }
  620.  
  621. #permapage > div {margin-bottom:10px;}
  622.  
  623. #permapage .ftr, .notes .ftr {
  624.     width:15px;
  625.     height:15px;
  626.     display:inline-block;
  627.     vertical-align:middle;
  628.     margin-right:10px;
  629.     padding:5px;
  630.     color:{color:icons alt};
  631.     background:{color:icons color};
  632.     border-radius:3px;
  633. }
  634.  
  635. .tag {
  636.     display:inline-block;
  637.     max-width:calc({select:post size}px - 35px);
  638.     vertical-align:top;
  639.     margin-right:-5px;
  640.     margin-top:3px;
  641.     line-height:170%;
  642. }
  643.  
  644. /* post notes */
  645.  
  646. div.notes {margin-bottom:120px;}
  647. .count {font:500 13px "Quicksand";}
  648.  
  649. ol.notes {
  650.     position:relative;
  651.     width:{select:post size}px;
  652.     margin-bottom:0px;
  653.     padding:0px;
  654.     list-style-type:none;
  655. }
  656.  
  657. ol.notes li::before {display:none; content:"";}
  658.  
  659. ol.notes li.note {
  660.     padding:3px 0 2px;
  661.     font-size:12px;
  662.     line-height:20px;
  663.     margin-bottom:{select:gutter}px;
  664.     display:block;
  665. }
  666.  
  667. ol.notes li.note img, ol.notes li.note img.avatar {display:none;}
  668. ol.notes li.note.answer_content {font-weight:normal;}
  669.  
  670. ol.notes li.note blockquote {
  671.     text-transform:none;
  672.     line-height:12px;
  673.     background:transparent;
  674.     border:0px solid transparent;
  675.     border-left:1px solid {color:Post Dividers};
  676. }
  677.  
  678. ol.notes li.note blockquote a {text-decoration:none;}
  679.  
  680. /* ------ pagination/manual load ------ */
  681.  
  682. #infscr-loading {display:none!important;}
  683. #manual {display:none;}
  684. {block:ifinfinitescroll}
  685. #pagination {display:none;}
  686. {block:ifmanualload}#manual {display:block;}{/block:ifmanualload}
  687. {/block:ifinfinitescroll}
  688.  
  689. footer {text-align:center; margin:120px 0 120px 480px;}
  690. footer a, footer > span {display:inline-block; margin:0 5px; vertical-align:middle;}
  691.  
  692. footer > span, #manual a {
  693.     font:15px/16px "Graduate";
  694.     width:16px;
  695.     height:16px;
  696.     padding:7px;
  697.     text-align:center;
  698.     border-radius:3px;
  699.     background:{color:Icons Color};
  700.     color:{color:Icons Alt};
  701. }
  702.  
  703. #pagination a {padding:7px; width:16px; height:16px;}
  704. #pagination a .ftr {width:16px; height:16px; color:{color:Icons Color};}
  705. #manual a .ftr {width:16px; height:16px; color:{color:Icons Alt};}
  706.  
  707. /* ------ sidebar ------ */
  708.  
  709. /* --- left panel --- */
  710.  
  711. #left {
  712.     position:fixed;
  713.     left:0;
  714.     top:0;
  715.     width:10px;
  716.     border-left:85px solid {color:left bar background};
  717.     border-right:5px solid {color:stripe 2};
  718.     background:{color:stripe 1};
  719.     height:100%;
  720.     -webkit-animation:fadein 1s;
  721.     animation:fadein 1s;
  722.     transition:0.4s ease-in-out;
  723. }
  724.  
  725. /* --- menu --- */
  726.  
  727. nav#links {display:none; margin-bottom:1em;}
  728.  
  729. nav#links a, nav#links form {
  730.     display:block;
  731.     padding-left:20px;
  732.     margin-bottom:3px;
  733.     color:{color:Text};
  734.     position:relative;
  735.     letter-spacing:0.5px;
  736. }
  737.  
  738. nav#links a::after {
  739.     content:attr(data-hover);
  740.     transition:0.5s ease-in-out;
  741.     color:{color:Accent 1};
  742.     width:0;
  743.     top:0;
  744.     left:20px;
  745.     height:100%;
  746.     white-space:nowrap;
  747.     overflow:hidden;
  748.     display:inline-block;
  749.     position:absolute;
  750. }
  751.  
  752. nav#links a:hover {font-weight:500;}
  753. nav#links a:hover::after {width:100%; font-weight:500;}
  754.  
  755. nav#links a::before, nav#links form::before {
  756.     content:"";
  757.     position:absolute;
  758.     margin-left:-20px;
  759.     color:{color:Icons Alt};
  760.     background:{color:Icons Color};
  761.     padding:5px;
  762.     width:0;
  763.     height:0;
  764.     margin-top:7px;
  765.     border-radius:3px;
  766.     transition:0.3s ease-in-out;
  767. }
  768.  
  769. nav#links a:hover::before,
  770. nav#links form:hover::before,
  771. nav#links form:focus::before {
  772.     background:{color:Accent 2};
  773.     color:{color:Accent Text};
  774. }
  775.  
  776. nav#links form input {
  777.     line-height:170%;
  778.     background:transparent;
  779.     border:0px solid transparent;
  780.     letter-spacing:0.5px;
  781.     color:{color:Text};
  782.     outline:0;
  783.     padding:0;
  784. }
  785.  
  786. /* --- sidebar --- */
  787.  
  788. aside {
  789.     position:fixed;
  790.     top:50%;
  791.     width:150px;
  792.     left:200px;
  793.     letter-spacing:0;
  794.     -webkit-transform:translateY(-50%);
  795.     -ms-transform:translateY(-50%);
  796.     transform:translateY(-50%);
  797.     -webkit-animation:fadein 1s;
  798.     animation:fadein 1s;
  799. }
  800.  
  801. h1#title {
  802.     text-transform:lowercase;
  803.     font:800 20px/25px "Open Sans";
  804.     color:{color:Blog Title};
  805.     letter-spacing:0;
  806.     margin:0 0 20px;
  807. }
  808.  
  809. h1#title::after {
  810.     content:".";
  811.     font-size:24px;
  812.     color:{color:Accent 2};
  813. }
  814.  
  815. #desc {font-size:12px; line-height:170%; margin-top:20px; letter-spacing:0.5px;}
  816.  
  817. #image {
  818.     width:100px;
  819.     height:100px;
  820.     display:inline-block;
  821.     vertical-align:middle;
  822.     margin-left:3px;
  823. }
  824.  
  825. #image img {width:100px; height:100px; border-radius:3px; display:block;}
  826.  
  827. nav#menu {
  828.     width:30px;
  829.     margin-right:10px;
  830.     display:inline-block;
  831.     vertical-align:middle;
  832.     text-align:center;
  833. }
  834.  
  835. nav#menu a {
  836.     display:block;
  837.     width:16px;
  838.     height:16px;
  839.     padding:7px;
  840.     line-height:16px;
  841.     border-radius:3px;
  842.     color:{color:icons color};
  843.     margin:5px 0;
  844. }
  845.  
  846. nav#menu a .ftr {width:16px; height:16px;}
  847.  
  848. nav#menu a#toggle {background:{color:Icons color}; color:{color:icons alt};}
  849. nav#menu a#toggle:hover {background:{color:Accent 1};}
  850. nav#menu a#toggle.active {background:{color:Accent 2};}
  851. nav#menu a:not(#toggle):hover {color:{color:Accent 2};}
  852. nav#menu a:hover, nav#menu a#toggle.active {color:{color:Accent Text};}
  853.  
  854. {CustomCSS}
  855.  
  856. </style>
  857.  
  858. <!---------------------- JQUERY - DO NOT TOUCH ----------------------->
  859.  
  860. <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
  861. <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
  862. <script src="http://static.tumblr.com/2b2izpj/cB7ogqs8l/jquery.initialize.js"></script>
  863. <script src="http://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  864. <script src="https://cdn.rawgit.com/davatron5000/FitVids.js/eacbf9f1/jquery.fitvids.js"></script>
  865. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
  866. <script src="https://unpkg.com/feather-icons@4.7.3/dist/feather.min.js"></script>
  867.  
  868. {block:iflazyload}
  869. <script src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  870. {/block:iflazyload}
  871.  
  872. <script src="https://static.tumblr.com/p0knose/jNJpfw4pt/deltaf.js"></script>
  873.  
  874. <script>
  875. $(document).ready(function(){
  876.         gutter = "{select:gutter}",
  877.         accent = "{color:Accent 1}",
  878.         lazyload = false,
  879.     {block:iflazyload}lazyload = true;{/block:iflazyload}
  880.     delta(accent,lazyload,gutter);
  881. });
  882. </script>
  883.  
  884. {block:IndexPage}{block:ifinfinitescroll}
  885. <script src="https://unpkg.com/infinite-scroll@3/dist/infinite-scroll.pkgd.min.js"></script>
  886. <script src="https://static.tumblr.com/p0knose/ghJpfw4nh/dividezero.js"></script>
  887.  
  888. <script>
  889. $(document).ready(function(){
  890.     var manual = false;
  891.     {block:ifmanualload}manual = true;{/block:ifmanualload}
  892.     infScr(manual);
  893. });
  894. </script>
  895. {/block:ifinfinitescroll}{/block:IndexPage}
  896.  
  897. <!-- end jquery -->
  898.  
  899. </head>
  900. <body>
  901.  
  902. <div id="left"></div>
  903.  
  904. <aside>
  905.     <nav id="links">
  906.         {block:AskEnabled}<a href="/ask" data-hover="{AskLabel}">{AskLabel}</a>{/block:AskEnabled}
  907.         {block:SubmissionsEnabled}<a href="/submit" data-hover="{SubmitLabel}">{SubmitLabel}</a>{/block:SubmissionsEnabled}
  908.         {block:HasPages}
  909.         {block:Pages}<a href="{URL}" data-hover="{Label}">{Label}</a>{/block:Pages}
  910.         {/block:HasPages}
  911.         <form action="/search" method="get">
  912.             <input type="text" value="{SearchQuery}" placeholder="Search...">
  913.         </form>
  914.     </nav>
  915.     <h1 id="title">{Title}</h1>
  916.     <nav id="menu">
  917.         <a href="/" title="home"><span class="ftr" data-feather="home"></span></a>
  918.         <a href="#" title="menu" id="toggle"><span class="ftr" data-feather="menu"></span></a>
  919.         <a href="/archive" title="archive"><span class="ftr" data-feather="calendar"></span></a>
  920.     </nav>
  921.     <div id="image">
  922.         <img src="{image:sidebar}"/>
  923.     </div>
  924.     <div id="desc">
  925.         {Description}
  926.     </div>
  927. </aside>
  928.  
  929. <!------ posts ------>
  930. <section id="postmargin">
  931.  
  932. {block:Posts}
  933. <article class="posts" id="{PostID}">
  934.  
  935.     {block:Text}
  936.     {block:Title}<div class="headt"><span class="highlight">{Title}</span></div>{/block:Title}
  937.     {block:NotReblog}
  938.     <div class="body text">
  939.         <div class="tumblr_parent">
  940.             {Body}
  941.         </div>
  942.     </div>
  943.     {/block:NotReblog}
  944.     {block:RebloggedFrom}
  945.     <div class="body text">
  946.         {block:Reblogs}
  947.         <div class="tumblr_parent">
  948.             <div class="reblog_head">
  949.                 <img src="{portraiturl-64}" class="tumblr_avatar"/>
  950.                 {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
  951.                 {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
  952.             </div>
  953.             <div>
  954.                 {Body}
  955.             </div>
  956.         </div>
  957.         {/block:Reblogs}
  958.     </div>
  959.     {/block:RebloggedFrom}
  960.     {/block:Text}
  961.      
  962.     {block:Photo}
  963.     {block:IndexPage}
  964.     <div class="photo"><center>
  965.         <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  966.         <a href="{PhotoURL-HighRes}" class="photolight" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" class="singlepic"></a>
  967.     </center></div>
  968.     {/block:IndexPage}
  969.     {block:PermalinkPage}
  970.     <div class="photo">
  971.         <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  972.         {LinkOpenTag}<img src="{PhotoURL-HighRes}" class="singlepic" width="{select:post size}">{LinkCloseTag}
  973.     </div>
  974.     {/block:PermalinkPage}
  975.     {block:Caption}
  976.     {block:NotReblog}
  977.     <div class="caption text">
  978.         <div class="tumblr_parent">
  979.             <div class="reblog_head">
  980.                 <img src="{portraiturl-64}" class="tumblr_avatar"/>
  981.                 <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  982.             </div>
  983.             <div>
  984.                 {Caption}
  985.             </div>
  986.         </div>
  987.     </div>
  988.     {/block:NotReblog}
  989.     {block:RebloggedFrom}
  990.     <div class="caption text">
  991.         {block:Reblogs}
  992.         <div class="tumblr_parent">
  993.             <div class="reblog_head">
  994.                 <img src="{portraiturl-64}" class="tumblr_avatar"/>
  995.                 {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
  996.                 {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
  997.             </div>
  998.             <div>
  999.                 {Body}
  1000.             </div>
  1001.         </div>
  1002.         {/block:Reblogs}
  1003.     </div>
  1004.     {/block:RebloggedFrom}
  1005.     {/block:Caption}
  1006.     {/block:Photo}
  1007.      
  1008.     {block:Panorama}
  1009.     <div class="photo">
  1010.         <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  1011.         <a href="{PhotoURL-Panorama}" class="photolight" data-width="{PhotoWidth-Panorama}" data-height="{PhotoHeight-Panorama}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-Panorama}"><img src="{PhotoURL-1280}" width="{select:post size}" class="singlepic"></a>
  1012.     </div>
  1013.     {block:Caption}
  1014.     {block:NotReblog}
  1015.     <div class="caption text">
  1016.         <div class="tumblr_parent">
  1017.             <div class="reblog_head">
  1018.                 <img src="{portraiturl-64}" class="tumblr_avatar"/>
  1019.                 <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  1020.             </div>
  1021.             <div>
  1022.                 {Caption}
  1023.             </div>
  1024.         </div>
  1025.     </div>
  1026.     {/block:NotReblog}
  1027.     {block:RebloggedFrom}
  1028.     <div class="caption text">
  1029.         {block:Reblogs}
  1030.         <div class="tumblr_parent">
  1031.             <div class="reblog_head">
  1032.                 <img src="{portraiturl-64}" class="tumblr_avatar"/>
  1033.                 {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
  1034.                 {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
  1035.             </div>
  1036.             <div>
  1037.                 {Body}
  1038.             </div>
  1039.         </div>
  1040.         {/block:Reblogs}
  1041.     </div>
  1042.     {/block:RebloggedFrom}
  1043.     {/block:Caption}
  1044.     {/block:Panorama}
  1045.      
  1046.     {block:Photoset}
  1047.     <div class="photo">
  1048.     <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1049.         {block:Photos}
  1050.         <div class="photo-data">
  1051.             <div class="pxu-photo">
  1052.                 <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1053.             </div>
  1054.             <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1055.         </div>
  1056.         {/block:Photos}
  1057.     </div>
  1058.     </div>
  1059.     {block:Caption}
  1060.     {block:NotReblog}
  1061.     <div class="caption text">
  1062.         <div class="tumblr_parent">
  1063.             <div class="reblog_head">
  1064.                 <img src="{portraiturl-64}" class="tumblr_avatar"/>
  1065.                 <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  1066.             </div>
  1067.             <div>
  1068.                 {Caption}
  1069.             </div>
  1070.         </div>
  1071.     </div>
  1072.     {/block:NotReblog}
  1073.     {block:RebloggedFrom}
  1074.     <div class="caption text">
  1075.         {block:Reblogs}
  1076.         <div class="tumblr_parent">
  1077.             <div class="reblog_head">
  1078.                 <img src="{portraiturl-64}" class="tumblr_avatar"/>
  1079.                 {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
  1080.                 {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
  1081.             </div>
  1082.             <div>
  1083.                 {Body}
  1084.             </div>
  1085.         </div>
  1086.         {/block:Reblogs}
  1087.     </div>
  1088.     {/block:RebloggedFrom}
  1089.     {/block:Caption}
  1090.     {/block:Photoset}
  1091.  
  1092.     {block:Quote}
  1093.     <div class="quote">
  1094.         <span>❝</span>
  1095.         {Quote}
  1096.     </div>
  1097.     {block:Source}
  1098.     <div class="text sourcez">
  1099.         {Source}
  1100.     </div>
  1101.     {/block:Source}
  1102.     {/block:Quote}
  1103.  
  1104.     {block:Link}
  1105.     <a href="{URL}" {Target} class="llp"><span>
  1106.         <span class="ftr" data-feather="link-2"></span>
  1107.         <span class="highlight">{Name}</span>
  1108.     <span></a>
  1109.     {block:Description}
  1110.     {block:NotReblog}
  1111.     <div class="text">
  1112.         <div class="tumblr_parent">
  1113.             {Description}
  1114.         </div>
  1115.     </div>
  1116.     {/block:NotReblog}
  1117.     {block:RebloggedFrom}
  1118.     <div class="text">
  1119.         {block:Reblogs}
  1120.         <div class="tumblr_parent">
  1121.             <div class="reblog_head">
  1122.                 <img src="{portraiturl-64}" class="tumblr_avatar"/>
  1123.                 {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
  1124.                 {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
  1125.             </div>
  1126.             <div>
  1127.                 {Body}
  1128.             </div>
  1129.         </div>
  1130.         {/block:Reblogs}
  1131.     </div>
  1132.     {/block:RebloggedFrom}
  1133.     {/block:Description}
  1134.     {/block:Link}
  1135.  
  1136.     {block:Chat}
  1137.     {block:Title}<div class="headt"><span class="highlight">{Title}</span></div>{/block:Title}
  1138.     <div class="chat">
  1139.         {block:Lines}
  1140.         <div class="line">
  1141.             {block:Label}<span class="name">{Label}</span>{/block:Label}
  1142.             {Line}
  1143.         </div>
  1144.         {/block:Lines}
  1145.     </div>
  1146.     {/block:Chat}
  1147.  
  1148.     {block:Audio}
  1149.     <div class="aud">
  1150.         <div class="musicinfo">
  1151.             {block:TrackName}<b><span class="ftr" data-feather="headphones"></span> {TrackName}</b><br>{/block:TrackName}
  1152.             {block:Artist}{Artist}<br>{/block:Artist}
  1153.         </div>
  1154.         {block:AudioPlayer}
  1155.         <div class="tplayer">
  1156.             {AudioPlayer}
  1157.         </div>
  1158.         {/block:AudioPlayer}
  1159.     </div>
  1160.     {block:Caption}
  1161.     {block:NotReblog}
  1162.     <div class="text">
  1163.         <div class="tumblr_parent">
  1164.             <div class="reblog_head">
  1165.                 <img src="{portraiturl-64}" class="tumblr_avatar"/>
  1166.                 <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  1167.             </div>
  1168.             <div>
  1169.                 {Caption}
  1170.             </div>
  1171.         </div>
  1172.     </div>
  1173.     {/block:NotReblog}
  1174.     {block:RebloggedFrom}
  1175.     <div class="text">
  1176.         {block:Reblogs}
  1177.         <div class="tumblr_parent">
  1178.             <div class="reblog_head">
  1179.                 <img src="{portraiturl-64}" class="tumblr_avatar"/>
  1180.                 {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
  1181.                 {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
  1182.             </div>
  1183.             <div>
  1184.                 {Body}
  1185.             </div>
  1186.         </div>
  1187.         {/block:Reblogs}
  1188.     </div>
  1189.     {/block:RebloggedFrom}
  1190.     {/block:Caption}
  1191.     {/block:Audio}
  1192.  
  1193.     {block:Video}
  1194.     <div class="video">
  1195.         {Video-500}
  1196.     </div>
  1197.     {block:Caption}
  1198.     {block:NotReblog}
  1199.     <div class="caption text">
  1200.         <div class="tumblr_parent">
  1201.             <div class="reblog_head">
  1202.                 <img src="{portraiturl-64}" class="tumblr_avatar"/>
  1203.                 <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  1204.             </div>
  1205.             <div>
  1206.                 {Caption}
  1207.             </div>
  1208.         </div>
  1209.     </div>
  1210.     {/block:NotReblog}
  1211.     {block:RebloggedFrom}
  1212.     <div class="caption text">
  1213.         {block:Reblogs}
  1214.         <div class="tumblr_parent">
  1215.             <div class="reblog_head">
  1216.                 <img src="{portraiturl-64}" class="tumblr_avatar"/>
  1217.                 {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
  1218.                 {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
  1219.             </div>
  1220.             <div>
  1221.                 {Body}
  1222.             </div>
  1223.         </div>
  1224.         {/block:Reblogs}
  1225.     </div>
  1226.     {/block:RebloggedFrom}
  1227.     {/block:Caption}
  1228.     {/block:Video}
  1229.  
  1230.     {block:Answer}
  1231.     <div class="question">
  1232.         {Question}
  1233.     </div>
  1234.     <div class="asker">
  1235.         <span class="ftr" data-feather="help-circle"></span>
  1236.         {Asker}
  1237.     </div>
  1238.     {block:NotReblog}
  1239.     <div class="text">
  1240.         <div class="tumblr_parent">
  1241.             {Answer}
  1242.         </div>
  1243.     </div>
  1244.     {/block:NotReblog}
  1245.     {block:RebloggedFrom}
  1246.     <div class="text">
  1247.         <div class="tumblr_parent">
  1248.             {block:Answerer}
  1249.             <div class="reblog_head">
  1250.                 <img src="{AnswererPortraiturl-64}" class="tumblr_avatar"/>
  1251.                 {Answerer}
  1252.             </div>
  1253.             {/block:Answerer}
  1254.             <div>
  1255.                 {Answer}
  1256.             </div>
  1257.         </div>
  1258.         {block:Reblogs}
  1259.         <div class="tumblr_parent">
  1260.             <div class="reblog_head">
  1261.                 <img src="{PortraitURL-64}" class="tumblr_avatar"/>
  1262.                 {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
  1263.                 {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
  1264.             </div>
  1265.             <div>
  1266.                 {Body}
  1267.             </div>
  1268.         </div>
  1269.         {/block:Reblogs}
  1270.     </div>
  1271.     {/block:RebloggedFrom}
  1272.     {/block:Answer}
  1273.    
  1274.     {block:IndexPage}
  1275.     {block:ifshowtags}
  1276.     {block:HasTags}
  1277.     <div class="tags">
  1278.         {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1279.     </div>
  1280.     {/block:HasTags}
  1281.     {/block:ifshowtags}
  1282.     <div class="permalink">
  1283.         <a class="like" title="like this post?">
  1284.             {LikeButton size="15"}
  1285.             <span class="ftr" data-feather="heart"></span>
  1286.         </a>
  1287.         <a href="{Permalink}" class="ion" title="{TimeAgo} + {NoteCountWithLabel}">
  1288.             {block:Text}<span class="ftr" data-feather="file-text"></span>{/block:Text}
  1289.             {block:Photo}<span class="ftr" data-feather="camera"></span>{/block:Photo}
  1290.             {block:Photoset}<span class="ftr" data-feather="image"></span>{/block:Photoset}
  1291.             {block:Quote}<span class="ftr" data-feather="message-square"></span>{/block:Quote}
  1292.             {block:Chat}<span class="ftr" data-feather="message-circle"></span>{/block:Chat}
  1293.             {block:Link}<span class="ftr" data-feather="link-2"></span>{/block:Link}
  1294.             {block:Audio}<span class="ftr" data-feather="music"></span>{/block:Audio}
  1295.             {block:Video}<span class="ftr" data-feather="film"></span>{/block:Video}
  1296.             {block:Answer}<span class="ftr" data-feather="help-circle"></span>{/block:Answer}
  1297.         </a>
  1298.         <a href="{ReblogURL}" title="reblog?">
  1299.             <span class="ftr" data-feather="refresh-cw"></span>
  1300.         </a>
  1301.     </div>
  1302.     {/block:IndexPage}
  1303.    
  1304. </article><!--posts-->
  1305.  
  1306. {block:PermalinkPage}{block:Date}
  1307. <div id="permapage">
  1308.     <div class="date">
  1309.         {block:Text}<span class="ftr" data-feather="file-text"></span>{/block:Text}
  1310.         {block:Photo}<span class="ftr" data-feather="camera"></span>{/block:Photo}
  1311.         {block:Photoset}<span class="ftr" data-feather="image"></span>{/block:Photoset}
  1312.         {block:Quote}<span class="ftr" data-feather="message-square"></span>{/block:Quote}
  1313.         {block:Chat}<span class="ftr" data-feather="message-circle"></span>{/block:Chat}
  1314.         {block:Link}<span class="ftr" data-feather="link-2"></span>{/block:Link}
  1315.         {block:Audio}<span class="ftr" data-feather="music"></span>{/block:Audio}
  1316.         {block:Video}<span class="ftr" data-feather="film"></span>{/block:Video}
  1317.         {block:Answer}<span class="ftr" data-feather="help-circle"></span>{/block:Answer}
  1318.         <span class="date">
  1319.             {DayOfMonth} {ShortMonth} '{ShortYear} @ {24HourWithZero}:{Minutes}
  1320.         </span>
  1321.     </div>
  1322.     {block:RebloggedFrom}
  1323.     <div class="rbg">
  1324.         <span class="ftr" data-feather="edit"></span>
  1325.         <a href="{ReblogRootURL}">source: {ReblogRootName}</a>
  1326.     </div>
  1327.     <div class="rbg">
  1328.         <span class="ftr" data-feather="refresh-ccw"></span>
  1329.         <a href="{ReblogParentURL}">via: {ReblogParentName}</a>
  1330.     </div>    
  1331.     {/block:RebloggedFrom}
  1332.     {block:HasTags}
  1333.     <div class="pt">
  1334.         <span class="ftr" data-feather="tag"></span>
  1335.         <span class="tag">
  1336.             {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}
  1337.         </span>
  1338.     </div>
  1339.     {/block:HasTags}
  1340. </div><!--permapage-->
  1341. {/block:Date}
  1342. {/block:PermalinkPage}
  1343.  
  1344. {block:ContentSource}
  1345. <!-- {SourceURL}
  1346. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1347. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1348. {/block:ContentSource}
  1349. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1350.  
  1351. {block:PostNotes}
  1352. <div class="notes">
  1353.     <div class="count">
  1354.         <span class="ftr" data-feather="feather"></span>
  1355.         <span class="note">{NoteCountWithLabel}</span>
  1356.     </div>
  1357.     <div>
  1358.         {PostNotes}
  1359.     </div>
  1360. </div>
  1361. {/block:PostNotes}
  1362.  
  1363. {/block:Posts}
  1364. </section><!--postmargin-->
  1365.  
  1366. {block:Pagination}
  1367. <footer id="pagination">
  1368.     {block:PreviousPage}<a href="{PreviousPage}" title="back" class="prev"><span class="ftr" data-feather="arrow-left"></span></a>{/block:PreviousPage}
  1369.     <span>{CurrentPage}</span>
  1370.     {block:NextPage}<a href="{NextPage}" title="forth" class="next"><span class="ftr" data-feather="arrow-right"></span></a>{/block:NextPage}
  1371. </footer>
  1372. <footer id="manual">
  1373.     <a href="#" id="load" title="load more posts..."><span class="ftr" data-feather="arrow-down"></span></a>
  1374. </footer>
  1375. {/block:Pagination}
  1376.  
  1377. <script>feather.replace()</script>
  1378.  
  1379. <!-- For CWL and DTHN, thank you for everything :) -->
  1380. </body>
  1381. </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!