API tools faq
paste
Advertisement
str-wrs

Mania

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