API tools faq
paste
Advertisement
themekid

the greatest theme

themekid
Sep 15th, 2016
1,379
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.57 KB | None | 0 0
raw download clone embed print report
  1. <!------------------------------------------
  2.  
  3. (◍•ᴗ•◍)♡ ✧*。
  4.  
  5. The Greatest by ThemeKid Chloë | @redivide | @themekid
  6.  
  7. > Do not delete/alter any credit.
  8. > Do not claim as your own.
  9. > Do not copy any code.
  10. > Do not redistribute.
  11.  
  12. ------------------------------------------->
  13. <html>
  14. <head>
  15. {block:Hidden}
  16. <meta name="color:Background" content="#fff" />
  17. <meta name="color:Accent" content="#afa" />
  18. <meta name="color:Dark Accent" content="#afa" />
  19.  
  20. <meta name="if:Custom Favicon" content="" />
  21. <meta name="if:Redirect Ask" content="" />
  22. <meta name="text:IMPORTANT" content="do not enable the redirect ask if you are using the default /ask page. it will cause your browser to crash! only enable if you are using a custom ask page."/>
  23. <meta name="text:Ask Link" content="/ask" />
  24. <meta name="text:Favicon URL" content="//" />{/block:Hidden}
  25. <meta charset="UTF-8" />
  26. <title>{Title}</title>
  27. {block:IfNotCustomFavicon}
  28. <link rel="shortcut icon" href="{Favicon}">
  29. {/block:IfNotCustomFavicon}
  30. {block:IfCustomFavicon}
  31. <link rel="shortcut icon" href="{text:Favicon URL}">
  32. {/block:IfCustomFavicon}
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  34. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> </script>
  35. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  36. <script>
  37. {block:IfRedirectAsk}
  38. if(window.location.pathname == '/ask') location.replace('{text:Ask Link}');{/block:IfRedirectAsk}
  39. (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery);
  40. </script><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5373308";var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"' style='display:none'></span>");
  41. </script>
  42. <link href='https://fonts.googleapis.com/css?family=Lora:400,400italic,700|Roboto+Condensed:400,700|Nothing+You+Could+Do|Open+Sans:400,600|Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>
  43. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
  44. <link rel="stylesheet" href="//static.tumblr.com/8pnyeus/29To2og0o/styles.css">
  45. <script src="https://dl.dropboxusercontent.com/s/7ke33tjjl8rty02/scripts.js"></script>
  46. <style type="text/css">
  47. #tumblr_controls, .tmblr-iframe {
  48. top:15px!important;
  49. right:15px!important;
  50. -webkit-filter: invert(90%);
  51. filter: invert(90%);
  52. position:fixed!important;
  53. -webkit-transform:scale(.9, .9);
  54. -moz-transform:scale(.9, .9);
  55. transform:scale(.9, .9);
  56. -webkit-transform-origin: right top;
  57. -moz-transform-origin: right top;
  58. -ms-transform-origin: right top;
  59. -o-transform-origin: right top;
  60. transform-origin: right top;
  61. z-index:999999999999999999!important
  62. }
  63. .shuffle {
  64. position: fixed;
  65. top: 37px;
  66. right: 15px;
  67. margin: 3px;
  68. text-align: right;
  69. z-index: 1337;
  70. -webkit-filter: invert(90%);
  71. filter: invert(90%);
  72. position:fixed!important;
  73. -webkit-transform:scale(.9, .9);
  74. -moz-transform:scale(.9, .9);
  75. transform:scale(.9, .9);
  76. -webkit-transform-origin: right top;
  77. -moz-transform-origin: right top;
  78. -ms-transform-origin: right top;
  79. -o-transform-origin: right top;
  80. transform-origin: right top;
  81. }
  82. ::-webkit-scrollbar {
  83. background-color:#ddd;
  84. height: 11px;
  85. width: 11px;
  86. border:5px solid #fff;
  87. }
  88. ::-webkit-scrollbar-thumb {
  89. background-color:#000;
  90. border:5px solid #fff;
  91. }
  92. ::-moz-selection {
  93. color:{color:Dark Accent};
  94. background:rgba({RGBcolor:Accent},0.1);
  95. }
  96.  
  97. ::selection {
  98. color:{color:Dark Accent};
  99. background:rgba({RGBcolor:Accent},0.1);
  100. }
  101. body {
  102. font-family: 'Lora', serif;
  103. font-size:11px;
  104. line-height:1.5em;
  105. word-wrap:break-word;
  106. overflow-x:hidden;
  107. background:{color:Background};
  108. }
  109. html:before {
  110. content:'';
  111. width:100%;
  112. height:10px;
  113. background:{color:Accent};
  114. top:0;
  115. left:0;
  116. position:fixed;
  117. z-index:999999999999;
  118. }
  119. html:after {
  120. content:'';
  121. width:100%;
  122. height:10px;
  123. background:{color:Accent};
  124. left:0;
  125. bottom:0;
  126. position:fixed;
  127. z-index:999999999999;
  128. }
  129. body:before {
  130. content:'';
  131. width:10px;
  132. height:100%;
  133. background:{color:Accent};
  134. top:0;
  135. left:0;
  136. position:fixed;
  137. }
  138. body:after {
  139. content:'';
  140. width:10px;
  141. height:100%;
  142. background:{color:Accent};
  143. top:0;
  144. right:0;
  145. position:fixed;
  146. }
  147. * {
  148. margin:0;
  149. padding:0;
  150. }
  151. h1,h2,h3,h4,h5,h6 {
  152. font-family:'Roboto Condensed', sans-serif;
  153. }
  154. i, em {
  155. font-family: 'Nothing You Could Do', cursive;
  156. font-size:1.4em;
  157. }
  158. ul, ol {
  159. padding-left:30px;
  160. line-height:175%;
  161. }
  162. ul {
  163. list-style:none;
  164. }
  165. ul li:before {
  166. content:'';
  167. position:absolute;
  168. top:8px;
  169. left:-20px;
  170. width:10px;
  171. height:1px;
  172. background:{color:Dark Accent};
  173. }
  174. img:not(.lightbox-image), embed, video, .tumblr_video_container, iframe:not(.instagram-media):not(#ask_form):not(.tumblr_audio_player):not(.like_toggle) {
  175. max-width:100%!important;
  176. height:auto;
  177. }
  178. .instagram-media {
  179. max-width:100%!important;
  180. }
  181. img:not(.lightbox-image) {
  182. vertical-align:middle;
  183. }
  184. .tumblr_video_container {
  185. height:auto!important;
  186. }
  187. .vine-embed {
  188. height:250px!important;
  189. }
  190. #infscr-loading {
  191. position:absolute;
  192. bottom:30px;
  193. width:200px;
  194. margin-left:50%;
  195. left:-100px;
  196. text-align:center;
  197. }
  198. a {
  199. color:{color:Dark Accent};
  200. text-decoration:none;
  201. -webkit-transition: all 0.3s ease-in-out;
  202. -moz-transition: all 0.3s ease-in-out;
  203. -o-transition: all 0.3s ease-in-out;
  204. transition: all 0.3s ease-in-out;
  205. }
  206. a:hover {
  207. color:#000;
  208. -webkit-transition: all 0.3s ease-in-out;
  209. -moz-transition: all 0.3s ease-in-out;
  210. -o-transition: all 0.3s ease-in-out;
  211. transition: all 0.3s ease-in-out;
  212. }
  213. a:focus {
  214. outline:0;
  215. }
  216. li {
  217. position:relative;
  218. }
  219. #s-m-t-tooltip {
  220. max-width:300px;
  221. padding:3px 6px;
  222. margin:20px 10px;
  223. background: #000;
  224. color:#fff;
  225. z-index:999999999999999!important;
  226. font-size:9px;
  227. text-transform:uppercase;
  228. font-family:'Roboto Condensed',sans-serif;
  229. }
  230. #reblogged {
  231. right:20px!important;
  232. bottom:20px!important;
  233. }
  234. #sidebar {
  235. position:fixed;
  236. z-index:999;
  237. top:180px;
  238. left:90px;
  239. width:200px;
  240. text-align:center;
  241. }
  242. #sidebar h1 {
  243. font-weight:normal;
  244. padding-bottom:15px;
  245. margin-bottom:-10px;
  246. letter-spacing:1px;
  247. margin-top:15px;
  248. font-family: 'Shadows Into Light Two', cursive;
  249. }
  250. #sidebar img {
  251. margin-bottom:10px;
  252. }
  253. #sidebar #desc {
  254. padding-top:20px;
  255. padding-bottom:20px;
  256. position:relative;
  257. }
  258. #sidebar:before {
  259. content:'';
  260. width:50px;
  261. height:50px;
  262. position:absolute;
  263. bottom:-15px;
  264. right:-15px;
  265. border:2px solid {color:Accent};
  266. border-left-color:transparent;
  267. border-top-color:transparent;
  268. }
  269. #sidebar:after {
  270. content:'';
  271. width:50px;
  272. height:50px;
  273. position:absolute;
  274. top:-15px;
  275. left:-15px;
  276. border:2px solid {color:Accent};
  277. border-right-color:transparent;
  278. border-bottom-color:transparent;
  279. }
  280. ul#navlinks {
  281. list-style:none;
  282. padding:0;
  283. font-size:0;
  284. padding:4px;
  285. margin-top:0px;
  286. display:inline-block;
  287. }
  288. ul#navlinks li {
  289. font-size:11px;
  290. display:inline-block;
  291. padding:1px;
  292. margin:0 3px 2px 3px;
  293. }
  294. ul#navlinks li a {
  295. color:{color:Text};
  296. }
  297. ul#navlinks li:hover {
  298. cursor:pointer;
  299. -webkit-animation: hover 0.5s;
  300. -moz-animation: hover 0.5s;
  301. -ms-animation: hover 0.5s;
  302. -o-animation: hover 0.5s;
  303. animation: hover 0.5s;
  304. }
  305. @-webkit-keyframes hover {
  306. 0% {
  307. transform: scale(1.0) rotate(0deg);
  308. }
  309. 20% {
  310. transform: scale(1.1) rotate(-30deg);
  311. }
  312. 40% {
  313. transform: scale(1.2) rotate(30deg);
  314. }
  315. 60% {
  316. transform: scale(1.3) rotate(-15deg);
  317. }
  318. 80% {
  319. transform: scale(1.15) rotate(15deg);
  320. }
  321. 100% {
  322. transform: scale(1.0) rotate(0deg);
  323. }
  324. }
  325. @-moz-keyframes hover {
  326. 0% {
  327. transform: scale(1.0) rotate(0deg);
  328. }
  329. 20% {
  330. transform: scale(1.1) rotate(-30deg);
  331. }
  332. 40% {
  333. transform: scale(1.2) rotate(30deg);
  334. }
  335. 60% {
  336. transform: scale(1.3) rotate(-15deg);
  337. }
  338. 80% {
  339. transform: scale(1.15) rotate(15deg);
  340. }
  341. 100% {
  342. transform: scale(1.0) rotate(0deg);
  343. }
  344. }
  345. @keyframes hover {
  346. 0% {
  347. transform: scale(1.0) rotate(0deg);
  348. }
  349. 20% {
  350. transform: scale(1.1) rotate(-30deg);
  351. }
  352. 40% {
  353. transform: scale(1.2) rotate(30deg);
  354. }
  355. 60% {
  356. transform: scale(1.3) rotate(-15deg);
  357. }
  358. 80% {
  359. transform: scale(1.15) rotate(15deg);
  360. }
  361. 100% {
  362. transform: scale(1.0) rotate(0deg);
  363. }
  364. }
  365. ul#link-expands {
  366. list-style:none;
  367. padding:0;
  368. margin-top:5px;
  369. display:none;
  370. }
  371. ul#link-expands a {
  372. color:{color:Text};
  373. background: {color:background};
  374. padding: 0 5px;
  375. font-family:'Anonymous Pro', monospace;
  376. }
  377. ul#link-expands li:before, ul#navlinks li:before {
  378. display:none;
  379. }
  380. .wrapper {
  381. position:relative;
  382. margin:70px auto;
  383. right:-100px;
  384. width:660px;
  385. }
  386. article {
  387. position:relative;
  388. margin-bottom:100px;
  389. width:250px;
  390. border:15px solid {color:Background};
  391. {block:PermalinkPage}width:460px;{/block:PermalinkPage}
  392.  
  393. }
  394. article .tb {
  395.  
  396. outline-offset:-1px;
  397. outline:1px solid {color:Accent};
  398. padding:15px;
  399. }
  400. article:before {
  401. content:'';
  402. width:50px;
  403. height:50px;
  404. position:absolute;
  405. bottom:-15px;
  406. right:-15px;
  407. border:2px solid {color:Accent};
  408. border-left-color:transparent;
  409. border-top-color:transparent;
  410. }
  411. article:after {
  412. content:'';
  413. width:50px;
  414. height:50px;
  415. position:absolute;
  416. top:-15px;
  417. left:-15px;
  418. border:2px solid {color:Accent};
  419. border-right-color:transparent;
  420. border-bottom-color:transparent;
  421. }
  422. article h2 {
  423. font-weight:normal;
  424. font-size:1.2em;
  425. background:{color:Accent};
  426. padding:4px 8px;
  427. margin-bottom:10px;
  428. text-align:center;
  429. }
  430. article blockquote {
  431. padding-left: 10px;
  432. border-left: 2px solid {color:Accent};
  433. margin: 5px;
  434. margin-left: 12px;
  435. }
  436. article p {
  437. margin:10px 0;
  438. {block:IfNotBorders}margin:10px{/block:IfNotBorders};
  439. }
  440. article p:first-of-type {
  441. margin-top:0;
  442. }
  443. article p:last-of-type {
  444. margin-bottom:0;
  445. }
  446. article a {
  447. border-bottom:1px solid #eee;
  448. color:#9f9f9f;
  449. }
  450. article a:hover {
  451. border-color:rgba({RGBcolor:Dark Accent},0.5);
  452. color:{color:Dark Accent};
  453. }
  454. article hr {
  455. border:none;
  456. width:75%;
  457. margin:15px auto;
  458. height:1px;
  459. background:rgba({RGBcolor:Accent},0.5);
  460. }
  461. a.tumblr-box {
  462. border-bottom:none;
  463. }
  464. .quote h2 {
  465. background:none;
  466. text-align:left;
  467. }
  468. .quote.short h2 {
  469. font-size:1.6em;
  470. line-height:120%;
  471. }
  472. .quote.medium h2 {
  473. font-size:1.3em;
  474. line-height:120%;
  475. }
  476. .quote.long h2 {
  477. font-size:1em;
  478. }
  479. .quote cite {
  480. text-align:right;
  481. display:block;
  482. }
  483. .chat ul {
  484. padding:0;
  485. }
  486. .chat ul {
  487. list-style:none;
  488. }
  489. .chat ul li:before {
  490. display:none;
  491. }
  492. .chat b {
  493. color:{color:Dark Accent};
  494. }
  495. img.album-art {
  496. width:80px;
  497. height:80px;
  498. position:absolute;
  499. }
  500. .audio-info {
  501. display:inline-block;
  502. margin-left:90px;
  503. min-height:80px;
  504. }
  505. .tumblr_audio_player {
  506. opacity:0.9;
  507. width:30px;
  508. height:30px;
  509. border-radius:50%;
  510. position:absolute;
  511. top:25px;
  512. left:25px;
  513. }
  514. .question {
  515. font-weight:bold;
  516. }
  517. .answer h2 {
  518. text-transform:lowercase;
  519. }
  520. .answer h2 a, .link h2 a {
  521. color: #000;
  522. border-bottom:none;
  523. }
  524. .answer h2 a:hover, .link h2 a:hover {
  525. color:{color:Dark Accent};
  526. }
  527. .link h2 {
  528. text-align:left;
  529. }
  530. .link h2 svg {
  531. width: 13px;
  532. height: auto;
  533. margin-top:1px;
  534. float:right;
  535. }
  536. .response {
  537. position: relative;
  538. margin-top: 31px;
  539. }
  540. .response:empty {
  541. display:none;
  542. }
  543.  
  544. .query {
  545. padding:11px;
  546. border:4px double {color:Accent};
  547. margin-bottom:10px;
  548. }
  549. .response {
  550. margin-top:0px;
  551. }
  552. article .query:last-of-type {
  553. margin-top:0;
  554. }
  555. .other_perma {
  556. text-align:right;
  557. color:{color:Accent};
  558. padding-top:15px;
  559. font-family: 'Roboto Condensed', sans-serif;
  560. }
  561. .other_perma a {
  562. color:{color:Dark Accent};
  563. border-bottom:0;
  564. -webkit-transition: all 0.3s ease-in-out;
  565. -moz-transition: all 0.3s ease-in-out;
  566. -o-transition: all 0.3s ease-in-out;
  567. transition: all 0.3s ease-in-out;
  568. }
  569.  
  570. .other_perma a:hover{
  571. color:{color:accent};
  572. -webkit-transition: all 0.3s ease-in-out;
  573. -moz-transition: all 0.3s ease-in-out;
  574. -o-transition: all 0.3s ease-in-out;
  575. transition: all 0.3s ease-in-out;
  576. }
  577. .photo {
  578. overflow:hidden;
  579. }
  580. .mask {
  581. position:absolute;
  582. top:0;
  583. left:0;
  584. width:100%;
  585. height:100%;
  586. overflow:hidden;
  587. z-index:999;
  588. -webkit-transition: all 0.3s ease-in-out;
  589. -moz-transition: all 0.3s ease-in-out;
  590. -o-transition: all 0.3s ease-in-out;
  591. transition: all 0.3s ease-in-out;
  592. }
  593. .mask:before {
  594. left:50%;
  595. position:absolute;
  596. content:'';
  597. height:4px;
  598. background:{color:Accent};
  599. top:calc(50% - 2px);
  600. width:0%;
  601. -webkit-transition: all 0.3s ease-in-out;
  602. -moz-transition: all 0.3s ease-in-out;
  603. -o-transition: all 0.3s ease-in-out;
  604. transition: all 0.3s ease-in-out;
  605. }
  606. article:hover .mask:before {
  607. width:70%;
  608. left:15%;
  609. -webkit-transition: all 0.3s ease-in-out;
  610. -moz-transition: all 0.3s ease-in-out;
  611. -o-transition: all 0.3s ease-in-out;
  612. transition: all 0.3s ease-in-out;
  613. }
  614. article:hover .mask {
  615. opacity:1;
  616. visibility:visible;
  617. background:rgba(0,0,0,0.2);
  618. -webkit-transition: all 0.3s ease-in-out;
  619. -moz-transition: all 0.3s ease-in-out;
  620. -o-transition: all 0.3s ease-in-out;
  621. transition: all 0.3s ease-in-out;
  622. }
  623. article .photo img {
  624. -webkit-transition: all 0.3s ease-in-out;
  625. -moz-transition: all 0.3s ease-in-out;
  626. -o-transition: all 0.3s ease-in-out;
  627. transition: all 0.3s ease-in-out;
  628. }
  629. {block:IndexPage}article:hover .photo img {
  630. -webkit-filter: grayscale(100%);
  631. filter: grayscale(100%);
  632. -webkit-transform:scale(1.2, 1.2);
  633. -moz-transform:scale(1.2, 1.2);
  634. transform:scale(1.2, 1.2);
  635. -webkit-transition: all 0.3s ease-in-out;
  636. -moz-transition: all 0.3s ease-in-out;
  637. -o-transition: all 0.3s ease-in-out;
  638. transition: all 0.3s ease-in-out;
  639. }{/block:IndexPage}
  640. .mask .more {
  641. font-family:'Roboto Condensed', sans-serif;
  642. text-transform:uppercase;
  643. }
  644. .mask .more a {
  645. border-bottom:none;
  646. -webkit-transition: all 0.3s ease-in-out;
  647. -moz-transition: all 0.3s ease-in-out;
  648. -o-transition: all 0.3s ease-in-out;
  649. transition: all 0.3s ease-in-out;
  650. }
  651. .note-count {
  652. font-size:35px;
  653. line-height:50px;
  654. top:calc(50% - 50px);
  655. color:#fff;
  656. width:70%;
  657. text-align:center;
  658. left:-100%;
  659. position:absolute;
  660. -webkit-transition: all 0.3s ease-in-out;
  661. -moz-transition: all 0.3s ease-in-out;
  662. -o-transition: all 0.3s ease-in-out;
  663. transition: all 0.3s ease-in-out;
  664. }
  665. article:hover .note-count {
  666. left:15%;
  667. -webkit-transition: all 0.3s ease-in-out;
  668. -moz-transition: all 0.3s ease-in-out;
  669. -o-transition: all 0.3s ease-in-out;
  670. transition: all 0.3s ease-in-out;
  671. }
  672. ul.buttons {
  673. list-style: none;
  674. font-size: 20px;
  675. color: #fff;
  676. text-align: center;
  677. margin: 0;
  678. padding: 0;
  679. width: 70%;
  680. position: absolute;
  681. top:50%;
  682. margin-top:5px;
  683. left:100%;
  684. -webkit-transition: all 0.3s ease-in-out;
  685. -moz-transition: all 0.3s ease-in-out;
  686. -o-transition: all 0.3s ease-in-out;
  687. transition: all 0.3s ease-in-out;
  688. }
  689. article:hover ul.buttons {
  690. left:15%;
  691. -webkit-transition: all 0.3s ease-in-out;
  692. -moz-transition: all 0.3s ease-in-out;
  693. -o-transition: all 0.3s ease-in-out;
  694. transition: all 0.3s ease-in-out;
  695. }
  696. ul.buttons li {
  697. display:inline-block;
  698. margin:0 5px;
  699. }
  700. ul.buttons li a {
  701. color:#fff;
  702. }
  703. ul.buttons li:before {
  704. display:none;
  705. }
  706. .like_toggle {
  707. position: relative;
  708. top: 3px;
  709. }
  710. #show-notes {
  711. color: #9f9f9f;
  712. border-bottom: 1px solid #eee;
  713. font-weight: bold;
  714. text-transform: uppercase;
  715. cursor: pointer;
  716. font-size: 0.85em;
  717. margin: 0 auto;
  718. text-align: center;
  719. width: 66px;
  720. -webkit-transition: all 0.2s ease-in-out;
  721. -moz-transition: all 0.2s ease-in-out;
  722. -o-transition: all 0.2s ease-in-out;
  723. transition: all 0.2s ease-in-out;
  724. margin-top:10px;
  725. }
  726. #show-notes:hover {
  727. color:{color:Dark Accent};
  728. border-color:rgba({RGBcolor:Dark Accent},0.5);
  729. -webkit-transition: all 0.2s ease-in-out;
  730. -moz-transition: all 0.2s ease-in-out;
  731. -o-transition: all 0.2s ease-in-out;
  732. transition: all 0.2s ease-in-out;
  733. }
  734. #notes {
  735. display:none;
  736. }
  737. ol.notes {
  738. padding:0;
  739. margin: 0;
  740. list-style-type: none;
  741. }
  742. ol.notes li.note {
  743. padding: 3px 0;
  744. margin-bottom:3px;
  745. }
  746. ol.notes li.note img.avatar {
  747. float:right;
  748. border-radius:50%;
  749. }
  750. ol.notes li.note blockquote a {
  751. text-decoration: none;
  752. }
  753. li.more_notes_link_container {
  754. font-weight: bold;
  755. text-transform: uppercase;
  756. font-size: 0.85em;
  757. }
  758. .extra-info {
  759. position: fixed;
  760. left: calc(50% + 250px);
  761. top: 100px;
  762. width: 125px;
  763. margin-left: 20px;
  764. line-height: 200%;
  765. -webkit-transition: all 0.5s ease-in-out;
  766. -moz-transition: all 0.5s ease-in-out;
  767. -o-transition: all 0.5s ease-in-out;
  768. transition: all 0.5s ease-in-out;
  769. }
  770. .extra-info svg {
  771. width: 15px;
  772. height: auto;
  773. vertical-align: text-bottom;
  774. margin-right:5px;
  775. }
  776.  
  777. .back-to-top {
  778. text-align:center;
  779. bottom:20px;
  780. width:25px;
  781. left:20px;
  782. font-size:9px;
  783. cursor:pointer;
  784. text-transform:uppercase;
  785. position:fixed;
  786. display:none;
  787. z-index:99999;
  788. }
  789. .back-to-top svg {
  790. width: 35px;
  791. height: auto;
  792. fill: {color:Accent};
  793. background: #fff;
  794. padding: 1px 5px;
  795. border-radius: 50%;
  796. }
  797. {block:PermalinkPage}
  798. #posts {
  799. padding-top:15px;
  800. }
  801. article {
  802. padding: 15px;
  803. border:1px solid transparent;
  804. background:rgba(255,255,255,0.8);
  805. }
  806. article .tb {
  807. border:none;
  808. outline:none;
  809. padding:10px 0;
  810. background:rgba(255,255,255,0);
  811. }
  812. article .tb:first-of-type {
  813. padding-top: 0;
  814. }
  815. article .tb:last-of-type {
  816. padding-bottom: 0;
  817. }
  818.  
  819. article .photo .tb:first-of-type {
  820. padding-top:10px;
  821. }
  822. {/block:PermalinkPage}
  823. </style>
  824. </head>
  825. <body>
  826. <div class="shuffle"><a href="/random"><img src="//static.tumblr.com/gmvpk3i/iAcll0j1w/shuffle.png"></a></div>
  827. <div id="sidebar">
  828. <a href="/"><h1>{Title}</h1></a>
  829. <div id="desc">{block:Description}{Description}{/block:Description}
  830. </div>
  831. <ul id="navlinks">
  832. <li><a href="/"><i class="fa fa-refresh fa-fw"></i></a>
  833. {block:AskEnabled}<li><a href="{text:Ask Link}" title="message"><i class="fa fa-paper-plane-o fa-fw"></i></a>{/block:AskEnabled}
  834. {block:HasPages}<li><a id="links" title="click for links" style="cursor:pointer;font-size:1.1em;"><i class="fa fa-bookmark-o fa-fw"></i></a>{/block:HasPages}
  835. <li><a href="/archive" title="past"><i class="fa fa-calendar fa-fw"></i></a>
  836. {block:IfCreditLink}<li><a title="credit" href="//redivide.tumblr.com" target="_blank"><i class="fa fa-copyright fa-fw"></i></a>{/block:IfCreditLink}
  837. </ul>
  838. {block:HasPages}<ul id="link-expands">
  839. {block:Pages}<li><a href="{URL}">{Label}</a>{/block:Pages}
  840. </ul>{/block:HasPages}
  841. </div>
  842. <div id="content" class="wrapper active">
  843. <div id="posts">{block:Posts}
  844. <article {block:IndexPage}class="{TagsAsClasses}"{/block:IndexPage}>{block:Text}<div class="text tb">
  845. {block:Title}<h2>{Title}</h2>{/block:Title}
  846. {Body}
  847. {block:IndexPage}
  848. <div class="other_perma">
  849. <a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-refresh"></i></a> &nbsp;/&nbsp; <a href="{Permalink}" target="_blank" title="{TimeAgo}">{NoteCount}+</a>
  850. </div>
  851. {/block:IndexPage}
  852. </div>{/block:Text}{block:Photo}<div class="photo">
  853. {block:IndexPage}<div class="mask">
  854. <div class="more">
  855. <a href="{Permalink}" target="_blank" class="note-count">{NoteCount} N</a>
  856. <ul class="buttons">
  857. <li>{LikeButton color="white" size="20"}</li>
  858. <li><a href="{ReblogURL}"><i class="fa fa-refresh" title="reblog"></i></a></li>
  859. <li><a href="{Permalink}"><i class="fa fa-calendar" title="{TimeAgo}"></i></a></li>
  860. </ul>
  861. </div>
  862. </div>{/block:IndexPage}
  863. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  864. {block:PermalinkPage}{block:Caption}<div class="tb">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  865. </div>{/block:Photo}{block:Photoset}<div class="photoset photo">
  866. {block:IndexPage}<div class="mask">
  867. <div class="more">
  868. <a href="{Permalink}" target="_blank" class="note-count">{NoteCount} N</a>
  869. <ul class="buttons">
  870. <li>{LikeButton color="white" size="20"}</li>
  871. <li><a href="{ReblogURL}"><i class="fa fa-refresh" title="reblog"></i></a></li>
  872. <li><a href="{Permalink}"><i class="fa fa-calendar" title="{TimeAgo}"></i></a></li>
  873. </ul>
  874. </div>
  875. </div>{/block:IndexPage}
  876. <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>
  877. {block:PermalinkPage}{block:Caption}<div class="tb">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  878. </div>{/block:Photoset}{block:Quote}<div class="quote tb {Length}">
  879. <h2>"{Quote}"</h2>
  880. {block:Source}<cite>&mdash; {Source}</cite>{/block:Source}
  881. {block:IndexPage}
  882. <div class="other_perma">
  883. <a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-refresh"></i></a> &nbsp;/&nbsp; <a href="{Permalink}" target="_blank" title="{TimeAgo}">{NoteCount}+</a>
  884. </div>
  885. {/block:IndexPage}
  886. </div>{/block:Quote}{block:Chat}<div class="chat tb">
  887. {block:Title}<h2>{Title}</h2>{/block:Title}
  888. <ul>
  889. {block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>{/block:Lines}
  890. </ul>
  891. {block:IndexPage}
  892. <div class="other_perma">
  893. <a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-refresh"></i></a> &nbsp;/&nbsp; <a href="{Permalink}" target="_blank" title="{TimeAgo}">{NoteCount}+</a>
  894. </div>
  895. {/block:IndexPage}
  896. </div>{/block:Chat}{block:Link}<div class="link tb">
  897. <h2><a href="{URL}">{Name}</a><svg version="1.1" id="Layer_1" xmlns="//www.w3.org/2000/svg" xmlns:xlink="//www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M140.1,74.1c2.3-2.3,2.3-6.1,0-8.5c-2.3-2.3-6.1-2.3-8.5,0l-62.9,62.9c-7.5,7.5-7.5,19.8,0,27.3c7.5,7.5,19.8,7.5,27.3,0 l65.9-65.9c0.6-0.3,1.2-0.7,1.8-1.2c8.8-8.8,32.2-32.2,9.7-54.7c-8.6-8.6-18.9-11.9-29.8-9.5c-8.9,1.9-18.1,7.6-27.3,16.8 l-71.4,71.4c-8.5,8.5-13,20.3-12.5,33.2c0.5,12.3,5.6,24.3,14.1,32.8c8.5,8.5,20.3,13.4,32.5,13.7c0.3,0,0.6,0,1,0 c12.2,0,23.4-4.6,31.7-12.9l70.4-70.4c2.3-2.3,2.3-6.1,0-8.5c-2.3-2.3-6.1-2.3-8.5,0l-70.4,70.4c-6.2,6.2-14.7,9.5-24,9.4 c-9.1-0.2-17.9-3.9-24.2-10.2c-13.5-13.5-14.2-36.4-1.6-49l71.4-71.4c7.4-7.4,14.8-12.1,21.3-13.5c6.9-1.5,13.1,0.5,18.8,6.3 c5.6,5.6,7.2,10.8,5.2,17.1c-1.4,4.5-4.6,9.5-10,15.5c-0.4,0.3-0.9,0.6-1.2,0.9l-71.3,71.3c-2.8,2.8-7.5,2.8-10.3,0 c-2.8-2.8-2.8-7.5,0-10.3L140.1,74.1z"/></svg></h2>
  898. {block:Description}{Description}{/block:Description}
  899. {block:IndexPage}
  900. <div class="other_perma">
  901. <a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-refresh"></i></a> &nbsp;/&nbsp; <a href="{Permalink}" target="_blank" title="{TimeAgo}">{NoteCount}+</a>
  902. </div>
  903. {/block:IndexPage}
  904. </div>{/block:Link}{block:Audio}<div class="audio tb">
  905. <img class="album-art" src="//static.tumblr.com/yxfeliq/C5Xnysfnk/cd.jpg" {block:AlbumArt}style="display:none;"{/block:AlbumArt}>
  906. {block:AlbumArt}<img src="{AlbumArtURL}" class="album-art">{/block:ALbumArt}
  907. <div class="audio-info">
  908. Artist: <span {block:Artist}style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
  909. Title: <span {block:TrackName}style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
  910. Album: <span {block:Album}style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br>
  911. Plays: {FormattedPlayCount}
  912. </div>
  913. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  914. {block:IndexPage}
  915. <div class="other_perma">
  916. <a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-refresh"></i></a> &nbsp;/&nbsp; <a href="{Permalink}" target="_blank" title="{TimeAgo}">{NoteCount}+</a>
  917. </div>
  918. {/block:IndexPage}
  919. </div>{/block:Audio}{block:Video}<div class="vid">
  920. <div class="video">{Video-500}</div>
  921. </div>{/block:Video}{block:Answer}<div class="answer tb">
  922. <div class="query">
  923. <h2>{Asker} asked:</h2>
  924. <div class="question">{Question}</div>
  925. </div>
  926. {block:Answerer}<div class="query">
  927. <h2>{Answerer} replied:</h2>
  928. <div class="question">{Answer}</div>
  929. </div>{/block:Answerer}
  930. <div class="response">{Replies}</div>
  931. {block:IndexPage}
  932. <div class="other_perma">
  933. <a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-refresh"></i></a> &nbsp;/&nbsp; <a href="{Permalink}" target="_blank" title="{TimeAgo}">{NoteCount}+</a>
  934. </div>
  935. {/block:IndexPage}
  936. </div>{/block:Answer}
  937.  
  938. {block:PermalinkPage}
  939. {block:PostNotes}
  940. <div id="show-notes">show notes</div>
  941. <div id="notes" class="tb">
  942. {PostNotes-16}
  943. </div>
  944. {/block:PostNotes}
  945. <div class="extra-info">
  946. {block:Date}<svg version="1.1" id="Layer_1" xmlns="//www.w3.org/2000/svg" xmlns:xlink="//www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M108,184.3c42.1,0,76.3-34.2,76.3-76.3S150.1,31.7,108,31.7S31.7,65.9,31.7,108S65.9,184.3,108,184.3z M108,43.7
  947. c35.5,0,64.3,28.9,64.3,64.3s-28.9,64.3-64.3,64.3S43.7,143.5,43.7,108S72.5,43.7,108,43.7z"/><path d="M98.3,120.7l25.7,20c1.1,0.8,2.4,1.3,3.7,1.3c1.8,0,3.6-0.8,4.7-2.3c2-2.6,1.6-6.4-1.1-8.4L108,113.1V72c0-3.3-2.7-6-6-6 s-6,2.7-6,6v44C96,117.9,96.9,119.6,98.3,120.7z"/></svg> {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}{/block:Date}
  948. {block:NoteCount}<br><svg version="1.1" id="Layer_1" xmlns="//www.w3.org/2000/svg" xmlns:xlink="//www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M177,178H36c-3.3,0-6-2.7-6-6V47c0-3.3,2.7-6,6-6s6,2.7,6,6v119h135c3.3,0,6,2.7,6,6S180.3,178,177,178z M100.9,81 c-2.4-1.9-5.9-1.6-8,0.6l-37.7,39.7c-2.3,2.4-2.2,6.2,0.2,8.5c1.2,1.1,2.6,1.6,4.1,1.6c1.6,0,3.2-0.6,4.4-1.9l34-35.8l21.6,16.6 c2.4,1.9,5.9,1.6,8-0.7L170,64.5V91c0,3.3,2.7,6,6,6s6-2.7,6-6V50c0-3.3-2.7-6-6-6h-40c-3.3,0-6,2.7-6,6s2.7,6,6,6h25.5l-39,41.6 L100.9,81z"/></svg> {NoteCount}{/block:NoteCount}
  949. {block:RebloggedFrom}<br><svg version="1.1" id="Layer_1" xmlns="//www.w3.org/2000/svg" xmlns:xlink="//www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M36.7,39.9c-0.4-3.3,1.9-6.3,5.2-6.7c3.3-0.4,6.3,1.9,6.7,5.2l3.6,27.9c13.6-20.2,36.6-32.7,61.4-32.7 c31.6,0,59.7,20.1,70,49.9c1.1,3.1-0.6,6.5-3.7,7.6c-0.6,0.2-1.3,0.3-2,0.3c-2.5,0-4.8-1.6-5.7-4c-8.6-25-32.2-41.8-58.6-41.8 c-21.6,0-41.7,11.4-52.9,29.6l30-3.4c3.3-0.4,6.3,2,6.6,5.3s-2,6.3-5.3,6.6l-43.2,4.9c-0.2,0-0.5,0-0.7,0c-3,0-5.6-2.2-5.9-5.2 L36.7,39.9z M185.3,120.2l-43.2,4.9c-3.3,0.4-5.7,3.3-5.3,6.6s3.3,5.7,6.6,5.3l26.1-2.9c-10.2,21.5-31.9,35.4-56,35.4 c-27.1,0-51.5-18.1-59.3-44c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c4.5,14.9,13.9,28.3,26.3,37.7c12.9,9.7,28.3,14.9,44.5,14.9 c29.6,0,56.1-17.6,67.8-44.3l4.2,33.3c0.4,3,3,5.2,5.9,5.2c0.3,0,0.5,0,0.8,0c3.3-0.4,5.6-3.4,5.2-6.7l-5.6-43.5 C191.5,122.2,188.6,119.9,185.3,120.2z"/></svg> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  950. {block:ContentSource}<br><svg version="1.1" id="Layer_1" xmlns="//www.w3.org/2000/svg" xmlns:xlink="//www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M191.6,107.3c-0.4-45.7-37.7-82.8-83.6-82.8c-45.8,0-83.2,37.1-83.6,82.9c0,0.2,0,0.4,0,0.6c0,0,0,0.1,0,0.1s0,0.1,0,0.1 c0,0.2,0,0.4,0,0.6c0.4,45.8,37.7,82.9,83.6,82.9c45.8,0,83.2-37.1,83.6-82.8c0-0.2,0-0.5,0-0.7S191.6,107.5,191.6,107.3z M78.5,42.8C71.9,52.4,66.8,65.2,64,80c-4.5,1-8.8,2.2-12.8,3.6c-4.8,1.7-8.9,3.4-12.2,5.2C44.8,68.3,59.4,51.5,78.5,42.8z M36.4,108c0-3.3,5.8-8.6,18.7-13c2.2-0.8,4.6-1.5,7-2.1c-0.5,4.9-0.7,10-0.7,15.2s0.3,10.3,0.7,15.2c-2.5-0.7-4.8-1.4-7-2.1 C42.2,116.6,36.4,111.3,36.4,108z M39.1,127.2c3.3,1.8,7.3,3.6,12.2,5.2c3.9,1.3,8.2,2.5,12.8,3.6c2.9,14.8,7.9,27.7,14.6,37.2 C59.4,164.5,44.8,147.7,39.1,127.2z M102,178.4c-6.3-2.5-12.5-8.9-17.4-18.3c-3.3-6.4-6-13.7-7.8-21.8c8,1.2,16.5,1.9,25.3,2.1 V178.4z M102,128.4c-9.7-0.3-19-1.1-27.5-2.6c-0.7-5.8-1.1-11.7-1.1-17.8s0.4-12.1,1.1-17.8c8.5-1.4,17.8-2.3,27.5-2.6V128.4z M102,75.6c-8.8,0.2-17.3,0.9-25.3,2.1c1.9-8,4.5-15.4,7.8-21.8c4.9-9.4,11.1-15.8,17.4-18.3V75.6z M176.9,88.8 c-3.3-1.8-7.3-3.6-12.2-5.2c-3.9-1.3-8.2-2.5-12.8-3.6c-2.9-14.8-7.9-27.7-14.6-37.2C156.6,51.5,171.2,68.3,176.9,88.8z M114,37.6 c6.3,2.5,12.5,8.9,17.4,18.3c3.3,6.4,6,13.7,7.8,21.8c-8-1.2-16.5-1.9-25.3-2.1V37.6z M114,87.6c9.7,0.3,19,1.1,27.5,2.6 c0.7,5.8,1.1,11.7,1.1,17.8s-0.4,12.1-1.1,17.8c-8.5,1.4-17.8,2.3-27.5,2.6V87.6z M114,178.4v-38c8.8-0.2,17.3-0.9,25.3-2.1 c-1.9,8-4.5,15.4-7.8,21.8C126.5,169.5,120.3,175.9,114,178.4z M137.5,173.2c6.6-9.6,11.7-22.4,14.6-37.2c4.5-1,8.8-2.2,12.8-3.6 c4.8-1.7,8.9-3.4,12.2-5.2C171.2,147.7,156.6,164.5,137.5,173.2z M160.9,121c-2.2,0.8-4.6,1.5-7,2.1c0.5-4.9,0.7-10,0.7-15.2 s-0.3-10.3-0.7-15.2c2.5,0.7,4.8,1.4,7,2.1c12.9,4.4,18.7,9.7,18.7,13S173.8,116.6,160.9,121z"/></svg> <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  951. {block:HasTags}<br><svg version="1.1" id="Layer_1" xmlns="//www.w3.org/2000/svg" xmlns:xlink="//www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M95.2,186C95.3,186,95.3,186,95.2,186c1.7,0,3.2-0.6,4.3-1.7l64.8-66.7c2.3-2.4,2.3-6.1-0.1-8.4L94.7,39.7 c-1.1-1.1-2.7-1.7-4.2-1.7c0,0,0,0,0,0l-67.1,0.1c-3.3,0-6,2.6-6,5.9L17,109.9c0,1.6,0.6,3.2,1.8,4.3l72.3,70.2 C92.2,185.5,93.7,186,95.2,186z M29.4,50L88,49.8l63.6,63.6l-56.5,58.2L29,107.4L29.4,50z M200.3,110.2c2.3,2.3,2.3,6,0,8.4 l-64.8,66.8c-1.2,1.2-2.7,1.8-4.3,1.8c-1.5,0-3-0.6-4.2-1.7c-2.4-2.3-2.4-6.1-0.1-8.5l60.7-62.6L130.2,56c-2.3-2.4-2.3-6.2,0.1-8.5 c2.4-2.3,6.2-2.3,8.5,0.1L200.3,110.2z M67.1,77.7c0,4.6-3.8,8.4-8.4,8.4s-8.4-3.8-8.4-8.4c0-4.6,3.8-8.4,8.4-8.4 S67.1,73.1,67.1,77.7z"/></svg> {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}
  952. </div>
  953. {/block:PermalinkPage}
  954. </article>
  955. {/block:Posts}</div>
  956. </div>
  957. <div class="back-to-top" title="back to top"><svg viewBox="0 0 26 32"><path d="M26.221 16c0-7.243-5.871-13.113-13.113-13.113s-13.113 5.87-13.113 13.113c0 7.242 5.871 13.113 13.113 13.113s13.113-5.871 13.113-13.113zM1.045 16c0-6.652 5.412-12.064 12.064-12.064s12.064 5.412 12.064 12.064c0 6.652-5.411 12.064-12.064 12.064-6.652 0-12.064-5.412-12.064-12.064z"></path>
  958. <path d="M18.746 15.204l0.742-0.742-6.379-6.379-6.378 6.379 0.742 0.742 5.112-5.112v12.727h1.049v-12.727z"></path></svg></div>
  959. {block:Pagination}
  960. <div class="pagination" style="visibility:hidden;">
  961. {block:NextPage}<a href="{NextPage}" id="next-link"><i class="fa fa-angle-right"></i></a>{/block:NextPage}
  962. </div>
  963. {/block:Pagination}
  964. <script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  965. <script src="//static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  966. <script src="//static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  967. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  968. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  969. <script>
  970. $(function(){
  971. // scroll to top © html-tuts.com
  972. var amountScrolled = 300;
  973. $(window).scroll(function() {
  974. if ( $(window).scrollTop() > amountScrolled ) {
  975. $('.back-to-top').fadeIn('slow');
  976. } else {
  977. $('.back-to-top').fadeOut('slow');
  978. }
  979. });
  980. $('.back-to-top').click(function() {
  981. $('html, body').animate({
  982. scrollTop: 0
  983. }, 700);
  984. return false;
  985. });
  986. $('#links').click(function(e){
  987. e.preventDefault();
  988. $('#link-expands').slideToggle('slow');
  989. });
  990. {block:PermalinkPage}
  991. $('#show-notes').click(function(e){
  992. e.preventDefault();
  993. $('#notes').slideToggle('slow');
  994. $(this).text( $(this).text() == "show notes" ? "hide notes" : "show notes");
  995. });
  996. {/block:PermalinkPage}
  997. $('.photo-slideshow').pxuPhotoset({
  998. lightbox: true,
  999. rounded: false,
  1000. gutter: '0px',
  1001. photoset: '.photo-slideshow',
  1002. photoWrap: '.photo-data',
  1003. photo: '.pxu-photo'
  1004. });
  1005. });
  1006. {block:IndexPage}
  1007. (function () {
  1008. var $tumblelog = $('#posts');
  1009. $tumblelog.imagesLoaded(function () {
  1010. $tumblelog.masonry({
  1011. itemSelector: 'article',
  1012. isAnimated:false,
  1013. columnWidth:280,
  1014. gutterWidth:100,
  1015. });
  1016. });
  1017. $tumblelog.infinitescroll({
  1018. navSelector : "div.pagination",
  1019. nextSelector : ".pagination a#next-link",
  1020. itemSelector : "article",
  1021. loading: {
  1022. finishedMsg: "<p>You've reached the end of the Earth.</p>",
  1023. img : "//static.tumblr.com/yxfeliq/ZQFnvhfad/dontbrag-loading.gif",
  1024. msg: null,
  1025. msgText: "",
  1026. },
  1027. },
  1028.  
  1029. function( newElements ) {
  1030. var $newElems = $( newElements );
  1031. var $newElemsIDs = $newElems.map(function () {
  1032. return this.id;
  1033. }).get();
  1034. $newElems.find('.photo-slideshow').pxuPhotoset({
  1035. lightbox: true,
  1036. rounded: false,
  1037. gutter: '0px',
  1038. photoset: '.photo-slideshow',
  1039. photoWrap: '.photo-data',
  1040. photo: '.pxu-photo'
  1041. });
  1042. var $newElems = $(newElements).css({
  1043. opacity: 0,
  1044. zIndex: -1,
  1045. });
  1046. $newElems.imagesLoaded(function(){
  1047. $newElems.animate({ opacity: 1, zIndex: 1 });
  1048. $tumblelog.masonry( 'appended', $newElems );
  1049. });
  1050. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1051. });
  1052. })();
  1053. {/block:IndexPage}
  1054. </script>
  1055. <link href="//static.tumblr.com/wupwnyt/1iho27ad1/gkthm.css" rel="stylesheet" type="text/css">
  1056. </body>
  1057. </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!