API tools faq
paste
Advertisement
tasty2punch

roykiv theme

tasty2punch
May 28th, 2016
95
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 22.28 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.    THEME: SMOTHER
  4.    by acuite
  5.  
  6. - don't steal this pls
  7. - enjoy, ilu (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
  8.  
  9. - @acuite for more themes
  10.  
  11. -->
  12.  
  13. <html>
  14. <head>
  15.  
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <meta name="image:Sidebar" content=""/>
  22.  
  23. <meta name="color:Background" content="#f8f8f8"/>
  24. <meta name="color:Post" content="#fff"/>
  25. <meta name="color:Border" content="#eee"/>
  26. <meta name="color:Text" content="#555"/>
  27. <meta name="color:Link" content="#999"/>
  28. <meta name="color:Hover" content="#89adc3"/>
  29.  
  30. <meta name="if:Title" content=""/>
  31. <meta name="if:Drop Links" content=""/>
  32. <meta name="if:Load More" content=""/>
  33. <meta name="if:Paginate" content=""/>
  34. <meta name="if:Round Edges" content=""/>
  35.  
  36. <meta name="select:Font" content="font_karla" title="Karla">
  37. <meta name="select:Font" content="font_os" title="Open Sans">
  38.  
  39. <meta name="select:Navigation" content="nare" title="Regular">
  40. <meta name="select:Navigation" content="nasi" title="Side">
  41.  
  42. <meta name="select:Permalink" content="boso" title="Bottom - Solid">
  43. <meta name="select:Permalink" content="boho" title="Bottom - Hover">
  44. <meta name="select:Permalink" content="siso" title="Side - Solid">
  45. <meta name="select:Permalink" content="siho" title="Side - Hover">
  46.  
  47. <meta name="select:Tags" content="tshow" title="Show">
  48. <meta name="select:Tags" content="thide" title="Hide">
  49. <meta name="select:Tags" content="thover" title="Hover">
  50.  
  51. <meta name="select:Captions" content="creg" title="Regular">
  52. <meta name="select:Captions" content="cmin" title="Minimal">
  53. <meta name="select:Captions" content="cinl" title="Inline">
  54. <meta name="select:Captions" content="chid" title="Hide">
  55.  
  56. <meta name="text:Post" content="350"/>
  57. <meta name="text:Sidebar" content="150"/>
  58. <meta name="text:Margin" content="75"/>
  59. <meta name="text:Padding" content="8"/>
  60.  
  61. <meta name="text:Link 1" content="/"/>
  62. <meta name="text:Link 1 Title" content="one"/>
  63. <meta name="text:Link 2" content="/" />
  64. <meta name="text:Link 2 Title" content="two"/>
  65. <meta name="text:Link 3" content="/" />
  66. <meta name="text:Link 3 Title" content="three"/>
  67. <meta name="text:Link 4" content="/" />
  68. <meta name="text:Link 4 Title" content="four"/>
  69.  
  70. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  71. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  72. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic|Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  73.  
  74. <style type="text/css">
  75.  
  76. /* Scroll */
  77.  
  78. ::-webkit-scrollbar {width:11px;height:11px;background:{color:Border};}
  79. ::-webkit-scrollbar-thumb {background:rgba({RGBcolor:Link},0.5);}
  80. ::-webkit-scrollbar,::-webkit-scrollbar-thumb {
  81.     border:5px solid {color:Background};
  82. }
  83.  
  84. /* Controls */
  85.  
  86. #tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{-webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:0.5;}
  87.  
  88. /* General */
  89. .mobile-only { display: none; }
  90. body { margin:0;color:{color:Text};background:{color:Background};}
  91. a:link, a:active, a:visited {text-decoration:none;}
  92. body,p,pre,blockquote,big,small,sub,sup {font-size:9px;}
  93. .font_karla{
  94.     font-family:'Karla',Arial,Helvetica,sans-serif;    
  95.     font-smooth:always;
  96.     -webkit-font-smoothing:antialiased;
  97.     -moz-osx-font-smoothing: grayscale;
  98. }
  99.  
  100. .font_os{font-family:'Open Sans',Arial,Helvetica,sans-serif;}
  101. a,.tags,.our_button,.like_button,.psid,.pbot {
  102.     transition:0.5s ease;
  103.     -o-transition:0.5s ease;
  104.     -moz-transition:0.5s ease;
  105.     -webkit-transition:0.5s ease;
  106. }
  107.  
  108. /* Credit & Scroll to Top */
  109. .d {
  110.    bottom: 26px;
  111.     font-size: 7px;
  112.     letter-spacing: 0.5px;
  113.     font-weight: bold;
  114.     text-transform: uppercase;
  115.     text-align: center;
  116.     background-color: #fff;
  117.     padding: 5px;
  118.     border: 1px solid #eee;
  119.     box-shadow: rgba(0,0,0,.05)1px 1px 2px;
  120.     position: fixed;
  121.     right: 80px;
  122. }
  123. .c,.top{position:fixed;right:30px;width:40px;}
  124. .c {bottom:30px;}
  125. .top {bottom:50px;display:none;}
  126.  
  127. /* Pagination */
  128.  
  129. .cp {font-weight:600;}
  130. .cp,.jp,.pag a{display:inline-block;vertical-align:middle;margin:0 10px;}
  131. .pag a i,.top{font-size:20px;}
  132. .pag {position:relative;}
  133. .load {cursor:pointer;display:block;}
  134. .c,.top,.pag,.load {text-align:center;}
  135. .c,.pag,.load {font-size:9px;letter-spacing:1px;text-transform:uppercase;}
  136. {block:ifnotPaginate}
  137. .pag,#infscr-loading {display:none!important;}
  138. {/block:ifnotPaginate}
  139.  
  140. /* Containers */
  141.  
  142. .center {
  143.     position:relative;
  144.     margin:{text:Margin}px auto;
  145.     width:calc({text:Post}px + 2px);
  146. }
  147.  
  148. .entry_hold {background:{color:Post};border:1px solid {color:Border};}
  149. .entry img{max-width:100%;height:auto;}
  150. .entry {
  151.     width:calc({text:Post}px + 2px + ({text:Padding}px * 2));
  152.     margin:{text:Margin}px 0;
  153. }
  154.  
  155. /* Sidebar */
  156.  
  157. aside {
  158.     position:fixed;
  159.     width:{text:Sidebar}px;
  160.     top:{text:Margin}px;
  161.     margin-left:calc(-{text:Sidebar}px + -{text:Margin}px + -2px);
  162.     background:{color:Post};
  163.     border:1px solid {color:Border};
  164. }
  165.  
  166. .image img{width:100%;}
  167. .desc {margin:15px;}
  168. .lh {cursor:help;}
  169. .lb {display:none;}
  170. .nasi nav{position:absolute;top:0;width:70px;text-align:right;margin-left:-80px;}
  171. .nasi nav a:first-of-type {margin-top:0;}
  172. .nasi nav a {display:block;margin:10px 0;}
  173. .nare nav {padding:10px;}
  174. .nare nav a {display:inline-block;width:calc(50% - 10px);margin:5px;}
  175.  
  176. nav {font-size:0;}
  177. nav a {font-size:9px;line-height:100%;}
  178.  
  179. /* Titles */
  180.  
  181. h1 {
  182.     margin:15px 15px -5px;
  183.     font-size:10px;
  184.     text-transform:uppercase;
  185.     letter-spacing:1px;
  186.     font-weight:400;
  187. }
  188.  
  189. h2 {margin:10px;font-size:11px;font-weight:400;}
  190. h3,h4,h5 {margin:10px;font-weight:600;font-size:9px;}
  191.  
  192. /* Permalinks */
  193.  
  194. .boso .psid,.boho .psid,.siso .pbot,.siho .pbot {display:none;}
  195. .siho .psid,.boho .pbot {opacity:0;}
  196. .siho .entry:hover .psid,.boho .entry:hover .pbot {opacity:1;}
  197.  
  198. .psid {
  199.     font-size:0;
  200.     position:absolute;
  201.     padding:5px 0 0 10px;
  202.     margin-left:calc({text:Post}px + 2px + ({text:Padding}px * 2));
  203.     width:100px;
  204. }
  205.  
  206. .psid a {text-transform:lowercase;display:block;margin:5px 0;}
  207. .psid b {font-size:9.5px;}
  208. .pbutts {margin:15px 0;}
  209. .pbutts a {display:inline-block;margin:0 0 0 7px;}
  210.  
  211. .pbot {padding:9px;font-size:0;}
  212. .ple {padding:1px 0;}
  213. .ple b {margin:0 4px;font-weight:400;opacity:0.75;}
  214. .ple a,.ple b {display:inline-block;text-transform:lowercase;}
  215. .ple a,.ple b,.tags a,.psid a{font-size:9px;line-height:100%;}
  216. .ple,.pri {display:inline-block;vertical-align:top;width:50%;}
  217. .pri {text-align:right;opacity:0.75;}
  218. .pri .fa-retweet {margin-left:7px;}
  219. .fa-heart {font-size:10px;}
  220. .fa-retweet {font-size:11px;}
  221.  
  222. .custom-like-button *{cursor:pointer!important;}
  223. .custom-like-button {
  224.     position:relative;
  225.     display:inline-block;
  226.     vertical-align:top;
  227.     width:10px;
  228.     height:10px;
  229.     cursor:pointer;
  230. }
  231.  
  232. .like_button:hover + .our_button {color:{color:Hover};}
  233. .like_button.liked + .our_button {color:{color:Hover};}
  234. .like_button iframe {width:100%!important;height:100%!important;}
  235. .like_button {z-index:10;opacity:0;}
  236. .our_button {z-index:1;}
  237. .our_button,.like_button {
  238.     position:absolute;
  239.     top:0;
  240.     left:0;
  241.     width:100%;
  242.     height:100%;
  243. }
  244.  
  245. .entry:hover .thover{opacity:1;}
  246. .tshow,.thover{display:block;position:relative;}
  247. .thide {display:none;}
  248. .thover {opacity:0;}
  249. .tags {margin-top:4px;}
  250. .tags a {margin-right:5px;text-transform:none;display:inline;}
  251.  
  252. .sid {margin-top:10px;}
  253. .sid a {display:block;margin:5px 0;}
  254.  
  255. /* Quotes */
  256.  
  257. .qut_hold {padding:20px;}
  258. .src {margin-bottom:10px;}
  259. .qut {font-size:10px;}
  260.  
  261. /* Audio & Chat */
  262.  
  263. .chat,.lines,.chat h2,.audio {padding:10px;}
  264. .chat h2 {margin:0;}
  265. .lines b{display:block;font-weight:400;}
  266.  
  267. .play {padding:10px;background:#e4e4e4;height:27px;width:27px;}
  268. .audio {font-size:0;}
  269. .play,.au {display:inline-block;vertical-align:middle;}
  270. .soundcloud_audio_player{padding:15px 0;}
  271. .tn {text-transform:uppercase;letter-spacing:1px;}
  272. .au span {display:block;margin:3px 0;font-size:9px;}
  273. .au {width:calc(100% - 62px);margin-left:15px;}
  274. .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  275.  
  276. /* Text */
  277.  
  278. ol,ul {padding:0 0 0 20px;}
  279. li {margin:5px;}
  280. p,blockquote,pre,ul,ol{margin:10px;}
  281. b,strong {font-weight:600;}
  282. blockquote p{margin:10px 0;}
  283. blockquote p:first-child{margin:0 0 10px;}
  284. blockquote p:last-child{margin:10px 0 0;}
  285. blockquote p:only-child{margin:0;}
  286. blockquote blockquote {margin:0;}
  287. blockquote{padding-left:10px;border-left:1px solid {color:Border};}
  288. pre {
  289.     white-space:pre-wrap;
  290.     white-space:-moz-pre-wrap;
  291.     white-space:-pre-wrap;
  292.     white-space:-o-pre-wrap;
  293.     word-wrap:break-word;
  294. }
  295.  
  296. /* Captions */
  297.  
  298. .txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;}
  299. .txt,.cap{padding:10px;}
  300. .txt { text-align: justify;}
  301. .cmin blockquote {padding:0;border:0;}
  302. .chid {display:none;}
  303. .cinl {padding:20px;}
  304. .cinl *:not(a):not(ul):not(ol):not(li){margin:0;padding:0;display:inline;}
  305. .cinl p:first-of-type {display:inline!important;}
  306. .cinl blockquote {border:0;}
  307. .cinl p,.cinl blockquote p {display:block!important;margin:0!important;}
  308.  
  309. /* Video */
  310.  
  311. .video {overflow:hidden;}
  312. .vine-embed,#youtube_iframe {display:block;}
  313. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  314.  
  315. /* Photosets */
  316.  
  317. #tumblr_lightbox,.tmblr-lightbox {
  318.     background:rgba({RGBcolor:Background},0.99)!important;
  319. }
  320.  
  321. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  322.     opacity:0!important;
  323. }
  324.  
  325. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  326. #tumblr_lightbox_right_image, .lightbox-image {
  327.     box-shadow:none!important;
  328.     border-radius:0px!important;
  329.     {block:ifRoundEdges}border-radius:4px!important;{/block:ifRoundEdges}
  330. }
  331.  
  332. /* Ask */
  333.  
  334. .ask {padding:20px;}
  335. .aski {margin:0 0 10px;line-height:20px;font-size:10px;}
  336. .aski img {float:left;width:20px;margin-right:7px;}
  337.  
  338. /* Permalink Page + Postnotes */
  339.  
  340. .pph {text-transform:lowercase;}
  341. .perma {padding:15px;line-height:175%;}
  342. .pmt a:after {content:',';}
  343. .pmt a:last-of-type:after {content:'.';}
  344. .pn ol {margin:0;padding:0;list-style-type:none;}
  345. .pn li{margin:10px;font-size:8.5px;line-height:100%;}
  346. .pn,.pn img{display:none;}
  347. .pn {padding:10px;font-size:0;}
  348. .pnh,.more_notes_link,.notes_loading {display:block;font-weight:600;}
  349. .more_notes_link,.notes_loading {text-align:left!important;}
  350.  
  351. /* Tooltips */
  352.  
  353. #s-m-t-tooltip{
  354.     max-width:200px;
  355.     margin:15px;
  356.     z-index:99999999;
  357.     padding:6px;
  358.     line-height:100%;
  359.     word-wrap:break-word;
  360.     word-break:break-all;
  361.     background:{color:Post};
  362.     border:1px solid {color:Border};
  363. }
  364.  
  365. /* Common Styles */
  366.  
  367. .ask,p,blockquote,.lines,.pn,.qut,.desc,.cap{line-height:150%;}
  368. a:hover, a h2:hover{color:{color:Hover};}
  369. a,.pbot,.psid,.perma,.src,.lines b,.tn,h2,.ask,ul,ol,.pag{color:{color:Link};}
  370. .qut,.ask,h2{letter-spacing:0.25px;}
  371. h2 a i{margin:0 2px;}
  372.  
  373. {block:ifRoundEdges}
  374. .play,.aski img,.entry_hold,aside,#s-m-t-tooltip{border-radius:4px;}
  375. .photo,.entry iframe,.video,.image img{border-radius:3px!important;}
  376. {/block:ifRoundEdges}
  377.  
  378. /* Borders */
  379.  
  380. .image {padding:2px;}
  381. .bx,.video {padding:{text:Padding}px;}
  382. .pn,.cap,.perma,.nare nav {border-top:1px solid {color:Border};}
  383. .ask,.image {border-bottom:1px solid {color:Border};}
  384. a.tumblr_blog {border-bottom:1px solid rgba({RGBcolor:Hover},0.5);}
  385.  
  386. /* Etc */
  387.  
  388. img {margin:0;display:block;}
  389.  
  390. </style>
  391. </head>
  392. <body class="{select:Font}">
  393.  
  394. <div class="center {select:Permalink}">
  395.  
  396. <aside class="{select:Navigation}">
  397. {block:ifSidebarImage}
  398. <div class="image"><a href="/"><img src="{image:Sidebar}"/></a></div>
  399. {/block:ifSidebarImage}
  400.  
  401. {block:ifTitle}<h1><a href="/">{Title}</a></h1>{/block:ifTitle}
  402. {block:Description}<div class="desc">{Description}</div>{/block:Description}
  403.  
  404. <nav>
  405.     <a href="/">index</a>
  406.     <a href="/ask">contact</a>
  407.     {block:ifDropLinks}
  408.     <a href="#" class="lh">navigate</a>
  409.     {/block:ifDropLinks}
  410.     {block:ifnotDropLinks}
  411.         {block:ifLink1}
  412.         <a href="{text:Link 1}">{text:Link 1 Title}</a>
  413.         {/block:ifLink1}{block:ifLink2}
  414.         <a href="{text:Link 2}">{text:Link 2 Title}</a>
  415.         {/block:ifLink2}{block:ifLink3}
  416.         <a href="{text:Link 3}">{text:Link 3 Title}</a>
  417.         {/block:ifLink3}{block:ifLink4}
  418.         <a href="{text:Link 4}">{text:Link 4 Title}</a>
  419.         {/block:ifLink4}
  420.     {/block:ifnotDropLinks}
  421.     <a href="/archive">history</a>
  422.     {block:ifDropLinks}
  423.     <div class="lb">
  424.         {block:ifLink1}
  425.         <a href="{text:Link 1}">{text:Link 1 Title}</a>
  426.         {/block:ifLink1}{block:ifLink2}
  427.         <a href="{text:Link 2}">{text:Link 2 Title}</a>
  428.         {/block:ifLink2}{block:ifLink3}
  429.         <a href="{text:Link 3}">{text:Link 3 Title}</a>
  430.         {/block:ifLink3}{block:ifLink4}
  431.         <a href="{text:Link 4}">{text:Link 4 Title}</a>
  432.         {/block:ifLink4}
  433.     </div>
  434.     {/block:ifDropLinks}
  435. </nav>
  436. </aside>
  437.  
  438. <div id="content">
  439. {block:Posts}
  440. <div class="entry" id="{PostID}">
  441. <div class="entry_hold">
  442.  
  443. {block:IndexPage}
  444. <div class="psid">
  445.     <a href="{Permalink}"><b>{FormattedNoteCount}</b></a>
  446.     <a href="{Permalink}">{DayofWeek}</a>
  447.  
  448. <div class="pbutts">
  449.     <div class="custom-like-button">{LikeButton}
  450.     <span class="our_button"><i class="fa fa-heart"></i></span>
  451.     </div>
  452.     <a href="{ReblogURL}"><i class="fa fa-retweet"></i></a>
  453. </div>
  454.  
  455. {block:HasTags}<div class="tags sid {select:Tags}">
  456. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  457. </div>{/block:HasTags}
  458. </div>
  459. {/block:IndexPage}
  460.  
  461. {block:Text}
  462. <div class="txt">
  463. {block:Title}<h2>{Title}</h2>{/block:Title}
  464. {Body}
  465. </div>
  466. {/block:Text}
  467.  
  468. {block:Link}
  469. <div class="txt">
  470. <h2><a title="{URL}" href="{URL}">{Name} <i class="fa fa-angle-right"></i></a></h2>
  471. {block:Description}{Description}{/block:Description}
  472. </div>
  473. {/block:Link}
  474.  
  475. {block:Photo}
  476. <div class="bx"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="photo"/></a></div>
  477. {/block:Photo}
  478.  
  479. {block:Photoset}
  480. <div class="bx"><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></div>
  481. {/block:Photoset}
  482.  
  483. {block:Quote}
  484. <div class="qut_hold">
  485. {block:Source}<div class="src">{Source}</div>{/block:Source}
  486. <div class="qut">{Quote}</div>
  487. </div>
  488. {/block:Quote}
  489.  
  490. {block:Chat}
  491. <div class="chat">
  492. {block:Title}<h2>{Title}</h2>{/block:Title}
  493. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  494. </div>
  495. {/block:Chat}
  496.  
  497. {block:Audio}
  498. <div class="audio">
  499. {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  500. <div class="au">
  501.     {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
  502.     {block:Artist}<span>by {Artist}</span>{/block:Artist}
  503. </div>
  504. </div>
  505. {/block:Audio}
  506.  
  507. {block:Video}
  508. <div class="video">{Video-500}</div>
  509. {/block:Video}
  510.  
  511. {block:Answer}
  512. <div class="ask">
  513.     <div class="aski"><img src="{AskerPortraitURL-24}">{Asker} said:</div>
  514.     <div class="que">{Question}</div>
  515. </div>
  516. <div class="txt">{Answer}</div>
  517. {/block:Answer}
  518.  
  519. {block:Caption}<div class="cap {select:Captions}">{Caption}</div>{/block:Caption}
  520.  
  521. </div>
  522.  
  523. {block:IndexPage}
  524. <div class="pbot">
  525. <div class="ple">
  526.     <a href="{Permalink}">{NoteCountWithLabel}</a> <b>on</b>
  527.     <a href="{Permalink}">{DayofWeek}</a>
  528. </div>
  529.  
  530. <div class="pri">
  531.     <div class="custom-like-button">{LikeButton}
  532.     <span class="our_button"><i class="fa fa-heart"></i></span>
  533.     </div>
  534.     <a href="{ReblogURL}"><i class="fa fa-retweet"></i></a>
  535. </div>
  536.  
  537. {block:HasTags}<div class="tags {select:Tags}">
  538. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  539. </div>{/block:HasTags}
  540. </div>
  541. {/block:IndexPage}
  542.  
  543.  
  544.  
  545. {block:PermalinkPage}
  546. {block:Date}
  547. <div class="pph">
  548. <div class="perma">
  549. posted {TimeAgo} on {DayofMonthWithSuffix} {Month}
  550. {block:RebloggedFrom}<br>
  551. via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;&nbsp;&nbsp;
  552. source <a href="{ReblogRootURL}">{ReblogRootName}</a>
  553. {/block:RebloggedFrom}
  554.  
  555. {block:HasTags}<div class="pmt">tags: &nbsp;
  556. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  557. </div>{/block:HasTags}
  558. <a href="#" class="pnh">{NoteCountWithLabel}</a>
  559. </div>
  560.  
  561. {block:PostNotes}
  562. <div class="pn">{PostNotes}</div>
  563. {/block:PostNotes}
  564.  
  565. </div>
  566. {/block:Date}
  567. {/block:PermalinkPage}
  568.  
  569. {block:ContentSource}
  570. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  571. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  572. {/block:SourceLogo}
  573. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  574. {/block:ContentSource}
  575.  
  576. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  577.  
  578. </div>
  579. {/block:Posts}
  580.  
  581. {block:ifPaginate}
  582. {block:Pagination}
  583. <div class="pag">
  584.     {block:PreviousPage}
  585.         <a href="{PreviousPage}"><i class="fa fa-angle-left"></i></a>
  586.     {/block:PreviousPage}
  587.  
  588.     {block:JumpPagination length="3"}
  589.     {block:CurrentPage}
  590.     <span class="cp">{PageNumber}</span>
  591.     {/block:CurrentPage}
  592.     {block:JumpPage}
  593.     <a class="jp" href="{URL}">{PageNumber}</a>
  594.     {/block:JumpPage}
  595.     {/block:JumpPagination}
  596.  
  597.     {block:NextPage}
  598.         <a href="{NextPage}"><i class="fa fa-angle-right"></i></a>
  599.     {/block:NextPage}
  600. </div>
  601. {/block:Pagination}
  602. {/block:ifPaginate}
  603.  
  604. </div>
  605.  
  606. {block:ifnotPaginate}
  607. {block:Pagination}
  608. <div class="pag">
  609.     {block:PreviousPage}
  610.         <a href="{PreviousPage}" class="prev">back</a>
  611.     {/block:PreviousPage}
  612.     {block:NextPage}
  613.         <a href="{NextPage}" class="next">next</a>
  614.     {/block:NextPage}
  615. </div>
  616.  
  617.     {block:ifLoadMore}
  618.         <a class="load">Load More</a>
  619.     {/block:ifLoadMore}
  620. {/block:Pagination}
  621. {/block:ifnotPaginate}
  622.  
  623. </div>
  624.  
  625. <a href="#" class="top"><i class="fa fa-angle-up"></i></a>
  626. <div class="c"><a href="http://acuite.tumblr.com">acuite</a></div>
  627. <div class="d"><a href="#" title="THIS IS MERELY A ROLEPLAY BLOG. i am not the real roy kim, nor am i affiliated with him, cj e&amp;m or mmo entertainment">rp only</a> | <a href="#" title="theme by acuite, tweaked by mun ; image by commmeon.ivyro.net">©</a></div>
  628. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  629. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  630. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  631. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  632. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  633. <script>
  634. $(document).ready(function(){
  635.     $('.photo-slideshow').pxuPhotoset({
  636.         lightbox: true,
  637.         gutter: '1px',
  638.         photoset: '.photo-slideshow',
  639.         photoWrap: '.photo-data',
  640.         photo: '.pxu-photo',
  641.         {block:ifnotRoundEdges}
  642.         rounded: false,
  643.         {/block:ifnotRoundEdges}
  644.         {block:ifRoundEdges}
  645.         rounded: 'corners',
  646.         borderRadius: '3px'
  647.         {/block:ifRoundEdges}
  648.     });
  649.     {block:ifnotPaginate}
  650.     var $container = $('#content');
  651.         $container.infinitescroll({
  652.             itemSelector: '.entry',
  653.             navSelector: '.pag',
  654.             nextSelector: '.next',
  655.             loadingImg: ' ',
  656.             loadingText: ' ',
  657.             donetext: 'No more posts' ,
  658.             bufferPx: 2000,
  659.             {block:ifLoadMore}
  660.             errorCallback: function(){
  661.                 jQuery('.load').delay(50).fadeOut();
  662.             }
  663.             {/block:ifLoadMore}
  664.         },
  665.         function( newElements ) {
  666.             var $newElems = $( newElements );
  667.             var $newElemsIDs = $newElems.map(function(){
  668.                 return this.id;
  669.             }).get();
  670.             $newElems.find('.photo-slideshow').pxuPhotoset({
  671.                 lightbox: true,
  672.                 gutter: '1px',
  673.                 photoset: '.photo-slideshow',
  674.                 photoWrap: '.photo-data',
  675.                 photo: '.pxu-photo',
  676.                 {block:ifnotRoundEdges}
  677.                 rounded: false,
  678.                 {/block:ifnotRoundEdges}
  679.                 {block:ifRoundEdges}
  680.                 rounded: 'corners',
  681.                 borderRadius: '3px'
  682.                 {/block:ifRoundEdges}
  683.             });
  684.             resizeVideos();
  685.             console.log($newElems, $newElemsIDs);
  686.             Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  687.         });
  688.  
  689.     {block:ifLoadMore}
  690.     $(window).unbind(".infscr");
  691.         $(".load").click(function(){
  692.             $("#content").infinitescroll("retrieve");
  693.     });
  694.     {/block:ifLoadMore}
  695.  
  696.     {/block:ifnotPaginate}
  697. });
  698.  
  699.  
  700.  
  701. // scroll to top © html-tuts.com
  702. var amountScrolled = 500;
  703. $(window).scroll(function() {
  704.     if ($(window).scrollTop() > amountScrolled) {
  705.         $('a.top').fadeIn('slow');
  706.     } else {
  707.         $('a.top').fadeOut('slow');
  708.     }
  709. });
  710.  
  711. $('a.top').click(function() {
  712.     $('body, html').animate({
  713.         scrollTop: 0
  714.     }, 'slow');
  715. return false;
  716. });
  717.  
  718.  
  719.  
  720. // drop links & post notes
  721. $(document).ready(function(){
  722.    $(".pn").hide();
  723.         $(".pnh").show();$('.pnh').toggle(function(){
  724.             $(".pn").slideDown(function(){});
  725.                 },function(){
  726.             $(".pn").slideUp(function(){});
  727.         });
  728.     $(".lb").hide();
  729.         $(".lh").show();$('.lh').toggle(function(){
  730.             $(".lb").slideDown(function(){});
  731.                 },function(){
  732.             $(".lb").slideUp(function(){});
  733.         });
  734.     });
  735.  
  736.  
  737.  
  738. // tooltips
  739. (function($){
  740. $(document).ready(function(){
  741.     $("[title]").style_my_tooltips({
  742.         tip_delay_time:200,
  743.         tip_fade_speed:300
  744.         }
  745.     );
  746. });
  747. })(jQuery);
  748.  
  749. </script>
  750. </body>
  751. </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!