API tools faq
paste
Advertisement
themekid

footsteps theme (collab)

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