API tools faq
paste
Advertisement
neothm

#17 AFTON'S

neothm
Nov 4th, 2016
1,929
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.39 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <!--
  5.  
  6. #17 AFTON'S BY NEO
  7. ==================
  8.  
  9. ### It is IMPORTANT that you do not delete any of the following.
  10.  
  11. ## Information
  12. Creator: @MTRICS | @NEOTHM
  13. Release: 05/11/2016
  14. Version: 0.1
  15. Latest update: 08/11/2016
  16. Log: fixed music posts
  17.  
  18. ## Dependencies
  19. Photosets: © Pixel Union
  20. Videos: © shythemes
  21. Images loaded: © David Desandro
  22. Infinite Scroll: © Paul Irish
  23. Photosets: © Pixel Union
  24. Tooltips: © Style my tooltips
  25. Un-nest: © magnusthemes & neothm
  26. Inspiration:
  27.  
  28. ## F.A.Q
  29. Q: A:
  30.  
  31. ## Links
  32. Support http://neothm.com/tagged/q&a
  33. > #17 SPECIFIC http://neothm.com/tagged/a:17
  34. Terms of use http://neothm.com/terms
  35. Tips & tricks http://neothm.com/tagged/101
  36.  
  37. ## License
  38. LICENSED UNDER CREATIVE COMMONS ATTRIBUTION-NONCOMMERCIAL-
  39. NODERIVATIVES 4.0 INTERNATIONAL LICENSE (CC BY-NC-ND 4.0)
  40. [http://creativecommons.org/licenses/by-nc-nd/4.0/]
  41. (CC) 2016, NEO @NEOTHM
  42.  
  43. Permission to use and modify this theme for personal purposes is
  44. hereby granted, provided that the above notice and this
  45. permission notice remain in all copies.
  46.  
  47. THIS THEME IS PROVIDED "AS IS" AND THE CREATOR DISCLAIMS ALL
  48. WARRANTIES WITH REGARD TO THE FOLLOWING CODE.
  49.  
  50. -->
  51. <title>{block:PostTitle}{PostTitle} | {/block:PostTitle}{Title}</title>
  52. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  53. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  54. <meta name="author" content="neothm">
  55. <link rel="stylesheet" href="http://static.tumblr.com/emvnqzg/ZjEo04ht8/pxu.css">
  56. <link href='https://fonts.googleapis.com/css?family={text:GoogleFont}:400,400italic,700,700italic|{text:GoogleFontTitle}:500,700' rel='stylesheet' type='text/css'>
  57. <link rel="shortcut icon" href="{image:Favicon}">
  58. <!--
  59. OPTIONS
  60. -->
  61. <meta name="text:GoogleFont" content="PT Serif">
  62. <meta name="text:GoogleFontTitle" content="Playfair Display">
  63. <meta name="select:FontSize" content="9px">
  64. <meta name="select:FontSize" content="10px">
  65. <meta name="select:FontSize" content="11px">
  66. <meta name="select:FontSize" content="12px">
  67. <meta name="select:FontSize" content="13px">
  68. <meta name="select:FontSize" content="14px">
  69. <meta name="select:PostSize" content="60%">
  70. <meta name="select:PostSize" content="70%">
  71. <meta name="select:PostSize" content="80%">
  72. <meta name="select:PostSize" content="90%">
  73. <meta name="text:PhotosetSpacing" content="2px">
  74. <meta name="select:NextPage" content="pagi" title="Pagination">
  75. <meta name="select:NextPage" content="ldmr" title="Load button">
  76. <meta name="select:NextPage" content="ifnt" title="Infinite Scroll">
  77. <meta name="color:BackgroundColor" content="#f6f6f6">
  78. <meta name="color:Text" content="#5b5b5b">
  79. <meta name="color:Links" content="#aaaaaa">
  80. <meta name="color:LinksHover" content="#000000">
  81. <meta name="color:Accent" content="#f5ad58">
  82. <meta name="image:Favicon" content="{Favicon}">
  83. <meta name="image:Header" content="">
  84. <meta name="image:Profile" content="">
  85. <meta name="text:ProfileTitle" content="">
  86. <meta name="if:Profile" content="1">
  87. <meta name="if:Profile" content="1">
  88. <meta name="if:Link1" content="1">
  89. <meta name="if:Link2" content="1">
  90. <meta name="if:Link3" content="1">
  91. <meta name="text:Link1URL" content="http://">
  92. <meta name="text:Link1Label" content="Cat pictures">
  93. <meta name="text:Link1Subtitle" content="Who doesn't love cute kitties?">
  94. <meta name="text:Link2URL" content="http://">
  95. <meta name="text:Link2Label" content="Cat pictures">
  96. <meta name="text:Link2Subtitle" content="Who doesn't love cute kitties?">
  97. <meta name="text:Link3URL" content="http://">
  98. <meta name="text:Link3Label" content="Cat pictures">
  99. <meta name="text:Link3Subtitle" content="Who doesn't love cute kitties?">
  100. <style type="text/css">
  101. *{
  102. margin:0;
  103. padding:0;
  104. }
  105. html, body{
  106. height:100%;
  107. }
  108. body, small, input, pre, big, textarea{
  109. color:{color:Text};
  110. font:400 {select:FontSize}/1.7 {text:GoogleFont}, sans-serif;
  111. }
  112. body{
  113. background-color:{color:BackgroundColor};
  114. -webkit-font-smoothing: antialiased;
  115. -moz-osx-font-smoothing: grayscale;
  116. }
  117. #noscroll{
  118. overflow-x:hidden;
  119. }
  120. a{
  121. color:{color:Links};
  122. text-decoration:none;
  123. }
  124. a:hover{
  125. color:{color:LinksHover};
  126. cursor:pointer!important;
  127. }
  128. ::selection{
  129. background-color:#000;
  130. color:#fff;
  131. }
  132. ::-moz-selection{
  133. background-color:#000;
  134. color:#fff;
  135. }
  136. ::-webkit-scrollbar{
  137. width:11px;
  138. height:11px;
  139. background-color:{color:BackgroundColor};
  140. }
  141. ::-webkit-scrollbar-track{
  142. border:5px solid {color:BackgroundColor};
  143. background-color:{color:BackgroundColor};
  144. }
  145. ::-webkit-scrollbar-thumb{
  146. border:5px solid {color:BackgroundColor};
  147. background-color: {color:Text};
  148. }
  149. .tmblr-iframe.iframe-controls--desktop,
  150. #tumblr_controls{
  151. right:5vw!important;
  152. top:5vh!important;
  153. position:absolute!important;
  154. transform:scale(.7);
  155. -webkit-transform:scale(.7);
  156. -moz-transform:scale(.7);
  157. z-index:999999999!important;
  158. filter:invert(100%);
  159. -webkit-filter:invert(100%);
  160. -moz-filter:invert(100%);
  161. -ms-filter:invert(100%);
  162. -o-filter:invert(100%);
  163. }
  164. #s-m-t-tooltip{
  165. z-index:9999;
  166. margin:15px;
  167. padding:5px 15px;
  168. border-radius:4px;
  169. background:rgba(0,0,0,.7);
  170. color:#fff;
  171. text-align:center;
  172. text-transform:uppercase;
  173. max-width:120px;
  174. font:10px/1.5 serif;
  175. letter-spacing:1px;
  176. }
  177. .tmblr-lightbox{
  178. background-color: rgba(240,240,240,.9)!important;
  179. }
  180. .tmblr-lightbox .vignette{
  181. background-image:none!important;
  182. }
  183. .tmblr-lightbox .lightbox-image {
  184. box-shadow:none!important;
  185. outline: 20px solid #fff;
  186. }
  187.  
  188. /*
  189. TRANSITIONS
  190. */
  191. #loadmore:after, #loadmore:hover:after,
  192. a, a:hover{
  193. transition-duration:.3s;
  194. -webkit-transition-duration:.3s;
  195. -moz-transition-duration:.3s;
  196. -ms-transition-duration:.3s;
  197. -o-transition-duration:.3s;
  198. }
  199. /*{
  200. transition-duration:.8s;
  201. -webkit-transition-duration:.8s;
  202. -moz-transition-duration:.8s;
  203. -ms-transition-duration:.8s;
  204. -o-transition-duration:.8s;
  205. }*/
  206.  
  207. /*
  208. CLEARFIX
  209. */
  210. /*:after{
  211. display:table;
  212. content:"";
  213. clear:both;
  214. }*/
  215.  
  216. /*
  217. THEME
  218. */
  219.  
  220. header{
  221. width:100%;
  222. height:100%;
  223. position:relative;
  224. }
  225. header > *{
  226. position:absolute;
  227. }
  228. nav{
  229. background-color:#fff;
  230. z-index:1;
  231. }
  232. nav#top{
  233. width:90vw;
  234. height:15vh;
  235. }
  236. nav#right{
  237. width:100vh;
  238. height:10vw;
  239. top:50%;
  240. left:100%;
  241. z-index:1;
  242. transform: rotate(-90deg) translate(-50%, -100%);
  243. -webkit-transform-origin: 0% 0%;
  244. transform-origin: 0% 0%;
  245. }
  246. nav ul{
  247. position:absolute;
  248. left:50px;
  249. top:50%;
  250. transform:translateY(-50%);
  251. list-style:none;
  252. }
  253. nav li{
  254. padding-right:35px;
  255. line-height:1;
  256. font-size:12px;
  257. }
  258.  
  259. .tags a,
  260. .parents p span,
  261. nav li span{
  262. font-size:10px;
  263. line-height:1.5;
  264. display:block;
  265. text-transform:uppercase;
  266. letter-spacing:1px;
  267. font-weight:bold;
  268. color:#000;
  269. }
  270. nav#right ul{
  271. box-sizing:border-box;
  272. padding-right:15vh;
  273. display:table;
  274. width:100%;
  275. table-layout:fixed;
  276. }
  277. nav#right li{
  278. display:table-cell;
  279. }
  280. nav#top li{
  281. display:inline-block;
  282. }
  283. #headerMedia{
  284. background:#fff url('{image:Header}') center;
  285. background-size:cover;
  286. bottom:0px;
  287. left:0px;
  288. width:90%;
  289. height:85%;
  290. }
  291. {block:IfProfile}
  292. #description{
  293. bottom:50px;
  294. left:50px;
  295. background:#fff;
  296. padding:50px;
  297. width:300px;
  298. -webkit-box-shadow: 0px 5px 10px 0px rgba(200,200,200,02);
  299. -moz-box-shadow: 0px 5px 10px 0px rgba(200,200,200,0.2);
  300. box-shadow: 0px 5px 10px 0px rgba(200,200,200,0.2);
  301. }
  302. #description h1{
  303. font:bold 20px/1.5 {text:GoogleFontTitle}, Arial;
  304. margin-bottom:10px;
  305. }
  306. #description > img{
  307. box-sizing:border-box;
  308. position:absolute;
  309. width:90px;
  310. height:90px;
  311. border-radius:45px;
  312. top:0px;
  313. left:0px;
  314. transform:translate(25%, -50%);
  315. border:5px solid #fff;
  316. }
  317. {/block:IfProfile}
  318. section{
  319. margin-top:150px;
  320. }
  321. article{
  322. /*{block:IndexPage}overflow:hidden;{/block:IndexPage}*/
  323. width:{select:PostSize};
  324. margin:100px auto;
  325. position:relative;
  326. counter-increment: posts;
  327. }
  328.  
  329. .audpost{
  330. font-size:0px;
  331. background-color:#fff;
  332. }
  333. .audpost + .caption{
  334. margin-top:-20px;
  335. }
  336. .playbutton{
  337. width:200px;
  338. height:200px;
  339. overflow:hidden;
  340. position:relative;
  341. }
  342. .playbutton img{
  343. display:block;
  344. height:200px;
  345. width:200px;
  346. object-fit:cover;
  347. }
  348. .playbutton > span{
  349. position:absolute;
  350. top: 50%;
  351. left: 50%;
  352. z-index: 2;
  353. width: 50px;
  354. height: 50px;
  355. overflow: hidden;
  356. background-color: #fff;
  357. margin: -25px 0px 0 -25px;
  358. }
  359. .playbutton .audio_player{
  360. width: 20px;
  361. height: 20px;
  362. overflow: hidden;
  363. margin: 12px 0px 0px 12px;
  364. }
  365. .playbutton,
  366. .playinfo{
  367. display:inline-block;
  368. vertical-align:middle;
  369. }
  370. .playinfo{
  371. width:calc(100% - 200px);
  372. box-sizing:border-box;
  373. padding:0px 50px;
  374. }
  375. .playinfo > b{
  376. display:block;
  377. font:normal 40px/1.2 {text:GoogleFontTitle}, arial;
  378. }
  379. .playinfo > p{
  380. font-size:17px;
  381. font-style:italic;
  382. }
  383. .text .source,
  384. .caption{
  385. padding:50px;
  386. background-color:#fff;
  387. width:90%;
  388. margin:-40px auto 0;
  389. box-sizing:border-box;
  390. position:relative;
  391. z-index:1;
  392. -webkit-box-shadow: 0px 5px 10px 0px rgba(200,200,200,02);
  393. -moz-box-shadow: 0px 5px 10px 0px rgba(200,200,200,0.2);
  394. box-shadow: 0px 5px 10px 0px rgba(200,200,200,0.2);
  395. }
  396. .asker{
  397. background-color:#fff;
  398. padding:3vw 10vw 10px;
  399. }
  400. .asker p{
  401. margin-top:10px;
  402. }
  403. .caption ul, .caption ol{
  404. padding-left:30px;
  405. }
  406. .caption ul.chat{
  407. padding:0px;
  408. list-style:none;
  409. }
  410. .caption ul.chat li{
  411. display:table;
  412. width:100%;
  413. margin-bottom:10px;
  414. }
  415. .caption ul.chat li label{
  416. background-color:#fafafa;
  417. border:1px solid #f2f2f2;
  418. padding:2px 5px;
  419. }
  420. .caption ul.chat li label,
  421. .caption ul.chat li p{
  422. display:table-cell;
  423. vertical-align:middle;
  424. }
  425. .caption ul.chat li p{
  426. width:100%;
  427. }
  428. .caption ul.chat li label + p{
  429. padding-left:10px;
  430. }
  431. .tumblr_parent blockquote{
  432. margin:20px 0 0;
  433. padding-left:30px;
  434. border-left:1px solid #eee;
  435. }
  436. .tumblr_parent > :not(:last-child):not(.tumblr_blog):not(.tumblr_avatar){
  437. margin-bottom:15px;
  438. }
  439. .text > h3{
  440. padding:20px 10vw 0;
  441. color:#000;
  442. font:50px/1.5 {text:GoogleFontTitle}, Arial;
  443. background-color:#fff;
  444. }
  445. .text > h3:last-child{
  446. padding-bottom:5vw;
  447. }
  448. .text .source,
  449. .text .caption{
  450. padding:20px 10vw 5vw;
  451. width:100%;
  452. margin:0;
  453. }
  454. .text .source{
  455. font-style:italic;
  456. text-align:center;
  457. padding-bottom:20px;
  458. }
  459. article img{
  460. max-width:100%;
  461. }
  462. .video iframe{
  463. max-width:initial!important;
  464. }
  465. .pictures{
  466. display:block;
  467. min-width:100%;
  468. object-fit:cover;
  469. max-height:400px;
  470. }
  471. .tumblr_parent:not(:last-of-type){
  472. margin-bottom:25px;
  473. }
  474. .tumblr_avatar,
  475. .tumblr_blog{
  476. display:inline-block;
  477. vertical-align:middle;
  478. }
  479. .tumblr_blog{
  480. text-transform:uppercase;
  481. letter-spacing:1px;
  482. font-size:9px;
  483. }
  484. .tumblr_blog + *{
  485. margin-top:10px;
  486. }
  487. .tumblr_avatar{
  488. margin-right:10px;
  489. border-radius:3px;
  490. width:20px;
  491. }
  492. article time{
  493. line-height:40px;
  494. text-align:center;
  495. background-color:#fff;
  496. display:block;
  497. width:100%;
  498. }
  499. article time a{
  500. color:{color:Text};
  501. }
  502. .text .source b,
  503. .playinfo > p,
  504. article time b{
  505. display:inline-block;
  506. position:relative;
  507. padding-left:30px;
  508. margin-right:10px;
  509. }
  510. article time b:after{
  511. content:"0" counter(posts);
  512. }
  513. .text .source b:before,
  514. .playinfo > p:before,
  515. article time b:before{
  516. content:"";
  517. position:absolute;
  518. left:0px;
  519. top:50%;
  520. margin-top:-1px;
  521. height:2px;
  522. width:20px;
  523. background-color:{color:Accent};
  524. }
  525.  
  526. footer{
  527. text-align:center;
  528. margin:150px 0;
  529. letter-spacing:1px;
  530. }
  531. #pagination{
  532. text-transform:uppercase;
  533. font-size:10px;
  534. }
  535. #pagination span{
  536. margin:0 20px;
  537. }
  538. #pagination a{
  539. word-spacing:5px;
  540. }
  541. #loadmore{
  542. display:table;
  543. margin:0 auto;
  544. font:18px/2 {text:GoogleFontTitle}, arial;
  545. position:relative;
  546. }
  547. #loadmore:after{
  548. content:"";
  549. display:block;
  550. height:1px;
  551. width:0%;
  552. bottom:0px;
  553. left:0px;
  554. background-color:{color:Links};
  555. }
  556. #loadmore:hover:after{
  557. width:100%;
  558. }
  559. #infscr-loading,
  560. .pagi #loadmore,
  561. .ldmr #pagination,
  562. .ifnt{
  563. display:none!important;
  564. }
  565.  
  566. {block:PermalinkPage}
  567. #description,
  568. #headerMedia,
  569. nav#right,
  570. nav#top{
  571. position:relative;
  572. width:100%;
  573. height:10vh;
  574. }
  575. header{
  576. height:auto;
  577. }
  578. .tmblr-iframe.iframe-controls--desktop,
  579. #tumblr_controls{
  580. right:0vw!important;
  581. top:3vh!important;
  582. }
  583.  
  584. nav#right{
  585. border-top:1px solid {color:BackgroundColor};
  586. position:relative;
  587. top:0px;
  588. left:0px;
  589. transform: rotate(0deg) translate(0, 0);
  590. z-index:3;
  591. }
  592. #headerMedia{
  593. height:15vh;
  594. }
  595. #description{
  596. top:0px;
  597. left:0px;
  598. }
  599. #description{
  600. padding:20px 50px;
  601. display:table;
  602. }
  603. #description h1{
  604. margin-bottom:0px;
  605. }
  606. #description > img,
  607. #description > div{
  608. display:table-cell;
  609. vertical-align:middle;
  610. }
  611. #description > div{
  612. width:calc(100% - 95px);
  613. padding-left: 25px;
  614. }
  615. #description > img{
  616. position:relative;
  617. width:70px;
  618. height:70px;
  619. transform:translate(0, 0);
  620. }
  621.  
  622. .text > h3{
  623. padding:20px 50px 0;
  624. }
  625. .text > h3:last-child{
  626. padding-bottom:25px;
  627. }
  628. .text .source,
  629. .text .caption,
  630. .caption{
  631. padding:50px 50px 25px;
  632. width:100%;
  633. margin:0px;
  634. box-shadow:none;
  635. }
  636. .text .source,
  637. .text .caption{
  638. padding-top:20px;
  639. }
  640. .tags{
  641. z-index:9999;
  642. word-break:break-all;
  643. position:absolute;
  644. background-color:#fff;
  645. max-width:200px;
  646. padding:30px;
  647. top:100px;
  648. right:0px;
  649. transform:translateX(50%);
  650. }
  651. .tags a:not(:last-child){
  652. margin-right:10px;
  653. }
  654. .pictures{
  655. max-height:initial;
  656. }
  657. .parents{
  658. border-top:1px solid {color:BackgroundColor};
  659. width:100%;
  660. box-sizing:border-box;
  661. padding:25px 50px;
  662. background-color:#fff;
  663. display:table;
  664. }
  665. .parents a{
  666. color:{color:Text};
  667. display:table-cell;
  668. vertical-align:top;
  669. font-size:0px;
  670. }
  671. .parents img{
  672. border-radius:3px;
  673. width:30px;
  674. margin-right:20px;
  675. }
  676. .parents p{
  677. line-height:1.3;
  678. font-size:11px;
  679. width:calc(100% - 50px);
  680. }
  681. .parents p span{
  682. display:block;
  683. }
  684. .parents img,
  685. .parents p{
  686. display:inline-block;
  687. vertical-align:middle;
  688.  
  689. }
  690. ol.notes{
  691. border-top:1px solid {color:BackgroundColor};
  692. background-color: #fff;
  693. font-size: 0;
  694. text-align:center;
  695. padding: 25px 50px 50px;
  696. }
  697. li.note {
  698. list-style: none;
  699. display: inline-block;
  700. width: 30px;
  701. margin:10px;
  702. }
  703. img.avatar{
  704. border-radius: 3px;
  705. }
  706. .note.more_notes_link_container{
  707. display:block;
  708. padding-bottom:30px;
  709. margin:10px auto 0;
  710. }
  711. .more_notes_link{
  712. display: inline-block;
  713. width:30px;
  714. height:30px;
  715. background: #fff url('http://static.tumblr.com/wgg6svp/vGzo7wew4/loadmore.png') top center no-repeat;
  716. background-size: 20px 20px;
  717. }
  718. .more_notes_link:hover{
  719. transform:rotate(30deg);
  720. }
  721. {/block:PermalinkPage}
  722. </style>
  723. <script>
  724.  
  725. </script>
  726. </head>
  727. <body id="noscroll">
  728. <header>
  729. <nav id="top">
  730. <ul>
  731. <li>
  732. <a href="/" title="Index">
  733. <span>Home</span>
  734. {Title}
  735. </a>
  736. </li>
  737. <li>
  738. <a href="/ask" title="{AskLabel}">
  739. <span>Message</span>
  740. {AskLabel}
  741. </a>
  742. </li>
  743. </ul>
  744. </nav>
  745. <nav id="right">
  746. <ul>
  747. {block:IfLink1}
  748. <li>
  749. <a href="{text:Link1URL}" title="{text:Link1Label}">
  750. <span>{text:Link1Label}</span>
  751. {text:Link1Subtitle}
  752. </a>
  753. </li>
  754. {/block:IfLink1}
  755. {block:IfLink2}
  756. <li>
  757. <a href="{text:Link2URL}" title="{text:Link2Label}">
  758. <span>{text:Link2Label}</span>
  759. {text:Link2Subtitle}
  760. </a>
  761. </li>
  762. {/block:IfLink2}
  763. {block:IfLink3}
  764. <li>
  765. <a href="{text:Link3URL}" title="{text:Link3Label}">
  766. <span>{text:Link3Label}</span>
  767. {text:Link3Subtitle}
  768. </a>
  769. </li>
  770. {/block:IfLink3}
  771. </ul>
  772. </nav>
  773. <div id="headerMedia"></div>
  774. {block:IfProfile}
  775. <div id="description">
  776. <img src="{image:Profile}">
  777. <div>
  778. <h1>{text:ProfileTitle}</h1>
  779. {Description}
  780. </div>
  781. </div>
  782. {/block:IfProfile}
  783. </header>
  784.  
  785.  
  786. <section>
  787. {block:Posts}
  788. <article>
  789.  
  790.  
  791. {block:PermalinkPage}
  792. {block:HasTags}
  793. <div class="tags">
  794. {block:Tags}
  795. <a href="{TagURL}">#{Tag}</a>
  796. {block:Tags}
  797. </div>
  798. {/block:HasTags}
  799. {/block:PermalinkPage}
  800. {block:Date}<time datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero} {12HourWithZero}"><a href="{Permalink}"><b></b> <i>{TimeAgo}{block:PermalinkPage}{block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount}{/block:PermalinkPage}</i></a></time>{/block:Date}
  801. {block:Photo}
  802. <a onclick="Tumblr.Lightbox.init([/*, /**/ { width: {PhotoWidth-500}, height: {PhotoHeight-500}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' } ]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  803. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" draggable="false" class="pictures">
  804. </a>
  805. {block:Caption}
  806. <div class="caption">
  807. {Caption}
  808. </div>
  809. {/block:Caption}
  810. {/block:Photo}
  811. {block:Text}
  812. <div class="text">
  813. {block:Title}
  814. <h3>{Title}</h3>
  815. {/block:Title}
  816. <div class="caption">{Body}</div>
  817. </div>
  818. {/block:Text}
  819. {block:Link}
  820. <div class="text">
  821. <h3><a href="{URL}" target="{Target}">{Name} »</a></h3>
  822. {block:Description}
  823. <div class="caption">{Description}</div>
  824. {/block:Description}
  825. </div>
  826. {/block:Link}
  827. {block:Chat}
  828. <div class="text">
  829. {block:Title}<h3>{Title}</h3>{/block:Title}
  830. <div class="caption">
  831. <ul class="chat">
  832. {block:Lines}
  833. <li>
  834. {block:Label}
  835. <label>{Label}</label>
  836. {/block:Label}
  837. <p>{Line}</p>
  838. </li>
  839. {/block:Lines}
  840. </ul>
  841. </div>
  842. </div>
  843. {/block:Chat}
  844. {block:Video}
  845. <div class="video">
  846. {Video-500}
  847. </div>
  848. {block:Caption}
  849. <div class="caption">
  850. {Caption}
  851. </div>
  852. {/block:Caption}
  853. {/block:Video}
  854.  
  855. {block:Audio}
  856. <div class="audpost">
  857. <div class="playbutton">
  858. {block:AlbumArt}
  859. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist} ">
  860. {/block:AlbumArt}
  861. {block:AudioPlayer} {AudioPlayer} {/block:AudioPlayer}
  862. </div>
  863. <div class="playinfo">
  864. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  865. {block:Artist}
  866. <p>{Artist}</p>
  867. {/block:Artist}
  868. <!--{block:Album}
  869. <p>{Album}</p>
  870. {/block:Album}-->
  871. </div>
  872. </div>
  873. {block:Caption}
  874. <div class="caption">
  875. {Caption}
  876. </div>
  877. {/block:Caption}
  878. {/block:Audio}
  879. {block:Quote}
  880. <div class="text">
  881. <h3>{Quote}</h3>
  882. {block:Source}
  883. <div class="source"><b>{Source}</b></div>
  884. {/block:Source}
  885. </div>
  886. {/block:Quote}
  887. {block:Answer}
  888. <div class="text">
  889. <blockquote class="tumblr_parent asker">
  890. <img src="{AskerPortraitURL-96}" class="tumblr_avatar"><div class="tumblr_blog">{Asker}</div>
  891. <p>{Question}</p>
  892. </blockquote>
  893. <div class="caption">
  894. {Answer}
  895. </div>
  896. </div>
  897. {/block:Answer}
  898. {block:Photoset}
  899. <div class="photo-slideshow" data-layout="{PhotosetLayout}">
  900. <a onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: {PhotoWidth-500}, height: {PhotoHeight-500}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  901. {block:Photos}
  902. <div class="photo-data">
  903. <div class="pxu-photo">
  904. <img alt="{PhotoAlt}" src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}">
  905. </div>
  906. </div>
  907. {/block:Photos}
  908. </a>
  909. </div>
  910. {block:Caption}
  911. <div class="caption">
  912. {Caption}
  913. </div>
  914. {/block:Caption}
  915. {/block:Photoset}
  916.  
  917.  
  918. {block:PermalinkPage}
  919. {block:RebloggedFrom}
  920. <div class="parents">
  921. <a href="{ReblogParentURL}" target="_blank">
  922. <img src="{ReblogParentPortraitURL-40}">
  923. <p>
  924. <span>via @{ReblogParentName}</span>
  925. <i>{ReblogParentTitle}</i>
  926. </p>
  927. </a>
  928. <a href="{ReblogRootURL}" target="_blank">
  929. <img src="{ReblogRootPortraitURL-40}">
  930. <p>
  931. <span>from @{ReblogRootName}</span>
  932. <i>{ReblogRootTitle}</i>
  933. </p>
  934. </a>
  935. </div>
  936. {/block:RebloggedFrom}
  937. {/block:PermalinkPage}
  938.  
  939. {block:PostNotes}
  940. {PostNotes-64}
  941. {/block:PostNotes}
  942.  
  943.  
  944.  
  945.  
  946. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}<!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  947. </article>
  948. {/block:Posts}
  949. </section>
  950.  
  951. {block:Pagination}
  952. <footer class="{select:NextPage}">
  953. {block:NextPage}
  954. <a id="loadmore">
  955. load more
  956. </a>
  957. {/block:NextPage}
  958. <div id="pagination">
  959. {block:PreviousPage}<a href="{PreviousPage}">&lsaquo; previous </a>{/block:PreviousPage}<span>{CurrentPage} of {TotalPages} pages</span>{block:NextPage} <a href="{NextPage}" id="nxt">next &rsaquo;</a>{/block:NextPage}
  960. </div>
  961. </footer>
  962. {/block:Pagination}
  963.  
  964.  
  965. </body>
  966. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
  967. <script src="http://static.tumblr.com/emvnqzg/NOVo0fisl/scripts.js"></script>
  968. <script src="http://static.tumblr.com/wgg6svp/sDinmsq3x/jquery.style-my-tooltips.js"></script>
  969. <script type="text/javascript" src="http://static.tumblr.com/wgg6svp/Wf8nw0j2c/pxuphotoset.js"></script>
  970. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  971. <script src="http://static.tumblr.com/q8c0vxg/xYrnjmd74/jquery.infinitescroll.min.js"></script>
  972. <script src="http://static.tumblr.com/wgg6svp/P0Sofxcrj/unnest.min.js"></script>
  973. <script src ="http://static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  974. <script>
  975. $(function(){
  976.  
  977. $("[title]").style_my_tooltips({
  978. tip_follows_cursor:true,
  979. tip_delay_time:200,
  980. tip_fade_speed:500
  981. });
  982. $('.photo-slideshow').pxuPhotoset({
  983. 'ligthbox' : true,
  984. 'rounded' : false,
  985. 'gutter' : '{text:PhotosetSpacing}'
  986. });
  987. $('article').unnest({
  988. newCaptionUsername: true,
  989. originalPostCaptionUsername: true,
  990. tumblrAvatars: true,
  991. usernameColon: false
  992. });
  993.  
  994. var parent = $('section');
  995. {block:IndexPage}
  996. if($('footer').hasClass('ldmr') || $('footer').hasClass('ifnt')){
  997. parent.infinitescroll({
  998. navSelector : "footer",
  999. nextSelector : "#nxt",
  1000. itemSelector : "article",
  1001. bufferPx : 50,
  1002. done : "",
  1003. loading: {
  1004. img : "",
  1005. msgText: "",
  1006. finishedMsg:""
  1007. },
  1008. },
  1009. function( newElements ) {
  1010. var $newElems = $( newElements ).css({ opacity: 0 });
  1011. $newElems.imagesLoaded(function(){
  1012. $newElems.animate({ opacity: 1 });
  1013. $('[title]').style_my_tooltips();
  1014. $newElems.unnest({
  1015. newCaptionUsername: true,
  1016. originalPostCaptionUsername: true,
  1017. tumblrAvatars: true,
  1018. usernameColon: false
  1019. });
  1020.  
  1021. $newElems.each(function(){ $(this).find('.photo-slideshow').pxuPhotoset({'ligthbox': true, 'rounded': false, 'gutter': '{text:PhotosetSpacing}' }); });
  1022.  
  1023. });
  1024. resizeVideos();
  1025. });
  1026. if($('footer').hasClass('ldmr')){
  1027. parent.infinitescroll({
  1028. behavior: 'twitter',
  1029. errorCallback: function () {
  1030. $('footer').fadeOut(700);
  1031. }
  1032. });
  1033. $(window).unbind('.infscr');
  1034. $('#loadmore').click(function(e){
  1035. e.preventDefault();
  1036. parent.infinitescroll('retrieve');
  1037. $('footer').show();
  1038. return false;
  1039. });
  1040. }
  1041. }
  1042. {/block:IndexPage}
  1043. });
  1044. </script>
  1045. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!