API tools faq
paste
Advertisement
jwrites

THEME #6 living in color / made by hcrriers

jwrites
Jan 7th, 2019 (edited)
1,550
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.86 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. -` living in color by hcrriers ´-
  6. you know the deal, the usual rules
  7. apply, don't remove credit or i'll
  8. find you !
  9.  
  10. --->
  11.  
  12. <meta name="color:background" content="#f6f6f6"/>
  13. <meta name="color:container" content="#ffffff"/>
  14. <meta name="color:posts" content="#ffffff"/>
  15. <meta name="color:title" content="#851900"/>
  16. <meta name="color:accent" content="#FF6F61"/>
  17. <meta name="color:accent 2" content="#823826"/>
  18. <meta name="color:text" content="#313131"/>
  19. <meta name="color:bold" content="#940000"/>
  20. <meta name="color:italic" content="#000000"/>
  21. <meta name="color:blockquote" content="#000000"/>
  22. <meta name="color:sidelink" content="#695757"/>
  23. <meta name="color:link" content="#695757"/>
  24. <meta name="color:link hover" content="#cfcdc9"/>
  25.  
  26. <meta name="image:background" content=""/>
  27. <meta name="image:side" content="https://via.placeholder.com/280x280.png"/>
  28. <meta name="image:nav" content="https://via.placeholder.com/150x150.png"/>
  29.  
  30. <meta name="select:side icon" content="th th-pineapple-2-o" title="pineapple">
  31. <meta name="select:side icon" content="th th-worldwide-o" title="world">
  32. <meta name="select:side icon" content="th th-star-o" title="star">
  33. <meta name="select:side icon" content="th th-heart-1-o" title="heart">
  34. <meta name="select:side icon" content="th th-stars-o" title="stars">
  35. <meta name="select:side icon" content="th th-user-7-o" title="users">
  36.  
  37. <meta name="text:link 1 title" content="home.">
  38. <meta name="text:link 2 title" content="inbox.">
  39. <meta name="text:link 3 title" content="navigate.">
  40. <meta name="text:free link" content="/">
  41. <meta name="text:link 4 title" content="extra.">
  42.  
  43. <meta name="text:title" content="two lines">
  44. <meta name="text:desc" content="idk we need to write something here">
  45. <meta name="text:nav title" content="keep short">
  46. <meta name="text:nav desc" content="idk we need to write something here">
  47. <meta name="text:nav quote" content="keep this short too looks good as three lines">
  48.  
  49. <meta name="text:nav link 1" content="/">
  50. <meta name="text:nav link 1 title" content="the hashtag">
  51. <meta name="text:nav link 2" content="/">
  52. <meta name="text:nav link 2 title" content="the heart">
  53. <meta name="text:nav link 3" content="/">
  54. <meta name="text:nav link 3 title" content="the light bulb">
  55. <meta name="text:nav link 4" content="/">
  56. <meta name="text:nav link 4 title" content="the push pin">
  57. <meta name="text:nav link 5" content="/">
  58. <meta name="text:nav link 5 title" content="the plus">
  59.  
  60. <head><title>{Title}</title>
  61. <link rel="shortcut icon" href="{Favicon}">
  62. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  63. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  64.  
  65. <!-- jquery -->
  66. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  67.  
  68. <!-- script for tooltips -->
  69. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  70.  
  71. <!-- photoshop gutter fix by -->
  72. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  73.  
  74. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  75.  
  76. <!-- google fonts -->
  77. <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
  78.  
  79. <!-- honeybee icon font suiomi -->
  80. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  81.  
  82. <!-- animate.css style sheet -->
  83. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
  84.  
  85. <script>
  86.  
  87. (function($){
  88. $(document).ready(function(){
  89. $("a[title]").style_my_tooltips({
  90. tip_follows_cursor:true,
  91. tip_delay_time:90,
  92. tip_fade_speed:600,
  93. attribute:"title"
  94. });
  95. });
  96. })(jQuery);
  97.  
  98. ($(document).ready(function(){
  99. $('.photo-slideshow').pxuPhotoset({
  100. lightbox: true,
  101. gutter: '1px',
  102. photoset: '.photo-slideshow',
  103. photoWrap: '.photo-data',
  104. photo: '.pxu-photo'
  105. });
  106. }))(jQuery);
  107.  
  108. function openCity(evt, cityName) {
  109. var i, tabcontent, tablinks;
  110.  
  111. tabcontent = document.getElementsByClassName("tabcontent");
  112. for (i = 0; i < tabcontent.length; i++) {
  113. tabcontent[i].style.display = "none";
  114. }
  115.  
  116. tablinks = document.getElementsByClassName("tablinks");
  117. for (i = 0; i < tablinks.length; i++) {
  118. tablinks[i].className = tablinks[i].className.replace(" active", "");
  119. }
  120.  
  121. document.getElementById(cityName).style.display = "block";
  122. evt.currentTarget.className += " active";
  123. }
  124.  
  125. </script>
  126.  
  127. <style>
  128.  
  129. @font-face { font-family: "signerica";
  130. src: url(" https://dl.dropboxusercontent.com/s/9ptwouds9lhgyco/Signerica_Medium.ttf"); }
  131.  
  132. ::-webkit-scrollbar {
  133. width: 1px;
  134. height: 1px;
  135. background: transparent;
  136. }
  137.  
  138. ::-webkit-scrollbar-thumb {
  139. background-color: transparent;
  140. -webkit-border-radius: 1px; }
  141.  
  142. #s-m-t-tooltip {
  143. max-width:300px;
  144. padding:4px 6px 4px 6px;
  145. margin:20px 7px 2px 20px;
  146. background-color:{color:accent 2};
  147. font-size:8px;
  148. letter-spacing:1px;
  149. color:{color:sidelinks};
  150. z-index:999999999999999999999999999999999999;
  151. }
  152.  
  153. body {
  154. background:{color:background};
  155. background-image:url({image:background});
  156. margin:0px;
  157. color:{color:text};
  158. font-family: 'Open Sans', sans-serif;
  159. font-size:11px;
  160. line-height:100%;
  161. }
  162.  
  163. img {border:none;}
  164.  
  165. blockquote {
  166. padding:1px 0px 1px 10px;
  167. border-left:1px solid {color:blockquote};
  168. }
  169.  
  170. blockquote blockquote {
  171. padding:1px 0px 1px 5px;
  172. border-left:1px solid {color:blockquote};
  173. }
  174.  
  175. h1 {
  176. font-family: "signerica";
  177. color:{color:accent};
  178. font-size:25px;
  179. text-align:center;
  180. vertical-align:center;
  181. font-weight:lighter;
  182. line-height:120%;
  183. }
  184.  
  185. h2 {
  186. text-transform:uppercase;
  187. color:{color:accent};
  188. font-size:12px;
  189. text-align:center;
  190. letter-spacing:1px;
  191. line-height:110%;
  192. }
  193.  
  194. a {text-decoration:none;}
  195.  
  196. b {
  197. color:{color:bold};
  198. font-weight:bold;
  199. letter-spacing:1px;
  200. }
  201.  
  202. i {color:{color:italic};letter-spacing:0.7px;}
  203. ul {list-style-type: circle;}
  204. sub {font-size:10px;}
  205. sup {font-size:10px;}
  206.  
  207. .container {
  208. width:800px;
  209. height:500px;
  210. position: absolute;
  211. margin:auto;
  212. background-color:{color:container};
  213. left:0px;right:0px;top:0px; bottom:0px;
  214. overflow:hidden;
  215. }
  216.  
  217. .container img{
  218. position:absolute;
  219. z-index:9;
  220. border-radius:250px;
  221. margin:190px 0px 0px -50px;
  222. }
  223.  
  224. .topcurve {
  225. position:absolute;
  226. width:2000px;
  227. height:2000px;
  228. transform:rotate(-30deg);
  229. background-color:{color:accent};
  230. margin:-1903px 0px 0px -640px;
  231. border-radius:400px;
  232. z-index:1;
  233. }
  234.  
  235. .topcurvenav {
  236. position:absolute;
  237. width:2000px;
  238. height:2000px;
  239. transform:rotate(-30deg);
  240. background-color:{color:accent};
  241. margin:-1903px 0px 0px -640px;
  242. border-radius:400px;
  243. z-index:4;
  244. animation: fadeIn 0.8s;
  245. }
  246.  
  247. .entries {
  248. position:absolute;
  249. padding:20px;
  250. width:400px;
  251. height:400px;
  252. overflow:scroll;
  253. margin:30px 0px 0px 340px;
  254. z-index:2;
  255. }
  256.  
  257. .post {
  258. padding:10px;
  259. background-color:{color:posts};
  260. margin-bottom:10px;
  261. text-transform:lowercase;
  262. line-height:130%;
  263. box-shadow:1px 1px 5px rgb(0,0,0,0.07);
  264. }
  265.  
  266. .post img {
  267. position:static;
  268. height:auto;
  269. width:auto;
  270. max-width:380px;
  271. margin:0px;
  272. border-radius:0px;
  273. }
  274.  
  275. .innerpost a {
  276. text-decoration: none;
  277. color: {color:link};
  278. position: relative;
  279. }
  280.  
  281. .innerpost a:before {
  282. position: absolute;
  283. top: 100%;
  284. left: 0;
  285. width: 100%;
  286. height: 1px;
  287. background-color: {color:link hover};
  288. content: '';
  289. -webkit-transform: translateY(2px);
  290. opacity: 0;
  291. transition-property: -webkit-transform, opacity;
  292. transition-duration: .3s;
  293. }
  294.  
  295. .innerpost a:hover:before {
  296. -webkit-transform: translateY(0);
  297. opacity: 1;
  298. }
  299.  
  300.  
  301. .postinfo {
  302. margin-top:10px;
  303. text-align:center;
  304. background-color:{color:accent 2};
  305. text-transform:uppercase;
  306. font-size:8px;
  307. letter-spacing:0.5px;
  308. padding:7px 4px;
  309. margin-left:-4px;
  310. width:100%;
  311. }
  312.  
  313. .postinfo a {
  314. color:{color:text};
  315. background:none;
  316. font-weight:300;
  317. }
  318.  
  319. .tags {
  320. width:100%;
  321. padding:2px;
  322. font-size:8px;
  323. text-align:center;
  324. text-transform:uppercase;
  325. }
  326.  
  327. .tags a {
  328. color:{color:link};
  329. -moz-transition-duration:0.8s;
  330. -webkit-transition-duration:0.8s;
  331. -o-transition-duration:0.8s;
  332. }
  333. .tags a:hover {color:{color:link hover};}
  334.  
  335. .postnote {
  336. margin-top:10px;
  337. text-transform:lowercase;
  338. letter-spacing:0px;
  339. font-size:10px;
  340. text-align:left;
  341. }
  342.  
  343. #question {
  344. width:100%;
  345. height:auto;
  346. letter-spacing:0px;
  347. padding-top: 7px;
  348. padding-bottom: 7px;
  349. padding-left:9px;
  350. margin-left:-9px;
  351. line-height:150%;
  352. }
  353.  
  354. #asker {
  355. padding:15px;
  356. margin-top:20px;
  357. background-color:{color:accent 2};
  358. color:{color:text};
  359. }
  360.  
  361. .askername {
  362. padding:5px 10px;
  363. float:left;
  364. margin:-5px 5px 0px 0px;
  365. }
  366.  
  367. #asker a {
  368. text-transform:none;
  369. color:{color:accent};
  370. text-transform:uppercase;
  371. font-size:20px;
  372. letter-spacing:1px;
  373. font-weight:100;
  374. -moz-transition-duration:0.8s;
  375. -webkit-transition-duration:0.8s;
  376. -o-transition-duration:0.8s;
  377. }
  378.  
  379. .quotepost {text-align:center;}
  380. .quotepost b {font-size:20px; line-height:100%;}
  381.  
  382. #asker b {
  383. text-transform:none;
  384. color:{color:accent};
  385. text-transform:uppercase;
  386. font-size:20px;
  387. letter-spacing:1px;
  388. font-weight:100;
  389. }
  390.  
  391. #asker a:hover {color:{color:link hover};}
  392.  
  393. #answer {
  394. padding:10px 20px 0px 20px;
  395. }
  396.  
  397. .playercontainer {
  398. text-align:left;
  399. padding:10px;
  400. padding-left:0px;
  401. background-color:{color:link};
  402. width:410px;
  403. }
  404.  
  405. .musicinfo {
  406. padding-top:7px;
  407. padding-left:50px;
  408. color:#000;
  409. text-align:justify;
  410. }
  411.  
  412.  
  413. .sidebar {
  414. width:300px;
  415. margin:0px 0px 0px 20px;
  416. height:550px;
  417. position:absolute;
  418. text-align:center;
  419.  
  420. }
  421.  
  422. .sidebar p {
  423. position:absolute;
  424. z-index:8;
  425. width:100px;
  426. margin:180px 0px 0px 195px;
  427. text-transform:uppercase;
  428. letter-spacing:2px;
  429. font-size:8px;
  430. color:{color:accent 2};
  431. padding:20px 10px;
  432. border-radius:100px;
  433. }
  434.  
  435. .sidebar h1 {
  436. font-family: "signerica";
  437. position:absolute;
  438. text-transform:none;
  439. font-size:55px;
  440. margin:35px 0px 0px 0px;
  441. z-index:5;
  442. color:{color:title};
  443. transform:rotate(-10deg);
  444. line-height:100%;
  445. }
  446.  
  447. .links {
  448. margin:140px 0px 0px 130px;
  449. position:absolute;
  450. z-index:8;
  451. transform:rotate(-8deg);
  452. }
  453.  
  454. .links span {
  455. font-size:15px;
  456. margin:5px;
  457. padding:5px;
  458. border-radius:10px;
  459. -moz-transition-duration:0.8s;
  460. -webkit-transition-duration:0.8s;
  461. -o-transition-duration:0.8s;
  462. }
  463.  
  464. .links a {
  465. color:{color:sidelink};
  466. display:inline-block;
  467. cursor:pointer;
  468. -moz-transition-duration:0.8s;
  469. -webkit-transition-duration:0.8s;
  470. -o-transition-duration:0.8s;
  471. }
  472.  
  473. .links a:hover {text-shadow:0px 0px 5px {color:sidelink};}
  474. .links span:hover {text-shadow:0px 0px 8px {color:sidelink}l}
  475.  
  476.  
  477. .pagination {color:{color:title};}
  478.  
  479. .tabcontent {
  480. position:absolute;
  481. width:100%;
  482. height:100%;
  483. display:none;
  484. z-index:3;
  485. background-color:{color:container};
  486. border-radius:15px;
  487. overflow:hidden;
  488. animation: fadeIn 0.8s;
  489. }
  490.  
  491. .navlinks {
  492. position:absolute;
  493. z-index:9;
  494. padding:8px;
  495. border-radius:10px;
  496. background-color:{color:posts};
  497. margin:390px 0px 0px 448px;
  498. box-shadow:1px 1px 5px rgb(0,0,0,0.07);
  499. }
  500.  
  501. .navlinks span {
  502. background-color:{color:accent};
  503. color:{color:title};
  504. padding:15px;
  505. font-size:20px;
  506. border-radius:10px;
  507. margin:5px;
  508. }
  509.  
  510. .navlinks span:hover {
  511. animation: pulse 0.8s;
  512. }
  513.  
  514. .navdesc {
  515. position:absolute;
  516. z-index:10;
  517. background-color:{color:posts};
  518. width:254px; height:175px;
  519. padding:30px;
  520. margin:150px 0px 0px 450px;
  521. overflow:scroll;
  522. letter-spacing:1px;
  523. line-height:150%;
  524. box-shadow:1px 1px 5px rgb(0,0,0,0.07);
  525. }
  526.  
  527.  
  528. .navquote {
  529. position:absolute;
  530. z-index:10;
  531. width:150px;
  532. font-size:13px;
  533. text-transform:lowercase;
  534. letter-spacing:1px;
  535. line-height:200%;
  536. padding:40px 20px 20px 20px;
  537. margin:290px 0px 0px 255px;
  538. }
  539.  
  540. .navquote b {font-weight:900;}
  541.  
  542. #navtab img {
  543. position:absolute:
  544. z-index:8;
  545. border-radius:0px;
  546. margin:25px 0px 0px 350px;
  547. border-radius:150px;
  548. }
  549.  
  550. #navtab h1 {
  551. font-family: "signerica";
  552. position:absolute;
  553. color:{color:accent};
  554. font-size:17;
  555. z-index:11;
  556. margin:135px 0px 0px 570px;
  557. }
  558.  
  559. .quote {
  560. color:{color:accent 2};
  561. position:absolute;
  562. z-index:8;
  563. font-size:120px;
  564. margin:305px 0px 0px 285px;
  565. opacity:0.8;
  566. }
  567.  
  568. .close {
  569. position:absolute;
  570. margin:23px 0px 0px 775px;
  571. z-index:9999999;
  572. }
  573. .close:hover {cursor: pointer; }
  574.  
  575. .credit {
  576. background-color:{color:posts};
  577. position: fixed;
  578. bottom: 5px;
  579. right: 5px;
  580. font-size:11px;
  581. padding:5px;
  582. border-radius:13px;
  583. line-height:110%;
  584. }
  585.  
  586. .credit a {
  587. color:{color:sidelinks};
  588. }
  589.  
  590.  
  591. </style>
  592. </head>
  593. <body>
  594.  
  595. <div class="container">
  596.  
  597. <div class="topcurve"></div>
  598.  
  599. <img src="{image:side}">
  600.  
  601. <div class="sidebar">
  602. <h1>{text:title}</h1>
  603. <div class="links">
  604. <a href="/" title="{text:link 1 title}">
  605. <span class="th th-home-o"></span>
  606. </a>
  607. <a href="/ask" title="{text:link 2 title}">
  608. <span class="th th-chat-bubble-o"></span>
  609. </a>
  610. <a class="tablinks" onclick="openCity(event, 'navtab')"
  611. title="{text:link 3 title}">
  612. <span class="th th-app-o"></span>
  613. </a>
  614. <a href="{text:free link}" title="{text:link 4 title}">
  615. <span class="{select:side icon}"></span>
  616. </a>
  617. </div>
  618. <p>
  619. {text:desc}<br><br><br>
  620. {block:Pagination}
  621. {block:PreviousPage}
  622. <a href="{PreviousPage}" class="pagination">PREV</a> /
  623. {/block:PreviousPage}
  624. {block:NextPage}
  625. <a href="{NextPage}" class="pagination">NEXT</a>
  626. {/block:NextPage}
  627. {/block:Pagination}
  628. </p>
  629. </div>
  630.  
  631.  
  632. <!-- this is the nav tab!! -->
  633. <div id="navtab" class="tabcontent">
  634. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  635.  
  636. <div class="topcurvenav"></div>
  637.  
  638. <h1>{text:nav title}</h1>
  639.  
  640. <div class="navdesc">{text:nav desc}</div>
  641.  
  642. <img src="{image:nav}">
  643.  
  644. <div class="navquote">{text:nav quote}</div>
  645.  
  646. <span class="th th-quote-up quote"></span>
  647.  
  648. <div class="navlinks">
  649. <a href="{text:nav link 1}" title="{text:nav link 1 title}">
  650. <span class="th th-hashtag"></span>
  651. </a>
  652. <a href="{text:nav link 2}" title="{text:nav link 2 title}">
  653. <span class="th th-heart-1-o"></span>
  654. </a>
  655. <a href="{text:nav link 3}" title="{text:nav link 3 title}">
  656. <span class="th th-idea-o"></span>
  657. </a>
  658. <a href="{text:nav link 4}" title="{text:nav link 4 title}">
  659. <span class="th th-push-pin-o"></span>
  660. </a>
  661. <a href="{text:nav link 5}" title="{text:nav link 5 title}">
  662. <span class="th th-plus-1-o"></span>
  663. </a>
  664. </div>
  665.  
  666. </div>
  667.  
  668. <!-- end of nav tab and start of entries -->
  669.  
  670. <div class="entries">
  671.  
  672. {block:Posts}
  673. <div class="post" id="{PostID}">
  674. <div class="innerpost">
  675.  
  676. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<div style=padding:10px>{Body}</div>{/block:Text}
  677.  
  678. {block:Quote}<div class="quotepost"><b>"{Quote}"</b></big>{block:Source}<p></p>— {Source}{/block:Source}</div>{/block:Quote}
  679.  
  680. {block:Chat}
  681. {block:Title}
  682. <h1>{Title}</h1>
  683. {/block:Title}
  684. <b>{Label}</b>
  685. {/block:Label}
  686. {Line}
  687. {/block:Lines}
  688. {/block:Chat}
  689.  
  690. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  691.  
  692. {block:Photo}
  693. <img src="{PhotoURL-500}" style="width:100%">
  694. {block:Caption}
  695. {Caption}
  696. {/block:Caption}
  697. {/block:Photo}
  698.  
  699. {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}" style="margin-bottom:10px">{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}
  700. {block:Caption}{Caption}{/block:Caption}
  701. </div>
  702.  
  703. {/block:Photoset}
  704.  
  705. {block:Link}
  706. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  707. {block:Description}
  708. {Description}
  709. {/block:Description}
  710. {/block:Link}
  711.  
  712. {block:AudioPlayer}
  713. <div class="playercontainer"> <div style="padding: 5px 0px 5px 5px;width:inherit;background:#fff; border:2px solid #fff; width:30px;overflow:hidden;font-weight:bold;margin-bottom:-40px;"> {AudioPlayer}</div><div class="musicinfo">{block:TrackName}<span style="#fff">{TrackName}</span>{/block:TrackName}{block:Artist}<br/>{Artist} {/block:Artist}<br>{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div></div>{block:Caption}{Caption}{/block:Caption}{/block:AudioPlayer}
  714.  
  715. {block:Answer}
  716. <div id="question">
  717. <div id="asker">
  718. <div class="askername">
  719. <b>{Asker}</b></div>
  720. {Question}
  721. </div>
  722. <div id="answer">{Answer}</div>
  723. </div>
  724. {/block:Answer}
  725.  
  726. </div>
  727.  
  728. {block:Date}
  729. <div class="postinfo">
  730. <a href="{Permalink}">{TimeAgo}</a>
  731. {block:NoteCount}
  732. - <a href="{Permalink}">{NoteCount} NOTES</a>
  733. {/block:NoteCount}
  734. </div>
  735. {/block:Date}
  736. <br>
  737. {block:HasTags}
  738. <div class="tags">
  739. <b>tagged as:</b>
  740. {block:Tags}
  741. <a href="{TagURL}">#{Tag}</a> 
  742. {/block:Tags}
  743. </div>
  744. {/block:HasTags}
  745.  
  746. <div class="postnote">
  747. {block:PostNotes}
  748. {PostNotes}
  749. {/block:PostNotes}
  750. </div>
  751. </div>
  752. {/block:Posts}
  753. </div>
  754.  
  755. </div>
  756.  
  757. <div class="credit">
  758. <a href="https://hcrriers.tumblr.com" title="theme by hcrriers"><span class="th th-moon-o"></span></a>
  759. </div>
  760.  
  761. <div></div>
  762.  
  763. </body>
  764. </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!