Advertisement
solarre

mint

Aug 4th, 2016
10,692
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.46 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. mint by solarre
  6.  
  7. -keep credit intact
  8. -don't steal any code
  9. -don't use as basecode
  10.  
  11. credits:
  12. soundcloud player, video resizing script: shythemes
  13. pxu photosets: PixelUnion
  14.  
  15. -->
  16.  
  17.  
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19. <head>
  20.  
  21. <title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <meta name="color:Background" content="#ffffff"/>
  27. <meta name="color:Title" content="#000000"/>
  28. <meta name="color:Text" content="#bbbbbb"/>
  29. <meta name="color:Link" content="#aaaaaa"/>
  30. <meta name="color:Hover" content="#b3b3b3"/>
  31. <meta name="color:Scrollbar" content="#eeeeee"/>
  32.  
  33. <meta name="image:Sidebar" content="">
  34.  
  35. <meta name="if:Sidebar Image" content="1"/>
  36. <meta name="if:Popup" content="1"/>
  37. <meta name="if:Fade" content="1"/>
  38. <meta name="if:White Lightbox" content="0"/>
  39. <meta name="if:Small Cursor" content="1"/>
  40.  
  41. <meta name="select:Sidebar Position" content="left" title="Left"/>
  42. <meta name="select:Sidebar Position" content="right" title="Right"/>
  43.  
  44. <meta name="select:Post Size" content="250" title="250px"/>
  45. <meta name="select:Post Size" content="280" title="280px"/>
  46. <meta name="select:Post Size" content="300" title="300px"/>
  47. <meta name="select:Post Size" content="320" title="320px"/>
  48.  
  49. <meta name="text:Blog Title" content="">
  50. <meta name="text:linkA" content="">
  51. <meta name="text:linkA url" content="/">
  52. <meta name="text:linkB" content="">
  53. <meta name="text:linkB url" content="/">
  54. <meta name="text:linkC" content="">
  55. <meta name="text:linkC url" content="/">
  56. <meta name="text:linkD" content="">
  57. <meta name="text:linkD url" content="/">
  58. <meta name="text:linkE" content="">
  59. <meta name="text:linkE url" content="/"/>
  60.  
  61. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  62. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  63. <script>
  64. (function($){
  65. $(document).ready(function(){
  66. $("[title]").style_my_tooltips({
  67. tip_follows_cursor:true,
  68. tip_delay_time:1,
  69. tip_fade_speed:100,
  70. attribute:"title"
  71. });
  72. });
  73. })(jQuery);
  74. </script>
  75.  
  76. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  77. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  78. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  79. <script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  80.  
  81. <script>
  82. $(document).ready(function() {
  83.  
  84. $('a.poplight[href^=#]').click(function() {
  85. var popID = $(this).attr('rel');
  86. var popURL = $(this).attr('href');
  87. var query= popURL.split('?');
  88. var dim= query[1].split('&');
  89. var popWidth = dim[0].split('=')[1];
  90.  
  91. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend;
  92.  
  93. var popMargTop = ($('#' + popID).height() + 90) / 2;
  94. var popMargLeft = ($('#' + popID).width() + 90) / 2;
  95.  
  96. $('#' + popID).css({
  97. 'margin-top' : -popMargTop,
  98. 'margin-left' : -popMargLeft
  99. });
  100.  
  101. $('body').append('<div id="fade"></div>');
  102. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  103. return false;
  104. });
  105.  
  106. $('#fade').live('click', function() {
  107. $('#fade , .popup').fadeOut(function() {
  108. $('#fade').remove();
  109. });
  110. return false;
  111. });
  112. });
  113. </script>
  114.  
  115. <style type="text/css">
  116.  
  117. ::-webkit-scrollbar {width:13px; height:auto; background:{color:background};}
  118. ::-webkit-scrollbar-corner {background:transparent;}
  119. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; width:1px;border:6px solid {color:background};}
  120. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};height:4px !important;}
  121. ::-webkit-scrollbar-increment {width:5px; height:5px; background-color:#fff;}
  122.  
  123. iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
  124. position:fixed;
  125. white-space:nowrap;
  126. -webkit-filter: invert(100%);
  127. -moz-filter: invert(100%);
  128. -o-filter: invert(100%);
  129. -ms-filter: invert(100%);
  130. filter: invert(100%);
  131. opacity:.5;transition: .8s ease-in-out;
  132. -webkit-transition: .8s ease-in-out;
  133. -moz-transition: .8s ease-in-out;
  134. -o-transition: .8s ease-in-out;
  135. }
  136.  
  137. #s-m-t-tooltip {
  138. max-width:300px;
  139. padding: 5px 8px;
  140. margin:10px;
  141. background-color:{color:background};
  142. font-size:8px;
  143. letter-spacing:1px;
  144. text-transform:uppercase;
  145. color:{color:text};
  146. border:1px solid #f0f0f0;
  147. border-radius:2px;
  148. z-index:1000000000000000000000000000000000;
  149. }
  150.  
  151. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  152. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  153. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  154.  
  155. .fade-in {
  156. opacity:0;
  157. -webkit-animation:fadeIn ease-in 1;
  158. -moz-animation:fadeIn ease-in 1;
  159. animation:fadeIn ease-in 1;
  160. -webkit-animation-fill-mode:forwards;
  161. -moz-animation-fill-mode:forwards;
  162. animation-fill-mode:forwards;
  163. -webkit-animation-duration:1s;
  164. -moz-animation-duration:1s; animation-duration:1s; }
  165.  
  166. .fade-in.one { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; }
  167. .fade-in.two { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s; }
  168.  
  169. ::selection {background:{color:scrollbar};color:#fff;text-shadow:none;}
  170. ::-o-selection {background:{color:scrollbar};color:#fff;text-shadow:none;}
  171. ::-moz-selection {background:{color:scrollbar};color:#fff;text-shadow:none;}
  172.  
  173. {block:ifWhiteLightbox}
  174. #vignette, .vignette{opacity:0!important;}.lightbox-caption {color:#000;}
  175. #tumblr_lightbox,.tmblr-lightbox{background:rgba(255,255,255,0.7)!important;}
  176. #tumblr_lightbox img, .lightbox-image {box-shadow:none!important;border-radius:0px!important;}
  177. {/block:ifWhiteLightbox}
  178.  
  179. {block:ifSmallCursor}
  180.  
  181. *, body, img { cursor:url(http://static.tumblr.com/vmteopo/Eggo12azo/small_white_cursor.png), auto;}
  182.  
  183. a, a:hover, a:active, a i {cursor:url(http://static.tumblr.com/vmteopo/kOPo12azz/small_white_cursor_help.png), crosshair; }
  184.  
  185. {/block:ifSmallCursor}
  186.  
  187. body {
  188. background:{color:background};
  189. margin:0px;
  190. height:100%;
  191. width:100%;
  192. color:{color:text};
  193. font:11px calibri;
  194. line-height:15px;
  195. -moz-font-smoothing:subpixel-antialiased;
  196. -webkit-font-smoothing:subpixel-antialiased;
  197. font-smoothing:subpixel-antialiased;
  198. }
  199.  
  200. @font-face {
  201. font-family: Calluna;
  202. src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3=&v=f685dc881c60c298ea22a73fe505b88a");
  203. src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3%3F=&v=f685dc881c60c298ea22a73fe505b88a#iefix") format("embedded-opentype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.woff?3=&v=760a50f4d098e59aebaf0f0e58ae2cc8") format("woff"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.ttf?3=&v=5ace789439bff3b27f8d4112725531da") format("truetype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.svg?3=&v=5b95c481dd7411c6e112143d6646bd9b#_.regular") format("svg");
  204. font-weight: 700;
  205. font-style: italic;
  206. }
  207.  
  208. @font-face {
  209. font-family: Fairwater;
  210. src: url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff2?v=b7ab7a58cded3365889a447bfd9e9c45") format("woff2"),url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff?v=96e975b7468359e6f67086305577e43e") format("woff");
  211. font-weight: 400;
  212. font-style: normal;
  213. }
  214. p.npf_quirky { font-family:Fairwater; font-size:20px; }
  215. p.npf_chat { font-family:Courier; font-size:20px; }
  216. p.npf_quote { font-family:Calluna; font-size:20px; }
  217.  
  218. a, .posts, .dets, #s-m-t-tooltip, .tags, .audart, #credit {
  219. transition:0.5s ease-in-out;
  220. -webkit-transition:0.5s ease-in-out;
  221. -moz-transition:0.5s ease-in-out;
  222. -ms-transition:0.5s ease-in-out;
  223. -o-transition:0.5s ease-in-out;
  224. }
  225.  
  226. a {text-decoration:none;color:{color:link};-moz-outline-style:none;}
  227. a:hover {color:{color:hover};}
  228. img {border:none;max-width:100%;height:auto;}
  229. img a {border:none;} a img {border:none;}
  230. h1 {font:italic 13px calibri;text-transform:uppercase;}
  231. h2 {font:italic 15px calibri;line-height:110%; color:#333;text-align:center;}
  232.  
  233. blockquote {padding-left:5px;border-left:1px solid #f0f0f0;margin-right:0;margin-left:20px;}
  234. blockquote blockquote {padding-left:5px;border-left:1px solid #f0f0f0;margin-right:0;}
  235.  
  236. ul {list-style-type:none;}
  237. ul li {position:relative;padding-left:20px;margin-left:-10px;}
  238. ul li:before {
  239. content:'';
  240. position:absolute;
  241. display:block;
  242. top:8px;
  243. left:0;
  244. width:15px;
  245. height:1px;
  246. border-top:1px solid #ececec;
  247. }
  248.  
  249. pre {
  250. padding:8px 14px;
  251. font-family:calibri;
  252. background:#fafafa;
  253. border:1px solid #eee;
  254. white-space: pre-wrap;
  255. white-space: -moz-pre-wrap;
  256. white-space: -pre-wrap;
  257. white-space: -o-pre-wrap;
  258. word-wrap: break-word;
  259. }
  260.  
  261. #sidebar {
  262. width:120px;
  263. position:fixed;
  264. {select:Sidebar Position}:calc(50% - {select:Post Size}px - 150px);
  265. top:200px;
  266. height:auto;
  267. padding:5px;
  268. border:1px dotted #f0f0f0;
  269. background:#fff;
  270. padding-top:20px;
  271. {block:ifSidebarImage}
  272. border-top-color:transparent;
  273. padding-top:5px;
  274. {/block:ifSidebarImage}
  275. }
  276.  
  277. #ic {
  278. height:24px;
  279. width:24px;
  280. padding:0 10px;
  281. margin:-18px auto 18px;
  282. display:block;
  283. overflow:hidden;
  284. }
  285.  
  286. #ic img {width:24px;height:24px;border-radius:2px;}
  287.  
  288. #ic:before, #ic:after {
  289. content:'';
  290. display:inline-block;
  291. position:absolute;
  292. width:45px;
  293. height:1px;
  294. background:#f0f0f0;
  295. margin-top:12px;
  296. }
  297.  
  298. #ic:before {margin-left:-58px;}
  299. #ic:after {margin-left:13px;}
  300.  
  301. #title {
  302. font:lighter 13px calibri;
  303. text-transform:uppercase;
  304. width:130px;
  305. margin-left:-5px;
  306. display:block;
  307. text-align:center;
  308. line-height:130%;
  309. letter-spacing:5px;
  310. padding-left:2.5px;
  311. }
  312.  
  313. #title a {color:{color:title};}
  314.  
  315. #desc {
  316. margin:auto;
  317. display:block;
  318. font-size:11px;
  319. text-align:center;
  320. line-height:125%;
  321. letter-spacing:0.5px;
  322. width:100px;
  323. height:auto;
  324. padding-top:14px;
  325. }
  326.  
  327. .links {
  328. height:auto;
  329. max-height:50px;
  330. width:auto;
  331. margin:10px auto 8px;
  332. padding:10px auto 0px;
  333. text-align:center;
  334. font-size:11px;
  335. text-transform:none;
  336. }
  337.  
  338. .links a {display:inline-block;padding:3px;}
  339. .links a:hover {color:{color:Hover};}
  340.  
  341. .pagi:before {
  342. content:'';
  343. display:block;
  344. position:fixed;
  345. margin:-25px 0 0 11.5px;
  346. width:1px;
  347. height:15px;
  348. background:#f0f0f0;
  349. }
  350.  
  351. .pagi{
  352. font-size:10px;
  353. text-align:center;
  354. padding:5px 10px;
  355. width:27px;
  356. border:1px dotted #f0f0f0;
  357. margin:30px 39px 0;
  358. position:fixed;
  359. background:#fff;
  360. letter-spacing:0px;
  361. z-index:99;
  362. }
  363.  
  364. #all {
  365. padding:10px 50px;
  366. width:calc({select:Post Size}px + 120px);
  367. z-index:2;
  368. margin:100px auto 0;
  369. {block:permalinkpage}margin-bottom:100px;{/block:permalinkpage}
  370. letter-spacing:0.5px;
  371. }
  372.  
  373. .posts, #title {
  374. -ms-word-break: break-all;
  375. word-break: break-all;
  376. word-break: break-word;
  377. -webkit-hyphens: auto;
  378. -moz-hyphens: auto;
  379. -ms-hyphens: auto;
  380. hyphens: auto;
  381. }
  382.  
  383. .posts {
  384. width:{select:Post Size}px;
  385. padding:10px;
  386. margin:0 50px 100px;
  387. {block:PermalinkPage}margin:auto;{/block:PermalinkPage}
  388. }
  389.  
  390. {block:ifFade}
  391. .posts {opacity:0.7;} .posts:hover {opacity:0.9;}
  392. {/block:ifFade}
  393.  
  394. .caption {width:auto;padding-top:5px;}
  395. .caption a {padding-bottom:1px;border-bottom:1px solid {color:link};}
  396. .caption a:hover { border-bottom:1px solid {color:hover};}
  397. a.read_more {color:{color:hover};text-align:center;border:none;}
  398. a.read_more:hover {color:{color:text};border:none;}
  399.  
  400. {block:indexpage}
  401. .dets, .tags {opacity:0;}
  402. .posts:hover .dets, .posts:hover .tags {opacity:1;}
  403. {/block:indexpage}
  404.  
  405. .dets {
  406. margin-top:10px;
  407. font-size:9px;
  408. text-transform:uppercase;
  409. height:auto;
  410. width:100%;
  411. padding-top:5px;
  412. text-align:center;
  413. display: inline-block;
  414. }
  415.  
  416. .det {margin-top:10px; padding:5px;border-top:1px solid #f0f0f0;font-size:8.5px;} .det a {display:inline-block;}
  417.  
  418. .tags {font:italic 9px calibri;text-transform:none;width:auto;display:inline-block;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s;} .tags a {display:inline-block;padding:0 2px;}
  419.  
  420. .question {
  421. padding:10px;
  422. letter-spacing:1px;
  423. text-align:center;
  424. color:{color:text};
  425. border-bottom:1px solid #f5f5f5;
  426. }
  427.  
  428. .akport {
  429. width:auto;
  430. display:inline-block;
  431. text-align:center;
  432. height:12px;
  433. padding:5px;
  434. font-style:italic;
  435. color:#444;
  436. opacity:1;
  437. z-index:3;
  438. letter-spacing:1px;
  439. text-transform:uppercase;
  440. }
  441.  
  442. .akport a {text-decoration:none;border:none;}
  443.  
  444. .aud {width:auto;border:1px solid #f0f0f0;border-radius:2px;}
  445.  
  446. iframe.spotify_audio_player {height:80px!important;display:block;}
  447. .tumblr_audio_player {width:100%;margin-top:12px;}
  448.  
  449. .player {
  450. width:50px;
  451. height:50px;
  452. padding:10px;
  453. overflow:hidden;
  454. background:#fff;
  455. margin:0px 0 0px 0;
  456. display:block;
  457. float:left;
  458. }
  459.  
  460. .audart {
  461. width:{select:Post Size}px;
  462. margin-left:-1px;
  463. margin-top:-1px;
  464. height:20px;
  465. display:block;
  466. overflow:hidden;
  467. border-radius:2px 2px 0 0;
  468. opacity:0.9;
  469. }
  470.  
  471. .aud:hover .audart {opacity:1;}
  472.  
  473. .audart img {width:100%;margin-top:-50%;}
  474.  
  475. .audioinfo {
  476. color:#888;
  477. margin:0 0 0 75px;
  478. display:block;
  479. padding:25px;
  480. height:20px;
  481. text-align:left;
  482. line-height:110%;
  483. width:calc({select:Post Size}px - 127px);
  484. background:#fff;
  485. }
  486.  
  487. .source {
  488. color:#aaa;
  489. text-transform:uppercase;
  490. font-size:10px;
  491. padding:5px 10px;
  492. text-align:center;
  493. }
  494.  
  495. .source:before {
  496. content:"";
  497. display:block;
  498. height:1px;
  499. width:20px;
  500. margin:-10px auto 2px;
  501. border-top:2px solid #f7f7f7;
  502. }
  503.  
  504. .chat li {list-style:none;line-height:115%;}
  505. .line.odd {border-left:1px solid #f0f0f0;padding:3px 5px;}
  506. .line.even {border-left:1px solid transparent;padding:3px 5px;}
  507. .webs {font:italic 13px calibri;padding-top:10px;text-align:center;display:block;} .webs a {border-bottom:none;} .webs:before { content:'{';padding-right:5px;} .webs:after {content:'}';padding-left:5px;}
  508. iframe#youtube_iframe {width:100%!important;}
  509.  
  510. #notes {
  511. width:{select:Post Size}px;
  512. max-height:150px;
  513. padding:5px 0;
  514. margin:0px auto auto;
  515. overflow-y:scroll;
  516. overflow-x:hidden;
  517. text-align:left;
  518. font-size:10px;
  519. line-height:125%;
  520. }
  521.  
  522. #notes img {display:none;}
  523. #notes ol, #notes li {list-style:none;line-height:135%;padding-left:5px;}
  524.  
  525. #credit, #credit a {
  526. position:fixed;
  527. bottom:20px;
  528. right:20px;
  529. color:{color:text};
  530. font:normal normal 12px calibri;
  531. text-decoration:none;
  532. }
  533.  
  534. .popup {
  535. display:none;
  536. padding: 45px 44px;
  537. float: left;
  538. position: fixed;
  539. top:50%;
  540. left:50%;
  541. font-size:11px;
  542. line-height:135%;
  543. height:auto;
  544. width:250px;
  545. overflow:hidden;
  546. background:#fff;
  547. border:1px dotted #f0f0f0;
  548. border-radius:2px;
  549. z-index: 999999999999999999999999999999999999;
  550. }
  551.  
  552. .popup a {padding-right:2px;}
  553.  
  554. *html #fade {position: absolute;}
  555. *html .thepopup {position: absolute;}
  556.  
  557. #fade {
  558. display: none;
  559. position: fixed; left: 0; top:0px; width: 100%; height:100%;
  560. opacity:0.8;
  561. z-index: 999999;
  562. background:#fff;
  563. }
  564.  
  565. {CustomCSS}</style></head><body>
  566.  
  567. <div id="nv" class="popup">
  568.  
  569. <!--- popup!! change directory to whatever u want and delete the link sections if u want to make it into a little bio. if u want more link sections, just copy-paste and fill in as desired --->
  570.  
  571. <h2 style="margin-top:0">directory</h2>
  572.  
  573. <!-- link section 1 -->
  574.  
  575. <h1>heading</h1>
  576.  
  577. <a href="/">lorem</a>
  578. <a href="/">ipsum</a>
  579. <a href="/">dolor</a>
  580. <a href="/">sit</a>
  581. <a href="/">amet</a>
  582. <a href="/">consectetuer</a>
  583. <a href="/">adipiscing</a>
  584. <a href="/">elit</a>
  585.  
  586. <!-- link section 2 -->
  587.  
  588. <h1>heading</h1>
  589.  
  590. <a href="/">aliquam</a>
  591. <a href="/">nisi</a>
  592. <a href="/">lorem</a>
  593. <a href="/">pulvinar</a>
  594. <a href="/">id</a>
  595. <a href="/">commodo</a>
  596. <a href="/">feugiat</a>
  597. <a href="/">vehicula</a>
  598.  
  599. </div>
  600.  
  601. <div id="sidebar" class="box fade-in one">
  602. {block:ifSidebarImage}<div id="ic"><img src="{image:sidebar}"></div>{/block:ifSidebarImage}
  603. <div id="title"><a href="/">{text:Blog Title}</a></div>
  604. <div id="desc">{Description}</div>
  605. <div class="links">
  606. {block:iflinkA}<a href="{text:linkA url}" title="{text:linkA}">.01</a>{/block:iflinkA}
  607. {block:iflinkB}<a href="{text:linkB url}" title="{text:linkB}">.02</a>{/block:iflinkB}
  608. {block:iflinkC}<a {block:ifnotPopup}href="{text:linkC url}"{/block:ifnotPopup}{block:ifPopup}href="#?w=250" rel="nv" class="poplight"{/block:ifPopup} title="{text:linkC}">.03</a>{/block:iflinkC}
  609. {block:iflinkD}<a href="{text:linkD url}" title="{text:linkD}">.04</a>{/block:iflinkD}
  610. {block:iflinkE}<a href="{text:linkE url}" title="{text:linkE}">.05</a>{/block:iflinkE}
  611. </div>
  612.  
  613. {block:Pagination}<div class="pagi">
  614. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a> / {/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="next">&rarr;</a>{/block:NextPage}
  615. </div>{/block:Pagination}</div>
  616.  
  617. <div id="all" class="box fade-in two">
  618. {block:Posts}<div class="posts">
  619.  
  620. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div class="caption" style="padding-top:0">{Body}</div>{/block:Text}
  621.  
  622. {block:Photo}<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}"></a>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  623.  
  624. {block:Link}<div class="webs"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}<div class="caption">{Description}</div>{/block:Description}{/block:Link}
  625.  
  626. {block:Photoset}{LinkOpenTag}<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>{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  627.  
  628. {block:Quote}<h2>{Quote}</h2><div class="source">{Source}</div>{/block:Quote}
  629.  
  630. {block:Audio}
  631. <div class="aud">
  632. {block:AlbumArt}<div class="audart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  633. <div class="player">{AudioPlayerWhite}</div>
  634. <div class="audioinfo">
  635. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist}<br><span style="font-weight:lighter">{Artist}</span>{/block:Artist}</div></div>
  636. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  637.  
  638. {block:Video}<div class="video">{Video-500}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  639.  
  640. {block:Chat}<div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<li class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li><br>{/block:Lines}</div>{/block:Chat}
  641.  
  642. {block:Answer}<div class="question"><div class="akport">{Asker}: </div>{Question}</div><div class="caption">{Answer}</div>{/block:Answer}
  643.  
  644. <div class="dets">{block:Date}<a href="{Permalink}" title="{24HourWithZero}:{Minutes}{CapitalAmPm}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}{block:NoteCount}&emsp;•&emsp;<a href="{Permalink}">{NoteCount}N</a>{/block:NoteCount}{block:RebloggedFrom}&emsp;•&emsp;<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}{block:ContentSource}&emsp;•&emsp;<a href="{SourceURL}" title="{SourceTitle}">src</a>{/block:ContentSource}{block:HasTags}<br>{block:Tags}<div class="tags"><a href="{TagURL}">#{Tag}</a></div>{/block:Tags}{/block:HasTags}</div>
  645.  
  646. </div>
  647. {/block:Posts}
  648. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  649. {/block:Posts}
  650. </div>
  651. </div>
  652.  
  653. </div>
  654.  
  655.  
  656. </div>
  657.  
  658. <div id="credit"><a href="http://solarre.tumblr.com" title="solarre">☼</a></div>
  659.  
  660. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  661. <script>
  662. $(document).ready(function(){
  663. var color = '{color:hover}';
  664. $('.soundcloud_audio_player').each(function(){
  665. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  666. });
  667. $('.photo-slideshow').pxuPhotoset({
  668. lightbox: true,
  669. rounded: false,
  670. gutter: '2px',
  671. photoset: '.photo-slideshow',
  672. photoWrap: '.photo-data',
  673. photo: '.pxu-photo'
  674. });
  675. });
  676. </script>
  677.  
  678.  
  679. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement