bridgetowakanda

srgtjbrns 001

Jan 13th, 2020
210
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.32 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=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.  
  12. <html>
  13. <!--
  14. BASE CODE
  15. https://fratdadbase.tumblr.com/
  16.  
  17. * BASE CODE 004. BY LENORE VIA BRIDGETOWAKANDA
  18. * IF YOU HAVE ANY QUESTIONS, PLEASE SEND ME AN ASK
  19. * THIS CODE IS FOR ROLELAY USE. YOU MAY ADJUST AND MODIFY ANY WAY YOU'D LIKE
  20. * BUT PLEASE DO NOT CLAIME AS YOUR OWN, STEAL PARTS OF MY CODE, OR REDISTRUBE.
  21. -->
  22.  
  23.  
  24. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  25. <head>
  26. <title>{Title}</title>
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. {block:Description}
  30. <meta name="description" content="{MetaDescription}" />
  31. {/block:Description}
  32.  
  33.  
  34. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  35.  
  36. <!------------------------------ SCRIPTS ----------------------------->
  37. <!------------------------------ POPUP ------------------------------>
  38.  
  39.  
  40. <script type="text/javascript"
  41. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  42. <script>
  43. $(document).ready(function() {
  44. //
  45. $('a.poplight[href^=#]').click(function() {
  46. var popID = $(this).attr('rel'); //Get Popup Name
  47. var popURL = $(this).attr('href'); //Get Popup href to define size
  48. var query= popURL.split('?');
  49. var dim= query[1].split('&');
  50. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  51. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">');
  52. var popMargTop = ($('#' + popID).height() + 80) / 2;
  53. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  54. //Apply Margin to Popup
  55. $('#' + popID).css({
  56. 'margin-top' : -popMargTop,
  57. 'margin-left' : -popMargLeft
  58. });
  59. $('body').append('<div id="fade"></div>');
  60. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  61. return false;
  62. });
  63. $('a.close, #fade').live('click', function() {
  64. $('#fade , .popup_block').fadeOut(function() {
  65. $('#fade, a.close').remove(); //fade them both out
  66. });
  67. return false;
  68. });
  69. });
  70. </script>
  71.  
  72.  
  73.  
  74.  
  75. <!----------------------------- TOOLTLIP ----------------------------->
  76.  
  77.  
  78. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  79. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  80. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  81. <script>
  82. (function($){
  83. $(document).ready(function(){
  84. $("[title]").style_my_tooltips({
  85. tip_follows_cursor:true,
  86. tip_delay_time:200,
  87. tip_fade_speed:500
  88. });
  89. });
  90. })(jQuery);
  91. </script>
  92.  
  93.  
  94.  
  95. <!------------------------------ TABS ------------------------------>
  96.  
  97.  
  98. <script>
  99. $(document).ready(function(){
  100. $("ul#tabs li").click(function(e){
  101. if (!$(this).hasClass("active")) {
  102. var tabNum = $(this).index();
  103. var nthChild = tabNum+1;
  104. $("ul#tabs li.active").removeClass("active");
  105. $(this).addClass("active");
  106. $("ul#tab li.active").removeClass("active");
  107. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  108. }
  109. });
  110. });
  111. </script>
  112.  
  113.  
  114.  
  115.  
  116. </head>
  117.  
  118. <!---------------------------- META DATA -----------------------------> <meta name="text:hover sidebox" content="intelligence"/>
  119. <meta name="text:sidebox text" content=""/>
  120. <meta name="text:Starters" content="00"/>
  121. <meta name="text:Drafts" content="00"/>
  122. <meta name="text:Memes" content="00"/>
  123. <meta name="text:Queue" content="00"/>
  124. <meta name="text:Penname" content="LENORE"/>
  125.  
  126. <meta name="color:background" content="#333333" />
  127. <meta name="color:text" content="#ffffff" />
  128. <meta name="color:italic" content="#ccb1a7" />
  129. <meta name="color:bold" content="#577e97" />
  130. <meta name="color:question" content="#373030" />
  131. <meta name="color:question font" content="#fffff" />
  132. <meta name="color:mainlinks" content="#fffff" />
  133. <meta name="color:mainlinkshover" content="#gggggg" />
  134. <meta name="color:pre" content="#131b1f" />
  135.  
  136. <meta name="image:body" content="" />
  137. <meta name="image:rules" content="" />
  138. <meta name="image:about" content="" />
  139. <meta name="image:verses" content="" />
  140. <meta name="image:navigation" content="" />
  141. <meta name="image:avengers" content="" />
  142. <meta name="image:headerbackground" content="" />
  143. <meta name="image:m1" content="" />
  144. <meta name="image:m2" content="" />
  145. <meta name="image:a1" content="" />
  146. <meta name="image:a2" content="" />
  147.  
  148. <meta name="if:containerhover" content="1"/>
  149.  
  150.  
  151. <style type="text/css">
  152.  
  153.  
  154.  
  155.  
  156.  
  157. /*---------------------------- SCROLL BAR ---------------------------*/
  158. ::-webkit-scrollbar {
  159. width: 2px;
  160. height: 2px;
  161. }
  162. ::-webkit-scrollbar-button {
  163. width: 0px;
  164. height: 0px;
  165. }
  166. ::-webkit-scrollbar-thumb {
  167. background: transparent;
  168. border: 0px none #a68b7c;
  169. border-radius: 50px;
  170. }
  171. ::-webkit-scrollbar-thumb:hover {
  172. background: transparent;
  173. }
  174. ::-webkit-scrollbar-thumb:active {
  175. background: transparent;
  176. }
  177. ::-webkit-scrollbar-track {
  178. background: transparent;
  179. border: 0px none #a68b7c;
  180. border-radius: 0px;
  181. }
  182. ::-webkit-scrollbar-track:hover {
  183. background:transparent;
  184. }
  185. ::-webkit-scrollbar-track:active {
  186. background: transparent;
  187. }
  188. ::-webkit-scrollbar-corner {
  189. background: transparent;
  190. }
  191.  
  192.  
  193. /*---------------------------- SELECTION ---------------------------*/
  194.  
  195. ::SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  196. ::-MOZ-SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  197.  
  198.  
  199.  
  200. /*---------------------------- BODY ---------------------------*/
  201.  
  202. body {
  203. background-color:{color:background};
  204. background-image:url('{image:body}');
  205. background-repeat: no-repeat;
  206. font-family: calibri;
  207. font-size: 11px;
  208. text-align: justify;
  209. color:{color:text};
  210. }
  211.  
  212.  
  213.  
  214. /*---------------------- QUESTIONS & ANSWERS ------------------------*/
  215.  
  216. #askerurl {
  217. text-transform:uppercase;
  218. font-weight:400;
  219. font-size:20px;
  220. margin-top:80px;
  221. margin-left:50px;
  222. padding-bottom:5px;
  223. width:250px;
  224. font-family: 'Orbitron', sans-serif;
  225. text-align:center;
  226. }
  227.  
  228. #asking img {
  229. padding: 5px;
  230. }
  231.  
  232. #question {
  233. background-attachment:auto;
  234. background-image: url('');
  235. padding:15px 15px;
  236. margin:3px 0 3px 10px;
  237. border-top-left-radius: 2px;
  238. border-top-right-radius: 2px;
  239. background-color:{color:question};
  240. border-radius: 10px;
  241. color: {color:font};
  242. font-family: 'Open Sans Condensed';
  243. }
  244.  
  245. #answer {
  246. word-spacing: 0px;
  247. }
  248.  
  249. /*------------------------ CONTAINER & POSTS ------------------------*/
  250.  
  251. #entries {
  252. width:435px;
  253. height:520px;
  254. top:8px;
  255. padding: 5px;
  256. margin-left: 400px;
  257. position:relative;
  258. overflow-y:scroll;
  259. overflow-x:hidden;
  260.  
  261. {block:ifcontainerhover}
  262. opacity:0;
  263. {/block:ifcontainerhover}
  264. background: {color:background};
  265. -webkit-transition:all .7s ease-in-out;
  266. -moz-transition:all .7s ease-in-out;
  267. transition:all .7s ease-in-out;
  268. }
  269.  
  270. {block:ifcontainerhover}
  271. #entries:hover {
  272. opacity:1;
  273. }{/block:ifcontainerhover}
  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:450px;
  289. background-color: #222;
  290. padding-bottom:0px;
  291. overflow-y:scroll;
  292. overflow-x:hidden;
  293. }
  294.  
  295.  
  296. /*----------------------- MAINS AND EXCLUSIVES ----------------------*/
  297.  
  298. #me {
  299. width: 250px;
  300. height: 100px;
  301. overflow:auto;
  302. background-color:#383838;
  303. padding: 2px;
  304. }
  305.  
  306. #meimg {
  307. width: 75px;
  308. height: 75px;
  309. padding: 1px;
  310. }
  311.  
  312. #mename {
  313. margin-top: -35px;
  314. }
  315.  
  316.  
  317.  
  318.  
  319.  
  320. /*---------------------------- SIDEBOX ---------------------------*/
  321.  
  322. #sidebox {
  323. position: fixed;
  324. background-color: {color:background};
  325. border: 0px solid #3b3b3b;
  326. padding: 5px;
  327. top: 100px;
  328. left: 70px;
  329. width: 150px;
  330. height: 400px;
  331. overflow: auto;
  332. z-index: 1;
  333. opacity:0;
  334. -moz-transition-duration:.6s;
  335. -webkit-transition-duration:.6s;
  336. -o-transition-duration:.6s;
  337. }
  338.  
  339. #sidebox:hover {
  340. opacity: 1;
  341. -moz-transition-duration:.6s;
  342. -webkit-transition-duration:.6s;
  343. -o-transition-duration:.6s;
  344. }
  345.  
  346. .sideboxtitle {
  347. position: fixed;
  348. color: #fff;
  349. font-family: 'Marck Script', cursive;
  350. font-size: 12px;
  351. text-shadow: 1px 1px 5px #fff;
  352. text-transform: none;
  353. top: 110px;
  354. left: 120px;
  355. }
  356.  
  357. .sideboxtitle:hover {
  358. opacity: 0;
  359. -moz-transition-duration:.6s;
  360. -webkit-transition-duration:.6s;
  361. -o-transition-duration:.6s;
  362. }
  363. /*---------------------------- CREDIT ---------------------------*/
  364.  
  365. .credit {
  366. left: 98%;
  367. top: 95%;
  368. width: 50px;
  369. height: 50px;
  370. position: fixed;
  371. }
  372.  
  373. a.credit, a.credit:link, a.credit:active, a.credit:visited{
  374. text-decoration: none;
  375. color: #312a2a;
  376. text-transform: none;
  377. font-family: 'Contrail One', cursive;
  378. font-size: 14px;
  379. -moz-transition-duration:.6s;
  380. -webkit-transition-duration:.6s;
  381. -o-transition-duration:.6s;
  382. -webkit-filter: blur(0px);
  383.  
  384. }
  385.  
  386. a.credit:hovor {
  387. color: #2e2727;
  388. font-family: 'Contrail One', cursive;
  389. letter-spacing: 0px;
  390. -moz-transition-duration:.6s;
  391. -webkit-transition-duration:.6s;
  392. -o-transition-duration:.6s;
  393. -webkit-filter: blur(0px); }
  394.  
  395.  
  396.  
  397. /*---------------------------- FANCY FONT ---------------------------*/
  398.  
  399. h1 {
  400. font-size:30px;
  401. font-family: times;
  402. font-weight:400;
  403. color:#fff;
  404. text-shadow: 1px 1px 5px #fff;
  405. background-color: #373030;
  406. border-right: 15px solid #413939;
  407. display:block;
  408. margin-top: 20px;
  409. text-align:right;
  410. text-transform:uppercase;
  411. padding-right:20px;
  412. letter-spacing:1px;
  413.  
  414. }
  415.  
  416. h2 {
  417. font-size:12px
  418. font-family: 'Marck Script', cursive;
  419. color:#ffffff;
  420. text-shadow: 0px 0px 5px #ffffff;
  421. text-align: center;
  422. text-transform:none;
  423. letter-spacing:2px;
  424. margin:0, 0, 5px, 0;
  425. padding:5px;
  426. }
  427.  
  428.  
  429. h3 {
  430. background-image: url('{image:headerbackground}');
  431. background-position:top;
  432. background-attachment:fixed;
  433. border: double 3px #000;
  434. padding:10px;
  435. color:#ffffff;
  436. overflow: auto;
  437. text-shadow:1px 1px 2px #000,
  438. font-size:15px;
  439. font-family:calibri;
  440. text-transform:uppercase;
  441. letter-spacing:1px;
  442. text-align:center;
  443. }
  444.  
  445.  
  446.  
  447. i, italic, em {
  448. font-family: 'Nova Mono', monospace;
  449. font-size: 15px;
  450. text-transform: italic;
  451. text-transform: uppercase;
  452. color:{color:italic};
  453. text-transform:lowercase;
  454. letter-spacing:1px;
  455.  
  456. }
  457.  
  458. b, bold, strong {
  459. font-size:12px;
  460. text-transform: uppercase;
  461. font-family: 'VT323', monospace;
  462. color:{color:bold};
  463.  
  464.  
  465.  
  466. }
  467.  
  468. u, underline {
  469. font-size: 12px;
  470. background-color: #e22b08;
  471. font-family: 'VT323', monospace;
  472. font-weight:400;
  473. color:#ffffff;
  474. text-transform:uppercase;
  475. letter-spacing:1px;}
  476. p {
  477. margin-top:5px;
  478. margin-bottom:5px;}
  479.  
  480.  
  481. ol {
  482. list-style:normal;}
  483.  
  484.  
  485. ul {
  486. list-style:square;}
  487.  
  488.  
  489. small {
  490. font-size:10px}
  491.  
  492.  
  493. sup,sub {
  494. font-size:11px}
  495.  
  496.  
  497. pre {
  498. font-size: 12px;
  499. border-left: 1px solid {color:bold};
  500. background-color: {color:pre};
  501. padding: 2px;
  502. font-family: courier new;
  503. font-style: none;
  504. text-transform: uppercase;
  505. text-align:left;
  506. white-space: pre-wrap;
  507. white-space: -moz-pre-wrap;
  508. white-space: -pre-wrap;
  509. white-space: -o-pre-wrap;
  510. word-wrap: break-word;
  511. }
  512.  
  513.  
  514.  
  515.  
  516. blockquote {
  517. padding:2px 7px;
  518. padding-right:17px;
  519. margin:3px 0 3px 10px;
  520. border-left:1px solid {color:bold};
  521. -webkit-border-radius: 10px;
  522. }
  523.  
  524.  
  525. blockquote img{
  526. max-width:100%;
  527. height:auto;
  528. }
  529.  
  530. blockquote blockquote img{
  531. max-width:100%;
  532. height:auto;
  533. }
  534.  
  535.  
  536.  
  537.  
  538. t, title {
  539. size: 15px;
  540. color: 222;
  541. letter-spacing: 2px;
  542. font: times;
  543. }
  544.  
  545. quotetext {
  546. font-family: times;
  547. font-size: 20px;
  548. line-height: 21px;
  549. letter-spacing: 2px;
  550. text-align: center;
  551. text-transform:uppercase;
  552. color: #fff;
  553. text-shadow: 3px 1px 1px #79b4a8;
  554. }
  555.  
  556. quotations {
  557. font: courier;
  558. font-size: 30px;
  559. color: {color:bold};
  560. }
  561.  
  562. quote {
  563. font-size: 13px;
  564. }
  565.  
  566. img {
  567. max-width:100%;
  568. }
  569.  
  570. hr {
  571. width:100px;
  572. border: 0;
  573. height: 0.5px;
  574. margin-right:10px;
  575. background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 255), rgba(255, 255, 255, 0));
  576. }
  577.  
  578. code {
  579. text-transform: uppercase;
  580. }
  581.  
  582. #borders {
  583. border-bottom: 1px solid #3e3e3e;
  584. }
  585.  
  586. /*---------------------------- NAVIGATION ---------------------------*/
  587.  
  588. .hydra {
  589. top: 575px;
  590. left: 520px;
  591. position: fixed;
  592. background-color: transparent;
  593. }
  594.  
  595. a:link, a:active, a:visited {
  596. text-decoration: none;
  597. color: {color:mainlinks};
  598. text-transform: uppercase;
  599. font-family: 'Unica One', cursive;
  600. font-size: 14px;
  601. -moz-transition-duration:.6s;
  602. -webkit-transition-duration:.6s;
  603. -o-transition-duration:.6s;
  604. -webkit-filter: blur(0px);}
  605.  
  606. a:hover {
  607. color: {color:mainlinkshover};
  608. font-family: 'Unica One', cursive;
  609. letter-spacing: 0px;
  610. -moz-transition-duration:.6s;
  611. -webkit-transition-duration:.6s;
  612. -o-transition-duration:.6s;
  613. -webkit-filter: blur(0px);}
  614.  
  615.  
  616.  
  617. a.navi, a.navi:link, a.navi:active, a.navi:visited {
  618. color: #a68b7c;
  619. text-shadow: 0px 0px 10px #a68b7c;
  620. font-family: 'VT323', monospace;
  621. font-size: 25px;
  622.  
  623. }
  624.  
  625. a.navi:hover {
  626. -moz-transition-duration:.6s;
  627. -webkit-transition-duration:.6s;
  628. -o-transition-duration:.6s;
  629. -webkit-filter: blur(0px);
  630. }
  631.  
  632.  
  633. /*---------------------------- PAGINATION ---------------------------*/
  634.  
  635.  
  636. .pag {
  637. position: fixed;
  638. left: 1050px;
  639. top: 500px;
  640. width: auto;
  641. height: auto;
  642. }
  643.  
  644. a.pag, a.pag:link, a.pag:active, a.pag:visited {
  645. color: #fff;
  646. font-family: 'Marck Script', cursive;
  647. font-size: 12px;
  648. text-shadow: 1px 1px 5px #fff;
  649. text-transform: none;
  650. }
  651.  
  652. a.pag:hover {
  653. opacity: .5;
  654. -moz-transition-duration:.6s;
  655. -webkit-transition-duration:.6s;
  656. -o-transition-duration:.6s;
  657. -webkit-filter: blur(0px);
  658. }
  659.  
  660. /*--------------------------- TAGS & INFO ---------------------------*/
  661.  
  662.  
  663. #infobox {
  664. border:1px solid transparent;
  665. margin-bottom:10px;
  666. padding-top:10px;
  667. overflow: auto;
  668. }
  669.  
  670.  
  671. #info {
  672. margin-left:20px;
  673. background-color: transparent;
  674. background-image: url('');
  675. background-position: fixed;
  676. background-repeat: repeat;
  677. height: 20px;
  678. margin-left:0px;
  679. margin-bottom: 75px;
  680. border-bottom: 1px solid #a68b7c;
  681. text-align: center;
  682. }
  683.  
  684. #info a {
  685. color:{color:mainlinks};
  686. opacity: 1;
  687. font-family:consolas;
  688. text-transform: uppercase;
  689. }
  690.  
  691. #info a:hover {
  692. color:{color:mainlinkshover};
  693. opacity: 1;
  694. }
  695.  
  696.  
  697. #tags {
  698. width:300px;
  699. height: 25px;
  700. overflow: auto;
  701. padding:2px;
  702. font-size:5px;
  703. text-align:center;
  704. font-family:courier;
  705. text-transform:uppercase;
  706. background:transparent;
  707. margin-bottom: 5px;
  708. margin-top: 5px;
  709. }
  710.  
  711.  
  712. #tags a {
  713. font-family:consolas;
  714. font-size:8px;
  715. line-height:8pt;
  716. letter-spacing:0px;
  717. color:#a68b7c;
  718. text-decoration:none;
  719. text-transform:uppercase;
  720. text-align:center;
  721. display:inline-block;
  722. margin:1px 0px 3px 0px;
  723. -webkit-transition: all 0.4s ease-out;
  724. -moz-transition: all 0.4s ease-out;
  725. transition: all 0.4s ease-out;
  726. -moz-transition-duration: 0.4s;
  727. -webkit-transition-duration: 0.4s;
  728. -o-transition-duration: 0.4s;
  729. transition-duration: 0.4s; }
  730.  
  731.  
  732. #tags a:hover {
  733. color:#7b5f4f;
  734. text-shadow:0px 0px 1px #777;
  735. -webkit-filter:none;
  736. -webkit-transition: all 0.6s ease-in-out;
  737. -moz-transition: all 0.6s ease-in-out;
  738. -o-transition: all 0.6s ease-in-out;
  739. -ms-transition: all 0.6s ease-in-out;
  740. transition: all 0.6s ease-in-out;
  741. }
  742.  
  743.  
  744.  
  745.  
  746. /*---------------------------- EXTRA 1 ---------------------------*/
  747.  
  748.  
  749.  
  750. .note {
  751. text-transform:uppercase;
  752. font-style:normal;
  753. letter-spacing:0px;
  754. font-size: 10px;
  755. text-align:left;
  756. line-height:90%;
  757. margin-left:-40px;}
  758.  
  759. .note li {
  760. list-style-type:none;
  761. border-bottom:0px solid {color:border};
  762. padding:10px 25px 10px 25px;
  763. text-align:left;
  764. margin:0px;
  765. -moz-transition-duration:0.5s;
  766. -webkit-transition-duration:0.5s;
  767. -o-transition-duration:0.5s;}
  768.  
  769. .note img.avatar {
  770. margin-right: 10px;
  771. width: 16px;
  772. height: 16px;}
  773.  
  774.  
  775.  
  776.  
  777. /*-------------------------- MUSIC PLAYER ---------------------------*/
  778.  
  779.  
  780.  
  781. .songart{
  782. float:left;
  783. margin-right:10px;
  784. }
  785.  
  786. .songart img{
  787. width:80px;
  788. height:80px;
  789. }
  790.  
  791. .songtitle{
  792. margin-bottom:10px;
  793. margin-left:90px;
  794. }
  795.  
  796. .songauthor{
  797. margin-bottom:10px;
  798. font-size:8px;
  799. margin-left:90px;
  800. }
  801.  
  802. .tumblr_audio_player {
  803. height: 50px;
  804. }
  805.  
  806. /* ----------------------------- CHAT CODE --------------------------- */
  807.  
  808. /* chat cred: https://dear-indies.tumblr.com/post/125257866576/animalites-imessage-chat-post-ive-seen-a-lot */
  809.  
  810. /* IMESSAGE CHAT POST */
  811. .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}
  812. .asked p {
  813. text-align: left;
  814. margin: 0 0px 10px 0px;
  815. padding: 0;
  816. color: #666666;
  817. font-family: 'Inconsolata', Inconsolata;
  818. font-size: 12px;
  819. line-height: 0px;
  820. }
  821. .footerright .viasrc {
  822. float: left;
  823. }
  824. .asked a {
  825. margin:0;padding:0;
  826. }
  827. .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}
  828. .convo {
  829. overflow: hidden;
  830. list-style-type: none;
  831. padding: 0;
  832. margin: 0;
  833. }
  834.  
  835. /*---------------------------- TOOLTIP ---------------------------*/
  836.  
  837.  
  838.  
  839. #s-m-t-tooltip{
  840. max-width:400px;
  841. margin:15px;
  842. padding:2px 8px;
  843. background: #1c0915;
  844. background-image:url('{image:headerbackground}');
  845. background-repeat:repeat;
  846. background-attachment:fixed;
  847. border: double 3px #000;
  848. color:#fff;
  849. text-shadow:1px 1px 0px #000,
  850. z-index:99999999999999999999;
  851. font-size:9px;
  852. letter-spacing:2px;
  853. font-style:bold;
  854. letter-spacing:2px;
  855. font-family: calibri;
  856. text-transform:uppercase;
  857. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  858.  
  859.  
  860.  
  861. /*--------------------------- POPUP ------------------------------ */
  862.  
  863.  
  864. /*--Making IE6 Understand Fixed Positioning--*/
  865. *html #fade {
  866. position: absolute;
  867. }
  868. *html .popup_block {
  869. position: absolute;
  870. }
  871.  
  872. .popup_block{
  873. background-color: #transparent;
  874. border: 0px solid #3b3b3b;
  875. width:250px;
  876. height:485px;
  877. top:300px;
  878. padding: 5px;
  879. left: 850px;
  880. display: none; /*--hidden by default--*/
  881. float: left;
  882. font-size: 10px; /*font size of the words inside the box */
  883. position: fixed;
  884. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  885. }
  886.  
  887.  
  888. #fade { /*--Transparent background layer--*/
  889. display: none; /*--hidden by default--*/
  890. background: {color:background};
  891. background-repeat: no-repeat;
  892. background-position: center;
  893. background-image: url(''); /*if you want to add a background image to go behind your popup */
  894. position: fixed; left: 0; top: 0;
  895. width: 100%; height: 100%;
  896. opacity: 1.0;
  897. z-index: 9999;
  898. }
  899.  
  900.  
  901. .importante {
  902. background-color:transparent;
  903. left: 475px;
  904. top:75px;
  905. height: 400px;
  906. width: 232px;
  907. position: fixed;
  908. font-size:11px;
  909. overflow: auto;
  910. padding: 10px;
  911. z-index:2;
  912. }
  913.  
  914. .rules {
  915. background-image:url('{image:rules}');
  916. background-repeat:no-repeat;
  917. top:65px;
  918. left: 400px;
  919. text-align:justify;
  920. height:500px;
  921. width:620px;
  922. position:fixed;
  923. transition:0.7s ease-in-out;
  924. -o-transition:0.7s ease-in-out;
  925. -ms-transition:0.7s ease-in-out;
  926. -moz-transition:0.7s ease-in-out;
  927. -webkit-transition:0.7s ease-in-out;
  928. transition: all 0.4s ease-out;
  929. -moz-transition-duration: 0.4s;
  930. -webkit-transition-duration: 0.4s;
  931. -o-transition-duration: 0.4s;
  932. transition-duration: 0.4s;
  933.  
  934. }
  935.  
  936. .about {
  937. background-image:url('{image:about}');
  938. background-repeat:no-repeat;
  939. top:65px;
  940. left: 400px;
  941. text-align:justify;
  942. height:500px;
  943. width:620px;
  944. position:fixed;
  945. transition:0.7s ease-in-out;
  946. -o-transition:0.7s ease-in-out;
  947. -ms-transition:0.7s ease-in-out;
  948. -moz-transition:0.7s ease-in-out;
  949. -webkit-transition:0.7s ease-in-out;
  950. transition: all 0.4s ease-out;
  951. -moz-transition-duration: 0.4s;
  952. -webkit-transition-duration: 0.4s;
  953. -o-transition-duration: 0.4s;
  954. transition-duration: 0.4s;
  955.  
  956. }
  957.  
  958. .verses {
  959. background-image:url('{image:verses}');
  960. background-repeat:no-repeat;
  961. top:65px;
  962. left: 400px;
  963. text-align:justify;
  964. height:500px;
  965. width:620px;
  966. position:fixed;
  967. transition:0.7s ease-in-out;
  968. -o-transition:0.7s ease-in-out;
  969. -ms-transition:0.7s ease-in-out;
  970. -moz-transition:0.7s ease-in-out;
  971. -webkit-transition:0.7s ease-in-out;
  972. transition: all 0.4s ease-out;
  973. -moz-transition-duration: 0.4s;
  974. -webkit-transition-duration: 0.4s;
  975. -o-transition-duration: 0.4s;
  976. transition-duration: 0.4s;
  977.  
  978. }
  979.  
  980. .navigation {
  981. background-image:url('{image:navigation}');
  982. background-repeat:no-repeat;
  983. top:65px;
  984. left: 400px;
  985. text-align:justify;
  986. height:500px;
  987. width:620px;
  988. position:fixed;
  989. transition:0.7s ease-in-out;
  990. -o-transition:0.7s ease-in-out;
  991. -ms-transition:0.7s ease-in-out;
  992. -moz-transition:0.7s ease-in-out;
  993. -webkit-transition:0.7s ease-in-out;
  994. transition: all 0.4s ease-out;
  995. -moz-transition-duration: 0.4s;
  996. -webkit-transition-duration: 0.4s;
  997. -o-transition-duration: 0.4s;
  998. transition-duration: 0.4s;
  999.  
  1000. }
  1001.  
  1002. .avengers {
  1003. background-image:url('{image:avengers}');
  1004. background-repeat:no-repeat;
  1005. top:65px;
  1006. left: 400px;
  1007. text-align:justify;
  1008. height:500px;
  1009. width:620px;
  1010. position:fixed;
  1011. transition:0.7s ease-in-out;
  1012. -o-transition:0.7s ease-in-out;
  1013. -ms-transition:0.7s ease-in-out;
  1014. -moz-transition:0.7s ease-in-out;
  1015. -webkit-transition:0.7s ease-in-out;
  1016. transition: all 0.4s ease-out;
  1017. -moz-transition-duration: 0.4s;
  1018. -webkit-transition-duration: 0.4s;
  1019. -o-transition-duration: 0.4s;
  1020. transition-duration: 0.4s;
  1021.  
  1022. }
  1023.  
  1024. .popupnavlinks {
  1025. padding-top:5px;
  1026. text-align:center; }
  1027.  
  1028.  
  1029. .popupnavlinks a {
  1030. display:inline-block;
  1031. background-color: {color:background};
  1032. border-top: 1px solid {color:bold};
  1033. border-bottom: 1px solid {color:bold};
  1034. text-align: center;
  1035. font-size: 9px;
  1036. font-family:courier;
  1037. color: #ffffff;
  1038. display: inline-block;
  1039. width:90px; height:4px;
  1040. margin:2px; padding:3px 6px 10px;
  1041. -webkit-mask-image: -webkit-linear-gradient(left, rgba(24,24,30,0), rgba(24,24,30,1), rgba(24,24,30,0))
  1042. }
  1043.  
  1044. .popupnavlinks a:hover {
  1045. display:inline-block;
  1046. letter-spacing:2px;
  1047. -moz-transition-duration: 0.4s;
  1048. -webkit-transition-duration: 0.4s;
  1049. -o-transition-duration: 0.4s;
  1050. transition-duration: 0.4s;
  1051. }
  1052.  
  1053.  
  1054.  
  1055. .popupclose {
  1056. float:right; top:0px; right:0px;
  1057. margin-top:-10px; margin-right:-10px;
  1058. font-family:'Scada', sans serif;
  1059. font-size:10px;
  1060. font-weight:bold }
  1061.  
  1062. .popupclose a {
  1063. color:#aaa }
  1064.  
  1065.  
  1066.  
  1067.  
  1068.  
  1069. /*--------------------------- TABS ------------------------------ */
  1070.  
  1071. ul#tabs {
  1072. list-style-type: none;
  1073. padding: 0;
  1074. text-align: justify;
  1075. font-size:8px;
  1076. letter-spacing:1px;
  1077. display: inline;
  1078. }
  1079. ul#tabs li {
  1080. background-color: #2f2f2f;
  1081. border: 0px solid #222222;
  1082. width: 50px;
  1083. height: 15px;
  1084. border-radius: 2px;
  1085. background-repeat:repeat;
  1086. background-attachment:fixed;
  1087. background-image: url('');
  1088. display: inline-block;
  1089. padding: 4px;
  1090. margin-bottom: 4px;
  1091. margin-left: 2px;
  1092. cursor: pointer;
  1093. color: #9e3836;
  1094. text-align: center;
  1095. }
  1096. ul#tabs li:hover {
  1097. background-color: #272727;
  1098. border-radius: 2px;
  1099. color: #c15250;
  1100. }
  1101. ul#tabs li.active {
  1102. background-image: url('');
  1103. background:#9e3836;
  1104. background-repeat:repeat;
  1105. background-attachment:fixed;
  1106. border: 0px solid #222222;
  1107. color:#272727;
  1108. display: inline-block;
  1109. padding: 4px;
  1110. margin-bottom: 4px;
  1111. cursor: pointer;
  1112. border-radius: 2px;
  1113. text-align: center;
  1114. }
  1115. ul#tab {
  1116. list-style-type: none;
  1117. margin: 0;
  1118. padding: 0;
  1119. }
  1120. ul#tab li {
  1121. display: none;
  1122. }
  1123. ul#tab li.active {
  1124. display: block;
  1125. }
  1126.  
  1127.  
  1128. #esperanza {
  1129. position: fixed;
  1130. background-color: transparent;
  1131. padding: 5px;
  1132. width: 100px;
  1133. height: auto;
  1134. overflow: auto;
  1135. text-align: left;
  1136. left: 725px;
  1137. top: 400px;
  1138. z-index: 1;
  1139.  
  1140. }
  1141.  
  1142.  
  1143.  
  1144. </style>
  1145.  
  1146.  
  1147.  
  1148.  
  1149.  
  1150.  
  1151. <body>
  1152.  
  1153. <!--------------------------- SIDEBOX -------------------------------->
  1154. <div class="sideboxtitle">{text:hover sidebox}</div>
  1155.  
  1156. <div id="sidebox">
  1157.  
  1158. {text:sidebox text}
  1159.  
  1160. <p>
  1161. <h3>DEBTS</h3>
  1162. <center>
  1163. <b>Starters:</b> {text:Starters} <br> <b>Drafts:</b> {text:Drafts} <br> <b>Memes:</b> {text:Memes} <br> <b>Queue:</b> {text:Queue}
  1164. </center>
  1165.  
  1166.  
  1167. <br>
  1168. <center>
  1169. <b>Penned By:</b> <i>{text:penname}</i>
  1170.  
  1171. </center>
  1172. </div>
  1173.  
  1174.  
  1175.  
  1176.  
  1177. <!---TAB NAVIGATION STARTS-->
  1178.  
  1179.  
  1180.  
  1181. <div id="box1" class="popup_block">
  1182.  
  1183.  
  1184. <div style="width:auto; height:430px; overflow:auto; padding:5px 5px 15px 5px;">
  1185.  
  1186. <div class="rules">
  1187. <div class="importante">
  1188.  
  1189. <h1>UNCLE SAM WANTS YOU!</h1><br>
  1190. <i>…</i><br>
  1191. <b>to kindly read these rules.</b><br>
  1192.  
  1193.  
  1194. <p><b>1.)</b> Hullo my wonderful friends! Just your neighborhood Lenore at it again with another blog. Not sure how this is going to go, but I figured I’d give Bucky here a shot. Basically, this blog is going to be super chill and mutuals only. Primarily, threads will be plot based once I get into the mindframe of writing Bucky. Till then, things might be dialogue based.
  1195.  
  1196. <p><b>2.)</b> All icons and graphics were made by me and I’ve probably used from my graphics/rph blog. My amazing promo is by <a href="https://lilycommissions.tumblr.com">LilyCommissions</a>! My old icon psd is from <a href="https://www.deviantart.com/vc-resources/gallery/67801054/icon-psds">venuscommissions</a>.
  1197.  
  1198. <p><b>3.)</b> I will not be following everyone back. Things could be primarily on a <b>queue basis</b>. Basically, I’ll pop on when I have time and muse. No doubt, <i>plotted threads</i> will be the ones I answer first, simply because I remember those threads the most.
  1199.  
  1200. <p><b>4.)</b> Age old saying, drama is a no no on this blog. No callout posts, drama, hate, etc. The usual stuff. I don’t care what the issue is. If I see it more than once on your blog, I’ll unfollow/softblock you.
  1201.  
  1202. <p>I don’t normally support name-dropping but if you interact with <i>mysericordia</i>, aka nova/tink, then I will <b>not follow</b> you back. They are not a nice individual based on past experiences and I have no desire to see them on my dash. <i>Current Mutuals</i> who happen to write with them, I have done my best to blacklist and block their blog but if I continue to see their presence on my dash, I may unfollow you.
  1203.  
  1204. <p><b>5.)</b> Bucky + Chemistry, that’s how it’s going to be. I am a huge fan of winter widow and american winter widow
  1205.  
  1206. <p><b>6.)</b> Bottom line, let’s have fun!
  1207.  
  1208.  
  1209. <p><b>7.)</b> Mun Stats: Lenore; She/her; 21+; EST time zone; full time worker with a family.
  1210.  
  1211. <p><b>8.)</b> I periodically go through my followers list and unfollow those who have been inactive for a month. If you happen to come back and would like to continue writing, then just let me know! I also unfollow those who are mutuals and have no responded to any of my content, or have no written with me since following. Nothing personal, but I like a clean dash. I also do not owe you a reason as to why I unfollow you. It could pertain to something outside of writing habits.
  1212.  
  1213. <p><b>8.)</b> <u>Mains and Exclusives.</u> I have a three tiered system as to how <b>mains and exclusives</b> work. Someone who is listed as a <u>main</u> is someone who contributes to my canon/main verse of Steve <i>OR</i> we've spent a lot of time developing our own version of canon and aus. <u>A Priority</u> is someone I enjoy writing with, have talked with ooc and often respond to their replies quicker. <u>Exclusivity</u> is a rare occurrence. I will primarily only apply this to a ship. Meaning, I will only ship with that one individual of that muse.
  1214.  
  1215. <p>If you become inactive and we no longer write as frequently as we used to, I will remove you as a main. No hard feelings but I like my list to be up to date. I would love if the offer to be mains is reciprocated as well.
  1216.  
  1217. <p><b>10.)</b>I've stated this before: <u>I do not tag triggers.</u> Aside from the generic <i>NSFW</i> tag. Occasional mature themes could pop up on my dash. If you send me an anon asking me to tag something, chances are <b>I will not do it.</b> However, if you message me <u>OFF ANON</u> then yes, I will possibly tag it, taking your request into consideration.
  1218.  
  1219. <p><b>11.)</b> I <b>ignore</b> OOC asks that ask to plot or are unrelated to a meme. If you would like to chat/plot/discuss with me, IMs or my discord as up for grabs. Asks will be deleted.
  1220.  
  1221.  
  1222.  
  1223. </div></div>
  1224.  
  1225.  
  1226. </div></div>
  1227. <!---RULES END--->
  1228.  
  1229.  
  1230.  
  1231. <div id="box2" class="popup_block">
  1232.  
  1233.  
  1234. <div style="width:auto; height:430px; overflow:auto; padding:5px 5px 15px 5px;">
  1235.  
  1236. <div class="about">
  1237. <div class="importante">
  1238. <!---BASIC INFO STARTS--->
  1239.  
  1240. <h1>CHARACTER STATS</h1>
  1241.  
  1242. <h2>The Basics</h2>
  1243. <p><strong>FULL NAME:</strong> James Buchanan “Bucky” Barnes<br />
  1244. <strong>RANK:</strong> Sergeant<br />
  1245. <strong>DOB:</strong> March 20, 1925<br />
  1246. <strong>POB:</strong> Shelbyville, Indiana<br />
  1247. <strong>HOME TOWN:</strong> Brooklyn, New York<br />
  1248. <strong>SEX:</strong> Male<br />
  1249. <strong>ORIENTATION:</strong> Bisexual<br />
  1250. <strong>MARITAL STATUS:</strong> Single, Verse dependant<br />
  1251. <strong>KNOWN LANGUAGES:</strong> A lot. English, Russian, Spanish, Portuguese, German, Latin, Japanese, Dog, and many more<br />
  1252. <strong>EDUCATION:</strong> College Degree<br />
  1253. <strong>CURRENT OCCUPATION:</strong> Winter Soldier Superhero, Verse dependant<br />
  1254. <strong>PREVIOUS LOCATIONS:</strong> Brooklyn, NY, Russia, Serbia, Romania, Wakanda</p>
  1255. <h2>Family</h2>
  1256. <p><strong>MOTHER:</strong> Winnifred Barnes<br />
  1257. <strong>FATHER:</strong> George Barnes <br />
  1258. <strong>BROTHER:</strong> William Barnes (younger)<br />
  1259. <strong>SISTER:</strong> Becca Barnes (Younger), Georgia Barnes, (Younger)<br />
  1260. <h2>Traits</h2>
  1261. <p><strong>HAIR / EYES:</strong> Brown / Blue<br />
  1262. <strong>HEIGHT / WEIGHT:</strong> 6 ft / 172 lbs<br />
  1263. <strong>BODY TYPE / SKINTONE:</strong> Muscled & well built / Tan<br />
  1264. <strong>NOTABLE MARKINGS:</strong> Bionic/Vibranium Arm, Scars<br />
  1265. <strong>FACE CLAIMS:</strong> Sebastian Stan</p>
  1266.  
  1267. <BR>
  1268. <P><h2>ABOUT JMAES BARNES</h2>
  1269.  
  1270. <p>James “Bucky” Barnes is an <strong>Indiana</strong> native before moving to Brooklyn, NY. He met <u>Steve Rogers</u> when helping him out with a bully and the two became fast friends. Bucky was later drafted into World War II where he went overseas to help win the war. His unit was captured by <strong>HYDRA</strong> and later experimented on. Thanks to Captain America, he and the others were rescued where they became the <i>Howling Commandos</i>, hell bent on destroying HYDRA and all her bases. During one fatal mission, Bucky fell off a train and into a ravine. He was presumed to be dead; KIA
  1271.  
  1272. <p>Decades later, he resurfaced as <u>The Winter Soldier</u>. He was a tool of HYDRA, helping them to shape the course of the world based on their vision. To instill fear and convince people they needed protection. Then, they would kill off anyone who got in their way. However, thanks to <i>Steve Rogers and friends</i>, Bucky eventually escaped from HYDRA’s clutches and went to ground for several years.
  1273.  
  1274. <p>Rogers eventually found Barnes again and a civil war between super heros broke out when Bucky was framed for a bombing he had nothing to do with. It was later revealed that he was responsible for the Starks death which spurred for civil unrest between friends. In a desire to help deprogram Bucky, Steve took him to Wakanda.
  1275.  
  1276. <p>For several more years, Bucky stayed with the people of Wakanda. Shuri was <u>instrumental</u> in freeing Bucky’s mind from the conditioning he’d suffered at the hands of HYDRA. Eventually, memories began to surface and guilt crushed him. Mostly because of what he’d done. But it also sparked a <b>new course of action</b> he wanted to pursue.
  1277.  
  1278. <p>Thanos reached earth and completed his goal. Bucky was dusted and spenat five years in an unknown realm. (I say soul realm. Or he was actually dead.) Thankfully the Avengers managed to right the wrongs and restore the universe to how it once was.
  1279.  
  1280. <p>With everyone going their separate ways, Bucky took up the mantle of Winter Soldier once more. Old missions, weapons, things left undone had come to the forefront of his mind. He still held a lot of knowledge of what HYDRA had done and could still do if it resurfaced. It’s his mission to stop them and right as many of his sins as he can under the name <u>Winter Soldier</u>. He wants to bring a new meaning to the name.
  1281.  
  1282.  
  1283.  
  1284.  
  1285. </div></div>
  1286. </div></div>
  1287.  
  1288. <!---BASIC INFO ENDS--->
  1289.  
  1290.  
  1291. <!---MAIN VERSES STARTS--->
  1292. <div id="box3" class="popup_block">
  1293.  
  1294.  
  1295. <div style="width:auto; height:430px; overflow:auto; padding:5px 5px 15px 5px;">
  1296.  
  1297. <div class="verses">
  1298. <div class="importante">
  1299.  
  1300. <h1>Canon</h1>
  1301. <p><img src="{image:m1}" style="float: left; padding: 10px; word-break: normal;"> <u>Semi Canon Portrayal.</u> For the most part, Bucky's main verse follow MCU canon. As far as his history.
  1302. <p><b>Important things to know!</b> During his time with HYDRA, The Winter Soldier was loned to the <i>KGB</i> where he helped to train the <u>Black Widows/Red Room girls.</u> This is where he met Natalia. They had a thing/fling while he was on loan to the KGB. I'm fairly certain that this is <b>Comic Canon</b> and it will be canon in my version of bucky. That being said, <i>it's canon he and Nat had a relationship</i>. Does he remember? Once he comes to the modern age? Maybe. Maybe not.
  1303.  
  1304. <p><h1>redemption's path</h1>
  1305. <p><img src="{image:m2}" style="float: right; padding: 10px; word-break: normal;"><u>Main Verse Portrayal.</u> This is based on the <i>TWS 2012 comics</i> where Bucky teams up with Natasha to stop the evils of his past. His and Nat's relationship is <b>very important to me and him</b>.
  1306. <p><B>How I write it.</B> The basics of this vers is: Bucky goes around, pulling up old memories and <u>righting wrongs</u> he'd done as the Winter Soldier. Memories of old missions, weapons left in the field etc linger on. Bucky's goal is to clean that up. However, a soldier he trained wasn't sold like the others were. In fact, <i>he had been awake for quite some time</i>, wandering aimlessly until he pops up on the radar. His goal? To taunt Bucky and <u>strip everything away from him</u>. Basically, mess with his relationships with people. These two are near equally matched, since Bucky trained him. On top of trying to right his previous wrongs, Bucky has to deal with rogue winter soldiers trying to destory the life he's made for himself.
  1307.  
  1308. <hr></hr>
  1309.  
  1310. <h2>AU VERSES</h2>
  1311. <h1>AU Verse 1</h1>
  1312. <p><img src="{image:a1}" style="float: left; padding: 3px;">ELorem 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.
  1313.  
  1314. <p><h1>AU Verse 2</h1>
  1315. <p><img src="{image:a2}" style="float: right; padding: 3px;">ELorem 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.
  1316.  
  1317. </div></div>
  1318. </div></div>
  1319. <!---MAIN VERSES ENDS--->
  1320.  
  1321. <!---NAVIGATION STARTS--->
  1322. <div id="box4" class="popup_block">
  1323.  
  1324. <div style="width:auto; height:430px; overflow:auto; padding:5px 5px 15px 5px;">
  1325.  
  1326. <div class="navigation">
  1327. <div class="importante">
  1328.  
  1329.  
  1330. <div class="popupnavlinks">
  1331.  
  1332. <h2>WRITING</h2>
  1333.  
  1334. <a href="/tagged/meme.">MEMES</a>
  1335. <a href="/tagged/open.">OPEN</a>
  1336. <br>
  1337. <a href="/tagged/hc.">HEADCANON</a>
  1338. <a href="/tagged/whatever">LINK</a>
  1339. <br>
  1340.  
  1341. <H2>MUSE</H2>
  1342. <a href="/tagged/visage.">VISAGE</a>
  1343. <a href="/tagged/winterwidow.">WINTERVIDOW</a>
  1344. <br>
  1345. <a href="/tagged/stucky.">STUCKY</a>
  1346. <a href="/tagged/whatever">LINK</a>
  1347. <br>
  1348.  
  1349. <h2>MISC</h2>
  1350. <a href="/tagged/saved.">MEMORIES</a>
  1351. <a href="/tagged/whatever">LINK</a>
  1352. <br>
  1353. <a href="https://interstellarresources.tumblr.com">RESOURCE BLOG</a>
  1354. <a href="/tagged/resources.">RESOURCES</a>
  1355. <br>
  1356. <a href="/tagged/whatever">LINK</a>
  1357. <a href="/tagged/whatever">LINK</a>
  1358. <br>
  1359.  
  1360. </div></div>
  1361. </div>
  1362. </div></div>
  1363. <!---NAVIGATION ENDS--->
  1364.  
  1365. <!---MAINS AND EXCLUSIVES STARTS--->
  1366. <div id="box5" class="popup_block">
  1367.  
  1368. <div style="width:auto; height:430px; overflow:auto; padding:5px 5px 15px 5px;">
  1369.  
  1370. <div class="avengers">
  1371. <div class="importante">
  1372.  
  1373.  
  1374. <h2>Mains & Exclusives</h2>
  1375.  
  1376. <p><h3>Exclusives</h3>
  1377. <center>
  1378. <p>
  1379. <br><a href="https://lifeunravelled.tumblr.com/">lifeunravelled</a>
  1380. <br><i>Name:</i> Sam Wilson
  1381. <br><b>Relationship:</b> Boyfriend, husband, life savor<br>
  1382. </center>
  1383.  
  1384. <p><h3>Mains</h3>
  1385. <center>
  1386.  
  1387. <p>
  1388. <br><a href="https://lcdgerbled.tumblr.com/">lcdgerbled</a>
  1389. <br><i>Name:</i> Natalia Romanova
  1390. <br><b>Relationship:</b> Pupil, girfriend
  1391.  
  1392. <p>
  1393. <br><a href="https://allamericanbcy.tumblr.com">allamericanbcy</a>
  1394. <br><i>Name:</i> Steve Grant Rogers
  1395. <br><b>Relationship:</b> The best fucking man on earth
  1396.  
  1397. <p>
  1398. <br><a href="https://alongingwithin.tumblr.com">alongingwithin</a>
  1399. <br><i>Name:</i> Olivia "Liv" Cassidy
  1400. <br><b>Relationship:</b> Fellow amputee, girlfriend
  1401.  
  1402. <p>
  1403. <br><a href="https://peaceinourrtime.tumblr.com">peaceinourrtime</a>
  1404. <br><i>Name:</i> Tony Stark
  1405. <br><b>Relationship:</b> Friend, fellow amputee
  1406.  
  1407. <p>
  1408. <br><a href="https://snowinabottle.tumblr.com/">snowinabottle</a>
  1409. <br><i>Name:</i> Amelia Johnson
  1410. <br><b>Relationship:</b> freind, handler, girlfriend
  1411.  
  1412. <p>
  1413. <br><a href="https://lifeunravelled.tumblr.com/">lifeunravelled</a>
  1414. <br><i>Name:</i> Steve Rogers
  1415. <br><b>Relationship:</b> Boyfriend, soulmate
  1416.  
  1417. <p>
  1418. <br><a href="">URL</a>
  1419. <br><i>Name:</i> Input
  1420. <br><b>Relationship:</b> Input
  1421.  
  1422. <p>
  1423. <br><a href="">URL</a>
  1424. <br><i>Name:</i> Input
  1425. <br><b>Relationship:</b> Input
  1426. <br><b>Relationship:</b>
  1427.  
  1428. <p>
  1429. <br><a href="">URL</a>
  1430. <br><i>Name:</i> Input
  1431. <br><b>Relationship:</b> Input
  1432.  
  1433.  
  1434.  
  1435. </center>
  1436.  
  1437.  
  1438. <p><h3>Priorities</h3>
  1439. <center>
  1440. <br><a href="">URL</a>
  1441. <br><i>Name:</i> Input
  1442. <br><b>Relationship:</b> Input
  1443.  
  1444. <p>
  1445. <br><a href="">URL</a>
  1446. <br><i>Name:</i> Input
  1447. <br><b>Relationship:</b> Input
  1448.  
  1449.  
  1450. <p>
  1451. <br><a href="">URL</a>
  1452. <br><i>Name:</i> Input
  1453. <br><b>Relationship:</b> Input
  1454.  
  1455.  
  1456. <p>
  1457. <br><a href="">URL</a>
  1458. <br><i>Name:</i> Input
  1459. <br><b>Relationship:</b> Input
  1460.  
  1461. <p>
  1462. <br><a href="">URL</a>
  1463. <br><i>Name:</i> Input
  1464. <br><b>Relationship:</b> Input
  1465.  
  1466.  
  1467.  
  1468. </center>
  1469. </div></div>
  1470. <!---MAINS AND EXCLUSIVES ENDS--->
  1471.  
  1472.  
  1473.  
  1474. </div></div>
  1475.  
  1476.  
  1477.  
  1478. <!---NAVIGATION LINKS STARTS--->
  1479.  
  1480. <div class="hydra">
  1481. <a href="/" class="navi" title="new york">01.</a> <a href="/ask" class="navi" title="questions">02.</a> <a href="#?w=360" rel="box1" class="poplight navi" title="rules">03.</a> <a href="#?w=360" rel="box2" class="poplight navi" title="about">04.</a> <a href="#?w=360" rel="box3" class="poplight navi" title="verses">05.</a> <a href="#?w=360" rel="box4" class="poplight navi" title="navigation">06.</a> <a href="#?w=360" rel="box5" class="poplight navi" title="avengers">07.</a>
  1482. </div>
  1483.  
  1484. <!---NAVIGATION LINKS ENDS--->
  1485.  
  1486. <!----------------------------- CREDIT ------------------------------>
  1487.  
  1488. <div class="credit">
  1489. <a href="/" title="Lenore">c</a>
  1490. </div>
  1491.  
  1492.  
  1493.  
  1494.  
  1495. <!------------------------- POSTS & CONTENT -------------------------->
  1496.  
  1497.  
  1498.  
  1499. <div class="pag">{block:Pagination}
  1500. {block:PreviousPage}<a href="{PreviousPage}" class="pag" style="margin-left: -50px; font-size: 55px;" TITLE="S">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" class="pag" style="margin-right: 0x; font-size: 55px;" TITLE="FORWARD">»</a>
  1501. {/block:NextPage}
  1502. {/block:Pagination}</div>
  1503.  
  1504.  
  1505.  
  1506.  
  1507. <div id="entries">
  1508.  
  1509. {block:Posts}
  1510.  
  1511. <div class="posts">
  1512.  
  1513. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1514.  
  1515. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  1516. {/block:Photo}
  1517.  
  1518. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1519.  
  1520. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1521.  
  1522. {block:Video}
  1523. <div class="video">{Video-250}</div>
  1524. {/block:Video}
  1525.  
  1526. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1527.  
  1528.  
  1529. {block:Quote}<quotetext>❝{Quote}❞</quotetext>{block:Source}<h3>{Source}</h3>{/block:Source}{/block:Quote}
  1530.  
  1531.  
  1532. {block:Chat}
  1533. {block:Title}
  1534. <h1>{Title}</h1>{/block:Title}<br>
  1535. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1536. {Line}</li>{/block:Lines}</ul>
  1537. {/block:Chat}
  1538.  
  1539.  
  1540. <!--AUDIO POST-->
  1541. {block:Audio}
  1542. {block:AlbumArt}
  1543. <div class="songart">
  1544. <img src="{AlbumArtURL}">
  1545. </div>
  1546. {/block:AlbumArt}
  1547. <div class="songtitle">
  1548. {block:TrackName}
  1549. {TrackName}
  1550. {/block:TrackName}
  1551. </div>
  1552. <div class="songauthor">
  1553. By
  1554. {block:Artist}
  1555. {Artist}
  1556. {/block:Artist}
  1557. </div>
  1558. {AudioPlayerWhite}
  1559. {/block:Audio}
  1560.  
  1561.  
  1562.  
  1563. {block:Answer}
  1564. <div id="askerurl" style="margin-left:-50px; margin-top:0px; text-transform:uppercase; font-size: 13px; color: {color:bold}; word-wrap: break-word; max-width: 100%;">{asker}</div>
  1565.  
  1566.  
  1567. <div id="question" style="margin-top: -5px">{Question}</div><img src="{AskerPortraitURL-48}" style="border-radius: 100px; margin-left: 280px; margin-top: -20px;">
  1568. <div id="answer" style="margin-top: 20px;">{Answer}</div>
  1569. {/block:Answer}
  1570.  
  1571.  
  1572. <div id="infobox">
  1573. <div id="info">
  1574. <br>
  1575.  
  1576. &nbsp; &nbsp;
  1577.  
  1578.  
  1579. {block:Date}
  1580. <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>
  1581. {/block:Date}
  1582.  
  1583.  
  1584.  
  1585. <a href="{ReblogURL}" style="position:absolute; margin-left:-60px; margin-top:-9px; font-size:12px; font-family:consolas;" title="reblog"> Reblog </a>
  1586.  
  1587.  
  1588.  
  1589. {block:NoRebloggedFrom}
  1590. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1591. {/block:NoRebloggedFrom}
  1592.  
  1593.  
  1594. {block:ContentSource}
  1595. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1596. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1597. {/block:SourceLogo}
  1598. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1599. {/block:ContentSource}
  1600.  
  1601.  
  1602. <br>
  1603.  
  1604.  
  1605. <!------------------------ INFO AND SYMBOLS ENDS ---------------------->
  1606.  
  1607.  
  1608. <div id="tags">{block:HasTags}{block:Tags}&nbsp;☽&nbsp; <a href="{TagURL}" title="{Tag}"> {Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1609. </div>&nbsp;
  1610.  
  1611. <br><br><br><br>
  1612.  
  1613. {/block:Posts}
  1614. <div class="note">
  1615. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1616. </div></div>
  1617.  
  1618. {/block:Posts}
  1619.  
  1620.  
  1621. </div>
  1622. </div>
  1623. </div>
  1624.  
  1625.  
  1626.  
  1627. </body>
  1628.  
  1629.  
  1630.  
  1631.  
  1632.  
  1633. </html>
Advertisement
Add Comment
Please, Sign In to add comment