API tools faq
paste
Advertisement
tiffxny21

Knight ★

tiffxny21
Apr 17th, 2019
210
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.59 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. <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
  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:#0b0b0b;
  91. background-image:url('https://i64.tinypic.com/25a10ds.gif');
  92. background-repeat:repeat;
  93. background-attachment:fixed;
  94. border-left: double 3px #000;
  95. border-top: double 3px #000;
  96. border-right: double 3px #000;
  97. border-bottom: double 3px #000;
  98. color:#e6e6e6;
  99. text-shadow:1px 1px 0px #000,
  100. 1px -1px 0px #000,
  101. -1px -1px 0px #000,
  102. -1px 1px 0px #000,
  103. 0px 1px 0px #000,
  104. 0px -1px 0px #000,
  105. 1px 0px 0px #000,
  106. -1px 0px 0px #000;
  107. z-index:99999999999999999999;
  108. font-family: 'Montserrat', sans-serif;
  109. font-size:9px;
  110. letter-spacing:2px;
  111. text-transform:uppercase;
  112. color:#ffffff;
  113. z-index:99999999999;
  114. }
  115. </style>
  116.  
  117. <script type="text/javascript"
  118. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  119. <script>
  120. $(document).ready(function() {
  121. //
  122. $('a.poplight[href^=#]').click(function() {
  123. var popID = $(this).attr('rel'); //Get Popup Name
  124. var popURL = $(this).attr('href'); //Get Popup href to define size
  125. var query= popURL.split('?');
  126. var dim= query[1].split('&');
  127. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  128. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  129. var popMargTop = ($('#' + popID).height() + 80) / 2;
  130. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  131. //Apply Margin to Popup
  132. $('#' + popID).css({
  133. 'margin-top' : -popMargTop,
  134. 'margin-left' : -popMargLeft
  135. });
  136. $('body').append('<div id="fade"></div>');
  137. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  138. return false;
  139. });
  140. $('a.close, #fade').live('click', function() {
  141. $('#fade , .popup_block, .popup_block2, .popup_block3').fadeOut(function() {
  142. $('#fade, a.close').remove(); //fade them both out
  143. });
  144. return false;
  145. });
  146. });
  147. </script>
  148.  
  149.  
  150. <title>{Title}</title>
  151. <link rel="shortcut icon" href="https://68.media.tumblr.com/tumblr_lkl6tz9w4G1qfamg6.gif">
  152. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  153.  
  154. </head>
  155.  
  156. <style type="text/css">
  157.  
  158. ::-webkit-scrollbar {
  159. width: 2px;
  160. height: 2px;
  161. }
  162. ::-webkit-scrollbar-button {
  163. width: 0px;
  164. height: 0px;
  165. }
  166. ::-webkit-scrollbar-thumb {
  167. background: transparent;
  168. border: 0px none transparent;
  169. border-radius: 0px;
  170. }
  171. ::-webkit-scrollbar-thumb:hover {
  172. background: transparent;
  173. }
  174. ::-webkit-scrollbar-thumb:active {
  175. background: transparent;
  176. }
  177. ::-webkit-scrollbar-track {
  178. background: transparent;
  179. border: 0px none transparent;
  180. border-radius: 2px;
  181. }
  182. ::-webkit-scrollbar-track:hover {
  183. background: transparent;
  184. }
  185. ::-webkit-scrollbar-track:active {
  186. background: transparent;
  187. }
  188. ::-webkit-scrollbar-corner {
  189. background: transparent;
  190. }
  191.  
  192.  
  193.  
  194. /*LINKS TABLE BY PAINTHEMES.TUMBLR.COM*/
  195.  
  196. #below{width:250px;}
  197.  
  198. .title1, .title2, .title3{
  199. display:inline-block;
  200. height:10px;
  201. line-height:10px;
  202. width:230px;
  203. padding:10px;
  204. text-shadow:0px 0px 1px black;
  205. margin-top:10px;
  206. overflow:hidden;
  207. opacity:1;
  208. cursor:help;
  209. font-weight:700;
  210. font-size:11px;
  211. text-align:center;
  212. color:#978781;
  213. text-transform:uppercase;
  214. font-family:'Playfair Display', serif;
  215. }
  216.  
  217. .table1, .table2, .table3{
  218. height:auto;
  219. display:none;
  220. opacity:1;
  221. font-family:arial;
  222. letter-spacing:1px;
  223. font-size:7px;
  224. width:230px;
  225. padding:10px;
  226. line-height:20px;
  227. }
  228.  
  229. .table1 a, .table2 a, .table3 a{
  230. padding:5px;
  231. margin:3px;
  232. -o-transition-transition: all 0.8s ease-out;
  233. -webkit-transition: all 0.8s ease-out;
  234. -moz-transition: all 0.8s ease-out;
  235. transition: all 0.8s ease-out;}
  236.  
  237.  
  238. .table1 a:hover, .table2 a:hover, .table3 a:hover{
  239. color:#556190;
  240. -o-transition-transition: all 0.8s ease-out;
  241. -webkit-transition: all 0.8s ease-out;
  242. -moz-transition: all 0.8s ease-out;
  243. transition: all 0.8s ease-out;
  244. }
  245.  
  246.  
  247. #linkstable{width:250px;}
  248.  
  249. #linkstable a{
  250. position:relative;
  251. width:70px;
  252. padding:5px;
  253. text-align:center;
  254. color:#ffffff;
  255. display:inline-block;
  256. margin-top:5px;
  257. font-family:arial;
  258. text-transform:uppercase;
  259. font-size:8px;
  260. letter-spacing:2px;
  261. -webkit-transition: opacity 0.7s linear;
  262. -webkit-transition: all 0.7s ease-in-out;
  263. -moz-transition: all 0.7s ease-in-out;
  264. -o-transition: all 0.7s ease-in-out;
  265. }
  266.  
  267. #linkstable a:hover{
  268. color:#ffffff;
  269. letter-spacing:5px;
  270. -webkit-transition: opacity 0.7s linear;
  271. -webkit-transition: all 0.7s ease-in-out;
  272. -moz-transition: all 0.7s ease-in-out;
  273. -o-transition: all 0.7s ease-in-out;
  274. }
  275.  
  276.  
  277.  
  278. #linkstable2{width:280px}
  279. #linkstable2 a{
  280. position:relative;
  281. width:90px;
  282. padding:6px;
  283. background:#ffffff;
  284. border:1px solid #000;
  285. color:#000;
  286. text-align:center;
  287. display:inline-block;
  288. margin-top:5px;
  289. margin-right:3px;
  290. font-family:arial;
  291. text-transform:uppercase;
  292. font-size:8px;
  293. letter-spacing:0px;
  294. -webkit-transition: opacity 0.7s linear;
  295. -webkit-transition: all 0.7s ease-in-out;
  296. -moz-transition: all 0.7s ease-in-out;
  297. -o-transition: all 0.7s ease-in-out;
  298. }
  299. #linkstable2 a:hover{
  300. color:#fff;
  301. text-align:center;
  302. border:1px solid #978781;
  303. letter-spacing:2px;
  304. box-shadow:inset 200px 0px 0px 0px #000;
  305. -webkit-transition: opacity 0.7s linear;
  306. -webkit-transition: all 0.7s ease-in-out;
  307. -moz-transition: all 0.7s ease-in-out;
  308. -o-transition: all 0.7s ease-in-out;
  309. }
  310.  
  311.  
  312.  
  313.  
  314.  
  315.  
  316.  
  317.  
  318.  
  319.  
  320.  
  321.  
  322.  
  323.  
  324.  
  325. body {
  326. background-color:#000000;
  327. font-family:arial, sans-serif;
  328. font-size: 14px;
  329. color: #bcb9b8;
  330. background:#000;
  331. background-image:url('https://i64.tinypic.com/19nwox.png');
  332. background-attachment: fixed;
  333. background-repeat: no-repeat;
  334. background-position: top left;
  335.  
  336. }
  337.  
  338. a {
  339. text-transform:uppercase;
  340. font-size:7px;
  341. letter-spacing:1px;
  342. text-decoration:none;
  343. font-family: 'Montserrat', sans-serif;
  344. color:#978781;
  345. -webkit-transition: all 0.7s ease;
  346. -moz-transition: all 0.7s ease;
  347. -o-transition: all 0.7s ease;
  348. }
  349.  
  350. a:hover {
  351. color:#6f6964;
  352. }
  353.  
  354. b, bold, strong {
  355. font-size:10px;
  356. letter-spacing:1px;
  357. font-family: 'Josefin Sans', sans-serif;
  358. color: #939191;
  359. text-shadow:1px 1px 0 #000;
  360. }
  361.  
  362. i, em {
  363. color:#c6c6c6;
  364. font-family:'Playfair Display', serif;
  365. font-size:9px;
  366. }
  367.  
  368. blockquote {
  369. padding:0px 10px;
  370. margin:5px 0px 0px 10px;
  371. border-left:1px solid #6f6964;
  372. }
  373.  
  374. blockquote img {
  375. max-width:100%;
  376. height:auto;
  377. }
  378.  
  379. img {
  380. max-width: 100%;
  381. }
  382.  
  383. h1 {
  384. font-size:20px;
  385. line-height:30px;
  386. text-align:center;
  387. color:#ffffff;
  388. text-transform:uppercase;
  389. font-family:'Playfair Display', serif;
  390. }
  391.  
  392. h3 {
  393. background-image: url('https://i64.tinypic.com/25a10ds.gif');
  394. background-repeat:repeat;
  395. background-attachment:fixed;
  396. border-left: double 3px #000;
  397. border-top: double 3px #000;
  398. border-right: double 3px #000;
  399. border-bottom: double 3px #000;
  400. padding:2px;
  401. color:#e6e6e6;
  402. text-shadow:1px 1px 0px #000,
  403. 1px -1px 0px #000,
  404. -1px -1px 0px #000,
  405. -1px 1px 0px #000,
  406. 0px 1px 0px #000,
  407. 0px -1px 0px #000,
  408. 1px 0px 0px #000,
  409. -1px 0px 0px #000;
  410. font-size:12px;
  411. font-family:calibri;
  412. text-transform:uppercase;
  413. letter-spacing:1px;
  414. text-align:center;}
  415.  
  416. faqsubtitle {
  417. font-size:10px;
  418. text-align:justify;
  419. color:#978781;
  420. text-transform:uppercase;
  421. font-family:'Playfair Display', serif;
  422. }
  423.  
  424. rulestitle {
  425. font-size:12px;
  426. text-align:left;
  427. margin-left:15px;
  428. color:#978781;
  429. text-transform:uppercase;
  430. font-family:'Playfair Display', serif;
  431. }
  432.  
  433. #container {
  434. position:absolute;
  435. left:150px;
  436. height:270px;
  437. overflow-y:scroll;
  438. width:280px;
  439. top:290px;
  440. opacity:.5;
  441. -webkit-transition: all 0.7s ease;
  442. -moz-transition: all 0.7s ease;
  443. -o-transition: all 0.7s ease;
  444. }
  445.  
  446. #container:hover {
  447. opacity:1;
  448. }
  449.  
  450. .posts {
  451. width:250px;
  452. padding:10px;
  453. margin-bottom:10px;
  454. }
  455.  
  456. .permalinks {
  457. background-image: url('https://i64.tinypic.com/25a10ds.gif');
  458. background-repeat:repeat;
  459. background-attachment:fixed;
  460. border-left: double 3px #000;
  461. border-top: double 3px #000;
  462. border-right: double 3px #000;
  463. border-bottom: double 3px #000;
  464. padding:2px;
  465. color:#e6e6e6;
  466. text-shadow:1px 1px 0px #000,
  467. 1px -1px 0px #000,
  468. -1px -1px 0px #000,
  469. -1px 1px 0px #000,
  470. 0px 1px 0px #000,
  471. 0px -1px 0px #000,
  472. 1px 0px 0px #000,
  473. -1px 0px 0px #000;
  474. height:12px;
  475. opacity:.5;
  476. -webkit-transition: all 0.7s ease;
  477. -moz-transition: all 0.7s ease;
  478. -o-transition: all 0.7s ease;
  479. }
  480.  
  481. .permalinks:hover {
  482. opacity:1;
  483. }
  484.  
  485. .permalinks a {
  486. text-decoration:none;
  487. font-size: 6px;
  488. color:#ffffff;
  489. }
  490.  
  491. .permalinks a:hover {
  492. color:#6f6964;
  493. }
  494.  
  495. .date {
  496. float:left;
  497. }
  498.  
  499. .reblogs {
  500. float:right;
  501. margin-top:-1px;
  502. }
  503.  
  504.  
  505. .tags {
  506. text-align:center;
  507. margin-top:10px;
  508. padding:0px 10px 10px 0px;
  509. text-decoration:none;
  510. font-size:5px;
  511. letter-spacing:1px;
  512. font-family: 'Montserrat', sans-serif;
  513. text-transform:uppercase;
  514. color:#978781;
  515. opacity:.3;
  516. -webkit-transition: all 0.7s ease;
  517. -moz-transition: all 0.7s ease;
  518. -o-transition: all 0.7s ease;
  519. }
  520.  
  521. .tags:hover {
  522. text-align:center;
  523. opacity:1;
  524. }
  525.  
  526. .tags a {
  527. padding:5px;
  528. font-size:6px;
  529. }
  530.  
  531. .tags a:hover {
  532. color:#6f6964;
  533. }
  534. .chat ul {list-style: none; margin-bottom: 5; padding:0;}
  535. .chat li:nth-of-type(odd){background-color: #282828;padding:5px;
  536. }
  537. .chat li:nth-of-type(even){background-color: #333333;padding:5px;
  538. }
  539.  
  540.  
  541. #sidebar {
  542. position:fixed;
  543. left:423px;
  544. top:280px;
  545. height:300px;
  546. width:105px;
  547. background:transparent;
  548. overflow:scroll;
  549. opacity:0.5;
  550. -webkit-transition: all 1s ease-in-out;
  551. -moz-transition: all 1s ease-in-out;
  552. -o-transition: all 1s ease-in-out;
  553. -ms-transition: all 1s ease-in-out;
  554. transition: all 1s ease-in-out;
  555. }
  556.  
  557. #sidebar:hover {
  558. opacity:1;
  559. }
  560.  
  561. #description {
  562. font-size:10px;
  563. color:#bcb9b8;
  564. text-align:right;
  565. padding:10px;
  566. padding-top:8px;
  567. text-align: center;
  568. font-family:arial;
  569. font-size:7px;
  570. line-height:150%;
  571. color: #fff;
  572. word-spacing:1px; letter-spacing:1px;
  573. z-index:5;
  574. }
  575.  
  576. #pagination {
  577. position:fixed;
  578. top:620px;
  579. left:660px;
  580. }
  581.  
  582. #pagination a {
  583. color:#6f6964;
  584. letter-spacing:2px;
  585. font-family:'Playfair Display', serif;
  586. font-size:12px;
  587. text-transform:uppercase;
  588. -webkit-transition: all 0.7s ease;
  589. -moz-transition: all 0.7s ease;
  590. -o-transition: all 0.7s ease;
  591. }
  592.  
  593. #pagination a:hover {
  594. color:#ffffff;
  595. }
  596.  
  597. .asker {
  598. font-size:25px;
  599. font-family:'Playfair Display', serif;
  600. text-align:center;
  601. margin-bottom:5px;
  602. padding-bottom:3px;
  603. }
  604.  
  605. .question {
  606. font-style: italic;
  607. padding-left:50px;
  608. padding-right:50px;
  609. border-top:1px solid #282828;
  610. padding-top:10px;
  611. text-align:center;
  612. padding-bottom:20px;
  613. }
  614.  
  615. .quote {
  616. font-size:12px;
  617. color:#978781;
  618. text-transform:uppercase;
  619. font-family:'Playfair Display', serif;
  620. letter-spacing:1px;
  621. text-align:left;
  622. margin-bottom:5px;
  623. padding:13px;
  624. }
  625.  
  626. .quotesource {
  627. font-size:7px;
  628. letter-spacing:1px;
  629. text-align:right;
  630. margin-bottom:5px;
  631. font-family:'Montserrat', serif;
  632. text-transform:uppercase;
  633. }
  634.  
  635. .video {
  636. width:250px!important;}
  637.  
  638. .video iframe {
  639. width:250px!important;}
  640.  
  641. .audioplayer {
  642. width: 27px;
  643. height: 27px;
  644. padding-bottom: 3px;
  645. margin-right:10px;
  646. z-index: 99999;
  647. left: 0px;
  648. top: 0px;}
  649.  
  650. .soundcloud_audio_player {
  651. width: 100%;}
  652.  
  653. .tumblr_audio_player {
  654. width: 100%;
  655. margin-top:5px;
  656. margin-left:5px;}
  657.  
  658.  
  659. .popup_block{
  660. display:none;
  661. padding:20px;
  662. float:left;
  663. position:fixed;
  664. top:350px;left:1080px;
  665. z-index: 99999999999999;
  666. }
  667.  
  668. .popup_block2{
  669. display:none;
  670. padding:0px 10px 10px 10px;
  671. float:left;
  672. position:fixed;
  673. top:480px;left:1065px;
  674. height:300px;width:250px;
  675. z-index: 99999999999999;
  676. background:black;
  677. color:white;
  678. font-family:arial;
  679. font-size:7px;
  680. color:white;
  681. word-spacing:2px;
  682. text-align:justify;
  683. opacity:.7;
  684. }
  685.  
  686. *html #fade {position: absolute;}
  687. *html .popup_block, .popup_block2 {position: absolute;}
  688. #fade {
  689. display:none;
  690. position:fixed;
  691. left:0px;
  692. top:0px;
  693. width:100%;
  694. height:100%;
  695. z-index:999;
  696. }
  697.  
  698. #containedbox {
  699. line-height:150%;
  700. position:absolute;
  701. width:200px;
  702. height:300px;
  703. left:10px;
  704. top:-60px;}
  705.  
  706. #containedbox2 {
  707. line-height:150%;
  708. position:absolute;
  709. width:240px;
  710. height:245px;
  711. overflow-y:scroll;overflow-x:hidden;
  712. left:15px;
  713. top:50px;}
  714.  
  715. #containedbox3 {
  716. line-height:150%;
  717. position:absolute;
  718. width:270px;
  719. height:250px;
  720. overflow-y:scroll;overflow-x:hidden;
  721. left:10px;
  722. top:50px;}
  723.  
  724. #containedbox4 {
  725. line-height:150%;
  726. position:absolute;
  727. width:280px;
  728. height:290px;
  729. overflow-y:scroll;overflow-x:hidden;
  730. left:55px;
  731. top:50px;}
  732.  
  733. #faqabout {
  734. line-height:140%;
  735. position:absolute;
  736. width:100px;
  737. height:200px;
  738. left:220px;
  739. top:-3px;
  740. overflow-y:scroll;
  741. overflow-x:hidden;
  742. background:black;
  743. font-family:arial;
  744. font-size:7px;
  745. color:white;
  746. word-spacing:2px;
  747. text-align:justify;
  748. opacity:.7;
  749. padding:15px;
  750. }
  751.  
  752. #faqtitle {
  753. line-height:150%;
  754. position:absolute;
  755. width:123px;
  756. left:220px;top:-60px;
  757. overflow-y:scroll;
  758. overflow-x:hidden;
  759. font-family:arial;
  760. font-size:7px;
  761. color:white;
  762. word-spacing:2px;
  763. text-align:justify;}
  764.  
  765. #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;}
  766.  
  767. #assets:hover {opacity:.9;}
  768.  
  769. </style>
  770.  
  771. <script src="jquery.js"></script>
  772. <script>
  773. $(document).ready(function(){
  774. $(".title1").click(function(){
  775. $(".table1").slideToggle("fast");});});
  776. $(document).ready(function(){
  777. $(".title2").click(function(){
  778. $(".table2").slideToggle("fast");});});
  779. $(document).ready(function(){
  780. $(".title3").click(function(){
  781. $(".table3").slideToggle("fast");});});
  782. </script>
  783.  
  784. <body>
  785.  
  786. <div id="assets"><a href="https://assetrelocation.tumblr.com/" title="theme by bria">ar</a></div>
  787.  
  788. <!---------------------------------------------------------------------->
  789.  
  790. <div id="sidebar">
  791.  
  792.  
  793. <div id="description">
  794. <h3>WAR AND</h3>
  795. <p style="text-align:justify;">we <strong>float</strong> before the sea at <strong>dusk;</strong> HEAVY MIST and <em>GLITTER DUST.</em> i <u>smile</u> before i want to; i <u>smile</u> because you want to.</p>
  796.  
  797. <p><u>private</u> <strong><big>PEARL</big></strong> of rebecca sugar's <em>steven universe</em> as understood by <strong><big><big>STASI.</big></big></strong></p>
  798.  
  799. <p>
  800. <strong><a href="/">I.</a> ∙ </strong>
  801. <strong><a href="#?w=300" rel="box1" class="poplight">II.</a> ∙ </strong>
  802. <strong><a href="#?w=300" rel="box2" class="poplight">III.</a> ∙ </strong>
  803. <strong><a href="#?w=300" rel="box3" class="poplight">IV.</a> ∙ </strong>
  804. <strong><a href="#?w=300" rel="box4" class="poplight">V.</a></strong>
  805. </p>
  806.  
  807. <br>
  808.  
  809. <h3>GLORY,</h3>
  810.  
  811. </div></div>
  812.  
  813. <!---------------------------------------------------------------------->
  814.  
  815. <div id="pagination">{block:Pagination}
  816. {block:PreviousPage}<a href="{PreviousPage}" style="margin-right:10px;">prev</a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}">next</a>
  817. {/block:NextPage}
  818. {/block:Pagination}</div>
  819.  
  820. <div id="container">
  821.  
  822. {block:Posts}
  823.  
  824. <div class="posts">
  825.  
  826. {block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
  827.  
  828. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="250px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  829. {block:Photoset}<center>{Photoset}</center></br>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  830.  
  831. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  832.  
  833. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  834.  
  835. {block:Chat} <div class="chat"> <ul> {block:Lines}<li class="{Alt}">{block:Label} <b style="font-size:9px;text-transform:none;">{Label}</b> {/block:Label}{Line}</li>{/block:Lines} </ul> </div> {/block:Chat}
  836.  
  837. {block:Video}<div class="video">{Video-250}</div>
  838. {block:Caption}{Caption}{/block:Caption}
  839. {/block:Video}
  840.  
  841.  
  842. {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: 10px;text-transform:uppercase;color: #978781;">{TrackName}{/block:TrackName}</b></br>{block:Artist}<span style="font-family: 'Montserrat', arial; font-size: 8px;text-transform:uppercase;color: #c2c2c2;">{Artist}{/block:Artist}</span></div></div>{/block:Audio}
  843.  
  844. {block:Answer}
  845. <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:7px;margin-left:5px;">says,</p>
  846. <div class="question">{Question}</div>
  847. {Answer}
  848. {/block:Answer}
  849.  
  850. <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>
  851.  
  852. <div class="tags">{block:HasTags}{block:Tags} <a href="{TagUrl}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  853.  
  854. <div class="note">
  855. {block:PostNotes}{PostNotes}{/block:PostNotes}
  856. </div>
  857. </div>{/block:Posts}
  858.  
  859. </div>
  860.  
  861. {block:ContentSource}
  862. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  863. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  864. {/block:SourceLogo}
  865. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  866. {/block:ContentSource}
  867. </body>
  868.  
  869.  
  870.  
  871.  
  872.  
  873.  
  874. <div id="box1" class="popup_block">
  875. <div id="containedbox"><h1>ASK TITLE</h1><iframe frameborder="0" height="230" id="ask_form" scrolling="no" src="https://www.tumblr.com/ask_form/YOURURL.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>
  876.  
  877. <div id="faqtitle"><h1>FAQ</h1></div>
  878. <div id="faqabout">
  879. <faqsubtitle>Frequently asked question?</faqsubtitle>
  880. Feel free to write an answer as long as you like here! By the way, have you rewatched your favourite tv show in a while? I can bet you'll notice things you've never noticed before.</br></br>
  881.  
  882. <faqsubtitle>Another Frequently Asked Question?</faqsubtitle>
  883. I've been watching Forensic Files on youtube and it got me wanting to watch Sherlock again. Here I am, coding, watching episode one. It's fantastic.</br></br>
  884.  
  885. <faqsubtitle>You can also use this space for rules!</faqsubtitle>
  886. If you want to, you can, otherwise utilise one of the rules pop ups!</br></br>
  887.  
  888. <faqsubtitle>???</faqsubtitle>
  889. Molly Hooper is an angel.
  890.  
  891. </div></div>
  892.  
  893.  
  894.  
  895.  
  896.  
  897. <div id="box2" class="popup_block2">
  898. <h1>RULES TITLE</h1><div id="containedbox2">
  899. <rulestitle>001: TITLE</rulestitle></br>
  900. This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna!
  901. </br></br>
  902.  
  903. <rulestitle>002: TITLE</rulestitle></br>
  904. This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna!
  905. </br></br>
  906.  
  907. <rulestitle>003: TITLE</rulestitle></br>
  908. This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna!
  909. </br></br>
  910.  
  911. <rulestitle>004: TITLE</rulestitle></br>
  912. This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna!
  913. </br></br>
  914.  
  915. <rulestitle>005: TITLE</rulestitle></br>
  916. This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna!
  917. </br></br>
  918.  
  919. <rulestitle>006: TITLE</rulestitle></br>
  920. This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna!
  921. </br></br>
  922.  
  923. <rulestitle>007: TITLE</rulestitle></br>
  924. This is where you get to talk about whatever rules you wanna!
  925. </br></br>
  926.  
  927. <rulestitle>008: TITLE</rulestitle></br>
  928. This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna!
  929. </br></br>
  930.  
  931. <rulestitle>009: TITLE</rulestitle></br>
  932. This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna!
  933. </br></br>
  934.  
  935. <rulestitle>010: TITLE</rulestitle></br>
  936. This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna!
  937. </br></br>
  938.  
  939. </div></div>
  940.  
  941.  
  942.  
  943.  
  944. <div id="box3" class="popup_block2"><h1>VERSES TITLE</h1><div id="containedbox3"><div id="below">
  945.  
  946. <div class="title1">VERSE TITLE</div>
  947. <div class="table1">
  948. 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:
  949. $(document).ready(function(){
  950. $(".title3").click(function(){
  951. $(".table3").slideToggle("fast");});});
  952.  
  953. and just copy and paste and change the number to whatever number you added to "title" and "table" before!
  954. </div>
  955.  
  956.  
  957. <div class="title2">VERSE TITLE</div>
  958. <div class="table2">
  959. add what you like here!
  960. </div>
  961.  
  962.  
  963. <div class="title3">VERSE TITLE</div>
  964. <div class="table3">
  965. sum 41 songs make me happy.
  966. </div></div>
  967.  
  968.  
  969. </div></div>
  970.  
  971.  
  972.  
  973.  
  974. <div id="box4" class="popup_block2"><h1>NAVIGATION TITLE</h1><div id="containedbox4"><div id="linkstable2">
  975.  
  976. <a href="https://">link title</a>
  977. <a href="https://">link title</a>
  978. <a href="https://">link title</a>
  979. <a href="https://">link title</a>
  980. <a href="https://">link title</a>
  981. <a href="https://">link title</a>
  982. <a href="https://">link title</a>
  983. <a href="https://">link title</a>
  984. <a href="https://">link title</a>
  985. <a href="https://">link title</a>
  986. <a href="https://">link title</a>
  987. <a href="https://">link title</a>
  988. <a href="https://">link title</a>
  989. <a href="https://">link title</a>
  990. <a href="https://">link title</a>
  991. <a href="https://">link title</a>
  992.  
  993. </div>
  994.  
  995. </div></div>
  996.  
  997.  
  998.  
  999.  
  1000. </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!