API tools faq
paste
Advertisement
themekid

cheap thrills theme

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