bridgetowakanda

genprof 002

May 6th, 2020
134
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.81 KB | None | 0 0
  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=Amatic+SC" rel="stylesheet">
  9. <link href="https://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet">
  10. <link href="https://fonts.googleapis.com/css?family=Marck+Script" rel="stylesheet">
  11. <link href="https://fonts.googleapis.com/css?family=Old+Standard+TT" rel="stylesheet">
  12. <link href="https://fonts.googleapis.com/css?family=Monoton&display=swap" rel="stylesheet">
  13.  
  14.  
  15.  
  16. <html>
  17. <!--
  18. BASE CODE
  19. https://fratdadbase.tumblr.com/
  20.  
  21. THEME CREATED & EDITED BY ME
  22.  
  23. -->
  24.  
  25.  
  26. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  27. <head>
  28. <title>{Title}</title>
  29. <link rel="shortcut icon" href="{Favicon}">
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31. {block:Description}
  32. <meta name="description" content="{MetaDescription}" />
  33. {/block:Description}
  34.  
  35.  
  36. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  37.  
  38. <!------------------------------ SCRIPTS ----------------------------->
  39. <!------------------------------ POPUP ------------------------------>
  40.  
  41.  
  42. <script type="text/javascript"
  43. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  44. <script>
  45. $(document).ready(function() {
  46. //
  47. $('a.poplight[href^=#]').click(function() {
  48. var popID = $(this).attr('rel'); //Get Popup Name
  49. var popURL = $(this).attr('href'); //Get Popup href to define size
  50. var query= popURL.split('?');
  51. var dim= query[1].split('&');
  52. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  53. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">');
  54. var popMargTop = ($('#' + popID).height() + 80) / 2;
  55. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  56. //Apply Margin to Popup
  57. $('#' + popID).css({
  58. 'margin-top' : -popMargTop,
  59. 'margin-left' : -popMargLeft
  60. });
  61. $('body').append('<div id="fade"></div>');
  62. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  63. return false;
  64. });
  65. $('a.close, #fade').live('click', function() {
  66. $('#fade , .popup_block').fadeOut(function() {
  67. $('#fade, a.close').remove(); //fade them both out
  68. });
  69. return false;
  70. });
  71. });
  72. </script>
  73.  
  74.  
  75.  
  76.  
  77. <!----------------------------- TOOLTLIP ----------------------------->
  78.  
  79.  
  80. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  81. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  82. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  83. <script>
  84. (function($){
  85. $(document).ready(function(){
  86. $("[title]").style_my_tooltips({
  87. tip_follows_cursor:true,
  88. tip_delay_time:200,
  89. tip_fade_speed:500
  90. });
  91. });
  92. })(jQuery);
  93. </script>
  94.  
  95.  
  96.  
  97. <!------------------------------ TABS ------------------------------>
  98.  
  99.  
  100. <script>
  101. $(document).ready(function(){
  102. $("ul#tabs li").click(function(e){
  103. if (!$(this).hasClass("active")) {
  104. var tabNum = $(this).index();
  105. var nthChild = tabNum+1;
  106. $("ul#tabs li.active").removeClass("active");
  107. $(this).addClass("active");
  108. $("ul#tab li.active").removeClass("active");
  109. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  110. }
  111. });
  112. });
  113. </script>
  114.  
  115. <!------------------------------ MUSIC ------------------------------>
  116.  
  117.  
  118.  
  119.  
  120. </head>
  121.  
  122. <!---------------------------- META DATA ----------------------------->
  123. <meta name="text:Starters" content="00"/>
  124. <meta name="text:Drafts" content="00"/>
  125. <meta name="text:Memes" content="00"/>
  126.  
  127. <meta name="color:background" content="#010106" />
  128. <meta name="color:italic" content="#a82c18" />
  129. <meta name="color:bold" content="#00939f" />
  130.  
  131.  
  132. <meta name="image:background" content="" />
  133. <meta name="image:header3" content="" />
  134. <meta name="image:header5" content="" />
  135. <meta name="image:childhood" content="" />
  136. <meta name="image:teen" content="" />
  137. <meta name="image:academy" content="" />
  138. <meta name="image:captain" content="" />
  139. <meta name="image:au1" content="" />
  140. <meta name="image:au2" content="" />
  141. <meta name="image:au3" content="" />
  142. <meta name="image:au4" content="" />
  143.  
  144.  
  145.  
  146. <style type="text/css">
  147.  
  148.  
  149.  
  150.  
  151.  
  152. @font-face​ {
  153. font-family:"big noodle titling";
  154. src:url(https://dl.dropbox.com/s/j5blixn0eu397vv/big_noodle_titling.ttf');
  155. }
  156.  
  157.  
  158. /*---------------------------- SCROLL BAR ---------------------------*/
  159. ::-webkit-scrollbar {
  160. width: 2px;
  161. height: 2px;
  162. }
  163. ::-webkit-scrollbar-button {
  164. width: 0px;
  165. height: 0px;
  166. }
  167. ::-webkit-scrollbar-thumb {
  168. background: transparent;
  169. border: 0px none #a68b7c;
  170. border-radius: 50px;
  171. }
  172. ::-webkit-scrollbar-thumb:hover {
  173. background: transparent;
  174. }
  175. ::-webkit-scrollbar-thumb:active {
  176. background: transparent;
  177. }
  178. ::-webkit-scrollbar-track {
  179. background: transparent;
  180. border: 0px none #a68b7c;
  181. border-radius: 0px;
  182. }
  183. ::-webkit-scrollbar-track:hover {
  184. background:transparent;
  185. }
  186. ::-webkit-scrollbar-track:active {
  187. background: transparent;
  188. }
  189. ::-webkit-scrollbar-corner {
  190. background: transparent;
  191. }
  192.  
  193.  
  194. /*---------------------------- SELECTION ---------------------------*/
  195.  
  196. ::SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  197. ::-MOZ-SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  198.  
  199.  
  200.  
  201. /*---------------------------- BODY ---------------------------*/
  202.  
  203. body {
  204. background-color:{color:background};
  205. background-image:url('{image:background}');
  206. background-repeat: no-repeat;
  207. font-family: 'Old Standard TT', serif;
  208. font-size: 11px;
  209. text-align: justify;
  210. color:#f1f1f1;
  211. word-wrap: break-word;
  212. }
  213.  
  214.  
  215.  
  216. /*---------------------- QUESTIONS & ANSWERS ------------------------*/
  217.  
  218. #askerurl {
  219. text-transform:uppercase;
  220. font-weight:400;
  221. font-size:13px;
  222. margin-top:150px;
  223. margin-left:50px;
  224. padding-bottom:5px;
  225. width:250px;
  226. font-family: 'Orbitron', sans-serif;
  227. text-align:center;
  228. }
  229.  
  230. #asking img {
  231. padding: 5px;
  232. }
  233.  
  234. #question {
  235. background-attachment:auto;
  236. background-image: url('');
  237. padding: 5px;
  238. margin:3px 0 3px 10px;
  239. border-bottom:1.5px solid {color:bold};
  240. background-color:#2b2728;
  241. color: #fff;
  242. font-family: 'Open Sans Condensed';
  243. text-shadow: 1px 1px 1px #000;
  244. text-align: justify;
  245. }
  246.  
  247. #answer {
  248. word-spacing: 5px;
  249. }
  250.  
  251.  
  252.  
  253. /*------------------------ CONTAINER & POSTS ------------------------*/
  254.  
  255. #entries {
  256. background-color:transparent;
  257. border: 0px solid #3b3b3b;
  258. width:350px;
  259. height:480px;
  260. top:70px;
  261. word-spacing: 0px;
  262. padding: 10px;
  263. margin-left: 305px;
  264. position:relative;
  265. overflow-y:scroll;
  266. overflow-x:hidden;
  267. word-break: break-all;
  268. -webkit-mask-image: -webkit-gradient(
  269. linear, center 75%, center bottom,
  270. from(rgba(0,0,0,20)),
  271. to(rgba(20,0,0,0)))
  272.  
  273. }
  274.  
  275.  
  276. #entries img {
  277. height:auto;
  278. max-width:100%;
  279. }
  280.  
  281. #post img {
  282. height: auto;
  283. max-width: 100%;
  284. }
  285.  
  286.  
  287. #posts {
  288. width:350px;
  289. background-color: #222;
  290. padding-bottom:0px;
  291. overflow-y:scroll;
  292. overflow-x:hidden;
  293. padding: 10px;
  294. }
  295.  
  296.  
  297.  
  298.  
  299.  
  300. /*---------------------------- NAVIGATION ---------------------------*/
  301.  
  302. .home {
  303. position: fixed;
  304. left: 250px;
  305. top: 75px;
  306. height: auto;
  307. width: auto;
  308. }
  309.  
  310. .hand {
  311. position: fixed;
  312. left: 700px;
  313. top: 145px;
  314. height: auto;
  315. width: auto;
  316. }
  317.  
  318. .genetics {
  319. position: fixed;
  320. left: 755px;
  321. top:45px;
  322. height: auto;
  323. width: auto;
  324. }
  325.  
  326. .syllabus {
  327. position: fixed;
  328. left: 275px;
  329. top: 170px;
  330. height: auto;
  331. width: auto;
  332. }
  333.  
  334. .legends {
  335. position: fixed;
  336. left:840px;
  337. top:135px;
  338. height: auto;
  339. width: auto;
  340. }
  341.  
  342.  
  343.  
  344. /*---------------------------- SIDEBOX ---------------------------*/
  345.  
  346. .sidebox {
  347. position: fixed;
  348. background-color: #010106;
  349. padding: 10px;
  350. top: 275px;
  351. left: 150px;
  352. width: 150px;
  353. height: 200px;
  354. overflow: auto;
  355. z-index: 1;
  356. opacity:0;
  357. }
  358.  
  359. .sidebox:hover {
  360. opacity: 1;
  361. -moz-transition-duration:.6s;
  362. -webkit-transition-duration:.6s;
  363. -o-transition-duration:.6s;
  364. }
  365.  
  366. .sideboxtitle {
  367. position: fixed;
  368. color: #fff;
  369. font-family: 'Marck Script', cursive;
  370. font-size: 12px;
  371. text-shadow: 1px 1px 5px #fff;
  372. text-transform: none;
  373. top: 350px;
  374. left: 200px;
  375. }
  376.  
  377. .sideboxtitle:hover {
  378. opacity: 0;
  379. -moz-transition-duration:.6s;
  380. -webkit-transition-duration:.6s;
  381. -o-transition-duration:.6s;
  382. }
  383.  
  384.  
  385.  
  386. /*---------------------------- FANCY FONT ---------------------------*/
  387.  
  388. h1 {
  389. font-size:12px;
  390. font-family: 'Marck Script', cursive;
  391. font-weight:400;
  392. color:#e1e0db;
  393. text-align: center;
  394. text-transform:lowercase;
  395. letter-spacing:2px;
  396. display:block;
  397. text-shadow: 1px 1px 5px #fff;
  398. margin:0, 0, 5px, 0;
  399. padding:5px;
  400. }
  401.  
  402. h2 {
  403. font-size:30px;
  404. font-family: 'Monoton', cursive;
  405. font-weight:400;
  406. color:#c78c6d;
  407. border-bottom: 1px solid #c78c6d;
  408. text-shadow: 1px 1px 1px #c78c6d;
  409. display:block;
  410. margin-top: 20px;
  411. text-align: center;
  412. text-transform:uppercase;
  413. padding:10px;
  414. letter-spacing:3px;
  415.  
  416. }
  417.  
  418.  
  419. h3 {
  420. background-image: url('{image:header3}');
  421. background-position:top;
  422. background-attachment:fixed;
  423. border: double 3px #000;
  424. padding:10px;
  425. color:#ffffff;
  426. overflow: auto;
  427. text-shadow:1px 1px 2px #000,
  428. font-size:15px;
  429. font-family:calibri;
  430. text-transform:uppercase;
  431. letter-spacing:1px;
  432. text-align:center;
  433. }
  434.  
  435. h4 {
  436. background-color: #1b1b1f;
  437. border-left: 3px solid #128585;
  438. border-right: 3px solid #128585;
  439. text-align: center;
  440. padding: 5px;
  441. font-size: 13px;
  442. font-family:calibri;
  443. color: #fff;
  444. }
  445.  
  446. h5 {
  447. font-size: 20px;
  448. text-transform:uppercase;
  449. background: url('{image:header5}') repeat;
  450. -webkit-background-clip: text;
  451. -webkit-text-fill-color: transparent;
  452. text-align: center;
  453.  
  454. }
  455.  
  456.  
  457.  
  458. i, italic, em {
  459. font-family: 'Marck Script', cursive;
  460. font-size: 12px;
  461. text-shadow: 1px 1px 5px #a82c18;
  462. text-transform: italic;
  463. color:{color:italic};
  464. text-transform:lowercase;
  465. letter-spacing:1px;
  466.  
  467. }
  468.  
  469. b, bold, strong {
  470. font-size:10px;
  471. font-family: 'Orbitron', sans-serif;
  472. color:{color:bold};
  473. text-transform:lowercase;
  474.  
  475. }
  476. u, underline {font:8px 'Fjalla One'; font-weight:400; color:#79b4a8; text-transform:uppercase; letter-spacing:1px;}
  477.  
  478. p {
  479. margin-top:5px;
  480. margin-bottom:5px;}
  481.  
  482.  
  483. ol {
  484. list-style:normal;}
  485.  
  486.  
  487. ul {
  488. list-style:square;}
  489.  
  490.  
  491. small {
  492. font-size:10px}
  493.  
  494.  
  495. sup,sub {
  496. font-size:11px}
  497.  
  498.  
  499. pre {
  500. font-size: 12px;
  501. border-left: 3px solid #00939f;
  502. padding: 5px;
  503. font-family: courier new;
  504. font-style: none;
  505. text-transform: uppercase;
  506. text-align:justify;
  507. white-space: pre-wrap;
  508. white-space: -moz-pre-wrap;
  509. white-space: -pre-wrap;
  510. white-space: -o-pre-wrap;
  511. word-wrap: break-word;
  512. }
  513.  
  514.  
  515. code {
  516. text-transform: uppercase;
  517. }
  518.  
  519. blockquote {
  520. padding:2px 7px;
  521. padding-right:17px;
  522. margin:3px 0 3px 10px;
  523. border-left:1px solid #93b5ae;
  524. -webkit-border-radius: 10px;
  525. word-break: break-all;
  526. }
  527.  
  528.  
  529. blockquote img{
  530. max-width:100%;
  531. height:auto;
  532.  
  533. }
  534.  
  535. blockquote blockquote img{
  536. max-width:100%;
  537. height:auto;
  538. }
  539.  
  540.  
  541.  
  542.  
  543. t, title {
  544. size: 15px;
  545. color: 222;
  546. letter-spacing: 2px;
  547. font: times;
  548. }
  549.  
  550. quotetext {
  551. font-family: times;
  552. font-size: 20px;
  553. line-height: 21px;
  554. letter-spacing: 2px;
  555. text-align: center;
  556. text-transform:uppercase;
  557. color: #fff;
  558. text-shadow: 3px 1px 1px #79b4a8;
  559. }
  560.  
  561. quotations {
  562. font: courier;
  563. font-size: 30px;
  564. color: {color:bold};
  565. }
  566.  
  567. quote {
  568. font-size: 13px;
  569. }
  570.  
  571. img {
  572. max-width:100%;
  573. }
  574.  
  575. hr {
  576. width:100px;
  577. border: 0;
  578. height: 0.5px;
  579. margin-right:10px;
  580. background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 255), rgba(255, 255, 255, 0));
  581. }
  582.  
  583. /*---------------------------- LINKS ---------------------------*/
  584.  
  585. a:link, a:active, a:visited {
  586. text-decoration: none;
  587. color: #d0c7c2;
  588. text-transform: none;
  589. font-family: 'Contrail One', cursive;
  590. font-size: 14px;
  591. -moz-transition-duration:.6s;
  592. -webkit-transition-duration:.6s;
  593. -o-transition-duration:.6s;
  594. -webkit-filter: blur(0px);}
  595.  
  596. a:hover {
  597. color: #b8ada7;
  598. font-family: 'Contrail One', cursive;
  599. letter-spacing: 0px;
  600. -moz-transition-duration:.6s;
  601. -webkit-transition-duration:.6s;
  602. -o-transition-duration:.6s;
  603. -webkit-filter: blur(0px);}
  604.  
  605.  
  606.  
  607. a.navi, a.navi:link, a.navi:active, a.navi:visited {
  608. color: #a68b7c;
  609. text-shadow: 0px 0px 10px #a68b7c;
  610. font-family: times;
  611. font-size: 12px;
  612.  
  613. }
  614.  
  615. a.navi:hover {
  616. -moz-transition-duration:.6s;
  617. -webkit-transition-duration:.6s;
  618. -o-transition-duration:.6s;
  619. -webkit-filter: blur(0px);
  620. }
  621.  
  622. a.atlas, a.atlas:link, a.atlas:active, a.atlas:visited {
  623. color: #fff;
  624. font-family: 'Marck Script', cursive;
  625. font-size: 35px;
  626. text-shadow: 1px 1px 5px #ffffff;
  627. text-transform: none;
  628. }
  629.  
  630. a.atlas:hover {
  631. opacity: .5;
  632. -moz-transition-duration:.6s;
  633. -webkit-transition-duration:.6s;
  634. -o-transition-duration:.6s;
  635. -webkit-filter: blur(0px);
  636. }
  637.  
  638.  
  639. /*---------------------------- PAGINATION ---------------------------*/
  640.  
  641.  
  642. .pag {
  643. position: fixed;
  644. left: 750px;
  645. top: 530px;
  646. width: auto;
  647. height: auto;
  648. }
  649.  
  650. a.pag, a.pag:link, a.pag:active, a.pag:visited {
  651. color: #fff;
  652. font-family: 'Marck Script', cursive;
  653. font-size: 12px;
  654. text-shadow: 1px 1px 5px #fff;
  655. text-transform: none;
  656. }
  657.  
  658. a.pag:hover {
  659. opacity: .5;
  660. -moz-transition-duration:.6s;
  661. -webkit-transition-duration:.6s;
  662. -o-transition-duration:.6s;
  663. -webkit-filter: blur(0px);
  664. }
  665.  
  666.  
  667.  
  668.  
  669.  
  670. /*--------------------------- TAGS & INFO ---------------------------*/
  671.  
  672.  
  673. #infobox {
  674. border:1px solid transparent;
  675. margin-bottom:10px;
  676. padding-top:10px;
  677. overflow: auto;
  678. }
  679.  
  680.  
  681. #info {
  682. margin-left:20px;
  683. background-image: url('{image:header3}');
  684. background-color: #1b1b1f;
  685. border-left: 3px solid #171612;
  686. border-right: 3px solid #171612;
  687. text-align: center;
  688. padding: 5px;
  689. font-size: 13px;
  690. font-family:calibri;
  691. color: #fff;
  692. height: 10px;
  693. margin-left:0px;
  694. margin-bottom: 50px;
  695. }
  696.  
  697. #info a {
  698. color:#ffffff;
  699. text-shadow: 0px 0px 2px #000000;
  700. opacity: 1;
  701. font-family: 'big noodle titling';
  702. text-transform: uppercase;
  703. }
  704.  
  705. #info a:hover {
  706. color:#222;
  707. opacity: 1;
  708. }
  709.  
  710.  
  711. #tags {
  712. width:340px;
  713. height: auto;
  714. overflow: auto;
  715. padding:5px;
  716. font-size:5px;
  717. text-align: center;
  718. font-family:courier;
  719. text-transform:none;
  720. background: transparent;
  721. border-bottom: none;
  722. margin-bottom: 0px;
  723. opacity: 0.5;
  724. margin-left: -5px;
  725. -webkit-transition: all 0.8s ease;
  726. -moz-transition: all 0.8s ease;
  727. transition: all 0.8s ease;
  728. }
  729.  
  730.  
  731. #tags a {
  732. font-family:consolas;
  733. font-size:8px;
  734. line-height:8pt;
  735. letter-spacing:0px;
  736. color:#d4cec3;
  737. text-shadow:0px 0px 7px #7f7f7f;
  738. text-decoration:none;
  739. text-transform:none;
  740. text-align:center;
  741. display:inline-block;
  742. margin:1px 0px 3px 0px;
  743. -webkit-border-radius: 30px;
  744. -webkit-transition: all 0.4s ease-out;
  745. -moz-transition: all 0.4s ease-out;
  746. transition: all 0.4s ease-out;
  747. -moz-transition-duration: 0.4s;
  748. -webkit-transition-duration: 0.4s;
  749. -o-transition-duration: 0.4s;
  750. transition-duration: 0.4s; }
  751.  
  752.  
  753. #tags a:hover {
  754. color:#555;
  755. text-shadow:0px 0px 1px #777;
  756. -webkit-filter:none;
  757. -webkit-transition: all 0.6s ease-in-out;
  758. opacity:1;
  759. -webkit-transition: all 0.6s ease-in-out;
  760. -moz-transition: all 0.6s ease-in-out;
  761. -o-transition: all 0.6s ease-in-out;
  762. -ms-transition: all 0.6s ease-in-out;
  763. transition: all 0.6s ease-in-out;
  764. }
  765.  
  766.  
  767.  
  768.  
  769. /*---------------------------- EXTRA 1 ---------------------------*/
  770.  
  771.  
  772.  
  773. .note {
  774. text-transform:uppercase;
  775. font-style:normal;
  776. letter-spacing:0px;
  777. font-size: 10px;
  778. text-align:left;
  779. line-height:90%;
  780. margin-left:-40px;}
  781.  
  782. .note li {
  783. list-style-type:none;
  784. border-bottom:0px solid {color:border};
  785. padding:10px 25px 10px 25px;
  786. text-align:left;
  787. margin:0px;
  788. -moz-transition-duration:0.5s;
  789. -webkit-transition-duration:0.5s;
  790. -o-transition-duration:0.5s;}
  791.  
  792. .note img.avatar {
  793. margin-right: 10px;
  794. width: 16px;
  795. height: 16px;}
  796.  
  797.  
  798.  
  799.  
  800. /*-------------------------- MUSIC PLAYER ---------------------------*/
  801.  
  802.  
  803.  
  804. .songart{
  805. float:left;
  806. margin-right:10px;
  807. }
  808.  
  809. .songart img{
  810. width:80px;
  811. height:80px;
  812. }
  813.  
  814. .songtitle{
  815. margin-bottom:10px;
  816. margin-left:90px;
  817. }
  818.  
  819. .songauthor{
  820. margin-bottom:10px;
  821. font-size:8px;
  822. margin-left:90px;
  823. }
  824.  
  825. .tumblr_audio_player {
  826. height: 50px;
  827. }
  828.  
  829.  
  830.  
  831. /*---------------------------- TOOLTIP ---------------------------*/
  832.  
  833.  
  834.  
  835. #s-m-t-tooltip{
  836. max-width:400px;
  837. margin:15px;
  838. padding:2px 8px;
  839. background: #1c0915;
  840. background-image:url('https://i.imgur.com/3gsVOfg.png');
  841. background-repeat:repeat;
  842. background-attachment:fixed;
  843. border: double 3px #000;
  844. color:#fff;
  845. text-shadow:1px 1px 0px #000,
  846. z-index:99999999999999999999;
  847. font-size:9px;
  848. letter-spacing:2px;
  849. font-style:bold;
  850. letter-spacing:2px;
  851. font-family: calibri;
  852. text-transform:uppercase;
  853. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  854.  
  855.  
  856.  
  857. /*--------------------------- POPUP ------------------------------ */
  858.  
  859.  
  860. /*--Making IE6 Understand Fixed Positioning--*/
  861. *html #fade {
  862. position: absolute;
  863. }
  864. *html .popup_block {
  865. position: absolute;
  866. }
  867.  
  868. .popup_block{
  869. background-color:{color:background};
  870. border: 0px solid #3b3b3b;
  871. width:250px;
  872. height:500px;
  873. top:360px;
  874. padding: 10px;
  875. left: 900px;
  876. word-spacing: 3px;
  877. display: none; /*--hidden by default--*/
  878. float: left;
  879. font-size: 10px; /*font size of the words inside the box */
  880. position: fixed;
  881. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  882. }
  883.  
  884.  
  885. #fade { /*--Transparent background layer--*/
  886. display: none; /*--hidden by default--*/
  887. background: transparent;
  888. background-image: url(''); /*if you want to add a background image to go behind your popup */
  889. position: fixed; left: 0; top: 0;
  890. width: 100%; height: 100%;
  891. opacity: 1.0;
  892. z-index: 9999;
  893. }
  894.  
  895.  
  896. .popupnavlinks {
  897. padding-top:5px;
  898. text-align:center; }
  899.  
  900.  
  901. .popupnavlinks a {
  902. display:inline-block;
  903. width:90px; height:4px;
  904. margin:2px; padding:3px 6px 10px;
  905. text-align:center;
  906. background-image: url('');
  907. background:transparent;
  908. background-repeat:repeat;
  909. background-attachment:fixed;
  910. background: #2b2728;
  911. border-bottom:1px solid {color:bold};
  912. color:#ffffff;
  913. font-size:9px;
  914. font-family:calibri;
  915. text-shadow:1px 1px 0px #fff,
  916. display: inline-block;
  917. cursor: pointer;
  918. }
  919.  
  920. .popupnavlinks a:hover {
  921. display:inline-block;
  922. letter-spacing:2px;
  923. -moz-transition-duration: 0.4s;
  924. -webkit-transition-duration: 0.4s;
  925. -o-transition-duration: 0.4s;
  926. transition-duration: 0.4s;
  927. }
  928.  
  929.  
  930.  
  931. .popupclose {
  932. float:right; top:0px; right:0px;
  933. margin-top:-10px; margin-right:-10px;
  934. font-family:'Scada', sans serif;
  935. font-size:10px;
  936. font-weight:bold }
  937.  
  938. .popupclose a {
  939. color:#aaa }
  940.  
  941.  
  942.  
  943. /*--------------------------- POPUP ------------------------------ */
  944.  
  945. ul#tabs {
  946. list-style-type: none;
  947. padding: 0;
  948. text-align: justify;
  949. font-size:8px;
  950. letter-spacing:1px;
  951. }
  952. ul#tabs li {
  953. background-color: transparent;
  954. background: #181713;
  955. border-bottom:1px solid #474747;
  956. background-repeat:repeat;
  957. background-attachment:fixed;
  958. background-image: url('');
  959. display: inline-block;
  960. padding: 4px;
  961. margin-bottom: 4px;
  962. margin-left: 2px;
  963. cursor: pointer;
  964. color: #fff;
  965. font-size: 9px;
  966. text-transform: uppercase;
  967. text-align: center;
  968. word-spacing: none;
  969. }
  970. ul#tabs li:hover {
  971. background-color: transparent;
  972. letter-spacing: 2px;
  973. color: #ffffff;
  974. text-shadow: 1px 1px 3px #fff;
  975. -moz-transition-duration: 0.4s;
  976. -webkit-transition-duration: 0.4s;
  977. -o-transition-duration: 0.4s;
  978. transition-duration: 0.4s;
  979. }
  980. ul#tabs li.active {
  981. background-image: url('');
  982. background:transparent;
  983. background-repeat:repeat;
  984. background-attachment:fixed;
  985. color:#ffffff;
  986. text-shadow: 1px 1px 5px #ffffff;
  987. display: inline-block;
  988. padding: 4px;
  989. margin-bottom: 4px;
  990. cursor: pointer;
  991. border-radius: 2px;
  992. text-align: center;
  993. word-spacing: none;
  994. }
  995. ul#tab {
  996. list-style-type: none;
  997. margin: 0;
  998. padding: 0;
  999. }
  1000. ul#tab li {
  1001. display: none;
  1002. }
  1003. ul#tab li.active {
  1004. display: block;
  1005. }
  1006.  
  1007.  
  1008. #esperanza {
  1009. position: fixed;
  1010. background-color: #010106;
  1011. border-bottom: 1px solid #3b3b3b;
  1012. padding: 5px;
  1013. width: 242px;
  1014. height: 25px;
  1015. overflow: auto;
  1016. text-align: center;
  1017. z-index: 1;
  1018.  
  1019. }
  1020.  
  1021.  
  1022. #verses {
  1023. background:#1b1b1f;
  1024. border-right: 1px solid #00939f;
  1025. width: 225px;
  1026. height: 150px;
  1027. padding: 5px;
  1028. text-align: justify;
  1029. overflow: auto;
  1030. }
  1031.  
  1032.  
  1033. /* ----------------------------- CHAT CODE --------------------------- */
  1034.  
  1035. /* chat cred: https://dear-indies.tumblr.com/post/125257866576/animalites-imessage-chat-post-ive-seen-a-lot */
  1036.  
  1037. /* IMESSAGE CHAT POST */
  1038. .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}
  1039. .asked p {
  1040. text-align: left;
  1041. margin: 0 0px 10px 0px;
  1042. padding: 0;
  1043. color: #666666;
  1044. font-family: 'Inconsolata', Inconsolata;
  1045. font-size: 12px;
  1046. line-height: 0px;
  1047. }
  1048. .footerright .viasrc {
  1049. float: left;
  1050. }
  1051. .asked a {
  1052. margin:0;padding:0;
  1053. }
  1054. .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}
  1055. .convo {
  1056. overflow: hidden;
  1057. list-style-type: none;
  1058. padding: 0;
  1059. margin: 0;
  1060. }
  1061.  
  1062.  
  1063. </style>
  1064.  
  1065.  
  1066.  
  1067.  
  1068.  
  1069.  
  1070. <body>
  1071.  
  1072.  
  1073.  
  1074. <!---POP UP PAGES--->
  1075.  
  1076. <!---RULES START--->
  1077. <div id="box2" class="popup_block">
  1078.  
  1079. <div style="width:auto;height:475px;overflow:auto;">
  1080.  
  1081.  
  1082. <h3>GENETICS LAW</h3>
  1083.  
  1084. <p>
  1085. <h2>The Mun</h2>
  1086. <p><strong>I.</strong> I probably won’t spend too much time on these. But you know the drill for all of my other blogs
  1087.  
  1088. <p><strong>II.</strong> 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.
  1089.  
  1090. <p><h2>Writing</h2>
  1091. <p><strong>III.</strong> I honestly love building 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.
  1092.  
  1093. <p><strong>IV.</strong> 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, off anon and request me to tag something, I’d be willing to work with you.
  1094.  
  1095.  
  1096. <p><h2>Shipping</h2>
  1097. <p><strong>V.</strong> 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.
  1098.  
  1099.  
  1100. <p><h2>Drama</h2>
  1101. <p><strong>VI.</strong> 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, unfollowing 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.
  1102.  
  1103.  
  1104. <h2>GRAPHICS</h2>
  1105. <p><sTRONG>VII.</sTRONG> My PSD is from plutocommissions and one of my promos is commissioned from malefisensational. I recommend both of these people/sites for some quality grpahic content.
  1106.  
  1107.  
  1108. </div>
  1109. </div>
  1110. <!---RULES END--->
  1111.  
  1112.  
  1113.  
  1114. <!---NAVIGATION STARTS--->
  1115. <div id="box3" class="popup_block">
  1116.  
  1117. <div style="width:auto;height:465px;overflow:auto;padding:5px;">
  1118.  
  1119. <center>
  1120.  
  1121.  
  1122. <div class="popupnavlinks">
  1123.  
  1124. <h2>WRITING</h2>
  1125. <a href="/tagged/whatever">LINK</a>
  1126. <a href="/tagged/whatever">LINK</a>
  1127. <br>
  1128. <a href="/tagged/whatever">LINK</a>
  1129. <a href="/tagged/whatever">LINK</a>
  1130. <BR>
  1131. <p><h2>CHARACTER</h2>
  1132. <a href="/tagged/whatever">LINK</a>
  1133. <a href="/tagged/whatever">LINK</a>
  1134. <br>
  1135. <a href="/tagged/whatever">LINK</a>
  1136. <a href="/tagged/whatever">LINK</a>
  1137. <br>
  1138. <a href="/tagged/whatever">LINK</a>
  1139. <a href="/tagged/whatever">LINK</a>
  1140. <br>
  1141. <p><h2>RELATIONSHIPS</h2>
  1142. <a href="/tagged/whatever">LINK</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.  
  1148. <br><br><br>
  1149. </div>
  1150. </div></div>
  1151. <!---NAVIGATION ENDS--->
  1152.  
  1153.  
  1154.  
  1155. <!---VERSES STARTS--->
  1156. <div id="box4" class="popup_block">
  1157.  
  1158. <div style="width:auto;height:470px;overflow:auto;padding:5px;">
  1159.  
  1160. <div class="esperanza">
  1161. <ul id="tabs">
  1162. <center>
  1163. <li class="active">STATS</li>
  1164. <li>Main</li>
  1165. <li>AU</li>
  1166. <li>Private</li>
  1167. <li>Pack</li>
  1168. </center>
  1169. </ul>
  1170. </div>
  1171.  
  1172. <ul id="tab">
  1173. <li class="active">
  1174.  
  1175. <h2>The Basics</h2>
  1176. <p><strong>FULL NAME:</strong> Input<br />
  1177. <strong>RANK:</strong> Input<br />
  1178. <strong>DOB:</strong> Input<br />
  1179. <strong>POB:</strong> Input<br />
  1180. <strong>HOME TOWN:</strong> Input<br />
  1181. <strong>SEX:</strong> Input<br />
  1182. <strong>ORIENTATION:</strong> Input<br />
  1183. <strong>MARITAL STATUS:</strong> Input<br />
  1184. <strong>KNOWN LANGUAGES:</strong>Input<br />
  1185. <strong>EDUCATION:</strong> Input<br />
  1186. <strong>CURRENT OCCUPATION:</strong> Input<br />
  1187. <strong>PREVIOUS LOCATIONS:</strong> Input</p>
  1188. <h2>Family</h2>
  1189. <p><strong>MOTHER:</strong> Input<br />
  1190. <strong>FATHER:</strong> Input<br />
  1191. <strong>BROTHER:</strong> Input<br />
  1192. <strong>SISTER:</strong> Input <br />
  1193. <h2>Traits</h2>
  1194. <p><strong>HAIR / EYES:</strong> Input<br />
  1195. <strong>HEIGHT / WEIGHT:</strong> Input<br />
  1196. <strong>BODY TYPE / SKINTONE:</strong> Input<br />
  1197. <strong>NOTABLE MARKINGS:</strong> Input<br />
  1198. <strong>FACE CLAIMS:</strong> Input</p>
  1199.  
  1200. <p><h2>History</h2>
  1201.  
  1202. 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.
  1203.  
  1204. </li>
  1205.  
  1206.  
  1207.  
  1208. <li>
  1209. <h1>MAIN VERSES</h1>
  1210.  
  1211.  
  1212. <p>stuff
  1213. </li>
  1214.  
  1215. <li>
  1216. <h1>AU VERSES</h1>
  1217.  
  1218.  
  1219. <p>Stuff
  1220.  
  1221.  
  1222. </li>
  1223.  
  1224.  
  1225. <li>
  1226. <h1>Private Verses</h1>
  1227.  
  1228. <p>STUFF
  1229.  
  1230.  
  1231. </li>
  1232.  
  1233. <li>
  1234. <h2>Tab number five here we go!</h2>
  1235. </li>
  1236. </ul>
  1237.  
  1238.  
  1239.  
  1240.  
  1241. </div></div>
  1242. <!---VERSES ENDS--->
  1243.  
  1244. <div class="home">
  1245. <a href="/" class="poplight atlas" title="office">✦</a>
  1246. </div>
  1247.  
  1248. <div class="hand">
  1249. <a href="/ask" class="poplight atlas" title="questionss">✱</a>
  1250. </div>
  1251.  
  1252. <div class="genetics">
  1253. <a href="#?w=250" rel="box2" class="poplight atlas" title="Genetic Law">♦</a>
  1254. </div>
  1255.  
  1256. <div class="syllabus">
  1257. <a href="#?w=250" rel="box3" class="poplight atlas" title="Syllabus" style="width: 15px; height: 15px;">✹</a>
  1258. </div>
  1259.  
  1260. <div class="legends">
  1261. <a href="#?w=250" rel="box4" class="poplight atlas" style="padding-right: 5px;" title="Legends">❃</a>
  1262. </div>
  1263.  
  1264.  
  1265.  
  1266.  
  1267.  
  1268.  
  1269. <script type="text/javascript" src="https://bpmaker.giffy.me/userdata/user/53/53959/2/parts.js"></script>
  1270.  
  1271.  
  1272.  
  1273. <!------------------------- POSTS & CONTENT -------------------------->
  1274.  
  1275.  
  1276.  
  1277. <div class="pag">{block:Pagination}
  1278. {block:PreviousPage}<a href="{PreviousPage}" class="pag" style="margin-left: -500px; title: fall; font-size: 55px;">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" class="pag" style="margin-right: 0px; title: rise; font-size: 55px;">»</a>
  1279. {/block:NextPage}
  1280. {/block:Pagination}</div>
  1281.  
  1282.  
  1283.  
  1284.  
  1285. <div id="entries">
  1286.  
  1287. {block:Posts}
  1288.  
  1289. <div class="posts">
  1290.  
  1291. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1292.  
  1293. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  1294. {/block:Photo}
  1295.  
  1296. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1297.  
  1298. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1299.  
  1300. {block:Video}
  1301. <div class="video">{Video-250}</div>
  1302. {/block:Video}
  1303.  
  1304. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1305.  
  1306.  
  1307. {block:Quote}<quotetext>❝{Quote}❞</quotetext>{block:Source}<h3>{Source}</h3>{/block:Source}{/block:Quote}
  1308.  
  1309.  
  1310. {block:Chat}
  1311. {block:Title}
  1312. <h1>{Title}</h1>{/block:Title}<br>
  1313. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1314. {Line}</li>{/block:Lines}</ul>
  1315. {/block:Chat}
  1316.  
  1317.  
  1318. <!--AUDIO POST-->
  1319. {block:Audio}
  1320. {block:AlbumArt}
  1321. <div class="songart">
  1322. <img src="{AlbumArtURL}">
  1323. </div>
  1324. {/block:AlbumArt}
  1325. <div class="songtitle">
  1326. {block:TrackName}
  1327. {TrackName}
  1328. {/block:TrackName}
  1329. </div>
  1330. <div class="songauthor">
  1331. By
  1332. {block:Artist}
  1333. {Artist}
  1334. {/block:Artist}
  1335. </div>
  1336. {AudioPlayerWhite}
  1337. {/block:Audio}
  1338.  
  1339.  
  1340.  
  1341. {block:Answer}
  1342. <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>
  1343.  
  1344.  
  1345. <div id="askerurl" style="margin-left:-60px; margin-top: 25px; text-transform:uppercase; color: {color:bold}; word-wrap: break-word; max-width: 100%;">{asker}</div>
  1346.  
  1347. <div id="question" style="margin-top: 0px">{Question}</div>
  1348. <div id="answer" style="margin-top: 20px;">{Answer}</div>
  1349. {/block:Answer}
  1350.  
  1351.  
  1352. <div id="infobox">
  1353. <div id="info">
  1354. <br>
  1355.  
  1356. &nbsp; &nbsp;
  1357.  
  1358.  
  1359. {block:Date}
  1360. <a href="{Permalink}"style="position:absolute; width: autopx; margin-left:-10px; margin-top:-17px; font-size: 9px; font-family: 'Oswald', sans-serif;" title="{TimeAgo}, {ShortMonth} {DayOfMonthWithZero} with {NoteCount} notes ">{ShortMonth} {DayOfMonthWithZero} </a>
  1361. {/block:Date}
  1362.  
  1363.  
  1364.  
  1365. <a href="{ReblogURL}" style="position:absolute; margin-left:-50px; margin-top:-17px; font-size:9px; font-family: 'Oswald', sans-serif;';" title="reblog"> Reblog </a>
  1366.  
  1367.  
  1368.  
  1369. {block:NoRebloggedFrom}
  1370. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1371. {/block:NoRebloggedFrom}
  1372.  
  1373.  
  1374. {block:ContentSource}
  1375. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1376. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1377. {/block:SourceLogo}
  1378. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1379. {/block:ContentSource}
  1380.  
  1381.  
  1382. <br>
  1383.  
  1384.  
  1385. <!------------------------ INFO AND SYMBOLS ENDS ---------------------->
  1386.  
  1387.  
  1388. <div id="tags">{block:HasTags}{block:Tags} <a href="{TagURL}" title="{Tag}"> {Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1389. </div>&nbsp;
  1390.  
  1391. <br><br><br><br>
  1392.  
  1393. {/block:Posts}
  1394. <div class="note">
  1395. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1396. </div></div>
  1397.  
  1398. {/block:Posts}
  1399.  
  1400.  
  1401. </div>
  1402. </div>
  1403. </div>
  1404.  
  1405.  
  1406.  
  1407.  
  1408.  
  1409. </body>
  1410.  
  1411.  
  1412.  
  1413.  
  1414.  
  1415. </html>
Advertisement
Add Comment
Please, Sign In to add comment