API tools faq
paste
Advertisement
themekid

truth for lies themes

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