API tools faq
paste
bridgetowakanda

genprof main 003

bridgetowakanda
Jun 1st, 2020
123
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.40 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:#171717;
  180. background-image:url('https://i.imgur.com/CZPJbQ3.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:#1d1d1d;
  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 #1d1d1d;
  239. background: #171717;
  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: #637a66;
  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/EmzY9E8.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:#637a66;
  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:#631210;
  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. padding-right:5px;
  423. margin:5px 0 5px 5px;
  424. border-left:2px solid #954444;
  425. }
  426.  
  427. blockquote blockquote {
  428. padding: 5px;
  429. padding-right:5px;
  430. margin:5px 0 5px 5px;
  431. border-left:2px solid #954444;
  432. }
  433.  
  434.  
  435. blockquote blockquote blockquote {
  436. padding: 5px;
  437. padding-right:5px;
  438. margin:5px 0 5px 5px;
  439. border-left:2px solid #954444;
  440. }
  441.  
  442.  
  443.  
  444. blockquote img {
  445. max-width:100%;
  446. height:100%;
  447. }
  448.  
  449. blockquote blockquote img {
  450. max-width:100%;
  451. height:auto;
  452. }
  453.  
  454. blockquote blockquote blockquote img {
  455. max-width:100%;
  456. height:auto;
  457. }
  458.  
  459. blockquote blockquote blockquote blockquote img {
  460. max-width:100%;
  461. height:auto;
  462. }
  463.  
  464. blurb {
  465. width: auto;
  466. height: auto;
  467. overflow: none;
  468. padding: 2px;
  469. font-size:11px;
  470. text-align:center;
  471. font-family:courier;
  472. text-transform:uppercase;
  473. margin-bottom: 5px;
  474. margin-top: 5px;
  475. border-left: 4px solid #2d6967;
  476. border-right: 4px solid #2d6967;
  477. background-color: #1d1d1d;
  478. display: block;
  479.  
  480. }
  481.  
  482.  
  483. t, title {
  484. size: 15px;
  485. color: 222;
  486. letter-spacing: 2px;
  487. font: times;
  488. }
  489.  
  490. quotetext {
  491. font-family: times;
  492. font-size: 20px;
  493. line-height: 21px;
  494. letter-spacing: 2px;
  495. text-align: center;
  496. text-transform:uppercase;
  497. color: #fff;
  498. text-shadow: 3px 1px 1px #954444;
  499. }
  500.  
  501. quotations {
  502. font: courier;
  503. font-size: 30px;
  504. color: #954444;
  505. }
  506.  
  507. quote {
  508. font-size: 13px;
  509. }
  510.  
  511. img {
  512. max-width:100%;
  513. }
  514.  
  515. hr {
  516. width:100px;
  517. border: 0;
  518. height: 0.5px;
  519. margin-right:10px;
  520. background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 255), rgba(255, 255, 255, 0));
  521. }
  522.  
  523. code {
  524. text-transform: uppercase;
  525. }
  526.  
  527. #borders {
  528. border-bottom: 1px solid #1d1d1d;
  529. }
  530.  
  531. /*---------------------------- NAVIGATION ---------------------------*/
  532.  
  533.  
  534.  
  535. a:link, a:active, a:visited {
  536. text-decoration: none;
  537. color: #2d6967;
  538. text-transform: uppercase;
  539. font-family: 'Unica One', cursive;
  540. font-size: 14px;
  541. -moz-transition-duration:.6s;
  542. -webkit-transition-duration:.6s;
  543. -o-transition-duration:.6s;
  544. -webkit-filter: blur(0px);}
  545.  
  546. a:hover {
  547. color: #3c4847;
  548. font-family: 'Unica One', cursive;
  549. letter-spacing: 0px;
  550. -moz-transition-duration:.6s;
  551. -webkit-transition-duration:.6s;
  552. -o-transition-duration:.6s;
  553. -webkit-filter: blur(0px);}
  554.  
  555.  
  556. #map {
  557. position: fixed;
  558. left: 700px;
  559. top: 400px;
  560. height: 200px;
  561. width: 100px;
  562. background-color: #171717;
  563. border: 3px double #1d1d1d;
  564. color: #ffffff;
  565. }
  566.  
  567. a.maplink, a.maplink:link, a.maplink:active, a.maplink:visited {
  568. font-family: 'Ramabhadra', sans-serif;
  569. color: #ffffff;
  570. display: block;
  571. cursor: pointer;
  572. text-align: center;
  573. font-size: 9px;
  574. background-color: #2d6967;
  575. padding:2px 8px;
  576. width: 75px;
  577. height: 15px;
  578. margin-left: 4px;
  579. transition: 0.70s;
  580. -webkit-transition: 0.70s;
  581. -moz-transition: 0.70s;
  582. -ms-transition: 0.70s;
  583. -o-transition: 0.70s;
  584. }
  585.  
  586. a.maplink:hover {
  587. color: #6f9aa6;
  588. transition: 0.70s;
  589. -webkit-transition: 0.70s;
  590. -moz-transition: 0.70s;
  591. -ms-transition: 0.70s;
  592. -o-transition: 0.70s;
  593. }
  594.  
  595. a.navi, a.navi:link, a.navi:active, a.navi:visited {
  596. color: #ffffff;
  597. text-shadow: 0px 0px 10px #ffffff;
  598. font-family: 'VT323', monospace;
  599. font-size: 15px;
  600. transition: 0.70s;
  601. -webkit-transition: 0.70s;
  602. -moz-transition: 0.70s;
  603. -ms-transition: 0.70s;
  604. -o-transition: 0.70s;
  605.  
  606. }
  607.  
  608. a.navi:hover {
  609. transition: 0.70s;
  610. -webkit-transition: 0.70s;
  611. -moz-transition: 0.70s;
  612. -ms-transition: 0.70s;
  613. -o-transition: 0.70s;
  614. -webkit-transform: rotate(180deg);
  615. -moz-transform: rotate(180deg);
  616. -o-transform: rotate(180deg);
  617. -ms-transform: rotate(180deg);
  618. transform: rotate(180deg);
  619. }
  620.  
  621.  
  622.  
  623. /*---------------------------- PAGINATION ---------------------------*/
  624.  
  625.  
  626. .pag {
  627. position: fixed;
  628. left: 615px;
  629. top: 625px;
  630. width: auto;
  631. height: auto;
  632. }
  633.  
  634. a.pag, a.pag:link, a.pag:active, a.pag:visited {
  635. color: #fff;
  636. font-family: 'Nova Mono', monospace;
  637. font-size: 12px;
  638. text-shadow: 1px 1px 5px #fff;
  639. text-transform: uppercase;
  640. }
  641.  
  642. a.pag:hover {
  643. opacity: .5;
  644. -moz-transition-duration:.6s;
  645. -webkit-transition-duration:.6s;
  646. -o-transition-duration:.6s;
  647. -webkit-filter: blur(0px);
  648. }
  649.  
  650. /*--------------------------- TAGS & 1d1d1d ---------------------------*/
  651.  
  652.  
  653. #infobox {
  654. border:1px solid transparent;
  655. margin-bottom:10px;
  656. padding-top:10px;
  657. overflow: auto;
  658. }
  659.  
  660.  
  661. #info {
  662. margin-left:20px;
  663. background-color: transparent;
  664. background-image: url('');
  665. background-position: fixed;
  666. background-repeat: repeat;
  667. height: 20px;
  668. margin-left:0px;
  669. margin-bottom: 75px;
  670. border-bottom: 1px solid #a68b7c;
  671. text-align: center;
  672. }
  673.  
  674. #info a {
  675. color: #bba48f;
  676. opacity: 1;
  677. font-family:consolas;
  678. text-transform: uppercase;
  679. }
  680.  
  681. #info a:hover {
  682. color:#8f7761;
  683. opacity: 1;
  684. }
  685.  
  686.  
  687. #tags {
  688. width:300px;
  689. height: 25px;
  690. overflow: auto;
  691. padding:2px;
  692. font-size:5px;
  693. text-align:center;
  694. font-family:courier;
  695. text-transform:uppercase;
  696. background:transparent;
  697. margin-bottom: 5px;
  698. margin-top: 5px;
  699. border-left: 2px solid #2d6967;
  700. border-right: 2px solid #2d6967;
  701. background-color: #1d1d1d;
  702. margin-left: 15px;
  703. }
  704.  
  705.  
  706. #tags a {
  707. font-family:consolas;
  708. font-size:8px;
  709. line-height:8pt;
  710. letter-spacing:0px;
  711. color:#ffffff;
  712. text-decoration:none;
  713. text-transform:uppercase;
  714. text-align:center;
  715. display:inline-block;
  716. margin:1px 0px 3px 0px;
  717. -webkit-transition: all 0.4s ease-out;
  718. -moz-transition: all 0.4s ease-out;
  719. transition: all 0.4s ease-out;
  720. -moz-transition-duration: 0.4s;
  721. -webkit-transition-duration: 0.4s;
  722. -o-transition-duration: 0.4s;
  723. transition-duration: 0.4s; }
  724.  
  725.  
  726. #tags a:hover {
  727. color:#7b5f4f;
  728. text-shadow:0px 0px 1px #777;
  729. -webkit-filter:none;
  730. -webkit-transition: all 0.6s ease-in-out;
  731. -moz-transition: all 0.6s ease-in-out;
  732. -o-transition: all 0.6s ease-in-out;
  733. -ms-transition: all 0.6s ease-in-out;
  734. transition: all 0.6s ease-in-out;
  735. }
  736.  
  737. /*---------------------------- EXTRA 1 ---------------------------*/
  738.  
  739.  
  740.  
  741. .note {
  742. text-transform:uppercase;
  743. font-style:normal;
  744. letter-spacing:0px;
  745. font-size: 10px;
  746. text-align:left;
  747. line-height:90%;
  748. margin-left:-40px;}
  749.  
  750. .note li {
  751. list-style-type:none;
  752. border-bottom:0px solid {color:border};
  753. padding:10px 25px 10px 25px;
  754. text-align:left;
  755. margin:0px;
  756. -moz-transition-duration:0.5s;
  757. -webkit-transition-duration:0.5s;
  758. -o-transition-duration:0.5s;}
  759.  
  760. .note img.avatar {
  761. margin-right: 10px;
  762. width: 16px;
  763. height: 16px;}
  764.  
  765.  
  766.  
  767.  
  768. /*-------------------------- MUSIC PLAYER ---------------------------*/
  769.  
  770.  
  771.  
  772. .songart{
  773. float:left;
  774. margin-right:10px;
  775. }
  776.  
  777. .songart img{
  778. width:80px;
  779. height:80px;
  780. }
  781.  
  782. .songtitle{
  783. margin-bottom:10px;
  784. margin-left:90px;
  785. }
  786.  
  787. .songauthor{
  788. margin-bottom:10px;
  789. font-size:8px;
  790. margin-left:90px;
  791. }
  792.  
  793. .tumblr_audio_player {
  794. height: 50px;
  795. }
  796.  
  797. /* ----------------------------- CHAT CODE --------------------------- */
  798.  
  799. /* chat cred: https://dear-indies.tumblr.com/post/125257866576/animalites-imessage-chat-post-ive-seen-a-lot */
  800.  
  801. /* IMESSAGE CHAT POST */
  802. .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}
  803. .asked p {
  804. text-align: left;
  805. margin: 0 0px 10px 0px;
  806. padding: 0;
  807. color: #666666;
  808. font-family: 'Inconsolata', Inconsolata;
  809. font-size: 12px;
  810. line-height: 0px;
  811. }
  812. .footerright .viasrc {
  813. float: left;
  814. }
  815. .asked a {
  816. margin:0;padding:0;
  817. }
  818. .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}
  819. .convo {
  820. overflow: hidden;
  821. list-style-type: none;
  822. padding: 0;
  823. margin: 0;
  824. }
  825.  
  826. /*---------------------------- TOOLTIP ---------------------------*/
  827.  
  828.  
  829.  
  830. #s-m-t-tooltip{
  831. max-width:400px;
  832. margin:15px;
  833. padding:2px 8px;
  834. background: #2a2628;
  835. background-image:url('');
  836. background-repeat:repeat;
  837. background-attachment:fixed;
  838. border-left: 3px solid #4bb3a2;
  839. border-right: 3px solid #4bb3a2;
  840. color:#fff;
  841. text-shadow:1px 1px 0px #000,
  842. z-index:99999999999999999999;
  843. font-size:9px;
  844. letter-spacing:2px;
  845. font-style:bold;
  846. letter-spacing:2px;
  847. font-family: calibri;
  848. text-transform:uppercase;
  849. }
  850.  
  851. /*--------------------------- POPUP ------------------------------ */
  852.  
  853.  
  854. /*--Making IE6 Understand Fixed Positioning--*/
  855. *html #fade {
  856. position: absolute;
  857. }
  858. *html .popup_block {
  859. position: absolute;
  860. }
  861.  
  862. .popup_block{
  863. background-color:transparent;
  864. border: 0px solid #3b3b3b;
  865. width:450px;
  866. height:485px;
  867. top:350px;
  868. padding: 5px;
  869. left: 800px;
  870. display: none; /*--hidden by default--*/
  871. float: left;
  872. font-size: 10px; /*font size of the words inside the box */
  873. position: fixed;
  874. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  875. }
  876.  
  877.  
  878. #fade { /*--Transparent background layer--*/
  879. display: none; /*--hidden by default--*/
  880. background: #232021;
  881. background-repeat: no-repeat;
  882. background-position: center;
  883. background-image: url(''); /*if you want to add a background image to go behind your popup */
  884. position: fixed; left: 0; top: 0;
  885. width: 100%; height: 100%;
  886. opacity: 0;
  887. z-index: 9999;
  888. }
  889.  
  890.  
  891. .importante {
  892. border: 3px double #1d1d1d;
  893. background: #171717;
  894. left: 310px;
  895. top:7px;
  896. height: 580px;
  897. width: 330px;
  898. position: fixed;
  899. font-size:11px;
  900. overflow: auto;
  901. padding: 15px;
  902. z-index:2;
  903.  
  904. }
  905.  
  906.  
  907. .popupnavlinks {
  908. padding-top:5px;
  909. text-align:center;
  910. width: auto;}
  911.  
  912.  
  913. .popupnavlinks a {
  914. display:inline-block;
  915. border-bottom: 1px solid #2d6967;
  916. background-color: #1d1d1d;
  917. text-align: center;
  918. font-size: 9px;
  919. font-family:courier;
  920. color: #fff;
  921. display: inline-block;
  922. width:150px; height:12px;
  923. margin: 2px;
  924. padding:10px 6px 10px;
  925. }
  926.  
  927. .popupnavlinks a:hover {
  928. display:inline-block;
  929. letter-spacing:2px;
  930. -moz-transition-duration: 0.4s;
  931. -webkit-transition-duration: 0.4s;
  932. -o-transition-duration: 0.4s;
  933. transition-duration: 0.4s;
  934. }
  935.  
  936.  
  937.  
  938. .popupclose {
  939. float:right; top:0px; right:0px;
  940. margin-top:-10px; margin-right:-10px;
  941. font-family:'Scada', sans serif;
  942. font-size:10px;
  943. font-weight:bold }
  944.  
  945. .popupclose a {
  946. color:#aaa }
  947.  
  948.  
  949.  
  950.  
  951.  
  952. /*--------------------------- 3c636e ------------------------------ */
  953.  
  954. ul#tabs {
  955. list-style-type: none;
  956. padding: 0;
  957. text-align: justify;
  958. font-size:9px;
  959. letter-spacing:1px;
  960. display: inline-block;
  961. }
  962. ul#tabs li {
  963. border-left: 1px solid #4bb3a2;
  964. border-right: 1px solid #4bb3a2;
  965. background-color:#3c636e;
  966. padding:2px 8px;
  967. width: auto;
  968. height: 15px;
  969. border-radius: 2px;
  970. display: inline-block;
  971. margin-left: 2px;
  972. cursor: pointer;
  973. text-align: center;
  974. }
  975. ul#tabs li:hover {
  976. background-color: #3c636e;
  977. border-radius: 2px;
  978. color: #4bb3a2;
  979. }
  980. ul#tabs li.active {
  981. background:#3c636e;
  982. border-left: 1px solid #bd765e;
  983. border-right: 1px solid #bd765e;
  984. color:#ffffff;
  985. display: inline-block;
  986. margin-bottom: 4px;
  987. cursor: pointer;
  988. border-radius: 2px;
  989. text-align: center;
  990. }
  991. ul#tab {
  992. list-style-type: none;
  993. margin: 0;
  994. padding: 0;
  995. }
  996. ul#tab li {
  997. display: none;
  998. }
  999. ul#tab li.active {
  1000. display: inline-block;
  1001. }
  1002.  
  1003.  
  1004. #esperanza {
  1005. position: fixed;
  1006. background-color: #171717;
  1007. border-bottom: 1px solid #1d1d1d;
  1008. width: 340px;
  1009. height: auto;
  1010. overflow: auto;
  1011. text-align: center;
  1012. left: 333px;
  1013. top: 20px;
  1014. z-index: 1;
  1015.  
  1016. }
  1017.  
  1018.  
  1019. </style>
  1020.  
  1021.  
  1022.  
  1023.  
  1024.  
  1025.  
  1026. <body>
  1027.  
  1028. <!--------------------------- SIDEBOX -------------------------------->
  1029. <div id="map">
  1030.  
  1031. <a href="/" class="maplink">Home</a> <br>
  1032. <a href="/ask" class="maplink">Questions</a> <br>
  1033. <a href="#?w=460" rel="box1" class="poplight maplink">About</a> <br>
  1034. <a href="/about" class="maplink">Stats</a> <br>
  1035. <a href="#?w=460" rel="box2" class="poplight maplink">Rules</a> <br>
  1036. <a href="/" class="maplink">Verses</a>
  1037. </div>
  1038.  
  1039. <!---TAB NAVIGATION STARTS-->
  1040.  
  1041.  
  1042. <div id="box1" class="popup_block">
  1043. <div style="width:auto; height:430px; overflow:auto; padding:5px 5px 15px 5px; margin-top: 10px;">
  1044. <div class="importante">
  1045.  
  1046. <center><i>Professor. History Lover. Flirt.</i><br>
  1047. <p><b>Doctor Lincoln Ryan</b>
  1048.  
  1049. <p><br><blurb>“THE MOST BEAUTIFUL THING WE CAN EXPERIENCE IS THE
  1050. MYSTERIOUS. IT IS THE SOURCE OF ALL TRUE ART AND SCIENCE.”
  1051.  
  1052. — Albert Einstein</blurb>
  1053.  
  1054. <p><br>
  1055. <img src="https://i.imgur.com/yIdYDfP.gif">
  1056.  
  1057. <p>
  1058. <h4>DEBTS</h4>
  1059. <center>
  1060. <b>Starters:</b> {text:Starters} <br> <b>Drafts:</b> {text:Drafts} <br> <b>Memes:</b> {text:Memes} <br> <b>Queue:</b> {text:Queue}
  1061.  
  1062. <br>
  1063. <b>Penned By:</b> <i>{text:penname}</i>
  1064. </center>
  1065.  
  1066. </div>
  1067. </div>
  1068. </div>
  1069.  
  1070.  
  1071.  
  1072. <div id="box2" class="popup_block">
  1073.  
  1074. <div style="width:auto; height:430px; overflow:auto; padding:5px 5px 15px 5px;">
  1075.  
  1076. <div class="importante">
  1077.  
  1078. <div id="esperanza" style="margin-left: -10px; margin-top: -10px;">
  1079. <ul id="tabs">
  1080. <li class="active">RULES</li>
  1081. <li>NAVI</li>
  1082. </ul>
  1083. </div>
  1084.  
  1085. <!---RULES START--->
  1086. <ul id="tab" style="margin-top: 10px;">
  1087. <li class="active">
  1088.  
  1089. <br><br>
  1090. <h4>Rules of Science.</h4> <br>
  1091.  
  1092. <b>I.</b> I probably won’t spend too much time on these. But you know the drill for all of my other blogs<br>
  1093.  
  1094. <b>II.</b> This is an OC who I probably won’t have a problem talking your ear off about. However, I do ask that you at least read the basics or stats to get an understanding of who Lincoln is. I try to keep everything short and to the point because I know people don’t want to read long ass biographies. At least, I don’t..<br>
  1095.  
  1096. <b>III.</b> No drama here, please. I may be highly selective. I will be dash only for now and things will be queue and plot based. I will jump into your IMs so we can plot a connection between our muses or at least see how they would interact. Also, <i>unfollowing</i> could happen. Don’t take it personally. There are several reasons I might unfollow a blog. People they interact with, things they post, or I don’t see us interacting anymore.<p>
  1097.  
  1098. <b>IV.</b> I honestly love <b>building</b> relationships between muses. Whether it’s romantic, platonic, past or future based. Whatever it is, please, come at me. This is how I live, honestly, in the writing world.<br>
  1099.  
  1100. <b>V.</b> NSFW content will be present on this blog. Things of a sexual nature will be tagged as NSFW. Both writing and images. Drug and alcohol use could be present. I do not tag my writing. However, if you come to me, <i> anon</i> and request me to tag something, I’d be willing to work with you.<br>
  1101.  
  1102. <b>VI.</b> Shipping will be plot based as well or develop naturally through our interactions/writing/replies. Only if I know you OOC and we’ve written in other places will I feel comfortable shipping/writing NSFW content right off the bat.
  1103. <p>
  1104.  
  1105. <b>VII.</b> I do have a writing and plotting server if you are interested in joining. I can sometimes write quicker there.<p>
  1106.  
  1107. <b>IV.</b> PSD is from plutocommissions and venuscommissions.
  1108. <p>
  1109.  
  1110. <b>VIII.</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>
  1111.  
  1112. 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>
  1113.  
  1114. <b>IX.</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>
  1115.  
  1116.  
  1117.  
  1118. </li>
  1119. <!---RULES ENDS--->
  1120.  
  1121.  
  1122. <!---NAVIGATION STARTS--->
  1123. <li>
  1124.  
  1125. <div class="popupnavlinks" style="width: 340px; margin-top: 10px;">
  1126. <center>
  1127.  
  1128. <h3>WRITING</h3>
  1129.  
  1130. <a href="/tagged/↬-%C2%A0-𝙧𝙤𝙡𝙡-𝙘𝙖𝙡𝙡-%C2%A0-%C2%A0》-%C2%A0-starter-call">Starter Call</a>
  1131. <a href="/tagged/↬-%C2%A0-𝙡𝙚𝙘𝙩𝙪𝙧𝙚-𝙝𝙖𝙡𝙡-%C2%A0-%C2%A0》-%C2%A0-meme">Meme</a>
  1132. <br>
  1133. <a href="tagged/↬-%C2%A0-𝙨𝙩𝙖𝙧𝙩𝙚𝙧-%C2%A0-%C2%A0》-%C2%A0-open">OPEN</a>
  1134. <a href="/tagged/↬-%C2%A0-𝙩𝙝𝙚-𝙤𝙣𝙚-𝙩𝙞𝙢𝙚-𝙩𝙤-𝙖𝙨𝙠-%C2%A0-%C2%A0》-%C2%A0-wishlist">Wishlist</a>
  1135. <a href="/tagged/↬-%C2%A0-𝙩𝙝𝙚-𝙤𝙣𝙚-𝙩𝙞𝙢𝙚-𝙩𝙤-𝙛𝙚𝙚𝙡-%C2%A0-%C2%A0》-%C2%A0-desires">Desires</a>
  1136. <br>
  1137.  
  1138. <H3>MUSE</H3>
  1139. <a href="/tagged/↬-%C2%A0-𝙧𝙪𝙜𝙜𝙚𝙙𝙡𝙮-𝙝𝙖𝙣𝙙𝙨𝙤𝙢𝙚-%C2%A0-%C2%A0》-%C2%A0-visage">Visage</a>
  1140. <a href="/tagged/↬-%C2%A0-𝙬𝙚𝙡𝙘𝙤𝙢𝙚-𝙩𝙤-𝙩𝙝𝙚-𝙪𝙣𝙞𝙫𝙚𝙧𝙨𝙞𝙩𝙮-%C2%A0-%C2%A0》-%C2%A0-musing">Musings</a>
  1141. <br>
  1142. <a href="/tagged/↬-%C2%A0-𝙢𝙪𝙡𝙩𝙞𝙛𝙖𝙘𝙚𝙩𝙚𝙙-%C2%A0-%C2%A0》-%C2%A0-aesthetic">aesthetic</a>
  1143. <a href="/tagged/↬-%C2%A0-𝙞𝙩%27𝙨-𝙣𝙤𝙩-𝙩𝙝𝙖𝙩-𝙝𝙖𝙧𝙙-𝙩𝙤-𝙛𝙞𝙜𝙪𝙧𝙚-𝙤𝙪𝙩-%C2%A0-%C2%A0》-%C2%A0-headcanon">Headcanon</a>
  1144. <br>
  1145.  
  1146. <h3>MISC</h3>
  1147. <a href="/tagged/↬-%C2%A0-𝙩𝙝𝙚-𝙘𝙤𝙤𝙡-𝙥𝙧𝙤𝙛𝙚𝙨𝙨𝙤𝙧-%C2%A0-%C2%A0》-%C2%A0-crack">Crack</a>
  1148. <a href="/tagged/↬-%C2%A0-𝙢𝙚𝙨𝙨𝙖𝙜𝙚-𝙨𝙚𝙣𝙩-%C2%A0-%C2%A0》-%C2%A0-answered">ANSWERED</a>
  1149. <br>
  1150. <a href="/tagged/↬-%C2%A0-𝙥𝙪𝙗𝙡𝙞𝙘-𝙨𝙚𝙧𝙫𝙞𝙘𝙚-𝙖𝙣𝙣𝙤𝙪𝙣𝙘𝙚𝙢𝙚𝙣𝙩-%C2%A0-%C2%A0》-%C2%A0-psa">PSA</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.  
  1157. </center>
  1158. </div>
  1159.  
  1160.  
  1161.  
  1162.  
  1163. </li>
  1164. <!---NAVIGATION ENDS--->
  1165.  
  1166.  
  1167. </ul>
  1168. </div>
  1169. </div></div>
  1170. <!---TAB NAVIGATION ENDS--->
  1171.  
  1172.  
  1173. <!------------------------- POSTS & CONTENT -------------------------->
  1174.  
  1175.  
  1176.  
  1177. <div class="pag">{block:Pagination}
  1178. {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>
  1179. {/block:NextPage}
  1180. {/block:Pagination}</div>
  1181.  
  1182.  
  1183.  
  1184.  
  1185. <div id="entries">
  1186.  
  1187. {block:Posts}
  1188.  
  1189. <div class="posts">
  1190.  
  1191. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1192.  
  1193. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  1194. {/block:Photo}
  1195.  
  1196. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1197.  
  1198. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1199.  
  1200. {block:Video}
  1201. <div class="video">{Video-250}</div>
  1202. {/block:Video}
  1203.  
  1204. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1205.  
  1206.  
  1207. {block:Quote}<quotetext>❝{Quote}❞</quotetext>{block:Source}<h4>{Source}</h4>{/block:Source}{/block:Quote}
  1208.  
  1209.  
  1210. {block:Chat}
  1211. {block:Title}
  1212. <h1>{Title}</h1>{/block:Title}<br>
  1213. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1214. {Line}</li>{/block:Lines}</ul>
  1215. {/block:Chat}
  1216.  
  1217.  
  1218. <!--AUDIO POST-->
  1219. {block:Audio}
  1220. {block:AlbumArt}
  1221. <div class="songart">
  1222. <img src="{AlbumArtURL}">
  1223. </div>
  1224. {/block:AlbumArt}
  1225. <div class="songtitle">
  1226. {block:TrackName}
  1227. {TrackName}
  1228. {/block:TrackName}
  1229. </div>
  1230. <div class="songauthor">
  1231. By
  1232. {block:Artist}
  1233. {Artist}
  1234. {/block:Artist}
  1235. </div>
  1236. {AudioPlayerWhite}
  1237. {/block:Audio}
  1238.  
  1239.  
  1240.  
  1241. {block:Answer}
  1242. <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>
  1243.  
  1244.  
  1245. <div id="question" style="margin-top: -5px">{Question}</div><img src="{AskerPortraitURL-48}" style="border-radius: 100px; margin-left: 280px; margin-top: -20px;">
  1246. <div id="answer" style="margin-top: 20px;">{Answer}</div>
  1247. {/block:Answer}
  1248.  
  1249.  
  1250. <div id="infobox">
  1251. <div id="info">
  1252. <br>
  1253.  
  1254. &nbsp; &nbsp;
  1255.  
  1256.  
  1257. {block:Date}
  1258. <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>
  1259. {/block:Date}
  1260.  
  1261.  
  1262.  
  1263. <a href="{ReblogURL}" style="position:absolute; margin-left:-60px; margin-top:-9px; font-size:12px; font-family:consolas;" title="reblog"> Reblog </a>
  1264.  
  1265.  
  1266.  
  1267. {block:NoRebloggedFrom}
  1268. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1269. {/block:NoRebloggedFrom}
  1270.  
  1271.  
  1272. {block:ContentSource}
  1273. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1274. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1275. {/block:SourceLogo}
  1276. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1277. {/block:ContentSource}
  1278.  
  1279.  
  1280. <br>
  1281.  
  1282.  
  1283. <!------------------------ INFO AND SYMBOLS ENDS ---------------------->
  1284.  
  1285. <div id="tags">{block:HasTags}{block:Tags}&nbsp;❁&nbsp; <a href="{TagURL}" title="{Tag}"> {Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1286. </div>&nbsp;
  1287.  
  1288.  
  1289. {/block:Posts}
  1290. <div class="note">
  1291. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1292. </div></div>
  1293.  
  1294. {/block:Posts}
  1295.  
  1296.  
  1297. </div>
  1298. </div>
  1299. </div>
  1300.  
  1301. </body>
  1302.  
  1303.  
  1304.  
  1305.  
  1306.  
  1307. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!