mrsmilicevic

sonder

Feb 6th, 2016
10,599
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.56 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3. <title>{Title}</title>
  4. <meta charset="utf-8">
  5.  
  6. <!---
  7.  
  8. ***
  9.  
  10. sonder by mrsthemes@tumblr
  11. edit if you want but don't steal
  12. or remove credit
  13.  
  14.  
  15. Video resize script by @shythemes
  16. Pixel Union Photoset tutorial by @shythemes
  17. Style my tooltips http://manos.malihu.gr/
  18. Infinite Scroll https://github.com/infinite-scroll/infinite-scroll
  19.  
  20. --->
  21.  
  22.  
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25.  
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <!---default variables--->
  29. <meta name="color:background" content="#ffffff"/>
  30. <meta name="color:text" content="#7b7b7b"/>
  31. <meta name="color:bold" content="#6d6d6d">
  32. <meta name="color:title" content="#6d6d6d">
  33. <meta name="color:description bg" content="#fafafa">
  34. <meta name="color:posts bg" content="#ffffff">
  35. <meta name="color:posts bg hover" content="#fafafa">
  36. <meta name="color:links" content="#7b7b7b"/>
  37. <meta name="color:links hover" content="#d4d4d4"/>
  38. <meta name="color:borders" content="#eeeeee">
  39. <meta name="color:scrollbar" content="#eeeeee">
  40.  
  41. <meta name="select:post width" content="250" title="250px">
  42. <meta name="select:post width" content="300" title="300px">
  43. <meta name="select:post width" content="350" title="350px">
  44. <meta name="select:post width" content="400" title="400px">
  45. <meta name="select:post width" content="500" title="500px">
  46.  
  47. <meta name="text:posts margin" content="100">
  48. <meta name="text:font size" content="9">
  49.  
  50. <meta name="select:photoset gutter" content="1" title="1px">
  51. <meta name="select:photoset gutter" content="2" title="2px">
  52. <meta name="select:photoset gutter" content="3" title="3px">
  53. <meta name="select:photoset gutter" content="4" title="4px">
  54. <meta name="select:photoset gutter" content="5" title="5px">
  55. <meta name="select:photoset gutter" content="6" title="6px">
  56. <meta name="select:photoset gutter" content="7" title="7px">
  57. <meta name="select:photoset gutter" content="8" title="8px">
  58. <meta name="select:photoset gutter" content="9" title="9px">
  59. <meta name="select:photoset gutter" content="10" title="10px">
  60.  
  61. <meta name="image:background image" content=""/>
  62. <meta name="image:sidebar icon" content=""/>
  63. <meta name="if:title" content="">
  64. <meta name="if:sidebar icon" content="">
  65. <meta name="if:custom cursor" content="">
  66. <meta name="if:infinite scroll" content="">
  67. <meta name="if:hover tags" content="">
  68.  
  69. <meta name="if:show link 1" content="1" />
  70. <meta name="if:show link 2" content="1" />
  71. <meta name="if:show link 3" content="1" />
  72. <meta name="if:show link 4" content="1" />
  73. <meta name="if:show link 5" content="1" />
  74. <meta name="if:show link 6" content="1" />
  75.  
  76. <meta name="text:link 1 title" content="">
  77. <meta name="text:link 1" content="">
  78. <meta name="text:link 2 title" content="">
  79. <meta name="text:link 2" content="">
  80. <meta name="text:link 3 title" content="">
  81. <meta name="text:link 3" content="">
  82. <meta name="text:link 4 title" content="">
  83. <meta name="text:link 4" content="">
  84. <meta name="text:link 5 title" content="">
  85. <meta name="text:link 5" content="">
  86. <meta name="text:link 6 title" content="">
  87. <meta name="text:link 6" content="">
  88.  
  89. <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300italic,300,400italic,700,700italic' rel='stylesheet' type='text/css'>
  90.  
  91. <link href='https://fonts.googleapis.com/css?family=Raleway:400,300,200' rel='stylesheet' type='text/css'>
  92.  
  93. <!---tooltips script--->
  94. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  95. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  96. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  97.  
  98. <script>
  99. (function($){
  100. $(document).ready(function(){
  101. $("[title]").style_my_tooltips({
  102. tip_follows_cursor:true,
  103. tip_delay_time:200,
  104. tip_fade_speed:500
  105. });
  106. });
  107. })(jQuery);
  108. </script>
  109.  
  110. <style type="text/css">
  111.  
  112. /*---tumblr controls---*/
  113.  
  114. #tumblr_controls, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  115. top:5px;
  116. right:5px!important;
  117. position:fixed !important;
  118. -webkit-filter: invert(1);
  119. opacity:.4;
  120. filter:alpha(opacity=40);
  121. -moz-opacity:.4;
  122. z-index:999999999!important;
  123. }
  124.  
  125. /*---scrollbar---*/
  126.  
  127. ::-webkit-scrollbar { width:5px; height:5px; background:{color:background};}
  128. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border:none; }
  129.  
  130. /*---tooltips---*/
  131.  
  132. #s-m-t-tooltip {
  133. max-width:300px;
  134. background:{color:background};
  135. border-bottom:1px solid {color:borders};
  136. margin:10px;
  137. padding:3px;
  138. color:{color:text};
  139. border-radius:0%;
  140. z-index:99999999;
  141. font-size:7px;
  142. text-transform:lowercase;
  143. box-shadow:none;
  144. font-family: 'Merriweather', serif;
  145. }
  146.  
  147. /*---basics---*/
  148.  
  149. body {
  150. {block:ifCustomCursor}
  151. cursor:url('http://i.imgur.com/azhZXqc.png'), auto;
  152. {/block:ifCustomCursor}
  153. background:{color:background} url({image:background image}) repeat right top fixed;
  154. color:{color:text};
  155. font-family: 'Merriweather', serif;
  156. font-weight:300;
  157. line-height:16px;
  158. font-size:{text:font size}px;
  159. margin:0px;
  160. -webkit-font-smoothing: antialiased;
  161. -moz-osx-font-smoothing: grayscale;
  162. }
  163.  
  164. .container { margin:0 auto; position:relative;
  165. animation: fadein 1.5s;
  166. -moz-animation: fadein 1.5s;
  167. -webkit-animation: fadein 1.5s;
  168. -o-animation: fadein 1.5s; }
  169.  
  170. @keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  171. @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  172. @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  173. @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  174. @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  175.  
  176. blockquote, blockquote blockquote {
  177. padding:0px 0px 0px 15px;
  178. border-left:1px solid {color:borders};
  179. margin:10px;
  180. }
  181.  
  182. blockquote img { max-width:calc({select:post width}px -100px); height:auto; }
  183. strong, b { color:{color:bold}; }
  184. small { font-size:9px; }
  185. big { font-size:10px; }
  186. ol, ul { padding-left:10px; }
  187.  
  188. .posts li { list-style-type: none; position:relative; }
  189. .posts ul li:before {
  190. content:"x";
  191. font-weight:200;
  192. position: absolute;
  193. font-family:'Raleway', sans-serif;
  194. left:-13px;
  195. top:-1px;
  196. }
  197.  
  198. .posts ul li { text-indent:15px; }
  199.  
  200. h1, h1 a { font-size:10px; font-weight:700; color:{color:bold}; }
  201. h2, h3, h4 { font-weight:700; text-decoration:none; color:{color:bold}; }
  202.  
  203. #vignette, #tumblr_lightbox_left_link, #tumblr_lightbox_right_link { visibility: hidden; }
  204. #tumblr_lightbox img {
  205. box-shadow:none!important;
  206. border-radius:0!important;
  207. }
  208. #tumblr_lightbox { background-color:transparent!important; }
  209. #tumblr_lightbox div:nth-child(2) {
  210. background-color:#fff;
  211. opacity:0.8;
  212. }
  213.  
  214. img { opacity:1; text-decoration:none; max-width:100%; height:auto; }
  215.  
  216. pre {
  217. white-space:pre-wrap;
  218. white-space:-moz-pre-wrap;
  219. white-space:-pre-wrap;
  220. white-space:-o-pre-wrap;
  221. word-wrap:break-word;
  222. }
  223.  
  224. a {
  225. {block:ifCustomCursor}
  226. cursor:url('http://i.imgur.com/wAJ03FG.png'), auto;
  227. {/block:ifCustomCursor}
  228. {block:ifNotCustomCursor}
  229. cursor:help;
  230. {/block:ifNotCustomCursor}
  231. color:{color:links};
  232. text-decoration:none;
  233. -moz-transition-duration: 0.4s;
  234. -o-transition-duration: 0.4s;
  235. -webkit-transition-duration: 0.4s;
  236. transition-duration: 0.4s;
  237. }
  238.  
  239. a:hover {
  240. text-decoration:none;
  241. color:{color:links hover};
  242. -moz-transition-duration: 0.4s;
  243. -o-transition-duration: 0.4s;
  244. -webkit-transition-duration: 0.4s;
  245. transition-duration: 0.4s;
  246. }
  247.  
  248. /*---posts---*/
  249.  
  250. .posts {
  251. width:{select:post width}px;
  252. position:relative;
  253. {block:IndexPage}
  254. margin-bottom:{text:posts margin}px;
  255. {/block:IndexPage}
  256. {block:PermalinkPage}
  257. margin-bottom:20px;
  258. {/block:PermalinkPage}
  259. padding:20px;
  260. background:{color:posts bg};
  261. -moz-transition-duration: 0.4s;
  262. -o-transition-duration: 0.4s;
  263. -webkit-transition-duration: 0.4s;
  264. transition-duration: 0.4s;
  265. }
  266.  
  267. .posts:hover {
  268. {block:IndexPage}
  269. background:{color:posts bg hover};
  270. -moz-transition-duration: 0.4s;
  271. -o-transition-duration: 0.4s;
  272. -webkit-transition-duration: 0.4s;
  273. transition-duration: 0.4s;
  274. {/block:IndexPage}
  275. }
  276.  
  277. #entries {
  278. width:{select:post width}px;
  279. margin:100px auto;
  280. }
  281.  
  282. .posts img, .posts li, .posts blockquote {
  283. max-width:100%;
  284. height:auto;
  285. }
  286.  
  287. .caption { padding:10px 10px 0px 10px; font-size:{text:font size}px; }
  288.  
  289. /*---post info & perma---*/
  290.  
  291. .info {
  292. width:{select:post width}px;
  293. position:absolute;
  294. margin:40px 0px 0px 0px;
  295. text-align:center;
  296. }
  297.  
  298. .tags {
  299. font:italic 7.5px 'Merriweather', serif;
  300. margin:-5px 0px 0px 5px;
  301. padding:10px;
  302. line-height:16px;
  303. letter-spacing:0.5px;
  304. {block:IfNotHoverTags}
  305. opacity:1;
  306. {/block:IfNotHoverTags}
  307. {block:IfHoverTags}
  308. opacity:0;
  309. {/block:IfHoverTags}
  310. -moz-transition-duration: 0.4s;
  311. -o-transition-duration: 0.4s;
  312. -webkit-transition-duration: 0.4s;
  313. transition-duration: 0.4s;
  314. }
  315.  
  316. .posts:hover .tags {
  317. {block:IfHoverTags}
  318. opacity:1;
  319. -moz-transition-duration: 0.4s;
  320. -o-transition-duration: 0.4s;
  321. -webkit-transition-duration: 0.4s;
  322. transition-duration: 0.4s;
  323. {/block:IfHoverTags}
  324. }
  325.  
  326. .tags a { margin-right:5px; }
  327.  
  328. ol.notes {
  329. list-style-type:none;
  330. text-align:left;
  331. height:300px;
  332. overflow:auto;
  333. text-transform:lowercase;
  334. background:#f8f8f8;
  335. padding:20px;
  336. margin-bottom:10px;
  337. font-size:7.5px;
  338. }
  339.  
  340. ol.notes img { display:none; }
  341. ol.notes::-webkit-scrollbar { width:2px; }
  342. ol.notes .more_notes_link { float:left; }
  343. ol.notes li.note { padding:3px; }
  344.  
  345. .panel, .flip { text-align:left; }
  346. .flip:hover { cursor:url('http://i.imgur.com/wAJ03FG.png'), auto; }
  347.  
  348. .flip {
  349. text-transform:uppercase;
  350. font-size:7.5px;
  351. padding:5px;
  352. margin:-5px 0px -10px -5px;
  353. }
  354.  
  355. .panel {
  356. padding:0px;
  357. display:none;
  358. background-color:{color:background};
  359. border:0px solid {color:borders};
  360. }
  361.  
  362. .perma {
  363. margin-top:15px;
  364. text-transform:uppercase;
  365. font-size:7.5px;
  366. background:#fff;
  367. padding:15px 10px 10px 5px;
  368. margin-bottom:0px;
  369. }
  370.  
  371. /*---side---*/
  372.  
  373. .sidebar {
  374. position:fixed;
  375. margin:100px auto auto calc(-{select:post width}px - 80px);
  376. width:120px;
  377. left:50%;
  378. border-right:0px solid {color:borders};
  379. }
  380.  
  381. .sidepic img {
  382. width:50px;
  383. border-radius:50%;
  384. margin:0px 0px 20px 32px;
  385. }
  386.  
  387. .title, title a {
  388. font-size:10px;
  389. margin-bottom:10px;
  390. border-bottom:1px solid #eee;
  391. padding-bottom:15px;
  392. font-weight:300;
  393. color:{color:title};
  394. }
  395.  
  396. .title, .desc { text-align:center; }
  397.  
  398. .desc {
  399. font-size:8px;
  400. background:{color:description bg};
  401. padding:15px;
  402. }
  403.  
  404. nav ul {
  405. margin:15px auto;
  406. list-style-type:none;
  407. margin-left:-5px;
  408. -webkit-column-count: 2;
  409. -moz-column-count: 2;
  410. column-count: 2;
  411. }
  412.  
  413. nav li { list-style-type:none; position:relative; }
  414. nav ul li { text-indent:15px; }
  415.  
  416. nav ul li:before {
  417. content:"x";
  418. font-weight:200;
  419. position: absolute;
  420. font-family:'Raleway', sans-serif;
  421. left:-13px;
  422. top:-1px;
  423. }
  424.  
  425. /*---chat---*/
  426.  
  427. .chat { line-height:16px; list-style:none; }
  428. .label { font-weight:bold; color:{color:bold}; }
  429.  
  430. .line.odd {
  431. margin-bottom:2px;
  432. padding:5px;
  433. list-style:none;
  434. }
  435.  
  436. .line.even {
  437. margin-bottom:2px;
  438. padding:5px;
  439. list-style:none;
  440. }
  441.  
  442. /*---quotes---*/
  443.  
  444. .quote {
  445. font-size:10px;
  446. font-weight:700;
  447. text-align:center;
  448. padding:10px;
  449. color:{color:bold};
  450. font-style:italic;
  451. }
  452.  
  453. .quotesource {
  454. text-align:center;
  455. padding:5px;
  456. font-style:none;
  457. margin-bottom:20px;
  458. }
  459.  
  460. /*---questions---*/
  461.  
  462. .q {
  463. background:#fafafa;
  464. padding:15px;
  465. }
  466.  
  467. .q img {
  468. padding:2px;
  469. background:#fff;
  470. border-radius:10%;
  471. position:relative;
  472. float:left;
  473. top:0px;
  474. left:0px;
  475. border:1px solid {color:borders};
  476. margin:0px 10px 0px 0px;
  477. }
  478.  
  479. .asker {
  480. text-transform:lowercase;
  481. font-weight:600;
  482. letter-spacing:0.5px;
  483. font-style:italic;
  484. }
  485.  
  486.  
  487. /*----media---*/
  488.  
  489. .tumblr_audio_player {
  490. height:48px;
  491. width:48px;
  492. z-index:1;
  493. float:right;
  494. margin:-10px -10px 0px -15px;
  495. }
  496.  
  497. .audio { background:#000; padding:15px 15px 12px 15px; color:#fff; }
  498.  
  499. .tumblr_video_container { width:auto!important; height:auto!important; }
  500.  
  501.  
  502. /*---pagination---*/
  503.  
  504. {block:ifInfiniteScroll}
  505. .pagination,
  506. #infscr-loading {
  507. display:none!important;
  508. }
  509. {/block:ifInfiniteScroll}
  510.  
  511. .pagination {
  512. width:calc({select:post width}px + 30px);
  513. background:{color:posts};
  514. text-align:center;
  515. font-size:9px;
  516. text-transform:lowercase;
  517. padding:10px;
  518. word-spacing:20px;
  519. bottom:25px;
  520. position:relative;
  521. }
  522.  
  523. .pagination a {
  524. color:{color:links};
  525. }
  526.  
  527. .pagination a:hover {
  528. color:{color:links hover};
  529. }
  530.  
  531. /*---credit---*/
  532.  
  533. .credit {
  534. font-size:7.5px;
  535. position:fixed;
  536. font-weight:300;
  537. bottom:10px;
  538. right:10px;
  539. z-index:10;
  540. text-align:right;
  541. text-transform:uppercase;
  542. }
  543.  
  544. .credit a { color:{color:links}; text-decoration:none; }
  545. .credit a:hover { color:{color:links hover}; text-decoration:none; }
  546.  
  547.  
  548. </style>
  549. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  550. </head>
  551.  
  552. <body>
  553. <div class="container">
  554. <aside class="sidebar">
  555. {block:ifSidebarIcon}
  556. <div class="sidepic"><img src="{image:sidebar icon}"></div>
  557. {/block:ifSidebarIcon}
  558. {block:ifTitle}
  559. <div class="title"><a href="/" title="refresh">{title}</a></div>
  560. {block:ifTitle}
  561. <div class="desc">{description}</div>
  562. <nav>
  563. <ul>
  564. {block:IfShowLink1}<li><a href="{text:link 1}">{text:link 1 title}</a></li>{/block:IfShowLink1}
  565. {block:IfShowLink2}<li><a href="{text:link 2}">{text:link 2 title}</a></li>{/block:IfShowLink2}
  566. {block:IfShowLink3}<li><a href="{text:link 3}">{text:link 3 title}</a></li>{/block:IfShowLink3}
  567. {block:IfShowLink4}<li><a href="{text:link 4}">{text:link 4 title}</a></li>{/block:IfShowLink4}
  568. {block:IfShowLink5}<li><a href="{text:link 5}">{text:link 5 title}</a></li>{/block:IfShowLink5}
  569. {block:IfShowLink6}<li><a href="{text:link 6}">{text:link 6 title}</a></li>{/block:IfShowLink6}
  570. </ul>
  571. </nav>
  572. </aside>
  573.  
  574. <div id="entries">
  575. {block:Posts}
  576. <article class="posts">
  577.  
  578. {block:Photo}
  579. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  580. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  581. {/block:Photo}
  582.  
  583. {block:Photoset}
  584. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  585. {block:Photos}
  586. <div class="photo-data">
  587. <div class="pxu-photo">
  588. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div>
  589. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>
  590. {/block:Photos}
  591. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>
  592. {/block:Photoset}
  593.  
  594. {block:Text}
  595. <div class="caption"><h1>{block:Title}{Title}{/block:Title}</h1>
  596. {Body}</div>
  597. {/block:Text}
  598.  
  599. {block:Quote}
  600. <div class="quote">{Quote}</div>
  601. {block:Source}<div class="quotesource"> — {Source}</div>{/block:Source}
  602. {/block:Quote}
  603.  
  604. {block:Link}
  605. <div class="caption"><h1><a href="{URL}" {Target}>{Name}</a></h1>
  606. {block:Description}{Description}{/block:Description}</div>
  607. {/block:Link}
  608.  
  609. {block:Chat}
  610. {block:Title}<h1>{Title}</h1>{/block:Title}
  611. <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  612. {/block:Chat}
  613.  
  614. {block:Audio}
  615. {block:AudioEmbed}
  616. <div class="audio-embed">
  617. {AudioEmbed-400}
  618. </div>
  619. {/block:AudioEmbed}
  620. <div class="audio">
  621. {block:AudioPlayer}
  622. {AudioPlayerBlack}
  623. {block:TrackName}
  624. <strong style="color:#fff;">{TrackName}</strong>
  625. {/block:TrackName}
  626. <br>{block:Artist}
  627. {Artist}
  628. {/block:Artist}
  629. {/block:AudioPlayer}
  630. </div>
  631. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  632. {/block:Audio}
  633.  
  634. {block:Video}
  635. <div class="video">{Video-500}</div>
  636. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  637. {/block:Video}
  638.  
  639. {block:Answer}
  640. <div class="q">
  641. <img src="{AskerPortraitURL-24}">
  642. <div class="asker">{Asker} said:</div>
  643. {Question}</div>
  644. <div style="padding:10px;">{Answer}</div>
  645. {/block:Answer}
  646.  
  647. {block:Date}
  648. {block:IndexPage}
  649. <div class="info">
  650. <a href="{Permalink}" title="{TimeAgo}">{24HourWithZero}:{Minutes}{AmPm}</a>
  651. <span style="font-family:'Raleway', sans-serif; font-size:8px; margin-left:10px; margin-right:10px;">x</span>
  652. <a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a>
  653.  
  654. {block:HasTags}
  655. <div class="tags">
  656. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  657. </div>
  658. {/block:HasTags}
  659. </div>
  660. {/block:IndexPage}
  661.  
  662. {block:PermalinkPage}
  663. <div class="perma">
  664. {block:Date}
  665. <b>{DayOfMonthWithZero} {Month}</b>
  666. {/block:Date}
  667.  
  668. {block:RebloggedFrom}
  669. <br><b>reblogged from</b> <a href="{ReblogParentURL}" title="{ReblogParenttitle}">{ReblogParentName}</a>
  670. {block:ContentSource}
  671. <br><b>originally by</b> <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}"> {ReblogRootName}</a>
  672. {/block:ContentSource}
  673. {/block:RebloggedFrom}
  674. <br><b>tagged as:</b> {block:HasTags}
  675. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  676. {/block:HasTags}
  677. {/block:PermalinkPage}
  678. {/block:Date}
  679.  
  680. {block:PostNotes}
  681. <div class="flip" title="show notes"><b>{NoteCountWithLabel}</b></div>
  682. </div>
  683. <div class="panel">{PostNotes}</div>
  684. {/block:PostNotes}
  685.  
  686. </article>
  687. {/block:Posts}
  688.  
  689. {block:Pagination}<div class="pagination">{block:PreviousPage}<a class="prev" href="{PreviousPage}">backwards</a> <span style="font-family:'Raleway', sans-serif; font-size:8px; margin-left:10px; margin-right:10px;">x</span> {/block:PreviousPage} {block:NextPage}<a class="next" href="{NextPage}">forwards</a>{/block:NextPage}</div>{/block:Pagination}
  690. </div>
  691. </div>
  692.  
  693. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  694. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  695. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  696. {block:IndexPage}
  697. {block:ifInfiniteScroll}
  698. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  699. {/block:ifInfiniteScroll}
  700. {/block:IndexPage}
  701. <script>
  702. $(document).ready(function(){
  703. $('.photo-slideshow').pxuPhotoset({
  704. lightbox: true,
  705. rounded: false,
  706. gutter: '{select:photoset gutter}px',
  707. photoset: '.photo-slideshow',
  708. photoWrap: '.photo-data',
  709. photo: '.pxu-photo'
  710. });
  711. var $container = $('#entries');
  712. {block:ifInfiniteScroll}
  713. {block:IndexPage}
  714. $container.infinitescroll({
  715. itemSelector: '.posts',
  716. navSelector: '.pagination',
  717. nextSelector: '.next',
  718. loadingImg: '',
  719. loadingText: '<em></em>',
  720. bufferPx: 2000
  721. },
  722. function( newElements ) {
  723. var $newElems = $( newElements );
  724. $newElems.find('.photo-slideshow').pxuPhotoset({
  725. lightbox: true,
  726. rounded: false,
  727. gutter: '{select:photoset gutter}px',
  728. photoset: '.photo-slideshow',
  729. photoWrap: '.photo-data',
  730. photo: '.pxu-photo'
  731. });
  732. resizeVideos();
  733. });
  734. {/block:IndexPage}
  735. {/block:ifInfiniteScroll}
  736.  
  737. });
  738. </script>
  739. {block:PermalinkPage}
  740. <script>
  741. $(document).ready(function(){
  742. $(".flip").click(function(){
  743. $(".panel").slideToggle("slow");
  744. });
  745. });
  746. </script>
  747. {/block:PermalinkPage}
  748.  
  749. {block:ContentSource}
  750. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  751. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  752. {/block:SourceLogo}
  753. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  754. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  755.  
  756. <div class="credit">
  757. <a title="theme" href="http://mrsthemes.tumblr.com/">m</a>
  758. </div>
  759.  
  760. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment