API tools faq
paste
Advertisement
bridgetowakanda

Base Code by Bridgetowakanda 1

bridgetowakanda
Aug 7th, 2018
1,623
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.91 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!------------------------------ FONTS ------------------------------>
  4.  
  5. <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
  6. <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
  7. <link href="https://fonts.googleapis.com/css?family=Contrail+One" rel="stylesheet">
  8. <link href="https://fonts.googleapis.com/css?family=Rozha+One" rel="stylesheet">
  9. <link href="https://fonts.googleapis.com/css?family=Limelight" rel="stylesheet">
  10. <link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
  11. <link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet">
  12. <link href="https://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet">
  13.  
  14.  
  15.  
  16. <html>
  17. <!--
  18. BASE CODE
  19. https://fratdadbase.tumblr.com/
  20.  
  21. ♛ BASE THEME ONE BY ZORRA VIA BRIDGETOWAKANDA
  22. ♛ FREE FOR ROLEPLAYER USE
  23. ♛ PLEASE DOT NOT CLAIM AS YOUR OWN OR LIFT PARTS OF MY CODE
  24. ♛ IF YOU HAVE ANY QUESTIONS, PLEASE LET ME KNOW
  25. ♛ YOU CAN FIND MORE OF MY THEMES AT HTTPS://BRIDGETOWAKANDABASECODES.TUMBLR.COM
  26. -->
  27.  
  28.  
  29. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  30. <head>
  31. <title>{Title}</title>
  32. <link rel="shortcut icon" href="{Favicon}">
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  34. {block:Description}
  35. <meta name="description" content="{MetaDescription}" />
  36. {/block:Description}
  37.  
  38.  
  39. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  40.  
  41. <!------------------------------ SCRIPTS ----------------------------->
  42. <!------------------------------ POPUP ------------------------------>
  43.  
  44.  
  45. <script type="text/javascript"
  46. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  47. <script>
  48. $(document).ready(function() {
  49. //
  50. $('a.poplight[href^=#]').click(function() {
  51. var popID = $(this).attr('rel'); //Get Popup Name
  52. var popURL = $(this).attr('href'); //Get Popup href to define size
  53. var query= popURL.split('?');
  54. var dim= query[1].split('&');
  55. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  56. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">');
  57. var popMargTop = ($('#' + popID).height() + 80) / 2;
  58. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  59. //Apply Margin to Popup
  60. $('#' + popID).css({
  61. 'margin-top' : -popMargTop,
  62. 'margin-left' : -popMargLeft
  63. });
  64. $('body').append('<div id="fade"></div>');
  65. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  66. return false;
  67. });
  68. $('a.close, #fade').live('click', function() {
  69. $('#fade , .popup_block').fadeOut(function() {
  70. $('#fade, a.close').remove(); //fade them both out
  71. });
  72. return false;
  73. });
  74. });
  75. </script>
  76.  
  77.  
  78.  
  79.  
  80. <!----------------------------- TOOLTLIP ----------------------------->
  81.  
  82.  
  83. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  84. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  85. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  86. <script>
  87. (function($){
  88. $(document).ready(function(){
  89. $("[title]").style_my_tooltips({
  90. tip_follows_cursor:true,
  91. tip_delay_time:200,
  92. tip_fade_speed:500
  93. });
  94. });
  95. })(jQuery);
  96. </script>
  97.  
  98.  
  99.  
  100. <!------------------------------ TABS ------------------------------>
  101.  
  102.  
  103. <script>
  104. $(document).ready(function(){
  105. $("ul#tabs li").click(function(e){
  106. if (!$(this).hasClass("active")) {
  107. var tabNum = $(this).index();
  108. var nthChild = tabNum+1;
  109. $("ul#tabs li.active").removeClass("active");
  110. $(this).addClass("active");
  111. $("ul#tab li.active").removeClass("active");
  112. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  113. }
  114. });
  115. });
  116. </script>
  117.  
  118. <!------------------------------ MUSIC ------------------------------>
  119.  
  120.  
  121.  
  122.  
  123. </head>
  124.  
  125. <!---------------------------- META DATA ----------------------------->
  126.  
  127. <meta name="image:headerbackground" content=""/>
  128.  
  129.  
  130. <meta name="text:charactername" content="Everett Ross" />
  131. <meta name="text:indieprivselc" content=" Indie. Private. Select." />
  132. <meta name="text:quote" content="Bridgetowakanda" />
  133. <meta name="text:title" content="Liasison" />
  134. <meta name="text:extra" content="Stuff" />
  135. <meta name="text:Starters" content="00"/>
  136. <meta name="text:Drafts" content="00"/>
  137. <meta name="text:Memes" content="00"/>
  138. <meta name="text:Queue" content="00"/>
  139. <meta name="text:Quote" content="Quote Here" />
  140. <meta name="text:penname" content="zorra" />
  141.  
  142.  
  143. <meta name="color:background" content="#333333" />
  144. <meta name="color:italic" content="#abbc57" />
  145. <meta name="color:bold" content="#84cccb" />
  146.  
  147.  
  148.  
  149. <style type="text/css">
  150.  
  151.  
  152.  
  153.  
  154.  
  155. @font-face​ {
  156. font-family:"big noodle titling";
  157. src:url(https://dl.dropbox.com/s/j5blixn0eu397vv/big_noodle_titling.ttf');
  158. }
  159.  
  160.  
  161. /*---------------------------- SCROLL BAR ---------------------------*/
  162. ::-webkit-scrollbar {
  163. width: 2px;
  164. height: 2px;
  165. }
  166. ::-webkit-scrollbar-button {
  167. width: 0px;
  168. height: 0px;
  169. }
  170. ::-webkit-scrollbar-thumb {
  171. background: transparent;
  172. border: 0px none #a68b7c;
  173. border-radius: 50px;
  174. }
  175. ::-webkit-scrollbar-thumb:hover {
  176. background: transparent;
  177. }
  178. ::-webkit-scrollbar-thumb:active {
  179. background: transparent;
  180. }
  181. ::-webkit-scrollbar-track {
  182. background: transparent;
  183. border: 0px none #a68b7c;
  184. border-radius: 0px;
  185. }
  186. ::-webkit-scrollbar-track:hover {
  187. background:transparent;
  188. }
  189. ::-webkit-scrollbar-track:active {
  190. background: transparent;
  191. }
  192. ::-webkit-scrollbar-corner {
  193. background: transparent;
  194. }
  195.  
  196.  
  197. /*---------------------------- SELECTION ---------------------------*/
  198.  
  199. ::SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  200. ::-MOZ-SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  201.  
  202.  
  203.  
  204. /*---------------------------- BODY ---------------------------*/
  205.  
  206. body {
  207. background-color:{color:background};
  208. background-image:url('https://i.imgur.com/1uep6Iq.png');
  209. background-repeat: no-repeat;
  210. font-family: calibri;
  211. font-size: 11px;
  212. text-align: justify;
  213. color:#e7e5d1;
  214. }
  215.  
  216.  
  217.  
  218. /*---------------------- QUESTIONS & ANSWERS ------------------------*/
  219.  
  220. #askerurl {
  221. text-transform:uppercase;
  222. font-weight:400;
  223. font-size:20px;
  224. margin-top:30px;
  225. margin-left:50px;
  226. padding-bottom:5px;
  227. width:250px;
  228. font-family: 'Orbitron', sans-serif;
  229. text-align:center;
  230. }
  231.  
  232. #asking img {
  233. padding: 5px;
  234. }
  235.  
  236. #question {
  237. background-attachment:auto;
  238. background-image: url('');
  239. padding:15px 15px;
  240. margin:3px 0 3px 10px;
  241. border-right:1px solid #0cddd3;
  242. border-radius: 5px;
  243. background-color:#424141;
  244. color: #fff;
  245. font-family: 'Open Sans Condensed';
  246. text-shadow: 1px 1px 5px #fff;
  247. -webkit-border-radius: 10px;
  248. }
  249.  
  250. #answer {
  251. word-spacing: 0px;
  252. }
  253.  
  254. #border {
  255. border: 1px solid #222222;
  256. padding: 10px;
  257. max-width: 220px;
  258. margin-top: 20px;
  259. }
  260.  
  261.  
  262. /*------------------------ CONTAINER & POSTS ------------------------*/
  263.  
  264. #entries {
  265. background-color:{color:background};
  266. border: 1px solid #3b3b3b;
  267. width:250px;
  268. height:500px;
  269. top:50px;
  270. padding: 10px;
  271. margin-left: 950px;
  272. position:relative;
  273. overflow-y:scroll;
  274. overflow-x:hidden;
  275. }
  276.  
  277.  
  278. #entries img {
  279. height:auto;
  280. max-width:100%;
  281. }
  282.  
  283. #post img {
  284. height: auto;
  285. max-width: 100%;
  286. }
  287.  
  288.  
  289. #posts {
  290. width:250px;
  291. background-color: #222;
  292. padding-bottom:0px;
  293. overflow-y:scroll;
  294. overflow-x:hidden;
  295. }
  296.  
  297.  
  298.  
  299. /*---------------------------- NAVIGATION ---------------------------*/
  300.  
  301. .links {
  302. top: 175px;
  303. left: 845px;
  304. position: fixed;
  305. width: auto
  306. height: auto;
  307. }
  308.  
  309.  
  310.  
  311. /*---------------------------- SIDEBOX ---------------------------*/
  312.  
  313. .sidebox {
  314. position: fixed;
  315. background-color: {color:background};
  316. border: 1px solid #3b3b3b;
  317. padding: 10px;
  318. top: 200px;
  319. left: 810px;
  320. width: 120px;
  321. height: 300px;
  322. overflow: auto;
  323. z-index: 1;
  324. }
  325.  
  326.  
  327. /*---------------------------- CREDIT ---------------------------*/
  328.  
  329. .credit {
  330. left: 97%;
  331. top: 95%;
  332. width: 50px;
  333. height: 50px;
  334. position: fixed;
  335. }
  336.  
  337. a.credit, a.credit:link, a.credit:active, a.credit:visited{
  338. text-decoration: none;
  339. color: #8f3d2e;
  340. text-transform: none;
  341. font-family: 'Contrail One', cursive;
  342. font-size: 14px;
  343. -moz-transition-duration:.6s;
  344. -webkit-transition-duration:.6s;
  345. -o-transition-duration:.6s;
  346. -webkit-filter: blur(0px);
  347.  
  348. }
  349.  
  350. a.credit:hovor {
  351. color: #8f8f8f;
  352. font-family: 'Contrail One', cursive;
  353. letter-spacing: 0px;
  354. -moz-transition-duration:.6s;
  355. -webkit-transition-duration:.6s;
  356. -o-transition-duration:.6s;
  357. -webkit-filter: blur(0px); }
  358.  
  359.  
  360.  
  361. /*---------------------------- FANCY FONT ---------------------------*/
  362.  
  363. h1 {
  364. font-size:30px;
  365. font-family: {select:header font1};
  366. font-weight:400;
  367. color:#32c980;
  368. border-bottom: 1px solid #32c980;
  369. text-shadow: 1px 1px 1px #29dbd7;
  370. display:block;
  371. margin-top: 20px;
  372. text-align:right;
  373. text-transform:uppercase;
  374. padding:10px;
  375. letter-spacing:3px;
  376.  
  377. }
  378.  
  379. h2 {
  380. font-size:12px
  381. font-family: {select:header font2};
  382. font-weight:400;
  383. color:#e1e0db;
  384. text-align: center;
  385. text-transform:lowercase;
  386. letter-spacing:2px;
  387. display:block;
  388. margin:0, 0, 5px, 0;
  389. padding:5px;
  390. }
  391.  
  392.  
  393. h3 {
  394. background-image: url('{image:headerbackground}');
  395. background-position:top;
  396. background-attachment:fixed;
  397. border: double 3px #000;
  398. padding:10px;
  399. color:#ffffff;
  400. overflow: auto;
  401. text-shadow:1px 1px 2px #000,
  402. font-size:15px;
  403. font-family:calibri;
  404. text-transform:uppercase;
  405. letter-spacing:1px;
  406. text-align:center;
  407. }
  408.  
  409.  
  410.  
  411. i, italic, em {
  412. font-family: 'Amatic SC', cursive;
  413. font-size: 15px;
  414. text-transform: italic;
  415. color:{color:italic};
  416. text-transform:lowercase;
  417. letter-spacing:1px;
  418.  
  419. }
  420.  
  421. b, bold, strong {
  422. font-size:10px;
  423. font-family: 'Orbitron', sans-serif;
  424. color:{color:bold};
  425. text-transform:lowercase;
  426.  
  427. }
  428. u, underline {
  429. font:8px 'Fjalla One';
  430. font-weight:400;
  431. color:#79b4a8;
  432. text-transform: uppercase;
  433. letter-spacing:1px;}
  434.  
  435. p {
  436. margin-top:5px;
  437. margin-bottom:5px;}
  438.  
  439.  
  440. ol {
  441. list-style:normal;}
  442.  
  443.  
  444. ul {
  445. list-style:square;}
  446.  
  447.  
  448. small {
  449. font-size:10px}
  450.  
  451.  
  452. sup,sub {
  453. font-size:11px}
  454.  
  455.  
  456. pre {
  457. font-size: 15px;
  458. letter-spacing:3px;
  459. background-color:#8ea985;
  460. border: 1px dotted #222222;
  461. font-family: "Times New Roman", Times, serif;
  462. font-style: none;
  463. text-transform: uppercase;
  464. text-align:center;
  465. }
  466.  
  467.  
  468.  
  469.  
  470. blockquote {
  471. padding:2px 7px;
  472. padding-right:17px;
  473. margin:3px 0 3px 10px;
  474. border-left:1px solid #0cddd3;
  475. -webkit-border-radius: 10px;
  476. }
  477.  
  478.  
  479. blockquote img{
  480. max-width:100%;
  481. height:auto;
  482. }
  483.  
  484. blockquote blockquote img{
  485. max-width:100%;
  486. height:auto;
  487. }
  488.  
  489.  
  490.  
  491.  
  492. t, title {
  493. size: 15px;
  494. color: 222;
  495. letter-spacing: 2px;
  496. font: times;
  497. }
  498.  
  499. quotetext {
  500. font-family: times;
  501. font-size: 20px;
  502. line-height: 21px;
  503. letter-spacing: 2px;
  504. text-align: center;
  505. text-transform:uppercase;
  506. color: #fff;
  507. text-shadow: 3px 1px 1px #79b4a8;
  508. }
  509.  
  510. quotations {
  511. font: courier;
  512. font-size: 30px;
  513. color: {color:bold};
  514. }
  515.  
  516. quote {
  517. font-size: 13px;
  518. }
  519.  
  520. img {
  521. max-width:100%;
  522. }
  523.  
  524. hr {
  525. width:100px;
  526. border: 0;
  527. height: 0.5px;
  528. margin-right:10px;
  529. background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 255), rgba(255, 255, 255, 0));
  530. }
  531.  
  532. code {
  533. text-transform: uppercase;
  534. }
  535.  
  536. /*---------------------------- LINKS ---------------------------*/
  537.  
  538. a:link, a:active, a:visited {
  539. text-decoration: none;
  540. color: #8f3d2e;
  541. text-transform: none;
  542. font-family: 'Contrail One', cursive;
  543. font-size: 14px;
  544. -moz-transition-duration:.6s;
  545. -webkit-transition-duration:.6s;
  546. -o-transition-duration:.6s;
  547. -webkit-filter: blur(0px);}
  548.  
  549. a:hover {
  550. color: #8f8f8f;
  551. font-family: 'Contrail One', cursive;
  552. letter-spacing: 0px;
  553. -moz-transition-duration:.6s;
  554. -webkit-transition-duration:.6s;
  555. -o-transition-duration:.6s;
  556. -webkit-filter: blur(0px);}
  557.  
  558.  
  559.  
  560. a.navi, a.navi:link, a.navi:active, a.navi:visited {
  561. color: #a68b7c;
  562. text-shadow: 0px 0px 10px #a68b7c;
  563. font-family: times;
  564. font-size: 12px;
  565.  
  566. }
  567.  
  568. a.navi:hover {
  569. -moz-transition-duration:.6s;
  570. -webkit-transition-duration:.6s;
  571. -o-transition-duration:.6s;
  572. -webkit-filter: blur(0px);
  573. }
  574.  
  575.  
  576. .anchor {
  577. padding-top:5px;
  578. text-align:center; }
  579.  
  580. .anchor a {
  581. display:inline-block;
  582. width:90px; height:4px;
  583. margin:2px; padding:3px 6px 10px;
  584. text-align:center;
  585. background-image: url('');
  586. background:transparent;
  587. background-repeat:repeat;
  588. background-attachment:fixed;
  589. color:#99b7b5;
  590. font-size:9px;
  591. font-family:calibri;
  592. text-shadow:1px 1px 0px #fff,
  593. display: inline-block;
  594. cursor: pointer;
  595. }
  596.  
  597. .anchor a:hover {
  598. display:inline-block;
  599. letter-spacing:2px;
  600. -moz-border-radius: 46px 10px 58px 0px;
  601. -webkit-border-radius: 46px 10px 58px 0px;
  602. -moz-transition-duration: 0.4s;
  603. -webkit-transition-duration: 0.4s;
  604. -o-transition-duration: 0.4s;
  605. transition-duration: 0.4s;
  606. }
  607.  
  608.  
  609. /*---------------------------- PAGINATION ---------------------------*/
  610.  
  611.  
  612. .pag {
  613. position: fixed;
  614. left: 825px;
  615. top: 525px;
  616. width: auto;
  617. height: auto;
  618. }
  619.  
  620. .jump_page {
  621. padding: 4px 4px;
  622. border: none;
  623. background-color: none;
  624. color:#ffffff;
  625. font-family:century gothic;
  626. font-size:11px;
  627. text-decoration:none;
  628. }
  629.  
  630. .current_page, .jump_page:hover {
  631. padding: 4px 4px;
  632. border: none;
  633. background-color: none;
  634. color: none;
  635. font-family:century gothic;
  636. font-size:11px;
  637. text-decoration:none;
  638. }
  639.  
  640.  
  641.  
  642.  
  643.  
  644. /*--------------------------- TAGS & INFO ---------------------------*/
  645.  
  646.  
  647. #infobox {
  648. border:1px solid transparent;
  649. margin-bottom:10px;
  650. padding-top:10px;
  651. overflow: auto;
  652. }
  653.  
  654.  
  655. #info {
  656. margin-left:20px;
  657. background-color: #36342c;
  658. background-image: url('{image:headerbackground}');
  659. background-position: fixed;
  660. background-repeat: repeat;
  661. border: 1px solid #222;
  662. height: 30px;
  663. margin-left:0px;
  664. margin-bottom: 75px;
  665. }
  666.  
  667. #info a {
  668. color:#ffffff;
  669. text-shadow: 0px 0px 2px #000000;
  670. opacity: 1;
  671. font-family: 'big noodle titling';
  672. text-transform: uppercase;
  673. }
  674.  
  675. #info a:hover {
  676. color:#222;
  677. opacity: 1;
  678. }
  679.  
  680.  
  681. #tags {
  682. width:200px;
  683. height: 25px;
  684. overflow: auto;
  685. padding:10px;
  686. font-size:7px;
  687. text-align:left;
  688. font-family:courier;
  689. text-transform:uppercase;
  690. background:transparent;
  691. border-bottom:1px solid #474747;
  692. margin-bottom: 5px;
  693. margin-top: 10px;
  694. opacity: 0;
  695. -webkit-transition: all 0.8s ease;
  696. -moz-transition: all 0.8s ease;
  697. transition: all 0.8s ease;
  698. }
  699.  
  700. #tags:hover {
  701. opacity:1;
  702. margin-left:15px;
  703. }
  704.  
  705. #tags a {
  706. font-family:consolas;
  707. font-size:8px;
  708. line-height:8pt;
  709. letter-spacing:0px;
  710. color:#d4cec3;
  711. text-shadow:0px 0px 7px #7f7f7f;
  712. text-decoration:none;
  713. text-transform:uppercase;
  714. text-align:center;
  715. display:inline-block;
  716. margin:1px 0px 3px 0px;
  717. -webkit-border-radius: 30px;
  718. -webkit-transition: all 0.4s ease-out;
  719. -moz-transition: all 0.4s ease-out;
  720. transition: all 0.4s ease-out;
  721. -moz-transition-duration: 0.4s;
  722. -webkit-transition-duration: 0.4s;
  723. -o-transition-duration: 0.4s;
  724. transition-duration: 0.4s; }
  725.  
  726.  
  727. #tags a:hover {
  728. color:#555;
  729. text-shadow:0px 0px 1px #777;
  730. -webkit-filter:none;
  731. -webkit-transition: all 0.6s ease-in-out;
  732. opacity:1;
  733. -webkit-transition: all 0.6s ease-in-out;
  734. -moz-transition: all 0.6s ease-in-out;
  735. -o-transition: all 0.6s ease-in-out;
  736. -ms-transition: all 0.6s ease-in-out;
  737. transition: all 0.6s ease-in-out;
  738. }
  739.  
  740.  
  741.  
  742.  
  743. /*---------------------------- EXTRA 1 ---------------------------*/
  744.  
  745.  
  746.  
  747. .note {
  748. text-transform:uppercase;
  749. font-style:normal;
  750. letter-spacing:0px;
  751. font-size: 10px;
  752. text-align:left;
  753. line-height:90%;
  754. margin-left:-40px;}
  755.  
  756. .note li {
  757. list-style-type:none;
  758. border-bottom:0px solid {color:border};
  759. padding:10px 25px 10px 25px;
  760. text-align:left;
  761. margin:0px;
  762. -moz-transition-duration:0.5s;
  763. -webkit-transition-duration:0.5s;
  764. -o-transition-duration:0.5s;}
  765.  
  766. .note img.avatar {
  767. margin-right: 10px;
  768. width: 16px;
  769. height: 16px;}
  770.  
  771.  
  772.  
  773.  
  774. /*-------------------------- MUSIC PLAYER ---------------------------*/
  775.  
  776.  
  777.  
  778. .songart{
  779. float:left;
  780. margin-right:10px;
  781. }
  782.  
  783. .songart img{
  784. width:80px;
  785. height:80px;
  786. }
  787.  
  788. .songtitle{
  789. margin-bottom:10px;
  790. margin-left:90px;
  791. }
  792.  
  793. .songauthor{
  794. margin-bottom:10px;
  795. font-size:8px;
  796. margin-left:90px;
  797. }
  798.  
  799. .tumblr_audio_player {
  800. height: 50px;
  801. }
  802.  
  803.  
  804.  
  805. /*---------------------------- TOOLTIP ---------------------------*/
  806.  
  807.  
  808.  
  809. #s-m-t-tooltip{
  810. max-width:400px;
  811. margin:15px;
  812. padding:2px 8px;
  813. background: #1c0915;
  814. background-image:url('{image:headerbackground}');
  815. background-repeat:repeat;
  816. background-attachment:fixed;
  817. border: double 3px #000;
  818. color:#fff;
  819. text-shadow:1px 1px 0px #000,
  820. z-index:99999999999999999999;
  821. font-size:9px;
  822. letter-spacing:2px;
  823. font-style:bold;
  824. letter-spacing:2px;
  825. font-family: calibri;
  826. text-transform:uppercase;
  827. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  828.  
  829.  
  830.  
  831. /*--------------------------- POPUP ------------------------------ */
  832.  
  833.  
  834. /*--Making IE6 Understand Fixed Positioning--*/
  835. *html #fade {
  836. position: absolute;
  837. }
  838. *html .popup_block {
  839. position: absolute;
  840. }
  841.  
  842. .popup_block{
  843. background-color:{color:background};
  844. border: 1px solid #3b3b3b;
  845. width:250px;
  846. height:500px;
  847. top:348px;
  848. padding: 10px;
  849. left: 1123px;
  850. display: none; /*--hidden by default--*/
  851. float: left;
  852. font-size: 10px; /*font size of the words inside the box */
  853. position: fixed;
  854. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  855. }
  856.  
  857.  
  858. #fade { /*--Transparent background layer--*/
  859. display: none; /*--hidden by default--*/
  860. background: transparent;
  861. background-image: url(''); /*if you want to add a background image to go behind your popup */
  862. position: fixed; left: 0; top: 0;
  863. width: 100%; height: 100%;
  864. opacity: 1.0;
  865. z-index: 9999;
  866. }
  867.  
  868.  
  869. .popupnavlinks {
  870. padding-top:5px;
  871. text-align:center; }
  872.  
  873.  
  874. .popupnavlinks a {
  875. display:inline-block;
  876. width:90px; height:4px;
  877. margin:2px; padding:3px 6px 10px;
  878. text-align:center;
  879. background-image: url('');
  880. background:transparent;
  881. background-repeat:repeat;
  882. background-attachment:fixed;
  883. border: solid 1px #99b7b5;
  884. color:#99b7b5;
  885. font-size:9px;
  886. font-family:calibri;
  887. text-shadow:1px 1px 0px #fff,
  888. display: inline-block;
  889. cursor: pointer;
  890. }
  891.  
  892. .popupnavlinks a:hover {
  893. display:inline-block;
  894. letter-spacing:2px;
  895. border-radius: 46px 10px 58px 0px;
  896. -moz-border-radius: 46px 10px 58px 0px;
  897. -webkit-border-radius: 46px 10px 58px 0px;
  898. -moz-transition-duration: 0.4s;
  899. -webkit-transition-duration: 0.4s;
  900. -o-transition-duration: 0.4s;
  901. transition-duration: 0.4s;
  902. }
  903.  
  904.  
  905.  
  906. .popupclose {
  907. float:right; top:0px; right:0px;
  908. margin-top:-10px; margin-right:-10px;
  909. font-family:'Scada', sans serif;
  910. font-size:10px;
  911. font-weight:bold }
  912.  
  913. .popupclose a {
  914. color:#aaa }
  915.  
  916.  
  917.  
  918. /*--------------------------- POPUP ------------------------------ */
  919.  
  920. ul#tabs {
  921. list-style-type: none;
  922. padding: 0;
  923. text-align: justify;
  924. font-size:8px;
  925. letter-spacing:1px;
  926. }
  927. ul#tabs li {
  928. background-color: transparent;
  929. border: 1px solid #222222;
  930. border-radius: 2px;
  931. background-repeat:repeat;
  932. background-attachment:fixed;
  933. background-image: url('');
  934. display: block;
  935. padding: 4px 10px;
  936. margin-bottom: 4px;
  937. margin-left: 2px;
  938. cursor: pointer;
  939. color: #fff;
  940. text-align: center;
  941. }
  942. ul#tabs li:hover {
  943. background-color: transparent;
  944. border-radius: 2px;
  945. color: #ffffff;
  946. text-shadow: 1px 1px 3px #fff;
  947. }
  948. ul#tabs li.active {
  949. background-image: url('');
  950. background:transparent;
  951. background-repeat:repeat;
  952. background-attachment:fixed;
  953. border: 1px solid #222222;
  954. color:#b5d230;
  955. display: block;
  956. padding: 4px 10px;
  957. margin-bottom: 4px;
  958. cursor: pointer;
  959. border-radius: 2px;
  960. text-align: center;
  961. }
  962. ul#tab {
  963. list-style-type: none;
  964. margin: 0;
  965. padding: 0;
  966. }
  967. ul#tab li {
  968. display: none;
  969. }
  970. ul#tab li.active {
  971. display: block;
  972. }
  973.  
  974.  
  975. .esperanza {
  976. position: fixed;
  977. background-color: {color:background};
  978. border: 1px solid #3b3b3b;
  979. padding: 10px;
  980. top: 200px;
  981. left: 810px;
  982. width: 120px;
  983. height: 300px;
  984. overflow: auto;
  985. z-index: 1;
  986.  
  987. }
  988.  
  989. </style>
  990.  
  991.  
  992.  
  993.  
  994.  
  995.  
  996. <body>
  997.  
  998. <!--------------------------- SIDEBOX -------------------------------->
  999.  
  1000. <div class="sidebox">
  1001.  
  1002. <h3>{text:charactername}</h3>
  1003. <p><center>{text:indieprivselc}</center>
  1004.  
  1005. <br>
  1006. <hr></hr>
  1007. <br>
  1008. <quotations>"</quotations><i><quote>{text:quote}</quote></i><quotations>"</quotations>
  1009.  
  1010.  
  1011. <p><p>
  1012. <h2>{text:title}</h2>
  1013. <center><b>{text:extra}</b></center>
  1014.  
  1015.  
  1016. <p>
  1017. <p>
  1018. <h3>DEBTS</h3>
  1019. <center>
  1020. <b>Starters:</b> {text:Starters} <br> <b>Drafts:</b> {text:Drafts} <br> <b>Memes:</b> {text:Memes} <br> <b>Queue:</b> {text:Queue}
  1021. </center>
  1022.  
  1023.  
  1024. <br>
  1025. <h3>Pennd By</h3>
  1026.  
  1027. <center>
  1028. <i>{text:penname}</i>
  1029.  
  1030. </center>
  1031. </div>
  1032.  
  1033.  
  1034.  
  1035. <!---POP UP PAGES--->
  1036.  
  1037. <!---RULES START--->
  1038. <div id="box2" class="popup_block">
  1039.  
  1040. <div style="width:auto;height:490px;overflow:auto;">
  1041.  
  1042.  
  1043. <h2>UNIVERSAL LAW</h2>
  1044.  
  1045. <p>
  1046. Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules
  1047. Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules
  1048. Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules
  1049. Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules
  1050. Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules
  1051. Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules
  1052.  
  1053.  
  1054. </div>
  1055. </div>
  1056. <!---RULES END--->
  1057.  
  1058.  
  1059.  
  1060. <!---NAVIGATION STARTS--->
  1061. <div id="box3" class="popup_block">
  1062.  
  1063. <div style="width:auto;height:490px;overflow:auto;padding:5px;">
  1064.  
  1065. <center>
  1066.  
  1067. <h1>NAVIGATION</h1>
  1068.  
  1069.  
  1070. <div class="popupnavlinks">
  1071.  
  1072. <h2>WRITING</h2>
  1073. <a href="/tagged/whatever">LINK</a>
  1074. <a href="/tagged/whatever">LINK</a>
  1075. <br>
  1076. <a href="/tagged/whatever">LINK</a>
  1077. <a href="/tagged/whatever">LINK</a>
  1078. <BR>
  1079. <p><h2>CHARACTER</h2>
  1080. <a href="/tagged/whatever">LINK</a>
  1081. <a href="/tagged/whatever">LINK</a>
  1082. <br>
  1083. <a href="/tagged/whatever">LINK</a>
  1084. <a href="/tagged/whatever">LINK</a>
  1085. <br>
  1086. <a href="/tagged/whatever">LINK</a>
  1087. <a href="/tagged/whatever">LINK</a>
  1088. <p><h2>FRIENDS</h2>
  1089. <br>
  1090. <a href="/tagged/whatever">LINK</a>
  1091. <a href="/tagged/whatever">LINK</a>
  1092. <br>
  1093. <a href="/tagged/whatever">LINK</a>
  1094. <a href="/tagged/whatever">LINK</a>
  1095. <br>
  1096. <a href="/tagged/whatever">LINK</a>
  1097. <a href="/tagged/whatever">LINK</a>
  1098. <br>
  1099. <a href="/tagged/whatever">LINK</a>
  1100. <a href="/tagged/whatever">LINK</a>
  1101. </div>
  1102. </div></div>
  1103. <!---NAVIGATION ENDS--->
  1104.  
  1105.  
  1106.  
  1107. <!---VERSES STARTS--->
  1108. <div id="box4" class="popup_block">
  1109.  
  1110. <div style="width:auto;height:490px;overflow:auto;padding:5px;">
  1111.  
  1112. <div class="esperanza">
  1113. <ul id="tabs">
  1114. <li class="active">Basics</li>
  1115. <li>Main Verse</li>
  1116. <li>AU Verses</li>
  1117. <li>M & E</li>
  1118. <li>Tab 5</li>
  1119. </ul>
  1120. </div>
  1121.  
  1122. <ul id="tab">
  1123. <li class="active">
  1124.  
  1125.  
  1126. <div class="anchor">
  1127. <p><a href="#basics">basics</a>
  1128. <a href="#bio">bio</a>
  1129. </div>
  1130.  
  1131.  
  1132. <a name="basics"><h1>BASICS</h1></a>
  1133.  
  1134. <h2>The Basics</h2>
  1135. <p><strong>FULL NAME:</strong> Input<br />
  1136. <strong>RANK:</strong> Input<br />
  1137. <strong>DOB:</strong> Input<br />
  1138. <strong>POB:</strong> Input<br />
  1139. <strong>HOME TOWN:</strong> Input<br />
  1140. <strong>SEX:</strong> Input<br />
  1141. <strong>ORIENTATION:</strong> Input<br />
  1142. <strong>MARITAL STATUS:</strong> Input<br />
  1143. <strong>KNOWN LANGUAGES:</strong> Input<br />
  1144. <strong>EDUCATION:</strong> Input<br />
  1145. <strong>CURRENT OCCUPATION:</strong> Input<br />
  1146. <strong>PREVIOUS LOCATIONS:</strong> Input</p>
  1147. <h2>Family</h2>
  1148. <p><strong>MOTHER:</strong> Input<br />
  1149. <strong>FATHER:</strong> Input<br />
  1150. <strong>BROTHER:</strong> Input<br />
  1151. <strong>SISTER:</strong> Input <br />
  1152. <h2>Traits</h2>
  1153. <p><strong>HAIR / EYES:</strong> Input<br />
  1154. <strong>HEIGHT / WEIGHT:</strong> Input<br />
  1155. <strong>BODY TYPE / SKINTONE:</strong> Input<br />
  1156. <strong>NOTABLE MARKINGS:</strong> Input<br />
  1157. <strong>FACE CLAIMS:</strong> Input</p>
  1158.  
  1159. <p><a name="bio"><h2>bio</h2></a>
  1160.  
  1161. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  1162.  
  1163. </li>
  1164.  
  1165.  
  1166.  
  1167. <li>
  1168. <div class="anchor">
  1169. <p><a href="#airforce">Air Force</a>
  1170. <a href="#cia">CIA</a><br>
  1171. <a href="#liaison">Liaison</a>
  1172. <a href="#regent">Regent</a>
  1173. </div>
  1174.  
  1175.  
  1176. <a name="airforce"><h1>Air Force</h1></a>
  1177. <p><img src="https://i.imgur.com/VTB9CIo.png" style="float: left; padding: 5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.
  1178.  
  1179. <p>Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  1180.  
  1181. <p>Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus.
  1182.  
  1183. <p>Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor. Sed non quam. In vel mi sit amet augue congue elementum. Morbi in ipsum sit amet pede facilisis laoreet. Donec lacus nunc, viverra nec, blandit vel, egestas et, augue. Vestibulum tincidunt malesuada tellus. Ut ultrices ultrices enim. Curabitur sit amet mauris. Morbi in dui quis est pulvinar ullamcorper. Nulla facilisi. Integer lacinia sollicitudin massa.
  1184.  
  1185. <p>Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales. Aenean lectus elit, fermentum non, convallis id, sagittis at, neque.
  1186.  
  1187.  
  1188.  
  1189. <p><a name="cia"><h1>CIA</h1></a>
  1190. <p><img src="https://i.imgur.com/y5JKTix.png" style="float: right; padding: 5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.
  1191.  
  1192. <p>Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  1193.  
  1194. <p>Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus.
  1195.  
  1196. <p>Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor. Sed non quam. In vel mi sit amet augue congue elementum. Morbi in ipsum sit amet pede facilisis laoreet. Donec lacus nunc, viverra nec, blandit vel, egestas et, augue. Vestibulum tincidunt malesuada tellus. Ut ultrices ultrices enim. Curabitur sit amet mauris. Morbi in dui quis est pulvinar ullamcorper. Nulla facilisi. Integer lacinia sollicitudin massa.
  1197.  
  1198. <p>Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales. Aenean lectus elit, fermentum non, convallis id, sagittis at, neque.
  1199.  
  1200.  
  1201. <p><a name="liaison"><h1>Liaison</h1></a>
  1202. <p><img src="https://i.imgur.com/pCuYVNO.png" style="float: left; padding: 5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.
  1203.  
  1204. <p>Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  1205.  
  1206. <p>Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus.
  1207.  
  1208. <p>Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor. Sed non quam. In vel mi sit amet augue congue elementum. Morbi in ipsum sit amet pede facilisis laoreet. Donec lacus nunc, viverra nec, blandit vel, egestas et, augue. Vestibulum tincidunt malesuada tellus. Ut ultrices ultrices enim. Curabitur sit amet mauris. Morbi in dui quis est pulvinar ullamcorper. Nulla facilisi. Integer lacinia sollicitudin massa.
  1209.  
  1210. <p>Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales. Aenean lectus elit, fermentum non, convallis id, sagittis at, neque.
  1211.  
  1212.  
  1213. <p><a name="regent"><h1>Regent of Wakanda</h1></a>
  1214. <p><img src="https://i.imgur.com/D3IuVz8.png" style="float: right; padding: 5px;"><b><code>“ HE ENTRUSTED ME ENOUGH WITH THIS RESPONSIBILITY. THE LEAST I CAN DO IS MAKE HIM PROUD. ”</code></b>
  1215.  
  1216. <p>The loss of King T’Challa was taken hard by the people of Wakanda. They already thought him dead once, but something about the doings of Thanos lead the Wakandans to believe that this time was final. T’Challa, The Black Panther, wasn’t coming back.
  1217.  
  1218. <p>In preparation for all types of situations, T’Challa had taken Everett Ross into his confidence and that of the Royal Family, declaring that whilst he was away preforming Black Panther duties or something ill should befall him, and before Shrui was of age, Everett Ross, American and CIA Agent, would become REGENT of Wakanda. There were some, of course in Wakanda, that were opposed to this idea. He was a white man and outsider. But after the events with Erik and Klaw, T’Challa trusted the American with his life and knew that he would uphold himself to Wakandan standards. It was time for his country to move from the shadows and be known. T’Challa no longer wanted to rule in fear of the outside world. This seemed like his best option.
  1219.  
  1220. <p>Ross all to willingly agreed. Wakanda was his home. He valued and respected her people. Not to mention T’Challa, Shuri, Romanda…They were all his friends. His family. He would do anything that the King asked of him. So when the Battle Against Thanos finally happened, the burden of Regent, of minding a country fell upon Everett’s shoulders. While he never thought it would actually happen, he was more than prepared to step up the responsibility of leader.
  1221.  
  1222. <p>Immediately he was thrust into the throws of running a country. He planned for T’Challa’s funeral, started getting his ducks in a row, and figuring out how to move the country forward. Someone else would need to take up the mantle of Black Panther, but he had no idea who it would be. Ross spent all of his time preforming royal duties, to the point of exhausting, that he never found time to grieve until weeks later. Weeks after spending long hours keeping the country on track, he finally broke down to grieve the loss of his best friend and king. But he vowed that he would make T’Challa proud. He would do everything in his power to keep Wakanda safe and run like the King would have wanted. When the time came for Shuri to be queen, he would make sure the transition would be seamless.
  1223. </li>
  1224.  
  1225. <li>
  1226. <div class="anchor">
  1227. <p><a href="#gotg">GOTG</a>
  1228. </div>
  1229.  
  1230.  
  1231. <a name="gotg"><h1>GOTG</h1></a>
  1232. <p><img src="https://i.imgur.com/pCuYVNO.png" style="float: left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.
  1233.  
  1234. <p>Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  1235.  
  1236. <p>Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus.
  1237.  
  1238. <p>Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor. Sed non quam. In vel mi sit amet augue congue elementum. Morbi in ipsum sit amet pede facilisis laoreet. Donec lacus nunc, viverra nec, blandit vel, egestas et, augue. Vestibulum tincidunt malesuada tellus. Ut ultrices ultrices enim. Curabitur sit amet mauris. Morbi in dui quis est pulvinar ullamcorper. Nulla facilisi. Integer lacinia sollicitudin massa.
  1239.  
  1240. <p>Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales. Aenean lectus elit, fermentum non, convallis id, sagittis at, neque.
  1241.  
  1242.  
  1243. </li>
  1244.  
  1245.  
  1246. <li>
  1247. <h2>Mains & Exclusives</h2>
  1248.  
  1249. <p><h3>Exclusives</h3>
  1250.  
  1251.  
  1252.  
  1253.  
  1254. </li>
  1255.  
  1256.  
  1257.  
  1258. <li>
  1259. <h2>Tab number five here we go!</h2>
  1260.  
  1261. Stuff Here
  1262.  
  1263. </li>
  1264. </ul>
  1265.  
  1266.  
  1267.  
  1268.  
  1269. </div></div>
  1270. <!---VERSES ENDS--->
  1271.  
  1272.  
  1273. <div class="links">
  1274.  
  1275. <a href="/" class="poplight third" title="refresh" style="padding-right: 1px;">I.</a>
  1276. <a href="/ask" class="poplight third" title="ask">II.</a>
  1277. <a href="#?w=250" rel="box2" class="poplight third" title="rules">III.</a>
  1278. <a href="#?w=260" rel="box3" class="poplight third" title="navigation">IV.</a>
  1279. <a href="#?w=260" rel="box4" class="poplight third" title="about">V.</a>
  1280.  
  1281.  
  1282. </div>
  1283.  
  1284.  
  1285. <!----------------------------- CREDIT ------------------------------>
  1286.  
  1287. <div class="credit">
  1288. <a href="https://bridgetowakandabasecodes.tumblr.com/" title="bridgetowakanda basecodes">♛</a>
  1289. </div>
  1290.  
  1291.  
  1292. <!------------------------- POSTS & CONTENT -------------------------->
  1293.  
  1294.  
  1295.  
  1296. <div class="pag">
  1297. {block:Pagination}
  1298. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  1299. {block:JumpPagination length="5"}
  1300. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1301. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1302. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  1303. {/block:Pagination}
  1304. </div>
  1305.  
  1306.  
  1307.  
  1308.  
  1309. <div id="entries">
  1310.  
  1311. {block:Posts}
  1312.  
  1313. <div class="posts">
  1314.  
  1315. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1316.  
  1317. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  1318. {/block:Photo}
  1319.  
  1320. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1321.  
  1322. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1323.  
  1324. {block:Video}
  1325. <div class="video">{Video-500}</div>
  1326. {/block:Video}
  1327.  
  1328. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1329.  
  1330.  
  1331. {block:Quote}<quotetext>❝{Quote}❞</quotetext>{block:Source}<h3>{Source}</h3>{/block:Source}{/block:Quote}
  1332.  
  1333.  
  1334. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  1335. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  1336.  
  1337.  
  1338. <!--AUDIO POST-->
  1339. {block:Audio}
  1340. {block:AlbumArt}
  1341. <div class="songart">
  1342. <img src="{AlbumArtURL}">
  1343. </div>
  1344. {/block:AlbumArt}
  1345. <div class="songtitle">
  1346. {block:TrackName}
  1347. {TrackName}
  1348. {/block:TrackName}
  1349. </div>
  1350. <div class="songauthor">
  1351. By
  1352. {block:Artist}
  1353. {Artist}
  1354. {/block:Artist}
  1355. </div>
  1356. {AudioPlayerWhite}
  1357. {/block:Audio}
  1358.  
  1359.  
  1360.  
  1361. {block:Answer}
  1362. <div id="asking" style="margin-left: 250px; margin-bottom: -40px; -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg);"><img src="{image:asking}" height="64px;" draggable="false"></div>
  1363.  
  1364. <div id="border">
  1365. <div id="askerurl" style="margin-left:0px; margin-top:0px; text-transform:uppercase; color: {color:bold}; word-wrap: break-word; max-width: 100%;">{asker}</div><div style="max-width:150px; margin-left:45px; margin-top:-5px; letter-spacing:2px; word-spacing: 1px; text-align:justify;">sent a transmission</div>
  1366. </div>
  1367.  
  1368. <div id="question" style="margin-top: 20px">{Question}</div>
  1369. <div id="answer" style="margin-top: 20px;">{Answer}</div>
  1370. {/block:Answer}
  1371.  
  1372.  
  1373. <div id="infobox">
  1374. <div id="info">
  1375. <br>
  1376.  
  1377. &nbsp; &nbsp;
  1378.  
  1379.  
  1380. {block:Date}
  1381. <a href="{Permalink}"style="position:absolute; width: autopx; margin-left:110px; margin-top:-7px; font-size: 12px; font-family: 'Oswald', sans-serif;" title="{TimeAgo}, {ShortMonth} {DayOfMonthWithZero} with {NoteCount} notes ">{ShortMonth} {DayOfMonthWithZero} </a>
  1382. {/block:Date}
  1383.  
  1384.  
  1385.  
  1386. <a href="{ReblogURL}" style="position:absolute; margin-left:60px; margin-top:-7px; font-size:12px; font-family: 'Oswald', sans-serif;';" title="reblog"> Reblog </a>
  1387.  
  1388.  
  1389.  
  1390. {block:NoRebloggedFrom}
  1391. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1392. {/block:NoRebloggedFrom}
  1393.  
  1394.  
  1395. {block:ContentSource}
  1396. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1397. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1398. {/block:SourceLogo}
  1399. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1400. {/block:ContentSource}
  1401.  
  1402.  
  1403. <br>
  1404.  
  1405.  
  1406. <!------------------------ INFO AND SYMBOLS ENDS ---------------------->
  1407.  
  1408.  
  1409. <div id="tags">{block:HasTags}{block:Tags}&nbsp;☽&nbsp; <a href="{TagURL}" title="{Tag}"> {Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1410. </div>&nbsp;
  1411.  
  1412. <br><br><br><br>
  1413.  
  1414. {/block:Posts}
  1415. <div class="note">
  1416. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1417. </div></div>
  1418.  
  1419. {/block:Posts}
  1420.  
  1421.  
  1422. </div>
  1423. </div>
  1424. </div>
  1425.  
  1426.  
  1427.  
  1428. </body>
  1429.  
  1430.  
  1431.  
  1432.  
  1433.  
  1434. </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!