mrsmilicevic

haunted

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