API tools faq
paste
Advertisement
bridgetowakanda

guildedassassin main 001

bridgetowakanda
Aug 9th, 2020
83
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.27 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=Contrail+One" rel="stylesheet">
  7. <link href="https://fonts.googleapis.com/css?family=Unica+One" rel="stylesheet">
  8. <link href="https://fonts.googleapis.com/css?family=Marck+Script" rel="stylesheet">
  9. <link href="https://fonts.googleapis.com/css?family=VT323" rel="stylesheet">
  10. <link href="https://fonts.googleapis.com/css?family=Nova+MoRWno" rel="stylesheet">
  11. <link href="https://fonts.googleapis.com/css2?family=Ramabhadra&display=swap" rel="stylesheet">
  12. <link href="https://fonts.googleapis.com/css2?family=Caveat:wght@700&display=swap" rel="stylesheet">
  13.  
  14. <html>
  15. <!--
  16. BASE CODE
  17. https://fratdadbase.tumblr.com/
  18. -->
  19.  
  20.  
  21. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  22. <head>
  23. <title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}
  27. <meta name="description" content="{MetaDescription}" />
  28. {/block:Description}
  29.  
  30.  
  31. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  32.  
  33. <!------------------------------ SCRIPTS ----------------------------->
  34. <!------------------------------ POPUP ------------------------------>
  35.  
  36.  
  37. <script type="text/javascript"
  38. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  39. <script>
  40. $(document).ready(function() {
  41. //
  42. $('a.poplight[href^=#]').click(function() {
  43. var popID = $(this).attr('rel'); //Get Popup Name
  44. var popURL = $(this).attr('href'); //Get Popup href to define size
  45. var query= popURL.split('?');
  46. var dim= query[1].split('&');
  47. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  48. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">');
  49. var popMargTop = ($('#' + popID).height() + 80) / 2;
  50. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  51. //Apply Margin to Popup
  52. $('#' + popID).css({
  53. 'margin-top' : -popMargTop,
  54. 'margin-left' : -popMargLeft
  55. });
  56. $('body').append('<div id="fade"></div>');
  57. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  58. return false;
  59. });
  60. $('a.close, #fade').live('click', function() {
  61. $('#fade , .popup_block').fadeOut(function() {
  62. $('#fade, a.close').remove(); //fade them both out
  63. });
  64. return false;
  65. });
  66. });
  67. </script>
  68.  
  69.  
  70.  
  71.  
  72. <!----------------------------- TOOLTLIP ----------------------------->
  73.  
  74.  
  75. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  76. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  77. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  78. <script>
  79. (function($){
  80. $(document).ready(function(){
  81. $("[title]").style_my_tooltips({
  82. tip_follows_cursor:true,
  83. tip_delay_time:200,
  84. tip_fade_speed:500
  85. });
  86. });
  87. })(jQuery);
  88. </script>
  89.  
  90.  
  91.  
  92. <!------------------------------ TABS ------------------------------>
  93.  
  94.  
  95. <script>
  96. $(document).ready(function(){
  97. $("ul#tabs li").click(function(e){
  98. if (!$(this).hasClass("active")) {
  99. var tabNum = $(this).index();
  100. var nthChild = tabNum+1;
  101. $("ul#tabs li.active").removeClass("active");
  102. $(this).addClass("active");
  103. $("ul#tab li.active").removeClass("active");
  104. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  105. }
  106. });
  107. });
  108. </script>
  109.  
  110.  
  111.  
  112.  
  113. </head>
  114.  
  115. <!---------------------------- META DATA ----------------------------->
  116. <meta name="text:Starters" content="00"/>
  117. <meta name="text:Drafts" content="00"/>
  118. <meta name="text:Memes" content="00"/>
  119. <meta name="text:Queue" content="00"/>
  120. <meta name="text:Penname" content="penname"/>
  121.  
  122.  
  123.  
  124. <meta name="if:containerhover" content="1"/>
  125.  
  126.  
  127. <style type="text/css">
  128.  
  129.  
  130.  
  131.  
  132.  
  133. /*---------------------------- SCROLL BAR ---------------------------*/
  134. ::-webkit-scrollbar {
  135. width: 2px;
  136. height: 2px;
  137. }
  138. ::-webkit-scrollbar-button {
  139. width: 0px;
  140. height: 0px;
  141. }
  142. ::-webkit-scrollbar-thumb {
  143. background: transparent;
  144. border: 0px none #a68b7c;
  145. border-radius: 50px;
  146. }
  147. ::-webkit-scrollbar-thumb:hover {
  148. background: transparent;
  149. }
  150. ::-webkit-scrollbar-thumb:active {
  151. background: transparent;
  152. }
  153. ::-webkit-scrollbar-track {
  154. background: transparent;
  155. border: 0px none #a68b7c;
  156. border-radius: 0px;
  157. }
  158. ::-webkit-scrollbar-track:hover {
  159. background:transparent;
  160. }
  161. ::-webkit-scrollbar-track:active {
  162. background: transparent;
  163. }
  164. ::-webkit-scrollbar-corner {
  165. background: transparent;
  166. }
  167.  
  168.  
  169. /*---------------------------- SELECTION ---------------------------*/
  170.  
  171. ::SELECTION {BACKGROUND: #954444; COLOR:#e7e5d1; }
  172. ::-MOZ-SELECTION {BACKGROUND: #954444; COLOR:#e7e5d1; }
  173.  
  174.  
  175.  
  176. /*---------------------------- BODY ---------------------------*/
  177.  
  178. body {
  179. background-color:#698589;
  180. background-image:url('https://i.imgur.com/42wdKiL.png');
  181. background-repeat: no-repeat;
  182. font-family: calibri;
  183. font-size: 11px;
  184. text-align: justify;
  185. color:#ffffff;
  186. word-spacing: 2px;
  187. }
  188.  
  189.  
  190.  
  191. /*---------------------- QUESTIONS & ANSWERS ------------------------*/
  192.  
  193. #askerurl {
  194. text-transform:uppercase;
  195. font-weight:400;
  196. font-size:20px;
  197. margin-top:80px;
  198. margin-left:50px;
  199. padding-bottom:5px;
  200. width:250px;
  201. font-family: 'Orbitron', sans-serif;
  202. text-align:center;
  203. }
  204.  
  205. #asking img {
  206. padding: 5px;
  207. }
  208.  
  209. #question {
  210. background-attachment:auto;
  211. background-image: url('');
  212. padding: 5px;
  213. border-left: 3px solid #4bb3a2;
  214. border-right: 3px solid #4bb3a2;
  215. background-color:#3c636e;
  216. border-radius: 2px;
  217. color: #ffffff;
  218. font-family: courier new;
  219. text-transform: uppercase;
  220. font-size: 9px;
  221. }
  222.  
  223. #answer {
  224. word-spacing: 0px;
  225. }
  226.  
  227. /*------------------------ CONTAINER & POSTS ------------------------*/
  228.  
  229. #entries {
  230. width:350px;
  231. height:600px;
  232. top:0px;
  233. padding: 5px;
  234. margin-left: 300px;
  235. position:relative;
  236. overflow-y:scroll;
  237. overflow-x:hidden;
  238. border: 3px double #7ea3a8;
  239. background: #597377;
  240. }
  241.  
  242.  
  243.  
  244. #entries img {
  245. height:auto;
  246. max-width:100%;
  247. }
  248.  
  249. #post img {
  250. height: auto;
  251. max-width: 100%;
  252. }
  253.  
  254.  
  255. #posts {
  256. width:250px;
  257. background-color: #222;
  258. padding-bottom:0px;
  259. overflow-y:scroll;
  260. overflow-x:hidden;
  261. }
  262.  
  263.  
  264. /*----------------------- MAINS AND EXCLUSIVES ----------------------*/
  265.  
  266. #me {
  267. width: 250px;
  268. height: 100px;
  269. overflow:auto;
  270. background-color:#383838;
  271. padding: 2px;
  272. }
  273.  
  274. #meimg {
  275. width: 75px;
  276. height: 75px;
  277. padding: 1px;
  278. }
  279.  
  280. #mename {
  281. margin-top: -35px;
  282. }
  283.  
  284.  
  285.  
  286.  
  287. /*---------------------------- FANCY FONT ---------------------------*/
  288.  
  289. h1 {
  290. font-size: 30px;
  291. background-image: linear-gradient(to right, #c73436, #bf7e61);
  292. -webkit-background-clip: text;
  293. -webkit-text-fill-color: transparent;
  294. text-transform: uppercase;
  295. font-family: 'Caveat', cursive;
  296. }
  297.  
  298. h2 {
  299. font-size:15px;
  300. font-family: 'Ramabhadra', sans-serif;
  301. text-align: center;
  302. color:#232021;
  303. background-color: #657686;
  304. display:block;
  305. text-transform:uppercase;
  306. letter-spacing:1px;
  307.  
  308. }
  309.  
  310. h3 {
  311. font-size:15px;
  312. font-family: 'Caveat', cursive;
  313. text-align: center;
  314. color:#232021;
  315. background-color: #b29085;
  316. display:block;
  317. text-transform:uppercase;
  318. letter-spacing:1px;
  319. border: double 3px #000;
  320. }
  321.  
  322.  
  323. h4 {
  324. background-image: url('https://i.imgur.com/HxyCKMa.png');
  325. background-position:top;
  326. background-attachment:fixed;
  327. border: double 3px #000;
  328. padding:5px;
  329. color:#ffffff;
  330. overflow: auto;
  331. text-shadow:1px 1px 2px #000,
  332. font-size:15px;
  333. font-family:calibri;
  334. text-transform:uppercase;
  335. letter-spacing:1px;
  336. text-align:Left;
  337. }
  338.  
  339. h5 {
  340. font-size:20px;
  341. font-weight: 21px;
  342. font-family: 'Ramabhadra', sans-serif;
  343. text-align: center;
  344. color:#4bb3a2;
  345. text-transform:uppercase;
  346. letter-spacing:0px;
  347. display: inline-block;
  348. }
  349.  
  350.  
  351. i, italic, em {
  352. font-family: 'Nova Mono', monospace;
  353. font-size: 15px;
  354. text-transform: italic;
  355. text-transform: uppercase;
  356. color:#ae896b;
  357. text-transform:lowercase;
  358. letter-spacing:1px;
  359.  
  360. }
  361.  
  362. b, bold, strong {
  363. font-size:15px;
  364. text-transform: uppercase;
  365. letter-spacing: 3px;
  366. font-family: 'VT323', monospace;
  367. color:#ad5c65;
  368. text-shadow: 1px 1px #000000;
  369.  
  370. }
  371. u, underline {
  372. font-size: 14px;
  373. background-color: #4bb3a2;
  374. font-family: 'VT323', monospace;
  375. font-weight:400;
  376. color:#232021;
  377. text-transform:uppercase;
  378. letter-spacing:1px;}
  379.  
  380. p {
  381. margin-top:5px;
  382. margin-bottom:5px;}
  383.  
  384.  
  385. ol {
  386. list-style:normal;}
  387.  
  388.  
  389. ul {
  390. list-style:square;}
  391.  
  392.  
  393. small {
  394. font-size:10px}
  395.  
  396.  
  397. sup,sub {
  398. font-size:11px}
  399.  
  400.  
  401. pre {
  402. font-size: 12px;
  403. border-left: 1px solid #954444;
  404. background-color: #534f4a;
  405. padding: 2px;
  406. font-family: courier new;
  407. font-style: none;
  408. text-transform: uppercase;
  409. text-align:left;
  410. white-space: pre-wrap;
  411. white-space: -moz-pre-wrap;
  412. white-space: -pre-wrap;
  413. white-space: -o-pre-wrap;
  414. word-wrap: break-word;
  415. }
  416.  
  417.  
  418.  
  419.  
  420. blockquote {
  421. padding: 5px;
  422. margin:5px 0 5px 5px;
  423. border-left:2px solid #954444;
  424. }
  425.  
  426. blockquote blockquote {
  427. padding: 5px;
  428. margin:5px 0 5px 5px;
  429. border-left:2px solid #954444;
  430. }
  431.  
  432.  
  433. blockquote blockquote blockquote {
  434. padding: 5px;
  435. margin:5px 0 5px 5px;
  436. border-left:2px solid #954444;
  437. }
  438.  
  439.  
  440.  
  441. blockquote img {
  442. max-width:100%;
  443. height:100%;
  444. }
  445.  
  446. blockquote blockquote img {
  447. max-width:100%;
  448. height:auto;
  449. }
  450.  
  451. blockquote blockquote blockquote img {
  452. max-width:100%;
  453. height:auto;
  454. }
  455.  
  456. blockquote blockquote blockquote blockquote img {
  457. max-width:100%;
  458. height:auto;
  459. }
  460.  
  461. blurb {
  462. width: auto;
  463. height: auto;
  464. overflow: none;
  465. padding: 2px;
  466. font-size:11px;
  467. text-align:center;
  468. font-family:courier;
  469. text-transform:uppercase;
  470. margin-bottom: 5px;
  471. margin-top: 5px;
  472. border-left: 4px solid #ad988f;
  473. border-right: 4px solid #ad988f;
  474. background-color: #698589;
  475. display: block;
  476.  
  477. }
  478.  
  479.  
  480. t, title {
  481. size: 15px;
  482. color: 222;
  483. letter-spacing: 2px;
  484. font: times;
  485. }
  486.  
  487. quotetext {
  488. font-family: times;
  489. font-size: 20px;
  490. line-height: 21px;
  491. letter-spacing: 2px;
  492. text-align: center;
  493. text-transform:uppercase;
  494. color: #fff;
  495. text-shadow: 3px 1px 1px #954444;
  496. }
  497.  
  498. quotations {
  499. font: courier;
  500. font-size: 30px;
  501. color: #954444;
  502. }
  503.  
  504. quote {
  505. font-size: 13px;
  506. }
  507.  
  508. img {
  509. max-width:100%;
  510. }
  511.  
  512. hr {
  513. width:100px;
  514. border: 0;
  515. height: 0.5px;
  516. margin-right:10px;
  517. background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 255), rgba(255, 255, 255, 0));
  518. }
  519.  
  520. code {
  521. text-transform: uppercase;
  522. }
  523.  
  524. #borders {
  525. border-bottom: 1px solid #3e3e3e;
  526. }
  527.  
  528. /*---------------------------- NAVIGATION ---------------------------*/
  529.  
  530.  
  531.  
  532. a:link, a:active, a:visited {
  533. text-decoration: none;
  534. color: #2b404a;
  535. text-transform: uppercase;
  536. font-family: 'Unica One', cursive;
  537. font-size: 14px;
  538. -moz-transition-duration:.6s;
  539. -webkit-transition-duration:.6s;
  540. -o-transition-duration:.6s;
  541. -webkit-filter: blur(0px);}
  542.  
  543. a:hover {
  544. color: #1e2c33;
  545. font-family: 'Unica One', cursive;
  546. letter-spacing: 0px;
  547. -moz-transition-duration:.6s;
  548. -webkit-transition-duration:.6s;
  549. -o-transition-duration:.6s;
  550. -webkit-filter: blur(0px);}
  551.  
  552.  
  553. #map {
  554. position: fixed;
  555. left: 700px;
  556. top: 400px;
  557. height: 180px;
  558. width: 100px;
  559. background-color: #597377;
  560. border: 3px double #7ea3a8;
  561. color: #ffffff;
  562. }
  563.  
  564. a.maplink, a.maplink:link, a.maplink:active, a.maplink:visited {
  565. font-family: 'Ramabhadra', sans-serif;
  566. color: #ffffff;
  567. display: block;
  568. cursor: pointer;
  569. text-align: center;
  570. font-size: 9px;
  571. background-color: #3c636e;
  572. padding:2px 8px;
  573. width: 75px;
  574. height: 15px;
  575. margin-left: 4px;
  576. transition: 0.70s;
  577. -webkit-transition: 0.70s;
  578. -moz-transition: 0.70s;
  579. -ms-transition: 0.70s;
  580. -o-transition: 0.70s;
  581. }
  582.  
  583. a.maplink:hover {
  584. color: #6f9aa6;
  585. transition: 0.70s;
  586. -webkit-transition: 0.70s;
  587. -moz-transition: 0.70s;
  588. -ms-transition: 0.70s;
  589. -o-transition: 0.70s;
  590. }
  591.  
  592. a.navi, a.navi:link, a.navi:active, a.navi:visited {
  593. color: #ffffff;
  594. text-shadow: 0px 0px 10px #ffffff;
  595. font-family: 'VT323', monospace;
  596. font-size: 15px;
  597. transition: 0.70s;
  598. -webkit-transition: 0.70s;
  599. -moz-transition: 0.70s;
  600. -ms-transition: 0.70s;
  601. -o-transition: 0.70s;
  602.  
  603. }
  604.  
  605. a.navi:hover {
  606. transition: 0.70s;
  607. -webkit-transition: 0.70s;
  608. -moz-transition: 0.70s;
  609. -ms-transition: 0.70s;
  610. -o-transition: 0.70s;
  611. -webkit-transform: rotate(180deg);
  612. -moz-transform: rotate(180deg);
  613. -o-transform: rotate(180deg);
  614. -ms-transform: rotate(180deg);
  615. transform: rotate(180deg);
  616. }
  617.  
  618.  
  619.  
  620. /*---------------------------- PAGINATION ---------------------------*/
  621.  
  622.  
  623. .pag {
  624. position: fixed;
  625. left: 615px;
  626. top: 625px;
  627. width: auto;
  628. height: auto;
  629. }
  630.  
  631. a.pag, a.pag:link, a.pag:active, a.pag:visited {
  632. color: #fff;
  633. font-family: 'Nova Mono', monospace;
  634. font-size: 12px;
  635. text-shadow: 1px 1px 5px #fff;
  636. text-transform: uppercase;
  637. }
  638.  
  639. a.pag:hover {
  640. opacity: .5;
  641. -moz-transition-duration:.6s;
  642. -webkit-transition-duration:.6s;
  643. -o-transition-duration:.6s;
  644. -webkit-filter: blur(0px);
  645. }
  646.  
  647. /*--------------------------- TAGS & INFO ---------------------------*/
  648.  
  649.  
  650. #infobox {
  651. border:1px solid transparent;
  652. margin-bottom:10px;
  653. padding-top:10px;
  654. overflow: auto;
  655. }
  656.  
  657.  
  658. #info {
  659. margin-left:20px;
  660. background-color: transparent;
  661. background-image: url('');
  662. background-position: fixed;
  663. background-repeat: repeat;
  664. height: 20px;
  665. margin-left:0px;
  666. margin-bottom: 75px;
  667. border-bottom: 1px solid #a68b7c;
  668. text-align: center;
  669. }
  670.  
  671. #info a {
  672. color: #bba48f;
  673. opacity: 1;
  674. font-family:consolas;
  675. text-transform: uppercase;
  676. }
  677.  
  678. #info a:hover {
  679. color:#8f7761;
  680. opacity: 1;
  681. }
  682.  
  683.  
  684. #tags {
  685. width:300px;
  686. height: 25px;
  687. overflow: auto;
  688. padding:2px;
  689. font-size:5px;
  690. text-align:center;
  691. font-family:courier;
  692. text-transform:uppercase;
  693. background:transparent;
  694. margin-bottom: 5px;
  695. margin-top: 5px;
  696. border-left: 2px solid #ad988f;
  697. border-right: 2px solid #ad988f;
  698. background-color: #698589;
  699. margin-left: 15px;
  700. }
  701.  
  702.  
  703. #tags a {
  704. font-family:consolas;
  705. font-size:8px;
  706. line-height:8pt;
  707. letter-spacing:0px;
  708. color:#ffffff;
  709. text-decoration:none;
  710. text-transform:uppercase;
  711. text-align:center;
  712. display:inline-block;
  713. margin:1px 0px 3px 0px;
  714. -webkit-transition: all 0.4s ease-out;
  715. -moz-transition: all 0.4s ease-out;
  716. transition: all 0.4s ease-out;
  717. -moz-transition-duration: 0.4s;
  718. -webkit-transition-duration: 0.4s;
  719. -o-transition-duration: 0.4s;
  720. transition-duration: 0.4s; }
  721.  
  722.  
  723. #tags a:hover {
  724. color:#7b5f4f;
  725. text-shadow:0px 0px 1px #777;
  726. -webkit-filter:none;
  727. -webkit-transition: all 0.6s ease-in-out;
  728. -moz-transition: all 0.6s ease-in-out;
  729. -o-transition: all 0.6s ease-in-out;
  730. -ms-transition: all 0.6s ease-in-out;
  731. transition: all 0.6s ease-in-out;
  732. }
  733.  
  734. /*---------------------------- EXTRA 1 ---------------------------*/
  735.  
  736.  
  737.  
  738. .note {
  739. text-transform:uppercase;
  740. font-style:normal;
  741. letter-spacing:0px;
  742. font-size: 10px;
  743. text-align:left;
  744. line-height:90%;
  745. margin-left:-40px;}
  746.  
  747. .note li {
  748. list-style-type:none;
  749. border-bottom:0px solid {color:border};
  750. padding:10px 25px 10px 25px;
  751. text-align:left;
  752. margin:0px;
  753. -moz-transition-duration:0.5s;
  754. -webkit-transition-duration:0.5s;
  755. -o-transition-duration:0.5s;}
  756.  
  757. .note img.avatar {
  758. margin-right: 10px;
  759. width: 16px;
  760. height: 16px;}
  761.  
  762.  
  763.  
  764.  
  765. /*-------------------------- MUSIC PLAYER ---------------------------*/
  766.  
  767.  
  768.  
  769. .songart{
  770. float:left;
  771. margin-right:10px;
  772. }
  773.  
  774. .songart img{
  775. width:80px;
  776. height:80px;
  777. }
  778.  
  779. .songtitle{
  780. margin-bottom:10px;
  781. margin-left:90px;
  782. }
  783.  
  784. .songauthor{
  785. margin-bottom:10px;
  786. font-size:8px;
  787. margin-left:90px;
  788. }
  789.  
  790. .tumblr_audio_player {
  791. height: 50px;
  792. }
  793.  
  794. /* ----------------------------- CHAT CODE --------------------------- */
  795.  
  796. /* chat cred: https://dear-indies.tumblr.com/post/125257866576/animalites-imessage-chat-post-ive-seen-a-lot */
  797.  
  798. /* IMESSAGE CHAT POST */
  799. .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:#e5e5ea;color:#000;left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid #e5e5ea;border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:#e8f3f9;color:#000}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid #e8f3f9;border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  800. .asked p {
  801. text-align: left;
  802. margin: 0 0px 10px 0px;
  803. padding: 0;
  804. color: #666666;
  805. font-family: 'Inconsolata', Inconsolata;
  806. font-size: 12px;
  807. line-height: 0px;
  808. }
  809. .footerright .viasrc {
  810. float: left;
  811. }
  812. .asked a {
  813. margin:0;padding:0;
  814. }
  815. .user_4{background-color:#55caff;color:#fff}.user_4::after{border-color:#55caff}.user_6{background-color:#60f246;color:#fff}.user_6::after{border-color:#60f246}.user_5{background-color:#9ff3fc;color:#000}.user_5::after{border-color:#9ff3fc}.user_3{background-color:#25c413;color:#fff}.user_3::after{border-color:#25c413}.user_7{background-color:#9b9b9b;color:#fff}.user_7::after{border-color:#9b9b9b}.user_8{background-color:#0d9321;color:#fff}.user_8::after{border-color:#0d9321}.user_9{background-color:#606060;color:#fff}.user_9::after{border-color:#606060}
  816. .convo {
  817. overflow: hidden;
  818. list-style-type: none;
  819. padding: 0;
  820. margin: 0;
  821. }
  822.  
  823. /*---------------------------- TOOLTIP ---------------------------*/
  824.  
  825.  
  826.  
  827. #s-m-t-tooltip{
  828. max-width:400px;
  829. margin:15px;
  830. padding:2px 8px;
  831. background: #2a2628;
  832. background-image:url('');
  833. background-repeat:repeat;
  834. background-attachment:fixed;
  835. border-left: 3px solid #4bb3a2;
  836. border-right: 3px solid #4bb3a2;
  837. color:#fff;
  838. text-shadow:1px 1px 0px #000,
  839. z-index:99999999999999999999;
  840. font-size:9px;
  841. letter-spacing:2px;
  842. font-style:bold;
  843. letter-spacing:2px;
  844. font-family: calibri;
  845. text-transform:uppercase;
  846. }
  847.  
  848. /*--------------------------- POPUP ------------------------------ */
  849.  
  850.  
  851. /*--Making IE6 Understand Fixed Positioning--*/
  852. *html #fade {
  853. position: absolute;
  854. }
  855. *html .popup_block {
  856. position: absolute;
  857. }
  858.  
  859. .popup_block{
  860. background-color:transparent;
  861. border: 0px solid #3b3b3b;
  862. width:450px;
  863. height:485px;
  864. top:350px;
  865. padding: 5px;
  866. left: 800px;
  867. display: none; /*--hidden by default--*/
  868. float: left;
  869. font-size: 10px; /*font size of the words inside the box */
  870. position: fixed;
  871. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  872. }
  873.  
  874.  
  875. #fade { /*--Transparent background layer--*/
  876. display: none; /*--hidden by default--*/
  877. background: #232021;
  878. background-repeat: no-repeat;
  879. background-position: center;
  880. background-image: url(''); /*if you want to add a background image to go behind your popup */
  881. position: fixed; left: 0; top: 0;
  882. width: 100%; height: 100%;
  883. opacity: 0;
  884. z-index: 9999;
  885. }
  886.  
  887.  
  888. .importante {
  889. border: 3px double #7ea3a8;
  890. background: #597377;
  891. left: 310px;
  892. top:7px;
  893. height: 580px;
  894. width: 330px;
  895. position: fixed;
  896. font-size:11px;
  897. overflow: auto;
  898. padding: 15px;
  899. z-index:2;
  900.  
  901. }
  902.  
  903.  
  904. .popupnavlinks {
  905. padding-top:5px;
  906. text-align:center;
  907. width: auto;}
  908.  
  909.  
  910. .popupnavlinks a {
  911. display:inline-block;
  912. border-bottom: 1px solid #ad988f;
  913. background-color: #698589;
  914. text-align: center;
  915. font-size: 9px;
  916. font-family:courier;
  917. color: #fff;
  918. display: inline-block;
  919. width:150px; height:12px;
  920. margin: 2px;
  921. padding:10px 6px 10px;
  922. }
  923.  
  924. .popupnavlinks a:hover {
  925. display:inline-block;
  926. letter-spacing:2px;
  927. -moz-transition-duration: 0.4s;
  928. -webkit-transition-duration: 0.4s;
  929. -o-transition-duration: 0.4s;
  930. transition-duration: 0.4s;
  931. }
  932.  
  933.  
  934.  
  935. .popupclose {
  936. float:right; top:0px; right:0px;
  937. margin-top:-10px; margin-right:-10px;
  938. font-family:'Scada', sans serif;
  939. font-size:10px;
  940. font-weight:bold }
  941.  
  942. .popupclose a {
  943. color:#aaa }
  944.  
  945.  
  946.  
  947.  
  948.  
  949. /*--------------------------- 3c636e ------------------------------ */
  950.  
  951. ul#tabs {
  952. list-style-type: none;
  953. padding: 0;
  954. text-align: justify;
  955. font-size:9px;
  956. letter-spacing:1px;
  957. display: inline-block;
  958. }
  959. ul#tabs li {
  960. border-left: 1px solid #4bb3a2;
  961. border-right: 1px solid #4bb3a2;
  962. background-color:#3c636e;
  963. padding:2px 8px;
  964. width: auto;
  965. height: 15px;
  966. border-radius: 2px;
  967. display: inline-block;
  968. margin-left: 2px;
  969. cursor: pointer;
  970. text-align: center;
  971. }
  972. ul#tabs li:hover {
  973. background-color: #3c636e;
  974. border-radius: 2px;
  975. color: #4bb3a2;
  976. }
  977. ul#tabs li.active {
  978. background:#3c636e;
  979. border-left: 1px solid #bd765e;
  980. border-right: 1px solid #bd765e;
  981. color:#ffffff;
  982. display: inline-block;
  983. margin-bottom: 4px;
  984. cursor: pointer;
  985. border-radius: 2px;
  986. text-align: center;
  987. }
  988. ul#tab {
  989. list-style-type: none;
  990. margin: 0;
  991. padding: 0;
  992. }
  993. ul#tab li {
  994. display: none;
  995. }
  996. ul#tab li.active {
  997. display: inline-block;
  998. }
  999.  
  1000.  
  1001. #esperanza {
  1002. position: fixed;
  1003. background-color: #597377;
  1004. border-bottom: 1px solid #7ea3a8;
  1005. width: 340px;
  1006. height: auto;
  1007. overflow: auto;
  1008. text-align: center;
  1009. left: 333px;
  1010. top: 20px;
  1011. z-index: 1;
  1012.  
  1013. }
  1014.  
  1015.  
  1016. </style>
  1017.  
  1018.  
  1019.  
  1020.  
  1021.  
  1022.  
  1023. <body>
  1024.  
  1025. <!--------------------------- SIDEBOX -------------------------------->
  1026. <div id="map">
  1027.  
  1028. <a href="/" class="maplink">Home</a> <br>
  1029. <a href="/ask" class="maplink">Questions</a> <br>
  1030. <a href="#?w=460" rel="box1" class="poplight maplink">About</a> <br>
  1031. <a href="/about" class="maplink">Stats</a> <br>
  1032. <a href="#?w=460" rel="box2" class="poplight maplink">Rules</a> <br>
  1033. <a href="/" class="maplink">Verses</a>
  1034. </div>
  1035.  
  1036. <!---TAB NAVIGATION STARTS-->
  1037.  
  1038.  
  1039. <div id="box1" class="popup_block">
  1040. <div style="width:auto; height:430px; overflow:auto; padding:5px 5px 15px 5px; margin-top: 10px;">
  1041. <div class="importante">
  1042.  
  1043. <center><i>Assassin. Forgotten. Dragon Heart.</i><br>
  1044. <p><b>Reyaan Endant</b>
  1045.  
  1046. <p><br><blurb>YOU STOLE MY INNOCENCE AND FORGED ME INTO A WEAPON. YOU STRIPPED ME OF EVERYTHING I WAS FOR YOUR OWN GAIN. BUT I TELL YOU, NO MORE. NO MORE AND NEVER AGAIN. NEVER WILL YOU HURT OTHERS THE SAME WAY YOU'VE DONE UNTO ME.</blurb>
  1047.  
  1048. <p><br>
  1049. <img src="https://i.imgur.com/LtsbIWh.gif">
  1050.  
  1051. <p>
  1052. <h4>DEBTS</h4>
  1053. <center>
  1054. <b>Starters:</b> {text:Starters} <br> <b>Drafts:</b> {text:Drafts} <br> <b>Memes:</b> {text:Memes} <br> <b>Queue:</b> {text:Queue}
  1055.  
  1056. <br>
  1057. <b>Penned By:</b> <i>{text:penname}</i>
  1058. </center>
  1059.  
  1060. </div>
  1061. </div>
  1062. </div>
  1063.  
  1064.  
  1065.  
  1066. <div id="box2" class="popup_block">
  1067.  
  1068. <div style="width:auto; height:430px; overflow:auto; padding:5px 5px 15px 5px;">
  1069.  
  1070. <div class="importante">
  1071.  
  1072. <div id="esperanza" style="margin-left: -10px; margin-top: -10px;">
  1073. <ul id="tabs">
  1074. <li class="active">RULES</li>
  1075. <li>NAVI</li>
  1076. </ul>
  1077. </div>
  1078.  
  1079. <!---RULES START--->
  1080. <ul id="tab" style="margin-top: 10px;">
  1081. <li class="active">
  1082.  
  1083. <br><br>
  1084. <h4>By Order of the King.</h4> <br>
  1085.  
  1086. <i>ABOUT THE BLOG</i><P>
  1087. <b>I.</b> Welcome to my fantasy and assassin rp blog. Reyaan is inspired by Sarah J. Maas’ the Glass Throne series. I highly recommend that you read it if you’re into fantasy novels. She is one of the authors who rekindled my love for fantasy books.<br>
  1088.  
  1089. <b>II.</b> This blog will be highly selective and plot based as I find this easier to work with and to keep a successful blog rolling. I might post very few starter calls and rely on memes to spark interactions. That and plotting calls.<br>
  1090.  
  1091. <b>III.</b> A lot of violent and mature themes will be on this blog. Death, torture, murder, war, manipulation, abuse (non sexual), and a variety of other sorts. Let me make this clear now: I DO NOT TAG TRIGGERS. Nor do I plan to. However, if you have an issue with something I post, you can come to me and I might tag it. Or you can unfollow. I won’t be offended. NSFW of the sexual variety, should it show up on the blog will be tagged.<p>
  1092.  
  1093. <I>DRAMA & ANON/ASKS</I><p>
  1094. <b>IV.</b> I’m not here for the drama, bullying and callout culture. If there is one lick of it on my dash, I will unfollow and soft block.<br>
  1095.  
  1096. <b>V.</b> Anon may or may not be turned on. Not sure. There are a lot of nasty people out there on the internet. I really don’t plan to run into any of them. But it will be hit or miss if that function is turned on.<br>
  1097.  
  1098. Asks are meant for memes. I do not respond to ooc asks. Messages are reserved for mutuals only. They are the only ones of whom I will speak to on an occ basis.<br>
  1099.  
  1100. Close mutuals can ask for my discord unless I make a public call. My activity there will be hit or miss as well.<p>
  1101.  
  1102. <I>CREDITS</I><p>
  1103. <b>VI.</b> My PSD is from goodvibesrph. All icons, base icons and graphics are made by me unless otherwise stated.<p>
  1104.  
  1105. <I>QUESTIONS YOU MIGHT HAVE</I><p>
  1106. <b>VII.</b> Feel free to send me questions you have about my muse. But I ask that you read this google doc first so that you can find out information before asking an already answered question. I will try and keep things brief.<p>
  1107.  
  1108. <I>SHIPPING</I><p>
  1109. <b>IV.</b> I am open to shipping but they will have to develop organically unless you are mun I write with on a regular basis. Then I am more than happy to start planning out a ship with you!<br>
  1110. Smut, on the other hand, may or may not show up on my blog. Mostly it will be done in a meme. If written sexual content does happen in regards to this muse, it will be done via discord.<p>
  1111.  
  1112. <I>UNFOLLOWING</I><p>
  1113. <b>X.</b> Periodically I go through a “spring cleaning” of my followers/following list. Nothing personal. As my main focus is for writing, I would like to keep those people who are interested in writing with me around.<br>
  1114.  
  1115. Outside of the spring cleaning, if there are things on your blog I do not like or make me feel uncomfortable, I will softblock you. That way, there is no awkwardness if you are unaware that I unfollowed you. I would ask that you do the same, if you, for whatever reason, wish to unfollow me. Just so I don’t make the mistake of trying to interact with you, only to find out we are not mutuals.<p>
  1116.  
  1117. <I>THE MUN</I><p>
  1118. <b>XI.</b> I am a 27 year old female living in the United States. I probably won’t follow any blogs that are under 21+. This is mostly for my own comfort level.<br>
  1119.  
  1120.  
  1121.  
  1122. </li>
  1123. <!---RULES ENDS--->
  1124.  
  1125.  
  1126. <!---NAVIGATION STARTS--->
  1127. <li>
  1128.  
  1129. <div class="popupnavlinks" style="width: 340px; margin-top: 10px;">
  1130. <center>
  1131.  
  1132. <h3>WRITING</h3>
  1133.  
  1134. <a href="/tagged/whatever">LINK</a>
  1135. <a href="/tagged/%26-%C2%A0𝐅𝐎𝐑𝐆𝐎𝐓𝐓𝐄𝐍-𝐓𝐄𝐗𝐓𝐒-𝐎𝐅-𝐓𝐇𝐄-𝐎𝐋𝐃-𝐖𝐀𝐘𝐒-%C2%A0⇝-%C2%A0%28-meme-%29">MEMES</a>
  1136. <br>
  1137. <a href="/tagged/tagged/%26-%C2%A0𝐒𝐂𝐑𝐀𝐓𝐂𝐇-𝐃𝐎𝐖𝐍-𝐓𝐎-𝐌𝐘-𝐁𝐎𝐍𝐄𝐒-%C2%A0⇝-%C2%A0%28-desire-%29">DESIRES</a>
  1138. <a href="/tagged/%26-%C2%A0𝐖𝐈𝐋𝐋-𝐘𝐎𝐔-𝐇𝐄𝐋𝐏-𝐌𝐄-𝐅𝐎𝐑𝐆𝐄𝐓%3F-%C2%A0⇝-%C2%A0%28-wishlist-%29">WISHLIST</a>
  1139. <br>
  1140.  
  1141. <H3>MUSE</H3>
  1142. <a href="/tagged/%26-%C2%A0𝐓𝐇𝐄-𝐆𝐈𝐑𝐋-𝐖𝐈𝐓𝐇-𝐓𝐇𝐄-𝐃𝐑𝐀𝐆𝐎𝐍%27𝐒-𝐒𝐎𝐔𝐋-%C2%A0⇝-%C2%A0%28-visage-%29">VISAGE</a>
  1143. <a href="/tagged/whatever">LINK</a>
  1144. <br>
  1145. <a href="/tagged/whatever">LINK</a>
  1146. <a href="/tagged/whatever">LINK</a>
  1147. <br>
  1148.  
  1149. <h3>MISC</h3>
  1150. <a href="/tagged/whatever">LINK</a>
  1151. <a href="/tagged/whatever">LINK</a>
  1152. <br>
  1153. <a href="/tagged/whatever">LINK</a>
  1154. <a href="/tagged/whatever">LINK</a>
  1155. <br>
  1156. <a href="/tagged/whatever">LINK</a>
  1157. <a href="/tagged/whatever">LINK</a>
  1158. <br>
  1159.  
  1160. </center>
  1161. </div>
  1162.  
  1163.  
  1164.  
  1165.  
  1166. </li>
  1167. <!---NAVIGATION ENDS--->
  1168.  
  1169.  
  1170. </ul>
  1171. </div>
  1172. </div></div>
  1173. <!---TAB NAVIGATION ENDS--->
  1174.  
  1175.  
  1176. <!------------------------- POSTS & CONTENT -------------------------->
  1177.  
  1178.  
  1179.  
  1180. <div class="pag">{block:Pagination}
  1181. {block:PreviousPage}<a href="{PreviousPage}" class="pag" style="margin-left: -300px; font-size: 15px;" TITLE="retreat">Backwards</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" class="pag" style="margin-right: 0x; font-size: 15px;" TITLE="progress">Onwards</a>
  1182. {/block:NextPage}
  1183. {/block:Pagination}</div>
  1184.  
  1185.  
  1186.  
  1187.  
  1188. <div id="entries">
  1189.  
  1190. {block:Posts}
  1191.  
  1192. <div class="posts">
  1193.  
  1194. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1195.  
  1196. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  1197. {/block:Photo}
  1198.  
  1199. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1200.  
  1201. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1202.  
  1203. {block:Video}
  1204. <div class="video">{Video-250}</div>
  1205. {/block:Video}
  1206.  
  1207. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1208.  
  1209.  
  1210. {block:Quote}<quotetext>❝{Quote}❞</quotetext>{block:Source}<h4>{Source}</h4>{/block:Source}{/block:Quote}
  1211.  
  1212.  
  1213. {block:Chat}
  1214. {block:Title}
  1215. <h1>{Title}</h1>{/block:Title}<br>
  1216. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1217. {Line}</li>{/block:Lines}</ul>
  1218. {/block:Chat}
  1219.  
  1220.  
  1221. <!--AUDIO POST-->
  1222. {block:Audio}
  1223. {block:AlbumArt}
  1224. <div class="songart">
  1225. <img src="{AlbumArtURL}">
  1226. </div>
  1227. {/block:AlbumArt}
  1228. <div class="songtitle">
  1229. {block:TrackName}
  1230. {TrackName}
  1231. {/block:TrackName}
  1232. </div>
  1233. <div class="songauthor">
  1234. By
  1235. {block:Artist}
  1236. {Artist}
  1237. {/block:Artist}
  1238. </div>
  1239. {AudioPlayerWhite}
  1240. {/block:Audio}
  1241.  
  1242.  
  1243.  
  1244. {block:Answer}
  1245. <div id="askerurl" style="margin-left:-50px; margin-top:0px; text-transform:uppercase; font-size: 13px; color: #954444; word-wrap: break-word; max-width: 100%;">{asker}</div>
  1246.  
  1247.  
  1248. <div id="question" style="margin-top: -5px">{Question}</div><img src="{AskerPortraitURL-48}" style="border-radius: 100px; margin-left: 280px; margin-top: -20px;">
  1249. <div id="answer" style="margin-top: 20px;">{Answer}</div>
  1250. {/block:Answer}
  1251.  
  1252.  
  1253. <div id="infobox">
  1254. <div id="info">
  1255. <br>
  1256.  
  1257. &nbsp; &nbsp;
  1258.  
  1259.  
  1260. {block:Date}
  1261. <a href="{Permalink}"style="position:absolute; width: autopx; margin-top:-9px; font-size: 12px; font-family:consolas;" title="{TimeAgo}, {ShortMonth} {DayOfMonthWithZero} with {NoteCount} notes ">{ShortMonth} {DayOfMonthWithZero} </a>
  1262. {/block:Date}
  1263.  
  1264.  
  1265.  
  1266. <a href="{ReblogURL}" style="position:absolute; margin-left:-60px; margin-top:-9px; font-size:12px; font-family:consolas;" title="reblog"> Reblog </a>
  1267.  
  1268.  
  1269.  
  1270. {block:NoRebloggedFrom}
  1271. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1272. {/block:NoRebloggedFrom}
  1273.  
  1274.  
  1275. {block:ContentSource}
  1276. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1277. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1278. {/block:SourceLogo}
  1279. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1280. {/block:ContentSource}
  1281.  
  1282.  
  1283. <br>
  1284.  
  1285.  
  1286. <!------------------------ INFO AND SYMBOLS ENDS ---------------------->
  1287.  
  1288. <div id="tags">{block:HasTags}{block:Tags}&nbsp;❁&nbsp; <a href="{TagURL}" title="{Tag}"> {Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1289. </div>&nbsp;
  1290.  
  1291.  
  1292. {/block:Posts}
  1293. <div class="note">
  1294. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1295. </div></div>
  1296.  
  1297. {/block:Posts}
  1298.  
  1299.  
  1300. </div>
  1301. </div>
  1302. </div>
  1303.  
  1304. </body>
  1305.  
  1306.  
  1307.  
  1308.  
  1309.  
  1310. </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!