mrsmilicevic

gasoline

Aug 30th, 2015
4,990
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.08 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head><title>{Title}</title>
  3.  
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6.  
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <!---
  10.  
  11. gasoline by mrsthemes@tumblr
  12. edit if you want but don't steal
  13. or remove credit
  14.  
  15. ***
  16.  
  17. video script & pixel union tutorial by @shythemes
  18.  
  19. resize code by @excolo
  20.  
  21. --->
  22.  
  23. <!---default variables--->
  24. <meta name="color:background" content="#ffffff"/>
  25. <meta name="color:text" content="#8f8f8f"/>
  26. <meta name="color:links" content="#5b5b5b"/>
  27. <meta name="color:links hover" content="#c9c9c9"/>
  28. <meta name="color:header links" content="#e2e2e2">
  29. <meta name="color:borders" content="#e8e8e8">
  30. <meta name="color:scrollbar" content="#eeeeee">
  31. <meta name="color:bold" content="#333333">
  32. <meta name="color:title" content="#b0b0b0">
  33.  
  34. <meta name="select:post width" content="250" title="250px">
  35. <meta name="select:post width" content="300" title="300px">
  36. <meta name="select:post width" content="350" title="350px">
  37. <meta name="select:post width" content="400" title="400px">
  38. <meta name="select:post width" content="500" title="500px">
  39.  
  40. <meta name="select:photoset space" content="1" title="1px">
  41. <meta name="select:photoset space" content="2" title="2px">
  42. <meta name="select:photoset space" content="3" title="3px">
  43. <meta name="select:photoset space" content="4" title="4px">
  44. <meta name="select:photoset space" content="5" title="5px">
  45. <meta name="select:photoset space" content="6" title="6px">
  46. <meta name="select:photoset space" content="7" title="7px">
  47. <meta name="select:photoset space" content="8" title="8px">
  48. <meta name="select:photoset space" content="9" title="9px">
  49. <meta name="select:photoset space" content="10" title="10px">
  50.  
  51. <meta name="image:background image" content=""/>
  52.  
  53. <meta name="text:link 1 title" content="link">
  54. <meta name="text:link 1 url" content=" ">
  55. <meta name="text:link 2 title" content="link">
  56. <meta name="text:link 2 url" content=" ">
  57. <meta name="text:link 3 title" content="link">
  58. <meta name="text:link 3 url" content=" ">
  59.  
  60. <meta name="if:hover post info" content="1" />
  61. <meta name="if:hover tags" content="1" />
  62. <meta name="if:digital watch" content="1" />
  63. <meta name="if:scroll to top link" content="1" />
  64. <meta name="if:show link 1" content="1" />
  65. <meta name="if:show link 2" content="1" />
  66. <meta name="if:show link 3" content="1" />
  67. <meta name="if:infinite scroll" content="0" />
  68.  
  69. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  70. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  71.  
  72. <!---tooltips script--->
  73. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  74. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  75. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  76.  
  77. <script>
  78. (function($){
  79. $(document).ready(function(){
  80. $("[title]").style_my_tooltips({
  81. tip_follows_cursor:true,
  82. tip_delay_time:200,
  83. tip_fade_speed:500
  84. });
  85. });
  86. })(jQuery);
  87. </script>
  88.  
  89.  
  90. <!---------->
  91.  
  92. <script type="text/javascript">
  93. $(document).ready(function() {
  94. function photosetResize() {
  95. $('iframe.photoset').each(function(){
  96. var newSize = {select:post width};
  97. var newSrc = $(this).attr('src').replace('500',newSize);
  98. $(this).attr('src', newSrc).width(newSize);
  99. var high = $(this).css('height');
  100. var calculate = parseInt(high, 10)* newSize/500;
  101. $(this).css('height', calculate);
  102. });
  103. }
  104. photosetResize();
  105. });
  106. </script>
  107.  
  108.  
  109. <!---------->
  110.  
  111. <style type="text/css">
  112.  
  113. @import "//netdna.bootstrapcdn.com/font-awesome/3.0/css/font-awesome.css";
  114.  
  115. /*---tumblr controls---*/
  116.  
  117. #tumblr_controls, .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  118. top:5px;
  119. right:5px!important;
  120. position:fixed !important;
  121. -webkit-filter: invert(1);
  122. opacity:.6;
  123. filter:alpha(opacity=60);
  124. -moz-opacity:.6;
  125. -webkit-transform:scale(.9);
  126. z-index:999999999!important;
  127. }
  128.  
  129.  
  130. /*----------scrollbar---------*/
  131.  
  132. ::-webkit-scrollbar {
  133. background-color: {color:background};
  134. height:10px;
  135. width:3px;
  136. }
  137.  
  138. ::-webkit-scrollbar-thumb:vertical {
  139. background-color:{color:scrollbar};
  140. height:30px;
  141. }
  142.  
  143. ::-webkit-scrollbar-thumb:horizontal {
  144. background-color:{color:background};
  145. height:10px!important;
  146. }
  147.  
  148. /*----------scroll to top---------*/
  149.  
  150. #scrollToTop:link,
  151. #scrollToTop:visited {
  152. display: none;
  153. position: fixed;
  154. bottom: 10px;
  155. right: 10px;
  156. font-family:'Inconsolata';
  157. text-transform:uppercase;
  158. font-size:8px;
  159. letter-spacing:0.5px;
  160. color:{color:header links};
  161. }
  162.  
  163. /*----------tooltips---------*/
  164.  
  165. #s-m-t-tooltip {
  166. max-width:300px;
  167. margin:10px;
  168. padding:3px;
  169. border-radius:0px;
  170. background:#fff;
  171. border:1px solid {color:borders};
  172. color:{color:text};
  173. z-index:999999;
  174. font-size:7px;
  175. font-style:none;
  176. letter-spacing:1px;
  177. font-family:'Inconsolata';
  178. text-transform:uppercase;
  179. box-shadow:0px 0px 0px rgba(0,0,0,.0);
  180. }
  181.  
  182.  
  183.  
  184. /*----------basics---------*/
  185.  
  186. body {
  187. background:{color:background} url({image:background image}) repeat right top fixed;
  188. color:{color:text};
  189. font-family:arial, sans-serif;
  190. position:relative;
  191. line-height:18px;
  192. font-size:10px;
  193. margin:0;
  194. }
  195.  
  196.  
  197. @keyframes fadein {
  198. from { opacity: 0; }
  199. to { opacity: 1; }
  200. }
  201.  
  202. @-moz-keyframes fadein {
  203. from { opacity: 0; }
  204. to { opacity: 1; }
  205. }
  206.  
  207. @-webkit-keyframes fadein {
  208. from { opacity: 0; }
  209. to { opacity: 1; }
  210. }
  211.  
  212. @-ms-keyframes fadein {
  213. from { opacity: 0; }
  214. to { opacity: 1; }
  215. }
  216.  
  217. @-o-keyframes fadein {
  218. from { opacity: 0; }
  219. to { opacity: 1; }
  220. }
  221.  
  222.  
  223. blockquote {
  224. padding:0 0 0 15px;
  225. border-left:1px solid {color:borders};
  226. margin:10px;
  227. }
  228.  
  229. strong, b {
  230. color:{color:bold};
  231. }
  232.  
  233.  
  234. #vignette {
  235. visibility: hidden;
  236. }
  237.  
  238. #tumblr_lightbox img {
  239. box-shadow:none!important;
  240. border-radius:0!important;
  241. }
  242.  
  243. #tumblr_lightbox {
  244. background-color:transparent!important;
  245. }
  246.  
  247. #tumblr_lightbox div:nth-child(2) {
  248. background-color:{color:background};
  249. opacity:0.8;
  250. }
  251.  
  252. #tumblr_lightbox_left_link, #tumblr_lightbox_right_link {
  253. visibility: hidden;
  254. }
  255.  
  256.  
  257. pre {
  258. white-space: pre-wrap;
  259. white-space: -moz-pre-wrap;
  260. white-space: -pre-wrap;
  261. white-space: -o-pre-wrap;
  262. word-wrap: break-word;
  263. }
  264.  
  265.  
  266. small {
  267. font-size:9px;
  268. }
  269.  
  270. big {
  271. font-size:12px;
  272. }
  273.  
  274.  
  275. a {
  276. cursor:help;
  277. color:{color:links};
  278. text-decoration:none;
  279. -webkit-transition:all 0.5s;
  280. -moz-transition:all 0.5s;
  281. -ms-transition:all 0.5s;
  282. -o-transition:all 0.5s;
  283. transition:all 0.5s;
  284. }
  285.  
  286. a:hover {
  287. text-decoration:none;
  288. color:{color:links hover};
  289. -webkit-transition:all 0.5s;
  290. -moz-transition:all 0.5s;
  291. -ms-transition:all 0.5s;
  292. -o-transition:all 0.5s;
  293. transition:all 0.5s;
  294. }
  295.  
  296.  
  297. img {
  298. opacity:1;
  299. text-decoration:none;
  300. }
  301.  
  302.  
  303. h1 {
  304. font-size:12px;
  305. font-weight:bold;
  306. text-transform:uppercase;
  307. letter-spacing:0.5px;
  308. }
  309.  
  310.  
  311. h2, h3, h4 {
  312. font-weight:bold;
  313. text-decoration:none;
  314. }
  315.  
  316.  
  317.  
  318. /*----------posts---------*/
  319.  
  320. .container {
  321. margin:0 auto;
  322.  
  323. }
  324.  
  325.  
  326. .posts {
  327. width:{select:post width}px;
  328. position:relative;
  329. {block:IndexPage}
  330. margin-bottom:120px;
  331. {/block:IndexPage}
  332. {block:PermalinkPage}
  333. margin-bottom:40px;
  334. {/block:PermalinkPage}
  335. animation: fadein 1.5s;
  336. -moz-animation: fadein 1.5s;
  337. -webkit-animation: fadein 1.5s;
  338. -o-animation: fadein 1.5s;
  339. }
  340.  
  341.  
  342.  
  343. #entries {
  344. width:{select:post width}px;
  345. margin:0 auto 100px auto;
  346. padding-top:350px;
  347.  
  348. }
  349.  
  350.  
  351. ol, ul {
  352. padding-left:20px;
  353. }
  354.  
  355.  
  356. .posts img, .posts li, .posts blockquote {
  357. max-width:100%;
  358. height:auto;
  359. }
  360.  
  361. .posts li {
  362. list-style: circle;
  363. }
  364.  
  365.  
  366. blockquote img {
  367. max-width:300px!important;
  368. height:auto;
  369. }
  370.  
  371.  
  372. .caption {
  373. background:#fff;
  374. padding:10px;
  375. }
  376.  
  377.  
  378. .textp {
  379. padding:10px;
  380. }
  381.  
  382.  
  383.  
  384. /*----------post info---------*/
  385.  
  386. .info {
  387. position:relative;
  388. width:{select:post width}px;
  389. font-family:'Inconsolata';
  390. text-transform:uppercase;
  391. margin-bottom:10px;
  392. font-size:8px;
  393. margin-top:-9px;
  394. text-align:center;
  395. {block:IndexPage}
  396. {block:IfNotHoverPostInfo}
  397. opacity:1;
  398. {/block:IfNotHoverPostInfo}
  399. {block:IfHoverPostInfo}
  400. opacity:0;
  401. {/block:IfHoverPostInfo}
  402. {/block:IndexPage}
  403. {block:PermalinkPage}
  404. opacity:1;
  405. {/block:PermalinkPage}
  406. -moz-transition-duration: 0.4s;
  407. -o-transition-duration: 0.4s;
  408. -webkit-transition-duration: 0.4s;
  409. transition-duration: 0.4s;
  410. }
  411.  
  412.  
  413. .info a {
  414. background:{color:background};
  415. padding:5px;
  416. }
  417.  
  418.  
  419. .border {
  420. border-top:1px solid {color:borders};
  421. margin-top:20px;
  422. }
  423.  
  424.  
  425. .posts:hover .info {
  426. opacity:1;
  427. -moz-transition-duration: 0.4s;
  428. -o-transition-duration: 0.4s;
  429. -webkit-transition-duration: 0.4s;
  430. transition-duration: 0.4s;
  431. }
  432.  
  433. .tags {
  434. font-family:'Inconsolata';
  435. font-size:8px;
  436. text-align:center;
  437. margin-top:-8px;
  438. text-transform:lowercase;
  439. {block:IndexPage}
  440. {block:IfNotHoverTags}
  441. opacity:1;
  442. {/block:IfNotHoverTags}
  443. {block:IfHoverTags}
  444. opacity:0;
  445. {/block:IfHoverTags}
  446. {/block:IndexPage}
  447. {block:PermalinkPage}
  448. opacity:1;
  449. margin-top:-5px;
  450. {/block:PermalinkPage}
  451. -moz-transition-duration: 0.4s;
  452. -o-transition-duration: 0.4s;
  453. -webkit-transition-duration: 0.4s;
  454. transition-duration: 0.4s;
  455. -webkit-transition-delay: 0.2s;
  456. transition-delay: 0.2s;
  457.  
  458. }
  459.  
  460. .tags a {
  461. margin-right:10px;
  462. padding-left:10px;
  463. font-style:italic;
  464. }
  465.  
  466.  
  467. .posts:hover .tags {
  468. opacity:1;
  469. -webkit-transition-delay: 0.2s;
  470. transition-delay: 0.2s;
  471. -moz-transition-duration: 0.4s;
  472. -o-transition-duration: 0.4s;
  473. -webkit-transition-duration: 0.4s;
  474. transition-duration: 0.4s;
  475. }
  476.  
  477.  
  478.  
  479. /*----------perma notes---------*/
  480.  
  481.  
  482. ol.notes, .pnotes {
  483. margin:auto;
  484. list-style-type:decimal;
  485. width:{select:post width}px;
  486. text-transform:lowercase;
  487. background:{color:posts};
  488. padding:20px 10px 10px 10px;
  489. font-size:8px;
  490. margin-bottom:100px;
  491. }
  492.  
  493. ol.notes li.note {
  494. border-top: solid 1px {color:borders};
  495. padding:10px;
  496. margin-right:10px;
  497. margin-left:20px;
  498. }
  499.  
  500. ol.notes li.note img.avatar {
  501. display:none;
  502. }
  503.  
  504. ol.notes li.note span.action {
  505. font-weight: none;
  506. }
  507.  
  508. ol.notes li.note .answer_content {
  509. font-weight: normal;
  510. }
  511.  
  512. ol.notes li.note blockquote {
  513. border-color: {color:borders};
  514. padding:0 0 0 15px;
  515. margin:10px;
  516. }
  517.  
  518. ol.notes li.note blockquote a {
  519. text-decoration: none;
  520. }
  521.  
  522. ol.notes .more_notes_link {
  523. float:left;
  524. }
  525.  
  526.  
  527.  
  528.  
  529. /*----------header---------*/
  530.  
  531. .header {
  532. width:350px;
  533. position:absolute;
  534. margin-top:100px;
  535. left:50%;
  536. margin-left:-180px;
  537. }
  538.  
  539. .stitle {
  540. text-align:center;
  541. font-size:15px;
  542. font-weight:400;
  543. font-family:'Inconsolata';
  544. width:350px;
  545. margin:0 auto 0 auto;
  546. color:{color:title};
  547. }
  548.  
  549.  
  550. .desc {
  551. width:150px;
  552. text-align:center;
  553. margin:20px auto 10px auto;
  554. }
  555.  
  556.  
  557. .links {
  558. width:350px;
  559. margin-top:20px;
  560. text-align:center;
  561. display:inline-block;
  562. font-size:14px;
  563. text-transform:uppercase;
  564. font-family:'linecons';
  565. font-weight:300;
  566. }
  567.  
  568. .links a {
  569. padding:10px;
  570. color:{color:header links};
  571. }
  572.  
  573. .links a:hover {
  574. color:{color:bold};
  575. }
  576.  
  577. .b {
  578. border-top:1px solid {color:borders};
  579. width:50px;
  580. margin:20px auto 0 auto;
  581. }
  582.  
  583.  
  584. /*----------chat---------*/
  585.  
  586. .chat {
  587. line-height:18px;
  588. list-style:none;
  589. }
  590.  
  591. .line.odd {
  592. background:{color:background};
  593. margin-bottom:2px;
  594. padding:5px;
  595. list-style:none;
  596. }
  597.  
  598. .line.even {
  599. background:{color:posts};
  600. margin-bottom:2px;
  601. padding:5px;
  602. list-style:none;
  603. }
  604.  
  605. .label {
  606. padding-right:1px;
  607. text-transform:normal;
  608. font-weight:bold;
  609. color:{color:bold};
  610. }
  611.  
  612.  
  613.  
  614. /*----------quotes---------*/
  615.  
  616. .quote {
  617. font-style:italic;
  618. font-size:12px;
  619. font-weight:300;
  620. text-align:center;
  621. padding:10px;
  622. }
  623.  
  624. .quotesource {
  625. text-align:center;
  626. margin-top:10px;
  627. padding:15px 5px 5px 5px;
  628. border-top:1px solid {color:borders};
  629. font-style:none;
  630. margin-bottom:20px;
  631. }
  632.  
  633.  
  634. /*----------questions---------*/
  635.  
  636. .question {
  637. background:{color:posts};
  638. text-align:center;
  639. }
  640.  
  641. .asker {
  642. text-transform:uppercase;
  643. letter-spacing:1px;
  644. font-size:9px;
  645. position:relative;
  646. font-family:'Inconsolata';
  647. text-align:center;
  648. margin-bottom:20px;
  649. }
  650.  
  651. .asker:before {
  652. border-top: 1px solid #eee;
  653. content:"";
  654. margin: 0 auto;
  655. position: absolute;
  656. top: 8px; left: 0; right: 0; bottom: 0;
  657. width: 100%;
  658. z-index: -1;
  659. }
  660.  
  661. .asker span {
  662. background: #fff;
  663. padding: 10px;
  664. }
  665.  
  666. .answer {
  667. margin-top:15px;
  668. text-align:center;
  669. padding-bottom:15px;
  670. }
  671.  
  672.  
  673. .question img {
  674. width:30px;
  675. float:left;
  676. border-radius:50%;
  677. margin-right:12px;
  678. margin-bottom:-5px;
  679. padding-bottom:3px;
  680. }
  681.  
  682.  
  683. /*----------audio---------*/
  684.  
  685. .tumblr_audio_player {
  686. width:30px;
  687. top:15px;
  688. left:15px;
  689. position:absolute;
  690. }
  691.  
  692. .playerbg {
  693. position:absolute;
  694. width:40px;
  695. height:40px;
  696. background-color: #fff;
  697. border:1px solid {color:borders};
  698. padding:10px;
  699. top:0px;
  700. right:0px;
  701. }
  702.  
  703.  
  704. .trackd {
  705. height:40px;
  706. padding:10px;
  707. line-height:15px;
  708. border:1px solid {color:borders};
  709. width:calc({select:post width}px - 90px);
  710. margin-left:0px;
  711. margin-top:5px;
  712. margin-bottom:5px;
  713. font-size:8px;
  714. letter-spacing:1px;
  715. text-transform:uppercase;
  716. font-family:'Inconsolata';
  717. }
  718.  
  719.  
  720.  
  721. /*----------video---------*/
  722.  
  723. .tumblr_video_container {
  724. width:auto!important;
  725. height:auto!important;
  726. }
  727.  
  728.  
  729. /*----------pagination---------*/
  730.  
  731. {block:ifInfiniteScroll}
  732. .pagi,
  733. #infscr-loading {
  734. display:none!important;
  735. }
  736. {/block:ifInfiniteScroll}
  737.  
  738. .pagi {
  739. width:{select:post width}px;
  740. background:{color:posts};
  741. text-align:center;
  742. font-size:10px;
  743. text-transform:lowercase;
  744. padding:10px;
  745. word-spacing:15px;
  746. bottom:20px;
  747. position:relative;
  748. font-family:'Inconsolata';
  749. margin-left:-10px;
  750. }
  751.  
  752. .pagi a {
  753. color:{color:links};
  754. display:inline-block;
  755. }
  756.  
  757. .pagi a:hover {
  758. color:{color:links hover};
  759. }
  760.  
  761.  
  762. /*---credit---*/
  763.  
  764. .credit {
  765. font-size:7px;
  766. position:fixed;
  767. font-weight:400;
  768. bottom:10px;
  769. left:10px;
  770. z-index:10;
  771. text-align:right;
  772. letter-spacing:1px;
  773. text-transform:uppercase;
  774. font-family: arial, sans-serif;
  775. }
  776.  
  777. .credit a {
  778. color:{color:links};
  779. text-decoration:none;
  780. }
  781.  
  782. .credit a:hover {
  783. color:{color:links hover};
  784. text-decoration:none;
  785. }
  786.  
  787. </style>
  788. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  789. </head>
  790.  
  791. <body>
  792.  
  793. <div class="credit">
  794. <a title="theme" href="http://mrsthemes.tumblr.com/" target="_blank">m</a></div>
  795.  
  796. <section class="header">
  797. <div class="stitle">{title}</div>
  798. <div class="b"></div>
  799. <div class="desc">{description}</div>
  800.  
  801. <div class="links">
  802. <a href="/" title="index"><i class="fa fa-home"></i></a>
  803.  
  804. <a href="/ask" title="message"><i class="fa fa-envelope"></i></a>
  805.  
  806. {block:IfShowLink1}<a href="{text:link 1 url}" title="{text:link 1 title}"><i class="fa fa-user"></i></a>{/block:IfShowLink1}
  807.  
  808. {block:IfShowLink2}<a href="{text:link 2 url}" title="{text:link 2 title}"><i class="fa fa-bars"></i></a>{/block:IfShowLink2}
  809.  
  810. {block:IfShowLink3}<a href="{text:link 3 url}" title="{text:link 3 title}"><i class="fa fa-eye"></i></a>{/block:IfShowLink3}
  811.  
  812. </div>
  813. <div class="b"></div>
  814. </section>
  815.  
  816.  
  817. <div id="entries">
  818. {block:Posts}
  819. <div class="posts">
  820.  
  821. {block:Text}
  822. <div class="textp">
  823. <h1>{block:Title}{Title}{/block:Title}</h1>
  824. {Body}
  825. </div>{/block:Text}
  826.  
  827. {block:Quote}
  828. <div class="quote">"{Quote}"</div>
  829. {block:Source}<div class="quotesource"> — {Source}</div>
  830. {/block:Source}{/block:Quote}
  831.  
  832. {block:Link}
  833. <div class="textp">
  834. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  835. {block:Description}{Description}{/block:Description}
  836. </div>
  837. {/block:Link}
  838.  
  839. {block:Chat}
  840. {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>
  841. {/block:Chat}
  842.  
  843. {block:Photo}
  844. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  845. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  846. {/block:Photo}
  847.  
  848. {block:Photoset}
  849. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  850. {block:Photos}
  851. <div class="photo-data">
  852. <div class="pxu-photo">
  853. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div>
  854. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>
  855. {/block:Photos}</div>
  856. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  857. {/block:Photoset}
  858.  
  859. {block:Audio}
  860. <div class="playerbg">{AudioPlayerWhite}</div>
  861. <div class="trackd">{block:TrackName}<div style="margin-top:5px; margin-left:10px;"><b>{TrackName}</b>{/block:TrackName}
  862. <br>{block:Artist}{Artist}{/block:Artist}
  863. </div></div>
  864. {/block:Audio}
  865.  
  866. {block:Video}
  867. <div class="video">{Video-500}</div>
  868. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  869. {/block:Video}
  870.  
  871. {block:Answer}
  872. <div class="question">
  873. <div class="asker"><span><b>{Asker}</b> asked:</div></span>
  874. {Question}</div>
  875. <div class="b"></div>
  876. <div class="answer">
  877. {Answer}</div>
  878. {/block:Answer}
  879.  
  880. {block:IndexPage}
  881. {block:Date}
  882. <div class="border"></div>
  883. <div class="info">
  884. <a href="{Permalink}" title="{TimeAgo}">{DayOfMonthWithZero} {ShortMonth}</a>
  885.  
  886. <i class="fa fa-circle-thin" style="background:{color:background}; padding:3px; font-size:5px;"></i>
  887. <a href="{Permalink}" title="permalink">{NoteCount}</a>
  888.  
  889. <i class="fa fa-circle-thin" style="background:{color:background}; padding:2px; font-size:5px;"></i>
  890. <a href="{ReblogURL}" target="_blank" class="details">reblog</a></div>
  891. {/block:Date}
  892.  
  893.  
  894. {block:HasTags}
  895. <div class="tags">
  896. {block:Tags}
  897. <a href="{TagURL}">{Tag}</a>
  898. {/block:Tags}
  899. </div>
  900. {/block:HasTags}
  901. {/block:IndexPage}
  902.  
  903. {block:PermalinkPage}
  904. {block:Date}
  905. <div class="b"></div>
  906. <div class="info" style="margin-top:15px;">
  907. <a href="{Permalink}" title="{TimeAgo}"> posted {DayOfMonthWithZero} {Month} {Year}</a>
  908. {/block:Date}
  909.  
  910. <br>{block:RebloggedFrom}
  911. <a href="{ReblogParentURL}" title="{ReblogParenttitle}">via</a>
  912. {block:ContentSource}
  913. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}"> <i class="fa fa-circle-thin" style="background:{color:background}; padding:3px; font-size:5px; margin-right:5px"></i> source</a>
  914. {/block:ContentSource}
  915. {/block:RebloggedFrom}
  916. </div>
  917.  
  918. {block:HasTags}
  919. <div class="tags">
  920. {block:Tags}
  921. <a href="{TagURL}">{Tag}</a>
  922. {/block:Tags}
  923. </div>
  924. {/block:HasTags}
  925. {/block:PermalinkPage}
  926.  
  927. </div>
  928.  
  929. {block:PostNotes}
  930. <div class="pnotes" style="font-size:12px; text-transform:uppercase; margin-bottom:-10px; font-family:'Inconsolata';">&nbsp;&nbsp; <i class="fa fa-circle-thin" style="background:{color:background}; padding:3px; font-size:8px;"></i> {NoteCountWithLabel}</div>
  931. <div class"notes">
  932. {PostNotes}</div>
  933. {/block:PostNotes}
  934.  
  935. {/block:Posts}
  936.  
  937. {block:IndexPage}
  938. {block:Pagination}
  939. <div class="pagi">
  940. {block:PreviousPage}
  941. <a href="{PreviousPage}"><span class="ti-angle-left" style="font-size:6px;"></span> </a>
  942. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  943. <span class="current_page" style="border-bottom:1px solid {color:borders}; padding-bottom:5px;">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}
  944. <a class="jump_page" href="{URL}">{PageNumber}</a>
  945. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  946. <a href="{NextPage}"> <span class="ti-angle-right" style="font-size:6px;"></span></a>
  947. {/block:NextPage}</div>{/block:Pagination}
  948. {/block:IndexPage}
  949.  
  950.  
  951. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  952. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  953. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  954. {block:IndexPage}
  955. {block:ifInfiniteScroll}
  956. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  957. {/block:ifInfiniteScroll}
  958. {/block:IndexPage}
  959. <script>
  960. $(document).ready(function(){
  961. $('.photo-slideshow').pxuPhotoset({
  962. lightbox: true,
  963. rounded: false,
  964. gutter: '{select:photoset space}px',
  965. photoset: '.photo-slideshow',
  966. photoWrap: '.photo-data',
  967. photo: '.pxu-photo'
  968. });
  969. var $container = $('#entries');
  970. {block:ifInfiniteScroll}
  971. $container.infinitescroll({
  972. itemSelector: '.posts',
  973. navSelector: '.pagi',
  974. nextSelector: '.jump_page',
  975. loadingImg: '',
  976. loadingText: '<em></em>',
  977. bufferPx: 2000
  978. },
  979. function( newElements ) {
  980. var $newElems = $( newElements );
  981. $newElems.find('.photo-slideshow').pxuPhotoset({
  982. lightbox: true,
  983. rounded: false,
  984. gutter: '{select:photoset space}px',
  985. photoset: '.photo-slideshow',
  986. photoWrap: '.photo-data',
  987. photo: '.pxu-photo'
  988. });
  989. resizeVideos();
  990. });
  991. {/block:ifInfiniteScroll}
  992. });
  993. </script>
  994.  
  995.  
  996. <script>
  997. {block:IfDigitalWatch}
  998. (function() {
  999. var clock = document.querySelector('.stitle');
  1000. var pad = function(x) {
  1001. return x < 10 ? '0'+x : x;
  1002. };
  1003. var ticktock = function() {
  1004. var d = new Date();
  1005.  
  1006. var h = pad( d.getHours() );
  1007. var m = pad( d.getMinutes() );
  1008. var s = pad( d.getSeconds() );
  1009.  
  1010. var current_time = [h,m,s].join(':');
  1011.  
  1012. clock.innerHTML = current_time;
  1013. };
  1014. ticktock();
  1015. // Calling ticktock() every 1 second
  1016. setInterval(ticktock, 1000);
  1017.  
  1018. }());
  1019. {/block:IfDigitalWatch}
  1020. </script>
  1021.  
  1022.  
  1023. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1024. <a href="javascript:;" id="scrollToTop" rel="nofollow">scroll to top</a>
  1025.  
  1026. {block:ContentSource}
  1027. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1028. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1029. {/block:SourceLogo}
  1030. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  1031. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1032.  
  1033. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment