API tools faq
paste
Advertisement
tiffxny21

midnight ★

tiffxny21
May 14th, 2019
150
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.31 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:7px;
  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. <title>INTELLIGENCE</title>
  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{
  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:11px;
  194. text-align:center;
  195. color:#978781;
  196. text-transform:uppercase;
  197. font-family:'Playfair Display', serif;
  198. }
  199.  
  200. .table1, .table2, .table3{
  201. height:auto;
  202. display:none;
  203. opacity:1;
  204. font-family:arial;
  205. letter-spacing:1px;
  206. font-size:7px;
  207. width:230px;
  208. padding:10px;
  209. line-height:20px;
  210. }
  211.  
  212. .table1 a, .table2 a, .table3 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{
  222. color:#556190;
  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:8px;
  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:#978781;
  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:8px;
  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:#fff;
  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:#000000;
  310. font-family:arial, sans-serif;
  311. font-size: 10px;
  312. color: #909090;
  313. background:#000;
  314. background-image:url('https://static.tumblr.com/q4swxbc/o3ookoq6w/ampire.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:7px;
  324. letter-spacing:1px;
  325. text-decoration:none;
  326. font-family: 'Montserrat', sans-serif;
  327. color:#978781;
  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:#6f6964;
  335. }
  336.  
  337. b, strong {
  338. color:#878787;
  339. text-transform:uppercase;
  340. }
  341.  
  342. i, em {
  343. color:#978781;
  344. font-family:'Playfair Display', serif;
  345. font-size:9px;
  346. text-transform:uppercase;
  347. }
  348.  
  349. blockquote {
  350. padding:0px 10px;
  351. margin:5px 0px 0px 10px;
  352. border-left:1px solid #6f6964;
  353. }
  354.  
  355. blockquote img {
  356. max-width:100%;
  357. height:auto;
  358. }
  359.  
  360. img {
  361. max-width: 100%;
  362. }
  363.  
  364. h1 {
  365. font-size:20px;
  366. line-height:30px;
  367. text-align:center;
  368. color:#978781;
  369. text-transform:uppercase;
  370. font-family:'Playfair Display', serif;
  371. }
  372.  
  373. faqsubtitle {
  374. font-size:10px;
  375. text-align:justify;
  376. color:#978781;
  377. text-transform:uppercase;
  378. font-family:'Playfair Display', serif;
  379. }
  380.  
  381. rulestitle {
  382. font-size:12px;
  383. text-align:left;
  384. margin-left:15px;
  385. color:#978781;
  386. text-transform:uppercase;
  387. font-family:'Playfair Display', serif;
  388. }
  389.  
  390. #container {
  391. position:absolute;
  392. left:572px;
  393. height:398px;
  394. overflow-y:scroll;
  395. width:280px;
  396. top:201px;
  397. opacity:.5;
  398. -webkit-transition: all 0.7s ease;
  399. -moz-transition: all 0.7s ease;
  400. -o-transition: all 0.7s ease;
  401. }
  402.  
  403. #container:hover {
  404. opacity:1;
  405. }
  406.  
  407. .posts {
  408. width:250px;
  409. padding:10px;
  410. margin-bottom:10px;
  411. }
  412.  
  413. .permalinks {
  414. background-color:#282828;
  415. padding:3px 10px 5px 10px;
  416. height:12px;
  417. opacity:.5;
  418. -webkit-transition: all 0.7s ease;
  419. -moz-transition: all 0.7s ease;
  420. -o-transition: all 0.7s ease;
  421. }
  422.  
  423. .permalinks:hover {
  424. opacity:1;
  425. }
  426.  
  427. .permalinks a {
  428. text-decoration:none;
  429. font-size: 6px;
  430. color:#978781;
  431. }
  432.  
  433. .permalinks a:hover {
  434. color:#6f6964;
  435. }
  436.  
  437. .date {
  438. float:left;
  439. }
  440.  
  441. .reblogs {
  442. float:right;
  443. margin-top:-1px;
  444. }
  445.  
  446.  
  447. .tags {
  448. text-align:center;
  449. margin-top:10px;
  450. padding:0px 10px 10px 0px;
  451. text-decoration:none;
  452. font-size:5px;
  453. letter-spacing:1px;
  454. font-family: 'Montserrat', sans-serif;
  455. text-transform:uppercase;
  456. color:#978781;
  457. opacity:.3;
  458. -webkit-transition: all 0.7s ease;
  459. -moz-transition: all 0.7s ease;
  460. -o-transition: all 0.7s ease;
  461. }
  462.  
  463. .tags:hover {
  464. text-align:center;
  465. opacity:1;
  466. }
  467.  
  468. .tags a {
  469. padding:5px;
  470. font-size:6px;
  471. }
  472.  
  473. .tags a:hover {
  474. color:#6f6964;
  475. }
  476. .chat ul {list-style: none; margin-bottom: 5; padding:0;}
  477. .chat li:nth-of-type(odd){background-color: #282828;padding:5px;
  478. }
  479. .chat li:nth-of-type(even){background-color: #333333;padding:5px;
  480. }
  481.  
  482.  
  483. #sidebar {
  484. position:fixed;
  485. left:423px;
  486. top:252px;
  487. height:300px;
  488. width:120px;
  489. background:transparent;
  490. overflow-y:scroll;
  491. overflow-x:hidden;
  492. opacity:.5;
  493. -webkit-transition: all 1s ease-in-out;
  494. -moz-transition: all 1s ease-in-out;
  495. -o-transition: all 1s ease-in-out;
  496. -ms-transition: all 1s ease-in-out;
  497. transition: all 1s ease-in-out;
  498.  
  499. }
  500.  
  501. #sidebar:hover {
  502. opacity:.8;
  503. }
  504.  
  505. #description {
  506. font-size:10px;
  507. color:#bcb9b8;
  508. text-align:right;
  509. padding:10px; padding-top:8px;
  510. text-align: center;
  511. font-family:arial;
  512. font-size:6px;
  513. line-height:150%;
  514. color: #fff;
  515. word-spacing:1px; letter-spacing:1px;
  516. }
  517.  
  518. #sideimage img {
  519. max-width:250px;
  520. margin-left:10px;
  521.  
  522. }
  523.  
  524. #links {
  525. font-size:12px;
  526. padding:10px;
  527. text-align:right;
  528. }
  529.  
  530. #links a {
  531. display:inline-block;
  532. color:#6f6964;
  533. padding-left:10px;
  534. -webkit-transition: all 0.7s ease;
  535. -moz-transition: all 0.7s ease;
  536. -o-transition: all 0.7s ease;
  537. }
  538.  
  539. #links a:hover {
  540. color:#dddddd;
  541. letter-spacing:1px;
  542. }
  543.  
  544. #pagination {
  545. position:fixed;
  546. top:620px;
  547. left:660px;
  548. }
  549.  
  550. #pagination a {
  551. color:#6f6964;
  552. letter-spacing:2px;
  553. font-family:'Playfair Display', serif;
  554. font-size:12px;
  555. text-transform:uppercase;
  556. -webkit-transition: all 0.7s ease;
  557. -moz-transition: all 0.7s ease;
  558. -o-transition: all 0.7s ease;
  559. }
  560.  
  561. #pagination a:hover {
  562. color:#ffffff;
  563. }
  564.  
  565. .asker {
  566. font-size:25px;
  567. font-family:'Playfair Display', serif;
  568. text-align:center;
  569. margin-bottom:5px;
  570. padding-bottom:3px;
  571. }
  572.  
  573. .question {
  574. font-style: italic;
  575. padding-left:50px;
  576. padding-right:50px;
  577. border-top:1px solid #282828;
  578. padding-top:10px;
  579. text-align:center;
  580. padding-bottom:20px;
  581. }
  582.  
  583. .quote {
  584. font-size:12px;
  585. color:#978781;
  586. text-transform:uppercase;
  587. font-family:'Playfair Display', serif;
  588. letter-spacing:1px;
  589. text-align:left;
  590. margin-bottom:5px;
  591. padding:13px;
  592. }
  593.  
  594. .quotesource {
  595. font-size:7px;
  596. letter-spacing:1px;
  597. text-align:right;
  598. margin-bottom:5px;
  599. font-family:'Montserrat', serif;
  600. text-transform:uppercase;
  601. }
  602.  
  603. .video {
  604. width:250px!important;}
  605.  
  606. .video iframe {
  607. width:250px!important;}
  608.  
  609. .audioplayer {
  610. width: 27px;
  611. height: 27px;
  612. padding-bottom: 3px;
  613. margin-right:10px;
  614. z-index: 99999;
  615. left: 0px;
  616. top: 0px;}
  617.  
  618. .soundcloud_audio_player {
  619. width: 100%;}
  620.  
  621. .tumblr_audio_player {
  622. width: 100%;
  623. margin-top:5px;
  624. margin-left:5px;}
  625.  
  626.  
  627. .popup_block{
  628. display:none;
  629. padding:20px;
  630. float:left;
  631. position:fixed;
  632. top:350px;left:1080px;
  633. z-index: 99999999999999;
  634. }
  635.  
  636. .popup_block2{
  637. display:none;
  638. padding:0px 10px 10px 10px;
  639. float:left;
  640. position:fixed;
  641. top:480px;left:1065px;
  642. height:300px;width:250px;
  643. z-index: 99999999999999;
  644. background:black;
  645. color:white;
  646. font-family:arial;
  647. font-size:7px;
  648. color:white;
  649. word-spacing:2px;
  650. text-align:justify;
  651. opacity:.7;
  652. }
  653.  
  654. *html #fade {position: absolute;}
  655. *html .popup_block, .popup_block2 {position: absolute;}
  656. #fade {
  657. display:none;
  658. position:fixed;
  659. left:0px;
  660. top:0px;
  661. width:100%;
  662. height:100%;
  663. z-index:999;
  664. }
  665.  
  666. #containedbox {
  667. line-height:150%;
  668. position:absolute;
  669. width:200px;
  670. height:300px;
  671. left:10px;
  672. top:-60px;}
  673.  
  674. #containedbox2 {
  675. line-height:150%;
  676. position:absolute;
  677. width:240px;
  678. height:245px;
  679. overflow-y:scroll;overflow-x:hidden;
  680. left:15px;
  681. top:50px;}
  682.  
  683. #containedbox3 {
  684. line-height:150%;
  685. position:absolute;
  686. width:270px;
  687. height:250px;
  688. overflow-y:scroll;overflow-x:hidden;
  689. left:10px;
  690. top:50px;}
  691.  
  692. #containedbox4 {
  693. line-height:150%;
  694. position:absolute;
  695. width:280px;
  696. height:290px;
  697. overflow-y:scroll;overflow-x:hidden;
  698. left:55px;
  699. top:50px;}
  700.  
  701. #faqabout {
  702. line-height:140%;
  703. position:absolute;
  704. width:100px;
  705. height:200px;
  706. left:220px;
  707. top:-3px;
  708. overflow-y:scroll;
  709. overflow-x:hidden;
  710. background:black;
  711. font-family:arial;
  712. font-size:7px;
  713. color:white;
  714. word-spacing:2px;
  715. text-align:justify;
  716. opacity:.7;
  717. padding:15px;
  718. }
  719.  
  720. #faqtitle {
  721. line-height:150%;
  722. position:absolute;
  723. width:123px;
  724. left:220px;top:-60px;
  725. overflow-y:scroll;
  726. overflow-x:hidden;
  727. font-family:arial;
  728. font-size:7px;
  729. color:white;
  730. word-spacing:2px;
  731. text-align:justify;}
  732.  
  733. #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;}
  734.  
  735. #assets:hover {opacity:.9;}
  736.  
  737. </style>
  738.  
  739. <script src="jquery.js"></script>
  740. <script>
  741. $(document).ready(function(){
  742. $(".title1").click(function(){
  743. $(".table1").slideToggle("fast");});});
  744. $(document).ready(function(){
  745. $(".title2").click(function(){
  746. $(".table2").slideToggle("fast");});});
  747. $(document).ready(function(){
  748. $(".title3").click(function(){
  749. $(".table3").slideToggle("fast");});});
  750. </script>
  751.  
  752. <body>
  753.  
  754. <div id="assets"><a href="https://assetrelocation.tumblr.com/" title="theme by bria">ar</a></div>
  755.  
  756.  
  757. <div id="sidebar">
  758.  
  759. <div id="description">
  760. <p style="text-align:justify;">the ice age movie but every time sid makes a joke, the entire series of spongebob plays, but every time spongebob laughs, the lil jon remix of cooking by the book plays but every time they say cake, the bee movie plays, but every time the word bee is said, every fail compilation uploaded to youtube plays but after every fifth video is me sneezing on the food you're about to eat. pce.</p></br>
  761.  
  762. ass pain ∙ law student</br> <i>est. 1997.</i></br></br>
  763.  
  764. <a href="/" title="home">1</a> ∙
  765. <a href="#?w=300" rel="box1" class="poplight" title="message">2</a> ∙
  766. <a href="#?w=250" rel="box2" class="poplight" title="rules">3</a> ∙
  767. <a href="#?w=250" rel="box3" class="poplight" title="verses">4</a> ∙
  768. <a href="#?w=300" rel="box4" class="poplight" title="navigation">5</a>
  769.  
  770. </br></br>
  771.  
  772. CODED BY BRIA</br>entj-a, aussie, 19</br></br>
  773.  
  774. <p style="text-align:justify;">theme created by assetrelocation. theme created by bria. idfk fill this up.</p>
  775.  
  776. </div>
  777.  
  778. </div>
  779.  
  780. <div id="pagination">{block:Pagination}
  781. {block:PreviousPage}<a href="{PreviousPage}" style="margin-right:10px;">prev</a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}">next</a>
  782. {/block:NextPage}
  783. {/block:Pagination}</div>
  784.  
  785. <div id="container">
  786.  
  787. {block:Posts}
  788.  
  789. <div class="posts">
  790.  
  791. {block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
  792.  
  793. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="250px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  794. {block:Photoset}<center>{Photoset}</center></br>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  795.  
  796. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  797.  
  798. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  799.  
  800. {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}
  801.  
  802. {block:Video}<div class="video">{Video-250}</div>
  803. {block:Caption}{Caption}{/block:Caption}
  804. {/block:Video}
  805.  
  806.  
  807. {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}
  808.  
  809. {block:Answer}
  810. <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;">whispered</p>
  811. <div class="question">{Question}</div>
  812. {Answer}
  813. {/block:Answer}
  814.  
  815. <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>
  816.  
  817. <div class="tags">{block:HasTags}{block:Tags} <a href="{TagUrl}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  818.  
  819. <div class="note">
  820. {block:PostNotes}{PostNotes}{/block:PostNotes}
  821. </div>
  822. </div>{/block:Posts}
  823.  
  824. </div>
  825.  
  826. {block:ContentSource}
  827. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  828. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  829. {/block:SourceLogo}
  830. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  831. {/block:ContentSource}
  832. </body>
  833.  
  834.  
  835.  
  836.  
  837.  
  838.  
  839. <div id="box1" class="popup_block">
  840. <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>
  841.  
  842. <div id="faqtitle"><h1>FAQ</h1></div>
  843. <div id="faqabout">
  844. <faqsubtitle>Frequently asked question?</faqsubtitle>
  845. 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>
  846.  
  847. <faqsubtitle>Another Frequently Asked Question?</faqsubtitle>
  848. 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>
  849.  
  850. <faqsubtitle>You can also use this space for rules!</faqsubtitle>
  851. If you want to, you can, otherwise utilise one of the rules pop ups!</br></br>
  852.  
  853. <faqsubtitle>???</faqsubtitle>
  854. Molly Hooper is an angel.
  855.  
  856. </div></div>
  857.  
  858.  
  859.  
  860.  
  861.  
  862. <div id="box2" class="popup_block2">
  863. <h1>RULES TITLE</h1><div id="containedbox2">
  864. <rulestitle>001: TITLE</rulestitle></br>
  865. 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!
  866. </br></br>
  867.  
  868. <rulestitle>002: TITLE</rulestitle></br>
  869. 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!
  870. </br></br>
  871.  
  872. <rulestitle>003: TITLE</rulestitle></br>
  873. This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna!
  874. </br></br>
  875.  
  876. <rulestitle>004: TITLE</rulestitle></br>
  877. 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!
  878. </br></br>
  879.  
  880. <rulestitle>005: TITLE</rulestitle></br>
  881. 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!
  882. </br></br>
  883.  
  884. <rulestitle>006: TITLE</rulestitle></br>
  885. 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!
  886. </br></br>
  887.  
  888. <rulestitle>007: TITLE</rulestitle></br>
  889. This is where you get to talk about whatever rules you wanna!
  890. </br></br>
  891.  
  892. <rulestitle>008: TITLE</rulestitle></br>
  893. This is where you get to talk about whatever rules you wanna! This is where you get to talk about whatever rules you wanna!
  894. </br></br>
  895.  
  896. <rulestitle>009: TITLE</rulestitle></br>
  897. 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!
  898. </br></br>
  899.  
  900. <rulestitle>010: TITLE</rulestitle></br>
  901. 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!
  902. </br></br>
  903.  
  904. </div></div>
  905.  
  906.  
  907.  
  908.  
  909. <div id="box3" class="popup_block2"><h1>VERSES TITLE</h1><div id="containedbox3"><div id="below">
  910.  
  911. <div class="title1">VERSE TITLE</div>
  912. <div class="table1">
  913. 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:
  914. $(document).ready(function(){
  915. $(".title3").click(function(){
  916. $(".table3").slideToggle("fast");});});
  917.  
  918. and just copy and paste and change the number to whatever number you added to "title" and "table" before!
  919. </div>
  920.  
  921.  
  922. <div class="title2">VERSE TITLE</div>
  923. <div class="table2">
  924. add what you like here!
  925. </div>
  926.  
  927.  
  928. <div class="title3">VERSE TITLE</div>
  929. <div class="table3">
  930. sum 41 songs make me happy.
  931. </div></div>
  932.  
  933.  
  934. </div></div>
  935.  
  936.  
  937.  
  938.  
  939. <div id="box4" class="popup_block2"><h1>NAVIGATION TITLE</h1><div id="containedbox4"><div id="linkstable2">
  940.  
  941. <a href="https://">link title</a>
  942. <a href="https://">link title</a>
  943. <a href="https://">link title</a>
  944. <a href="https://">link title</a>
  945. <a href="https://">link title</a>
  946. <a href="https://">link title</a>
  947. <a href="https://">link title</a>
  948. <a href="https://">link title</a>
  949. <a href="https://">link title</a>
  950. <a href="https://">link title</a>
  951. <a href="https://">link title</a>
  952. <a href="https://">link title</a>
  953. <a href="https://">link title</a>
  954. <a href="https://">link title</a>
  955. <a href="https://">link title</a>
  956. <a href="https://">link title</a>
  957.  
  958. </div>
  959.  
  960. </div></div>
  961.  
  962.  
  963.  
  964.  
  965. </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!