API tools faq
paste
elsaofarendelle

BATB 3

elsaofarendelle
Feb 3rd, 2017 (edited)
146
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "httpS://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="httpS://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5.  
  6. <script type="text/javascript"
  7. src="httpS://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  8. <script>
  9. $(document).ready(function() {
  10. //
  11. $('a.poplight[href^=#]').click(function() {
  12. var popID = $(this).attr('rel'); //Get Popup Name
  13. var popURL = $(this).attr('href'); //Get Popup href to define size
  14. var query= popURL.split('?');
  15. var dim= query[1].split('&');
  16. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  17. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  18. var popMargTop = ($('#' + popID).height() + 80) / 2;
  19. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  20. //Apply Margin to Popup
  21. $('#' + popID).css({
  22. 'margin-top' : -popMargTop,
  23. 'margin-left' : -popMargLeft
  24. });
  25. $('body').append('<div id="fade"></div>');
  26. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  27. return false;
  28. });
  29. $('a.close, #fade').live('click', function() {
  30. $('#fade , .popup_block').fadeOut(function() {
  31. $('#fade, a.close').remove(); //fade them both out
  32. });
  33. return false;
  34. });
  35. });
  36. </script>
  37.  
  38. <script>
  39.  
  40. $(document).ready(function(){
  41. $("ul#tabs li").click(function(e){
  42. if (!$(this).hasClass("active")) {
  43. var tabNum = $(this).index();
  44. var nthChild = tabNum+1;
  45. $("ul#tabs li.active").removeClass("active");
  46. $(this).addClass("active");
  47. $("ul#tab li.active").removeClass("active");
  48. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  49. }
  50. });
  51. });
  52. </script>
  53.  
  54. <!--- fonts --->
  55.  
  56. <link href='https://fonts.googleapis.com/css?family=Scheherazade' rel='stylesheet' type='text/css'>
  57.  
  58. <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
  59.  
  60. <link href="https://fonts.googleapis.com/css?family=Cormorant+Unicase" rel="stylesheet">
  61.  
  62. <!--- tooltips --->
  63.  
  64. <script src="httpS://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  65. <script type="text/javascript" src="httpS://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  66. <script>
  67. (function($){
  68. $(document).ready(function(){
  69. $("[title]").style_my_tooltips();
  70. });
  71. })(jQuery);
  72. </script>
  73.  
  74.  
  75. </style>
  76.  
  77. <title>{Title}</title>
  78. <link rel="shortcut icon" href="{Favicon}">
  79. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  80. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  81.  
  82.  
  83. <!-------------------------------------------
  84. Code by elsaofarendelle.
  85. Don't copy or distribute.
  86. Don't claim as your own.
  87. -------------------------------------------->
  88.  
  89. <meta name="image:background" content=""/>
  90. <meta name="image:sidebar" content=""/>
  91.  
  92.  
  93. <style type="text/css">
  94.  
  95. /* --- SCROLLBAR START ---*/
  96.  
  97. ::-webkit-scrollbar {
  98. height: 0px;
  99. width: 6px;
  100. background: none;
  101. }
  102.  
  103. ::-webkit-scrollbar-thumb {
  104. border: 5px solid transparent;
  105. -webkit-border-radius: 5px;
  106. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  107. }
  108.  
  109. ::-webkit-scrollbar-corner{
  110. background: transparent;
  111. }
  112.  
  113. /* --- SCROLLBAR END --- */
  114.  
  115. /* --- TOOLTIPS START --- */
  116.  
  117. #s-m-t-tooltip{
  118. max-width:300px;
  119. margin:15px;
  120. padding:2px 8px;
  121. border:3px double #cfaf00;
  122. border-radius:0px;
  123. background-image:url("https://i.imgur.com/a6yT8bk.png");
  124. color:#cfaf00;
  125. z-index:9999999999999;
  126. font-size:10px;
  127. font-family: 'Cormorant Unicase', serif;
  128. font-weight:bold;
  129. text-transform:uppercase;
  130. box-shadow:0px 0px 10px #000;
  131. -webkit-transition:all 0.7s;
  132. -moz-transition:all 0.7s;
  133. -ms-transition:all 0.7s;
  134. -o-transition:all 0.7s;
  135. transition:all 0.7s;
  136. }
  137.  
  138. /* --- TOOLTIPS END --- */
  139.  
  140.  
  141. /* --- BODY START ---*/
  142.  
  143. body {
  144. background:#363547;
  145. background-image:url({image:background});
  146. background-attachment: fixed;
  147. background-repeat: no-repeat;
  148. background-position:0px 0px;
  149. margin:0px;
  150. color:#919191;
  151. font-family: 'Scheherazade', serif;
  152. font-size:11px;
  153. line-height:120%;
  154.  
  155. }
  156.  
  157. blockquote {
  158. padding-left:5px;
  159. border-left:2px solid;
  160. border-radius:6px;
  161. }
  162.  
  163. a {
  164. color:#cfaf00;
  165. font-family: 'Scheherazade', serif;
  166. text-decoration:none;
  167. -webkit-transition:all 0.5s ease-in-out;
  168. -moz-transition:all 0.5s ease-in-out;
  169. -o-transition:all 0.5s ease-in-out;
  170. -ms-transition:all 0.5s ease-in-out;
  171. transition:all 0.5s ease-in-out;
  172. }
  173.  
  174. a:hover {
  175. color: none;
  176. }
  177.  
  178. img {none;}
  179.  
  180. h1 , h2 {
  181. font-family: 'Cormorant Unicase', serif;
  182. text-transform:none;
  183. font-size:30px;
  184. line-height:30px;
  185. letter-spacing:0px;
  186. text-align:center;
  187. font-style:normal;
  188. color:#cfaf00;
  189. }
  190.  
  191.  
  192. #container {
  193. background: none;
  194. border:3px none #fff;
  195. width:320px;
  196. height:540px;
  197. margin-left:500px;
  198. margin-top:70px;
  199. position:fixed;
  200. overflow:auto;
  201. padding-left:50px;
  202. padding-right:50px;
  203. padding-top:17px;
  204. padding-bottom:10px;
  205. }
  206.  
  207. #posts {
  208. width:250px;
  209. background-color: transparent;
  210. padding:-50px;
  211. text-align: justify;
  212. font-size: 12px;
  213. padding-top: -10px;
  214. margin-bottom: 50px;
  215. line-height: 100%px;
  216. font-family: georgia;
  217. z-index:50;
  218. }
  219.  
  220. #posts img {
  221. padding: 0;
  222. max-width: 100%;
  223. height: auto;
  224. }
  225.  
  226.  
  227. b {
  228. text-transform: bold;
  229. color: #cfaf00;
  230. text-shadow: 0px 0px 3px #fff;
  231. letter-spacing:1px;
  232. font-family: 'Cormorant Unicase', serif;
  233. font-size:15px;
  234. }
  235.  
  236. i {
  237. text-transform: italic;
  238. color: #cfaf00;
  239. text-shadow: 2px 2px 5px #a5a5a5;
  240. letter-spacing:1px;
  241. font-family: 'Dancing Script', cursive;
  242. font-size:15px;
  243. }
  244.  
  245. em {
  246. text-transform: italic;
  247. color: #cfaf00;
  248. text-shadow: 2px 2px 5px #a5a5a5;
  249. letter-spacing:1px;
  250. font-family: 'Dancing Script', cursive;
  251. font-size:15px;
  252. }
  253.  
  254. sub, small, sup {
  255. font-size: 11px;
  256. }
  257.  
  258. /* --- BODY END --- */
  259.  
  260. /* --- SIDEBAR START ---*/
  261.  
  262.  
  263. #sidebar{
  264. position: fixed;
  265. top: 250px;
  266. width:250px;
  267. height:115px;
  268. left: 300px;
  269. padding:20px;
  270. }
  271.  
  272.  
  273.  
  274. #sidebarimage img{
  275. width: 100px;
  276. height:115px;
  277. padding:10px;
  278. border:3px none #f5f5f5;
  279. margin-top:5px;
  280. background:transparent;
  281. background-image:{image:sidebarimage};
  282. }
  283.  
  284.  
  285. #nav {
  286. position:fixed;
  287. overflow:hidden;
  288. margin-top:150px;
  289. margin-left:315px;
  290. }
  291.  
  292. #title {
  293. font-family: 'Cormorant Unicase', serif;
  294. text-align:center;
  295. width:300px;
  296. margin-top:5px;
  297. margin-left:100px;
  298. text-transform:uppercase;
  299. font-style:normal;
  300. font-size:20px;
  301. color: transparent;
  302. }
  303.  
  304. #description {
  305. width:141px;
  306. height:258px;
  307. margin-top:-155px;
  308. margin-left:567px;
  309. padding: 10px;
  310. overflow:scroll;
  311. text-align:justify;
  312. font-style:oblique;
  313. font-family:'Scheherazade', serif;
  314. font-size:12px;
  315. color: #919191;
  316. text-shadow: none;
  317. background-color: transparent;
  318. border:1px none #eeeff2;
  319. letter-spacing:1px;
  320. line-height:110%;
  321. }
  322.  
  323. #descriptionheaders{
  324. width:118px;
  325. height:auto;
  326. padding:10px;
  327. font-size:12px;
  328. text-transform:normal;
  329. letter-spacing:1px;
  330. color:#cfaf00;
  331. font-family: 'Cormorant Unicase', serif;
  332. text-shadow:0px 0px 5px #000;
  333. border: 3px double #cfaf00;
  334. background: url('https://i.imgur.com/a6yT8bk.png');
  335. line-height:30%;
  336. }
  337.  
  338. #pagination {
  339. font-family: 'Scheherazade', serif;
  340. width:103px;
  341. font-size:50px;
  342. text-transform:normal;
  343. margin-top:-100px;
  344. margin-left:730px;
  345. padding-top:25px;
  346. letter-spacing:1px;
  347. font-style:normal;
  348. text-align:center;
  349. transform: rotate(-15deg);
  350. -ms-transform: rotate(-15deg);
  351. -webkit-transform: rotate(-15deg);
  352. -o-transform: rotate(-15deg);
  353. -moz-transform: rotate(-15deg);
  354. }
  355.  
  356. #pagination a {
  357. color:#cfaf00;
  358. text-shadow:0px 0px 3px #fff;
  359. }
  360.  
  361. /* --- SIDEBAR END ---*/
  362.  
  363.  
  364. /* --- LINKS START --- */
  365.  
  366. .links1 {
  367. position:fixed;
  368. font-size:40px;
  369. top: 500px;
  370. left: 300px;
  371. transform: rotate(-12deg);
  372. -ms-transform: rotate(-12deg);
  373. -webkit-transform: rotate(-12deg);
  374. -o-transform: rotate(-12deg);
  375. -moz-transform: rotate(-12deg);
  376. }
  377.  
  378. .links1 a {
  379. text-decoration:none;
  380. text-transform:normal;
  381. color: #cfaf00;
  382. font-family: 'Cormorant Unicase', serif;
  383. text-shadow: 0px 0px 3px #eee;
  384. -moz-transition-duration:.7s;
  385. -webkit-transition-duration:.7s;
  386. -o-transition-duration:.7s;
  387. }
  388.  
  389.  
  390. .links1 a:hover {
  391. text-decoration:none;
  392. text-transform:normal;
  393. color: #cfaf00;
  394. text-shadow:0px 0px 3px #eee;
  395. }
  396.  
  397. .links2 {
  398. position:fixed;
  399. font-size:40px;
  400. top: 520px;
  401. left: 315px;
  402. transform: rotate(12deg);
  403. -ms-transform: rotate(12deg);
  404. -webkit-transform: rotate(12deg);
  405. -o-transform: rotate(12deg);
  406. -moz-transform: rotate(12deg);
  407. }
  408.  
  409. .links2 a {
  410. text-decoration:none;
  411. text-transform:normal;
  412. color: #cfaf00;
  413. font-family: 'Cormorant Unicase', serif;
  414. text-shadow: 0px 0px 3px #eee;
  415. -moz-transition-duration:.7s;
  416. -webkit-transition-duration:.7s;
  417. -o-transition-duration:.7s;
  418. }
  419.  
  420.  
  421. .links2 a:hover {
  422. text-decoration:none;
  423. text-transform:normal;
  424. color: #cfaf00;
  425. text-shadow:0px 0px 3px #eee;
  426. }
  427.  
  428. .links3 {
  429. position:fixed;
  430. font-size:40px;
  431. top: 555px;
  432. left: 300px;
  433. transform: rotate(-12deg);
  434. -ms-transform: rotate(-12deg);
  435. -webkit-transform: rotate(-12deg);
  436. -o-transform: rotate(-12deg);
  437. -moz-transform: rotate(-12deg);
  438. }
  439.  
  440. .links3 a {
  441. text-decoration:none;
  442. text-transform:normal;
  443. color: #cfaf00;
  444. font-family: 'Cormorant Unicase', serif;
  445. text-shadow: 0px 0px 3px #eee;
  446. -moz-transition-duration:.7s;
  447. -webkit-transition-duration:.7s;
  448. -o-transition-duration:.7s;
  449. }
  450.  
  451.  
  452. .links3 a:hover {
  453. text-decoration:none;
  454. text-transform:normal;
  455. color: #cfaf00;
  456. text-shadow:0px 0px 3px #eee;
  457. }
  458.  
  459. /* ---LINKS END --- */
  460.  
  461.  
  462. /* --- CREDIT START --- */
  463.  
  464. .credit{
  465. position:fixed;
  466. font-size:15px;
  467. right:12px;
  468. bottom:10px;
  469. }
  470.  
  471. .credit a {
  472. text-decoration:none;
  473. text-transform:uppercase;
  474. text-shadow: 0px 0px 5px #f5f5f5;
  475. color: #cfaf00;
  476. -moz-transition-duration:.7s;
  477. -webkit-transition-duration:.7s;
  478. -o-transition-duration:.7s;
  479. }
  480.  
  481.  
  482. .credit a:hover {
  483. text-decoration:none;
  484. text-transform:uppercase;
  485. color: #cfaf00;
  486. text-shadow: 0px 0px 5px #f5f5f5;
  487. }
  488.  
  489. /* --- CREDIT END --- */
  490.  
  491. /* --- POST NOTES START --- */
  492.  
  493. .note {
  494. padding:0px 20px 0px 20px;
  495. background-color:transparent;
  496. text-transform:lowercase;
  497. letter-spacing:0px;
  498. font-size: 11px;
  499. font-style:normal;
  500. text-align:left;
  501. line-height:120%;
  502. }
  503.  
  504. .note li {
  505. list-style-type:none;
  506. padding:5px 25px 5px 25px;
  507. text-align:left;
  508. margin-right:30px;
  509. margin-top:-50px;
  510. }
  511.  
  512.  
  513. #info {
  514. height:15px;
  515. text-align:center;
  516. margin-top:10px;
  517. padding-top:10px;
  518. padding:0px;
  519. padding-bottom:1px;
  520. text-transform:none;
  521. font-style:none;
  522. font-size:15px;
  523. background-image:url("https://i.imgur.com/gF4UxEP.png");
  524. border: 3px double #cfaf00;
  525. line-height:100%;
  526. }
  527.  
  528. #info a{
  529. color:#cfaf00;
  530. }
  531.  
  532. #tags {
  533. font-family: 'Scheherazade', serif;
  534. text-align:center;
  535. margin-top:0px;
  536. padding-bottom:0px;
  537. text-transform:none;
  538. font-style:none;
  539. font-size:15px;
  540. }
  541.  
  542. #tags a{
  543. color:#cfaf00;
  544. }
  545.  
  546. /* --- POST NOTES END --- */
  547.  
  548. /* --- ASK & AUDIO START --- */
  549.  
  550. .ask {
  551. color:#919191;
  552. background: #eeeff2;
  553. padding:9px;
  554. padding-top:10px;
  555. width:200px;
  556. margin-left:50px;
  557. margin-bottom:10px;
  558. font-size:11px;
  559. background-image:url("");
  560. border: 1px none #eee;
  561. border-radius: 0px 30px 0px 30px;
  562. box-shadow: 2px 2px 2px #a4a4a4;
  563. line-height:125%;
  564. }
  565.  
  566. .asker {
  567. font-family: 'Cormorant Unicase', serif;
  568. font-size:20px;
  569. color: #fff;
  570. text-shadow:0px 0px 3px #fff;
  571. line-height:10px;
  572. text-align:center;
  573. }
  574.  
  575. .question {
  576. color:#fff;
  577. padding:15px;
  578. margin-bottom:15px;
  579. background-image:url("");
  580. border:1px solid #fff;
  581. }
  582.  
  583. .answer {
  584. color: #919191;
  585. }
  586.  
  587. .audio {
  588. background-color: #transparent;
  589. background-image:url("");
  590. border:3px double #fff;
  591. height:70px;
  592. font-size:8px;
  593. color:#fff;
  594. overflow:scroll;
  595. }
  596.  
  597. /* --- ASK & AUDIO END --- */
  598.  
  599. /* --- MENU START --- */
  600.  
  601. .popup_block{
  602. display:none;
  603. background: url("");
  604. background:#eeeff2;
  605. padding:20px;
  606. border:1px solid #eeeff2;
  607. float:left;
  608. height:530px;
  609. top:372px; left:691px;
  610. position:fixed;
  611. z-index: 99999;
  612. -webkit-box-shadow: none;
  613. -moz-box-shadow: none;
  614. box-shadow: none;
  615. }
  616.  
  617.  
  618. *html #fade {position: absolute;}
  619. *html .popup_block {position: absolute;}
  620. #fade {
  621. display:none;
  622. position:fixed;
  623. left:0px;
  624. top:0px;
  625. width:100%;
  626. height:100%;
  627. z-index:9999;
  628. background: none;
  629. opacity: none;
  630. }
  631.  
  632. #popheaders{
  633. width:300px;
  634. height:auto;
  635. padding:10px;
  636. font-size:15px;
  637. text-transform:normal;
  638. letter-spacing:1px;
  639. color:#cfaf00;
  640. font-family: 'Cormorant Unicase', serif;
  641. text-shadow:0px 0px 5px #000;
  642. border: 3px double #cfaf00;
  643. background: url('https://i.imgur.com/gF4UxEP.png');
  644. line-height:30%;
  645. }
  646.  
  647. #popuptext {
  648. margin-top:-12px;
  649. margin-left:-15px;
  650. width:337px;
  651. height:500px;
  652. font-family: 'Scheherazade', serif;
  653. font-size:12px;
  654. color:#919191;
  655. overflow:scroll;
  656. text-align:justify;
  657. position:fixed;
  658. overflow-y padding:20px;
  659. }
  660.  
  661. .poplinks {
  662. padding-top:5px;
  663. text-align:center;
  664. }
  665.  
  666.  
  667. .poplinks a {
  668. display:inline-block;
  669. width:110px; height:8px;
  670. margin:2px; padding:6px 6px 10px;
  671. text-align:center;
  672. font-family:'helvetica';
  673. font-size:11px;
  674. text-transform:uppercase;
  675. letter-spacing:1px;
  676. color:#eee; background:transparent;
  677. background-image:url('');
  678. border:1px dotted #eee;
  679. }
  680.  
  681. .poplinks a:hover {
  682. display:inline-block;
  683. width:120px; margin:2px;
  684. padding:6px 6px 10px;
  685. text-align:center;
  686. font-family:times;
  687. font-size:11px;
  688. text-transform:normal;
  689. letter-spacing:1px;
  690. color:#eee;
  691. background:transparent
  692. }
  693.  
  694. .buttons a {
  695. text-decoration:none;
  696. background: #fafafa;
  697. border:1px solid #919191;
  698. padding:10px;
  699. width:40px;
  700. margin-top:3px;
  701. margin-left:5px;
  702. display:inline-block;
  703. color:#fff;
  704. text-align:center;
  705. }
  706.  
  707. .butons a:hover {
  708. background: #fafafa;
  709. border:1px solid #919191;
  710. color:#fff;
  711. -webkit-transition: all 0.3s ease-in-out;
  712. -moz-transition: all 0.3s ease-in-out;
  713. -o-transition: all 0.3s ease-in-out;
  714. -ms-transition: all 0.3s ease-in-out;
  715. transition: all 0.3s ease-in-out;
  716. }
  717.  
  718. ul#tabs {
  719. list-style-type: none;
  720. padding: 0;
  721. text-align: center;
  722. font-size: 11px;
  723. letter-spacing:1px;
  724. }
  725.  
  726. ul#tabs li {
  727. display: inline-block;
  728. background-color: #363547;
  729. border: 1px none #eee;
  730. padding: 4px 12px;
  731. margin-bottom: 4px;
  732. color: #eee;
  733. cursor: pointer;
  734. }
  735.  
  736. ul#tabs li:hover {
  737. background-color: #cfaf00;
  738. }
  739.  
  740. ul#tabs li.active {
  741. background-color: #919191;
  742. color: #eee;
  743. background-image:url('https://i.imgur.com/a6yT8bk.png');
  744. border: 1px solid #cfaf00;
  745. }
  746.  
  747. ul#tab {
  748. list-style-type: none;
  749. margin: 0;
  750. padding: 0;
  751. }
  752.  
  753. ul#tab li {
  754. display: none;
  755. }
  756.  
  757. ul#tab li.active {
  758. display: block;
  759. }
  760.  
  761. a:link, a:active, a:visited {
  762. text-decoration: none;
  763. color: #919191;
  764. -moz-transition-duration:.6s;
  765. -webkit-transition-duration:.6s;
  766. -o-transition-duration:.6s;
  767. }
  768.  
  769. a:hover {
  770. color: #919191;
  771. -moz-transition-duration:.6s;
  772. -webkit-transition-duration:.6s;
  773. -o-transition-duration:.6s;
  774. }
  775.  
  776. /* --- MENU END --- */
  777.  
  778.  
  779.  
  780. {CustomCSS}</style></head><body>
  781.  
  782.  
  783. <div id="sidebar">
  784. <div id="sidebarimage"><img src="{image:sidebar}"/></div><br>
  785.  
  786. <div class="links1">
  787. <a title="home" href="/">I</a>
  788. </div>
  789.  
  790. <div class="links2">
  791. <a title="ask" href="/ask">II</a>
  792. </div>
  793.  
  794. <div class="links3">
  795. <a title="more" href="#?w=309" rel="box1" class="poplight">III</a>
  796. </div>
  797.  
  798.  
  799. <div class="credit">
  800. <a href="/">𝔼</a>
  801. </div>
  802.  
  803. <div id="description">
  804. <center><div id="descriptionheaders">TITLE HERE</div></center>
  805. <center>TEXT GOES HERE</center>
  806. <center><div id="descriptionheaders">TITLE HERE</div></center>
  807. <center>TEXT GOES HERE</center>
  808. <center><div id="descriptionheaders">TITLE HERE</div></center>
  809. <center>TEXT GOES HERE</center>
  810. <center><div id="descriptionheaders">TITLE HERE</div></center>
  811. <center>TEXT GOES HERE</center>
  812. </div>
  813.  
  814.  
  815. <div id="scrollbar">{scrollbar}</div>
  816.  
  817.  
  818.  
  819. <div id="pagination">
  820. <p></p><br><br><center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> « </a>{/block:PreviousPage}{/block:Pagination}
  821. {block:Pagination}{block:NextPage}<a href="{NextPage}"> » </a>{/block:NextPage}{/block:Pagination}{/block:Pagination} </center></div>
  822.  
  823.  
  824.  
  825. {block:HasPages}{block:Pages}
  826.  
  827. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  828.  
  829. </div></center>
  830.  
  831.  
  832. </div>
  833.  
  834.  
  835. <div id="container">{block:Posts}<div id="posts">
  836. <img src="">
  837.  
  838. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  839.  
  840. {block:blockquote}{/block:blockquote}
  841.  
  842.  
  843.  
  844. {block:Photo}
  845. <center>{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  846. {/block:Photo}
  847.  
  848. {block:Photoset}
  849. <center>{Photoset-250}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  850. {/block:Photoset}
  851.  
  852. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  853.  
  854. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  855.  
  856. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  857.  
  858. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="75px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp; {TrackName}{/block:TrackName}
  859. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  860.  
  861. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  862.  
  863. {block:Answer}
  864. <div class="ask"><div class="asker">{Asker} <font color=#919191>said:</font></div><p>{Question}</div><div class="answer">{Answer}</div>
  865. {/block:Answer}
  866.  
  867.  
  868. {Block:Date}<div id="info"><a href="{Permalink}" class="details" title="{TimeAgo}">posted</a> {block:NoteCount} <font color=#999></font> <a title="{NoteCount} notes" href="{Permalink}">notes</a> {/block:NoteCount} {block:RebloggedFrom} <a title="from {ReblogParentName}" href="{ReblogParentURL}">from</a>{/block:RebloggedFrom} <a href="{ReblogURL}" target="_blank" class="details" title=reblog><small>⟳</small></a> {/block:Date}</div>
  869.  
  870. <div id="tags">
  871. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  872.  
  873. </div>
  874. {block:PostNotes}{PostNotes}{/block:PostNotes}
  875. {/block:Posts}</div>
  876.  
  877.  
  878. </body>
  879.  
  880.  
  881. <div id="box1" class="popup_block">
  882.  
  883. <ul id="tabs">
  884. <li class="active">Rules</li>
  885. <li>About</li>
  886. <li>Verses</li>
  887. <li>Threads</li>
  888. <li>Navi</li>
  889. </ul>
  890.  
  891. <div style="width:auto;height:335px;overflow:scroll;padding:5px;">
  892.  
  893.  
  894.  
  895. <ul id="tab">
  896. <li class="active">
  897. <div id="popuptext">
  898. <center><p>TEXT HERE</p></center>
  899.  
  900. <center><div id="popheaders">TITLE</div></center>
  901. <p>TEXT HERE</p>
  902.  
  903. <center><div id="popheaders">TITLE</div></center>
  904. <p>TEXT HERE</p>
  905.  
  906. <center><div id="popheaders">TITLE</div></center>
  907. <p>TEXT HERE</p>
  908.  
  909. <center><div id="popheaders">TITLE</div></center>
  910. <p>TEXT HERE</p>
  911.  
  912. <center><div id="popheaders">TITLE</div></center>
  913. <p>TEXT HERE</p>
  914.  
  915. <p>TEXT HERE</p>
  916.  
  917. <center><div id="popheaders">TITLE</div></center>
  918. <p>TEXT HERE</p>
  919.  
  920. </li>
  921. <li>
  922.  
  923.  
  924. <div id="popuptext">
  925. <center><div id="popheaders">TITLE</div></center>
  926. <p>TEXT HERE </p>
  927.  
  928. <center><div id="popheaders">TITLE</div></center>
  929. <p>TEXT HERE</p>
  930.  
  931. <center><div id="popheaders">TITLE</div></center>
  932. <p>TEXT HERE</p>
  933.  
  934. </li>
  935. <li>
  936.  
  937. <div id="popuptext">
  938. <center><div id="popheaders">TITLE</div></center>
  939. <p>TEXT HERE</p>
  940. <p>More coming later. . .</p>
  941.  
  942. </li>
  943. <li>
  944.  
  945. <div id="popuptext">
  946. <center><div id="popheaders">TITLE</div></center>
  947. <center>
  948. <a href="/">LINK</a><br>
  949. <a href="/">LINK</a><br>
  950. <a href="/">LINK</a><br>
  951. <a href="/">LINK</a><br>
  952. <a href="/">LINK</a><br>
  953. </center>
  954.  
  955. <center><div id="popheaders">TITLE</div></center>
  956. <center>
  957. <a href="/">LINK</a><br>
  958. <a href="/">LINK</a><br>
  959. <a href="/">LINK</a><br>
  960. <a href="/">LINK</a><br>
  961. <a href="/">LINK</a><br>
  962. </center>
  963.  
  964. <center><div id="popheaders">TITLE</div></center>
  965. <center>
  966. <a href="/">LINK</a><br>
  967. <a href="/">LINK</a><br>
  968. <a href="/">LINK</a><br>
  969. <a href="/">LINK</a><br>
  970. <a href="/">LINK</a><br>
  971. </center>
  972.  
  973. <center><div id="popheaders">TITLE</div></center>
  974. <center>
  975. <a href="/">LINK</a><br>
  976. <a href="/">LINK</a><br>
  977. <a href="/">LINK</a><br>
  978. <a href="/">LINK</a><br>
  979. <a href="/">LINK</a><br>
  980. </center>
  981.  
  982.  
  983.  
  984. </li>
  985. <li>
  986.  
  987. <table>
  988. <tr>
  989. <td>
  990. <div class="buttons">
  991.  
  992. <a href="/">LINK</a>
  993. <a href="/">LINK</a>
  994. <a href="/">LINK</a>
  995. <a href="/">LINK</a>
  996. <a href="/">LINK</a>
  997. <a href="/">LINK</a>
  998. <a href="/">LINK</a>
  999. <a href="/">LINK</a>
  1000.  
  1001. </div>
  1002. </td>
  1003. <td>
  1004.  
  1005. <div class="buttons">
  1006.  
  1007. <a href="/">LINK</a>
  1008. <a href="/">LINK</a>
  1009. <a href="/">LINK</a>
  1010. <a href="/">LINK</a>
  1011. <a href="/">LINK</a>
  1012. <a href="/">LINK</a>
  1013. <a href="/">LINK</a>
  1014. <a href="/">LINK</a>
  1015.  
  1016. </div>
  1017.  
  1018. </td>
  1019. <td>
  1020.  
  1021. <div class="buttons">
  1022.  
  1023. <a href="/">LINK</a>
  1024. <a href="/">LINK</a>
  1025. <a href="/">LINK</a>
  1026. <a href="/">LINK</a>
  1027. <a href="/">LINK</a>
  1028. <a href="/">LINK</a>
  1029. <a href="/">LINK</a>
  1030. <a href="/">LINK</a>
  1031.  
  1032. </div>
  1033.  
  1034. </td>
  1035. <td>
  1036.  
  1037. <div class="buttons">
  1038.  
  1039. <a href="/">LINK</a>
  1040. <a href="/">LINK</a>
  1041. <a href="/">LINK</a>
  1042. <a href="/">LINK</a>
  1043. <a href="/">LINK</a>
  1044. <a href="/">LINK</a>
  1045. <a href="/">LINK</a>
  1046. <a href="/">LINK</a>
  1047.  
  1048. </div>
  1049.  
  1050. </td>
  1051. </tr>
  1052. </table>
  1053. </div>
  1054. </li>
  1055. <li>
  1056.  
  1057. </div>
  1058. </div>
  1059.  
  1060. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!