Need a unique gift idea?
A Pastebin account makes a great Christmas gift
SHARE
TWEET

Theme - Portage (magnusthemes)

bevlemagnus Jun 24th, 2018 (edited) 1,326 Never
Upgrade to PRO!
ENDING IN00days00hours00mins00secs
 
  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 {overflow:hidden;}
  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:inline-block;
  983.     float:left;
  984.     width:180px;
  985.     margin-right:5px;
  986. }
  987.  
  988. aside form input[type="text"]:focus {border-color:{color:Post Title};}
  989.  
  990. aside form button {
  991.     height:15px;
  992.     padding:10px 15px;
  993.     box-sizing:content-box;
  994.     font:400 12px/15px 'Oswald', sans-serif;
  995.     text-transform:uppercase;
  996.     background:{color:Accent};
  997.     color:{color:Accent Text};
  998.     border:none;
  999.     outline:none;
  1000.     width:55px;
  1001.     float:left;
  1002.     display:inline-block;
  1003.     text-align:center;
  1004.     letter-spacing:1px;
  1005.     transition:0.3s ease-in-out;
  1006. }
  1007.  
  1008. aside form button:hover {opacity:0.7;}
  1009. aside > ul {padding:1em 20px; margin-bottom:{select:margins};}
  1010.  
  1011. aside.bottom form {display:block;}
  1012. aside.bottom form input[type="text"]{display:block; width:calc(100% - 30px);}
  1013. aside.bottom form input[type="text"]:focus {border-color:{color:footer text}}
  1014. aside.bottom form button {display:block; width:calc(100% - 30px); margin-top:5px;}
  1015.  
  1016. /* --- desc/nav --- */
  1017.  
  1018. #desc {
  1019.     z-index:9999999;
  1020.     background:{color:Background};
  1021.     position:relative;
  1022.     padding:20px;
  1023.     text-align:justify;
  1024.     margin:0 15px {select:margins};
  1025. }
  1026.  
  1027. aside.bottom #desc {
  1028.     background:transparent;
  1029.     padding:calc({select:margins}/2);
  1030.     margin:0 0 0;
  1031. }
  1032.  
  1033. .social {margin-bottom:{select:margins};}
  1034. .social a {font-size:36px; display:inline-block;}
  1035.  
  1036. aside.bottom b, aside.bottom bold, aside.bottom strong,
  1037. aside.bottom i, aside.bottom em, aside.bottom italic,
  1038. aside.bottom a {color:{color:footer text};}
  1039.  
  1040. aside.bottom a:hover {color:{color:Accent};}
  1041. aside.bottom u, aside.bottom underline {border-color:{color:Footer Text};}
  1042.  
  1043. /* ------ top left buttons ------ */
  1044.  
  1045. .leftnav {
  1046.     position:fixed;
  1047.     z-index:1000;
  1048.     text-align:center;
  1049.     margin:calc(15px + {select:margins}/2);
  1050.     padding:6px;
  1051.     width:40px;
  1052.     height:24px;
  1053.     font-size:24px;
  1054.     line-height:24px;
  1055.     color:{color:Post Title};
  1056.     display:block;
  1057.     left:0;
  1058.     top:0;
  1059. }
  1060.  
  1061. .leftnav:hover {color:{color:Accent};}
  1062. #scrollToTop {left:40px; display:none; transition:all 0s ease 0s, color 0.3s ease-in-out;}
  1063. #open-button {z-index:1001;}
  1064.  
  1065. /* ------ menu ------ */
  1066.  
  1067. /* close button */
  1068.  
  1069. .close-button {
  1070.     width:24px;
  1071.     height:24px;
  1072.     position:absolute;
  1073.     right:1em;
  1074.     top:1em;
  1075.     display:block;
  1076.     overflow:hidden;
  1077.     z-index:1001;
  1078.     color:{color:Menu Links};
  1079.     font-size:24px;
  1080. }
  1081.  
  1082. /* overlay */
  1083.  
  1084. .fade {
  1085.     background:{color:overlay};
  1086.     width:100%;
  1087.     height:100%;
  1088.     z-index:100000000;
  1089.     top:0;
  1090.     left:0;
  1091.     opacity:0.6;
  1092.     position:fixed;
  1093.     display:none;
  1094. }
  1095.  
  1096. /* menu div */
  1097.  
  1098. .menu-wrap {
  1099.     position:fixed;
  1100.     z-index:1001;
  1101.     width:300px;
  1102.     height:100%;
  1103.     font-size:14px;
  1104.     -webkit-transform:translate3d(-300px,0,0);
  1105.     -ms-transform:translate3d(-300px,0,0);
  1106.     transform:translate3d(-300px,0,0);
  1107.     -webkit-transition:-webkit-transform 0.3s;
  1108.     -ms-transition:-ms-transform 0.3s;
  1109.     transition:transform 0.3s;
  1110.     z-index:1000000000;
  1111.     left:0;
  1112.     top:0;
  1113. }
  1114.  
  1115. .menu {
  1116.     background:{color:Menu Background};
  1117.     width:calc(100% - 120px);
  1118.     height:100%;
  1119.     padding:2em 1em;
  1120. }
  1121.  
  1122. .navigate {width:280px;}
  1123. .navigate a {display:block; padding:10px; margin:15px 0; position:relative;}
  1124.  
  1125. .navigate a > span {
  1126.     margin-left:20px;
  1127.     color:{color:Menu Links};
  1128.     text-transform:uppercase;
  1129. }
  1130.  
  1131. /* svg animation stuff */
  1132.  
  1133. .morph-shape {
  1134.     position:absolute;
  1135.     width:120px;
  1136.     height:100%;
  1137.     top:0;
  1138.     right:0;
  1139.     fill:{color:menu background};
  1140.     z-index:1000;
  1141. }
  1142.  
  1143. /* transitions */
  1144.  
  1145. .show-menu .menu-wrap {
  1146.     -webkit-transform:translate3d(0,0,0);
  1147.     -ms-transform:translate3d(0,0,0);
  1148.     transform:translate3d(0,0,0);
  1149. }
  1150.  
  1151. .show-menu {
  1152.     padding-left:300px;
  1153.     overflow:hidden;
  1154.     transition:padding 0.4s ease-in-out 0.1s;
  1155. }
  1156.  
  1157. .show-menu #all {z-index:-1;}
  1158.  
  1159. /* ------ menu links ------ */
  1160.  
  1161. .navlink-name,.navlink-label {position:relative; display:inline-block;}
  1162. .navlink-name {font-size:12px;}
  1163. .navlink-label {margin: 0 0 0 0.5em;}
  1164. .navigate {counter-reset:itemCounter;}
  1165.  
  1166. .navigate .navlink {
  1167.     font:600 12px "Open Sans",sans-serif;
  1168.     margin:25px 0;
  1169.     padding-left:10px;
  1170.     color:{color:Accent};
  1171. }
  1172.  
  1173. .navigate .navlink::before {
  1174.     content:counter(itemCounter,decimal-leading-zero);
  1175.     font-size:12px;
  1176.     font-weight:bold;
  1177.     position: absolute;
  1178.     left:10px;
  1179.     bottom:calc(100% - 16px);
  1180.     counter-increment:itemCounter;
  1181.     transition:0.4s ease-in-out;
  1182.     color:{color:Menu Numbering};
  1183. }
  1184.  
  1185. .navigate .navlink:hover::before {color:{color:Accent};}
  1186.  
  1187. .navigate .navlink-name {
  1188.     font-size:14px;
  1189.     font-weight:600;
  1190.     display:flex;
  1191.     flex-wrap:wrap;
  1192.     padding:10px 0 0 0;
  1193.     white-space:pre;
  1194. }
  1195.  
  1196. .navigate .navlink-name::before,.navigate .navlink-name::after {
  1197.     content:'';
  1198.     position:absolute;
  1199.     bottom:100%;
  1200.     left:0px;
  1201.     width:30px;
  1202.     height:3px;
  1203.     background:{color:Menu Numbering};
  1204. }
  1205.  
  1206. .navigate .navlink-name::after {
  1207.     background:{color:Accent};
  1208.     transform:scale3d(0,1,1);
  1209.     transform-origin:0% 50%;
  1210.     transition:transform 0.5s;
  1211. }
  1212.  
  1213. .navigate .navlink:hover .navlink-name::after {transform:scale3d(1,1,1);}
  1214. .navigate .navlink-name span {display:inline-block;}
  1215.  
  1216. /* ------ pagination & manual load ------ */
  1217.  
  1218. nav#pagination {
  1219.    background:{color:Posts};
  1220.     margin:{select:margins} 0;
  1221.     width:{select:post size}px;
  1222.     {block:iftwocolumns}
  1223.     {block:ifsidebarimage}width:calc(350px*2 + {select:margins});{/block:ifsidebarimage}
  1224.     {block:ifnotsidebarimage}width:calc(350px*3 + {select:margins}*2);{/block:ifnotsidebarimage}
  1225.     {/block:iftwocolumns}
  1226.     text-align:center;
  1227.     padding:20px 0;
  1228.     font:300 16px/25px "Oswald";
  1229.     text-transform:uppercase;
  1230.     letter-spacing:1px;
  1231.     {block:ifinfinitescroll}{block:ifnotmanualload}display:none;{/block:ifnotmanualload}{/block:ifinfinitescroll}
  1232. }
  1233.  
  1234. nav#pagination a {
  1235.     color:{color:Accent};
  1236.     border:2px solid {color:Accent};
  1237.     display:inline-block;
  1238.     padding:5px 12px;
  1239.     margin:0 5px;
  1240. }
  1241.  
  1242. nav#pagination a:hover {opacity:0.6;}
  1243.  
  1244. {block:ifinfinitescroll}.prev,.next {display:none!important;}{/block:ifinfinitescroll}
  1245. {block:ifnotinfinitescroll}#manual {display:none;}{/block:ifnotinfinitescroll}
  1246.  
  1247. /* ------ footer ------ */
  1248.  
  1249. footer {
  1250.     width:100%;
  1251.     padding:15px 0;
  1252.     text-align:center;
  1253.     letter-spacing:1.2px;
  1254.     background:{color:Footer};
  1255.     color:{color:Footer Text};
  1256.     text-transform:uppercase;
  1257.     font:300 10px/20px "Oswald";
  1258. }
  1259.  
  1260. footer a {color:{color:Footer Text}; border-bottom:1px solid {color:Accent};}
  1261. footer a:hover {color:{color:Accent}; border-bottom-color:{color:Accent};}
  1262.  
  1263. {CustomCSS}
  1264.  
  1265. </style>
  1266.  
  1267. <!---------------------- JQUERY - DO NOT TOUCH ----------------------->
  1268.  
  1269. <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
  1270. <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
  1271. <script src="http://static.tumblr.com/2b2izpj/cB7ogqs8l/jquery.initialize.js"></script>
  1272. <script src="https://cdn.rawgit.com/davatron5000/FitVids.js/eacbf9f1/jquery.fitvids.js"></script>
  1273. <script src="http://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  1274. <script src="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.5.1/snap.svg-min.js"></script>
  1275. <script src="http://static.tumblr.com/p0knose/7bZngj5dv/imagesloaded.pkgd.min.js"></script>
  1276.  
  1277. {block:iflazyload}
  1278. <script src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  1279. {/block:iflazyload}
  1280. {block:iftwocolumns}
  1281. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1282. {/block:iftwocolumns}
  1283.  
  1284. <script src="https://static.tumblr.com/dytmpsw/2uSpea804/portage.min.js"></script>
  1285.  
  1286. {block:IndexPage}{block:ifinfinitescroll}
  1287. <script src="https://unpkg.com/infinite-scroll@3/dist/infinite-scroll.pkgd.min.js"></script>
  1288. <script src="https://static.tumblr.com/p0knose/74bpc2jnt/slushie.min.js"></script>
  1289. {/block:ifinfinitescroll}{/block:IndexPage}
  1290.  
  1291. <script>
  1292. $(document).ready(function(){
  1293.     var accent = "{color:Accent}",
  1294.         exp = "{text:large posts tag}",
  1295.         margin = parseInt("{select:margins}"),
  1296.         gutter = "{select:gutter}px";
  1297.     var scrollToTop = false,
  1298.         lazyload = false,
  1299.         dual = false;
  1300.     var footer = false;
  1301.     {block:ifnotsidebarimage}
  1302.     $("aside").insertAfter("#all").addClass("bottom");
  1303.     footer = true;
  1304.     {/block:ifnotsidebarimage}
  1305.     {block:iflazyload}lazyload = true;{/block:iflazyload}
  1306.     {block:ifscrolltotop}scrollToTop = true;{/block:ifscrolltotop}
  1307.     {block:IndexPage}{block:iftwocolumns}dual = true;{/block:iftwocolumns}{/block:IndexPage}
  1308.     jetliner(accent,dual,margin,scrollToTop,footer,lazyload);
  1309.     airliner('.posts',accent,gutter,lazyload,dual,exp);
  1310.     {block:IndexPage}{block:ifinfinitescroll}
  1311.     {block:ifnotmanualload}var manual = false;{/block:ifnotmanualload}
  1312.     {block:ifmanualload}var manual = true;{/block:ifmanualload}
  1313.     infScr(manual,gutter,lazyload,accent,dual);
  1314.     {/block:ifinfinitescroll}{/block:IndexPage}
  1315. });
  1316. </script>
  1317.  
  1318. <!-- end jquery -->
  1319.  
  1320. </head>
  1321. <body>
  1322.  
  1323. <div class="fade"></div>
  1324. <div class="menu-wrap">
  1325.     <nav class="menu">
  1326.         <div class="navigate">
  1327.             <a class="navlink" href="/">
  1328.                 <span class="navlink-name">Home</span>
  1329.             </a>
  1330.             {block:AskEnabled}
  1331.             <a class="navlink" href="/ask">
  1332.                 <span class="navlink-name">{AskLabel}</span>
  1333.             </a>
  1334.             {/block:AskEnabled}
  1335.             {block:SubmissionsEnabled}
  1336.             <a class="navlink" href="/submit">
  1337.                 <span class="navlink-name">{SubmitLabel}</span>
  1338.             </a>
  1339.             {/block:SubmissionsEnabled}
  1340.             <a class="navlink" href="/archive">
  1341.                 <span class="navlink-name">Archives</span>
  1342.             </a>
  1343.             {block:iflink1}
  1344.             <a class="navlink" href="{text:link 1 url}">
  1345.                 <span class="navlink-name">{text:link 1}</span>
  1346.             </a>
  1347.             {/block:iflink1}
  1348.             {block:iflink2}
  1349.             <a class="navlink" href="{text:link 2 url}">
  1350.                 <span class="navlink-name">{text:link 2}</span>
  1351.             </a>
  1352.             {/block:iflink2}
  1353.             {block:iflink3}
  1354.             <a class="navlink" href="{text:link 3 url}">
  1355.                 <span class="navlink-name">{text:link 3}</span>
  1356.             </a>
  1357.             {/block:iflink3}
  1358.             {block:iflink4}
  1359.             <a class="navlink" href="{text:link 4 url}">
  1360.                 <span class="navlink-name">{text:link 4}</span>
  1361.             </a>
  1362.             {/block:iflink4}
  1363.         </div>
  1364.     </nav>
  1365.     <a href="javascript:void(0)" class="close-button" id="close-button"><span class="typcn typcn-times-outline"></span></a>
  1366.     <div class="morph-shape" id="morph-shape" data-morph-open="M-1,0h101c0,0,0-1,0,395c0,404,0,405,0,405H-1V0z">
  1367.         <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 800" preserveAspectRatio="none">
  1368.             <path d="M-1,0h101c0,0-97.833,153.603-97.833,396.167C2.167,627.579,100,800,100,800H-1V0z"/>
  1369.         </svg>
  1370.     </div>
  1371. </div>
  1372.  
  1373. <a href="javascript:void(0)" class="leftnav" id="open-button"><span class="typcn typcn-th-menu-outline"></span></a>
  1374. {block:ifscrolltotop}
  1375. <a href="javascript:void(0)" class="leftnav" id="scrollToTop"><span class="typcn typcn-arrow-up-outline"></span></a>
  1376. {/block:ifscrolltotop}
  1377.  
  1378. <!------------ main container ------------>
  1379. <div id="all">
  1380. <header>
  1381.     <div id="topbar">
  1382.         <a class="main" href="/"><h1>
  1383.             {block:iftopbarlogoimage}<img src="{image:topbar logo}"/>{/block:iftopbarlogoimage}
  1384.             <span>{Title}</span>
  1385.         </h1></a>
  1386.         <h2>{text:subtitle}</h2>
  1387.     </div>
  1388. </header>
  1389.  
  1390. <aside>
  1391.     {block:ifsidebarimage}<img src="{image:sidebar}"/>{/block:ifsidebarimage}
  1392.     <div id="desc">
  1393.         <div class="reblog_head">
  1394.             <h1>{text:blog name}</h1>
  1395.         </div>
  1396.         <div>
  1397.             {Description}
  1398.         </div>
  1399.     </div>
  1400.     {block:HasPages}
  1401.     <div>
  1402.         <h2>navigate</h2>
  1403.         <ul>
  1404.             {block:Pages}<li><a href="{URL}">{Label}</a>{/block:Pages}
  1405.         </ul>
  1406.     </div>
  1407.     {/block:HasPages}
  1408.     {block:ifsocialmedia}
  1409.     <div class="social">
  1410.         {block:ifnotsidebarimage}<h2>stay tuned</h2>{/block:ifnotsidebarimage}
  1411.         {block:iffacebook}
  1412.         <a href="http://www.facebook.com/{text:facebook}" title="Facebook">
  1413.             <span class="typcn typcn-social-facebook-circular"></span>
  1414.         </a>
  1415.         {/block:iffacebook}
  1416.         {block:iftwitter}
  1417.         <a href="http://www.twitter.com/{text:twitter}" title="Twitter @{text:twitter}">
  1418.             <span class="typcn typcn-social-twitter-circular"></span>
  1419.         </a>
  1420.         {/block:iftwitter}
  1421.         {block:ifinstagram}
  1422.         <a href="http://www.instagram.com/{text:instagram}" title="Instagram @{text:instagram}">
  1423.             <span class="typcn typcn-social-instagram-circular"></span>
  1424.         </a>
  1425.         {/block:ifinstagram}
  1426.         {block:ifyoutube}
  1427.         <a href="http://www.youtube.com/user/{text:youtube}" title="Youtube">
  1428.             <span class="typcn typcn-social-youtube-circular"></span>
  1429.         </a>
  1430.         {/block:ifyoutube}
  1431.         {block:ifflickr}
  1432.         <a href="http://www.flickr.com/people/{text:flickr}" title="Flickr">
  1433.             <span class="typcn typcn-social-flickr-circular"></span>
  1434.         </a>
  1435.         {/block:ifflickr}
  1436.         {block:ifgoogleplus}
  1437.         <a href="http://plus.google.com/+{text:google plus}" title="Google +{text:google plus}">
  1438.             <span class="typcn typcn-social-google-plus-circular"></span>
  1439.         </a>
  1440.         {/block:ifgoogleplus}
  1441.         {block:ifwebsiteurl}
  1442.         <a href="{text:website url}" title="Website">
  1443.             <span class="typcn typcn-world-outline"></span>
  1444.         </a>
  1445.         {/block:ifwebsiteurl}
  1446.     </div>
  1447.     {/block:ifsocialmedia}
  1448.     {block:ifsearchbar}
  1449.     <div>
  1450.         <h2>explore</h2>
  1451.         <form action="/search" method="get">
  1452.             <input type="text" name="q" value="{SearchQuery}" placeholder="Search...">
  1453.             <button type="submit">
  1454.                 search...
  1455.             </button>
  1456.         </form>
  1457.     </div>
  1458.     {/block:ifsearchbar}
  1459. </aside>
  1460.  
  1461. <!------ posts ------>
  1462. <section id="postmargin">
  1463.  
  1464. {block:Posts}
  1465. <article class="posts" id="{PostID}" data-tags="{TagsAsClasses}">
  1466.  
  1467.     {block:Text}
  1468.     {block:Date}<div class="permalink llc">
  1469.         <a href="{Permalink}" title="{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} {24HourWithZero}:{Minutes}{block:NoteCount} + {NoteCount}{/block:NoteCount}">{TimeAgo}</a>
  1470.         <a class="lb">
  1471.             {LikeButton}
  1472.             <span class="ilike"></span>
  1473.         </a>
  1474.         <a href="{ReblogURL}">reblog?</a>
  1475.     </div>{/block:Date}
  1476.     {block:RebloggedFrom}
  1477.     <div class="rbg">
  1478.         <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1479.         <span class="typcn typcn-arrow-sync"></span>
  1480.         <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1481.     </div>
  1482.     {/block:RebloggedFrom}
  1483.     {block:Title}<div class="headt">{Title}</div>{/block:Title}
  1484.     <div class="body text">
  1485.         {block:NotReblog}
  1486.         <div class="tumblr_parent">
  1487.             {block:Date}
  1488.             <div class="reblog_head">
  1489.                 <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1490.                 <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  1491.             </div>
  1492.             {/block:Date}
  1493.             <div>
  1494.                 {Body}
  1495.             </div>
  1496.         </div>
  1497.         {/block:NotReblog}
  1498.         {block:RebloggedFrom}
  1499.         {block:Reblogs}
  1500.         <div class="tumblr_parent">
  1501.             <div class="reblog_head">
  1502.                 {block:IsActive}
  1503.                 <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1504.                 <a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>
  1505.                 {/block:IsActive}
  1506.                 {block:IsDeactivated}
  1507.                 <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1508.                 <span class="reblog_user">{Username}</span>
  1509.                 {/block:IsDeactivated}
  1510.             </div>
  1511.             <div>
  1512.                 {Body}
  1513.             </div>
  1514.         </div>
  1515.         {/block:Reblogs}
  1516.         {/block:RebloggedFrom}
  1517.     </div>
  1518.     {/block:Text}
  1519.      
  1520.     {block:Photo}
  1521.     {block:IndexPage}
  1522.     <div class="photo"><center>
  1523.         <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  1524.         <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>
  1525.     </center></div>
  1526.     {/block:IndexPage}
  1527.     {block:PermalinkPage}
  1528.     <div class="photo">
  1529.         <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  1530.         {LinkOpenTag}<img src="{PhotoURL-HighRes}" class="singlepic" width="{select:post size}">{LinkCloseTag}
  1531.     </div>
  1532.     {/block:PermalinkPage}
  1533.     <div class="overlap">
  1534.         {block:Date}<div class="permalink">
  1535.             <a href="{Permalink}" title="{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} {24HourWithZero}:{Minutes}{block:NoteCount} + {NoteCount}{/block:NoteCount}">{TimeAgo}</a>
  1536.             {block:RebloggedFrom}
  1537.             <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  1538.             <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  1539.             {/block:RebloggedFrom}
  1540.             <a class="lb">
  1541.                 {LikeButton}
  1542.                 <span class="ilike"></span>
  1543.             </a>
  1544.             <a href="{ReblogURL}">reblog?</a>
  1545.         </div>{/block:Date}
  1546.         {block:Caption}
  1547.         <div class="caption text">
  1548.             {block:NotReblog}
  1549.             <div class="tumblr_parent">
  1550.                 <div class="reblog_head">
  1551.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1552.                     <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  1553.                 </div>
  1554.                 <div>
  1555.                     {Caption}
  1556.                 </div>
  1557.             </div>
  1558.             {/block:NotReblog}
  1559.             {block:RebloggedFrom}
  1560.             {block:Reblogs}
  1561.             <div class="tumblr_parent">
  1562.                 <div class="reblog_head">
  1563.                     {block:IsActive}
  1564.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1565.                     <a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>
  1566.                     {/block:IsActive}
  1567.                     {block:IsDeactivated}
  1568.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1569.                     <span class="reblog_user">{Username}</span>
  1570.                     {/block:IsDeactivated}
  1571.                 </div>
  1572.                 <div>
  1573.                     {Body}
  1574.                 </div>
  1575.             </div>
  1576.             {/block:Reblogs}
  1577.             {/block:RebloggedFrom}
  1578.         </div>
  1579.         {/block:Caption}
  1580.     </div>
  1581.     {/block:Photo}
  1582.      
  1583.     {block:Panorama}
  1584.     <div class="photo">
  1585.         <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  1586.         <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>
  1587.     </div>
  1588.     <div class="overlap">
  1589.         {block:Date}<div class="permalink">
  1590.             <a href="{Permalink}" title="{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} {24HourWithZero}:{Minutes}{block:NoteCount} + {NoteCount}{/block:NoteCount}">{TimeAgo}</a>
  1591.             {block:RebloggedFrom}
  1592.             <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  1593.             <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  1594.             {/block:RebloggedFrom}
  1595.             <a class="lb">
  1596.                 {LikeButton}
  1597.                 <span class="ilike"></span>
  1598.             </a>
  1599.             <a href="{ReblogURL}">reblog?</a>
  1600.         </div>{/block:Date}
  1601.         {block:Caption}
  1602.         <div class="caption text">
  1603.             {block:NotReblog}
  1604.             <div class="tumblr_parent">
  1605.                 <div class="reblog_head">
  1606.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1607.                     <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  1608.                 </div>
  1609.                 <div>
  1610.                     {Caption}
  1611.                 </div>
  1612.             </div>
  1613.             {/block:NotReblog}
  1614.             {block:RebloggedFrom}
  1615.             {block:Reblogs}
  1616.             <div class="tumblr_parent">
  1617.                 <div class="reblog_head">
  1618.                     {block:IsActive}
  1619.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1620.                     <a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>
  1621.                     {/block:IsActive}
  1622.                     {block:IsDeactivated}
  1623.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1624.                     <span class="reblog_user">{Username}</span>
  1625.                     {/block:IsDeactivated}
  1626.                 </div>
  1627.                 <div>
  1628.                     {Body}
  1629.                 </div>
  1630.             </div>
  1631.             {/block:Reblogs}
  1632.             {/block:RebloggedFrom}
  1633.         </div>
  1634.         {/block:Caption}
  1635.     </div>
  1636.     {/block:Panorama}
  1637.      
  1638.     {block:Photoset}
  1639.     <div class="photo">
  1640.     <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1641.         {block:Photos}
  1642.         <div class="photo-data">
  1643.             <div class="pxu-photo">
  1644.                 <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1645.             </div>
  1646.             <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1647.         </div>
  1648.         {/block:Photos}
  1649.     </div>
  1650.     </div>
  1651.     <div class="overlap">
  1652.         {block:Date}<div class="permalink">
  1653.             <a href="{Permalink}" title="{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} {24HourWithZero}:{Minutes}{block:NoteCount} + {NoteCount}{/block:NoteCount}">{TimeAgo}</a>
  1654.             {block:RebloggedFrom}
  1655.             <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  1656.             <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  1657.             {/block:RebloggedFrom}
  1658.             <a class="lb">
  1659.                 {LikeButton}
  1660.                 <span class="ilike"></span>
  1661.             </a>
  1662.             <a href="{ReblogURL}">reblog?</a>
  1663.         </div>{/block:Date}
  1664.         {block:Caption}
  1665.         <div class="caption text">
  1666.             {block:NotReblog}
  1667.             <div class="tumblr_parent">
  1668.                 <div class="reblog_head">
  1669.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1670.                     <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  1671.                 </div>
  1672.                 <div>
  1673.                     {Caption}
  1674.                 </div>
  1675.             </div>
  1676.             {/block:NotReblog}
  1677.             {block:RebloggedFrom}
  1678.             {block:Reblogs}
  1679.             <div class="tumblr_parent">
  1680.                 <div class="reblog_head">
  1681.                     {block:IsActive}
  1682.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1683.                     <a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>
  1684.                     {/block:IsActive}
  1685.                     {block:IsDeactivated}
  1686.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1687.                     <span class="reblog_user">{Username}</span>
  1688.                     {/block:IsDeactivated}
  1689.                 </div>
  1690.                 <div>
  1691.                     {Body}
  1692.                 </div>
  1693.             </div>
  1694.             {/block:Reblogs}
  1695.             {/block:RebloggedFrom}
  1696.         </div>
  1697.         {/block:Caption}
  1698.     </div>
  1699.     {/block:Photoset}
  1700.  
  1701.     {block:Quote}
  1702.     {block:RebloggedFrom}
  1703.     <div class="rbg">
  1704.         <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1705.         <span class="typcn typcn-arrow-sync"></span>
  1706.         <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1707.     </div>
  1708.     {/block:RebloggedFrom}
  1709.     <div class="quote">
  1710.         <span></span>
  1711.         {Quote}
  1712.         <span></span>
  1713.     </div>
  1714.     {block:Date}<div class="permalink pq">
  1715.         <a href="{Permalink}" title="{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} {24HourWithZero}:{Minutes}{block:NoteCount} + {NoteCount}{/block:NoteCount}">{TimeAgo}</a>
  1716.         <a class="lb">
  1717.             {LikeButton}
  1718.             <span class="ilike"></span>
  1719.         </a>
  1720.         <a href="{ReblogURL}">reblog?</a>
  1721.     </div>{/block:Date}
  1722.     {block:Source}
  1723.     <div class="sourcez">
  1724.         {Source}
  1725.     </div>
  1726.     {/block:Source}
  1727.     {/block:Quote}
  1728.  
  1729.     {block:Link}
  1730.     {block:Date}<div class="permalink llc">
  1731.         <a href="{Permalink}" title="{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} {24HourWithZero}:{Minutes}{block:NoteCount} + {NoteCount}{/block:NoteCount}">{TimeAgo}</a>
  1732.         <a class="lb">
  1733.             {LikeButton}
  1734.             <span class="ilike"></span>
  1735.         </a>
  1736.         <a href="{ReblogURL}">reblog?</a>
  1737.     </div>{/block:Date}
  1738.     {block:RebloggedFrom}
  1739.     <div class="rbg">
  1740.         <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1741.         <span class="typcn typcn-arrow-sync"></span>
  1742.         <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1743.     </div>
  1744.     {/block:RebloggedFrom}
  1745.     <a href="{URL}" {Target} class="llp"><span>
  1746.         {Name}
  1747.         <span class="arrow">&raquo;</span>
  1748.     <span></a>
  1749.     {block:Description}
  1750.     <div class="body text">
  1751.         {block:NotReblog}
  1752.         <div class="tumblr_parent">
  1753.             <div class="reblog_head">
  1754.                 <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1755.                 <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  1756.             </div>
  1757.             <div>
  1758.                 {Description}
  1759.             </div>
  1760.         </div>
  1761.         {/block:NotReblog}
  1762.         {block:RebloggedFrom}
  1763.         {block:Reblogs}
  1764.         <div class="tumblr_parent">
  1765.             <div class="reblog_head">
  1766.                 {block:IsActive}
  1767.                 <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1768.                 <a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>
  1769.                 {/block:IsActive}
  1770.                 {block:IsDeactivated}
  1771.                 <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1772.                 <span class="reblog_user">{Username}</span>
  1773.                 {/block:IsDeactivated}
  1774.             </div>
  1775.             <div>
  1776.                 {Body}
  1777.             </div>
  1778.         </div>
  1779.         {/block:Reblogs}
  1780.         {/block:RebloggedFrom}
  1781.     </div>
  1782.     {/block:Description}
  1783.     {/block:Link}
  1784.  
  1785.     {block:Chat}
  1786.     {block:Date}<div class="permalink llc">
  1787.         <a href="{Permalink}" title="{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} {24HourWithZero}:{Minutes}{block:NoteCount} + {NoteCount}{/block:NoteCount}">{TimeAgo}</a>
  1788.         <a class="lb">
  1789.             {LikeButton}
  1790.             <span class="ilike"></span>
  1791.         </a>
  1792.         <a href="{ReblogURL}">reblog?</a>
  1793.     </div>{/block:Date}
  1794.     {block:RebloggedFrom}
  1795.     <div class="rbg">
  1796.         <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1797.         <span class="typcn typcn-arrow-sync"></span>
  1798.         <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1799.     </div>
  1800.     {/block:RebloggedFrom}
  1801.     {block:Title}<div class="headt">{Title}</div>{/block:Title}
  1802.     <div class="chat">
  1803.         {block:Lines}
  1804.         <div class="label">
  1805.             {block:Label}<span>{Label}</span>{/block:Label}
  1806.             {Line}
  1807.         </div>
  1808.         {/block:Lines}
  1809.     </div>
  1810.     {/block:Chat}
  1811.  
  1812.     {block:Audio}
  1813.     {block:RebloggedFrom}
  1814.     <div class="rbg">
  1815.         <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1816.         <span class="typcn typcn-arrow-sync"></span>
  1817.         <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1818.     </div>
  1819.     {/block:RebloggedFrom}
  1820.     {block:AlbumArt}<img src="{AlbumArtURL}" class="album"/>{/block:AlbumArt}
  1821.     {block:AudioPlayer}
  1822.     <div class="tplayer">
  1823.         {AudioPlayerWhite}
  1824.     </div>
  1825.     {/block:AudioPlayer}
  1826.     <div class="musicinfo typcn typcn-headphones">
  1827.     <table><td style="vertical-align:middle;">
  1828.         {block:Date}<div class="permalink">
  1829.             <a href="{Permalink}" title="{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} {24HourWithZero}:{Minutes}{block:NoteCount} + {NoteCount}{/block:NoteCount}">{TimeAgo}</a>
  1830.             <a class="lb">
  1831.                 {LikeButton}
  1832.                 <span class="ilike"></span>
  1833.             </a>
  1834.             <a href="{ReblogURL}">reblog?</a>
  1835.         </div>{/block:Date}
  1836.         {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  1837.         {block:Artist}<br><i>{Artist}</i>{/block:Artist}
  1838.     </td></table>
  1839.     </div>
  1840.     <div class="audiocaption">
  1841.         {block:Caption}
  1842.         <div class="text">
  1843.             {block:NotReblog}
  1844.             <div class="tumblr_parent">
  1845.                 <div class="reblog_head">
  1846.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1847.                     <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  1848.                 </div>
  1849.                 <div>
  1850.                     {Caption}
  1851.                 </div>
  1852.             </div>
  1853.             {/block:NotReblog}
  1854.             {block:RebloggedFrom}
  1855.             {block:Reblogs}
  1856.             <div class="tumblr_parent">
  1857.                 <div class="reblog_head">
  1858.                     {block:IsActive}
  1859.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1860.                     <a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>
  1861.                     {/block:IsActive}
  1862.                     {block:IsDeactivated}
  1863.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1864.                     <span class="reblog_user">{Username}</span>
  1865.                     {/block:IsDeactivated}
  1866.                 </div>
  1867.                 <div>
  1868.                     {Body}
  1869.                 </div>
  1870.             </div>
  1871.             {/block:Reblogs}
  1872.             {/block:RebloggedFrom}
  1873.         </div>
  1874.         {/block:Caption}
  1875.     </div>
  1876.     {/block:Audio}
  1877.  
  1878.     {block:Video}
  1879.     <div class="video">
  1880.         {Video-500}
  1881.     </div>
  1882.     <div class="overlap">
  1883.         {block:Date}<div class="permalink">
  1884.             <a href="{Permalink}" title="{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} {24HourWithZero}:{Minutes}{block:NoteCount} + {NoteCount}{/block:NoteCount}">{TimeAgo}</a>
  1885.             {block:RebloggedFrom}
  1886.             <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  1887.             <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  1888.             {/block:RebloggedFrom}
  1889.             <a class="lb">
  1890.                 {LikeButton}
  1891.                 <span class="ilike"></span>
  1892.             </a>
  1893.             <a href="{ReblogURL}">reblog?</a>
  1894.         </div>{/block:Date}
  1895.         {block:Caption}
  1896.         <div class="caption text">
  1897.             {block:NotReblog}
  1898.             <div class="tumblr_parent">
  1899.                 <div class="reblog_head">
  1900.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1901.                     <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  1902.                 </div>
  1903.                 <div>
  1904.                     {Caption}
  1905.                 </div>
  1906.             </div>
  1907.             {/block:NotReblog}
  1908.             {block:RebloggedFrom}
  1909.             {block:Reblogs}
  1910.             <div class="tumblr_parent">
  1911.                 <div class="reblog_head">
  1912.                     {block:IsActive}
  1913.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1914.                     <a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>
  1915.                     {/block:IsActive}
  1916.                     {block:IsDeactivated}
  1917.                     <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1918.                     <span class="reblog_user">{Username}</span>
  1919.                     {/block:IsDeactivated}
  1920.                 </div>
  1921.                 <div>
  1922.                     {Body}
  1923.                 </div>
  1924.             </div>
  1925.             {/block:Reblogs}
  1926.             {/block:RebloggedFrom}
  1927.         </div>
  1928.         {/block:Caption}
  1929.     </div>
  1930.     {/block:Video}
  1931.  
  1932.     {block:Answer}
  1933.     {block:Date}<div class="permalink aq">
  1934.         <a href="{Permalink}" title="{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} {24HourWithZero}:{Minutes}{block:NoteCount} + {NoteCount}{/block:NoteCount}">{TimeAgo}</a>
  1935.         <a class="lb">
  1936.             {LikeButton}
  1937.             <span class="ilike"></span>
  1938.         </a>
  1939.         <a href="{ReblogURL}">reblog?</a>
  1940.     </div>{/block:Date}
  1941.     {block:RebloggedFrom}
  1942.     <div class="rbg">
  1943.         <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1944.         <span class="typcn typcn-arrow-sync"></span>
  1945.         <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1946.     </div>
  1947.     {/block:RebloggedFrom}
  1948.     <div class="askerp">
  1949.         <img src="{AskerPortraitURL-64}">
  1950.     </div>
  1951.     <div class="question">
  1952.         <b>{Asker}:</b><br>
  1953.         {Question}
  1954.     </div>
  1955.     {block:NotReblog}
  1956.     <div class="text answer">
  1957.         <div class="tumblr_parent">
  1958.             <div class="reblog_head">
  1959.                 <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1960.                 <a href="{Permalink}">{Name}</a>:
  1961.             </div>
  1962.             <div>
  1963.                 {Answer}
  1964.             </div>
  1965.         </div>
  1966.     </div>
  1967.     {/block:NotReblog}
  1968.     {block:RebloggedFrom}
  1969.     <div class="text answer">
  1970.         <div class="tumblr_parent">
  1971.             {block:Answerer}
  1972.             <div class="reblog_head">
  1973.                 <img class="tumblr_avatar" src="{AnswererPortraitURL-64}"/>
  1974.                 {Answerer}:
  1975.             </div>
  1976.             {/block:Answerer}
  1977.             <div>
  1978.                 {Answer}
  1979.             </div>
  1980.         </div>
  1981.         {block:Reblogs}
  1982.         <div class="tumblr_parent">
  1983.             <div class="reblog_head">
  1984.                 {block:IsActive}
  1985.                 <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1986.                 <a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>:
  1987.                 {/block:IsActive}
  1988.                 {block:IsDeactivated}
  1989.                 <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  1990.                 <span class="reblog_user">{Username}</span>:
  1991.                 {/block:IsDeactivated}
  1992.             </div>
  1993.             <div>
  1994.                 {Body}
  1995.             </div>
  1996.         </div>
  1997.         {/block:Reblogs}
  1998.     </div>
  1999.     {/block:RebloggedFrom}
  2000.     {/block:Answer}
  2001.    
  2002.     {block:HasTags}
  2003.     <div class="tags">
  2004.         <div class="ti">
  2005.             <div class="itag"><div class="dragtags">
  2006.                 {block:Tags}<a href="{TagURL}"><span>#</span>{Tag}</a>{/block:Tags}
  2007.             </div></div>
  2008.         </div>
  2009.     </div>
  2010.     {/block:HasTags}
  2011.    
  2012. </article><!--posts-->
  2013.  
  2014. {block:ContentSource}
  2015. <!-- {SourceURL}
  2016. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  2017. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2018. {/block:ContentSource}
  2019. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  2020.  
  2021. {block:PostNotes}<div class="notes">
  2022.     <a name="notes">{PostNotes}</a>
  2023. </div>{/block:PostNotes}
  2024.  
  2025. {/block:Posts}
  2026. </section><!--postmargin-->
  2027.  
  2028. {block:Pagination}
  2029. <nav id="pagination">
  2030.     {block:PreviousPage}<a href="{PreviousPage}" class="prev">back</a>{/block:PreviousPage}
  2031.     {block:NextPage}<a href="{NextPage}" class="next">forth</a>{/block:NextPage}
  2032.     {block:ifinfinitescroll}{block:ifmanualload}
  2033.     <a href="#" id="load">load more</a>
  2034.     {/block:ifmanualload}{/block:ifinfinitescroll}
  2035. </nav>
  2036. {/block:Pagination}
  2037.  
  2038. </div><!--all-->
  2039.  
  2040. <footer>
  2041.     &copy; {CopyrightYears} {Name} | Portage Theme by <a href="http://magnusthemes.tumblr.com">MagnusThemes</a> | Powered by Tumblr
  2042. </footer>
  2043.  
  2044. <script src="https://static.tumblr.com/p0knose/8PRpaua6g/aeroelastic.min.js"></script>
  2045.  
  2046. <script src="https://cdn.rawgit.com/juliangarnier/anime/69131dc2/anime.min.js"></script>
  2047. <script src="https://static.tumblr.com/p0knose/PPFpaua05/charming.min.js"></script>
  2048. <script src="https://static.tumblr.com/p0knose/Vo3paua5y/aerodynamic.min.js"></script>
  2049.  
  2050. </body>
  2051. </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