daily pastebin goal
62%
SHARE
TWEET

Theme - Portage (magnusthemes)

bevlemagnus Jun 24th, 2018 (edited) 537 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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 - Portage
  8. Code by kaitsuki/magnusthemes
  9. ver. 1.1.1 (26062018)
  10. -->
  11.  
  12. <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,500,600,700,700i|Oswald:300,400,700' rel='stylesheet'/>
  13.  
  14. <link href="https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.9/typicons.min.css" rel="stylesheet"/>
  15.  
  16. <link href="http://static.tumblr.com/p0knose/ajEoj79un/pace.css" rel="stylesheet"/>
  17. <link href="http://static.tumblr.com/p0knose/fW7nwe95q/normalize.css" rel="stylesheet"/>
  18. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet"/>
  19.  
  20. <title>{block:TagPage}{Tag} | {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} | {/block:SearchPage}{block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
  21.  
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24.  
  25. <meta charset="utf-8">
  26. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  27. <meta name="viewport" content="width=device-width, initial-scale=1">
  28.  
  29. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  30.  
  31. <meta name="color:background" content="#f8f8f8"/>
  32. <meta name="color:text" content="#999999"/>
  33. <meta name="color:bold" content="#666666"/>
  34. <meta name="color:italic" content="#cccccc"/>
  35. <meta name="color:links" content="#cccccc"/>
  36. <meta name="color:links hover" content="#999999"/>
  37.  
  38. <meta name="color:scrollbar" content="#bbbbbb"/>
  39. <meta name="color:scrollbar background" content="#f8f8f8"/>
  40. <meta name="color:tooltips" content="#fff"/>
  41. <meta name="color:tooltips background" content="#333333"/>
  42. <meta name="color:text selection" content="#fff"/>
  43. <meta name="color:text selection background" content="#dcdcdc"/>
  44.  
  45. <meta name="color:posts" content="#ffffff"/>
  46. <meta name="color:post dividers" content="#f3f3f3"/>
  47. <meta name="color:chat even" content="#fafafa"/>
  48. <meta name="color:chat odd" content="#f6f6f6"/>
  49. <meta name="color:borders" content="#cccccc"/>
  50. <meta name="color:post borders" content="#eaeaea"/>
  51. <meta name="color:post title" content="#656565"/>
  52.  
  53. <meta name="color:search bar" content="#252525"/>
  54. <meta name="color:menu links" content="#ffffff"/>
  55. <meta name="color:menu numbering" content="#666666"/>
  56. <meta name="color:menu background" content="#222222"/>
  57. <meta name="color:overlay" content="#363636"/>
  58.  
  59. <meta name="color:footer" content="#151515"/>
  60. <meta name="color:footer text" content="#eaeaea"/>
  61.  
  62. <meta name="color:accent" content="#666666"/>
  63. <meta name="color:accent text" content="#fff"/>
  64.  
  65. <!-- image options -->
  66.  
  67. <meta name="image:sidebar" content=""/>
  68. <meta name="image:topbar logo" content="https://static.tumblr.com/p0knose/CGSpau655/plane__2_.png"/>
  69.  
  70. <!-- booleans -->
  71.  
  72. <meta name="if:custom text selection" content="1"/>
  73. <meta name="if:fixed sidebar" content=""/>
  74. <meta name="if:search bar" content=""/>
  75. <meta name="if:light theme" content="1" />
  76. <meta name="if:fading images" content=""/>
  77. <meta name="if:monochrome images" content=""/>
  78. <meta name="if:two columns" content=""/>
  79. <meta name="if:hide tags" content=""/>
  80. <meta name="if:infinite scroll" content=""/>
  81. <meta name="if:manual load" content=""/>
  82. <meta name="if:lazy load" content=""/>
  83. <meta name="if:scroll to top" content=""/>
  84. <meta name="if:social media" content=""/>
  85.  
  86. <!-- text input fields -->
  87.  
  88. <meta name="text:large posts tag" content=""/>
  89. <meta name="text:blog name" content=""/>
  90. <meta name="text:subtitle" content=""/>
  91.  
  92. <meta name="text:link 1" content=""/>
  93. <meta name="text:link 1 url" content=""/>
  94. <meta name="text:link 2" content=""/>
  95. <meta name="text:link 2 url" content=""/>
  96. <meta name="text:link 3" content=""/>
  97. <meta name="text:link 3 url" content=""/>
  98. <meta name="text:link 4" content=""/>
  99. <meta name="text:link 4 url" content=""/>
  100.  
  101. <meta name="text:facebook" content=""/>
  102. <meta name="text:twitter" content=""/>
  103. <meta name="text:instagram" content=""/>
  104. <meta name="text:youtube" content=""/>
  105. <meta name="text:flickr" content=""/>
  106. <meta name="text:google plus" content=""/>
  107. <meta name="text:website url" content=""/>
  108.  
  109. <!-- more options -->
  110.  
  111. <meta name="select:margins" title="30px" content="30px"/>
  112. <meta name="select:margins" title="40px" content="40px"/>
  113. <meta name="select:margins" title="50px" content="50px"/>
  114. <meta name="select:margins" title="60px" content="60px"/>
  115.  
  116. <meta name="select:post size" title="700px" content="700"/>
  117. <meta name="select:post size" title="650px" content="650"/>
  118. <meta name="select:post size" title="600px" content="600"/>
  119. <meta name="select:post size" title="540px" content="540"/>
  120. <meta name="select:post size" title="500px" content="500"/>
  121. <meta name="select:post size" title="450px" content="450"/>
  122. <meta name="select:post size" title="400px" content="400"/>
  123. <meta name="select:post size" title="350px" content="350"/>
  124.  
  125. <meta name="select:gutter" title="4px" content="4"/>
  126. <meta name="select:gutter" title="3px" content="3"/>
  127. <meta name="select:gutter" title="2px" content="2"/>
  128. <meta name="select:gutter" title="1px" content="1"/>
  129.  
  130. <script src="https://static.tumblr.com/2b2izpj/7Iioj77l4/pace.min.js"></script>
  131.  
  132. <style type="text/css">
  133.  
  134. .pace .pace-activity {display:none;}
  135. .pace .pace-progress {background:{color:Accent};}
  136. .pace .pace-progress-inner {box-shadow:0 0 10px {color:Accent}, 0 0 5px {color:Accent};}
  137.  
  138. /* ------ custom styles ------ */
  139.  
  140. /* fade animation */
  141.  
  142. @-webkit-keyframes fadein {from {opacity:0;} to {opacity:1;}}
  143. @keyframes fadein {from {opacity:0;} to {opacity:1;}}
  144.  
  145. /* scrollbar */
  146.  
  147. ::-webkit-scrollbar {height:15px; width:15px;}
  148. ::-webkit-scrollbar-corner {background:{color:Background};}
  149.  
  150. ::-webkit-scrollbar-track-piece {
  151.     background-color:{color:Scrollbar Background};
  152.     border:7px solid {color:Background};
  153. }
  154.  
  155. ::-webkit-scrollbar-thumb {
  156.     width:15px;
  157.     height:15px;
  158.     background-color:{color:Scrollbar};
  159.     border:6px solid {color:Background};
  160. }
  161.  
  162. /* text selection */
  163.  
  164. {block:ifcustomtextselection}
  165. ::selection {color:{color:text selection}; background:{color:text selection background};}
  166. ::-moz-selection {color:{color:text selection}; background:{color:text selection background};}
  167. ::-webkit-selection {color:{color:text selection}; background:{color:text selection background};}
  168. {/block:ifcustomtextselection}
  169.  
  170. /* jquery ui tooltips */
  171.  
  172. .ui-tooltip {position:absolute; z-index:214748364789;}
  173.  
  174. .ui-tooltip-content {
  175.     margin:3px 15px;
  176.     max-width:300px;
  177.     padding:5px 8px;
  178.     text-transform:uppercase;
  179.     background:{color:tooltips background};
  180.     font-size:10px;
  181.     line-height:150%;
  182.     letter-spacing:0px;
  183.     color:{color:tooltips};
  184. }
  185.  
  186. /* tumblr controls */
  187.  
  188. #opus:hover {border-color:{color:Accent};}
  189.  
  190. iframe#tumblr_controls, .iframe-controls--desktop {
  191.     top:calc(15px + {select:margins}/2)!important;
  192.     right:{select:margins}!important;
  193.     position:fixed!important;
  194.     z-index:999999999!important;
  195.     opacity:1!important;
  196.     {block:iflighttheme}
  197.     -webkit-filter:invert(85%);
  198.     filter:invert(85%);
  199.     {/block:iflighttheme}
  200.     transform-origin:100% 0;
  201.     transform:scale(0.67,0.67);
  202.     transition:opacity 0.4s ease-in-out;
  203. }
  204.  
  205. iframe#tumblr_controls:hover, .iframe-controls--desktop:hover {opacity: 0.7!important;}
  206.  
  207. /* lightbox */
  208.  
  209. #tumblr_lightbox, .tmblr-lightbox {background:rgba({RGBcolor:overlay}, 0.6)!important; z-index:214748364789!important;}
  210. #tumblr_lightbox img, .tmblr-lightbox img {opacity:0;}
  211. #vignette, .vignette {opacity:0!important;}
  212.  
  213. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image, .lightbox-image {
  214.     opacity:1!important;
  215.     box-shadow:0 0 0 transparent!important;
  216.     border-radius:0px!important;
  217.     padding:0px!important;
  218. }
  219.  
  220. #tumblr_lightbox_caption, .lightbox-caption {
  221.     margin-top:20px!important;
  222.     color:{color:text}!important;
  223.     text-shadow:0 0 0 transparent!important;
  224.     font:normal 12px 'Open Sans', sans-serif;
  225. }
  226.  
  227. /* ------ basic styles ------ */
  228.  
  229. body {
  230.     background-color:{color:background};
  231.     margin:0px;
  232.     padding:0px;
  233.     word-wrap:break-word;
  234.     overflow:auto;
  235.     color:{color:text};
  236.     font:normal 12px/150% 'Open Sans', sans-serif;
  237.     letter-spacing:0px;
  238.     -webkit-font-smoothing:antialiased;
  239.     -moz-osx-font-smoothing:grayscale;
  240.     transition:padding 0.3s ease-in-out 0s; /* for menu transition */
  241. }
  242.  
  243. body.hideover {overflow:hidden!important;}
  244.  
  245. a {
  246.     color:{color:links};
  247.     text-decoration:none;
  248.     transition:0.3s ease-in-out;
  249.     outline:0!important;
  250. }
  251.  
  252. a:hover {color:{color:links hover};}
  253. i, italic, em {color:{color:italic}; font-style:italic;}
  254. b, bold, strong {color:{color:bold}; font-weight:bold;}
  255. u, underline {text-decoration:none; border-bottom:1px solid {color:Post Title};}
  256.  
  257. pre, code {
  258.     font-family:consolas,monospace;
  259.     background:{color:posts};
  260. }
  261.  
  262. pre {padding:10px; display:block;}
  263.  
  264. /* line dividers */
  265.  
  266. hr {
  267.     border:0px solid transparent;
  268.     background-color:{color:post dividers};
  269.     color:{color:post dividers};
  270.     margin:1em 0;
  271.     height:1px;
  272.     width:100%;
  273. }
  274.  
  275. /* lists, ordered and unordered */
  276.  
  277. ol {counter-reset:li;}
  278. ol, ul {padding:0px 0px 0px 30px;}
  279. ol li, ul li {list-style:none; margin-left:0px; display:block; position:relative;}
  280.  
  281. ol li::before {
  282.     content:counter(li, decimal-leading-zero);
  283.     counter-increment:li;
  284.     position:absolute;
  285.     margin-left:-8px;
  286.     color:{color:Accent};
  287.     font:100%/150% 'Oswald',sans-serif;
  288.     -webkit-transform:translateX(-100%);
  289.     -ms-transform:translateX(-100%);
  290.     transform:translateX(-100%);
  291. }
  292.  
  293. ul li::before {
  294.     content:"\e048";
  295.     position:absolute;
  296.     display:inline-block;
  297.     text-transform:none;
  298.     font:normal normal normal 120%/130% 'Typicons';
  299.     color:{color:Accent};
  300.     speak:none;
  301.     margin-left:-8px;
  302.     -webkit-font-smoothing:antialiased;
  303.     -moz-osx-font-smoothing:grayscale;
  304.     -webkit-transform:translateX(-100%);
  305.     -ms-transform:translateX(-100%);
  306.     transform:translateX(-100%);
  307. }
  308.  
  309. ul li:hover::before {content:"\e0ad"}
  310.  
  311. /* headings */
  312.  
  313. h1, h2, h3 {
  314.     letter-spacing:0px;
  315.     font:18px 'Oswald',sans-serif;
  316.     color:{color:Post Title};
  317. }
  318.  
  319. /* @ all the people who use <small> tags in your captions: get your shit together pls */
  320.  
  321. small, sup, sub {line-height:170%; font-size:10px;}
  322. big {font-size:14px;}
  323.  
  324. /* ------ containers ------ */
  325.  
  326. #all {
  327.     position:relative;
  328.     margin:0 auto {select:margins};
  329.     min-height:calc(100vh - 80px);
  330.     {block:ifsidebarimage}width:calc({select:post size}px + {select:margins} + 300px);{/block:ifsidebarimage}
  331.     {block:ifnotsidebarimage}width:{select:post size}px;{/block:ifnotsidebarimage}
  332.     {block:IndexPage}
  333.     {block:iftwocolumns}
  334.     {block:ifsidebarimage}width:calc((350px + {select:margins}) * 2 + 300px);{/block:ifsidebarimage}
  335.     {block:ifnotsidebarimage}width:calc((350px * 3) + ({select:margins} * 2));{/block:ifnotsidebarimage}
  336.     {/block:iftwocolumns}
  337.     {/block:IndexPage}
  338.     overflow:hidden;
  339. }
  340.  
  341. /* post container */
  342.  
  343. #postmargin {
  344.     z-index:1;
  345.     overflow:hidden;
  346.     position:relative;
  347.     padding-bottom:{select:margins};
  348.     width:{select:post size}px;
  349.     margin-top:-{select:margins};
  350.     {block:iftwocolumns}
  351.     {block:IndexPage}
  352.     {block:ifsidebarimage}width:calc((350px + {select:margins}) * 2);{/block:ifsidebarimage}
  353.     {block:ifnotsidebarimage}width:calc((350px + {select:margins}) * 3);{/block:ifnotsidebarimage}
  354.     margin-left:calc(-{select:margins}/2);
  355.     margin-top:calc(-{select:margins}/2);
  356.     {/block:IndexPage}
  357.     {/block:iftwocolumns}
  358.     -webkit-animation:fadein 1s;
  359.     animation:fadein 1s;
  360. }
  361.  
  362. /* ------ posts ------ */
  363.  
  364. .posts {
  365.     position:relative;
  366.     width:{select:post size}px;
  367.     padding-top:{select:margins};
  368.     margin:{select:margins} 0;
  369.     {block:IndexPage}
  370.     {block:iftwocolumns}
  371.     opacity:0;
  372.     float:left;
  373.     width:350px;
  374.     margin:calc({select:margins}/2);
  375.     {/block:iftwocolumns}
  376. }
  377.  
  378. .posts::before {
  379.     content:'\e0cb';
  380.     font:20px "Typicons";
  381.     color:{color:Post Dividers};
  382.     background:{color:Background};
  383.     position:absolute;
  384.     display:block;
  385.     padding:10px;
  386.     top:-22px;
  387.     left:50%;
  388.     margin-left:-20px;
  389.     z-index:9;
  390. }
  391.  
  392. .posts::after {
  393.     content:"";
  394.     top:0;
  395.     height:1px;
  396.     width:100%;
  397.     position:absolute;
  398.     background:{color:Post Dividers};
  399.     left:0;
  400.     right:0;
  401.     {/block:IndexPage}
  402. }
  403.  
  404. .posts:first-of-type::before,.posts:first-of-type::after {display:none;}
  405. {block:iftwocolumns}
  406. {block:ifnotsidebarimage}
  407. .posts:nth-of-type(3)::before, .posts:nth-of-type(3)::after {display:none;}
  408. {/block:ifnotsidebarimage}
  409. .posts:nth-of-type(2)::before,.posts:nth-of-type(2)::after {display:none;}
  410. .posts.large {width:calc(700px + {select:margins});}
  411. {/block:iftwocolumns}
  412.  
  413. /* ------ posts inner styling ------ */
  414.  
  415. .text {padding:0px; position:relative;}
  416. .text a, .sourcez a, #desc a {border-bottom:2px solid {color:Accent};}
  417. .text a:hover, .sourcez a:hover, #desc a:hover {border-color:{color:Links Hover};}
  418.  
  419. blockquote {
  420.     margin:5px 0 5px 7px;
  421.     display:block;
  422.     padding-left:15px;
  423.     border-left:2px solid {color:Borders};
  424. }
  425.  
  426. blockquote img {max-width:100%!important; height:auto!important;}
  427.  
  428. .tumblr_parent {
  429.     text-align:justify;
  430.     border-left:0px solid transparent;
  431.     margin:{select:gutter}px 0;
  432.     padding:15px 0;
  433. }
  434.  
  435. .overlap {
  436.     z-index:999999999;
  437.     margin:-60px 15px 0;
  438.     position:relative;
  439. }
  440.  
  441. .caption {position:relative; z-index:99999;}
  442.  
  443. .caption .tumblr_parent {
  444.     background:{color:Background};
  445.     border-top:0px solid transparent;
  446.     padding:20px 20px 10px;
  447. }
  448.  
  449. .reblog_user, .reblog_head a, .reblog_head > span {
  450.     background:transparent!important;
  451.     box-shadow:0 0 0 transparent!important;
  452.     border-bottom:none!important;
  453.     display:inline-block;
  454.     vertical-align:middle;
  455.     font:normal 12px/170% "Oswald";
  456.     text-transform:uppercase;
  457.     letter-spacing:1px;
  458.     margin-bottom:5px;
  459. }
  460.  
  461. span.reblog_user::after {
  462.     content:"deactivated";
  463.     margin-left:5px;
  464.     opacity:0;
  465.     position:absolute;
  466.     transition:0.4s ease-in-out;
  467. }
  468.  
  469. .reblog_head:hover span.reblog_user::after, .answer span.reblog_user::after {opacity:1;}
  470.  
  471. img.tumblr_avatar {
  472.     vertical-align:middle;
  473.     width:16px;
  474.     height:16px;
  475.     margin-right:6px;
  476.     margin-bottom:5px;
  477.     display:inline-block;
  478. }
  479.  
  480. p.rm {
  481.     position:absolute;
  482.     text-align:center;
  483.     bottom:0px;
  484.     left:0px;
  485.     width:100%;
  486.     margin:0px;
  487.     padding:50px 0px 0px 0px;
  488.     background-image:linear-gradient(to bottom, rgba({RGBcolor:Background},0), {color:Background});
  489. }
  490.  
  491. .text .read_more {
  492.     font:normal 12px 'Oswald',sans-serif;
  493.     text-transform:uppercase;
  494.     padding:10px 25px;
  495.     display:inline-block;
  496.     color:{color:Bold};
  497.     border:0px solid transparent;
  498.     transition:0.5s ease-in-out;
  499. }
  500.  
  501. .text .read_more:hover {color:{color:Accent};}
  502. .text p:not(.rm), .text ul, .text ol {margin:5px 0;}
  503. .text img:not(.tumblr_avatar) {margin:10px 0;}
  504.  
  505. /* photo & video posts */
  506.  
  507. .photo {transition:0.5s ease-in-out;}
  508. .posts img:not(.tumblr_avatar) {max-width:100%; display:block;}
  509. .row {overflow:hidden;}
  510.  
  511. {block:iffadingimages}{block:indexpage}
  512. .photo {opacity:0.8;}
  513. .posts:hover .photo {opacity:1;}
  514. {/block:indexpage}{/block:iffadingimages}
  515.  
  516. {block:IndexPage}{block:ifmonochromeimages}
  517. .photo {-webkit-filter:grayscale(100%); filter:grayscale(100%);}
  518. .posts:hover .photo {-webkit-filter:grayscale(0%); filter:grayscale(0%);}
  519. {/block:ifmonochromeimages}{/block:IndexPage}
  520.  
  521. .tumblr_video_container {width:auto!important; height:auto!important;}
  522. .photo a {padding-bottom:0px; border-bottom:0px solid transparent;}
  523. img.singlepic {display:block; border-radius:0px;}
  524.  
  525. /* text, link, quote posts */
  526.  
  527. .quote {
  528.     padding:15px 15px 25px;
  529.     text-align:center;
  530.     letter-spacing:0px;
  531.     font:300 18px/150% 'Oswald',sans-serif;
  532.     background:{color:Posts};
  533.     color:{color:Post Title};
  534. }
  535.  
  536. .quote span {font-size:1.25em; color:{color:Borders};}
  537.  
  538. .sourcez {
  539.     padding:10px;
  540.     text-align:center;
  541.     position:relative;
  542.     margin-top:{select:gutter}px;
  543.     font:normal 12px "Oswald";
  544.     text-transform:uppercase;
  545.     letter-spacing:1px;
  546. }
  547.  
  548. .headt, .llp {
  549.     color:{color:post title};
  550.     font:normal bold 26px/150% 'Oswald',sans-serif;
  551.     transition:0.5s ease-in-out;
  552. }
  553.  
  554. .llp span.arrow {margin-left:5px; font-size:20px; color:{color:Accent};}
  555. .llp span:not(.arrow) {transition:margin 0.5s ease-in-out;}
  556. .llp, .llp span:not(.arrow) {display:block;}
  557. .llp:hover {color:{color:Accent};}
  558.  
  559. /* ask posts */
  560.  
  561. .askerp {
  562.     width:30px;
  563.     height:30px;
  564.     margin:15px 0 0;
  565.     position:absolute;
  566. }
  567.  
  568. .askerp img {display:block; width:30px; height:30px;}
  569.  
  570. .question {
  571.     padding:0 15px 10px;
  572.     display:inline-block;
  573.     min-height:30px;
  574.     text-align:justify;
  575.     margin-left:calc(30px + {select:gutter}px);
  576.     width:calc(100% - 70px - {select:gutter}px);
  577.     margin-top:15px;
  578. }
  579.  
  580. .question b {font:normal 12px/170% "Oswald"; text-transform:uppercase; letter-spacing:1px;}
  581.  
  582. .answer {padding-left:calc(45px + {select:gutter}px);}
  583. .answer .tumblr_parent {min-height:30px;}
  584. .answer .reblog_head {position:relative;}
  585. .answer .reblog_head * {margin-bottom:0!important;}
  586.  
  587. .answer img.tumblr_avatar {
  588.     margin-left:-{select:gutter}px;
  589.     position:absolute;
  590.     width:30px;
  591.     height:30px;
  592.     left:-45px;
  593.     top:0;
  594. }
  595.  
  596. /* audio posts */
  597.  
  598. .musicinfo {
  599.     z-index:0;
  600.     margin-left:0px;
  601.     height:100px;
  602.     letter-spacing:0.2px;
  603.     padding:0px 15px 10px 105px;
  604.     overflow:hidden;
  605.     position:relative;
  606.     width:calc(100% - 120px);
  607.     font-size:0.9em;
  608.     line-height:150%;
  609. }
  610.  
  611. .musicinfo::before {
  612.     font-size:80px;
  613.     display:block;
  614.     padding:10px;
  615.     line-height:80px;
  616.     color:{color:Background};
  617.     background:{color:Posts};
  618.     position:absolute;
  619.     left:0;
  620.     top:0;
  621.     z-index:1;
  622. }
  623.  
  624. .musicinfo table, .musicinfo table td {
  625.     height:100px;
  626.     margin-top:0px;
  627.     vertical-align:middle;
  628.     width:calc({select:post size}px - 130px);
  629.     {block:iftwocolumns}{block:IndexPage}width:220px;{/block:IndexPage}{block:iftwocolumns}
  630. }
  631.  
  632. .musicinfo b {
  633.     font:bold 14px/170% "Oswald";
  634.     text-transform:uppercase;
  635.     letter-spacing:1px;
  636. }
  637.  
  638. .musicinfo b, .musicinfo i {margin-left:20px; display:inline-block;}
  639.  
  640. .musicinfo i {
  641.     font-size:10px;
  642.     text-transform:uppercase;
  643.     font-style:normal;
  644.     color:{color:Text};
  645. }
  646.  
  647. .album {width:100px; height:100px; position:absolute; z-index:2;}
  648.  
  649. .tplayer {
  650.     z-index:3;
  651.     width:20px;
  652.     height:30px;
  653.     padding:0 5px;
  654.     overflow:hidden;
  655.     position:absolute;
  656.     margin:35px;
  657.     transition:0.5s ease-in-out;
  658.     background:rgba({RGBcolor:Background},0.5);
  659.     border-radius:100%;
  660. }
  661.  
  662. .tumblr_audio_player {
  663.     max-width:500px!important;
  664.     margin-left:-7px!important;
  665.     margin-top:2px!important;
  666. }
  667.  
  668. /* chat posts */
  669.  
  670. .chat {padding:10px 0 5px;}
  671.  
  672. .label {
  673.     padding:5px 0;
  674.     line-height:200%;
  675.     margin:{select:gutter}px 0px;
  676.     text-align:justify;
  677. }
  678.  
  679. .label span {
  680.     font:normal 12px/170% "Oswald";
  681.     text-transform:uppercase;
  682.     letter-spacing:1px;
  683.     padding:5px 0;
  684.     display:block;
  685. }
  686.  
  687. .label:nth-of-type(odd) span {color:{color:Chat Odd};}
  688. .label:nth-of-type(even) span {color:{color:Chat Even};}
  689.  
  690. /* ------ permalinks ------ */
  691.  
  692. /* tags */
  693.  
  694. .tags {margin-top:10px; line-height:150%; font-size:10px; font-weight:600;}
  695.  
  696. .tags a {margin-right:5px;}
  697. .tags a span {color:{color:Accent};}
  698.  
  699. {block:IndexPage}{block:ifhidetags}.tags {display:none;}{/block:ifhidetags}{/block:IndexPage}
  700.  
  701. .ti {
  702.     position:relative;
  703.     width:{select:post size};
  704.     {block:iftwocolumns}{block:IndexPage}width:350px;{/block:IndexPage}{block:iftwocolumns}
  705.     overflow:hidden;
  706.     white-space:nowrap;
  707.     text-transform:uppercase;
  708.     display:inline-block;
  709. }
  710.  
  711. .itag {
  712.     width:calc({select:post size}px - 5px);
  713.     {block:iftwocolumns}{block:IndexPage}width:345px;{/block:IndexPage}{block:iftwocolumns}
  714.     height:15px;
  715.     line-height:15px;
  716.     margin-top:0px;
  717.     display:inline-block;
  718.     overflow:hidden;
  719.     position:relative;
  720. }
  721.  
  722. .itag::after {
  723.     content:"";
  724.     position:absolute;
  725.     right:0px;
  726.     bottom:0px;
  727.     width:30px;
  728.     height:15px;
  729.     z-index:1;
  730.     background-image:linear-gradient(to right, rgba({RGBcolor:Background},0), {color:Background});
  731. }
  732.  
  733. .dragtags {
  734.     position:relative;
  735.     float:left;
  736.     white-space:nowrap;
  737.     word-wrap:normal;
  738.     word-break:normal;
  739. }
  740.  
  741. /* permalinks */
  742.  
  743. .rbg {font:10px "Oswald"; text-transform:uppercase; margin-bottom:10px; letter-spacing:1px;}
  744. .rbg .typcn {color:{color:Accent}; font-size:12px;}
  745.  
  746. .permalink{height:20px; position:relative; margin:0 -1px -{select:gutter}px;}
  747. .musicinfo .permalink {margin:0 0 5px 19px;}
  748. .permalink.pq {text-align:center; margin:-10px -1px 0;}
  749. .permalink.llc {margin:0px -2px 10px;}
  750. .permalink.aq {margin:0 -2px 10px;}
  751.  
  752. .permalink a {
  753.     display:inline-block;
  754.     background:{color:Accent};
  755.     color:{color:Accent Text};
  756.     padding:3px 5px;
  757.     margin:1px;
  758.     font-size:10px;
  759.     line-height:14px;
  760.     text-transform:uppercase;
  761.     border-bottom:0px solid transparent;
  762. }
  763.  
  764. .permalink a:hover {opacity:0.5;}
  765.  
  766. .lb {position:relative;}
  767.  
  768. .like_button, .like_button iframe {
  769.     position:absolute;
  770.     z-index:99999;
  771.     width:100%;
  772.     height:100%;
  773.     top:0; bottom:0;
  774.     right:0; left:0;
  775.     opacity:0;
  776. }
  777.  
  778. span.ilike::before {content:"like?"; position:relative;}
  779. .like_button.liked + span.ilike::before {content:"liked!";}
  780.  
  781. /* post notes */
  782.  
  783. ol.notes {
  784.     position:relative;
  785.     width:{select:post size}px;
  786.     margin:-10px 0px 0px;
  787.     padding:{select:margins} 0px;
  788.     list-style-type:none;
  789.     text-transform:uppercase;
  790. }
  791.  
  792. ol.notes::before {
  793.     content:'\e0cc';
  794.     font:20px "Typicons";
  795.     color:{color:Post Dividers};
  796.     background:{color:Background};
  797.     position:absolute;
  798.     display:block;
  799.     padding:10px;
  800.     top:-22px;
  801.     left:50%;
  802.     margin-left:-20px;
  803.     z-index:9;
  804. }
  805.  
  806. ol.notes::after {
  807.     content:"";
  808.     top:0;
  809.     height:1px;
  810.     width:100%;
  811.     position:absolute;
  812.     background:{color:Post Dividers};
  813.     left:0;
  814.     right:0;
  815. }
  816.  
  817. ol.notes li::before {display:none; content:"";}
  818.  
  819. ol.notes li.note {
  820.     padding:3px 5px 2px 5px;
  821.     font-size:10px;
  822.     line-height:20px;
  823.     margin-bottom:{select:gutter}px;
  824.     display:block;
  825. }
  826.  
  827. ol.notes li.note img, ol.notes li.note img.avatar {
  828.     width:14px;
  829.     height:14px;
  830.     border:1px solid {color:posts};
  831.     margin:0 6px 1px 0;
  832.     display:inline-block;
  833.     vertical-align:middle;
  834. }
  835.  
  836. ol.notes li.note.answer_content {font-weight:normal;}
  837.  
  838. ol.notes li.note blockquote {
  839.     text-transform:none;
  840.     line-height:12px;
  841.     background:transparent;
  842.     border:0px solid transparent;
  843.     border-left:1px solid {color:borders};
  844. }
  845.  
  846. ol.notes li.note blockquote a {text-decoration:none;}
  847.  
  848. /* ------ header ------ */
  849.  
  850. header {position:relative; z-index:99999999;}
  851.  
  852. #topbar {
  853.     text-align:center;
  854.     height:60px;
  855.     margin:calc({select:margins}/2) 0 0;
  856. }
  857.  
  858. #topbar img {
  859.     position:absolute;
  860.     display:block;
  861.     width:36px;
  862.     z-index:99;
  863.     left:-25px;
  864.     top:5px;
  865.     z-index:0;
  866. }
  867.  
  868. a.main h1 > span {position:relative; z-index:1;}
  869. a.main {position:relative; display:inline-block;}
  870.  
  871. a.main::before, a.main::after {
  872.     width:0px;
  873.     height:2px;
  874.     border-top:6px double {color:Accent};
  875.     border-bottom:2px solid {color:Accent};
  876.     content:"";
  877.     position:absolute;
  878.     display:block;
  879.     top:30px;
  880.     z-index:1;
  881.     transition:0.5s ease-in-out;
  882. }
  883.  
  884. a.main::before {left:-10px;}
  885. a.main::after {right:-10px;}
  886. a.main:hover::before {left:-60px;}
  887. a.main:hover::after {right:-60px;}
  888. a.main:hover::before,a.main:hover::after {width:50px;}
  889.  
  890. #topbar h1 {
  891.     line-height:30px;
  892.     font-size:30px;
  893.     margin:20px 0 0;
  894.     text-transform:uppercase;
  895.     transition:0.4s ease-in-out;
  896.     color:{color:Post Title};
  897.     font-weight:700;
  898. }
  899.  
  900. #topbar h2 {
  901.     color:{color:Post Title};
  902.     font:300 8px/15px "Open Sans";
  903.     text-transform:uppercase;
  904.     margin:0;
  905.     letter-spacing:5px;
  906. }
  907.  
  908. #topbar a.main:hover h1 {color:{color:Accent};}
  909.  
  910. /* ------ sidebar ------ */
  911.  
  912. aside {
  913.     width:300px;
  914.     margin-top:{select:margins};
  915.     box-sizing:border-box;
  916.     margin-left:calc({select:post size}px + {select:margins});
  917.     {block:iftwocolumns}
  918.     {block:IndexPage}
  919.     margin-left:calc((350px + {select:margins}) * 2);
  920.     {/block:IndexPage}
  921.     {/block:iftwocolumns}
  922.     {block:ifnotfixedsidebar}position:absolute;{/block:ifnotfixedsidebar}
  923.     {block:iffixedsidebar}position:fixed;{/block:iffixedsidebar}
  924. }
  925.  
  926. aside img {margin-bottom:-40px; display:block; width:300px;}
  927. aside h1 {font-size:16px; font-weight:700; margin:0 0 1em; line-height:20px;}
  928.  
  929. aside h2 {
  930.     font-size:14px;
  931.     font-weight:700;
  932.     line-height:20px;
  933.     letter-spacing:1px;
  934.     text-transform:uppercase;
  935. }
  936.  
  937. aside h1, aside h2 {color:{color:Post Title};}
  938.  
  939. aside.bottom {
  940.     width:100%;
  941.     padding:{select:margins} 0;
  942.     background:rgba({RGBcolor:footer},0.95);
  943.     color:{color:Footer Text};
  944.     position:relative!important;
  945.     margin-top:{select:margins};
  946.     margin-left:0px;
  947.     text-align:center;
  948. }
  949.  
  950. aside.bottom > div, aside.bottom > div#desc {
  951.     display:inline-block;
  952.     padding:calc({select:margins}/2);
  953.     text-align:justify;
  954.     vertical-align:top;
  955. }
  956.  
  957. aside.bottom h1, aside.bottom h2 {
  958.     color:{color:Footer Text};
  959.     font-size:14px;
  960.     margin:0 0 1em;
  961.     letter-spacing:1px;
  962. }
  963.  
  964. aside.bottom ul {padding-left:17px;}
  965. aside > div {margin-bottom:{select:margins};}
  966.  
  967. /* --- searchbar --- */
  968.  
  969. aside form {display:table;}
  970.  
  971. aside form input[type="text"] {
  972.     padding:9px 14px;
  973.     height:15px;
  974.     margin-left:0px;
  975.     position:relative;
  976.     background:transparent;
  977.     font:300 12px/15px 'Oswald', sans-serif;
  978.     background:{color:Search bar};
  979.     border:1px solid transparent;
  980.     transition:0.5s ease-in-out;
  981.     outline:none!important;
  982.     display:table-cell;
  983.     width:180px;
  984.     margin-right:5px;
  985. }
  986.  
  987. aside form input[type="text"]:focus {border-color:{color:Post Title};}
  988.  
  989. aside form button {
  990.     height:15px;
  991.     padding:10px 15px;
  992.     box-sizing:content-box;
  993.     font:400 12px/15px 'Oswald', sans-serif;
  994.     text-transform:uppercase;
  995.     background:{color:Accent};
  996.     color:{color:Accent Text};
  997.     border:none;
  998.     outline:none;
  999.     width:55px;
  1000.     display:table-cell;
  1001.     text-align:center;
  1002.     letter-spacing:1px;
  1003.     transition:0.3s ease-in-out;
  1004. }
  1005.  
  1006. aside form button:hover {opacity:0.7;}
  1007. aside > ul {padding:1em 20px; margin-bottom:{select:margins};}
  1008.  
  1009. aside.bottom form {display:block;}
  1010. aside.bottom form input[type="text"]{display:block; width:calc(100% - 30px);}
  1011. aside.bottom form input[type="text"]:focus {border-color:{color:footer text}}
  1012. aside.bottom form button {display:block; width:calc(100% - 30px); margin-top:5px;}
  1013.  
  1014. /* --- desc/nav --- */
  1015.  
  1016. #desc {
  1017.     z-index:9999999;
  1018.     background:{color:Background};
  1019.     position:relative;
  1020.     padding:20px;
  1021.     text-align:justify;
  1022.     margin:0 15px {select:margins};
  1023. }
  1024.  
  1025. aside.bottom #desc {
  1026.     background:transparent;
  1027.     padding:calc({select:margins}/2);
  1028.     margin:0 0 0;
  1029. }
  1030.  
  1031. .social {margin-bottom:{select:margins};}
  1032. .social a {font-size:36px; display:inline-block;}
  1033.  
  1034. aside.bottom b, aside.bottom bold, aside.bottom strong,
  1035. aside.bottom i, aside.bottom em, aside.bottom italic,
  1036. aside.bottom a {color:{color:footer text};}
  1037.  
  1038. aside.bottom a:hover {color:{color:Accent};}
  1039. aside.bottom u, aside.bottom underline {border-color:{color:Footer Text};}
  1040.  
  1041. /* ------ top left buttons ------ */
  1042.  
  1043. .leftnav {
  1044.     position:fixed;
  1045.     z-index:1000;
  1046.     text-align:center;
  1047.     margin:calc(15px + {select:margins}/2);
  1048.     padding:6px;
  1049.     width:40px;
  1050.     height:24px;
  1051.     font-size:24px;
  1052.     line-height:24px;
  1053.     color:{color:Post Title};
  1054.     display:block;
  1055.     left:0;
  1056.     top:0;
  1057. }
  1058.  
  1059. .leftnav:hover {color:{color:Accent};}
  1060. #scrollToTop {left:40px; display:none; transition:all 0s ease 0s, color 0.3s ease-in-out;}
  1061. #open-button {z-index:1001;}
  1062.  
  1063. /* ------ menu ------ */
  1064.  
  1065. /* close button */
  1066.  
  1067. .close-button {
  1068.     width:24px;
  1069.     height:24px;
  1070.     position:absolute;
  1071.     right:1em;
  1072.     top:1em;
  1073.     display:block;
  1074.     overflow:hidden;
  1075.     z-index:1001;
  1076.     color:{color:Menu Links};
  1077.     font-size:24px;
  1078. }
  1079.  
  1080. /* overlay */
  1081.  
  1082. .fade {
  1083.     background:{color:overlay};
  1084.     width:100%;
  1085.     height:100%;
  1086.     z-index:100000000;
  1087.     top:0;
  1088.     left:0;
  1089.     opacity:0.6;
  1090.     position:fixed;
  1091.     display:none;
  1092. }
  1093.  
  1094. /* menu div */
  1095.  
  1096. .menu-wrap {
  1097.     position:fixed;
  1098.     z-index:1001;
  1099.     width:300px;
  1100.     height:100%;
  1101.     font-size:14px;
  1102.     -webkit-transform:translate3d(-300px,0,0);
  1103.     -ms-transform:translate3d(-300px,0,0);
  1104.     transform:translate3d(-300px,0,0);
  1105.     -webkit-transition:-webkit-transform 0.3s;
  1106.     -ms-transition:-ms-transform 0.3s;
  1107.     transition:transform 0.3s;
  1108.     z-index:1000000000;
  1109.     left:0;
  1110.     top:0;
  1111. }
  1112.  
  1113. .menu {
  1114.     background:{color:Menu Background};
  1115.     width:calc(100% - 120px);
  1116.     height:100%;
  1117.     padding:2em 1em;
  1118. }
  1119.  
  1120. .navigate {width:280px;}
  1121. .navigate a {display:block; padding:10px; margin:15px 0; position:relative;}
  1122.  
  1123. .navigate a > span {
  1124.     margin-left:20px;
  1125.     color:{color:Menu Links};
  1126.     text-transform:uppercase;
  1127. }
  1128.  
  1129. /* svg animation stuff */
  1130.  
  1131. .morph-shape {
  1132.     position:absolute;
  1133.     width:120px;
  1134.     height:100%;
  1135.     top:0;
  1136.     right:0;
  1137.     fill:{color:menu background};
  1138.     z-index:1000;
  1139. }
  1140.  
  1141. /* transitions */
  1142.  
  1143. .show-menu .menu-wrap {
  1144.     -webkit-transform:translate3d(0,0,0);
  1145.     -ms-transform:translate3d(0,0,0);
  1146.     transform:translate3d(0,0,0);
  1147. }
  1148.  
  1149. .show-menu {
  1150.     padding-left:300px;
  1151.     overflow:hidden;
  1152.     transition:padding 0.4s ease-in-out 0.1s;
  1153. }
  1154.  
  1155. .show-menu #all {z-index:-1;}
  1156.  
  1157. /* ------ menu links ------ */
  1158.  
  1159. .navlink-name,.navlink-label {position:relative; display:inline-block;}
  1160. .navlink-name {font-size:12px;}
  1161. .navlink-label {margin: 0 0 0 0.5em;}
  1162. .navigate {counter-reset:itemCounter;}
  1163.  
  1164. .navigate .navlink {
  1165.     font:600 12px "Open Sans",sans-serif;
  1166.     margin:25px 0;
  1167.     padding-left:10px;
  1168.     color:{color:Accent};
  1169. }
  1170.  
  1171. .navigate .navlink::before {
  1172.     content:counter(itemCounter,decimal-leading-zero);
  1173.     font-size:12px;
  1174.     font-weight:bold;
  1175.     position: absolute;
  1176.     left:10px;
  1177.     bottom:calc(100% - 16px);
  1178.     counter-increment:itemCounter;
  1179.     transition:0.4s ease-in-out;
  1180.     color:{color:Menu Numbering};
  1181. }
  1182.  
  1183. .navigate .navlink:hover::before {color:{color:Accent};}
  1184.  
  1185. .navigate .navlink-name {
  1186.     font-size:14px;
  1187.     font-weight:600;
  1188.     display:flex;
  1189.     flex-wrap:wrap;
  1190.     padding:10px 0 0 0;
  1191.     white-space:pre;
  1192. }
  1193.  
  1194. .navigate .navlink-name::before,.navigate .navlink-name::after {
  1195.     content:'';
  1196.     position:absolute;
  1197.     bottom:100%;
  1198.     left:0px;
  1199.     width:30px;
  1200.     height:3px;
  1201.     background:{color:Menu Numbering};
  1202. }
  1203.  
  1204. .navigate .navlink-name::after {
  1205.     background:{color:Accent};
  1206.     transform:scale3d(0,1,1);
  1207.     transform-origin:0% 50%;
  1208.     transition:transform 0.5s;
  1209. }
  1210.  
  1211. .navigate .navlink:hover .navlink-name::after {transform:scale3d(1,1,1);}
  1212. .navigate .navlink-name span {display:inline-block;}
  1213.  
  1214. /* ------ pagination & manual load ------ */
  1215.  
  1216. nav#pagination {
  1217.    background:{color:Posts};
  1218.     margin:{select:margins} 0;
  1219.     width:{select:post size}px;
  1220.     {block:iftwocolumns}
  1221.     {block:ifsidebarimage}width:calc(350px*2 + {select:margins});{/block:ifsidebarimage}
  1222.     {block:ifnotsidebarimage}width:calc(350px*3 + {select:margins}*2);{/block:ifnotsidebarimage}
  1223.     {/block:iftwocolumns}
  1224.     text-align:center;
  1225.     padding:20px 0;
  1226.     font:300 16px/25px "Oswald";
  1227.     text-transform:uppercase;
  1228.     letter-spacing:1px;
  1229.     {block:ifinfinitescroll}{block:ifnotmanualload}display:none;{/block:ifnotmanualload}{/block:ifinfinitescroll}
  1230. }
  1231.  
  1232. nav#pagination a {
  1233.     color:{color:Accent};
  1234.     border:2px solid {color:Accent};
  1235.     display:inline-block;
  1236.     padding:5px 12px;
  1237.     margin:0 5px;
  1238. }
  1239.  
  1240. nav#pagination a:hover {opacity:0.6;}
  1241.  
  1242. {block:ifinfinitescroll}.prev,.next {display:none!important;}{/block:ifinfinitescroll}
  1243. {block:ifnotinfinitescroll}#manual {display:none;}{/block:ifnotinfinitescroll}
  1244.  
  1245. /* ------ footer ------ */
  1246.  
  1247. footer {
  1248.     width:100%;
  1249.     padding:15px 0;
  1250.     text-align:center;
  1251.     letter-spacing:1.2px;
  1252.     background:{color:Footer};
  1253.     color:{color:Footer Text};
  1254.     text-transform:uppercase;
  1255.     font:300 10px/20px "Oswald";
  1256. }
  1257.  
  1258. footer a {color:{color:Footer Text}; border-bottom:1px solid {color:Accent};}
  1259. footer a:hover {color:{color:Accent}; border-bottom-color:{color:Accent};}
  1260.  
  1261. {CustomCSS}
  1262.  
  1263. </style>
  1264.  
  1265. <!---------------------- JQUERY - DO NOT TOUCH ----------------------->
  1266.  
  1267. <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
  1268. <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
  1269. <script src="http://static.tumblr.com/2b2izpj/cB7ogqs8l/jquery.initialize.js"></script>
  1270. <script src="https://cdn.rawgit.com/davatron5000/FitVids.js/eacbf9f1/jquery.fitvids.js"></script>
  1271. <script src="http://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  1272. <script src="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.5.1/snap.svg-min.js"></script>
  1273. <script src="http://static.tumblr.com/p0knose/7bZngj5dv/imagesloaded.pkgd.min.js"></script>
  1274.  
  1275. {block:iflazyload}
  1276. <script src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  1277. {/block:iflazyload}
  1278. {block:iftwocolumns}
  1279. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1280. {/block:iftwocolumns}
  1281.  
  1282. <script src="https://static.tumblr.com/p0knose/grlpaxwhj/portage.min.js"></script>
  1283.  
  1284. {block:IndexPage}{block:ifinfinitescroll}
  1285. <script src="https://unpkg.com/infinite-scroll@3/dist/infinite-scroll.pkgd.min.js"></script>
  1286. <script src="https://static.tumblr.com/p0knose/itypaxxai/slushie.min.js"></script>
  1287. {/block:ifinfinitescroll}{/block:IndexPage}
  1288.  
  1289. <script>
  1290. $(document).ready(function(){
  1291.     var accent = "{color:Accent}",
  1292.         exp = "{text:large posts tag}",
  1293.         margin = parseInt("{select:margins}"),
  1294.         gutter = "{select:gutter}px";
  1295.     var scrollToTop = false,
  1296.         lazyload = false,
  1297.         dual = false;
  1298.     var footer = false;
  1299.     {block:ifnotsidebarimage}
  1300.     $("aside").insertAfter("#all").addClass("bottom");
  1301.     footer = true;
  1302.     {/block:ifnotsidebarimage}
  1303.     {block:iflazyload}lazyload = true;{/block:iflazyload}
  1304.     {block:ifscrolltotop}scrollToTop = true;{/block:ifscrolltotop}
  1305.     {block:IndexPage}{block:iftwocolumns}dual = true;{/block:iftwocolumns}{/block:IndexPage}
  1306.     jetliner(accent,dual,margin,scrollToTop,footer);
  1307.     airliner('.posts',accent,gutter,lazyload,dual,exp);
  1308.     {block:IndexPage}{block:ifinfinitescroll}
  1309.     {block:ifnotmanualload}var manual = false;{/block:ifnotmanualload}
  1310.     {block:ifmanualload}var manual = true;{/block:ifmanualload}
  1311.     infScr(manual,gutter,lazyload,accent,dual);
  1312.     {/block:ifinfinitescroll}{/block:IndexPage}
  1313. });
  1314. </script>
  1315.  
  1316. <!-- end jquery -->
  1317.  
  1318. </head>
  1319. <body>
  1320.  
  1321. <div class="fade"></div>
  1322. <div class="menu-wrap">
  1323.     <nav class="menu">
  1324.         <div class="navigate">
  1325.             <a class="navlink" href="/">
  1326.                 <span class="navlink-name">Home</span>
  1327.             </a>
  1328.             {block:AskEnabled}
  1329.             <a class="navlink" href="/ask">
  1330.                 <span class="navlink-name">{AskLabel}</span>
  1331.             </a>
  1332.             {/block:AskEnabled}
  1333.             {block:SubmissionsEnabled}
  1334.             <a class="navlink" href="/submit">
  1335.                 <span class="navlink-name">{SubmitLabel}</span>
  1336.             </a>
  1337.             {/block:SubmissionsEnabled}
  1338.             <a class="navlink" href="/archive">
  1339.                 <span class="navlink-name">Archives</span>
  1340.             </a>
  1341.             {block:iflink1}
  1342.             <a class="navlink" href="{text:link 1 url}">
  1343.                 <span class="navlink-name">{text:link 1}</span>
  1344.             </a>
  1345.             {/block:iflink1}
  1346.             {block:iflink2}
  1347.             <a class="navlink" href="{text:link 2 url}">
  1348.                 <span class="navlink-name">{text:link 2}</span>
  1349.             </a>
  1350.             {/block:iflink2}
  1351.             {block:iflink3}
  1352.             <a class="navlink" href="{text:link 3 url}">
  1353.                 <span class="navlink-name">{text:link 3}</span>
  1354.             </a>
  1355.             {/block:iflink3}
  1356.             {block:iflink4}
  1357.             <a class="navlink" href="{text:link 4 url}">
  1358.                 <span class="navlink-name">{text:link 4}</span>
  1359.             </a>
  1360.             {/block:iflink4}
  1361.         </div>
  1362.     </nav>
  1363.     <a href="javascript:void(0)" class="close-button" id="close-button"><span class="typcn typcn-times-outline"></span></a>
  1364.     <div class="morph-shape" id="morph-shape" data-morph-open="M-1,0h101c0,0,0-1,0,395c0,404,0,405,0,405H-1V0z">
  1365.         <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 800" preserveAspectRatio="none">
  1366.             <path d="M-1,0h101c0,0-97.833,153.603-97.833,396.167C2.167,627.579,100,800,100,800H-1V0z"/>
  1367.         </svg>
  1368.     </div>
  1369. </div>
  1370.  
  1371. <a href="javascript:void(0)" class="leftnav" id="open-button"><span class="typcn typcn-th-menu-outline"></span></a>
  1372. {block:ifscrolltotop}
  1373. <a href="javascript:void(0)" class="leftnav" id="scrollToTop"><span class="typcn typcn-arrow-up-outline"></span></a>
  1374. {/block:ifscrolltotop}
  1375.  
  1376. <!------------ main container ------------>
  1377. <div id="all">
  1378. <header>
  1379.     <div id="topbar">
  1380.         <a class="main" href="/"><h1>
  1381.             {block:iftopbarlogoimage}<img src="{image:topbar logo}"/>{/block:iftopbarlogoimage}
  1382.             <span>{Title}</span>
  1383.         </h1></a>
  1384.         <h2>{text:subtitle}</h2>
  1385.     </div>
  1386. </header>
  1387.  
  1388. <aside>
  1389.     {block:ifsidebarimage}<img src="{image:sidebar}"/>{/block:ifsidebarimage}
  1390.     <div id="desc">
  1391.         <div class="reblog_head">
  1392.             <h1>{text:blog name}</h1>
  1393.         </div>
  1394.         <div>
  1395.             {Description}
  1396.         </div>
  1397.     </div>
  1398.     {block:HasPages}
  1399.     <div>
  1400.         <h2>navigate</h2>
  1401.         <ul>
  1402.             {block:Pages}<li><a href="{URL}">{Label}</a>{/block:Pages}
  1403.         </ul>
  1404.     </div>
  1405.     {/block:HasPages}
  1406.     {block:ifsocialmedia}
  1407.     <div class="social">
  1408.         {block:ifnotsidebarimage}<h2>stay tuned</h2>{/block:ifnotsidebarimage}
  1409.         {block:iffacebook}
  1410.         <a href="http://www.facebook.com/{text:facebook}" title="Facebook">
  1411.             <span class="typcn typcn-social-facebook-circular"></span>
  1412.         </a>
  1413.         {/block:iffacebook}
  1414.         {block:iftwitter}
  1415.         <a href="http://www.twitter.com/{text:twitter}" title="Twitter @{text:twitter}">
  1416.             <span class="typcn typcn-social-twitter-circular"></span>
  1417.         </a>
  1418.         {/block:iftwitter}
  1419.         {block:ifinstagram}
  1420.         <a href="http://www.instagram.com/{text:instagram}" title="Instagram @{text:instagram}">
  1421.             <span class="typcn typcn-social-instagram-circular"></span>
  1422.         </a>
  1423.         {/block:ifinstagram}
  1424.         {block:ifyoutube}
  1425.         <a href="http://www.youtube.com/user/{text:youtube}" title="Youtube">
  1426.             <span class="typcn typcn-social-youtube-circular"></span>
  1427.         </a>
  1428.         {/block:ifyoutube}
  1429.         {block:ifflickr}
  1430.         <a href="http://www.flickr.com/people/{text:flickr}" title="Flickr">
  1431.             <span class="typcn typcn-social-flickr-circular"></span>
  1432.         </a>
  1433.         {/block:ifflickr}
  1434.         {block:ifgoogleplus}
  1435.         <a href="http://plus.google.com/+{text:google plus}" title="Google +{text:google plus}">
  1436.             <span class="typcn typcn-social-google-plus-circular"></span>
  1437.         </a>
  1438.         {/block:ifgoogleplus}
  1439.         {block:ifwebsiteurl}
  1440.         <a href="{text:website url}" title="Website">
  1441.             <span class="typcn typcn-world-outline"></span>
  1442.         </a>
  1443.         {/block:ifwebsiteurl}
  1444.     </div>
  1445.     {/block:ifsocialmedia}
  1446.     {block:ifsearchbar}
  1447.     <div>
  1448.         <h2>explore</h2>
  1449.         <form action="/search" method="get">
  1450.             <input type="text" name="q" value="{SearchQuery}" placeholder="Search...">
  1451.             <button type="submit">
  1452.                 search...
  1453.             </button>
  1454.         </form>
  1455.     </div>
  1456.     {/block:ifsearchbar}
  1457. </aside>
  1458.  
  1459. <!------ posts ------>
  1460. <section id="postmargin">
  1461.  
  1462. {block:Posts}
  1463. <article class="posts" id="{PostID}" data-tags="{TagsAsClasses}">
  1464.  
  1465.     {block:Text}
  1466.     {block:Date}<div class="permalink llc">
  1467.         <a href="{Permalink}" title="{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} {24HourWithZero}:{Minutes}{block:NoteCount} + {NoteCount}{/block:NoteCount}">{TimeAgo}</a>
  1468.         <a class="lb">
  1469.             {LikeButton}
  1470.             <span class="ilike"></span>
  1471.         </a>
  1472.         <a href="{ReblogURL}">reblog?</a>
  1473.     </div>{/block:Date}
  1474.     {block:RebloggedFrom}
  1475.     <div class="rbg">
  1476.         <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1477.         <span class="typcn typcn-arrow-sync"></span>
  1478.         <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1479.     </div>
  1480.     {/block:RebloggedFrom}
  1481.     {block:Title}<div class="headt">{Title}</div>{/block:Title}
  1482.     <div class="body text">
  1483.         {block:NotReblog}
  1484.         <div class="tumblr_parent">
  1485.             {block:Date}
  1486.             <div class="reblog_head">
  1487.                 <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1488.                 <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  1489.             </div>
  1490.             {/block:Date}
  1491.             <div>
  1492.                 {Body}
  1493.             </div>
  1494.         </div>
  1495.         {/block:NotReblog}
  1496.         {block:RebloggedFrom}
  1497.         {block:Reblogs}
  1498.         <div class="tumblr_parent">
  1499.             <div class="reblog_head">
  1500.                 {block:IsActive}
  1501.                 <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1502.                 <a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>
  1503.                 {/block:IsActive}
  1504.                 {block:IsDeactivated}
  1505.                 <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1506.                 <span class="reblog_user">{Username}</span>
  1507.                 {/block:IsDeactivated}
  1508.             </div>
  1509.             <div>
  1510.                 {Body}
  1511.             </div>
  1512.         </div>
  1513.         {/block:Reblogs}
  1514.         {/block:RebloggedFrom}
  1515.     </div>
  1516.     {/block:Text}
  1517.      
  1518.     {block:Photo}
  1519.     {block:IndexPage}
  1520.     <div class="photo"><center>
  1521.         <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  1522.         <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>
  1523.     </center></div>
  1524.     {/block:IndexPage}
  1525.     {block:PermalinkPage}
  1526.     <div class="photo">
  1527.         <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  1528.         {LinkOpenTag}<img src="{PhotoURL-HighRes}" class="singlepic" width="{select:post size}">{LinkCloseTag}
  1529.     </div>
  1530.     {/block:PermalinkPage}
  1531.     <div class="overlap">
  1532.         {block:Date}<div class="permalink">
  1533.             <a href="{Permalink}" title="{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} {24HourWithZero}:{Minutes}{block:NoteCount} + {NoteCount}{/block:NoteCount}">{TimeAgo}</a>
  1534.             {block:RebloggedFrom}
  1535.             <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  1536.             <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  1537.             {/block:RebloggedFrom}
  1538.             <a class="lb">
  1539.                 {LikeButton}
  1540.                 <span class="ilike"></span>
  1541.             </a>
  1542.             <a href="{ReblogURL}">reblog?</a>
  1543.         </div>{/block:Date}
  1544.         {block:Caption}
  1545.         <div class="caption text">
  1546.             {block:NotReblog}
  1547.             <div class="tumblr_parent">
  1548.                 <div class="reblog_head">
  1549.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1550.                     <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  1551.                 </div>
  1552.                 <div>
  1553.                     {Caption}
  1554.                 </div>
  1555.             </div>
  1556.             {/block:NotReblog}
  1557.             {block:RebloggedFrom}
  1558.             {block:Reblogs}
  1559.             <div class="tumblr_parent">
  1560.                 <div class="reblog_head">
  1561.                     {block:IsActive}
  1562.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1563.                     <a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>
  1564.                     {/block:IsActive}
  1565.                     {block:IsDeactivated}
  1566.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1567.                     <span class="reblog_user">{Username}</span>
  1568.                     {/block:IsDeactivated}
  1569.                 </div>
  1570.                 <div>
  1571.                     {Body}
  1572.                 </div>
  1573.             </div>
  1574.             {/block:Reblogs}
  1575.             {/block:RebloggedFrom}
  1576.         </div>
  1577.         {/block:Caption}
  1578.     </div>
  1579.     {/block:Photo}
  1580.      
  1581.     {block:Panorama}
  1582.     <div class="photo">
  1583.         <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  1584.         <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>
  1585.     </div>
  1586.     <div class="overlap">
  1587.         {block:Date}<div class="permalink">
  1588.             <a href="{Permalink}" title="{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} {24HourWithZero}:{Minutes}{block:NoteCount} + {NoteCount}{/block:NoteCount}">{TimeAgo}</a>
  1589.             {block:RebloggedFrom}
  1590.             <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  1591.             <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  1592.             {/block:RebloggedFrom}
  1593.             <a class="lb">
  1594.                 {LikeButton}
  1595.                 <span class="ilike"></span>
  1596.             </a>
  1597.             <a href="{ReblogURL}">reblog?</a>
  1598.         </div>{/block:Date}
  1599.         {block:Caption}
  1600.         <div class="caption text">
  1601.             {block:NotReblog}
  1602.             <div class="tumblr_parent">
  1603.                 <div class="reblog_head">
  1604.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1605.                     <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  1606.                 </div>
  1607.                 <div>
  1608.                     {Caption}
  1609.                 </div>
  1610.             </div>
  1611.             {/block:NotReblog}
  1612.             {block:RebloggedFrom}
  1613.             {block:Reblogs}
  1614.             <div class="tumblr_parent">
  1615.                 <div class="reblog_head">
  1616.                     {block:IsActive}
  1617.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1618.                     <a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>
  1619.                     {/block:IsActive}
  1620.                     {block:IsDeactivated}
  1621.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1622.                     <span class="reblog_user">{Username}</span>
  1623.                     {/block:IsDeactivated}
  1624.                 </div>
  1625.                 <div>
  1626.                     {Body}
  1627.                 </div>
  1628.             </div>
  1629.             {/block:Reblogs}
  1630.             {/block:RebloggedFrom}
  1631.         </div>
  1632.         {/block:Caption}
  1633.     </div>
  1634.     {/block:Panorama}
  1635.      
  1636.     {block:Photoset}
  1637.     <div class="photo">
  1638.     <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1639.         {block:Photos}
  1640.         <div class="photo-data">
  1641.             <div class="pxu-photo">
  1642.                 <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1643.             </div>
  1644.             <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1645.         </div>
  1646.         {/block:Photos}
  1647.     </div>
  1648.     </div>
  1649.     <div class="overlap">
  1650.         {block:Date}<div class="permalink">
  1651.             <a href="{Permalink}" title="{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} {24HourWithZero}:{Minutes}{block:NoteCount} + {NoteCount}{/block:NoteCount}">{TimeAgo}</a>
  1652.             {block:RebloggedFrom}
  1653.             <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  1654.             <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  1655.             {/block:RebloggedFrom}
  1656.             <a class="lb">
  1657.                 {LikeButton}
  1658.                 <span class="ilike"></span>
  1659.             </a>
  1660.             <a href="{ReblogURL}">reblog?</a>
  1661.         </div>{/block:Date}
  1662.         {block:Caption}
  1663.         <div class="caption text">
  1664.             {block:NotReblog}
  1665.             <div class="tumblr_parent">
  1666.                 <div class="reblog_head">
  1667.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1668.                     <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  1669.                 </div>
  1670.                 <div>
  1671.                     {Caption}
  1672.                 </div>
  1673.             </div>
  1674.             {/block:NotReblog}
  1675.             {block:RebloggedFrom}
  1676.             {block:Reblogs}
  1677.             <div class="tumblr_parent">
  1678.                 <div class="reblog_head">
  1679.                     {block:IsActive}
  1680.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1681.                     <a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>
  1682.                     {/block:IsActive}
  1683.                     {block:IsDeactivated}
  1684.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1685.                     <span class="reblog_user">{Username}</span>
  1686.                     {/block:IsDeactivated}
  1687.                 </div>
  1688.                 <div>
  1689.                     {Body}
  1690.                 </div>
  1691.             </div>
  1692.             {/block:Reblogs}
  1693.             {/block:RebloggedFrom}
  1694.         </div>
  1695.         {/block:Caption}
  1696.     </div>
  1697.     {/block:Photoset}
  1698.  
  1699.     {block:Quote}
  1700.     {block:RebloggedFrom}
  1701.     <div class="rbg">
  1702.         <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1703.         <span class="typcn typcn-arrow-sync"></span>
  1704.         <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1705.     </div>
  1706.     {/block:RebloggedFrom}
  1707.     <div class="quote">
  1708.         <span></span>
  1709.         {Quote}
  1710.         <span></span>
  1711.     </div>
  1712.     {block:Date}<div class="permalink pq">
  1713.         <a href="{Permalink}" title="{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} {24HourWithZero}:{Minutes}{block:NoteCount} + {NoteCount}{/block:NoteCount}">{TimeAgo}</a>
  1714.         <a class="lb">
  1715.             {LikeButton}
  1716.             <span class="ilike"></span>
  1717.         </a>
  1718.         <a href="{ReblogURL}">reblog?</a>
  1719.     </div>{/block:Date}
  1720.     {block:Source}
  1721.     <div class="sourcez">
  1722.         {Source}
  1723.     </div>
  1724.     {/block:Source}
  1725.     {/block:Quote}
  1726.  
  1727.     {block:Link}
  1728.     {block:Date}<div class="permalink llc">
  1729.         <a href="{Permalink}" title="{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} {24HourWithZero}:{Minutes}{block:NoteCount} + {NoteCount}{/block:NoteCount}">{TimeAgo}</a>
  1730.         <a class="lb">
  1731.             {LikeButton}
  1732.             <span class="ilike"></span>
  1733.         </a>
  1734.         <a href="{ReblogURL}">reblog?</a>
  1735.     </div>{/block:Date}
  1736.     {block:RebloggedFrom}
  1737.     <div class="rbg">
  1738.         <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1739.         <span class="typcn typcn-arrow-sync"></span>
  1740.         <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1741.     </div>
  1742.     {/block:RebloggedFrom}
  1743.     <a href="{URL}" {Target} class="llp"><span>
  1744.         {Name}
  1745.         <span class="arrow">&raquo;</span>
  1746.     <span></a>
  1747.     {block:Description}
  1748.     <div class="body text">
  1749.         {block:NotReblog}
  1750.         <div class="tumblr_parent">
  1751.             <div class="reblog_head">
  1752.                 <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1753.                 <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  1754.             </div>
  1755.             <div>
  1756.                 {Description}
  1757.             </div>
  1758.         </div>
  1759.         {/block:NotReblog}
  1760.         {block:RebloggedFrom}
  1761.         {block:Reblogs}
  1762.         <div class="tumblr_parent">
  1763.             <div class="reblog_head">
  1764.                 {block:IsActive}
  1765.                 <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1766.                 <a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>
  1767.                 {/block:IsActive}
  1768.                 {block:IsDeactivated}
  1769.                 <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1770.                 <span class="reblog_user">{Username}</span>
  1771.                 {/block:IsDeactivated}
  1772.             </div>
  1773.             <div>
  1774.                 {Body}
  1775.             </div>
  1776.         </div>
  1777.         {/block:Reblogs}
  1778.         {/block:RebloggedFrom}
  1779.     </div>
  1780.     {/block:Description}
  1781.     {/block:Link}
  1782.  
  1783.     {block:Chat}
  1784.     {block:Date}<div class="permalink llc">
  1785.         <a href="{Permalink}" title="{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} {24HourWithZero}:{Minutes}{block:NoteCount} + {NoteCount}{/block:NoteCount}">{TimeAgo}</a>
  1786.         <a class="lb">
  1787.             {LikeButton}
  1788.             <span class="ilike"></span>
  1789.         </a>
  1790.         <a href="{ReblogURL}">reblog?</a>
  1791.     </div>{/block:Date}
  1792.     {block:RebloggedFrom}
  1793.     <div class="rbg">
  1794.         <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1795.         <span class="typcn typcn-arrow-sync"></span>
  1796.         <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1797.     </div>
  1798.     {/block:RebloggedFrom}
  1799.     {block:Title}<div class="headt">{Title}</div>{/block:Title}
  1800.     <div class="chat">
  1801.         {block:Lines}
  1802.         <div class="label">
  1803.             {block:Label}<span>{Label}</span>{/block:Label}
  1804.             {Line}
  1805.         </div>
  1806.         {/block:Lines}
  1807.     </div>
  1808.     {/block:Chat}
  1809.  
  1810.     {block:Audio}
  1811.     {block:RebloggedFrom}
  1812.     <div class="rbg">
  1813.         <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1814.         <span class="typcn typcn-arrow-sync"></span>
  1815.         <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1816.     </div>
  1817.     {/block:RebloggedFrom}
  1818.     {block:AlbumArt}<img src="{AlbumArtURL}" class="album"/>{/block:AlbumArt}
  1819.     {block:AudioPlayer}
  1820.     <div class="tplayer">
  1821.         {AudioPlayerWhite}
  1822.     </div>
  1823.     {/block:AudioPlayer}
  1824.     <div class="musicinfo typcn typcn-headphones">
  1825.     <table><td style="vertical-align:middle;">
  1826.         {block:Date}<div class="permalink">
  1827.             <a href="{Permalink}" title="{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} {24HourWithZero}:{Minutes}{block:NoteCount} + {NoteCount}{/block:NoteCount}">{TimeAgo}</a>
  1828.             <a class="lb">
  1829.                 {LikeButton}
  1830.                 <span class="ilike"></span>
  1831.             </a>
  1832.             <a href="{ReblogURL}">reblog?</a>
  1833.         </div>{/block:Date}
  1834.         {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  1835.         {block:Artist}<br><i>{Artist}</i>{/block:Artist}
  1836.     </td></table>
  1837.     </div>
  1838.     <div class="audiocaption">
  1839.         {block:Caption}
  1840.         <div class="text">
  1841.             {block:NotReblog}
  1842.             <div class="tumblr_parent">
  1843.                 <div class="reblog_head">
  1844.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1845.                     <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  1846.                 </div>
  1847.                 <div>
  1848.                     {Caption}
  1849.                 </div>
  1850.             </div>
  1851.             {/block:NotReblog}
  1852.             {block:RebloggedFrom}
  1853.             {block:Reblogs}
  1854.             <div class="tumblr_parent">
  1855.                 <div class="reblog_head">
  1856.                     {block:IsActive}
  1857.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1858.                     <a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>
  1859.                     {/block:IsActive}
  1860.                     {block:IsDeactivated}
  1861.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1862.                     <span class="reblog_user">{Username}</span>
  1863.                     {/block:IsDeactivated}
  1864.                 </div>
  1865.                 <div>
  1866.                     {Body}
  1867.                 </div>
  1868.             </div>
  1869.             {/block:Reblogs}
  1870.             {/block:RebloggedFrom}
  1871.         </div>
  1872.         {/block:Caption}
  1873.     </div>
  1874.     {/block:Audio}
  1875.  
  1876.     {block:Video}
  1877.     <div class="video">
  1878.         {Video-500}
  1879.     </div>
  1880.     <div class="overlap">
  1881.         {block:Date}<div class="permalink">
  1882.             <a href="{Permalink}" title="{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} {24HourWithZero}:{Minutes}{block:NoteCount} + {NoteCount}{/block:NoteCount}">{TimeAgo}</a>
  1883.             {block:RebloggedFrom}
  1884.             <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  1885.             <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  1886.             {/block:RebloggedFrom}
  1887.             <a class="lb">
  1888.                 {LikeButton}
  1889.                 <span class="ilike"></span>
  1890.             </a>
  1891.             <a href="{ReblogURL}">reblog?</a>
  1892.         </div>{/block:Date}
  1893.         {block:Caption}
  1894.         <div class="caption text">
  1895.             {block:NotReblog}
  1896.             <div class="tumblr_parent">
  1897.                 <div class="reblog_head">
  1898.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1899.                     <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  1900.                 </div>
  1901.                 <div>
  1902.                     {Caption}
  1903.                 </div>
  1904.             </div>
  1905.             {/block:NotReblog}
  1906.             {block:RebloggedFrom}
  1907.             {block:Reblogs}
  1908.             <div class="tumblr_parent">
  1909.                 <div class="reblog_head">
  1910.                     {block:IsActive}
  1911.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1912.                     <a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>
  1913.                     {/block:IsActive}
  1914.                     {block:IsDeactivated}
  1915.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1916.                     <span class="reblog_user">{Username}</span>
  1917.                     {/block:IsDeactivated}
  1918.                 </div>
  1919.                 <div>
  1920.                     {Body}
  1921.                 </div>
  1922.             </div>
  1923.             {/block:Reblogs}
  1924.             {/block:RebloggedFrom}
  1925.         </div>
  1926.         {/block:Caption}
  1927.     </div>
  1928.     {/block:Video}
  1929.  
  1930.     {block:Answer}
  1931.     {block:Date}<div class="permalink aq">
  1932.         <a href="{Permalink}" title="{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} {24HourWithZero}:{Minutes}{block:NoteCount} + {NoteCount}{/block:NoteCount}">{TimeAgo}</a>
  1933.         <a class="lb">
  1934.             {LikeButton}
  1935.             <span class="ilike"></span>
  1936.         </a>
  1937.         <a href="{ReblogURL}">reblog?</a>
  1938.     </div>{/block:Date}
  1939.     {block:RebloggedFrom}
  1940.     <div class="rbg">
  1941.         <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1942.         <span class="typcn typcn-arrow-sync"></span>
  1943.         <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1944.     </div>
  1945.     {/block:RebloggedFrom}
  1946.     <div class="askerp">
  1947.         <img src="{AskerPortraitURL-64}">
  1948.     </div>
  1949.     <div class="question">
  1950.         <b>{Asker}:</b><br>
  1951.         {Question}
  1952.     </div>
  1953.     {block:NotReblog}
  1954.     <div class="text answer">
  1955.         <div class="tumblr_parent">
  1956.             <div class="reblog_head">
  1957.                 <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1958.                 <a href="{Permalink}">{Name}</a>:
  1959.             </div>
  1960.             <div>
  1961.                 {Answer}
  1962.             </div>
  1963.         </div>
  1964.     </div>
  1965.     {/block:NotReblog}
  1966.     {block:RebloggedFrom}
  1967.     <div class="text answer">
  1968.         <div class="tumblr_parent">
  1969.             {block:Answerer}
  1970.             <div class="reblog_head">
  1971.                 <img class="tumblr_avatar" src="{AnswererPortraitURL-64}"/>
  1972.                 {Answerer}:
  1973.             </div>
  1974.             {/block:Answerer}
  1975.             <div>
  1976.                 {Answer}
  1977.             </div>
  1978.         </div>
  1979.         {block:Reblogs}
  1980.         <div class="tumblr_parent">
  1981.             <div class="reblog_head">
  1982.                 {block:IsActive}
  1983.                 <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1984.                 <a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>:
  1985.                 {/block:IsActive}
  1986.                 {block:IsDeactivated}
  1987.                 <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1988.                 <span class="reblog_user">{Username}</span>:
  1989.                 {/block:IsDeactivated}
  1990.             </div>
  1991.             <div>
  1992.                 {Body}
  1993.             </div>
  1994.         </div>
  1995.         {/block:Reblogs}
  1996.     </div>
  1997.     {/block:RebloggedFrom}
  1998.     {/block:Answer}
  1999.    
  2000.     {block:HasTags}
  2001.     <div class="tags">
  2002.         <div class="ti">
  2003.             <div class="itag"><div class="dragtags">
  2004.                 {block:Tags}<a href="{TagURL}"><span>#</span>{Tag}</a>{/block:Tags}
  2005.             </div></div>
  2006.         </div>
  2007.     </div>
  2008.     {/block:HasTags}
  2009.    
  2010. </article><!--posts-->
  2011.  
  2012. {block:ContentSource}
  2013. <!-- {SourceURL}
  2014. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  2015. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2016. {/block:ContentSource}
  2017. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  2018.  
  2019. {block:PostNotes}<div class="notes">
  2020.     <a name="notes">{PostNotes}</a>
  2021. </div>{/block:PostNotes}
  2022.  
  2023. {/block:Posts}
  2024. </section><!--postmargin-->
  2025.  
  2026. {block:Pagination}
  2027. <nav id="pagination">
  2028.     {block:PreviousPage}<a href="{PreviousPage}" class="prev">back</a>{/block:PreviousPage}
  2029.     {block:NextPage}<a href="{NextPage}" class="next">forth</a>{/block:NextPage}
  2030.     {block:ifinfinitescroll}{block:ifmanualload}
  2031.     <a href="#" id="load">load more</a>
  2032.     {/block:ifmanualload}{/block:ifinfinitescroll}
  2033. </nav>
  2034. {/block:Pagination}
  2035.  
  2036. </div><!--all-->
  2037.  
  2038. <footer>
  2039.     &copy; {CopyrightYears} {Name} | Portage Theme by <a href="http://magnusthemes.tumblr.com">MagnusThemes</a> | Powered by Tumblr
  2040. </footer>
  2041.  
  2042. <script src="https://static.tumblr.com/p0knose/8PRpaua6g/aeroelastic.min.js"></script>
  2043.  
  2044. <script src="https://cdn.rawgit.com/juliangarnier/anime/69131dc2/anime.min.js"></script>
  2045. <script src="https://static.tumblr.com/p0knose/PPFpaua05/charming.min.js"></script>
  2046. <script src="https://static.tumblr.com/p0knose/Vo3paua5y/aerodynamic.min.js"></script>
  2047.  
  2048. </body>
  2049. </html>
RAW Paste Data
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
 
Top