API tools faq
paste
Advertisement
themekid

impact theme

themekid
Oct 21st, 2016
1,211
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.79 KB | None | 0 0
raw download clone embed print report
  1. <!------------------------------------------
  2.  
  3. (◍•ᴗ•◍)♡ ✧*。
  4.  
  5. Impact 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:Sidebar Background" content="//static.tumblr.com/8pnyeus/D6Oo8uy7x/marble.jpg" />
  17. <meta name="image:Banner" content="" />
  18. <meta name="color:Background" content="#fff" />
  19. <meta name="color:Accent" content="#dcecf5" />
  20. <meta name="color:Dark Accent" content="#75b1d6" />
  21. <meta name="if:Credit Link" content="" />
  22. <meta name="if:Custom Favicon" content="" />
  23. <meta name="if:Redirect Ask" content="" />
  24. <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."/>
  25. <meta name="text:Ask Link" content="/ask" />
  26. <meta name="text:Favicon URL" content="//" />
  27. <meta name="text:URL 1" content=""/>
  28. <meta name="text:Link 1" content=""/>
  29. <meta name="text:Icon 1" content="lnr-heart"/>
  30. <meta name="text:URL 2" content=""/>
  31. <meta name="text:Link 2" content=""/>
  32. <meta name="text:Icon 2" content="lnr-heart"/>
  33. <meta name="text:URL 3" content=""/>
  34. <meta name="text:Link 3" content=""/>
  35. <meta name="text:Icon 3" content="lnr-heart"/>
  36. <meta name="text:URL 4" content=""/>
  37. <meta name="text:Link 4" content=""/>
  38. <meta name="text:Icon 4" content="lnr-heart"/>
  39. <meta name="text:URL 5" content=""/>
  40. <meta name="text:Link 5" content=""/>
  41. <meta name="text:Icon 5" content="lnr-heart"/>
  42. <meta name="text:URL 6" content=""/>
  43. <meta name="text:Link 6" content=""/>
  44. <meta name="text:Icon 6" content="lnr-heart"/>{/block:Hidden}
  45. <meta charset="UTF-8" />
  46. <title>{Title}</title>
  47. {block:IfNotCustomFavicon}<link rel="shortcut icon" href="{Favicon}">{/block:IfNotCustomFavicon}{block:IfCustomFavicon}<link rel="shortcut icon" href="{text:Favicon URL}">{/block:IfCustomFavicon}
  48. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  49. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> </script>
  50. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  51. <script>
  52. {block:IfRedirectAsk}
  53. if(window.location.pathname == '/ask') location.replace('{text:Ask Link}');{/block:IfRedirectAsk}
  54. (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);
  55. </script><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5390018";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 style='display:none;' id='o_"+fhs_id+"'></span>");</script>
  56. <link href='https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Condensed:400,700,900|Nothing+You+Could+Do|Open+Sans:400,600|Montserrat:400,700' rel='stylesheet' type='text/css'>
  57. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
  58. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  59. <link rel="stylesheet" href="//static.tumblr.com/8pnyeus/29To2og0o/styles.css">
  60. <script src="https://dl.dropboxusercontent.com/s/7ke33tjjl8rty02/scripts.js"></script>
  61. <style type="text/css">
  62. #tumblr_controls, .tmblr-iframe {
  63. top:15px!important;
  64. right:15px!important;
  65. -webkit-filter: invert(90%);
  66. filter: invert(90%);
  67. position:fixed!important;
  68. -webkit-transform:scale(.9, .9);
  69. -moz-transform:scale(.9, .9);
  70. transform:scale(.9, .9);
  71. -webkit-transform-origin: right top;
  72. -moz-transform-origin: right top;
  73. -ms-transform-origin: right top;
  74. -o-transform-origin: right top;
  75. transform-origin: right top;
  76. z-index:999999999999999999!important
  77. }
  78. ::-webkit-scrollbar {
  79. background-color:#ddd;
  80. height: 11px;
  81. width: 11px;
  82. border:5px solid #fff;
  83. }
  84. ::-webkit-scrollbar-thumb {
  85. background-color:#000;
  86. border:5px solid #fff;
  87. }
  88. ::-moz-selection {
  89. color:{color:Dark Accent};
  90. background:rgba({RGBcolor:Accent},0.1);
  91. }
  92.  
  93. ::selection {
  94. color:{color:Dark Accent};
  95. background:rgba({RGBcolor:Accent},0.1);
  96. }
  97. body {
  98. font-family: 'Lato', sans-serif;
  99. font-size:11px;
  100. line-height:1.5em;
  101. word-wrap:break-word;
  102. overflow-x:hidden;
  103. background:{color:Background};
  104. }
  105. * {
  106. margin:0;
  107. padding:0;
  108. }
  109. h1,h2,h3,h4,h5,h6 {
  110. font-family:'Montserrat', sans-serif;
  111. }
  112. i, em {
  113. font-family: 'Nothing You Could Do', cursive;
  114. font-size:1.4em;
  115. }
  116. ul, ol {
  117. padding-left:30px;
  118. line-height:175%;
  119. }
  120. ul {
  121. list-style:circle;
  122. }
  123. img:not(.lightbox-image), embed, video, .tumblr_video_container, iframe:not(.instagram-media):not(#ask_form):not(.tumblr_audio_player):not(.like_toggle) {
  124. max-width:100%!important;
  125. height:auto;
  126. }
  127. .instagram-media {
  128. max-width:100%!important;
  129. }
  130. img:not(.lightbox-image) {
  131. vertical-align:middle;
  132. }
  133. .tumblr_video_container {
  134. height:auto!important;
  135. }
  136. .vine-embed {
  137. height:250px!important;
  138. }
  139. #infscr-loading {
  140. position:absolute;
  141. bottom:30px;
  142. width:200px;
  143. margin-left:50%;
  144. left:-100px;
  145. text-align:center;
  146. }
  147. a {
  148. color:{color:Dark Accent};
  149. text-decoration:none;
  150. -webkit-transition: all 0.3s ease-in-out;
  151. -moz-transition: all 0.3s ease-in-out;
  152. -o-transition: all 0.3s ease-in-out;
  153. transition: all 0.3s ease-in-out;
  154. }
  155. a:hover {
  156. color:#000;
  157. -webkit-transition: all 0.3s ease-in-out;
  158. -moz-transition: all 0.3s ease-in-out;
  159. -o-transition: all 0.3s ease-in-out;
  160. transition: all 0.3s ease-in-out;
  161. }
  162. a:focus {
  163. outline:0;
  164. }
  165. li {
  166. position:relative;
  167. }
  168. #s-m-t-tooltip {
  169. max-width:300px;
  170. padding:3px 6px;
  171. margin:20px 10px;
  172. background: #000;
  173. color:#fff;
  174. z-index:999999999999999!important;
  175. font-size:9px;
  176. text-transform:uppercase;
  177. font-family:'Roboto Condensed',sans-serif;
  178. }
  179. #reblogged {
  180. right:20px!important;
  181. bottom:20px!important;
  182. }
  183. aside {
  184. width:calc(50% - 260px - 80px);
  185. background:{color:Accent} url({image:Sidebar Background}) no-repeat left top;
  186. background-size:cover;
  187. position:fixed;
  188. top:0;
  189. left:0;
  190. height:100vh;
  191. padding:20px;
  192. box-sizing:border-box;
  193. max-width:400px;
  194. }
  195. #sidebar {
  196. z-index:999;
  197. text-align:center;
  198. margin:100px auto;
  199. max-width:300px;
  200. }
  201. .labels {
  202. background:#fff;
  203. padding:10px;
  204. border:1px solid {color:Accent};
  205. }
  206. #sidebar h1 {
  207. font-weight:700;
  208. letter-spacing:1px;
  209. text-transform:uppercase;
  210. font-size:28px;
  211. font-family: 'Montserrat', sans-serif;
  212. padding:15px 10px;
  213. }
  214. #banner {
  215. box-sizing:border-box;
  216. }
  217. #sidebar #desc {
  218. position:relative;
  219. margin:10px 0;
  220. }
  221. ul#navlinks {
  222. list-style:none;
  223. padding:0;
  224. font-size:0;
  225. display:block;
  226. text-align:left;
  227. }
  228. ul#navlinks li {
  229. font-size:11px;
  230. display:inline-block;
  231. background:#fff;
  232. padding:10px;
  233. margin-right:10px;
  234. margin-bottom:10px;
  235. box-sizing:border-box;
  236. width:calc(50% - 5px);
  237. text-align:left;
  238. text-transform:uppercase;
  239. font-family:'Montserrat', sans-serif;
  240. line-height:14px;
  241. border:1px solid {color:Accent};
  242. }
  243. ul#navlinks li i {
  244. float:right;
  245. font-size:11px;
  246. vertical-align:middle;
  247. }
  248. ul#navlinks li:nth-of-type(even) {
  249. margin-right:0;
  250. }
  251. ul#navlinks li a {
  252. color:#000;
  253. }
  254. ul#navlinks li:hover {
  255. cursor:pointer;
  256. }
  257. .wrapper {
  258. position:relative;
  259. margin:70px auto;
  260. width:820px;
  261. right:-150px;
  262. }
  263. article {
  264. position:relative;
  265. margin-bottom:80px;
  266. width:220px;
  267. outline:1px solid {color:Accent};
  268. outline-offset:-1px;
  269. border:11px solid #fff;
  270. box-sizing:border-box;
  271. {block:PermalinkPage}width:460px;{/block:PermalinkPage}
  272. }
  273. article h2 {
  274. margin-bottom:10px;
  275. }
  276. article .tb {
  277. padding: 4px;
  278. }
  279. article ul, article ol {
  280. margin:10px;
  281. padding-left:10px;
  282. }
  283. blockquote.tumblr_parent {
  284. padding-left: 5px;
  285. padding-right: 5px;
  286. margin: 10px 0px;
  287. padding-bottom: 10px;
  288. line-height: 140%;
  289. position: relative;
  290. border-bottom:1px dashed {color:Accent};
  291. }
  292. {block:PermalinkPage}
  293. blockquote.tumblr_parent:before {
  294. content: "\e83f";
  295. -webkit-font-smoothing: antialiased;
  296. -moz-osx-font-smoothing: grayscale;
  297. vertical-align: middle;
  298. font-family: Linearicons-Free;
  299. speak: none;
  300. font-style: normal;
  301. font-weight: 400;
  302. font-variant: normal;
  303. font-size: 11px;
  304. text-transform: none;
  305. line-height: 1;
  306. margin-right: 5px;
  307. color:{color:Dark Accent};
  308. }{/block:PermalinkPage}
  309. blockquote.tumblr_parent:first-of-type {
  310. margin-top:0;
  311. }
  312. blockquote.tumblr_parent p:first-of-type {
  313. display:inline;
  314. }
  315. blockquote.tumblr_parent:last-of-type {
  316. border-bottom:none;
  317. padding-bottom:0px;
  318. margin-bottom:10px;
  319. }
  320. blockquote.tumblr_parent:last-of-type:after {
  321. content:initial;
  322. }
  323. blockquote.tumblr_parent img {
  324. box-sizing: border-box;
  325. border: 2px solid {color:Accent};
  326. margin: 20px 0;
  327. }
  328. blockquote.tumblr_parent p {
  329. margin:10px 0;
  330. }
  331. blockquote.tumblr_parent p:last-of-type {
  332. margin-bottom:0;
  333. }
  334. blockquote.tumblr_parent p a {
  335. color:{color:Dark Accent};
  336. }
  337. blockquote.tumblr_parent h2 {
  338. margin-top:15px;
  339. }
  340. article h2 {
  341. margin-bottom:15px;
  342. }
  343. a.tumblr_blog {
  344. font-weight:bold;
  345. margin-right:5px;
  346. color:#000;
  347. }
  348. a.tumblr_blog:after {
  349. content:": ";
  350. }
  351. blockquote.tumblr_parent > blockquote {
  352. border-left:2px solid #eee;
  353. padding-left:10px;
  354. margin:10px 0;
  355. margin-left:5px;
  356. }
  357. a.tumblr_blog + blockquote {
  358. display: inline;
  359. }
  360. .text h1 {
  361. padding:0px 5px;
  362. margin-bottom:10px;
  363. font-size:1.7em;
  364. line-height:1.2em;
  365. }
  366. .quote h2 {
  367. margin-bottom:5px;
  368. }
  369. .quote.short h2 {
  370. font-size:1.3em;
  371. line-height:120%;
  372. }
  373. .quote.medium h2 {
  374. font-size:1em;
  375. line-height:120%;
  376. }
  377. .quote.long h2 {
  378. font-size:1.5em;
  379. font-family:'Lato', sans-serif;
  380. }
  381. .quote cite {
  382. text-align:right;
  383. display:block;
  384. }
  385. .link h2 i {
  386. font-size:13px;
  387. vertical-align:middle;
  388. margin-right:10px;
  389. }
  390. .chat ul {
  391. padding:0;
  392. list-style: none;
  393. margin:0;
  394. }
  395. .chat li:before {
  396. display:none;
  397. }
  398. .chat b {
  399. color:{color:Dark Accent};
  400. }
  401. img.album-art {
  402. width:80px;
  403. height:80px;
  404. position:absolute;
  405. }
  406. .audio-info {
  407. display:inline-block;
  408. margin-left:90px;
  409. min-height:80px;
  410. }
  411. .tumblr_audio_player {
  412. opacity:0.9;
  413. width:30px;
  414. height:30px;
  415. border-radius:50%;
  416. position:absolute;
  417. top:30px;
  418. left:30px;{block:PermalinkPage}
  419. top: 55px;
  420. left: 45px;{/block:PermalinkPage}
  421. }
  422. .video {
  423. padding-bottom:10px;
  424. }
  425. .also_query:before, .query:before {
  426. content: "\e83f";
  427. -webkit-font-smoothing: antialiased;
  428. -moz-osx-font-smoothing: grayscale;
  429. vertical-align: middle;
  430. font-family: Linearicons-Free;
  431. speak: none;
  432. font-style: normal;
  433. font-weight: 400;
  434. font-variant: normal;
  435. font-size: 11px;
  436. text-transform: none;
  437. line-height: 1;
  438. margin-right: 5px;
  439. color:{color:Dark Accent};
  440. }
  441. .response {
  442. position: relative;
  443. margin-top: 21px!important;
  444. padding:0 5px;
  445. }
  446. .response.answererer {
  447. padding:0;
  448. }
  449. .query {
  450. position:relative;
  451. padding:0 5px;
  452. }
  453. .query:after {
  454. content: '';
  455. width:100%;
  456. border-bottom:1px dashed {color:Accent};
  457. left: 0px;
  458. bottom: -10px;
  459. position: absolute;
  460. }
  461. .also_query {
  462. margin-top:21px;
  463. padding:0 5px;
  464. }
  465. .also_query p:first-of-type {
  466. display:inline;
  467. margin:0;
  468. }
  469. .query a:first-of-type, .also_query a:first-of-type {
  470. color:#000;
  471. }
  472. .response:empty {
  473. display:none;
  474. overflow:hidden;
  475. }
  476. .answererer:before {
  477. content: '';
  478. width:100%;
  479. border-bottom:1px dashed {color:Accent};
  480. left: 0px;
  481. top: -10px;
  482. position: absolute;
  483. }
  484. .quote, .chat, .audio {
  485. margin-bottom:10px;
  486. }
  487. .back-to-top {
  488. text-align:center;
  489. bottom:20px;
  490. width:25px;
  491. left:20px;
  492. font-size:9px;
  493. cursor:pointer;
  494. text-transform:uppercase;
  495. position:fixed;
  496. display:none;
  497. z-index:99999;
  498. }
  499. .back-to-top svg {
  500. width: 35px;
  501. height: auto;
  502. fill: {color:Accent};
  503. background: #fff;
  504. padding: 1px 5px;
  505. border-radius: 50%;
  506. }
  507. {block:IndexPage}.permalink {
  508. text-align:center;
  509. text-transform:uppercase;
  510. font-family:'Montserrat', sans-serif;
  511. font-weight:bold;
  512. font-size:0.9em;
  513. word-spacing:3px;
  514. }
  515. .permalink .lnr-heart {
  516. font-size: 10px;
  517. vertical-align: middle;
  518. }
  519. .permalink a {
  520. color:#000;
  521. border-bottom:none;
  522. }
  523. .pb {
  524. overflow:hidden;
  525. }
  526. .pb .permalink {
  527. position:absolute;
  528. background:#fff;
  529. width:100%;
  530. padding:5px 0 0;
  531. bottom:-21px;
  532. -webkit-transition: all 0.3s ease-in-out;
  533. -moz-transition: all 0.3s ease-in-out;
  534. -o-transition: all 0.3s ease-in-out;
  535. transition: all 0.3s ease-in-out;
  536. }
  537. article.pb:hover .permalink {
  538. bottom:0px;
  539. -webkit-transition: all 0.3s ease-in-out;
  540. -moz-transition: all 0.3s ease-in-out;
  541. -o-transition: all 0.3s ease-in-out;
  542. transition: all 0.3s ease-in-out;
  543. }
  544. article.pb .photo img, article.pb .photoset .photo-slideshow {
  545. position:relative;
  546. top:0;
  547. -webkit-transition: all 0.3s ease-in-out;
  548. -moz-transition: all 0.3s ease-in-out;
  549. -o-transition: all 0.3s ease-in-out;
  550. transition: all 0.3s ease-in-out;
  551. }
  552. article.pb:hover .photo img, article.pb:hover .photoset .photo-slideshow {
  553. top:-21px;
  554. -webkit-filter:grayscale(0.6);
  555. -webkit-transition: all 0.3s ease-in-out;
  556. -moz-transition: all 0.3s ease-in-out;
  557. -o-transition: all 0.3s ease-in-out;
  558. transition: all 0.3s ease-in-out;
  559. }
  560. .custom-like-button {
  561. position: relative;
  562. cursor: pointer;
  563. display:inline-block;
  564. }
  565. .like_button {
  566. position: absolute;
  567. top: 0;
  568. left: 0;
  569. right: 0;
  570. bottom: 0;
  571. width: 100%;
  572. height: 100%;
  573. opacity: 0;
  574. z-index: 10;
  575. }
  576. .like_button iframe {
  577. width: 100% !important;
  578. height: 100% !important;
  579. }
  580. .our_toggle {
  581. top: 0;
  582. left: 0;
  583. right: 0;
  584. bottom: 0;
  585. width: 10px;
  586. height: 10px;
  587. z-index: 1;
  588. }
  589. .like_button:hover + .our_toggle {
  590. color:red;
  591. }
  592. .like_button.liked + .our_toggle {
  593. color:red;
  594. }{/block:IndexPage}
  595. {block:PermalinkPage}
  596. #posts {
  597. width:520px;
  598. }
  599. article {
  600. width:530px;
  601. padding: 19px;
  602. border: 1px solid {color:Accent};
  603. background:rgba(255,255,255,0.8);
  604. }
  605. article.pb {
  606. width:830px;
  607. }
  608. article .tb {
  609. border:none;
  610. padding:10px 0;
  611. background:rgba(255,255,255,0);
  612. }
  613. .photo {
  614. display: inline-block;
  615. width: 410px;
  616. margin-right: 20px;
  617. vertical-align: top;
  618. }
  619. .pb .commentary {
  620. display: inline-block;
  621. width: 350px;
  622. padding-right: 10px;
  623. overflow: auto;
  624. vertical-align: top;
  625. }
  626. .extra-info {
  627. line-height: 22px;
  628. padding: 5px;
  629. margin-bottom: 10px;
  630. border-top: 1px dashed {color:Accent};
  631. border-bottom: 1px dashed {color:Accent};
  632. }
  633. .pb .extra-info {
  634. margin-top: 10px;
  635. }
  636. .extra-info i.lnr {
  637. vertical-align: middle;
  638. margin-right: 5px;
  639. font-size:11px;
  640. color:{color:Dark Accent};
  641. }
  642. ol.notes a, .extra-info a {
  643. color:#000;
  644. font-weight:bold;
  645. }
  646. ol.notes {
  647. padding:0;
  648. margin: 0;
  649. list-style-type: none;
  650. padding: 0 5px;
  651. }
  652. ol.notes li.note {
  653. padding: 3px 0;
  654. margin-bottom:3px;
  655. margin-left: 16px;
  656. }
  657. ol.notes li.note img.avatar {
  658. float:right;
  659. border-radius:50%;
  660. }
  661. ol.notes li.note blockquote {
  662. border-left:2px solid #eee;
  663. padding-left:10px;
  664. margin:10px 0;
  665. margin-left:15px;
  666. }
  667. ol.notes li.note blockquote a {
  668. text-decoration: none;
  669. }
  670. li.more_notes_link_container {
  671. font-weight: bold;
  672. text-transform: uppercase;
  673. font-size: 0.85em;
  674. }
  675. li.like:before {
  676. content: "\e813";
  677. font-family: Linearicons-Free;
  678. speak: none;
  679. font-style: normal;
  680. font-weight: 400;
  681. font-variant: normal;
  682. text-transform: none;
  683. line-height: 1;
  684. -webkit-font-smoothing: antialiased;
  685. -moz-osx-font-smoothing: grayscale;
  686. margin-right: -11px;
  687. vertical-align: middle;
  688. color: #f3719f;
  689. left: -16px;
  690. position: relative;
  691. }
  692. li.reblog:before {
  693. content: "\e862";
  694. font-family: Linearicons-Free;
  695. speak: none;
  696. font-style: normal;
  697. font-weight: 400;
  698. font-variant: normal;
  699. text-transform: none;
  700. line-height: 1;
  701. -webkit-font-smoothing: antialiased;
  702. -moz-osx-font-smoothing: grayscale;
  703. margin-right: -11px;
  704. vertical-align: middle;
  705. color:{color:Dark Accent};
  706. left: -16px;
  707. position: relative;
  708. }
  709. {/block:PermalinkPage}
  710. </style>
  711. </head>
  712. <body>
  713. <aside>
  714. <div id="sidebar">
  715. {block:IfNotBannerImage}<h1 class="labels">{Title}</h1>{/block:IfNotBannerImage}{block:IfBannerImage}<img id="banner" class="labels" src="{image:Banner}">{/block:IfBannerImage}
  716. <div id="desc" class="labels">{block:Description}{Description}{/block:Description}
  717. </div>
  718. <ul id="navlinks">
  719. <li><a href="/"><i class="lnr lnr-home"></i> Home</a>
  720. {block:AskEnabled}<li><a href="{text:Ask Link}" title="message"><i class="lnr lnr-bubble"></i> Message</a>{/block:AskEnabled}
  721. {block:IfURL1}<li><a href="{text:URL 1}"><i class="lnr {text:Icon 1}"></i> {text:Link 1}</a>{/block:IfURL1}
  722. {block:IfURL2}<li><a href="{text:URL 2}"><i class="lnr {text:Icon 2}"></i> {text:Link 2}</a>{/block:IfURL2}
  723. {block:IfURL3}<li><a href="{text:URL 3}"><i class="lnr {text:Icon 3}"></i> {text:Link 3}</a>{/block:IfURL3}
  724. {block:IfURL4}<li><a href="{text:URL 4}"><i class="lnr {text:Icon 4}"></i> {text:Link 4}</a>{/block:IfURL4}
  725. {block:IfURL5}<li><a href="{text:URL 5}"><i class="lnr {text:Icon 5}"></i> {text:Link 5}</a>{/block:IfURL5}
  726. {block:IfURL6}<li><a href="{text:URL 6}"><i class="lnr {text:Icon 6}"></i> {text:Link 6}</a>{/block:IfURL6}
  727. <li><a href="/archive" title="past"><i class="lnr lnr-calendar-full"></i> archive</a>
  728. {block:IfCreditLink}<li><a title="credit" href="//redivide.tumblr.com" target="_blank"><i class="lnr lnr-star"></i> credit</a>{/block:IfCreditLink}
  729. </ul>
  730. </div>
  731. </aside>
  732. <div id="content" class="wrapper">
  733. <div id="posts">{block:Posts}
  734. <article id="{PostId}" class="{block:IndexPage}{TagsAsClasses}{/block:IndexPage}{block:Photo} pb{/block:Photo}{block:Photoset} pb{/block:Photoset}">
  735. {block:Text}<div class="text tb">
  736. {block:Title}<h1>{Title}</h1>{/block:Title}
  737. <div class="caption">{Body}</div>
  738. </div>{/block:Text}{block:Photo}<div class="photo">
  739. {block:IndexPage}<img src="{PhotoURL-400}">{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-HighRes}">{/block:PermalinkPage}
  740. </div>{/block:Photo}{block:Photoset}<div class="photoset photo">
  741. <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>
  742. </div>{/block:Photoset}{block:Quote}<div class="quote {Length} tb">
  743. <h2>{Quote}</h2>
  744. {block:Source}<cite>{Source}</cite>{/block:Source}
  745. </div>{/block:Quote}{block:Link}<div class="link tb">
  746. <h2><i class="lnr lnr-rocket"></i><a href="{URL}">{Name}</a></h2>
  747. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  748. </div>{/block:Link}{block:Chat}<div class="chat tb">
  749. {block:Title}<h2>{Title}</h2>{/block:Title}
  750. <ul>
  751. {block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>{/block:Lines}
  752. </ul>
  753. </div>{/block:Chat}{block:Audio}<div class="audio tb">
  754. <img class="album-art" src="//static.tumblr.com/yxfeliq/C5Xnysfnk/cd.jpg" {block:AlbumArt}style="display:none;"{/block:AlbumArt}>
  755. {block:AlbumArt}<img src="{AlbumArtURL}" class="album-art">{/block:ALbumArt}
  756. <div class="audio-info">
  757. Artist: <span {block:Artist}style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
  758. Title: <span {block:TrackName}style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
  759. Album: <span {block:Album}style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br>
  760. Plays: {FormattedPlayCount}
  761. </div>
  762. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  763. </div>{block:Audio}{block:Video}<div class="video">
  764. {Video-250}
  765. </div>{/block:Video}{block:Answer}<div class="answer tb">
  766. <div class="query"><b>{Asker} asked: </b>&nbsp;{Question}</div>
  767. {block:Answerer}<div class="also_query"><b>{Answerer} replied: </b>&nbsp;{Answer}</div>{/block:Answerer}
  768. <div class="response{block:Answerer} answererer caption{/block:Answerer}">{Replies}</div>
  769. </div>{/block:Answer}<!--
  770. {block:IndexPage}--><div class="permalink">
  771. <div class="custom-like-button" title="like">{LikeButton}<div class="our_toggle"><i class="lnr lnr-heart"></i></span></div></div> <a href="{Permalink}" target="_blank">{TimeAgo}</a> | <a href="{ReblogURL}" title="reblog" target="_blank">{NoteCount}</a>
  772. </div>{/block:IndexPage}{block:PermalinkPage}--><div class="commentary">
  773. {block:Caption}<div class="caption">
  774. {Caption}
  775. </div>{/block:Caption}
  776. {block:Date}<div class="extra-info">
  777. <i class="lnr lnr-clock"></i> {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}
  778. {block:NoteCount}<br><i class="lnr lnr-bookmark"></i> {NoteCount}{/block:NoteCount}
  779. {block:RebloggedFrom}<br><i class="lnr lnr-sync"></i> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  780. {block:ContentSource}<br><i class="lnr lnr-graduation-hat"></i> <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  781. {block:HasTags}<br><i class="lnr lnr-tag"></i> {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  782. </div>{/block:Date}
  783. {block:PostNotes}
  784. <div id="notes">
  785. {PostNotes-16}
  786. </div>
  787. {/block:PostNotes}</div>
  788. {/block:PermalinkPage}
  789. </article>
  790. {/block:Posts}</div>
  791. </div>
  792. <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>
  793. <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>
  794. {block:Pagination}<div class="pagination" style="visibility:hidden;">
  795. {block:NextPage}<a href="{NextPage}" id="next-link"><i class="fa fa-angle-right"></i></a>{/block:NextPage}
  796. </div>{/block:Pagination}
  797. <script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  798. <script src="//static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  799. <script src="//static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  800. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  801. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  802. <script src="//static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>{block:PermalinkPage}
  803. <script src="//static.tumblr.com/i5s2zks/LsEnr6g57/jquery.matchheight-min.js"></script>{/block:PermalinkPage}
  804. <script>
  805. var photosetOptions = {
  806. lightbox: true,
  807. rounded: false,
  808. gutter: '0px',
  809. photoset: '.photo-slideshow',
  810. photoWrap: '.photo-data',
  811. photo: '.pxu-photo'
  812. }, infScrollOptions = {
  813. navSelector : "div.pagination",
  814. nextSelector : ".pagination a#next-link",
  815. itemSelector : "article",
  816. loading: {
  817. finishedMsg: "<p>You've reached the end of the Earth.</p>",
  818. img : "https://res1.nabtrade.com.au/Content/Images/ajax_loader.gif",
  819. msg: null,
  820. msgText: "",
  821. }
  822. }, unnestOptions = {
  823. yourCaption: ".caption",
  824. wrapName: ".tumblr_parent",
  825. newCaptionUsername: true,
  826. originalPostCaptionUsername: true,
  827. tumblrAvatars: false,
  828. tumblrAvatarClass: ".caption_avatar",
  829. usernameColon: false
  830. }, masonryOptions = {
  831. itemSelector: 'article',
  832. isAnimated:false,
  833. columnWidth:220,
  834. gutterWidth:80
  835. };
  836. $(function(){
  837. // scroll to top © html-tuts.com
  838. var amountScrolled = 300;
  839. $(window).scroll(function() {
  840. if ( $(window).scrollTop() > amountScrolled ) {
  841. $('.back-to-top').fadeIn('slow');
  842. } else {
  843. $('.back-to-top').fadeOut('slow');
  844. }
  845. });
  846. $('.back-to-top').click(function() {
  847. $('html, body').animate({
  848. scrollTop: 0
  849. }, 700);
  850. return false;
  851. });{block:PermalinkPage}
  852. $('.commentary').matchHeight({
  853. target: $('.photo')
  854. });{/block:PermalinkPage}
  855. $('.photo-slideshow').pxuPhotoset(photosetOptions);
  856. $('article').unnest(unnestOptions);
  857. $('.caption p').each(function(index, item) {
  858. if(($.trim($(item).text()) === "")
  859. && !($(item).has("img").length)) {
  860. $(item).remove();
  861. }
  862. });
  863. $('.label:contains(":")').each(function(){
  864. $(this).html($(this).html().split(":").join(""));
  865. });
  866. });
  867. {block:IndexPage}(function () {
  868. var $tumblelog = $('#posts');
  869. $tumblelog.imagesLoaded(function () {
  870. $tumblelog.masonry(masonryOptions);
  871. });
  872. $tumblelog.infinitescroll(infScrollOptions, function(newElements) {
  873. var $newElems = $( newElements );
  874. var $newElemsIDs = $newElems.map(function () {
  875. return this.id;
  876. }).get();
  877. $newElems.find('.photo-slideshow').pxuPhotoset(photosetOptions);
  878. var $newElems = $(newElements).css({ opacity: 0, zIndex: -1 });
  879. $newElems.imagesLoaded(function(){
  880. $newElems.animate({ opacity: 1, zIndex: 1 });
  881. $tumblelog.masonry( 'appended', $newElems );
  882. });
  883. $newElems.unnest(unnestOptions);
  884. $('.caption p').each(function(index, item) {
  885. if(($.trim($(item).text()) === "")
  886. && !($(item).has("img").length)) {
  887. $(item).remove();
  888. }
  889. });
  890. $('.label:contains(":")').each(function(){
  891. $(this).html($(this).html().split(":").join(""));
  892. });
  893. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  894. });
  895. })();{/block:IndexPage}
  896. </script>
  897. <link href="//static.tumblr.com/wupwnyt/1iho27ad1/gkthm.css" rel="stylesheet" type="text/css">
  898. </body>
  899. </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!