API tools faq
paste
Advertisement
themekid

multiplied theme

themekid
Sep 15th, 2016
1,359
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.33 KB | None | 0 0
raw download clone embed print report
  1. <!------------------------------------------
  2.  
  3. (◍•ᴗ•◍)♡ ✧*。
  4.  
  5. Multiplied Theme theme 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="image:Background" content="" />
  17. <meta name="image:Banner" content="" />
  18. <meta name="image:Corner" content="//media.tumblr.com/4fbc142163c29a079710d3ec6bfe86b1/tumblr_inline_nee01veS7W1sgp6cl.png" />
  19.  
  20. <meta name="color:Background" content="#fff" />
  21. <meta name="color:Accent" content="#ede5f3" />
  22. <meta name="color:Accent 2" content="#dcecf5" />
  23.  
  24. <meta name="if:Tiled Background" content="" />
  25. <meta name="if:Submit Link" content="" />
  26. <meta name="if:Credit Link" content="" />
  27. <meta name="if:2 Columns" content="" />
  28. <meta name="if:Custom Favicon" content="" />
  29. <meta name="if:Display Banner" content="" />
  30. <meta name="if:Redirect Ask" content="" />
  31.  
  32. <meta name="select:Instagram Filter" content="" title="None" />
  33. <meta name="select:Instagram Filter" content="_1977" title="1977" />
  34. <meta name="select:Instagram Filter" content="aden" title="Aden" />
  35. <meta name="select:Instagram Filter" content="brooklyn" title="Brooklyn" />
  36. <meta name="select:Instagram Filter" content="clarendon" title="Clarendon" />
  37. <meta name="select:Instagram Filter" content="earlybird" title="Earlybird" />
  38. <meta name="select:Instagram Filter" content="gingham" title="Gingham" />
  39. <meta name="select:Instagram Filter" content="hudson" title="Hudson" />
  40. <meta name="select:Instagram Filter" content="inkwell" title="Inkwell" />
  41. <meta name="select:Instagram Filter" content="lark" title="Lark" />
  42. <meta name="select:Instagram Filter" content="lofi" title="Lo-Fi" />
  43. <meta name="select:Instagram Filter" content="mayfair" title="Mayfair" />
  44. <meta name="select:Instagram Filter" content="moon" title="Moon" />
  45. <meta name="select:Instagram Filter" content="nashville" title="Nashville" />
  46. <meta name="select:Instagram Filter" content="perpetua" title="Perpetua" />
  47. <meta name="select:Instagram Filter" content="reyes" title="Reyes" />
  48. <meta name="select:Instagram Filter" content="rise" title="Rise" />
  49. <meta name="select:Instagram Filter" content="slumber" title="Slumber" />
  50. <meta name="select:Instagram Filter" content="toaster" title="Toaster" />
  51. <meta name="select:Instagram Filter" content="walden" title="Walden" />
  52. <meta name="select:Instagram Filter" content="willow" title="Willow" />
  53. <meta name="select:Instagram Filter" content="xpro2" title="X-pro II" />
  54.  
  55. <meta name="select:VSCO Filter" content="" title="None" />
  56. <meta name="select:VSCO Filter" content="cssco--c1" title="C1" />
  57. <meta name="select:VSCO Filter" content="cssco--f2" title="F2" />
  58. <meta name="select:VSCO Filter" content="cssco--g3" title="G3" />
  59. <meta name="select:VSCO Filter" content="cssco--p5" title="P5" />
  60. <meta name="select:VSCO Filter" content="cssco--hb1" title="HB1" />
  61. <meta name="select:VSCO Filter" content="cssco--hb2" title="HB2" />
  62. <meta name="select:VSCO Filter" content="cssco--acg" title="ACG" />
  63. <meta name="select:VSCO Filter" content="cssco--lv3" title="LV3" />
  64. <meta name="select:VSCO Filter" content="cssco--m5" title="M5" />
  65. <meta name="select:VSCO Filter" content="cssco--a6" title="M3" />
  66. <meta name="select:VSCO Filter" content="cssco--t1" title="T1" />
  67. <meta name="select:VSCO Filter" content="cssco--b5" title="B5" />
  68. <meta name="select:VSCO Filter" content="cssco--x1" title="X1" />
  69.  
  70. <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."/>
  71. <meta name="text:Ask Link" content="/ask" />
  72. <meta name="text:Favicon URL" content="//" />
  73. <meta name="text:Corner Image Width" content="300" />{/block:Hidden}
  74. <meta charset="UTF-8" />
  75. <title>{Title}</title>
  76. {block:IfNotCustomFavicon}
  77. <link rel="shortcut icon" href="{Favicon}">
  78. {/block:IfNotCustomFavicon}
  79. {block:IfCustomFavicon}
  80. <link rel="shortcut icon" href="{text:Favicon URL}">
  81. {/block:IfCustomFavicon}
  82. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  83. <link rel="stylesheet" href="https://cssgram-cssgram.netdna-ssl.com/cssgram.min.css">
  84. <link rel="stylesheet" href="//static.tumblr.com/8pnyeus/lc3o3ylf3/cssco.css">
  85. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  86. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> </script>
  87. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  88. <script>
  89. {block:IfRedirectAsk}
  90. if(window.location.pathname == '/ask') location.replace('{text:Ask Link}');{/block:IfRedirectAsk}
  91. (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);
  92. </script>
  93. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5373287";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>");</script>
  94. <link rel="stylesheet" href="//static.tumblr.com/8pnyeus/29To2og0o/styles.css">
  95. <script src="https://dl.dropboxusercontent.com/s/7ke33tjjl8rty02/scripts.js"></script>
  96. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  97. <link href='https://fonts.googleapis.com/css?family=Playfair+Display|Roboto+Condensed' rel='stylesheet' type='text/css'>
  98. <style type="text/css">
  99. #tumblr_controls, .tmblr-iframe {
  100. top:18px!important;
  101. right:18px!important;
  102. -webkit-filter: invert(90%);
  103. filter: invert(90%);
  104. position:fixed!important;
  105. -webkit-transform:scale(.8, .8);
  106. -moz-transform:scale(.8, .8);
  107. transform:scale(.8, .8);
  108. -webkit-transform-origin: right top;
  109. -moz-transform-origin: right top;
  110. -ms-transform-origin: right top;
  111. -o-transform-origin: right top;
  112. transform-origin: right top;
  113. z-index:999999999999999999!important
  114. }
  115. #infscr-loading {
  116. position:absolute;
  117. bottom:30px;
  118. width:200px;
  119. margin-left:50%;
  120. left:-100px;
  121. text-align:center;
  122. }
  123. ::-webkit-scrollbar {
  124. background-color:#ddd;
  125. height: 11px;
  126. width: 11px;
  127. border:5px solid #fff;
  128. }
  129. ::-webkit-scrollbar-thumb {
  130. background-color:#000;
  131. border:5px solid #fff;
  132. }
  133. ::-moz-selection {
  134. color:{color:Accent 2};
  135. background:rgba({RGBcolor:Accent},0.1);
  136. }
  137.  
  138. ::selection {
  139. color:{color:Accent 2};
  140. background:rgba({RGBcolor:Accent},0.1);
  141. }
  142. #s-m-t-tooltip {
  143. max-width:300px;
  144. padding:3px 6px;
  145. margin:20px 10px;
  146. background: #000;
  147. color:#fff;
  148. z-index:999999999999999!important;
  149. font-size:9px;
  150. text-transform:uppercase;
  151. font-family:'Roboto Condensed',sans-serif;
  152. }
  153. * {
  154. margin:0;
  155. padding:0;
  156. }
  157. body {
  158. background:{color:Background} url({image:Background}) {block:IfNotTiledBackground}no-repeat center center fixed;
  159. background-size:cover;{/block:IfNotTiledBackground}
  160. {block:IfTiledBackground}repeat fixed;{/block:IfTiledBackground}
  161. color:#000;
  162. font-size:12px;
  163. word-wrap:break-word;
  164. font-family:'Roboto Condensed', sans-serif;
  165. }
  166. img:not(.lightbox-image), embed, object, video, .tumblr_video_container, iframe:not(.tumblr_audio_player) {
  167. max-width:100%!important;
  168. height:auto;
  169. }
  170. img:not(.lightbox-image) {
  171. vertical-align:middle;
  172. }
  173. .tumblr_video_container {
  174. height:auto!important;
  175. }
  176. .vine-embed {
  177. height:220px!important;
  178. }
  179. ul, ol {
  180. padding-left:20px;
  181. }
  182. h1, h2, h3, h4, h5, h6 {
  183. font-family:'Playfair Display', serif;
  184. }
  185. a {
  186. text-decoration:none;
  187. color:{color:Accent};
  188. -webkit-transition: all 0.2s ;
  189. -moz-transition: all 0.2s ;
  190. -o-transition: all 0.2s ;
  191. transition: all 0.2s ;
  192. }
  193. a:hover {
  194. color:{color:Accent 2};
  195. -webkit-transition: all 0.2s ;
  196. -moz-transition: all 0.2s ;
  197. -o-transition: all 0.2s ;
  198. transition: all 0.2s ;
  199. }
  200. a:focus {
  201. outline:none;
  202. }
  203. li {
  204. position:relative;
  205. }
  206. #top, #left, #right, #bottom {
  207. background:{color:Accent};
  208. position:fixed;
  209. }
  210. #top, #bottom {
  211. height:13px;
  212. width:100%;
  213. left:0;
  214. z-index:99;
  215. }
  216. #left, #right {
  217. width:13px;
  218. height:100%;
  219. top:0px;
  220. z-index:999;
  221. }
  222. #reblogged {
  223. bottom:18px!important;
  224. right:18px!important;
  225. }
  226. #top {
  227. top:0;
  228. background: -webkit-linear-gradient(left, {color:Accent} , {color:Accent 2});
  229. background: -moz-linear-gradient(right, {color:Accent}, {color:Accent 2});
  230. background: -o-linear-gradient(right, {color:Accent}, {color:Accent 2});
  231. background: linear-gradient(to right, {color:Accent} , {color:Accent 2});
  232. }
  233. #bottom {
  234. bottom:0;
  235. background: -webkit-linear-gradient(left, {color:Accent 2} , {color:Accent});
  236. background: -moz-linear-gradient(right, {color:Accent 2}, {color:Accent});
  237. background: -o-linear-gradient(right, {color:Accent 2}, {color:Accent});
  238. background: linear-gradient(to right, {color:Accent 2} , {color:Accent});
  239. }
  240. #left {
  241. left:0;
  242. background: -webkit-linear-gradient({color:Accent}, {color:Accent 2});
  243. background: -moz-linear-gradient({color:Accent}, {color:Accent 2});
  244. background: -o-linear-gradient({color:Accent}, {color:Accent 2});
  245. background: linear-gradient({color:Accent}, {color:Accent 2});
  246. }
  247. #right {
  248. right:0;
  249. background: -webkit-linear-gradient({color:Accent 2}, {color:Accent});
  250. background: -moz-linear-gradient({color:Accent 2}, {color:Accent});
  251. background: -o-linear-gradient({color:Accent 2}, {color:Accent});
  252. background: linear-gradient({color:Accent 2}, {color:Accent});
  253. }
  254.  
  255. ul#navlinks {
  256. list-style:none;
  257. padding:0;
  258. font-size:0;
  259. text-align:center;
  260. width:320px;
  261. margin:0 auto;
  262. position:relative;
  263. background: -webkit-linear-gradient(left top, {color:Accent 2} , {color:Accent});
  264. background: -moz-linear-gradient(bottom right, {color:Accent 2}, {color:Accent});
  265. background: -o-linear-gradient(bottom right, {color:Accent 2}, {color:Accent});
  266. background: linear-gradient(to bottom right, {color:Accent 2} , {color:Accent});
  267. -webkit-transition: width 0.3s, left 0.3s;
  268. -moz-transition: width 0.3s, left 0.3s;
  269. -o-transition: width 0.3s, left 0.3s;
  270. transition: width 0.3s, left 0.3s;
  271. }
  272. ul#navlinks li {
  273. display:inline-block;
  274. text-transform:uppercase;
  275. display:inline-block;
  276. margin:3px;
  277. padding:5px;
  278. font-size:11px;
  279. position:relative;
  280. -webkit-transition: all 0.3s ;
  281. -moz-transition: all 0.3s ;
  282. -o-transition: all 0.3s ;
  283. transition: all 0.3s ;
  284. }
  285. ul#navlinks a:first-of-type li {
  286. font-style:italic;
  287. font-weight:bold;
  288. }
  289. ul#navlinks li:before {
  290. content:'[';
  291. position:absolute;
  292. top:4px;
  293. left:4px;
  294. opacity:0;
  295. visibility:hidden;
  296. -webkit-transition: all 0.3s;
  297. -moz-transition: all 0.3s;
  298. -o-transition: all 0.3s;
  299. transition: all 0.3s;
  300. }
  301. ul#navlinks a:hover li:before {
  302. left:-2px;
  303. opacity:1;
  304. visibility:visible;
  305. -webkit-transition: all 0.3s;
  306. -moz-transition: all 0.3s;
  307. -o-transition: all 0.3s;
  308. transition: all 0.3s;
  309. }
  310. ul#navlinks li:after {
  311. content:']';
  312. position:absolute;
  313. top:4px;
  314. right:4px;
  315. opacity:0;
  316. visibility:hidden;
  317. -webkit-transition: all 0.3s;
  318. -moz-transition: all 0.3s;
  319. -o-transition: all 0.3s;
  320. transition: all 0.3s;
  321. }
  322. ul#navlinks a:hover li:after {
  323. right:-2px;
  324. opacity:1;
  325. visibility:visible;
  326. -webkit-transition: all 0.3s;
  327. -moz-transition: all 0.3s;
  328. -o-transition: all 0.3s;
  329. transition: all 0.3s;
  330. }
  331. ul#navlinks a {
  332. color:#000;
  333. }
  334. #sidebar {
  335. width:320px;
  336. text-align:center;
  337. position:fixed;
  338. left:calc(50% - 520px);
  339. top:200px;
  340. }
  341. h1#title {
  342. font-family:"Playfair Display", sans-serif;
  343. font-size:2.8em;
  344. margin-bottom:10px;
  345. }
  346. #desc {
  347. width:280px;
  348. margin:0 auto;
  349. margin-top:10px;
  350. }
  351. #wrapper {
  352. width:700px;
  353. left:calc(50% - 130px);
  354. position:relative;
  355. top:43px;
  356. {block:If2Columns}width:640px;top:63px;{/block:If2Columns}
  357. }
  358. article {
  359. width:200px;
  360. margin-bottom:50px;
  361. position:relative;
  362. {block:If2Columns}width:280px;margin-bottom:80px;{/block:If2Columns}
  363. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  364. {block:IndexPage}overflow:hidden;{/block:IndexPage}
  365. }
  366. article .tb {
  367. padding:15px;
  368. background:rgba(255,255,255,0.8);
  369. border:4px double {color:Accent};
  370. }
  371. article h2 {
  372. font-weight:normal;
  373. font-size:1em;
  374. background:{color:Accent};
  375. padding:5px 7px;
  376. margin-bottom:10px;
  377. text-align:center;
  378. }
  379. article blockquote {
  380. padding-left: 10px;
  381. border-left: 2px solid {color:Accent};
  382. margin: 5px;
  383. margin-left: 12px;
  384. }
  385. article p {
  386. margin:5px 0;
  387. }
  388. article p:first-of-type {
  389. margin-top:0;
  390. }
  391. article p:last-of-type {
  392. margin-bottom:0;
  393. }
  394. article ul, article ol {
  395. padding-left:20px;
  396. }
  397. article ul {
  398. list-style:circle;
  399. }
  400. article a {
  401. border-bottom:1px solid #eee;
  402. color:#9f9f9f;
  403. }
  404. article a:hover {
  405. border-color:rgba({RGBcolor:Accent 2},0.5);
  406. color:{color:Accent 2};
  407. }
  408. article hr {
  409. border:none;
  410. width:75%;
  411. margin:15px auto;
  412. height:1px;
  413. background:rgba({RGBcolor:Accent},0.5);
  414. }
  415. a.tumblr-box {
  416. border-bottom: none;
  417. }
  418. .quote h2 {
  419. background:none;
  420. text-align:left;
  421. }
  422. .quote.short h2 {
  423. font-size:1.6em;
  424. line-height:120%;
  425. }
  426. .quote.medium h2 {
  427. font-size:1.3em;
  428. line-height:120%;
  429. }
  430. .quote.long h2 {
  431. font-size:1em;
  432. }
  433. .quote cite {
  434. text-align:right;
  435. display:block;
  436. }
  437. .chat ul {
  438. padding:0;
  439. }
  440. .chat ul {
  441. list-style:none;
  442. }
  443. .chat b {
  444. color:{color:Accent 2};
  445. }
  446. img.album-art {
  447. width:80px;
  448. height:80px;
  449. position:absolute;
  450. }
  451. .audio-info {
  452. display:inline-block;
  453. margin-left:90px;
  454. min-height:80px;
  455. }
  456. .tumblr_audio_player {
  457. opacity:0.9;
  458. width:30px;
  459. height:30px;
  460. border-radius:50%;
  461. position:absolute;
  462. top:55px;
  463. left:55px;
  464. }
  465. .answer h2 {
  466. text-transform:lowercase;
  467. }
  468. .answer h2 a, .link h2 a {
  469. color: #000;
  470. border-bottom:none;
  471. }
  472. .answer h2 a:hover, .link h2 a:hover {
  473. color:{color:Accent 2};
  474. }
  475. .link h2 {
  476. text-align:left;
  477. }
  478. .link h2 svg {
  479. width: 13px;
  480. height: auto;
  481. margin-top:1px;
  482. float:right;
  483. }
  484. .response {
  485. position: relative;
  486. margin-top: 31px;
  487. }
  488. .response:before {
  489. content: '';
  490. width:75%;
  491. height:1px;
  492. background:rgba({RGBcolor:Accent},0.5);
  493. left: 12.5%;
  494. top: -15px;
  495. position: absolute;
  496. }
  497. .response:empty {
  498. display:none;
  499. }
  500. {block:IndexPage}
  501. .permalink {
  502. position:absolute;
  503. background: -webkit-linear-gradient(left top, {color:Accent 2} , {color:Accent});
  504. background: -moz-linear-gradient(bottom right, {color:Accent 2}, {color:Accent});
  505. background: -o-linear-gradient(bottom right, {color:Accent 2}, {color:Accent});
  506. background: linear-gradient(to bottom right, {color:Accent 2} , {color:Accent});
  507. padding:15px;
  508. height:20px;
  509. line-height:20px;
  510. width:calc(100% - 30px);
  511. bottom:-50px;
  512. font-family:'Roboto Condensed', sans-serif;
  513. z-index:99999;
  514. -webkit-transition: all 0.4s;
  515. -moz-transition: all 0.4s;
  516. -o-transition: all 0.4s;
  517. transition: all 0.4s;
  518. }
  519. .permalink a {
  520. color:#000;
  521. border-bottom:none;
  522. }
  523. article:hover .permalink {
  524. bottom:0;
  525. -webkit-transition: all 0.4s;
  526. -moz-transition: all 0.4s;
  527. -o-transition: all 0.4s;
  528. transition: all 0.4s;
  529. }
  530. .photo img {
  531. position:relative;
  532. top:0;
  533. -webkit-transition: all 0.4s;
  534. -moz-transition: all 0.4s;
  535. -o-transition: all 0.4s;
  536. transition: all 0.4s;
  537. }
  538. article:hover .photo img {
  539. top:-25px;
  540. -webkit-transform:scale(1.05, 1.05);
  541. -moz-transform:scale(1.05, 1.05);
  542. transform:scale(1.05, 1.05);
  543. -webkit-filter:blur(1px);
  544. -webkit-transition: all 0.4s;
  545. -moz-transition: all 0.4s;
  546. -o-transition: all 0.4s;
  547. transition: all 0.4s;
  548. }
  549. .custom-like-button {
  550. position: relative;
  551. cursor: pointer;
  552. }
  553. /* class for the Tumblr Like Button iframe */
  554. .like_button {
  555. position: absolute;
  556. top: 0;
  557. left: 0;
  558. right: 0;
  559. bottom: 0;
  560. width: 100%;
  561. height: 100%;
  562. opacity: 0;
  563. z-index: 10;
  564. }
  565. /* Force iframe to fill button */
  566. .like_button iframe {
  567. width: 100% !important;
  568. height: 100% !important;
  569. }
  570. /* class for Our Like Button */
  571. .our_toggle {
  572. top: 0;
  573. left: 0;
  574. right: 0;
  575. bottom: 0;
  576. width: 10px;
  577. height: 10px;
  578. z-index: 1;
  579. }
  580. /* Hover State */
  581. .like_button:hover + .our_toggle {
  582. color:red;
  583. }
  584. /* Liked State */
  585. .like_button.liked + .our_toggle {
  586. color:red;
  587. }
  588. ul.photo-permas {
  589. list-style: none;
  590. padding: 0;
  591. margin: 0;
  592. }
  593. .photo-permas li {
  594. display: inline-block;
  595. height:14px;
  596. line-height:14px;
  597. text-align:center;
  598. width:14px;
  599. border-radius:50%;
  600. margin:0 5px;
  601. }
  602. li.time {
  603. width:auto;
  604. float:right;
  605. height: 20px;
  606. line-height: 20px;
  607. }
  608. {/block:IndexPage}
  609. .permalink a:hover {
  610. color:#000;
  611. }
  612. .other_perma {
  613. text-align:right;
  614. color:{color:Accent 2};
  615. padding-top:15px;
  616. font-family: 'Roboto Condensed', sans-serif;
  617. }
  618. .other_perma a {
  619. color:{color:Accent 2};
  620. border-bottom:0;
  621. -webkit-transition: all 0.3s ease-in-out;
  622. -moz-transition: all 0.3s ease-in-out;
  623. -o-transition: all 0.3s ease-in-out;
  624. transition: all 0.3s ease-in-out;
  625. }
  626. .other_perma a:hover{
  627. color:{color:accent};
  628. -webkit-transition: all 0.3s ease-in-out;
  629. -moz-transition: all 0.3s ease-in-out;
  630. -o-transition: all 0.3s ease-in-out;
  631. transition: all 0.3s ease-in-out;
  632. }
  633.  
  634. #show-notes {
  635. color: #9f9f9f;
  636. border-bottom: 1px solid #eee;
  637. font-weight: bold;
  638. text-transform: uppercase;
  639. cursor: pointer;
  640. font-size: 0.85em;
  641. margin: 0 auto;
  642. text-align: center;
  643. width: 80px;
  644. -webkit-transition: all 0.2s ease-in-out;
  645. -moz-transition: all 0.2s ease-in-out;
  646. -o-transition: all 0.2s ease-in-out;
  647. transition: all 0.2s ease-in-out;
  648. margin-top:10px;
  649. }
  650. #show-notes:hover {
  651. color:{color:Accent 2};
  652. border-color:rgba({RGBcolor:Accent 2},0.5);
  653. -webkit-transition: all 0.2s ease-in-out;
  654. -moz-transition: all 0.2s ease-in-out;
  655. -o-transition: all 0.2s ease-in-out;
  656. transition: all 0.2s ease-in-out;
  657. }
  658. #notes {
  659. display:none;
  660. }
  661. ol.notes {
  662. padding:0;
  663. margin: 0;
  664. list-style-type: none;
  665. }
  666. ol.notes li.note {
  667. padding: 3px 0;
  668. margin-bottom:3px;
  669. }
  670. ol.notes li.note img.avatar {
  671. float:right;
  672. border-radius:50%;
  673. }
  674. ol.notes li.note blockquote a {
  675. text-decoration: none;
  676. }
  677. li.more_notes_link_container {
  678. font-weight: bold;
  679. text-transform: uppercase;
  680. font-size: 0.85em;
  681. }
  682. .extra-info {
  683. position: absolute;
  684. left: 0;
  685. top: 15px;
  686. width: 158px;
  687. margin-left: 100%;
  688. line-height: 200%;
  689. text-align: left;
  690. }
  691. .extra-info svg {
  692. width: 15px;
  693. height: auto;
  694. margin-right: 5px;
  695. vertical-align: text-bottom;
  696. }
  697. {block:PermalinkPage}
  698. #posts {
  699. width: 540px;
  700. }
  701. article {
  702. padding: 20px;
  703. border: 1px {select:Borders} {color:Accent};
  704. background:rgba(255,255,255,0.8);
  705. }
  706. article .tb {
  707. border:none;
  708. padding:10px 0;
  709. background:rgba(255,255,255,0);
  710. }
  711. article .tb:first-of-type {
  712. padding-top: 0;
  713. }
  714. article .tb:last-of-type {
  715. padding-bottom: 0;
  716. }
  717. article .photo .tb:first-of-type {
  718. padding-top:10px;
  719. }
  720. {/block:PermalinkPage}
  721. #corner {
  722. position:fixed;
  723. bottom:0px;
  724. left:0px;
  725. z-index:-1;
  726. width:{text:Corner Image Width}px;
  727. }
  728. .back-to-top {
  729. text-align:center;
  730. bottom:25px;
  731. width:25px;
  732. left:25px;
  733. font-size:9px;
  734. cursor:pointer;
  735. text-transform:uppercase;
  736. position:fixed;
  737. display:none;
  738. z-index:99999;
  739. }
  740. .back-to-top svg {
  741. width: 35px;
  742. height: auto;
  743. fill: {color:Accent};
  744. background: #fff;
  745. padding: 1px 5px;
  746. border-radius: 50%;
  747. }
  748. </style>
  749. </head>
  750. <body>
  751. <div id="left"></div><div id="right"></div>
  752. <div id="bottom"></div><div id="top"></div>
  753. <img id="corner" src="{image:Corner}">
  754. <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>
  755. <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>
  756. <div id="sidebar">
  757. {block:IfNotDisplayBanner}<h1 id="title">{Title}</h1>{/block:IfNotDisplayBanner}
  758. {block:IfDisplayBanner}<img src="{image:Banner}">{/block:IfDisplayBanner}
  759. <ul id="navlinks">
  760. <a href="/"><li>Refresh</li></a>
  761. {block:AskEnabled}<a href="{text:Ask Link}"><li>message</li></a>{/block:AskEnabled}
  762. {block:IfSubmitLink}{block:SubmissionsEnabled}<a href="/submit" ><li>submit</li></a>{/block:SubmissionsEnabled}{/block:IfSubmitLink}
  763. {block:HasPages}{block:Pages}<a href="{URL}"><li>{Label}</li></a>{/block:Pages}{/block:HasPages}
  764. <a href="/archive"><li>past</li></a>
  765. {block:IfCreditLink}<a href="//redivide.tumblr.com" target="_blank"><li>theme</li></a>{/block:IfCreditLink}
  766. </ul>
  767. {block:Description}<div id="desc">{Description}</div>{/block:Description}
  768. </div>
  769. <div id="wrapper">
  770. <div id="posts">{block:Posts}
  771. <article id="{PostId}" class="{block:Text}text-based{/block:Text}{block:Quote}text-based{/block:Quote}{block:Link}text-based{/block:Link}{block:Chat}text-based{/block:Chat}{block:Answer}text-based{/block:Answer}{block:Audio}text-based{/block:Audio}{block:Photo}photo-based{/block:Photo}{block:Photoset}photo-based{/block:Photoset}">
  772. {block:Text}<div class="text tb">
  773. {block:Title}<h2>{Title}</h2>{/block:Title}
  774. {Body}
  775. {block:IndexPage}
  776. <div class="other_perma">
  777. <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>
  778. </div>
  779. {/block:IndexPage}
  780. </div>{/block:Text}{block:Photo}<div class="photo">
  781. {block:IndexPage}<div class="cssco {select:VSCO Filter}"><img src="{PhotoURL-250}" alt="{PhotoALt}" class="{select:Instagram Filter}"></div>
  782. <div class="permalink">
  783. <ul class="photo-permas">
  784. <li class="custom-like-button" title="like">
  785. {LikeButton}
  786. <span class="our_toggle">
  787. <i class="lnr lnr-heart"></i>
  788. </span>
  789. <li><a href="{ReblogURL}" target="_blank" title="reblog"><i class="lnr lnr-redo"></i></a>
  790. <li><a href="{Permalink}" target="_blank" title="{NoteCount}"><i class="lnr lnr-earth"></i></a>
  791. <li class="time">{12HourWithZero}:{Minutes}{CapitalAmPm}
  792. </ul>
  793. </div>
  794. {/block:IndexPage}
  795. {block:PermalinkPage}
  796. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  797. {block:Caption}<div class="tb">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  798. </div>{/block:Photo}{block:Photoset}<div class="photo">
  799. {block:IndexPage}<ul class="photo-permas">
  800. <li class="custom-like-button" title="like">
  801. {LikeButton}
  802. <span class="our_toggle">
  803. <i class="lnr lnr-heart"></i>
  804. </span>
  805. <li><a href="{ReblogURL}" target="_blank" title="reblog"><i class="lnr lnr-redo"></i></a>
  806. <li><a href="{Permalink}" target="_blank" title="{NoteCount}"><i class="lnr lnr-earth"></i></a>
  807. <li class="time">{12HourWithZero}:{Minutes}{CapitalAmPm}
  808. </ul>{/block:IndexPage}
  809. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><div class="cssco {select:VSCO Filter}"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" class="{select:Instagram Filter}"></div></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  810. {block:PermalinkPage}{block:Caption}<div class="tb">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  811. </div>{/block:Photoset}{block:Quote}<div class="quote tb {Length}">
  812. <h2>"{Quote}"</h2>
  813. {block:Source}<cite>&mdash; {Source}</cite>{/block:Source}
  814. {block:IndexPage}
  815. <div class="other_perma">
  816. <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>
  817. </div>
  818. {/block:IndexPage}
  819. </div>{/block:Quote}{block:Chat}<div class="chat tb">
  820. {block:Title}<h2>{Title}</h2>{/block:Title}
  821. <ul>
  822. {block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>{/block:Lines}
  823. </ul>
  824. {block:IndexPage}
  825. <div class="other_perma">
  826. <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>
  827. </div>
  828. {/block:IndexPage}
  829. </div>{/block:Chat}{block:Link}<div class="link tb">
  830. <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>
  831. {block:Description}{Description}{/block:Description}
  832. {block:IndexPage}
  833. <div class="other_perma">
  834. <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>
  835. </div>
  836. {/block:IndexPage}
  837. </div>{/block:Link}{block:Audio}<div class="audio tb">
  838. <div class="cssco {select:VSCO Filter}"><img class="album-art {select:Instagram Filter}" src="//static.tumblr.com/yxfeliq/C5Xnysfnk/cd.jpg" {block:AlbumArt}style="display:none;"{/block:AlbumArt}>
  839. {block:AlbumArt}<img src="{AlbumArtURL}" class="album-art {select:Instagram Filter}">{/block:ALbumArt}</div>
  840. <div class="audio-info">
  841. Artist: <span {block:Artist}style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
  842. Title: <span {block:TrackName}style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
  843. Album: <span {block:Album}style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br>
  844. Plays: {FormattedPlayCount}
  845. </div>
  846. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  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:Audio}{block:Video}<div class="vid">
  853. <div class="video">{Video-500}</div>
  854. </div>{/block:Video}{block:Answer}<div class="answer tb">
  855. <h2>{Asker} asked:</h2>
  856. <div class="question">{Question}</div>
  857. {block:Answerer}
  858. <hr>
  859. <h2>{Answerer} replied:</h2>
  860. <div class="question">{Answer}</div>
  861. {/block:Answerer}
  862. <div class="response">{Replies}</div>
  863. {block:IndexPage}
  864. <div class="other_perma">
  865. <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>
  866. </div>
  867. {/block:IndexPage}
  868. </div>{/block:Answer}
  869.  
  870. {block:PermalinkPage}
  871. {block:PostNotes}
  872. <div id="show-notes">show notes</div>
  873. <div id="notes" class="tb">
  874. {PostNotes-16}
  875. </div>
  876. {/block:PostNotes}
  877. <div class="extra-info">
  878. {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
  879. 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}
  880. {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}
  881. {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}
  882. {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}
  883. {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}
  884. </div>
  885. {/block:PermalinkPage}
  886.  
  887. </article>
  888. {/block:Posts}</div>
  889. </div>
  890. {block:Pagination}
  891. <div class="pagination" style="visibility:hidden;">
  892. {block:NextPage}<a href="{NextPage}" id="next-link"><i class="fa fa-angle-right"></i></a>{/block:NextPage}
  893. </div>
  894. {/block:Pagination}
  895. <script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  896. <script src="//static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  897. <script src="//static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  898. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  899. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  900. <script>
  901. $(function(){
  902. // scroll to top © html-tuts.com
  903. var amountScrolled = 300;
  904. $(window).scroll(function() {
  905. if ( $(window).scrollTop() > amountScrolled ) {
  906. $('.back-to-top').fadeIn('slow');
  907. } else {
  908. $('.back-to-top').fadeOut('slow');
  909. }
  910. });
  911. $('.back-to-top').click(function() {
  912. $('html, body').animate({
  913. scrollTop: 0
  914. }, 700);
  915. return false;
  916. });
  917. {block:PermalinkPage}
  918. $('#show-notes').click(function(e){
  919. e.preventDefault();
  920. $('#notes').slideToggle('slow');
  921. $(this).text( $(this).text() == "show notes" ? "hide notes" : "show notes");
  922. });
  923. {/block:PermalinkPage}
  924. $('.photo-slideshow').pxuPhotoset({
  925. lightbox: true,
  926. rounded: false,
  927. gutter: '0px',
  928. photoset: '.photo-slideshow',
  929. photoWrap: '.photo-data',
  930. photo: '.pxu-photo'
  931. });
  932. });
  933. {block:IndexPage}
  934. (function () {
  935. var $tumblelog = $('#posts');
  936. $tumblelog.imagesLoaded(function () {
  937. $tumblelog.masonry({
  938. itemSelector: 'article',
  939. isAnimated:false,
  940. columnWidth:{block:IfNot2Columns}200{/block:IfNot2Columns}{block:If2Columns}280{/block:If2Columns},
  941. gutterWidth:{block:IfNot2Columns}50{/block:IfNot2Columns}{block:If2Columns}80{/block:If2Columns},
  942. });
  943. });
  944. $tumblelog.infinitescroll({
  945. navSelector : "div.pagination",
  946. nextSelector : ".pagination a#next-link",
  947. itemSelector : "article",
  948. loading: {
  949. finishedMsg: "<p>You've reached the end of the Earth.</p>",
  950. img : "https://res1.nabtrade.com.au/Content/Images/ajax_loader.gif",
  951. msg: null,
  952. msgText: "",
  953. },
  954. },
  955. function( newElements ) {
  956. var $newElems = $( newElements );
  957. var $newElemsIDs = $newElems.map(function () {
  958. return this.id;
  959. }).get();
  960. $newElems.find('.photo-slideshow').pxuPhotoset({
  961. lightbox: true,
  962. rounded: false,
  963. gutter: '0px',
  964. photoset: '.photo-slideshow',
  965. photoWrap: '.photo-data',
  966. photo: '.pxu-photo'
  967. });
  968. var $newElems = $(newElements).css({
  969. opacity: 0,
  970. zIndex: -1,
  971. });
  972. $newElems.imagesLoaded(function(){
  973. $newElems.animate({ opacity: 1, zIndex: 1 });
  974. $tumblelog.masonry( 'appended', $newElems );
  975. });
  976. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  977. });
  978. })();
  979. {/block:IndexPage}
  980. </script>
  981. <link href="//static.tumblr.com/wupwnyt/1iho27ad1/gkthm.css" rel="stylesheet" type="text/css">
  982. </body>
  983. </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!