API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 16th, 2018
110
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.36 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------------
  2. Theme [22]: Moonfall
  3. Made by glenthemes
  4.  
  5. Initial release: 2017/02/08
  6. Last updated: 2018/05/07
  7.  
  8. TERMS OF USE:
  9. 1) Do not remove the theme credit.
  10. 2) Do not repost/redistribute my themes.
  11. 3) Do not take parts of the code and use it as your own.
  12. 4) Do not use my graphics/images from my themes.
  13. 5) Do not use my themes as a base code.
  14. 6) Do not integrate my codes together.
  15.  
  16. Stick to the terms or else Diana will break your nuts
  17. ------------------------------------------------------------------------>
  18.  
  19. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  20. <html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  21.  
  22. <head>
  23.  
  24. <title>{Title}</title>
  25.  
  26. <link rel="shortcut icon" href="{Favicon}">
  27.  
  28. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
  29.  
  30. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  31.  
  32. <!--------------------JAVASCRIPTS-------------------->
  33.  
  34. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  35.  
  36. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  37. <script>
  38. (function($){
  39. $(document).ready(function(){
  40. $("a[title]").style_my_tooltips({
  41. tip_follows_cursor:true,
  42. tip_delay_time:120,
  43. tip_fade_speed:120,
  44. attribute:"title"
  45. });
  46. });
  47. })(jQuery);
  48. </script>
  49.  
  50. <script>
  51. $(document).ready(function() {
  52. $('iframe.tumblr_audio_player').load( function() {
  53. $('iframe.tumblr_audio_player').contents().find("head")
  54. .append($("<style type='text/css'> .audio-player{background:{color:bold text background} !important; padding:5px 10px 5px 0px !important;} </style>"));
  55. $('iframe.tumblr_audio_player').contents().find("head")
  56. .append($("<style type='text/css'> .play-pause{color:{color:bold} !important; font-size:15px!important; padding:0 9.5px!important} </style>"));
  57. });
  58. });
  59. </script>
  60.  
  61. <script type="text/javascript">
  62. $(document).ready(function(){
  63. $("button").click(function() {
  64. $('html, body').animate({
  65. scrollTop: $("#botbar").offset().top+100
  66. }, 1800);
  67. });});
  68. </script>
  69.  
  70. {block:IndexPage}
  71. {block:ifheadercontent}
  72. <script type='text/javascript'>
  73. $(function(){
  74. var side = $('#sb').offset().top;
  75. $(window).scroll(function(){
  76. if( $(window).scrollTop() >= side ) {
  77. $('#sb').css({position: 'fixed', top: '110px'});
  78. } else {
  79. $('#sb').css({position: 'absolute', top: '110px'});
  80. }
  81. });
  82. });
  83. </script>
  84. {/block:ifheadercontent}
  85. {/block:IndexPage}
  86.  
  87.  
  88. <script>
  89. $(document).ready(function() {
  90. $('a#clickbutton').click(function() {
  91. $('.t',this).toggle();
  92. $('#updates').fadeToggle();
  93. });
  94.  
  95. });
  96. </script>
  97.  
  98.  
  99. {block:ifsmoothscrolling}<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.js"></script>{/block:ifsmoothscrolling}
  100.  
  101.  
  102. <link href="https://fonts.googleapis.com/css?family=Karla" rel="stylesheet">
  103.  
  104.  
  105. <!--------------------COLORS-------------------->
  106.  
  107. <meta name="color:background" content="#10080a"/>
  108. <meta name="color:post" content="#0d0203"/>
  109. <meta name="color:text" content="#baa1af"/>
  110. <meta name="color:bold" content="#eee">
  111. <meta name="color:bold text background" content="#170a10">
  112. <meta name="color:Italic" content="#ccc">
  113. <meta name="color:Link" content="#c884a0">
  114. <meta name="color:Link Hover" content="#fff">
  115. <meta name="color:top bar background" content="#170a10">
  116. <meta name="color:top bar text" content="#b5a7ba">
  117. <meta name="color:bot bar background" content="#0d0203"/>
  118. <meta name="color:permalink background" content="#170a10">
  119. <meta name="color:permalink text" content="#cccccc">
  120. <meta name="color:permalink link" content="#b5a7ba">
  121. <meta name="color:question background" content="#170a10">
  122. <meta name="color:chat odd" content="#170a10">
  123. <meta name="color:chat even" content="#0d0203">
  124. <meta name="color:scrollbar" content="#473546">
  125. <meta name="color:scrollbar bg" content="#170a10"/>
  126. <meta name="color:highlight" content="#170a10">
  127. <meta name="color:highlighted text" content="#c5c5c5">
  128.  
  129. <!--------------------OPTIONS-------------------->
  130.  
  131. <meta name="if:smooth scrolling" content="0" />
  132. <meta name="if:scroll to top button" content="1" />
  133. <meta name="if:header content" content="1" />
  134. <meta name="if:background gradient" content="0" />
  135. <meta name="if:photo fade" content="0" />
  136. <meta name="if:monochrome posts" content="0" />
  137. <meta name="if:transparent posts" content="1" />
  138. <meta name="if:updates tab" content="0" />
  139. <meta name="if:dark tumblr controls" content="0" />
  140.  
  141. <!--------------------IMAGES-------------------->
  142.  
  143. <meta name="image:background image" content="//i.imgur.com/5VEiWdK.png"/>
  144. <meta name="image:bottom bar background" content="http://i.imgur.com/Ky8nj56.png"/>
  145. <meta name="image:post container background" content="http://i.imgur.com/2B7Eg4b.png"/>
  146. <meta name="image:sidebar image" content=""/>
  147.  
  148. <!--------------------TITLES-------------------->
  149.  
  150. <meta name="text:font size" content="12">
  151. <meta name="text:post width" content="500">
  152. <meta name="text:post padding" content="10">
  153. <meta name="text:gutter width" content="10">
  154. <meta name="text:post margin" content="75">
  155. <meta name="text:sidebar left margin" content="70">
  156.  
  157. <meta name="text:top bar title icon" content="lnr-moon">
  158. <meta name="text:top bar text 1" content="here's some text">
  159. <meta name="text:top bar text 2" content="here's more text">
  160. <meta name="text:updates box" content="Your updates here">
  161. <meta name="text:bottom bar title" content="here's a title">
  162. <meta name="text:bottom bar text" content="here's some text">
  163. <meta name="text:Link 1" content="">
  164. <meta name="text:Link 1 URL" content="">
  165. <meta name="text:Link 2" content="">
  166. <meta name="text:Link 2 URL" content="">
  167. <meta name="text:Link 3" content="">
  168. <meta name="text:Link 3 URL" content="">
  169. <meta name="text:Link 4" content="">
  170. <meta name="text:Link 4 URL" content="">
  171. <meta name="text:Link 5" content="">
  172. <meta name="text:Link 5 URL" content="">
  173. <meta name="text:Link 6" content="">
  174. <meta name="text:Link 6 URL" content="">
  175.  
  176. <!-------------------------------------------------------------------->
  177.  
  178. <style type="text/css">
  179.  
  180. @font-face { font-family: "beaufort"; src: url('https://dl.dropboxusercontent.com/s/fcluzpevo5u3j7i/Beaufort%20W01%20Regular.ttf'); }
  181.  
  182. /*--------------------TOOLTIPS--------------------*/
  183.  
  184. #s-m-t-tooltip {
  185. padding: 4px 9px;
  186. margin: 26px 9px 0px 15px;
  187. background-color: rgba({RGBcolor:top bar background},0.83);
  188. font-family: beaufort;
  189. font-size: 9px;
  190. letter-spacing: 1px;
  191. text-transform: uppercase;
  192. font-weight:bold;
  193. color: {color:top bar text};
  194. z-index:9999999!important;
  195. max-width:400px;
  196. }
  197.  
  198. /*--------------------TUMBLR CONTROLS--------------------*/
  199.  
  200. iframe#tumblr_controls, .iframe-controls--desktop {
  201. top:58px!important;
  202. right:7px!important;
  203. position:fixed!important;
  204. z-index:999999!important;
  205. transform-origin:100% 0;
  206. transform:scale(0.8,0.8);
  207. opacity:0.6;
  208.  
  209. {block:ifdarktumblrcontrols}
  210. filter:invert(100%) hue-rotate(180deg);
  211. -webkit-filter:invert(100%) hue-rotate(180deg);
  212. {/block:ifdarktumblrcontrols}
  213.  
  214. transition:0.3s ease-in-out;
  215. }
  216.  
  217. iframe#tumblr_controls:hover, .iframe-controls--desktop:hover {
  218. opacity:0.8;
  219. }
  220.  
  221.  
  222. /*--------------------SCROLLBAR--------------------*/
  223.  
  224. ::-webkit-scrollbar {
  225. width: 4px;
  226. height: 4px;
  227. }
  228.  
  229. ::-webkit-scrollbar-thumb {
  230. background-color: {color:scrollbar};
  231. }
  232.  
  233. ::-webkit-scrollbar-track {
  234. background-color: {color:scrollbar bg};
  235. }
  236.  
  237.  
  238. /*--------------------SCROLLBAR--------------------*/
  239.  
  240. ::selection {
  241. background: {color:highlight};
  242. color:{color:highlighted text};
  243. }
  244.  
  245. ::-moz-selection {
  246. background: {color:highlight};
  247. color:{color:highlighted text};
  248. }
  249.  
  250.  
  251. /*--------------------BASICS--------------------*/
  252.  
  253. body {
  254. background-color:{color:background};
  255. background-image:url({image:post container background});
  256. background-repeat:repeat;
  257. background-position:center;
  258. background-attachment:fixed;
  259. color:{color:text};
  260. cursor:normal;
  261. font-family:karla;
  262. line-height:16px;
  263. font-size:11px;
  264. letter-spacing:0px;
  265. text-align:left;
  266. -webkit-font-smoothing:antialiased;
  267. -moz-osx-font-smoothing:grayscale;
  268. }
  269.  
  270. {block:ifheadercontent}
  271. #background {
  272. will-change:top;
  273. position:absolute;
  274. top:0;
  275. left:0;
  276. width:100%;
  277. height:100vh;
  278. background:{color:background} url(http://i63.tinypic.com/p4z79.gif);
  279. background-attachment:fixed;background-repeat:no-repeat; background-size: cover; background-position:center;
  280. z-index:-7;
  281. }
  282.  
  283. .grad {
  284. position:absolute;
  285. bottom:0;
  286. margin-bottom:0px;
  287. left:0;
  288. background-image:linear-gradient(to bottom, transparent, {color:bot bar background});
  289. width:100%;
  290. padding-top:40%;
  291. {block:ifbackgroundgradient}opacity:1;{/block:ifbackgroundgradient}
  292. {block:ifnotbackgroundgradient}display:none;{/block:ifnotbackgroundgradient}
  293. }
  294.  
  295. #bgb {
  296. position:absolute;
  297. top:0;
  298. left:0;
  299. width:100%;
  300. height:100vh;
  301. background-color:{color:background};
  302. z-index:-8;
  303. }
  304. {/block:ifheadercontent}
  305.  
  306. {block:PermalinkPage}
  307. #background, .grad, #bgb {
  308. display:none;
  309. }
  310. {/block:PermalinkPage}
  311.  
  312. blockquote {
  313. padding-left:10px;
  314. margin-left:5px;
  315. border-left:1px solid;
  316. border-color:{color:link};
  317. margin:10px;
  318. }
  319.  
  320. /*--------------------LINKS--------------------*/
  321.  
  322. a {
  323. color:{color:link};
  324. text-decoration:none;
  325. cursor:normal;
  326. text-decoration:none;
  327. -webkit-transition: all 0.4s ease-in-out;
  328. -moz-transition: all 0.4s ease-in-out;
  329. -o-transition: all 0.4s ease-in-out;
  330. }
  331.  
  332. a:hover {
  333. text-decoration:none;
  334. color: {color:link hover};
  335. }
  336.  
  337. img {
  338. opacity:1;
  339. text-decoration:none;
  340. }
  341.  
  342. h1 {
  343. font-size:13px;
  344. font-family:beaufort;
  345. font-weight:bold;
  346. text-transform:uppercase;
  347. letter-spacing:2px;
  348. text-align:center;
  349. padding:10px;
  350. color:{color:link};
  351. background-color:rgba({RGBcolor:permalink background},0.6);
  352. }
  353.  
  354. /*--------------------BOLDED TEXT--------------------*/
  355.  
  356. .posts b {
  357. color: {color:Bold};
  358. background-color: {color:bold text background};
  359. padding:1px 3px;
  360. }
  361.  
  362. .posts a {
  363. padding-bottom:1px;
  364. border-bottom:0.5px solid rgba({RGBcolor:text},0.4);
  365. }
  366.  
  367. .non a {
  368. padding-bottom:0px;
  369. border-bottom:0px solid transparent;
  370. }
  371.  
  372. t {
  373. font-size:14px;
  374. }
  375.  
  376. pre, code {
  377. white-space:pre-wrap;
  378. }
  379.  
  380. /*--------------------ITALIZED TEXT--------------------*/
  381.  
  382. i, em, .em {
  383. color: {color:Italic};
  384. }
  385.  
  386.  
  387. /*--------------------POST CONTAINER--------------------*/
  388.  
  389. #container {
  390. position:absolute;
  391. margin:0 auto;
  392. {block:ifheadercontent}top:100vh;{/block:ifheadercontent}
  393. {block:ifnotheadercontent}top:0;{/block:ifnotheadercontent}
  394. {block:PermalinkPage}top:0;{/block:PermalinkPage}
  395. padding-top:110px;
  396. left:0;right:0;
  397. width:calc({text:post width}px + ({text:post padding}px * 2) + {text:sidebar left margin}px + 280px);
  398. z-index:-10;
  399. }
  400.  
  401. .semicontainer {
  402. width:calc({text:post width}px + ({text:post padding}px * 2));
  403. {block:iftransparentposts}opacity:0.83;{/block:iftransparentposts}
  404. {block:ifnottransparentposts}opacity:1;{/block:ifnottransparentposts}
  405. -webkit-transition: all 0.9s ease-in-out;
  406. -moz-transition: all 0.9s ease-in-out;
  407. -o-transition: all 0.9s ease-in-out;
  408. }
  409.  
  410. /*--------------------POSTS--------------------*/
  411.  
  412. .posts {
  413. overflow:hidden;
  414. margin-bottom:{text:post margin}px;
  415. width:{text:post width}px;
  416. padding:{text:post padding}px;
  417. background-color:{color:post};
  418. font-size:{text:font size}px;
  419. }
  420.  
  421. .posts a {
  422. color:{color:link};
  423. }
  424.  
  425. .posts a:hover {
  426. color:{color:link hover};
  427. }
  428.  
  429. .photos, .photos img {
  430. position:relative;
  431. overflow:hidden;
  432. width:{text:post width}px;
  433.  
  434. {block:IndexPage}
  435. {block:ifphotofade}
  436. opacity:0.8;
  437. -webkit-transition: all 0.8s ease-in-out;
  438. -moz-transition: all 0.8s ease-in-out;
  439. -o-transition: all 0.8s ease-in-out;
  440. {/block:ifphotofade}
  441.  
  442. {block:ifmonochromeposts}
  443. -webkit-filter:grayscale(100%);
  444. filter:grayscale(100%);
  445. -webkit-transition: all 0.8s ease-in-out;
  446. -moz-transition: all 0.8s ease-in-out;
  447. -o-transition: all 0.8s ease-in-out;
  448. {/block:ifmonochromeposts}
  449. {/block:IndexPage}
  450. }
  451.  
  452. .posts:hover .photos {
  453. opacity:1;
  454. -webkit-filter:grayscale(0%);
  455. filter:grayscale(0%);
  456. }
  457.  
  458. .posts img {
  459. {block:IndexPage}
  460. {block:ifphotofade}
  461. opacity:0.8;
  462. -webkit-transition: all 0.8s ease-in-out;
  463. -moz-transition: all 0.8s ease-in-out;
  464. -o-transition: all 0.8s ease-in-out;
  465. {/block:ifphotofade}
  466.  
  467. {block:ifmonochromeposts}
  468. -webkit-filter:grayscale(100%);
  469. filter:grayscale(100%);
  470. -webkit-transition: all 0.8s ease-in-out;
  471. -moz-transition: all 0.8s ease-in-out;
  472. -o-transition: all 0.8s ease-in-out;
  473. {/block:ifmonochromeposts}
  474. {/block:IndexPage}
  475. }
  476.  
  477. .posts:hover img {
  478. opacity:1;
  479. -webkit-filter:grayscale(0%);
  480. filter:grayscale(0%);
  481. }
  482.  
  483. .posts img, .posts li, .posts blockquote {max-width:100%;height:auto;}
  484.  
  485. .posts iframe {max-width:100%;}
  486.  
  487. /*--------------------HEADER--------------------*/
  488.  
  489. #topbar {
  490. position:fixed;
  491. margin:0 auto;
  492. top:0;
  493. margin-top:0px;
  494. left:0;
  495. right:0;
  496. height:55px;
  497. width:100%;
  498. background-color:{color:top bar background};
  499. z-index:-4;
  500.  
  501. }
  502.  
  503. #topborder {
  504. margin:0 auto;
  505. top:0;
  506. margin-top:calc(55px - 1.5px);
  507. left:0;
  508. right:0;
  509. height:1.5px;
  510. width:100%;
  511. background-color:rgba({RGBcolor:top bar text},0.22);
  512. }
  513.  
  514. #topicon {
  515. top:0;
  516. margin-top:0px;
  517. left:0;
  518. padding:8px 0px 0px 16px;
  519. }
  520.  
  521. #topicon img {
  522. width:28px;
  523. border-radius:100%;
  524. padding:4.5px;
  525. border:0.7px solid rgba({RGBcolor:top bar text},0.5);
  526. }
  527.  
  528. #topsmall {
  529. top:0;
  530. margin-top:0px;
  531. left:0;
  532. padding:11px 0px 0px 70px;
  533. font-family:beaufort;
  534. text-transform:uppercase;
  535. letter-spacing:2px;
  536. font-weight:bold;
  537. font-size:10px;
  538. color:{color:top bar text};
  539. }
  540.  
  541. #toptits {
  542. top:0;
  543. margin-top:0px;
  544. left:0;
  545. padding:27px 0px 0px 70px;
  546. font-family:beaufort;
  547. text-transform:uppercase;
  548. letter-spacing:2px;
  549. font-weight:bold;
  550. font-size:14px;
  551. color:{color:top bar text};
  552. }
  553.  
  554. #topcenter {
  555. margin:0 auto;
  556. top:0;
  557. margin-top:0px;
  558. left:0;right:0;
  559. padding:19.5px 6px 16.5px 0px;
  560. text-align:center;
  561. font-family:beaufort;
  562. text-transform:uppercase;
  563. font-weight:bold;
  564. font-size:12px;
  565. letter-spacing:1.7px;
  566. color:{color:top bar text};
  567. }
  568.  
  569. #topcenter .lnr {
  570. margin-right:7px;
  571. color:{color:top bar text};
  572. }
  573.  
  574. #topcenter a {
  575. color:rgba({RGBcolor:top bar text},0.74);
  576. letter-spacing:1.3px;
  577. padding:20px 16px 19.5px 16px;
  578. }
  579.  
  580. #topcenter a:hover, #topcenter .alti a:hover {
  581. color:rgba({RGBcolor:top bar text},1);
  582. }
  583.  
  584. #topcenter .alti a {
  585. margin-left:27px;
  586. {block:IndexPage}color:{color:top bar text};{/block:IndexPage}
  587. {block:PermalinkPage}color:rgba({RGBcolor:top bar text},0.74);{/block:PermalinkPage}
  588. {block:IndexPage}border-bottom:1.5px solid {color:top bar text};{/block:IndexPage}
  589. }
  590.  
  591. #topcenter .alti a::before {
  592. content:"";
  593. position:absolute;
  594. margin-top:-12px;
  595. margin-left:-27px;
  596. width:1px;
  597. height:40px;
  598. background:-webkit-linear-gradient(top, transparent, {color:top bar text}, transparent);
  599. }
  600.  
  601. {block:ifupdatestab}
  602. #topright {
  603. top:0;margin-top:0px;
  604. right:0;
  605. padding:19px 21px 21px 19px;
  606. font-family:beaufort;
  607. text-transform:uppercase;
  608. letter-spacing:2px;
  609. font-weight:bold;
  610. font-size:12px;
  611. color:{color:top bar text};
  612. }
  613.  
  614. #topright a {
  615. padding:3px;
  616. margin-right:-3px;
  617. color:{color:top bar text};
  618. }
  619.  
  620. #topright .lnr {
  621. margin-left:5px;
  622. color:{color:top bar text};
  623. }
  624.  
  625. #updates {
  626. display:none;
  627. top:0;margin-top:104px;
  628. right:0;margin-right:12px;
  629. width:210px;
  630. height:auto;
  631. {block:iftransparentposts}background-color:rgba({RGBcolor:top bar background},0.65);{/block:iftransparentposts}
  632. {block:ifnottransparentposts}background-color:rgba({RGBcolor:top bar background},1);{/block:ifnottransparentposts}
  633. padding:10px;
  634. color:{color:top bar text};
  635. font-family:karla;
  636. font-size:11px;
  637. text-transform:none;
  638. {block:iftransparentposts}border-bottom:2px solid rgba({RGBcolor:top bar text},0.65);{/block:iftransparentposts}
  639. {block:ifnottransparentposts}border-bottom:2px solid rgba({RGBcolor:top bar text},1);{/block:ifnottransparentposts}
  640. }
  641. {/block:ifupdatestab}
  642.  
  643. #topborder, #topicon, #topsmall, #toptits, #topcenter, #topright, #updates {
  644. position:fixed;
  645. z-index:-3;
  646. }
  647.  
  648. /*--------------------BOTBAR--------------------*/
  649. {block:IndexPage}
  650. #botbar {
  651. margin:0 auto;
  652. top:calc(100vh - 100px);
  653. left:0;
  654. right:0;
  655. height:100px;
  656. width:100%;
  657. background-color:rgba({RGBcolor:bot bar background},0.83);
  658. background-image:url({image:bottom bar background});
  659. background-repeat:repeat;
  660. background-position:center;
  661. z-index:-6;
  662. }
  663.  
  664. #midbot {
  665. margin:0 auto;
  666. top:calc(100vh - 110px);
  667. left:0;
  668. right:0;
  669. height:120px;
  670. width:430px;
  671. background-color:{color:bot bar background};
  672. z-index:-5;
  673. }
  674.  
  675. #arrup1 {
  676. margin:0 auto;
  677. top:calc(100vh - 155px);
  678. left:0;right:0;
  679. height:0;width:0;
  680. border-bottom:45px solid {color:bot bar background};
  681. border-left:215px solid transparent;
  682. border-right:215px solid transparent;
  683. z-index:-5;
  684. }
  685.  
  686. #arrup2 {
  687. margin:0 auto;
  688. top:calc(100vh + 10px);
  689. left:0;right:0;
  690. height:0;width:0;
  691. border-top:45px solid {color:bot bar background};
  692. border-left:215px solid transparent;
  693. border-right:215px solid transparent;
  694. z-index:-5;
  695. }
  696.  
  697. #chev {
  698. margin:0 auto;
  699. bottom:112px;
  700. margin-bottom:0px;
  701. left:0;right:0;
  702. width:17px;
  703. text-align:center;
  704. z-index:-5;
  705. -webkit-transition: all 1s ease-in-out;
  706. -moz-transition: all 1s ease-in-out;
  707. -o-transition: all 1s ease-in-out;
  708. }
  709.  
  710. #chev .lnr {
  711. font-size:17px;
  712. color:rgba({RGBcolor:top bar text},0.7);
  713. -webkit-transition: all 1s ease-in-out;
  714. -moz-transition: all 1s ease-in-out;
  715. -o-transition: all 1s ease-in-out;
  716. }
  717.  
  718. #chev button {
  719. padding:0px;
  720. background-color:transparent;
  721. border:0px solid transparent;
  722. outline:none;
  723. -webkit-transition: all 0.4s ease-in-out;
  724. -moz-transition: all 0.4s ease-in-out;
  725. -o-transition: all 0.4s ease-in-out;
  726. }
  727.  
  728. #chev button:hover {
  729. -ms-transform: rotate(180deg);
  730. -webkit-transform: rotate(180deg);
  731. transform: rotate(180deg);
  732. -webkit-transition: all 0.4s ease-in-out;
  733. -moz-transition: all 0.4s ease-in-out;
  734. -o-transition: all 0.4s ease-in-out;
  735. }
  736.  
  737. #chev button:hover .lnr {
  738. color:rgba({RGBcolor:top bar text},1);
  739. -webkit-transition: all 0.4s ease-in-out;
  740. -moz-transition: all 0.4s ease-in-out;
  741. -o-transition: all 0.4s ease-in-out;
  742. }
  743.  
  744. #botte {
  745. margin:0 auto;
  746. top:calc(100vh - 110px);
  747. left:0;
  748. right:0;
  749. height:110px;
  750. width:430px;
  751. z-index:-5;
  752. display:table;
  753. }
  754.  
  755. #bottomsup {
  756. display:table-cell;
  757. vertical-align:middle;
  758. }
  759.  
  760. #bottext {
  761. padding:20px;
  762. font-family:beaufort;
  763. text-transform:uppercase;
  764. letter-spacing:3px;
  765. font-size:26px;
  766. color:{color:top bar text};
  767. text-align:center;
  768. }
  769.  
  770. .sub {
  771. {block:ifbottombartext}margin-top:15px;{/block:ifbottombartext}
  772. {block:ifnotbottombartext}margin-top:0px;{/block:ifnotbottombartext}
  773. text-transform:none;
  774. letter-spacing:0.5px;
  775. font-size:12px;
  776. }
  777.  
  778. #botbar, #midbot, #arrup1, #arrup2, #chev, #botte {
  779. position:absolute;
  780. }
  781. {/block:IndexPage}
  782.  
  783. {block:PermalinkPage}
  784. #botbar, #midbot, #arrup1, #arrup2, #chev, #botte {
  785. display:none;
  786. }
  787. {/block:PermalinkPage}
  788.  
  789. /*--------------------SIDEBAR--------------------*/
  790. #sb {
  791. {block:IndexPage}
  792. {block:ifheadercontent}
  793. top:0px;
  794. position:absolute;
  795. {/block:ifheadercontent}
  796. {/block:IndexPage}
  797.  
  798. {block:PermalinkPage}position:fixed;{block:PermalinkPage}
  799. {block:ifnotheadercontent}position:fixed;{block:ifnotheadercontent}
  800.  
  801.  
  802. margin-left:calc(({text:post width}px + {text:post padding}px * 2) + {text:sidebar left margin}px);
  803. width:280px;
  804. text-align:center;
  805. z-index:-10;
  806. }
  807.  
  808. #sbicon {
  809. display:block;
  810. }
  811.  
  812. #sbicon img {
  813. width:150px;
  814. height:150px;
  815. border-radius:100%;
  816. padding:8.5px;
  817. border:1px solid rgba({RGBcolor:top bar text},0.6);
  818. background-color:{color:top bar background};
  819. }
  820.  
  821. #desc {
  822. margin-top:15px;
  823. padding:10px;
  824. {block:iftransparentposts}background-color:rgba({RGBcolor:top bar background},0.65);{/block:iftransparentposts}
  825. {block:ifnottransparentposts}background-color:rgba({RGBcolor:top bar background},1);{/block:ifnottransparentposts}
  826. font-family:karla;
  827. font-size:11px;
  828. {block:iftransparentposts}color:rgba({RGBcolor:top bar text},0.8);{/block:iftransparentposts}
  829. {block:ifnottransparentposts}color:rgba({RGBcolor:top bar text},1);{/block:ifnottransparentposts}
  830. text-align:center;
  831. {block:iftransparentposts}border-bottom:1.5px solid rgba({RGBcolor:top bar text},0.65);{/block:iftransparentposts}
  832. {block:ifnottransparentposts}border-bottom:1.5px solid rgba({RGBcolor:top bar text},1);{/block:ifnottransparentposts}
  833. }
  834.  
  835. #cl {
  836. margin-top:10px;
  837. text-align:center;
  838. }
  839.  
  840. #cl a {
  841. width:112px;
  842. height:auto;
  843. padding:5px 10px;
  844. {block:iftransparentposts}background-color:rgba({RGBcolor:top bar background},0.65);{/block:iftransparentposts}
  845. {block:ifnottransparentposts}background-color:rgba({RGBcolor:top bar background},1);{/block:ifnottransparentposts}
  846. color:{color:top bar text};
  847. border-bottom:1px solid transparent;
  848. margin:3px;
  849. text-transform:uppercase;
  850. letter-spacing:1px;
  851. display:inline-block;
  852. }
  853.  
  854. #cl a:hover {
  855. {block:iftransparentposts}border-bottom:1px solid rgba({RGBcolor:top bar text},0.65);{/block:iftransparentposts}
  856. {block:ifnottransparentposts}border-bottom:1px solid rgba({RGBcolor:top bar text},1);{/block:ifnottransparentposts}
  857. }
  858.  
  859. /*--------------------PAGINATION--------------------*/
  860. .pagination {
  861. padding-top:2px;
  862. position:absolute;
  863. width:400px;
  864. text-align:center;
  865. margin-top:10px;
  866. margin-left:60px;
  867. margin-bottom:20px;
  868. border-top: 1px solid rgba({RGBcolor:top bar text},0.4);
  869. }
  870.  
  871. /* 'Current page' number */
  872. .pagination span {
  873. margin:7px 0;
  874. font-size:11px;
  875. background-color:rgba({RGBcolor:top bar background},0.24);
  876. color:{color:top bar text};
  877. padding:5px;
  878. width:9px;
  879. display:inline-block;
  880. margin-left:2px;
  881. text-align:center;
  882. }
  883.  
  884. /* Other page numbers */
  885. .pagination a {
  886. margin:7px 0;
  887. background-color:rgba({RGBcolor:top bar background},1);
  888. font-size:9px;
  889. color:{color:top bar text};
  890. padding:5px;
  891. width:11px;
  892. display:inline-block;
  893. margin-left:2px;
  894. text-align:center;
  895. }
  896.  
  897. .pagination a:hover {
  898. background-color:rgba({RGBcolor:top bar background},0.74);
  899. }
  900.  
  901.  
  902. /*--------------------TAGS--------------------*/
  903.  
  904. .tagsin {
  905. text-transform:uppercase;
  906. letter-spacing:1px;
  907. text-align:right;
  908. font-size:calc({text:font size}px - 3px);
  909. line-height:1.5;
  910. margin-top:5px;
  911. margin-right:-5px;
  912. }
  913.  
  914. .tagsin a {
  915. margin-right:5px;
  916. color:rgba({RGBcolor:text},0.8);
  917. padding-bottom:0px;
  918. border-bottom:0px solid transparent;
  919. }
  920.  
  921. .tagsin a:hover {
  922. color:rgba({RGBcolor:link},0.8);
  923. }
  924.  
  925. /*--------------------PERMALINK--------------------*/
  926.  
  927. #info {
  928. position:absolute;
  929. margin-top:{text:post padding}px;
  930. margin-left:-{text:post padding}px;
  931. width:calc({text:post width}px + ({text:post padding}px * 2) - 26px);
  932. padding:8px 13px;
  933. background-color:{color:permalink background};
  934. font-family:beaufort;
  935. text-transform:uppercase;letter-spacing:1px;
  936. font-size:calc({text:font size}px - 2px);
  937. font-weight:bold;
  938. border-radius:0px 0px 10px 10px;
  939. color:{color:permalink text};
  940. }
  941.  
  942. #info a {
  943. color:{color:permalink link};
  944. padding-bottom:0px;
  945. border-bottom:0px solid transparent;
  946. }
  947.  
  948. #info a:hover {
  949. color: rgba({RGBcolor:permalink link},0.25);
  950. }
  951.  
  952. #info .fa {
  953. font-size:calc({text:font size}px - 2px);
  954. color: rgba({RGBcolor:permalink link},0.8);
  955. -webkit-transition: all 0.4s ease-in-out;
  956. -moz-transition: all 0.4s ease-in-out;
  957. -o-transition: all 0.4s ease-in-out;
  958. }
  959.  
  960. #info .fa:hover {
  961. color: rgba({RGBcolor:permalink link},0.25);
  962. }
  963.  
  964. /*--------------------POST NOTES--------------------*/
  965.  
  966. ol.notes {
  967. width:{text:post width}px;
  968. padding:{text:post padding}px;
  969. margin-bottom:calc({text:post margin}px / 2);
  970. {block:iftransparentposts}background-color:rgba({RGBcolor:post},0.46);{/block:iftransparentposts}
  971. {block:ifnottransparentposts}background-color:rgba({RGBcolor:post},1);{/block:ifnottransparentposts}
  972. list-style-type:none;
  973. }
  974.  
  975. ol.notes li.note {
  976. padding:10px;
  977. }
  978.  
  979. ol.notes li.note img.avatar {
  980. vertical-align:-4px;
  981. margin-right:10px;
  982. width:16px;
  983. height:16px;
  984. }
  985.  
  986. ol.notes li.note span.action {
  987. font-weight:none;
  988. }
  989.  
  990. ol.notes li.note .answer_content {
  991. font-weight:normal;
  992. }
  993.  
  994. ol.notes li.note blockquote {
  995. padding:4px 10px;
  996. margin:10px 0px 0px 25px;
  997. }
  998.  
  999. ol.notes li.note blockquote a {
  1000. text-decoration:none;
  1001. }
  1002.  
  1003. /*---------------------------LIGHTBOXES---------------------------*/
  1004. .vignette, #vignette {
  1005. opacity:0;
  1006. }
  1007. .lightbox-image, #tumblr_lightbox img {
  1008. z-index:99999999999999999999999999999 !important;
  1009. box-shadow:none !important;
  1010. border-radius:0px !important;
  1011. max-width:none;
  1012. padding:{text:post padding}px !important;
  1013. background:{color:post} !important;
  1014. border:1px solid rgba({RGBcolor:text},0.15) !important;
  1015. }
  1016.  
  1017. .tmblr-lightbox, #tumblr_lightbox {
  1018. background-color:rgba({RGBcolor:post},0.78) !important;
  1019. z-index:99999999999999999999999999999 !important;
  1020. }
  1021.  
  1022. /*---------------------------QUOTES---------------------------*/
  1023.  
  1024. .quote {
  1025. text-transform:uppercase;
  1026. font-size:12px;
  1027. font-weight:bold;
  1028. text-align:center;
  1029. }
  1030.  
  1031. .quotesource {
  1032. text-align:center;
  1033. margin-top:10px;
  1034. }
  1035.  
  1036.  
  1037. /*---------------------------CHATS---------------------------*/
  1038.  
  1039. .chat {
  1040. line-height:20px;
  1041. list-style:none;
  1042. }
  1043.  
  1044. .line.odd {
  1045. background:{color:chat odd};
  1046. margin-bottom:2px;
  1047. padding:5px;
  1048. list-style:none;
  1049. font-size:inherit;
  1050. }
  1051.  
  1052. .line.even {
  1053. background:{color:chat even};
  1054. margin-bottom:2px;
  1055. padding:5px;
  1056. list-style:none;
  1057. font-size:inherit;
  1058. }
  1059.  
  1060. .label {
  1061. padding-right:1px;
  1062. text-transform:uppercase;
  1063. font-weight:bold;
  1064. color:{color:link};
  1065. }
  1066.  
  1067. .line.odd, .line.even, .label {
  1068. font-size:inherit;
  1069. letter-spacing:inherit;
  1070. }
  1071.  
  1072.  
  1073. /*---------------------------ASKS---------------------------*/
  1074.  
  1075. .question {
  1076. background-color:{color:question background};
  1077. padding:6px;
  1078. }
  1079.  
  1080. .asker {
  1081. text-transform:uppercase;
  1082. }
  1083.  
  1084. .answer {
  1085. padding:5px;
  1086. margin-top:-15px;
  1087. margin-bottom:-15px;
  1088. }
  1089.  
  1090. /*---------------------------AUDIO---------------------------*/
  1091.  
  1092. .playerbutton {
  1093. position:absolute;
  1094. margin-top:18.5px;
  1095. margin-left:18.5px;
  1096. width:27px;
  1097. height:27px;
  1098. overflow:hidden;
  1099. border-radius:100%;
  1100. }
  1101.  
  1102. .trackdetails {
  1103. width:auto;
  1104. display:inline-block;
  1105. margin-left:70px;
  1106. padding:5px;
  1107. line-height:1.8;
  1108. }
  1109.  
  1110. .trackdetails b {
  1111. font-weight:normal;
  1112. }
  1113.  
  1114. .audiowrapper {
  1115. position:relative;
  1116. display:inline;
  1117. height:0px;
  1118. }
  1119.  
  1120. /*------------------------BOT PAGI------------------------*/
  1121. .botpagi {
  1122. margin-bottom:calc({text:post margin}px / 2);
  1123. margin-left:calc(({text:post width}px + ({text:post padding}px * 2)) * 0.1);
  1124. width:calc(({text:post width}px + ({text:post padding}px * 2)) * 0.8);
  1125. text-align:center;
  1126. padding-top:8px;
  1127. border-top:1px solid rgba({RGBcolor:top bar text},0.4);
  1128. }
  1129.  
  1130. /* 'Current page' number */
  1131. .botpagi span {
  1132. margin:7px 0;
  1133. font-size:9px;
  1134. color:{color:Text};
  1135. padding:3px 5px;
  1136. width:9px;
  1137. display:inline-block;
  1138. margin-left:5px;
  1139. text-align:center;
  1140. }
  1141.  
  1142. /* Other page numbers */
  1143. .botpagi a {
  1144. margin:7px 0;
  1145. font-size:9px;
  1146. color:{color:text};
  1147. border-bottom:0.5px solid rgba({RGBcolor:text},0.8);
  1148. padding:3px 5px;
  1149. background-color:{color:post};
  1150. width:9px;
  1151. display:inline-block;
  1152. margin-left:2px;
  1153. text-align:center;
  1154. }
  1155.  
  1156. .botpagi a:hover {
  1157. color:{color:text};
  1158. border-bottom:0.5px solid rgba({RGBcolor:text},0.5);
  1159. }
  1160.  
  1161. {CustomCSS}
  1162.  
  1163. }
  1164.  
  1165. #linerrr {
  1166. position:absolute;
  1167. background:{color:top bar background}; /* middle line color*/
  1168. }
  1169.  
  1170. .linerrr {
  1171. top: 13px;
  1172. left: 30px;
  1173. width: 0px;
  1174. height: 3px;
  1175. -webkit-transition:all .4s ease;
  1176. -moz-transition:all .4s ease;
  1177. -o-transition:all .4s ease;
  1178. transition-delay: 0s;
  1179. -webkit-transition-delay: 0s;
  1180. }
  1181.  
  1182.  
  1183. .play {
  1184. z-index: -2;
  1185. top: 0px;
  1186. left: 50px;
  1187. width: 120px;
  1188. height: 0px;
  1189. padding: 0px 5px 5px 5px;
  1190. overflow: hidden;
  1191. position: absolute;
  1192. text-align: center;
  1193. background: {color:post}; /* player background */
  1194. border-left: 3px solid {color:top bar background}; /* player border */
  1195. opacity: 0;
  1196. -webkit-transition: all .4s ease;
  1197. -moz-transition: all .4s ease;
  1198. -o-transition: all .4s ease;
  1199. transition-delay: .4s;
  1200. -webkit-transition-delay: .4s;
  1201. }
  1202.  
  1203. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  1204. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  1205. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  1206.  
  1207.  
  1208. .fade-in {
  1209. opacity:0;
  1210. -webkit-animation:fadeIn ease-in 1;
  1211. -moz-animation:fadeIn ease-in 1;
  1212. animation:fadeIn ease-in 1;
  1213. -webkit-animation-fill-mode:forwards;
  1214. -moz-animation-fill-mode:forwards;
  1215. animation-fill-mode:forwards;
  1216. -webkit-animation-duration:1s;
  1217. -moz-animation-duration:1s; animation-duration:1s; }
  1218.  
  1219. .fade-in.two { -webkit-animation-delay: 1.22s; -moz-animation-delay: 1.22s; animation-delay: 1.22s; }
  1220.  
  1221. /**--**/
  1222.  
  1223. #scrollToTop:link,
  1224. #scrollToTop:visited {
  1225. display: none;
  1226. position: fixed;
  1227. bottom: 25px;
  1228. right: 15px;
  1229. z-index:-1;
  1230. opacity:0.7;
  1231. -webkit-transition: all 1s ease-in-out;
  1232. -moz-transition: all 1s ease-in-out;
  1233. -o-transition: all 1s ease-in-out;
  1234. }
  1235.  
  1236. #scrollToTop .fa {
  1237. font-size:32px;
  1238. color:rgba({RGBcolor:top bar text},0.74);
  1239. }
  1240.  
  1241. #scrollToTop:hover {
  1242. opacity:1;
  1243. color:rgba({RGBcolor:top bar text},1);
  1244. -ms-transform: rotate(360deg);
  1245. -webkit-transform: rotate(360deg);
  1246. transform: rotate(360deg);
  1247. -webkit-transition: all 0.4s ease-in-out;
  1248. -moz-transition: all 0.4s ease-in-out;
  1249. -o-transition: all 0.4s ease-in-out;
  1250.  
  1251. }
  1252.  
  1253. </style>
  1254. {block:ifscrolltotopbutton}
  1255. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  1256. <script type="text/javascript" src="//static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1257. <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><span class="fa fa-arrow-circle-o-up"></span></a>
  1258. {/block:ifscrolltotopbutton}
  1259.  
  1260. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1261. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1262. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1263.  
  1264.  
  1265. <script>
  1266. $(document).ready(function(){
  1267. $('.photo-slideshow').pxuPhotoset({
  1268. lightbox: true,
  1269. rounded: false,
  1270. gutter: '{text:gutter width}px',
  1271. borderRadius: '0px',
  1272. photoset: '.photo-slideshow',
  1273. photoWrap: '.photo-data',
  1274. photo: '.pxu-photo'
  1275. });
  1276. });
  1277. </script>
  1278.  
  1279. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1280.  
  1281. </head>
  1282.  
  1283. <body>
  1284.  
  1285.  
  1286. <!-- SCM Music Player http://scmplayer.co -->
  1287. <script type="text/javascript" src="http://scmplayer.co/script.js"
  1288. data-config="{'skin':'https://static.tumblr.com/wx6pget/jdanc7paf/.css','volume':100,'autoplay':true,'shuffle':true,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'https://youtu.be/VltS49TIDgY?t=11s','url':'You%27re made of curves of glass blown out with air from the lungs of god '},{'title':'https://youtu.be/9XXc-AGbpw4?t=9s','url':'Watch it grow, child of wolf'},{'title':'https://youtu.be/JZweDwbJ_Ic?t=18s','url':'You are the moon that breaks the night for which I have to howl'},{'title':'https://youtu.be/-lshmwmeU7c?t=6s','url':'We must be killers, children of the Wild Ones.'},{'title':'https://youtu.be/YjRi1jQIekA?t=11s','url':'Did you let go of the devils on your back'}]}" ></script>
  1289. <!-- SCM Music Player script end -->
  1290.  
  1291. <div id="bgb"></div>
  1292. <div id="background" class="box fade-in two">
  1293. <div class="grad"></div>
  1294. </div>
  1295.  
  1296. <div id="topbar">
  1297. <div id="topborder"></div>
  1298. <div id="topicon"><img src="{PortraitURL-64}"></div>
  1299. <div id="topsmall">{text:top bar text 1}</div>
  1300. <div id="toptits">{text:top bar text 2}</div>
  1301. <div id="topcenter">
  1302. <span class="lnr {text:top bar title icon}"></span>{Name}
  1303. <span class="alti"><a href="/">index</a></span>
  1304. <a href="/ask">message</a>
  1305. <a href="/archive">archive</a>
  1306.  
  1307. <!--PLEASE DO NOT REMOVE THE THEME CREDIT-->
  1308. <a href="//glenthemes.tumblr.com" title="theme by glenthemes">theme</a>
  1309. <!--PLEASE DO NOT REMOVE THE THEME CREDIT-->
  1310. </div>
  1311.  
  1312.  
  1313.  
  1314. {block:ifupdatestab}<div id="topright">
  1315. <a id="clickbutton" class="t" style="cursor:pointer;">
  1316. <span class="t">updates<span class="lnr lnr-menu"></span></span>
  1317. <span class="t" style="display:none">updates<span class="lnr lnr-cross"></span></span></a></div>
  1318. <div id="updates">{text:updates box}
  1319. </div>
  1320. {/block:ifupdatestab}
  1321. </div>
  1322.  
  1323. {block:ifheadercontent}
  1324. <div id="botbar"></div>
  1325. <div id="midbot"></div>
  1326. <div id="arrup1"></div>
  1327. <div id="arrup2"></div>
  1328.  
  1329. <div id="botte">
  1330. <div id="chev"><button type="button" style="cursor:pointer;"><span class="lnr lnr-chevron-up"></span></button>
  1331. </div>
  1332. <div id="bottomsup">
  1333. <div id="bottext">{text:bottom bar title}
  1334. <div class="sub">{text:bottom bar text}</div>
  1335. </div>
  1336. </div>
  1337. </div>
  1338. {/block:ifheadercontent}
  1339.  
  1340. <div id="container" class="box fade-in two">
  1341.  
  1342. <div id="sb">
  1343. <div id="sbicon"><img src="{image:sidebar image}"></div>
  1344. <div id="desc">{Description}</div>
  1345.  
  1346. <div id="cl">
  1347. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  1348. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  1349. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  1350. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  1351. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  1352. {block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
  1353. </div>
  1354.  
  1355. </div>
  1356.  
  1357.  
  1358.  
  1359. <div class="semicontainer">
  1360.  
  1361. {block:Posts}
  1362. <div class="posts">
  1363.  
  1364. {block:Text}
  1365. {block:Title}<h1>{Title}</h1>{/block:Title}
  1366. {Body}
  1367. {/block:Text}
  1368.  
  1369. {block:Photo}
  1370.  
  1371. <div class="photos">
  1372. <div class="non">{LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"></a>{LinkCloseTag}</div></div>
  1373.  
  1374. {block:Caption}{Caption}{/block:Caption}
  1375. {/block:Photo}
  1376.  
  1377.  
  1378. {block:Photoset}
  1379.  
  1380. <div class="photos">
  1381. <div class="non">
  1382. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1383. </div>
  1384. </div>
  1385.  
  1386. {block:Caption}{Caption}{/block:Caption}
  1387. {/block:Photoset}
  1388.  
  1389.  
  1390. {block:Quote}
  1391. <div class="quote">"{Quote}"</div>
  1392. {block:Source}<div class="quotesource"> — {Source}</div>
  1393. {/block:Source}{/block:Quote}
  1394.  
  1395.  
  1396. {block:Link}
  1397. <h1><div class="non"><a href="{URL}" {Target}>{Name} »</a></div></h1>
  1398. {block:Description}{Description}{/block:Description}
  1399. {/block:Link}
  1400.  
  1401.  
  1402. {block:Chat}
  1403. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  1404. {/block:Chat}
  1405.  
  1406.  
  1407. {block:Audio}
  1408. {block:AudioPlayer}
  1409. <div class="audiowrapper">
  1410. <div class="playerbutton">
  1411. {AudioPlayer}
  1412. </div>
  1413.  
  1414. <div class="trackdetails">
  1415. <b>TRACK:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  1416.  
  1417. <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}<br>
  1418.  
  1419. <b>PLAYS:</b> {FormattedPlayCount}</div></div>
  1420. {/block:AudioPlayer}
  1421.  
  1422. {block:Caption}
  1423. <div class="caption">{Caption}</div>
  1424. {/block:Caption}
  1425. {/block:Audio}
  1426.  
  1427.  
  1428. {block:Video}
  1429. {Video-500}
  1430. {block:Caption}{Caption}{/block:Caption}
  1431. {/block:Video}
  1432.  
  1433.  
  1434. {block:Answer}
  1435. <div class="question">
  1436. <div class="asker"><b>{Asker} asked:</b></div>
  1437. {Question}</div><br>
  1438. <div class="answer">
  1439. {Answer}</div>
  1440. {/block:Answer}
  1441.  
  1442. {block:PermalinkPage}
  1443. {block:HasTags}
  1444. <div class="tagsin">
  1445. {block:Tags}
  1446. <a href="{TagURL}">#{Tag}</a>
  1447. {/block:Tags}
  1448. </div>
  1449. {/block:HasTags}
  1450. {/block:PermalinkPage}
  1451.  
  1452. {block:Date}
  1453. {block:IndexPage}
  1454.  
  1455. {block:HasTags}
  1456. <div class="tagsin">
  1457. {block:Tags}
  1458. <a href="{TagURL}">#{Tag}</a>
  1459. {/block:Tags}
  1460. </div>
  1461. {/block:HasTags}
  1462.  
  1463.  
  1464.  
  1465.  
  1466. <div id="info">posted on <a href="{Permalink}" title="date">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix} {Year}</a>&nbsp;&nbsp;•&nbsp;&nbsp;<a href="{Permalink}" title="permalink">{NoteCount} N</a>&nbsp;&nbsp;•&nbsp;&nbsp;<a href="{ReblogURL}" title="reblog?" target="blank"><span class="fa fa-retweet"></span></a>{/block:IndexPage}</div>
  1467.  
  1468.  
  1469. {/block:IndexPage}
  1470. {/block:Date}
  1471.  
  1472. {block:Date}
  1473. {block:PermalinkPage}<div id="info" style="margin-left:0px; margin-top:-{text:post margin}px;">posted on <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix} '{ShortYear}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}&nbsp;&nbsp;•&nbsp;&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>&nbsp;&nbsp;•&nbsp;&nbsp;<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a></div>{/block:RebloggedFrom}{/block:PermalinkPage}
  1474. </div>
  1475. {/block:Date}
  1476.  
  1477.  
  1478. {block:PostNotes}
  1479. {PostNotes}
  1480. {/block:PostNotes}
  1481.  
  1482. {/block:Posts}
  1483.  
  1484.  
  1485. {block:Pagination}
  1486. <div class="botpagi">
  1487. {block:PreviousPage}<a title="Previous Page" href="{PreviousPage}">«</a>{/block:PreviousPage}
  1488. {block:JumpPagination length="8"}
  1489. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1490. {block:JumpPage}<a href="{URL}" title="page {PageNumber}">{PageNumber}</a> {/block:JumpPage}
  1491. {/block:JumpPagination}
  1492. {block:NextPage}<a title="Next Page" href="{NextPage}">»</a>{/block:NextPage}
  1493. </div>
  1494. {/block:Pagination}
  1495.  
  1496.  
  1497. </body>
  1498.  
  1499. </div></div><!--cont-->
  1500. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!