API tools faq
paste
Advertisement
tiffxny21

Cosmic ★

tiffxny21
Apr 17th, 2019
138
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.49 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. @@@@@@@ @@@@@@@ @@@ @@@
  4. @@@ @@@ @@@ @@@ @@@ @@@@@
  5. @@@ @@@ @@@ @@@ @@@ @@@ @@@
  6. @@@@@@@ @@@@@@@ @@@ @@@ @@@
  7. @@@ @@@ @@@ @@@ @@@ @@@@@@@@@
  8. @@@ @@@ @@@ @@@ @@@ @@@ @@@ @@@
  9. @@@@@@@ @@@ @@@ @@@ @@@ @@@ @@@
  10.  
  11. CODE ORIGINALLY CREATED:
  12. JAN. 2017 BY ASSETRELOCATION/ROSSOCORSA
  13.  
  14. TERMS OF USE.
  15. ⌞ 01. ⌞ do not repost this code to claim as your own.
  16. ⌞ 02. ⌞ do not redesign to claim as your own.
  17. ⌞ 03. ⌞ do not move or delete credit.
  18. ⌞ 04. ⌞ like or reblog the source post.
  19. ⌞ 05. ⌞ make it look fresh as hell, man, enjoy.
  20.  
  21. CREDIT TO THE FOLLOWING.
  22. ⌞ 01. ⌞ octomoosey for the base and tutorials.
  23. ⌞ 02. ⌞ julieta ulanovsky for one of the fonts.
  24. ⌞ 03. ⌞ iris for the inspiration to code tbh!
  25. ⌞ 04. ⌞ pixelunion/MIT for the gutter spacing.
  26. ⌞ 05. ⌞ shythemes for the easy tutorial.
  27. ⌞ 06. ⌞ tutorial-baby for the tooltip tutorial.
  28. ⌞ 07. ⌞ painthemes for the tables.
  29. ⌞ 08. ⌞ lmthemes for the audio customising.
  30. ⌞ 09. ⌞ buildthemes for the chat customising.
  31.  
  32. SHOUTOUT.
  33. hit up canisriot for theme commissions. i've known
  34. her for years, and there's nobody better to get
  35. some quality coding from than her. while THIS
  36. theme isn't overly complex, iris can whip up some
  37. jaw dropping themes for you.
  38.  
  39. -->
  40.  
  41.  
  42. <html>
  43. <head>
  44.  
  45.  
  46. <link href="https://fonts.googleapis.com/css?family=Montserrat|Playfair+Display|Roboto:100" rel="stylesheet">
  47.  
  48. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  49. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  50. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  51.  
  52. <script>
  53. $(document).ready(function(){
  54. $('.photo-slideshow').pxuPhotoset({
  55. lightbox: true,
  56. rounded: false,
  57. gutter: '3px',
  58. borderRadius: '0px',
  59. photoset: '.photo-slideshow',
  60. photoWrap: '.photo-data',
  61. photo: '.pxu-photo'
  62. });
  63. });
  64. </script>
  65.  
  66. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  67. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  68. <script>
  69. (function($){
  70. $(document).ready(function(){
  71. $("a[title]").style_my_tooltips({
  72. tip_follows_cursor:true,
  73. tip_delay_time:90,
  74. tip_fade_speed:600,
  75. attribute:"title"
  76. });
  77. });
  78. })(jQuery);
  79. </script>
  80. <style>
  81. .tooltip{
  82. display: inline;
  83. position: relative;
  84. }
  85. #s-m-t-tooltip {
  86. max-width:300px;
  87. border-radius: 0px;
  88. padding:3px 4px 5px 4px;
  89. margin:-20px 20px 0px 0px;
  90. background-color:#222222;
  91. font-family: 'Montserrat', sans-serif;
  92. font-size:8.5px;
  93. letter-spacing:2px;
  94. text-transform:uppercase;
  95. color:#909090;
  96. z-index:99999999999;
  97. }
  98. </style>
  99.  
  100. <script type="text/javascript"
  101. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  102. <script>
  103. $(document).ready(function() {
  104. //
  105. $('a.poplight[href^=#]').click(function() {
  106. var popID = $(this).attr('rel'); //Get Popup Name
  107. var popURL = $(this).attr('href'); //Get Popup href to define size
  108. var query= popURL.split('?');
  109. var dim= query[1].split('&');
  110. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  111. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  112. var popMargTop = ($('#' + popID).height() + 80) / 2;
  113. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  114. //Apply Margin to Popup
  115. $('#' + popID).css({
  116. 'margin-top' : -popMargTop,
  117. 'margin-left' : -popMargLeft
  118. });
  119. $('body').append('<div id="fade"></div>');
  120. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  121. return false;
  122. });
  123. $('a.close, #fade').live('click', function() {
  124. $('#fade , .popup_block, .popup_block2, .popup_block3').fadeOut(function() {
  125. $('#fade, a.close').remove(); //fade them both out
  126. });
  127. return false;
  128. });
  129. });
  130. </script>
  131.  
  132.  
  133. <!--f--><title>MEMORIES WITHIN TEETH. </title><!--f-->
  134. <link rel="shortcut icon" href="{Favicon}">
  135. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  136.  
  137. </head>
  138.  
  139. <style type="text/css">
  140.  
  141. ::-webkit-scrollbar {
  142. width: 2px;
  143. height: 2px;
  144. }
  145. ::-webkit-scrollbar-button {
  146. width: 0px;
  147. height: 0px;
  148. }
  149. ::-webkit-scrollbar-thumb {
  150. background: transparent;
  151. border: 0px none transparent;
  152. border-radius: 0px;
  153. }
  154. ::-webkit-scrollbar-thumb:hover {
  155. background: transparent;
  156. }
  157. ::-webkit-scrollbar-thumb:active {
  158. background: transparent;
  159. }
  160. ::-webkit-scrollbar-track {
  161. background: transparent;
  162. border: 0px none transparent;
  163. border-radius: 2px;
  164. }
  165. ::-webkit-scrollbar-track:hover {
  166. background: transparent;
  167. }
  168. ::-webkit-scrollbar-track:active {
  169. background: transparent;
  170. }
  171. ::-webkit-scrollbar-corner {
  172. background: transparent;
  173. }
  174.  
  175.  
  176.  
  177. /*LINKS TABLE BY PAINTHEMES.TUMBLR.COM*/
  178.  
  179. #below{width:250px;}
  180.  
  181. .title1, .title2, .title3, .title4, .title5{
  182. display:inline-block;
  183. height:10px;
  184. line-height:10px;
  185. width:230px;
  186. padding:10px;
  187. text-shadow:0px 0px 1px black;
  188. margin-top:10px;
  189. overflow:hidden;
  190. opacity:1;
  191. cursor:help;
  192. font-weight:700;
  193. font-size:12.5px;
  194. text-align:center;
  195. color:#496967;
  196. text-transform:uppercase;
  197. font-family:'Playfair Display', serif;
  198. }
  199.  
  200. .table1, .table2, .table3, .table4, .table5{
  201. height:auto;
  202. display:none;
  203. opacity:1;
  204. font-family:arial;
  205. letter-spacing:1px;
  206. font-size:8.5px;
  207. width:230px;
  208. padding:10px;
  209. line-height:20px;
  210. }
  211.  
  212. .table1 a, .table2 a, .table3 a, .table4 a, .table5 a{
  213. padding:5px;
  214. margin:3px;
  215. -o-transition-transition: all 0.8s ease-out;
  216. -webkit-transition: all 0.8s ease-out;
  217. -moz-transition: all 0.8s ease-out;
  218. transition: all 0.8s ease-out;}
  219.  
  220.  
  221. .table1 a:hover, .table2 a:hover, .table3 a:hover, .table4 a:hover, .table5 a:hover{
  222. color:c6ccc7;
  223. -o-transition-transition: all 0.8s ease-out;
  224. -webkit-transition: all 0.8s ease-out;
  225. -moz-transition: all 0.8s ease-out;
  226. transition: all 0.8s ease-out;
  227. }
  228.  
  229.  
  230. #linkstable{width:250px;}
  231.  
  232. #linkstable a{
  233. position:relative;
  234. width:70px;
  235. padding:5px;
  236. text-align:center;
  237. color:#660066;
  238. display:inline-block;
  239. margin-top:5px;
  240. font-family:arial;
  241. text-transform:uppercase;
  242. font-size:9.5px;
  243. letter-spacing:2px;
  244. -webkit-transition: opacity 0.7s linear;
  245. -webkit-transition: all 0.7s ease-in-out;
  246. -moz-transition: all 0.7s ease-in-out;
  247. -o-transition: all 0.7s ease-in-out;
  248. }
  249.  
  250. #linkstable a:hover{
  251. color:#336633;
  252. letter-spacing:5px;
  253. -webkit-transition: opacity 0.7s linear;
  254. -webkit-transition: all 0.7s ease-in-out;
  255. -moz-transition: all 0.7s ease-in-out;
  256. -o-transition: all 0.7s ease-in-out;
  257. }
  258.  
  259.  
  260.  
  261. #linkstable2{width:280px}
  262. #linkstable2 a{
  263. position:relative;
  264. width:90px;
  265. padding:6px;
  266. background:#0a0a0a;
  267. /*border:1px solid #000;
  268. color:#000;*/
  269. text-align:center;
  270. display:inline-block;
  271. margin-top:5px;
  272. margin-right:3px;
  273. font-family:arial;
  274. text-transform:uppercase;
  275. font-size:9.5px;
  276. letter-spacing:0px;
  277. -webkit-transition: opacity 0.7s linear;
  278. -webkit-transition: all 0.7s ease-in-out;
  279. -moz-transition: all 0.7s ease-in-out;
  280. -o-transition: all 0.7s ease-in-out;
  281. }
  282. #linkstable2 a:hover{
  283. color:#b8b8b4;
  284. text-align:center;
  285. border:1px solid #978781;
  286. letter-spacing:2px;
  287. box-shadow:inset 200px 0px 0px 0px #000;
  288. -webkit-transition: opacity 0.7s linear;
  289. -webkit-transition: all 0.7s ease-in-out;
  290. -moz-transition: all 0.7s ease-in-out;
  291. -o-transition: all 0.7s ease-in-out;
  292. }
  293.  
  294.  
  295.  
  296.  
  297.  
  298.  
  299.  
  300.  
  301.  
  302.  
  303.  
  304.  
  305.  
  306.  
  307.  
  308. body {
  309. background-color:#cbccc7;
  310. font-family:arial, sans-serif;
  311. font-size: 12.5px;
  312. color: #176c62;
  313. background:#000;
  314. background-image:url('https://i.imgur.com/gA6k97r.png');
  315. background-attachment: fixed;
  316. background-repeat: no-repeat;
  317. background-position: top left;
  318.  
  319. }
  320.  
  321. a {
  322. text-transform:uppercase;
  323. font-size:8.5px;
  324. letter-spacing:1px;
  325. text-decoration:none;
  326. font-family: 'Montserrat', sans-serif;
  327. color:#54817b;
  328. -webkit-transition: all 0.7s ease;
  329. -moz-transition: all 0.7s ease;
  330. -o-transition: all 0.7s ease;
  331. }
  332.  
  333. a:hover {
  334. color:#a4968f;
  335. }
  336.  
  337. b, strong {
  338. color:#25a4a4;
  339. text-transform:uppercase;
  340. }
  341.  
  342. i, em {
  343. color:#beccc8;
  344. font-family:'Playfair Display', serif;
  345. font-size:10.5px;
  346. text-transform:uppercase;
  347. }
  348.  
  349. blockquote {
  350. padding:0px 10px;
  351. margin:5px 0px 0px 10px;
  352. border-left:1px solid #b8b8b4;
  353. }
  354.  
  355. blockquote img {
  356. max-width:100%;
  357. height:auto;
  358. }
  359.  
  360. img {
  361. max-width: 100%;
  362. height: auto;
  363. }
  364.  
  365. h1 {
  366. font-size:21.5px;
  367. line-height:30px;
  368. text-align:center;
  369. color:#540000;
  370. text-transform:uppercase;
  371. font-family:'Playfair Display', serif;
  372. }
  373.  
  374. /* IMAGES, PHOTOSETS AND WHATNOT */
  375. {block:IfGreyscale}
  376.  
  377. img {
  378. -webkit-filter:grayscale(100%);
  379. -webkit-transition: all 0.9s ease-in-out;
  380. -moz-transition: all 0.9s ease-in-out;
  381. -o-transition: all 0.9s ease-in-out;
  382. -ms-transition: all 0.9s ease-in-out;
  383. transition: all 0.9s ease-in-out;}
  384.  
  385. img:hover {
  386. -webkit-filter:none;}
  387.  
  388. .html_photoset {
  389. -webkit-filter: grayscale(100%);
  390. -webkit-transition: all 0.9s ease-in-out;
  391. -moz-transition: all 0.9s ease-in-out;
  392. -o-transition: all 0.9s ease-in-out;
  393. -ms-transition: all 0.9s ease-in-out;
  394. transition: all 0.9s ease-in-out;}
  395.  
  396. .html_photoset:hover {
  397. -webkit-filter: none;}
  398.  
  399. {/block:IfGreyscale}
  400.  
  401. faqsubtitle {
  402. font-size:11.5px;
  403. text-align:justify;
  404. color:#7dbbb1;
  405. text-transform:uppercase;
  406. font-family:'Playfair Display', serif;
  407. }
  408.  
  409. rulestitle {
  410. font-size:13.5px;
  411. text-align:left;
  412. margin-left:15px;
  413. color:#a8dad2;
  414. text-transform:uppercase;
  415. font-family:'Playfair Display', serif;
  416. }
  417.  
  418. #container {
  419. position:absolute;
  420. background-color:#000;
  421. left:590px;
  422. height:380px;
  423. overflow-y:scroll;
  424. width:310px;
  425. top:210px;
  426. opacity:0;
  427. -webkit-transition: all 0.7s ease;
  428. -moz-transition: all 0.7s ease;
  429. -o-transition: all 0.7s ease;
  430. }
  431.  
  432. #container:hover {
  433. opacity:1 ;
  434. }
  435.  
  436. .posts {
  437. width:250px;
  438. padding:10px;
  439. margin-bottom:10px;
  440. }
  441.  
  442. .permalinks {
  443. background-color:/*#282828*/#000;
  444. padding:3px 10px 5px 10px;
  445. height:12px;
  446. opacity:.5;
  447. -webkit-transition: all 0.7s ease;
  448. -moz-transition: all 0.7s ease;
  449. -o-transition: all 0.7s ease;
  450. }
  451.  
  452. .permalinks:hover {
  453. opacity:1;
  454. }
  455.  
  456. .permalinks a {
  457. text-decoration:none;
  458. font-size: 7.5px;
  459. color:#344d4a;
  460. }
  461.  
  462. .permalinks a:hover {
  463. color:#800000;
  464. }
  465.  
  466. .date {
  467. float:left;
  468. }
  469.  
  470. .reblogs {
  471. float:right;
  472. margin-top:-1px;
  473. }
  474.  
  475.  
  476. .tags {
  477. text-align:center;
  478. margin-top:10px;
  479. padding:0px 10px 10px 0px;
  480. text-decoration:none;
  481. font-size:6.5px;
  482. letter-spacing:1px;
  483. font-family: 'Montserrat', sans-serif;
  484. text-transform:uppercase;
  485. color:#fff;
  486. opacity:.3;
  487. -webkit-transition: all 0.7s ease;
  488. -moz-transition: all 0.7s ease;
  489. -o-transition: all 0.7s ease;
  490. }
  491.  
  492. .tags:hover {
  493. text-align:center;
  494. opacity:1;
  495. }
  496.  
  497. .tags a {
  498. padding:5px;
  499. font-size:7.5px;
  500. }
  501.  
  502. .tags a:hover {
  503. color:#041208;
  504. }
  505. .chat ul {list-style: none; margin-bottom: 5; padding:0;}
  506. .chat li:nth-of-type(odd){background-color: #000;padding:5px;
  507. }
  508. .chat li:nth-of-type(even){background-color: #000;padding:5px;
  509. }
  510.  
  511.  
  512. #sidebar {
  513. position:fixed;
  514. left:980px;
  515. top:410px;
  516. height:250px;
  517. width:170px;
  518. background:transparent;
  519. overflow-y:scroll;
  520. overflow-x:hidden;
  521. opacity:.5;
  522. -webkit-transition: all 1s ease-in-out;
  523. -moz-transition: all 1s ease-in-out;
  524. -o-transition: all 1s ease-in-out;
  525. -ms-transition: all 1s ease-in-out;
  526. transition: all 1s ease-in-out;
  527.  
  528. }
  529.  
  530. #sidebar:hover {
  531. opacity:.8;
  532. }
  533.  
  534. #description {
  535. font-size:11.5px;
  536. color:#13655a;
  537. text-align:right;
  538. padding:10px; padding-top:8px;
  539. text-align: center;
  540. font-family:arial;
  541. font-size:7.5px;
  542. line-height:150%;
  543. color: #bcccc7;
  544. word-spacing:1px; letter-spacing:1px;
  545. }
  546.  
  547. #sideimage img {
  548. max-width:250px;
  549. margin-left:10px;
  550.  
  551. }
  552.  
  553. #links {
  554. font-size:13.5px;
  555. padding:10px;
  556. text-align:right;
  557. }
  558.  
  559. #links a {
  560. display:inline-block;
  561. color:#6f6964;
  562. padding-left:10px;
  563. -webkit-transition: all 0.7s ease;
  564. -moz-transition: all 0.7s ease;
  565. -o-transition: all 0.7s ease;
  566. }
  567.  
  568. #links a:hover {
  569. color:#a4aba9;
  570. letter-spacing:1px;
  571. }
  572.  
  573. #pagination {
  574. position:fixed;
  575. top:600px;
  576. left:720px;
  577. }
  578.  
  579. #pagination a {
  580. color:#527271;
  581. letter-spacing:2px;
  582. font-family:'Playfair Display', serif;
  583. font-size:13.5px;
  584. text-transform:uppercase;
  585. -webkit-transition: all 0.7s ease;
  586. -moz-transition: all 0.7s ease;
  587. -o-transition: all 0.7s ease;
  588. }
  589.  
  590. #pagination a:hover {
  591. color:#146259;
  592. }
  593.  
  594. .asker {
  595. font-size:26.5px;
  596. font-family:'Playfair Display', serif;
  597. text-align:center;
  598. margin-bottom:5px;
  599. padding-bottom:3px;
  600. }
  601.  
  602. .question {
  603. font-style: italic;
  604. padding-left:50px;
  605. padding-right:50px;
  606. border-top:1px solid #d7d7d5;
  607. padding-top:10px;
  608. text-align:center;
  609. padding-bottom:20px;
  610. }
  611.  
  612. .quote {
  613. font-size:13.5px;
  614. color:#b69d95;
  615. text-transform:uppercase;
  616. font-family:'Playfair Display', serif;
  617. letter-spacing:1px;
  618. text-align:left;
  619. margin-bottom:5px;
  620. padding:13px;
  621. }
  622.  
  623. .quotesource {
  624. font-size:8.5px;
  625. letter-spacing:1px;
  626. text-align:right;
  627. margin-bottom:5px;
  628. font-family:'Montserrat', serif;
  629. text-transform:uppercase;
  630. }
  631.  
  632. .video {
  633. width:250px!important;}
  634.  
  635. .video iframe {
  636. width:250px!important;}
  637.  
  638. .audioplayer {
  639. width: 290px;
  640. height: 27px;
  641. padding-bottom: 3px;
  642. margin-right:10px;
  643. z-index: 99999;
  644. left: 0px;
  645. top: 0px;}
  646.  
  647. .soundcloud_audio_player {
  648. width: 100%;}
  649.  
  650. .tumblr_audio_player {
  651. width: 100%;
  652. margin-top:5px;
  653. margin-left:5px;}
  654.  
  655.  
  656. .popup_block{
  657. display:none;
  658. padding:20px;
  659. float:left;
  660. position:fixed;
  661. top:350px;left:1080px;
  662. z-index: 99999999999999;
  663. }
  664.  
  665. .popup_block2{
  666. display:none;
  667. padding:0px 10px 10px 10px;
  668. float:left;
  669. position:fixed;
  670. top:480px;left:1065px;
  671. height:300px;width:250px;
  672. z-index: 99999999999999;
  673. background:/*black*/#000;
  674. color:white;
  675. font-family:arial;
  676. font-size:10.5px;
  677. color:#266d66;
  678. word-spacing:2px;
  679. text-align:justify;
  680. /*opacity:.7;*/
  681. }
  682.  
  683. *html #fade {position: absolute;}
  684. *html .popup_block, .popup_block2 {position: absolute;}
  685. #fade {
  686. display:none;
  687. position:fixed;
  688. left:0px;
  689. top:0px;
  690. width:100%;
  691. height:100%;
  692. z-index:999;
  693. }
  694.  
  695. #containedbox {
  696. line-height:150%;
  697. position:absolute;
  698. width:200px;
  699. height:300px;
  700. left:5px;
  701. top:-60px;}
  702.  
  703. #containedbox2 {
  704. line-height:150%;
  705. position:absolute;
  706. width:240px;
  707. height:245px;
  708. overflow-y:scroll;overflow-x:hidden;
  709. left:15px;
  710. top:50px;}
  711.  
  712. #containedbox3 {
  713. line-height:150%;
  714. position:absolute;
  715. width:270px;
  716. height:250px;
  717. overflow-y:scroll;overflow-x:hidden;
  718. left:10px;
  719. top:50px;}
  720.  
  721. #containedbox4 {
  722. line-height:150%;
  723. position:absolute;
  724. width:280px;
  725. height:290px;
  726. overflow-y:scroll;overflow-x:hidden;
  727. left:5px;
  728. top:50px;}
  729.  
  730. #faqabout {
  731. line-height:140%;
  732. position:absolute;
  733. width:100px;
  734. height:200px;
  735. left:220px;
  736. top:-3px;
  737. overflow-y:scroll;
  738. overflow-x:hidden;
  739. background:/*black*/#000;
  740. font-family:arial;
  741. font-size:10.5px;
  742. color:#008e91;
  743. word-spacing:2px;
  744. text-align:justify;
  745. opacity:.7;
  746. padding:15px;
  747. }
  748.  
  749. #faqtitle {
  750. line-height:150%;
  751. position:absolute;
  752. width:123px;
  753. left:220px;top:-60px;
  754. overflow-y:scroll;
  755. overflow-x:hidden;
  756. font-family:arial;
  757. font-size:8.5px;
  758. color:white;
  759. word-spacing:2px;
  760. text-align:justify;}
  761.  
  762.  
  763.  
  764. #cornericon
  765. {margin-top:25px;
  766. margin-bottom:20px;
  767. margin-left:-5px;
  768. -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
  769.  
  770. #cornerplayer:hover
  771. {width:200px;
  772. -moz-border-radius:0px;
  773. border-radius:0px;}
  774.  
  775. #cornerplayer:hover #cornericon
  776. {margin-top:10px;
  777. margin-left:0px;
  778. margin-bottom:4px;}
  779.  
  780.  
  781. #assets {z-index:998;bottom:20px;right:20px;text-transform:uppercase;border:1px solid #978781;color:#978781;font-family: 'Roboto', sans-serif;opacity:.7;position:fixed;padding:0px 5px 2px 5px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  782.  
  783. #assets:hover {opacity:.9;}
  784.  
  785. </style>
  786.  
  787. <script src="jquery.js"></script>
  788. <script>
  789. $(document).ready(function(){
  790. $(".title1").click(function(){
  791. $(".table1").slideToggle("fast");});});
  792. $(document).ready(function(){
  793. $(".title2").click(function(){
  794. $(".table2").slideToggle("fast");});});
  795. $(document).ready(function(){
  796. $(".title3").click(function(){
  797. $(".table3").slideToggle("fast");});});
  798. $(document).ready(function(){
  799. $(".title4").click(function(){
  800. $(".table4").slideToggle("fast");});});
  801. $(document).ready(function(){
  802. $(".title5").click(function(){
  803. $(".table5").slideToggle("fast");});});
  804. </script>
  805.  
  806. <body>
  807. <div id='cornerplayer'><center>
  808.  
  809.  
  810.  
  811. <div id="assets"><a href="https://assetrelocation.tumblr.com/" title="theme by bria">ar</a></div>
  812.  
  813.  
  814. <div id="sidebar">
  815.  
  816. <div id="description">
  817. PUT YOUR DESCRIPTION HERE
  818.  
  819.  
  820. <br>
  821.  
  822. <a href="/" title="home">1</a> ∙
  823. <a href="#?w=300" rel="box1" class="poplight" title="ask">2</a> ∙
  824. <a href="#?w=250" rel="box2" class="poplight" title="rules">3</a> ∙
  825. <a href="#?w=250" rel="box3" class="poplight" title="verses">4</a> ∙
  826. <a href="#?w=300" rel="box4" class="poplight" title="nav">5</a>
  827. </br></br>
  828.  
  829.  
  830. </div>
  831.  
  832. </div>
  833.  
  834. <div id="pagination">{block:Pagination}
  835. {block:PreviousPage}<a href="{PreviousPage}" style="margin-right:10px;">prev</a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}">next</a>
  836. {/block:NextPage}
  837. {/block:Pagination}</div>
  838.  
  839. <div id="container">
  840.  
  841. {block:Posts}
  842.  
  843. <div class="posts">
  844.  
  845. {block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
  846.  
  847. <!--{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="250px"height="100%">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  848. {block:Photoset}<center>{Photoset}</center></br>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}-->
  849. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" height="auto">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  850. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  851.  
  852. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  853.  
  854. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  855.  
  856. {block:Chat} <div class="chat"> <ul> {block:Lines}<li class="{Alt}">{block:Label} <b style="font-size:10.5px;text-transform:none;">{Label}</b> {/block:Label}{Line}</li>{/block:Lines} </ul> </div> {/block:Chat}
  857.  
  858. {block:Video}<div class="video">{Video-250}</div>
  859. {block:Caption}{Caption}{/block:Caption}
  860. {/block:Video}
  861.  
  862.  
  863. {block:Audio}<div style="background:transparent;width:230px;height:35px;padding:5px;">{block:AudioPlayer}<div class="audioplayer">{AudioPlayer}</div>{/block:AudioPlayer}<div style="margin-left: 45px; margin-top:-23px;">{block:TrackName}<b style="font-family:'Playfair Display', serif; font-size: 11.5px;text-transform:uppercase;color: #978781;">{TrackName}{/block:TrackName}</b></br>{block:Artist}<span style="font-family: 'Montserrat', arial; font-size: 9.5px;text-transform:uppercase;color: #c2c2c2;">{Artist}{/block:Artist}</span></div></div>{/block:Audio}
  864.  
  865. {block:Answer}
  866. <div class="asker">{Asker}</div><p style="margin-top:-10px;text-align:center;font-family:'Montserrat', arial;text-transform:uppercase;letter-spacing:5px;font-size:8.5px;margin-left:5px;">whispered</p>
  867. <div class="question">{Question}</div>
  868. {Answer}
  869. {/block:Answer}
  870.  
  871. <div class="permalinks"><div class="date"><a href="{Permalink}" title="{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} & {block:NoteCount}{NoteCount} NOTES {/block:NoteCount}">INFO</a></div><div class="reblogs"><a href="{ReblogParentURL}" title="via">V</a> <a href="{ReblogRootURL}" title="source">S</a> <a href="{ReblogURL}" title="reblog?">R</a></div></div>
  872.  
  873. <div class="tags">{block:HasTags}{block:Tags} <a href="{TagUrl}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  874.  
  875. <div class="note">
  876. {block:PostNotes}{PostNotes}{/block:PostNotes}
  877. </div>
  878. </div>{/block:Posts}
  879.  
  880. </div>
  881.  
  882. {block:ContentSource}
  883. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  884. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  885. {/block:SourceLogo}
  886. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  887. {/block:ContentSource}
  888. </body>
  889.  
  890.  
  891.  
  892.  
  893.  
  894.  
  895. <div id="box1" class="popup_block">
  896. <div id="containedbox"><h1>SMS</h1><iframe frameborder="0" height="250" id="ask_form" scrolling="no" src="https://www.tumblr.com/ask_form/littlegynt.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p></div>
  897.  
  898. <div id="faqtitle"><h1>FAQ</h1></div>
  899. <div id="faqabout">
  900. <faqsubtitle>What is the muns name</faqsubtitle>
  901. Isaac/Louie</br></br>
  902.  
  903. <faqsubtitle>is this blog mutuals only</faqsubtitle>
  904. yes</br></br>
  905.  
  906. <faqsubtitle>is okay to send hate</faqsubtitle>
  907. never</br></br>
  908.  
  909. <faqsubtitle>Does mun=muse</faqsubtitle>
  910. NOPE !! mun=/=muse</br></br>
  911.  
  912. <faqsubtitle>can i send NSFW stuff</faqsubtitle>
  913. no</br></br>
  914. </div></div>
  915.  
  916.  
  917.  
  918.  
  919.  
  920. <div id="box2" class="popup_block2">
  921. <h1>RULES</h1><div id="containedbox2">
  922.  
  923. <rulestitle>Basic</rulestitle></br>
  924. <br><br>
  925. put rules here
  926. </br></br>
  927.  
  928.  
  929.  
  930. </div></div>
  931.  
  932.  
  933.  
  934.  
  935. <div id="box3" class="popup_block2"><h1>VERSES</h1>
  936. <div id="containedbox3"><div id="below">
  937.  
  938. <div class="title1">Verse name.</div>
  939. <div class="table1">
  940. <img src="https://78.media.tumblr.com/ed6f3ef4a9eda60c30820182ef611b28/tumblr_inline_p170uau7nV1vsh5hg_540.png"/><p>
  941.  
  942. tbd.
  943. <p><h2><a href=".">click here.</a></h2>
  944.  
  945. <!--<p>to add more verse sections in, just copy from < div class = " title1 " > to the div below! change title1 to the latest number and change table1 to the latest number. and ctrl+f .title3 until you find this bit:
  946. $(document).ready(function(){
  947. $(".title3").click(function(){
  948. $(".table3").slideToggle("fast");});});
  949.  
  950. and just copy and paste and change the number to whatever number you added to "title" and "table" before!-->
  951. </div>
  952.  
  953. <div class="title2">Verse name.</div>
  954. <div class="table2">
  955. <img src="https://78.media.tumblr.com/ed6f3ef4a9eda60c30820182ef611b28/tumblr_inline_p170uau7nV1vsh5hg_540.png"/><p>
  956.  
  957. tbd.
  958. <p><h2><a href=".">click HERE.</a></h2>
  959. </div>
  960.  
  961. <div class="title3">Verse name.</div>
  962. <div class="table3">
  963. <img src="https://78.media.tumblr.com/ed6f3ef4a9eda60c30820182ef611b28/tumblr_inline_p170uau7nV1vsh5hg_540.png"><p>
  964.  
  965. Tbd
  966. <p><h2><a href=".">click HERE.</a></h2>
  967. </div>
  968.  
  969. <div class="title4">Verse name.</div>
  970. <div class="table4">
  971. <img src="https://78.media.tumblr.com/ed6f3ef4a9eda60c30820182ef611b28/tumblr_inline_p170uau7nV1vsh5hg_540.png"><p>
  972.  
  973. <p>tbd.</p>
  974. <p><h2><a href=".">click HERE.</a></h2>
  975. </div>
  976.  
  977. <div class="title5">Verse name</div>
  978. <div class="table5">
  979. <img src="https://78.media.tumblr.com/ed6f3ef4a9eda60c30820182ef611b28/tumblr_inline_p170uau7nV1vsh5hg_540.png"><p>
  980.  
  981. <i><b>tbd.
  982. <p><h2><a href=".">click HERE.</a></h2>
  983. </div>
  984. </div></div>
  985.  
  986. </div></div>
  987.  
  988.  
  989.  
  990.  
  991.  
  992. <div id="box4" class="popup_block2"><h1>NAV</h1><div id="containedbox4"><div id="linkstable2">
  993.  
  994. <a href=".">Tag.</a>
  995. <a href=".">Tag.</a>
  996. <br>
  997. <a href=".">Tag.</a>
  998. <a href=".">Tag.</a>
  999. <br>
  1000. <a href=".">Tag.</a>
  1001. <a href=".">Tag.</a>
  1002. <br>
  1003. <a href=".">Tag.</a>
  1004. <a href=".">Tag.</a>
  1005. <br>
  1006. <a href=".">Tag.</a>
  1007. <a href=".">Tag.</a>
  1008. <br>
  1009.  
  1010. <br>
  1011.  
  1012.  
  1013.  
  1014. </div>
  1015.  
  1016.  
  1017.  
  1018.  
  1019.  
  1020. </div></div>
  1021.  
  1022.  
  1023.  
  1024.  
  1025. </div></div>
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!