yileo

palette theme

Dec 29th, 2018
5,808
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.38 KB | None | 0 0
  1.  
  2.  
  3.  
  4. <!-------
  5.  
  6.  
  7. theme 'palette' by rnirae.tumblr.com
  8.  
  9.  
  10. <!------>
  11.  
  12.  
  13.  
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16.  
  17. <head>
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{FavIcon}" />
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  21.  
  22. <!---fonts--->
  23. <link href="https://fonts.googleapis.com/css?family=Yantramanav:100" rel="stylesheet">
  24. <link href="https://fonts.googleapis.com/css?family=Heebo:300" rel="stylesheet">
  25.  
  26. <!--icon--->
  27. <link rel="stylesheet" href="http://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
  28.  
  29. <!--TOOLTIP-->
  30. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  31. <!------>
  32.  
  33. <meta name="color:Background" content="#fff"/>
  34. <meta name="image:Background" content=""/>
  35. <meta name="color:Text" content="#999"/>
  36. <meta name="color:Link" content="#bbb"/>
  37. <meta name="color:Link Hover" content="#f0bfb6"/>
  38. <meta name="color:Scrollbar" content="#dccbe7"/>
  39. <meta name="color:Scroll track" content="#ede5f3"/>
  40. <meta name="color:Bullets" content="#f0f0f0"/>
  41. <meta name="color:Permalinks" content="#bbbbbb"/>
  42. <meta name="color:Permalink BG" content="#ececec"/>
  43. <meta name="color:Permalink BG Hover" content="#fefefe"/>
  44.  
  45. <meta name="color:Like and Reblog Buttons" content="#666666"/>
  46.  
  47. <meta name="color:Light Accents" content="#f6f6f6"/>
  48. <meta name="color:Heading" content="#94c6b5"/>
  49. <meta name="color:Heading BG" content="#f9f1f6"/>
  50. <meta name="color:BG Hover" content="#fbfbfb"/>
  51. <meta name="color:Nav links" content="#cacaca"/>
  52. <meta name="color:Nav links hover" content="#f3f3f3"/>
  53.  
  54. <meta name="color:Pagination Link" content="#888"/>
  55. <meta name="color:Pagination Background" content="#fff"/>
  56.  
  57. <meta name="color:Headers" content="#555"/>
  58.  
  59. <meta name="text:Post Width" content="350"/>
  60.  
  61. <meta name="text:Link 1 title" content="one"/>
  62. <meta name="text:Link 1 url" content="/"/>
  63. <meta name="text:Link 2 title" content="two"/>
  64. <meta name="text:Link 2 url" content="/"/>
  65. <meta name="text:Link 3 title" content="three"/>
  66. <meta name="text:Link 3 url" content="/"/>
  67.  
  68. <meta name="if:Infinite Scroll" content="1"/>
  69. <meta name="if:Description" content="1"/>
  70. <meta name="if:Captions" content="1"/>
  71.  
  72. <style type="text/css">
  73.  
  74. /* IMPORTANT */
  75. body {
  76. color: {color:Text};
  77. font: 11px sans-serif;
  78. line-height: 17px;
  79. background-color: {color:Background};
  80. background-image: url({image:Background});
  81. }
  82. a:link, a:active, a:visited {
  83. color: {color:Link};
  84. -webkit-transition: all .3s ease-in-out;
  85. -moz-transition: all .3s ease-in-out;
  86. -ms-transition: all .3s ease-in-out;
  87. -o-transition: all .3s ease-in-out;
  88. transition: all .3s ease-in-out;
  89. text-decoration: none;
  90. }
  91. a:hover {color: {color:Link Hover};}
  92.  
  93. blockquote {
  94. border-left: 1px solid {color:Bullets};
  95. line-height: 15px;
  96. padding-left: 6px;
  97. margin-left: 6px;
  98. width: 100%;
  99. }
  100. #capt {
  101. color: {color:Text};
  102. line-height: 16px;
  103. background: #fff;
  104. padding: 9px;
  105. overflow: hidden;
  106. {block:IndexPage}
  107. border-bottom:1px solid #ececec;
  108. {/block:IndexPage}
  109. }
  110. img {
  111. display: block;
  112. line-height: 0;
  113. }
  114. #infscr-loading {display:none!important;}
  115. /* post entries */
  116. #center {
  117. position:relative;
  118. margin: 0 auto;
  119. {block:IndexPage}
  120. width: calc(({text:Post Width}px * 2) + 300px);
  121. {/block:IndexPage}
  122. {block:PermalinkPage}
  123. width: 400px;
  124. {/block:PermalinkPage}
  125. }
  126.  
  127. #content {
  128. position:relative;
  129. margin-bottom: 100px;
  130. {block:ifDescription}
  131. {block:IndexPage}
  132. margin-top: 10px;
  133. {/block:IndexPage}
  134. {block:PermalinkPage}
  135. margin-top: 150px;
  136. {/block:PermalinkPage}
  137. {/block:ifDescription}
  138. {block:ifNotDescription}
  139. margin-top: 150px;
  140. {/block:ifNotDescription}
  141. }
  142.  
  143. .entry {
  144. overflow: hidden;
  145. text-align: left;
  146. position: relative;
  147. {block:IndexPage}
  148. margin: 75px;
  149. {/block:IndexPage}
  150. {block:PermalinkPage}
  151. margin-bottom: 50px;
  152. {/block:PermalinkPage}
  153. background: white;
  154. {block:IndexPage}
  155. width: {text:Post Width}px;
  156. opacity: 0;
  157. z-index: -1;
  158. display: inline-block;
  159. {/block:IndexPage}
  160. {block:PermalinkPage}
  161. width: 400px;
  162. {/block:PermalinkPage}
  163. }
  164. .entry img { max-width:100%; height: auto;}
  165.  
  166. /* permalinks */
  167. {block:IndexPage}
  168. #perma {
  169. font-size: 12px;
  170. display: block;
  171. margin-top: 15px;
  172. height: 18px;
  173. padding: 0px 6px 9px;
  174. }
  175. .nc a, #pagination a{
  176. font-family: 'Heebo', sans-serif;
  177. letter-spacing: 1px;
  178. color: {color:Permalinks};
  179. border-left: 6px solid #fff;
  180. height: 5px;
  181. display:inline-block;
  182. }
  183. .nc a{
  184. font-size: 10.5px;
  185. border-bottom: 6px solid {color:Permalink BG};
  186. position: absolute;
  187. right: 3px;
  188. margin-top: -1px;
  189. }
  190. .nc a:hover {border-bottom: 6px solid {color:Permalink BG hover};}
  191.  
  192. .rl a{
  193. font-size: 11.5px;
  194. color: {color:Like and Reblog Buttons};
  195. opacity: .8;
  196. z-index: 3;
  197. position: absolute;
  198. }
  199. .rl a:hover{color:{color:Link Hover};}
  200.  
  201. /*like buttons*/
  202. svg {
  203. width:10px;
  204. height:auto;
  205. padding:1px;
  206. display:block;
  207. overflow:visible;
  208. position: absolute;
  209. fill: {color:Like and Reblog Buttons};
  210. opacity: .5;
  211. }
  212. .controls a {
  213. left: 20px;
  214. overflow: hidden;
  215. position:relative;
  216. display:inline-block;
  217. width:11px;
  218. height:11px;
  219. }
  220. .controls .like .liked + svg {opacity:1;}
  221. .controls .like .liked + svg path {fill: {color:Link Hover};}
  222. .controls .like .like_button {position:relative;}
  223.  
  224. .controls .like .like_button iframe {
  225. position:absolute;
  226. top:0;
  227. left:0;
  228. bottom:0;
  229. right:0;
  230. z-index:2;
  231. opacity:0;
  232. }
  233.  
  234. {/block:IndexPage}
  235.  
  236. /* sidebar */
  237. #tou {
  238. width: 100%;
  239. height: 150px;
  240. z-index: 10;
  241. background: white;
  242. position: fixed;
  243. top: 0px;
  244. }
  245. .heading {
  246. position: absolute;
  247. text-align: center;
  248. width: 100%;
  249. top: 60px;
  250. }
  251. .heading a{
  252. z-index: 12;
  253. font: 25px 'Yantramanav', sans-serif;
  254. letter-spacing: 8px;
  255. color: {color:Heading};
  256. height: 12px;
  257. border-bottom: 10px solid {color:Heading BG};
  258. display: inline-block;
  259. padding-left: 7px;
  260. }
  261. .heading a:hover{ border-bottom:10px solid {color:BG Hover};}
  262.  
  263. /* navigation */
  264. #nav {
  265. position: absolute;
  266. width: 100%;
  267. text-align: center;
  268. top: 120px;
  269. margin-left: 3px;
  270. }
  271. #nav a{
  272. font: 12px 'Yantramanav', sans-serif;
  273. letter-spacing: 1px;
  274. color: {color:Nav links};
  275. text-align: center;
  276. }
  277. #nav a:hover {color: {color:Nav links hover};}
  278.  
  279. .ico{
  280. position: absolute;
  281. right: 17px;
  282. top: 120px;
  283. font-size: 15px;
  284. }
  285. .ico a{margin: 6px; color:{color:Nav links};}
  286. .ico a:hover{color:{color:Nav links hover};}
  287.  
  288.  
  289. /*Description*/
  290. {block:IndexPage}
  291.  
  292. #kp{width:100%; text-align: center;}
  293. .desc {
  294. color: {color:Nav links};
  295. font: 12px 'Yantramanav', sans-serif;
  296. letter-spacing: 1px;
  297. line-height: 25px;
  298. width: 150px;
  299. display: inline-block;
  300. margin-top: 160px;
  301. margin-left: 10px;
  302. {block:ifNotDescription}
  303. visibility: none;
  304. display: none;
  305. {/block:ifNotDescription}
  306. }
  307.  
  308. {/block:IndexPage}
  309. /* other css tools */
  310. #s-m-t-tooltip{
  311. max-width: 210px;
  312. margin:16px;
  313. padding: 5px;
  314. background: #fff;
  315. font: 7px trebuchet ms;
  316. letter-spacing: 1px;
  317. color: {color:Tooltip color};
  318. letter-spacing: 1.5px;
  319. text-transform: uppercase;
  320. box-shadow: 2px 2px 2px {color:Light Accents};
  321. z-index: 20;
  322. }
  323. ::-webkit-scrollbar {
  324. width: 7px;
  325. background: {color:Scroll track};
  326. border: 3px solid {color:Background};
  327. }
  328. ::-webkit-scrollbar-thumb {
  329. background: {color:Scrollbar};
  330. border: 3px solid {color:Background};
  331. }
  332. h1 {
  333. font: 16px 'Yantramanav', sans-serif;
  334. letter-spacing: 3px;
  335. height: 8px;
  336. border-bottom: 10px solid {color:Heading BG};
  337. display: inline-block;
  338. margin-left: 5px;
  339. color: {color:Headers};
  340. }
  341. .texts {
  342. margin: 3px;
  343. }
  344. hr{ border-color: {color:Light Accents}; border-width:1px; text-decoration:none;}
  345. /* permalink pg */
  346. img.avatar { display: none; }
  347. ol.notes {
  348. width: 400px;
  349. margin-top: 30px;
  350. margin-left: -40px;
  351. }
  352. ol.notes li.note {
  353. color: {color:Text};
  354. font: 10px sans-serif;
  355. line-height: 17px;
  356. border-bottom: 1px solid #ececec;
  357. padding-bottom: 10px;
  358. margin: 10px 0px;
  359. list-style-type: none;
  360. display: block;
  361. }
  362.  
  363.  
  364. /* pagination */
  365. #pagination {
  366. position: relative;
  367. width: 300px;
  368. bottom: 75px;
  369. margin: 0 auto;
  370. text-align: center;
  371. {block:ifInfiniteScroll}
  372. display: none;
  373. {/block:ifInfiniteScroll}
  374. {block:PermalinkPage}
  375. display: none;
  376. {/block:PermalinkPage}
  377. }
  378. #pagination a{
  379. font-size: 12px;
  380. border-bottom: 6px solid {color:Heading BG};
  381. margin: 0px 20px;
  382. }
  383. #pagination a:hover{
  384. border-bottom: 6px solid #fff;
  385. }
  386.  
  387. /* perma page */
  388. #info {
  389. position: relative;
  390. margin: 0 auto;
  391. margin-top: -40px;
  392. width: {text:Post Width}px;
  393. text-align: center;
  394. font: 7px trebuchet ms;
  395. letter-spacing: 1px;
  396. text-transform: uppercase;
  397. }
  398.  
  399. h2 {
  400. text-align: center;
  401. display: inline-block;
  402. border-bottom: 1px solid {color:Bullets};
  403. padding-bottom: 6px;
  404. font: 7px trebuchet ms;
  405. letter-spacing: 1px;
  406. text-transform: uppercase;
  407. padding-left: 5px;
  408. padding-right: 5px;
  409. margin-bottom: 6px;
  410. }
  411. .tags a{
  412. color: {color:Text};
  413. }
  414. .tags b{
  415. font-size: 10px;
  416. font-weight: normal;
  417. color: {color:Text};
  418. padding: 2px;
  419. }
  420. /* quotes */
  421. .quote, .ask {
  422. background: {color:Light Accents};
  423. padding:20px;
  424. line-height: 20px;
  425. }
  426. .source{ margin-top: 10px; text-align: center;}
  427. /*chat block*/
  428. .chat b{
  429. font: 10.5px 'Heebo', sans-serif;
  430. background: {color:Permalink BG};
  431. }
  432. /* answer block */
  433. .anbl {
  434. padding: 6px;
  435. line-height: 20px;
  436. }
  437. .ans {
  438. text-align: right;
  439. margin: 16px auto;
  440. }
  441. /* audio player */
  442. #audio{
  443. position: relative;
  444. height: 42px;
  445. }
  446. #play {
  447. width: 28px;
  448. height: 30px;
  449. overflow: hidden;
  450. position: absolute;
  451. margin-left: 7px;
  452. margin-top: 6px;
  453. opacity: .3;
  454. }
  455. .play {
  456. background: #fbfbfb;
  457. width: 40px;
  458. height: 40px;
  459. border: 1px solid {color:Light Accents};
  460. border-radius: 100%;
  461. float: left;
  462. }
  463. #ti {
  464. width: calc(100% - 47px);
  465. position: absolute;
  466. margin-left: 47px;
  467. padding: 15px 0px;
  468. text-align: center;
  469. font: 10px 'Yantramanav', sans-serif;
  470. letter-spacing: 0.5px;
  471. }
  472.  
  473. /* lightbox */
  474. .vignette, #vignette {
  475. opacity:0;
  476. }
  477. .lightbox-image, #tumblr_lightbox img {
  478. box-shadow:none !important;
  479. border-radius:0 !important;
  480. max-width:none;
  481. }
  482. .tmblr-lightbox, #tumblr_lightbox {
  483. background-color:rgba(245,245,245,.98) #fff !important;
  484. }
  485. .lightbox-caption, #tumblr_lightbox_caption {
  486. visibility:hidden;
  487. }
  488. .lightbox-image, #tumblr_lightbox img {
  489. border:5px solid #fff !important;
  490. -moz-box-sizing:border-box;
  491. box-sizing:border-box;
  492. }
  493. .cred{
  494. position: fixed;
  495. bottom: 5px;
  496. right: 5px;
  497. }
  498.  
  499. /*tumblr controls */
  500. #tumblr_controls,
  501. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
  502. position:fixed!important;
  503. top: 0px!important;
  504. right: 0px!important;
  505. opacity:0!important;
  506. -webkit-filter:invert(100%);
  507. -webkit-backface-visibility:hidden;
  508. padding:10px 40px 10px 10px;
  509. -webkit-transition:opacity .3s ease-out;
  510. transition:opacity .3s ease-out;
  511. z-index: 16;
  512. }
  513. #tumblr_controls:hover,
  514. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls:hover {
  515. opacity:.1!important;
  516. }
  517.  
  518. </style>
  519. </head>
  520.  
  521. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  522. <body>
  523.  
  524. <!----sidebar--->
  525. <div id="tou">
  526. <div class="heading"><a href="/">{Title}</a></div>
  527. <div id="nav">
  528. <a href="{text:Link 1 url}">{text:Link 1 title}.</a> 
  529. <a href="{text:Link 2 url}">{text:Link 2 title}.</a> 
  530. <a href="{text:Link 3 url}">{text:Link 3 title}.</a>
  531. </div>
  532. <div class="ico">
  533. <a href="/" class="pe-7s-home" title="refresh"></a>
  534. <a href="/faq" class="pe-7s-chat" title="message"></a>
  535. <a href="/archive" class="pe-7s-folder" title="history"></a>
  536. </div>
  537. </div>
  538. <!----->
  539. <!-----sidebar------>
  540. <div id="kp">
  541. <div class="desc">{Description}</div>
  542. </div>
  543. <!------>
  544.  
  545. <div id="center">
  546. <div id="content">
  547. {block:Posts}
  548. <!-- {block:NoRebloggedFrom}
  549. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  550. {/block:NoRebloggedFrom} -->
  551. <div class="entry">
  552.  
  553.  
  554.  
  555. {block:Photo}
  556. {block:IndexPage}
  557. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  558. {/block:IndexPage}
  559. {block:PermalinkPage}
  560. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  561. {LinkCloseTag}
  562. {/block:PermalinkPage}
  563. {/block:Photo}
  564.  
  565.  
  566.  
  567. {block:Photoset}
  568. <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>
  569.  
  570. {/block:Photoset}
  571.  
  572.  
  573. {block:Text}
  574. {block:Title}<h1>{Title}</h1>{/block:Title}
  575. <div class="texts">{Body}</div>
  576.  
  577. {/block:Text}
  578.  
  579.  
  580. {block:Link}
  581. <h1><a href="{URL}">{Name}</a></h1>
  582. {block:Description}{Description}{/block:Description}
  583. {/block:Link}
  584.  
  585.  
  586. {block:Quote}
  587. <div class="quote">{Quote}</div>
  588. {block:Source}<div class="source">{Source}</div>{/block:Source}
  589. {/block:Quote}
  590.  
  591.  
  592. {block:Chat}
  593. {block:Title}<h1>{Title}</h1>{/block:Title}
  594. {block:Lines}
  595. <div class="chat">
  596. {block:Label}<b>{Label}</b>{/block:Label}
  597. <span><i>{Line}</i><br></span>
  598. </div>
  599. {/block:Lines}
  600. {/block:Chat}
  601.  
  602.  
  603. {block:Audio}
  604. <div id="audio">
  605. <div class="play"><div id="play">{AudioPlayerWhite}</div></div>
  606. <div id="ti">{block:TrackName}<b>{TrackName}</b> {/block:TrackName}{block:Artist}by {Artist}{/block:Artist}</div>
  607. </div>
  608.  
  609. {/block:Audio}
  610.  
  611.  
  612. {block:Answer}
  613. <div class="anbl">
  614. <div class="ask">
  615. <i>{Question}</i>
  616. </div>
  617.  
  618. <div align="right" class="ans">{Asker}</div>
  619. {Answer}
  620. </div>
  621. {/block:Answer}
  622.  
  623.  
  624. {block:Video}
  625. <center>{Video-250}</center>
  626.  
  627. {/block:Video}
  628.  
  629.  
  630. <!---c a p t i o n s--->
  631. {block:ifCaptions}
  632. {block:IndexPage}
  633. {block:Caption}<div id="capt">{Caption}</div>{/block:Caption}
  634. {/block:IndexPage}
  635. {/block:ifCaptions}
  636. {block:PermalinkPage}
  637. {block:Caption}<div id="capt">{Caption}</div>{/block:Caption}
  638. {/block:PermalinkPage}
  639.  
  640.  
  641. <!---permalinks--->
  642. {block:IndexPage}
  643. <div id="perma">
  644. <div class="nc"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  645. <div class="rl"><a href="{ReblogURL}" class="pe-7s-refresh-2"></a></div>
  646.  
  647. <!---like button courtesy of @shythemes--->
  648. <div class="controls">
  649. <a href="#" class="like">{LikeButton}
  650. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  651. </a>
  652. </div>
  653. <!------>
  654. </div>
  655.  
  656. {/block:IndexPage}
  657.  
  658. </div> <!---end of entry div--->
  659.  
  660. <!---perma page--->
  661. {block:PermalinkPage}
  662. <div id="info"><h2>posted on {ShortMonth} {DayofMonth}th with {NoteCountWithLabel} / {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a> + <a href="{ReblogRootURL}" title="{ReblogRootName}">SOURCE</a>{/block:RebloggedFrom}</h2>
  663. {block:HasTags}<div class="tags"><b class="pe-7s-ticket"></b> {block:Tags}<a href="{TagURL}"> {Tag}, </a>{/block:Tags}</div>{/block:HasTags}
  664. </div>
  665. {/block:PermalinkPage}
  666. <!----->
  667.  
  668.  
  669. {/block:Posts}
  670. <!------postnotes---->
  671. {block:PostNotes}{PostNotes}{/block:PostNotes}
  672.  
  673.  
  674.  
  675.  
  676.  
  677. {block:ContentSource}<!-- {SourceURL}
  678. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  679. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  680. {/block:ContentSource}
  681. </div> <!---end of content div--->
  682.  
  683.  
  684. {block:Pagination}<!-- pagination -->
  685. <div id="pagination">
  686. {block:PreviousPage}<a class="back" href="{PreviousPage}">back</a>{block:NextPage} {/block:NextPage}{/block:PreviousPage}
  687. {block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}
  688. </div>
  689. {/block:Pagination}
  690.  
  691.  
  692. </div><!---end of center div--->
  693.  
  694.  
  695.  
  696. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  697. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  698. {block:IndexPage}
  699. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  700. {block:ifInfiniteScroll}
  701. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  702. {/block:ifInfiniteScroll}
  703.  
  704. {/block:IndexPage}
  705. <script>
  706. $(document).ready(function(){
  707. $('.photo-slideshow').pxuPhotoset({
  708. lightbox: true,
  709. rounded: false,
  710. gutter: '2px',
  711. photoset: '.photo-slideshow',
  712. photoWrap: '.photo-data',
  713. photo: '.pxu-photo'
  714. });
  715. {block:IndexPage}
  716. var $container = $('#content');
  717. $container.masonry({ itemSelector: '.entry' });
  718. $container.imagesLoaded(function(){
  719. $container.masonry();
  720. $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
  721. });
  722. {block:ifInfiniteScroll}
  723. $container.infinitescroll({
  724. itemSelector: '.entry',
  725. navSelector: '#pagination',
  726. nextSelector: '.next',
  727. loadingImg: '',
  728. loadingText: '<em></em>',
  729. bufferPx: 2000
  730. },
  731. function( newElements ) {
  732. var $newElems = $( newElements );
  733. var $newElemsIDs = $newElems.map(function(){
  734. return this.id;
  735. }).get();
  736. console.log($newElems, $newElemsIDs);
  737. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  738. $newElems.find('.photo-slideshow').pxuPhotoset({
  739. lightbox: true,
  740. rounded: false,
  741. gutter: '1px',
  742. photoset: '.photo-slideshow',
  743. photoWrap: '.photo-data',
  744. photo: '.pxu-photo'
  745. },
  746. function(){
  747. $container.masonry();
  748. });
  749. $newElems.imagesLoaded(function(){
  750. $container.masonry( 'appended', $newElems );
  751. $newElems.animate({ opacity: 1, zIndex: 1 });
  752. });
  753. });
  754. {/block:ifInfiniteScroll}
  755. {/block:IndexPage}
  756. });
  757. </script>
  758.  
  759. <div class="cred"><a href="www.rnirae.tumblr.com/">thm</a></div>
  760.  
  761. </body>
  762. </html>
Advertisement
Add Comment
Please, Sign In to add comment