API tools faq
paste
rollyjogered

theme three: phlox

rollyjogered
Aug 17th, 2018
4,672
1
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.22 KB | None | 1 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!----
  5.  
  6. theme three: phlox by pirateskinned
  7.  
  8. please don't: edit & repost / claim as your own
  9. please don't: delete or move the credit
  10. please don't: steal bits of coding
  11.  
  12. if you need any help, feel free to
  13. message me at pirateskinned.tumblr.com
  14.  
  15. ------
  16.  
  17. want different icons for the navigation?
  18. pick some out right here:
  19. https://suiomi.com/font
  20.  
  21. ------
  22.  
  23. to edit the faq, please hit ctrl+f / cmd+f and type in:
  24. EDIT YOUR FAQ HERE
  25.  
  26. to edit the muse tab, please hit ctrl+f / cmd+f and type in:
  27. EDIT YOUR MUSES HERE
  28.  
  29.  
  30. ---->
  31.  
  32. <title>{Title}</title>
  33.  
  34. <link rel="shortcut icon" href="{Favicon}">
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  37.  
  38. <!---- meta tags ---->
  39.  
  40. <meta name="image:background" content=""/>
  41. <meta name="image:header" content=""/>
  42.  
  43. <meta name="image:SIDEBAR big icon" content=""/>
  44. <meta name="image:SIDEBAR small icon" content=""/>
  45.  
  46. <meta name="image:ASK TAB icon one" content=""/>
  47. <meta name="image:ASK TAB icon two" content=""/>
  48.  
  49. <meta name="image:NAV TAB icon one" content=""/>
  50. <meta name="image:NAV TAB icon two" content=""/>
  51.  
  52. <meta name="color:background" content="#ffffff"/>
  53. <meta name="color:container" content="#eeeeee"/>
  54. <meta name="color:posts" content="#f6f6f6"/>
  55. <meta name="color:text" content="#1d1d1d"/>
  56. <meta name="color:link" content="#803c25"/>
  57. <meta name="color:link hover" content="#222222"/>
  58. <meta name="color:bold" content="#816157"/>
  59. <meta name="color:italic" content="#b8d3cd"/>
  60. <meta name="color:border" content="#6d7471"/>
  61. <meta name="color:accent" content="#243a35"/>
  62. <meta name="color:side title" content="#816157"/>
  63. <meta name="color:side title shadow" content="#ffffff"/>
  64.  
  65. <meta name="if:background pattern" content="0"/>
  66. <meta name="if:header pattern" content="0"/>
  67.  
  68. <meta name="text:side title" content="side title" />
  69.  
  70. <meta name="text:TAB home title" content="home" />
  71. <meta name="text:TAB ask title" content="ask & faq" />
  72. <meta name="text:TAB nav title" content="navigation & about" />
  73. <meta name="text:TAB muses title" content="muses" />
  74.  
  75. <meta name="text:ASK TAB side title" content="ask away" />
  76.  
  77. <meta name="text:NAV TAB side title" content="navigation" />
  78.  
  79. <meta name="text:link 1 url" content="/" />
  80. <meta name="text:link 1 title" content="link one" />
  81. <meta name="text:link 2 url" content="/" />
  82. <meta name="text:link 2 title" content="link two" />
  83.  
  84. <meta name="text:link 3 url" content="/" />
  85. <meta name="text:link 3 title" content="link three" />
  86. <meta name="text:link 4 url" content="/" />
  87. <meta name="text:link 4 title" content="link four" />
  88.  
  89. <meta name="text:link 5 url" content="/" />
  90. <meta name="text:link 5 title" content="link five" />
  91. <meta name="text:link 6 url" content="/" />
  92. <meta name="text:link 6 title" content="link six" />
  93.  
  94. <meta name="text:link 7 url" content="/" />
  95. <meta name="text:link 7 title" content="link seven" />
  96. <meta name="text:link 8 url" content="/" />
  97. <meta name="text:link 8 title" content="link eight" />
  98.  
  99. <meta name="text:link 9 url" content="/" />
  100. <meta name="text:link 9 title" content="link nine" />
  101. <meta name="text:link 10 url" content="/" />
  102. <meta name="text:link 10 title" content="link ten" />
  103.  
  104. <meta name="text:NAV TAB text section" content="this is where you can put down a long piece of text. you can style it with bold, italics, strike through, pre, .firstletter, images, headers, whatever you want!" />
  105.  
  106.  
  107. <!---- scripts ---->
  108.  
  109. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  110. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  111.  
  112. <link href="https://fonts.googleapis.com/css?family=Reenie+Beanie" rel="stylesheet">
  113.  
  114. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  115.  
  116. <!---- tooltips ---->
  117.  
  118. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  119.  
  120. <script>
  121. (function($){
  122. $(document).ready(function(){
  123. $("a[title]").style_my_tooltips({
  124. tip_follows_cursor:true,
  125. tip_delay_time:30,
  126. tip_fade_speed:300,
  127. attribute:"title"
  128. });
  129. });
  130. })(jQuery);
  131. </script>
  132.  
  133. <!---- photosets ---->
  134.  
  135. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  136.  
  137. <script>
  138. $(document).ready(function(){
  139. $('.photo-slideshow').pxuPhotoset({
  140. lightbox: true,
  141. rounded: false,
  142. gutter: '1px',
  143. borderRadius: '3px',
  144. photoset: '.photo-slideshow',
  145. photoWrap: '.photo-data',
  146. photo: '.pxu-photo'
  147. });
  148. });
  149. </script>
  150.  
  151.  
  152. <!---- tabs ---->
  153.  
  154. <script>
  155. $(document).ready(function() {
  156. $('.nav a').on('click', function(e) {
  157. var currentAttrValue = $(this).attr('href');
  158.  
  159. // Show/Hide Tabs
  160. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  161.  
  162. // Change/remove current tab to active
  163. $(this).parent('li').addClass('active').siblings().removeClass('active');
  164.  
  165. e.preventDefault();
  166. });
  167. });
  168. </script>
  169.  
  170. <style type="text/css">
  171.  
  172. /* --- fonts --- */
  173.  
  174. @font-face { font-family: "silkscreen"; src: url('https://www.dropbox.com/s/d7azyi8b64ycahp/slkscre.ttf?dl=0'); format("truetype");}
  175.  
  176.  
  177. #s-m-t-tooltip {
  178. position:absolute;
  179. margin-top: 15px;
  180. z-index:9999;
  181. padding:3px 5px 2px 5px;
  182. background:{color:accent};
  183. color:{color:posts};
  184. border-radius:50px;
  185. font-family: 'silkscreen', cursive;
  186. font-size:7px;
  187. line-height:7px;
  188. }
  189.  
  190. ::-webkit-scrollbar-thumb:vertical {background-color:{color:border};border-radius:3px;}
  191. ::-webkit-scrollbar-button:horizontal {display:none;}
  192. ::-webkit-scrollbar {background-color:transparent; width:3px;}
  193.  
  194. /* --- basics --- */
  195.  
  196. body {
  197. background-color:{color:background};
  198. background-image:url('{image:background}');
  199. background-attachment:fixed;
  200. background-position:center center;
  201. {block:ifnotbackgroundpattern}
  202. background-repeat:no-repeat;
  203. background-size:cover;
  204. {/block:ifnotbackgroundpattern}
  205. {block:ifbackgroundpattern}
  206. background-repeat:repeat;
  207. background-size:auto;
  208. {/block:ifbackgroundpattern}
  209. color:{color:text};
  210. font-family:helvetica;
  211. font-size:10px;
  212. line-height:14px;
  213. font-weight:400;
  214. text-align:justify;
  215. margin:0;
  216. }
  217.  
  218. a {
  219. color:{color:link};
  220. text-decoration:none;
  221. -moz-transition-duration: 0.5s;
  222. -o-transition-duration: 0.5s;
  223. -webkit-transition-duration: 0.5s;
  224. transition-duration: 0.5s;
  225. }
  226.  
  227. a:hover {
  228. color:{color:link hover};
  229. text-decoration:none;
  230. }
  231.  
  232. p a {
  233. border-bottom:1px solid {color:border};
  234. }
  235.  
  236. img {
  237. border:none;
  238. text-decoration:none;
  239. border-radius:3px;
  240. }
  241.  
  242. b, strong {
  243. color:{color:bold};
  244. }
  245.  
  246. i, em {
  247. color:{color:italic};
  248. }
  249.  
  250. u {
  251. border-bottom:1px solid {color:border};
  252. text-decoration:none;
  253. }
  254.  
  255. s, strike {
  256. text-decoration-color:{color:accent};
  257. }
  258.  
  259. small, sub, sup, big {
  260. font-size:10px;
  261. line-height:14px;
  262. }
  263.  
  264. blockquote {
  265. padding:0px 5px 0px 20px;
  266. border-left:1px solid {color:border};
  267. margin-left:5px;
  268. width:360px;
  269. }
  270.  
  271. blockquote img {
  272. max-width:360px;
  273. }
  274.  
  275. pre {
  276. font-family:'silkscreen', monospace;
  277. font-size:8px;
  278. text-transform:uppercase;
  279. padding:10px;
  280. background-color:{color:accent};
  281. color:{color:posts};
  282. }
  283.  
  284. pre i, pre em, pre b, pre strong {
  285. color:{color:posts};
  286. }
  287.  
  288. ul {
  289. padding-left:15px;
  290. }
  291.  
  292. ul li {
  293. list-style-type:none;
  294. }
  295.  
  296. ul li:before {
  297. content: "— ";
  298. text-indent: -5px;
  299. }
  300.  
  301. .firstletter {
  302. display:block;
  303. float:left;
  304. padding:12px 14px;
  305. background:{color:bold};
  306. color:{color:posts};
  307. font-family: 'Reenie Beanie', cursive;
  308. font-size:14px;
  309. margin:0px 10px 0px 0px;
  310. }
  311.  
  312. .hover {
  313. -webkit-transition: 0.7s ease;
  314. transition: 0.7s ease;
  315. }
  316.  
  317. .hover:hover {
  318. transform: rotate(15deg) scale(1.1);
  319. -webkit-transform: rotate(15deg) scale(1.1);
  320. }
  321.  
  322. /* --- header styles --- */
  323.  
  324. h1 {
  325. margin:0px;
  326. font-weight:bold;
  327. color:{color:text};
  328. }
  329.  
  330. h2 {
  331. font-weight:normal;
  332. color:{color:accent};
  333. }
  334.  
  335. h2 b, b h2, h2 i, i h2 {
  336. color:{color:accent};
  337. }
  338.  
  339.  
  340. /* --- container --- */
  341.  
  342. .container {
  343. position:absolute;
  344. margin-top:-275px;
  345. margin-left:-400px;
  346. top:50%;
  347. left:50%;
  348. width:800px;
  349. height:550px;
  350. background-color:rgba({RGBcolor:container},0.9);
  351. overflow:hidden;
  352. border-radius:3px;
  353. -webkit-box-shadow: 0px 0px 5px 0px rgba({RGBcolor:container},0.8);
  354. -moz-box-shadow: 0px 0px 5px 0px rgba({RGBcolor:container},0.8);
  355. box-shadow: 0px 0px 5px 0px rgba({RGBcolor:container},0.8);
  356. }
  357.  
  358. /* --- sidebar --- */
  359.  
  360. .sidebar {
  361. position:absolute;
  362. z-index:7;
  363. top:0px;
  364. left:0px;
  365. width:250px;
  366. height:600px;
  367. }
  368.  
  369. .bigicon {
  370. position:absolute;
  371. top:40px;
  372. left:30px;
  373. z-index:4;
  374. background-image:url('{image:SIDEBAR big icon}');
  375. background-size:150px 150px;
  376. border-radius:100px;
  377. width:150px;
  378. height:150px;
  379. -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  380. -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  381. box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  382. }
  383.  
  384. .smallicon {
  385. position:absolute;
  386. top:115px;
  387. left:150px;
  388. z-index:6;
  389. background-image:url('{image:SIDEBAR small icon}');
  390. background-size:100px 100px;
  391. border-radius:100px;
  392. width:100px;
  393. height:100px;
  394. -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  395. -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  396. box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  397. }
  398.  
  399. .sidetitle {
  400. position:absolute;
  401. top:65px;
  402. left:155px;
  403. width:100px;
  404. height:60px;
  405. text-align:center;
  406. z-index:8;
  407. transform: rotate(-8deg);
  408. }
  409.  
  410. .sidetitle h1 {
  411. font-family: 'Reenie Beanie', cursive;
  412. font-size:25px;
  413. line-height:23px;
  414. font-weight:normal;
  415. color:{color:side title};
  416. text-shadow: 0px 0px 0.5px {color:side title shadow};
  417. }
  418.  
  419. .description {
  420. position:absolute;
  421. left:30px;
  422. top:230px;
  423. width:235px;
  424. height:160px;
  425. padding:15px;
  426. box-sizing:border-box;
  427. background-color:{color:posts};
  428. border-radius:3px;
  429. font-family:helvetica;
  430. font-size:10px;
  431. line-height:16px;
  432. overflow-x:hidden;
  433. overflow-y:auto;
  434. -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  435. -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  436. box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  437. }
  438.  
  439. /* --- pagination --- */
  440.  
  441. .pagination {
  442. width:auto;
  443. left:40px!important;
  444. top:210px;
  445. position:absolute;
  446. z-index:999;
  447. text-align:center;
  448. padding:0px!important;
  449. color:{color:text};
  450. font-family: 'silkscreen', monospace;
  451. }
  452.  
  453. .pagination a {
  454. color:{color:text};
  455. }
  456.  
  457. .pagination .sf {
  458. font-size:7px;
  459. }
  460.  
  461. /* --- header ( which is actually a footer but let's ignore that for a second shall we ) --- */
  462.  
  463. .header {
  464. position:absolute;
  465. z-index:20;
  466. left:0px;
  467. bottom:0px;
  468. width:800px;
  469. height:140px;
  470. background-image:url('{image:header}');
  471. {block:ifnotheaderpattern}
  472. background-repeat:no-repeat;
  473. background-size:cover;
  474. {/block:ifnotheaderpattern}
  475. {block:ifheaderpattern}
  476. background-repeat:repeat;
  477. background-size:auto;
  478. {/block:ifheaderpattern}
  479. -webkit-clip-path: polygon(0 0, 100% 70%, 100% 100%, 0 100%);
  480. clip-path: polygon(0 0, 100% 70%, 100% 100%, 0 100%);
  481. }
  482.  
  483. .nav {
  484. position:absolute;
  485. top:60px;
  486. left:45px;
  487. }
  488.  
  489. .nav a {
  490. display:inline-block;
  491. width:50px;
  492. height:50px;
  493. color:{color:posts};
  494. text-shadow: 0px 0px 0.5px {color:posts};
  495. font-size:30px;
  496. line-height:25px;
  497. text-align:center;
  498. background-color:transparent;
  499. transition: 0.7s ease;
  500. }
  501.  
  502. .nav a:hover {
  503. transform: rotate(15deg) scale(1.2);
  504. -webkit-transform: rotate(15deg) scale(1.2);
  505. }
  506.  
  507. /* --- container --- */
  508.  
  509. .entries {
  510. position:absolute;
  511. z-index:3;
  512. top:0px;
  513. right:0px;
  514. width:520px;
  515. height:600px;
  516. overflow-x:hidden;
  517. overflow-y:auto;
  518. background-color:transparent;
  519. box-sizing:border-box;
  520. padding:40px 40px 100px 40px;
  521. }
  522.  
  523. /* --- posts --- */
  524.  
  525. .post {
  526. width:400px;
  527. padding:20px;
  528. overflow:hidden;
  529. {block:IndexPage}
  530. margin-bottom:75px;
  531. {/block:IndexPage}
  532. {block:PermalinkPage}
  533. margin-bottom:60px;
  534. {/block:PermalinkPage}
  535. background-color:{color:posts};
  536. border-radius:3px;
  537. -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  538. -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  539. box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  540. }
  541.  
  542. .post img {
  543. max-width:100%;
  544. }
  545.  
  546. /* --- texts --- */
  547.  
  548. .title {
  549. font-family: 'Reenie Beanie', cursive;
  550. margin:-20px -20px 10px -20px;
  551. padding:20px;
  552. font-weight:normal;
  553. font-size:20px;
  554. background:{color:accent};
  555. color:{color:posts};
  556. }
  557.  
  558. .title a {
  559. color:{color:posts};
  560. }
  561.  
  562. .more {
  563. font-size:18px;
  564. font-family: 'Reenie Beanie', cursive;
  565. color:{color:accent};
  566. }
  567.  
  568. .txt {
  569. margin-bottom:20px;
  570. }
  571.  
  572. /* --- photos --- */
  573.  
  574. .photo {
  575. margin:-20px -20px 0px -20px;
  576. }
  577.  
  578. .photo img {
  579. border-radius:3px 3px 0px 0px;
  580. }
  581.  
  582. .photo-slideshow {
  583. margin:-20px -20px 0px -20px;
  584. }
  585.  
  586. .photo-slideshow img {
  587. border-radius:0px;
  588. }
  589.  
  590.  
  591. /* --- quotes --- */
  592.  
  593. .quote {
  594. font-family: 'Reenie Beanie', cursive;
  595. text-align:left;
  596. font-size:22px;
  597. line-height:25px;
  598. }
  599.  
  600. .source {
  601. margin-top:4px;
  602. text-align:right;
  603. }
  604.  
  605.  
  606. /* --- audio --- */
  607.  
  608. .audio {
  609. float:left;
  610. width:70px;
  611. height:70px;
  612. position:relative;
  613. overflow:hidden;
  614. }
  615.  
  616. .audio:hover .play {opacity:1;width:30px;}
  617. .audio:hover img {margin-left:30px;}
  618.  
  619. .cover img {
  620. width:70px;
  621. position:absolute;
  622. transition:0.5s ease;
  623. -o-transition:0.5s ease;
  624. -moz-transition:0.5s ease;
  625. -webkit-transition:0.5s ease;
  626. }
  627.  
  628. .play {
  629. overflow:hidden;
  630. width:0px;
  631. height:30px;
  632. background:{color:posts};
  633. position:absolute;
  634. padding:20px 0px;
  635. transition:0.5s ease;
  636. -o-transition:0.5s ease;
  637. -moz-transition:0.5s ease;
  638. -webkit-transition:0.5s ease;
  639. }
  640.  
  641. .au b {
  642. color:{color:bold};
  643. font-weight:700;
  644. margin-right:2px;
  645. }
  646.  
  647. .au {
  648. height:45px;
  649. overflow:hidden;
  650. padding:12px 10px;
  651. line-height:15px;
  652. margin-left:70px;
  653. text-align:left;
  654. }
  655.  
  656. /* --- asks --- */
  657.  
  658. .asker {
  659. margin-right:15px;
  660. margin-bottom:-15px;
  661. float:right;
  662. font-family: 'Reenie Beanie', cursive;
  663. font-size:25px;
  664. line-height:1px;
  665. font-weight:normal;
  666. text-shadow: 0px 0px 0.5px {color:side title};
  667. color:{color:side title};
  668. background-color:{color:posts};
  669. padding:0px 5px 0px 7px;
  670. width:auto;
  671. display:block;
  672. }
  673.  
  674. .asker a {
  675. margin:0px;
  676. }
  677.  
  678. .question {
  679. margin-top:20px;
  680. margin-bottom:10px;
  681. border:1px solid {color:border};
  682. padding:20px;
  683. }
  684.  
  685.  
  686. /* --- chat --- */
  687.  
  688. .chat ul {
  689. list-style-type:none;
  690. padding-left:0px;
  691. }
  692.  
  693. .chat ul li {
  694. margin-bottom:5px;
  695. }
  696.  
  697. .chat ul li:last-of-type {
  698. margin-bottom:0px;
  699. }
  700.  
  701. .chat ul li:before {
  702. content: none;
  703. text-indent: 0px;
  704. }
  705.  
  706. .chat .label {
  707. text-transform:uppercase;
  708. }
  709.  
  710. /* --- permalinks --- */
  711.  
  712. .permalink {
  713. margin:0px -20px -20px -20px;
  714. padding:10px;
  715. background:{color:accent};
  716. letter-spacing:0.3px;
  717. color:{color:posts};
  718. font-size:7px;
  719. font-family:'silkscreen', monospace;
  720. }
  721.  
  722. .permalink a {
  723. display:inline-block;
  724. letter-spacing:0px;
  725. color:{color:posts};
  726. }
  727.  
  728. .reb {
  729. display:inline-block;
  730. vertical-align:middle;
  731. float:right;
  732. font-size:10px;
  733. }
  734.  
  735. .reb i {
  736. color:{color:posts};
  737. }
  738.  
  739.  
  740. /* --- tags --- */
  741.  
  742. .tags {
  743. margin-top:0px;
  744. -webkit-transition-duration: 0.6s;
  745. transition-duration: 0.6s;
  746. }
  747.  
  748. .tags a {
  749. display:inline;
  750. margin:2px 4px 0px 0px;
  751. color:{color:posts};
  752. border-bottom:1px solid transparent;
  753. }
  754.  
  755. .tags a:hover {
  756. border-bottom:1px solid {color:posts};
  757. }
  758.  
  759.  
  760. /* --- notes --- */
  761.  
  762. .pagenotes {
  763. {block:IndexPage}
  764. display: none!important;
  765. {/block:IndexPage}
  766. color:{color:posts};
  767. margin:20px -20px -20px -20px;
  768. padding:0px 20px 20px 20px;
  769. width:auto;
  770. text-align:left;
  771. background-color:{color:accent};
  772. }
  773.  
  774. .pagenotes img {display:none!important;}
  775.  
  776. .pagenotes li {
  777. list-style-type:none;
  778. padding:1px 0px;
  779. text-align:left;
  780. margin:0 0 0 -40px;
  781. }
  782.  
  783. .pagenotes a {
  784. color:{color:posts};
  785. font-family:'silkscreen', monospace;
  786. text-shadow:0px 0px 0.2px {color:posts};
  787. }
  788.  
  789. /* --- tabs --- */
  790.  
  791. /* --- tab: ask + faq --- */
  792.  
  793. .tab-ask {
  794. position:absolute;
  795. z-index:19;
  796. width:800px;
  797. height:550px;
  798. top:0px;
  799. left:0px;
  800. display:none;
  801. }
  802.  
  803. .askicon1 {
  804. position:absolute;
  805. z-index:4;
  806. left:125px;
  807. top:170px;
  808. width:150px;
  809. height:150px;
  810. border-radius:100%;
  811. background-image:url('{image:ASK TAB icon one}');
  812. background-size:150px 150px;
  813. -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  814. -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  815. box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  816. }
  817.  
  818. .askicon2 {
  819. position:absolute;
  820. z-index:5;
  821. left:50px;
  822. top:250px;
  823. width:100px;
  824. height:100px;
  825. border-radius:100%;
  826. background-image:url('{image:ASK TAB icon two}');
  827. background-size:110px 110px;
  828. -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  829. -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  830. box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  831. }
  832.  
  833. .askquote {
  834. position:absolute;
  835. z-index:10;
  836. left:40px;
  837. top:75px;
  838. width:220px;
  839. font-family: 'Reenie Beanie', cursive;
  840. color:{color:side title};
  841. text-shadow: 0px 0px 0.5px {color:side title shadow};
  842. text-align:center;
  843. font-size:25px;
  844. line-height:25px;
  845. transform:rotate(-5deg);
  846. }
  847.  
  848. /* --- tab: navigation --- */
  849.  
  850. .tab-nav {
  851. position:absolute;
  852. z-index:19;
  853. width:800px;
  854. height:550px;
  855. top:0px;
  856. left:0px;
  857. display:none;
  858. }
  859.  
  860. .nav-img1 {
  861. position:absolute;
  862. z-index:4;
  863. left:100px;
  864. top:30px;
  865. width:150px;
  866. height:150px;
  867. border-radius:100%;
  868. background-image:url('{image:NAV TAB icon one}');
  869. background-size:150px 150px;
  870. -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  871. -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  872. box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  873. }
  874.  
  875. .nav-img2 {
  876. position:absolute;
  877. z-index:5;
  878. left:40px;
  879. top:100px;
  880. width:110px;
  881. height:110px;
  882. border-radius:100%;
  883. background-image:url('{image:NAV TAB icon two}');
  884. background-size:110px 110px;
  885. -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  886. -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  887. box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  888. }
  889.  
  890. .nav-title {
  891. position:absolute;
  892. z-index:10;
  893. left:135px;
  894. top:180px;
  895. width:120px;
  896. font-family: 'Reenie Beanie', cursive;
  897. font-size:25px;
  898. line-height:25px;
  899. font-weight:normal;
  900. color:{color:side title};
  901. text-shadow: 0px 0px 0.5px {color:side title shadow};
  902. transform:rotate(-7deg);
  903. }
  904.  
  905. .nav-links {
  906. position:absolute;
  907. left:42px;
  908. top:230px;
  909. width:223px;
  910. height:170px;
  911. }
  912.  
  913. .nav-links a {
  914. display:inline-block;
  915. float:left;
  916. width:100px;
  917. height:22px;
  918. line-height:22px;
  919. color:{color:posts};
  920. background-color:{color:accent};
  921. font-family:'silkscreen', monospace;
  922. font-size:8px;
  923. text-transform:uppercase;
  924. text-align:center;
  925. margin-right:10px;
  926. margin-bottom:10px;
  927. border-radius:3px;
  928. -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  929. -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  930. box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  931. -webkit-transition: 0.8s ease;
  932. transition: 0.8s ease;
  933. }
  934.  
  935. .nav-links a:hover {
  936. color:{color:accent};
  937. background:{color:posts};
  938. }
  939.  
  940. /* --- tab: muses --- */
  941.  
  942. .tab-muses {
  943. position:absolute;
  944. z-index:19;
  945. width:800px;
  946. height:550px;
  947. top:0px;
  948. left:0px;
  949. display:none;
  950. box-sizing:border-box;
  951. padding:40px 20px 140px 40px;
  952. overflow-x:hidden;
  953. overflow-y:auto;
  954. }
  955.  
  956. .muse {
  957. position:relative;
  958. width:210px;
  959. height:280px;
  960. display:inline-block;
  961. float:left;
  962. margin-right:35px;
  963. }
  964.  
  965. .muse-topimg {
  966. position:absolute;
  967. z-index:5;
  968. left:0px;
  969. top:0px;
  970. width:100px;
  971. height:100px;
  972. }
  973.  
  974. .muse-topimg img {
  975. border-radius:100px;
  976. height:100px;
  977. width:100px;
  978. -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  979. -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  980. box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  981. }
  982.  
  983. .muse-name {
  984. position:absolute;
  985. left:105px;
  986. top:10px;
  987. width:120px;
  988. font-family: 'Reenie Beanie', cursive;
  989. text-align:left;
  990. font-size:25px;
  991. line-height:25px;
  992. font-weight:normal;
  993. color:{color:side title};
  994. text-shadow: 0px 0px 0.5px {color:side title shadow};
  995. transform:rotate(-5deg);
  996. }
  997.  
  998. .muse-title {
  999. position:absolute;
  1000. z-index:7;
  1001. left:85px;
  1002. top:67px;
  1003. width:120px;
  1004. padding:2px 4px;
  1005. text-align:left;
  1006. color:{color:side title shadow};
  1007. background:{color:side title};
  1008. font-family:'silkscreen', monospace;
  1009. font-size:8px;
  1010. border-radius:3px;
  1011. transform:rotate(-3deg);
  1012. -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  1013. -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  1014. box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  1015. }
  1016.  
  1017. .muse-desc {
  1018. position:absolute;
  1019. z-index:2;
  1020. top:90px;
  1021. left:20px;
  1022. width:180px;
  1023. height:150px;
  1024. background:{color:posts};
  1025. box-sizing:border-box;
  1026. padding:10px;
  1027. border-radius:3px;
  1028. overflow-x:hidden;
  1029. overflow-y:auto;
  1030. -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  1031. -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  1032. box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  1033. }
  1034.  
  1035. /* --- credit --- */
  1036.  
  1037. .credit a {
  1038. position:fixed;
  1039. font-family:'silkscreen', monospace;
  1040. font-size:8px;
  1041. right:10px;
  1042. bottom:10px;
  1043. text-align:center;
  1044. background-color:rgba({RGBcolor:container},0.5);
  1045. width:15px;
  1046. height:15px;
  1047. padding:5px;
  1048. line-height:15px;
  1049. border-radius:20px;
  1050. color:{color:link};
  1051. display:block;
  1052. -webkit-box-shadow: 0px 0px 5px 0px rgba({RGBcolor:container},0.5);
  1053. -moz-box-shadow: 0px 0px 5px 0px rgba({RGBcolor:container},0.5);
  1054. box-shadow: 0px 0px 5px 0px rgba({RGBcolor:container},0.5);
  1055. }
  1056.  
  1057.  
  1058. {CustomCSS}
  1059.  
  1060. </style>
  1061. </head>
  1062. <body>
  1063.  
  1064.  
  1065. <div class="container">
  1066.  
  1067. <!---- start of header navigation ---->
  1068. <div class="header">
  1069. <div class="nav">
  1070. <a href="#tab1" title="{text:TAB home title}">
  1071. <span class="sf sf-flower-1-o"></span>
  1072. </a>
  1073. <a href="#tab2" title="{text:TAB ask title}">
  1074. <span class="sf sf-leaf-1-o"></span>
  1075. </a>
  1076. <a href="#tab3" title="{text:TAB nav title}">
  1077. <span class="sf sf-mushroom-o"></span>
  1078. </a>
  1079. <a href="#tab4" title="{text:TAB muses title}">
  1080. <span class="sf sf-feather-o"></span>
  1081. </a>
  1082. </div>
  1083. </div>
  1084.  
  1085.  
  1086. <div class="tabs">
  1087.  
  1088. <!---- start of home tab ---->
  1089.  
  1090. <div id="tab1" class="tab tab-home active">
  1091.  
  1092. <!---- start of sidebar ---->
  1093.  
  1094. <div class="sidebar">
  1095.  
  1096. <div class="bigicon hover"></div>
  1097.  
  1098. <div class="smallicon hover"></div>
  1099.  
  1100. <a href="/">
  1101. <div class="sidetitle">
  1102. <h1>{text:side title}</h1>
  1103. </div>
  1104. </a>
  1105.  
  1106. <div class="description">{Description}</div>
  1107.  
  1108. {block:Pagination}
  1109. <div class="pagination">
  1110. {block:PreviousPage}
  1111. <a href="{PreviousPage}"><span class="sf sf-chevron-left"></a>
  1112. {/block:PreviousPage}
  1113.  
  1114. {CurrentPage} of {TotalPages}
  1115.  
  1116. {block:NextPage}
  1117. <a href="{NextPage}"><span class="sf sf-chevron-right"></a>
  1118. {/block:NextPage}
  1119. </div>
  1120. {/block:Pagination}
  1121.  
  1122. </div>
  1123.  
  1124. <!---- start of posts ---->
  1125.  
  1126. <div class="entries">
  1127.  
  1128. {block:Posts}
  1129. <div class="post" id="{PostID}">
  1130.  
  1131.  
  1132. {block:Quote}
  1133. <div class="txt">
  1134. <div class="quote">{Quote}</div>
  1135. {block:Source}
  1136. <div class="source">&mdash; {Source}</div>
  1137. {/block:Source}
  1138. </div>
  1139. {/block:Quote}
  1140.  
  1141.  
  1142. {block:Text}
  1143. <div class="txt">
  1144. {block:Title}
  1145. <div class="title">{Title}</div>
  1146. {/block:Title}
  1147.  
  1148. {Body}
  1149.  
  1150. {block:More}
  1151. <div class="more">
  1152. <a href="{Permalink}">continue reading...</a>
  1153. </div>
  1154. {/block:More}
  1155. </div>
  1156. {/block:Text}
  1157.  
  1158. {block:Link}
  1159. <div class="txt">
  1160. <div class="title">
  1161. <a href="{URL}">{Name}</a>
  1162. </div>
  1163.  
  1164. {block:Description}{Description}{/block:Description}
  1165. </div>
  1166. {/block:Link}
  1167.  
  1168. {block:Chat}
  1169. <div class="txt">
  1170. {block:Title}
  1171. <div class="title">{Title}</div>
  1172. {/block:Title}
  1173.  
  1174. <div class="chat">
  1175. <ul>
  1176. {block:Lines}<li>{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1177. {Line}</li>{/block:Lines}
  1178. </ul>
  1179. </div>
  1180. </div>
  1181. {/block:Chat}
  1182.  
  1183. {block:Photo}
  1184. <div class="photo">
  1185. {LinkOpenTag}
  1186. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  1187. {LinkCloseTag}
  1188. </div>
  1189. {block:Caption}<div class="txt">{Caption}</div>{/block:Caption}
  1190. {/block:Photo}
  1191.  
  1192. {block:Photoset}
  1193. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1194. {block:Photos}
  1195. <div class="photo-data">
  1196. <div class="pxu-photo">
  1197. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1198. </div>
  1199.  
  1200. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1201. </div>
  1202. {/block:Photos}
  1203. </div>
  1204. {block:Caption}<div class="txt">{Caption}</div>{/block:Caption}
  1205. {/block:Photoset}
  1206.  
  1207. {block:Video}
  1208. <div class="photo">{Video-500}</div>
  1209. {block:Caption}<div class="txt">{Caption}</div>{/block:Caption}
  1210. {/block:Video}
  1211.  
  1212. {block:Audio}
  1213. <div class="txt">
  1214. <div class="audio">
  1215. {block:AlbumArt}
  1216. <div class="cover">
  1217. <img src="{AlbumArtURL}">
  1218. </div>
  1219. {/block:AlbumArt}
  1220.  
  1221. {block:AudioPlayer}
  1222. <div class="play">{AudioPlayerWhite}</div>
  1223. {/block:AudioPlayer}
  1224. </div>
  1225.  
  1226. <div class="au">
  1227. {block:TrackName}<b>Track:</b> {block:TrackName}{TrackName}<br>{/block:TrackName}
  1228. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  1229. <b>Plays:</b> {FormattedPlayCount}
  1230. </div>
  1231.  
  1232. {block:Caption}{Caption}{/block:Caption}
  1233. </div>
  1234. {/block:Audio}
  1235.  
  1236. {block:Answer}
  1237. <div class="txt">
  1238. <div class="asker">{Asker}</div>
  1239. <div class="question">
  1240. {Question}
  1241. </div>
  1242. {Answer}
  1243. </div>
  1244. {/block:Answer}
  1245.  
  1246. {block:Date}
  1247. <div class="permalink">
  1248. <a href="{Permalink}">
  1249. posted {TimeAgo}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  1250. </a>
  1251.  
  1252. <a class="reb" href="{ReblogURL}">
  1253. <span class="sf sf-reblog-o"></span>
  1254. </a>
  1255.  
  1256. <br>
  1257.  
  1258. {block:HasTags}
  1259. <div class="tags">
  1260. {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1261. </div>
  1262. {/block:HasTags}
  1263. </div>
  1264. {/block:Date}
  1265.  
  1266.  
  1267. {block:PostNotes}
  1268. <div class="pagenotes">
  1269. {PostNotes}
  1270. </div>
  1271. {/block:PostNotes}
  1272.  
  1273. </div> <!---- end of .post ---->
  1274.  
  1275.  
  1276. {/block:Posts}
  1277.  
  1278. </div> <!---- end of .entries ---->
  1279.  
  1280. </div> <!---- end of home tab ---->
  1281.  
  1282. <!---- start of ask tab ---->
  1283.  
  1284. <div id="tab2" class="tab tab-ask">
  1285.  
  1286.  
  1287. <div class="askicon1 hover"></div>
  1288. <div class="askicon2 hover"></div>
  1289.  
  1290. <div class="askquote">
  1291. {text:ASK TAB side title}
  1292. </div>
  1293.  
  1294.  
  1295. <!-- EDIT YOUR FAQ HERE -->
  1296.  
  1297. <div class="entries">
  1298.  
  1299.  
  1300. <div class="post">
  1301. <div class="title">frequently asked questions</div>
  1302.  
  1303. <!-- for more/less questions, copy/delete the section below -->
  1304.  
  1305. <!-- copy from here -->
  1306. <div class="question">
  1307. <b>Why aren't koalas actual bears?</b>
  1308. </div>
  1309. <blockquote>
  1310. They don't meet the koalafications.
  1311. </blockquote>
  1312. <!-- to here -->
  1313.  
  1314. <!-- copy from here -->
  1315. <div class="question">
  1316. <b>What is the resemblance between a green apple and a red apple?</b>
  1317. </div>
  1318. <blockquote>
  1319. They’re both red except for the green one.
  1320. </blockquote>
  1321. <!-- to here -->
  1322.  
  1323. <!-- copy from here -->
  1324. <div class="question">
  1325. <b>I bought the world’s worst thesaurus yesterday.</b>
  1326. </div>
  1327. <blockquote>
  1328. Not only is it terrible, it’s terrible.
  1329. </blockquote>
  1330. <!-- to here -->
  1331.  
  1332. </div>
  1333.  
  1334. {block:AskEnabled}
  1335. <div class="post">
  1336. <div class="title">{AskLabel}</div>
  1337.  
  1338. <iframe frameborder="0" scrolling="no" width="100%" height="190" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  1339. </div>
  1340. {/block:AskEnabled}
  1341.  
  1342. {block:SubmissionsEnabled}
  1343. <div class="post">
  1344. <div class="title">{SubmitLabel}</div>
  1345.  
  1346. <iframe frameborder="0" border="0" scrolling="no" width="100%" height="385" allowtransparency="true" src="https://www.tumblr.com/submit_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>
  1347. </div>
  1348. {/block:SubmissionsEnabled}
  1349.  
  1350. </div>
  1351. </div>
  1352.  
  1353. <!---- start of navigation tab ---->
  1354.  
  1355. <div id="tab3" class="tab tab-nav">
  1356.  
  1357. <div class="nav-img1 hover"></div>
  1358. <div class="nav-img2 hover"></div>
  1359.  
  1360. <div class="nav-title">{text:NAV TAB side title}</div>
  1361.  
  1362. <div class="nav-links">
  1363. {block:Iflink1url}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:Iflink1url}
  1364. {block:Iflink2url}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:Iflink2url}
  1365.  
  1366. {block:Iflink3url}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:Iflink3url}
  1367. {block:Iflink4url}<a href="{text:link 4 url}">{text:link 4 title}</a>{/block:Iflink4url}
  1368.  
  1369. {block:Iflink5url}<a href="{text:link 5 url}">{text:link 5 title}</a>{/block:Iflink5url}
  1370. {block:Iflink6url}<a href="{text:link 6 url}">{text:link 6 title}</a>{/block:Iflink6url}
  1371.  
  1372. {block:Iflink7url}<a href="{text:link 7 url}">{text:link 7 title}</a>{/block:Iflink7url}
  1373. {block:Iflink8url}<a href="{text:link 8 url}">{text:link 8 title}</a>{/block:Iflink8url}
  1374.  
  1375. {block:Iflink9url}<a href="{text:link 9 url}">{text:link 9 title}</a>{/block:Iflink9url}
  1376. {block:Iflink10url}<a href="{text:link 10 url}">{text:link 10 title}</a>{/block:Iflink10url}
  1377. </div>
  1378.  
  1379. <div class="entries">
  1380. <div class="post">
  1381.  
  1382. {text:NAV TAB text section}
  1383.  
  1384. </div>
  1385. </div>
  1386. </div>
  1387.  
  1388. <!---- start of muses tab ---->
  1389.  
  1390. <div id="tab4" class="tab tab-muses">
  1391.  
  1392. <!-- EDIT YOUR MUSES HERE -->
  1393.  
  1394. <!---- if you want to add in more muses or remove some, make sure you get the entire bit labeled with class="muse". you can add any amount of number in, even or uneven. it'll space itself out just fine. --->
  1395.  
  1396. <!--- copy from here --->
  1397. <div class="muse">
  1398. <div class="muse-topimg hover">
  1399. <img src="IMG URL HERE">
  1400. </div>
  1401.  
  1402. <div class="muse-name">
  1403. muse name goes here
  1404. </div>
  1405.  
  1406. <div class="muse-title">
  1407. faceclaim or label
  1408. </div>
  1409.  
  1410. <div class="muse-desc">
  1411. A little about can go in here. it will scroll so don't worry about the length of it.
  1412. </div>
  1413. </div>
  1414. <!--- to here --->
  1415.  
  1416. <!--- copy from here --->
  1417. <div class="muse">
  1418. <div class="muse-topimg hover">
  1419. <img src="IMG URL HERE">
  1420. </div>
  1421.  
  1422. <div class="muse-name">
  1423. muse name goes here
  1424. </div>
  1425.  
  1426. <div class="muse-title">
  1427. faceclaim or label
  1428. </div>
  1429.  
  1430. <div class="muse-desc">
  1431. A little about can go in here. it will scroll so don't worry about the length of it.
  1432. </div>
  1433. </div>
  1434. <!--- to here --->
  1435.  
  1436. <!--- copy from here --->
  1437. <div class="muse">
  1438. <div class="muse-topimg hover">
  1439. <img src="IMG URL HERE">
  1440. </div>
  1441.  
  1442. <div class="muse-name">
  1443. muse name goes here
  1444. </div>
  1445.  
  1446. <div class="muse-title">
  1447. faceclaim or label
  1448. </div>
  1449.  
  1450. <div class="muse-desc">
  1451. A little about can go in here. it will scroll so don't worry about the length of it.
  1452. </div>
  1453. </div>
  1454. <!--- to here --->
  1455.  
  1456. <!--- copy from here --->
  1457. <div class="muse">
  1458. <div class="muse-topimg hover">
  1459. <img src="IMG URL HERE">
  1460. </div>
  1461.  
  1462. <div class="muse-name">
  1463. muse name goes here
  1464. </div>
  1465.  
  1466. <div class="muse-title">
  1467. faceclaim or label
  1468. </div>
  1469.  
  1470. <div class="muse-desc">
  1471. A little about can go in here. it will scroll so don't worry about the length of it.
  1472. </div>
  1473. </div>
  1474. <!--- to here --->
  1475.  
  1476. <!--- copy from here --->
  1477. <div class="muse">
  1478. <div class="muse-topimg hover">
  1479. <img src="IMG URL HERE">
  1480. </div>
  1481.  
  1482. <div class="muse-name">
  1483. muse name goes here
  1484. </div>
  1485.  
  1486. <div class="muse-title">
  1487. faceclaim or label
  1488. </div>
  1489.  
  1490. <div class="muse-desc">
  1491. A little about can go in here. it will scroll so don't worry about the length of it.
  1492. </div>
  1493. </div>
  1494. <!--- to here --->
  1495.  
  1496. <!--- copy from here --->
  1497. <div class="muse">
  1498. <div class="muse-topimg hover">
  1499. <img src="IMG URL HERE">
  1500. </div>
  1501.  
  1502. <div class="muse-name">
  1503. muse name goes here
  1504. </div>
  1505.  
  1506. <div class="muse-title">
  1507. faceclaim or label
  1508. </div>
  1509.  
  1510. <div class="muse-desc">
  1511. A little about can go in here. it will scroll so don't worry about the length of it.
  1512. </div>
  1513. </div>
  1514. <!--- to here --->
  1515.  
  1516.  
  1517. </div>
  1518.  
  1519. </div> <!---- end of .tabs ---->
  1520.  
  1521. </div> <!---- end of .container ---->
  1522.  
  1523.  
  1524.  
  1525. {block:ContentSource}
  1526. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1527. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1528. {/block:SourceLogo}
  1529. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1530. {/block:ContentSource}
  1531.  
  1532. {block:RebloggedFrom}
  1533. <!--<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  1534.  
  1535. {block:ContentSource}
  1536. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  1537. {/block:ContentSource}
  1538.  
  1539. <a href="{ReblogURL}">reblog</a> -->
  1540. {/block:RebloggedFrom}
  1541.  
  1542. <div class="credit"><a href="http://pirateskinned.tumblr.com/" title="coded by pirateskinned">ps</a></div>
  1543.  
  1544. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!