bridgetowakanda

strkirn 001

Nov 10th, 2019
216
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.18 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. <link href="https://fonts.googleapis.com/css?family=Squada+One&display=swap" rel="stylesheet">
  12. <link href="https://fonts.googleapis.com/css?family=Oswald&display=swap" rel="stylesheet">
  13.  
  14. <html>
  15. <!--
  16. BASE CODE
  17. https://fratdadbase.tumblr.com/
  18.  
  19. * BASE CODE 002. BY CAPCICLECOMMISSIONS
  20. * IF YOU HAVE ANY QUESTIONS, PLEASE SEND ME AN ASK
  21. * THIS CODE IS FOR ROLELAY USE. YOU MAY ADJUST AND MODIFY ANY WAY YOU'D LIKE
  22. * BUT PLEASE DO NOT CLAIME AS YOUR OWN, STEAL PARTS OF MY CODE, OR REDISTRUBE.
  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.  
  116.  
  117.  
  118. </head>
  119.  
  120. <!---------------------------- META DATA ----------------------------->
  121. <meta name="text:sidebox text" content="put stuff here"/>
  122. <meta name="text:Starters" content="00"/>
  123. <meta name="text:Drafts" content="00"/>
  124. <meta name="text:Memes" content="00"/>
  125. <meta name="text:Queue" content="00"/>
  126. <meta name="text:Penname" content="lenore"/>
  127.  
  128. <meta name="color:background" content="#333333" />
  129. <meta name="color:text" content="#ffffff" />
  130. <meta name="color:italic" content="#d6b75e" />
  131. <meta name="color:bold" content="#afa8a3" />
  132. <meta name="color:info" content="#ffffff" />
  133. <meta name="color:infohover" content="#222222" />
  134. <meta name="color:question" content="#373030" />
  135. <meta name="color:question font" content="#fffff" />
  136. <meta name="color:mainlinks" content="#604a33" />
  137. <meta name="color:mainlinkshover" content="#806344" />
  138. <meta name="color:pre" content="#131b1f" />
  139.  
  140. <meta name="image:body" content="https://i.imgur.com/8acEgsd.png" />
  141. <meta name="image:popup" content="https://i.imgur.com/buMNf0H.png" />
  142. <meta name="image:headerbackground" content="https://i.imgur.com/tq3GUly.png" />
  143. <meta name="image:sb1" content="" />
  144. <meta name="image:sb2" content="" />
  145. <meta name="image:sb3" content="" />
  146. <meta name="image:pag" 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:#5cbfba; }
  196. ::-MOZ-SELECTION {BACKGROUND: {color:bold}; COLOR:#5cbfba; }
  197.  
  198.  
  199.  
  200. /*---------------------------- BODY ---------------------------*/
  201.  
  202. body {
  203. background-color:#323232;
  204. background-image:url('https://i.imgur.com/r13FGsq.png');
  205. background-repeat: no-repeat;
  206. background-attachment: fixed;
  207. font-family: calibri;
  208. font-size: 11px;
  209. text-align: justify;
  210. color:{color:text};
  211. word-spacing: 2px;
  212. }
  213.  
  214.  
  215.  
  216. /*---------------------- QUESTIONS & ANSWERS ------------------------*/
  217.  
  218. #askerurl {
  219. text-transform:uppercase;
  220. font-weight:400;
  221. font-size:20px;
  222. margin-top:80px;
  223. margin-left:50px;
  224. padding-bottom:5px;
  225. width:400px;
  226. font-family: 'Squada One', cursive;
  227. text-align:center;
  228. }
  229.  
  230. #askerurl a {
  231. font-family: 'Squada One', cursive;
  232. text-align: center;
  233. width: 400px;
  234. font-size: 20px;
  235. text-transform: uppercase;
  236. padding-bottom: 1px;
  237. color: #5cbfba;
  238. }
  239.  
  240. #askerurl a:hover {
  241. letter-spacing: 1px;
  242.  
  243. }
  244.  
  245. #asking img {
  246. padding: 5px;
  247. }
  248.  
  249. #question {
  250. padding:15px 15px;
  251. margin:3px 0 3px 10px;
  252. background-color:{color:question};
  253. color: {color:font};
  254. border-left: 3px solid #5cbfba;
  255. font-family: 'Open Sans Condensed';
  256. font-size: 12px;
  257. }
  258.  
  259. #answer {
  260. word-spacing: 0px;
  261. }
  262.  
  263. /*------------------------ CONTAINER & POSTS ------------------------*/
  264.  
  265. #entries {
  266. width:400px;
  267. background-color: #323232;
  268. height: 100%
  269. top:0px;
  270. padding: 5px;
  271. left: 40%;
  272. border: 3px double #3f3f3f;
  273. position:relative;
  274. overflow-y:scroll;
  275. overflow-x:hidden;
  276. }
  277.  
  278.  
  279. #entries img {
  280. height:auto;
  281. max-width:100%;
  282. }
  283.  
  284. #post {
  285. margin-bottom: -10px;
  286. }
  287.  
  288. #post img {
  289. height: auto;
  290. max-width: 100%;
  291. }
  292.  
  293.  
  294. /*---------------------------- SIDEBOX ---------------------------*/
  295.  
  296. #sidebox {
  297. position: fixed;
  298. background-color: #323232;
  299. border: 0px solid #3b3b3b;
  300. padding: 5px;
  301. top: 550px;
  302. left: 50px;
  303. width: 325px;
  304. height: 150px;
  305. overflow: auto;
  306. z-index: 999;
  307. opacity:1;
  308. -moz-transition-duration:.6s;
  309. -webkit-transition-duration:.6s;
  310. -o-transition-duration:.6s;
  311. }
  312.  
  313. #sidebox:hover {
  314. opacity: 1;
  315. -moz-transition-duration:.6s;
  316. -webkit-transition-duration:.6s;
  317. -o-transition-duration:.6s;
  318. }
  319.  
  320. #sbborder {
  321. padding: 25px;
  322. position:fixed;
  323. top: 525px;
  324. left: 25px;
  325. width: 350px;
  326. height: 175px;
  327. background-image: url('{image:headerbackground}');
  328. background-position:top;
  329. background-attachment:fixed;
  330. z-index: 1;
  331. }
  332.  
  333.  
  334. /*---------------------------- CREDIT ---------------------------*/
  335.  
  336. #capcicle {
  337. left: 93%;
  338. top: 95%;
  339. width: 50px;
  340. height: 50px;
  341. position: fixed;
  342. }
  343.  
  344. #capcicle a {
  345. color: #ffffff;
  346. text-transform: none;
  347. font-family: 'VT323', monospace;
  348. font-size: 14px;
  349. opacity:.5;
  350. letter-spacing: 1px;
  351. text-shadow: 0px 0px 20px #ffffff;
  352. -moz-transition-duration:.6s;
  353. -webkit-transition-duration:.6s;
  354. -o-transition-duration:.6s;
  355. -webkit-filter: blur(1px);
  356.  
  357. }
  358.  
  359. #capcicle a:hover {
  360. font-family: 'VT323', monospace;
  361. letter-spacing: 0px;
  362. opacity: 1;
  363. -moz-transition-duration:.6s;
  364. -webkit-transition-duration:.6s;
  365. -o-transition-duration:.6s;
  366. -webkit-filter: blur(0px); }
  367.  
  368.  
  369. /*---------------------------- FANCY FONT ---------------------------*/
  370.  
  371. h1 {
  372. font-size: 30px;
  373. background-image: linear-gradient(to right, #eabd8d, #de8b7d);
  374. -webkit-background-clip: text;
  375. -webkit-text-fill-color: transparent;
  376. text-transform: uppercase;
  377. font-family: 'Oswald', sans-serif;
  378. }
  379.  
  380. h2 {
  381. font-size:30px;
  382. font-family: times;
  383. font-weight:400;
  384. color:#fff;
  385. text-shadow: 1px 1px 5px #fff;
  386. background-color: #373030;
  387. border-right: 15px solid #413939;
  388. display:block;
  389. margin-top: 20px;
  390. text-align:right;
  391. text-transform:uppercase;
  392. padding-right:20px;
  393. letter-spacing:1px;
  394.  
  395. }
  396.  
  397. h3 {
  398. font-size:12px
  399. font-family: 'Marck Script', cursive;
  400. color:#ffffff;
  401. text-shadow: 0px 0px 5px #ffffff;
  402. text-align: center;
  403. text-transform:none;
  404. letter-spacing:2px;
  405. margin:0, 0, 5px, 0;
  406. padding:5px;
  407. }
  408.  
  409.  
  410. h4 {
  411. background-image: url('https://i.imgur.com/h6PeiDF.png');
  412. background-position:top;
  413. background-attachment:fixed;
  414. border: double 3px #000;
  415. padding:10px;
  416. color:#ffffff;
  417. overflow: auto;
  418. text-shadow:1px 1px 2px #000,
  419. font-size:15px;
  420. font-family:calibri;
  421. text-transform:uppercase;
  422. letter-spacing:1px;
  423. text-align:center;
  424. }
  425.  
  426. h5 {
  427. color: #a20000;
  428. font-family: 'Oswald', sans-serif;
  429. text-align: center;
  430. text-transform: uppercase;
  431. font-size: 15px;
  432. padding-bottom: -15px;
  433. font-style: italic;
  434. letter-spacing: 2px;
  435. }
  436.  
  437.  
  438.  
  439. i, italic, em {
  440. font-family: 'Nova Mono', monospace;
  441. font-size: 15px;
  442. text-transform: italic;
  443. text-transform: uppercase;
  444. color:#5cbfba;
  445. text-transform:lowercase;
  446. letter-spacing:1px;
  447.  
  448. }
  449.  
  450. b, bold, strong {
  451. font-size:15px;
  452. text-transform: uppercase;
  453. font-family: 'VT323', monospace;
  454. color:{color:bold};
  455.  
  456. }
  457. u, underline {
  458. font-size: 12px;
  459. background-color: #a20000;
  460. font-family: 'VT323', monospace;
  461. font-weight:400;
  462. color:#ffffff;
  463. text-transform:uppercase;
  464. letter-spacing:1px;}
  465.  
  466. freedom {
  467. font-size: 12px;
  468. background-color: #5cbfba;
  469. font-family: 'VT323', monospace;
  470. font-weight:400;
  471. color:#000000;
  472. text-transform:uppercase;
  473. letter-spacing:1px;
  474. }
  475.  
  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. background-image: url('https://i.imgur.com/h6PeiDF.png');
  502. text-shadow: 1px 1px 1px #000000;
  503. background-position:top;
  504. background-attachment:fixed;
  505. padding-top: 5px;
  506. padding-bottom: 5px;
  507. padding-left: 5px;
  508. font-family: courier new;
  509. font-style: none;
  510. text-transform: uppercase;
  511. text-align:left;
  512. white-space: pre-wrap;
  513. white-space: -moz-pre-wrap;
  514. white-space: -pre-wrap;
  515. white-space: -o-pre-wrap;
  516. word-wrap: break-word;
  517. }
  518.  
  519.  
  520.  
  521.  
  522. blockquote {
  523. padding:2px 7px;
  524. padding-right:17px;
  525. margin:3px 0 3px 10px;
  526. border-left:1px solid {color:bold};
  527. -webkit-border-radius: 10px;
  528. }
  529.  
  530.  
  531. blockquote img{
  532. max-width:100%;
  533. height:auto;
  534. }
  535.  
  536. blockquote blockquote img{
  537. max-width:100%;
  538. height:auto;
  539. }
  540.  
  541.  
  542.  
  543.  
  544. t, title {
  545. size: 15px;
  546. color: 222;
  547. letter-spacing: 2px;
  548. font: times;
  549. }
  550.  
  551. quotetext {
  552. font-family: times;
  553. font-size: 20px;
  554. line-height: 21px;
  555. letter-spacing: 2px;
  556. text-align: center;
  557. text-transform:uppercase;
  558. color: #fff;
  559. text-shadow: 3px 1px 1px #5cbfba;
  560. }
  561.  
  562. quotations {
  563. font: courier;
  564. font-size: 30px;
  565. color: {color:bold};
  566. }
  567.  
  568. quote {
  569. font-size: 13px;
  570. }
  571.  
  572. img {
  573. max-width:100%;
  574. }
  575.  
  576. hr {
  577. width:100px;
  578. border: 0;
  579. height: 0.5px;
  580. margin-right:10px;
  581. background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 255), rgba(255, 255, 255, 0));
  582. }
  583.  
  584. code {
  585. text-transform: uppercase;
  586. }
  587.  
  588. #borders {
  589. border-bottom: 1px solid #3e3e3e;
  590. }
  591.  
  592. /*---------------------------- NAVIGATION ---------------------------*/
  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: 'Squada One', cursive;
  621. font-size: 20px;
  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. a.mains, a.mains:link, a.mains:active, a.mains:visited {
  633. color: #312e2e;
  634. background-color: #5cbfba;
  635. font-family: 'Nova Mono', monospace;
  636. font-size: 10px;
  637. padding: 2px;
  638. display: block;
  639. text-align: center;
  640. margin-bottom; 2px;
  641. text-transform: bold;
  642. }
  643.  
  644. a.mains:hover {
  645. letter-spacing: 2px;
  646. -moz-transition-duration:.6s;
  647. -webkit-transition-duration:.6s;
  648. -o-transition-duration:.6s;
  649. -webkit-filter: blur(0px);
  650. }
  651.  
  652. a.ex, a.ex:link, a.ex:active, a.ex:visited {
  653. color: #2e2e2e;
  654. background-color: #a54438;
  655. font-family: 'Nova Mono', monospace;
  656. font-size: 10px;
  657. padding: 2px;
  658. display: block;
  659. text-align: center;
  660. margin-bottom; 2px;
  661. text-transform: bold;
  662. }
  663.  
  664. a.ex:hover {
  665. letter-spacing: 2px;
  666. -moz-transition-duration:.6s;
  667. -webkit-transition-duration:.6s;
  668. -o-transition-duration:.6s;
  669. -webkit-filter: blur(0px);
  670. }
  671.  
  672.  
  673.  
  674. /*---------------------------- PAGINATION ---------------------------*/
  675.  
  676.  
  677. .pag {
  678. position: fixed;
  679. left: 350px;
  680. top: 500px;
  681. width: auto;
  682. height: auto;
  683. z-index: 999;
  684. }
  685.  
  686. a.pag, a.pag:link, a.pag:active, a.pag:visited {
  687. color: #fff;
  688. font-family: 'Marck Script', cursive;
  689. font-size: 12px;
  690. text-shadow: 1px 1px 5px #fff;
  691. text-transform: none;
  692. }
  693.  
  694. a.pag:hover {
  695. opacity: .5;
  696. -moz-transition-duration:.6s;
  697. -webkit-transition-duration:.6s;
  698. -o-transition-duration:.6s;
  699. -webkit-filter: blur(0px);
  700. }
  701.  
  702. /*--------------------------- TAGS & INFO ---------------------------*/
  703.  
  704.  
  705. #infobox {
  706. border:1px solid transparent;
  707. margin-bottom:10px;
  708. padding-top:10px;
  709. overflow: auto;
  710. }
  711.  
  712.  
  713. #info {
  714. margin-left:20px;
  715. background-color: {color:bold};
  716. background-image: url('https://i.imgur.com/h6PeiDF.png');
  717. background-position: relative;
  718. background-repeat: repeat;
  719. border: 3px double #3f3f3f;
  720. height: 45px;
  721. margin-left:0px;
  722. margin-bottom: 75px;
  723. position: relative;
  724. }
  725.  
  726. #info a {
  727. color:{color:info};
  728. text-shadow: 0px 0px 2px #000000;
  729. opacity: 1;
  730. font-family:consolas;
  731. text-transform: uppercase;
  732. }
  733.  
  734. #info a:hover {
  735. color:{color:infohover};
  736. opacity: 1;
  737. }
  738.  
  739.  
  740. #tags {
  741. width:370px;
  742. height: auto;
  743. overflow: auto;
  744. padding:2px;
  745. font-size:5px;
  746. text-align:right;
  747. font-family:courier;
  748. text-transform:uppercase;
  749. background:transparent;
  750. margin-bottom: 5px;
  751. margin-top: 27px;
  752. }
  753.  
  754.  
  755. #tags a {
  756. font-family:consolas;
  757. font-size:10px;
  758. line-height:10pt;
  759. letter-spacing:0px;
  760. color:#d4cec3;
  761. text-decoration:none;
  762. text-transform:uppercase;
  763. text-align:center;
  764. display:inline-block;
  765. margin:1px 0px 3px 0px;
  766. -webkit-transition: all 0.4s ease-out;
  767. -moz-transition: all 0.4s ease-out;
  768. transition: all 0.4s ease-out;
  769. -moz-transition-duration: 0.4s;
  770. -webkit-transition-duration: 0.4s;
  771. -o-transition-duration: 0.4s;
  772. transition-duration: 0.4s; }
  773.  
  774.  
  775. #tags a:hover {
  776. color:#555;
  777. text-shadow:0px 0px 1px #777;
  778. -webkit-filter:none;
  779. -webkit-transition: all 0.6s ease-in-out;
  780. -moz-transition: all 0.6s ease-in-out;
  781. -o-transition: all 0.6s ease-in-out;
  782. -ms-transition: all 0.6s ease-in-out;
  783. transition: all 0.6s ease-in-out;
  784. }
  785.  
  786.  
  787.  
  788.  
  789. /*---------------------------- EXTRA 1 ---------------------------*/
  790.  
  791.  
  792.  
  793. .note {
  794. text-transform:uppercase;
  795. font-style:normal;
  796. letter-spacing:0px;
  797. font-size: 10px;
  798. text-align:left;
  799. line-height:90%;
  800. margin-left:-40px;}
  801.  
  802. .note li {
  803. list-style-type:none;
  804. border-bottom:0px solid {color:border};
  805. padding:10px 25px 10px 25px;
  806. text-align:left;
  807. margin:0px;
  808. -moz-transition-duration:0.5s;
  809. -webkit-transition-duration:0.5s;
  810. -o-transition-duration:0.5s;}
  811.  
  812. .note img.avatar {
  813. margin-right: 10px;
  814. width: 16px;
  815. height: 16px;}
  816.  
  817.  
  818.  
  819.  
  820. /*-------------------------- MUSIC PLAYER ---------------------------*/
  821.  
  822.  
  823.  
  824. .songart{
  825. float:left;
  826. margin-right:10px;
  827. }
  828.  
  829. .songart img{
  830. width:80px;
  831. height:80px;
  832. }
  833.  
  834. .songtitle{
  835. margin-bottom:10px;
  836. margin-left:90px;
  837. }
  838.  
  839. .songauthor{
  840. margin-bottom:10px;
  841. font-size:8px;
  842. margin-left:90px;
  843. }
  844.  
  845. .tumblr_audio_player {
  846. height: 50px;
  847. }
  848.  
  849. /* ----------------------------- CHAT CODE --------------------------- */
  850.  
  851. /* chat cred: https://dear-indies.tumblr.com/post/125257866576/animalites-imessage-chat-post-ive-seen-a-lot */
  852.  
  853. /* IMESSAGE CHAT POST */
  854. .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}
  855. .asked p {
  856. text-align: left;
  857. margin: 0 0px 10px 0px;
  858. padding: 0;
  859. color: #666666;
  860. font-family: 'Inconsolata', Inconsolata;
  861. font-size: 12px;
  862. line-height: 0px;
  863. }
  864. .footerright .viasrc {
  865. float: left;
  866. }
  867. .asked a {
  868. margin:0;padding:0;
  869. }
  870. .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}
  871. .convo {
  872. overflow: hidden;
  873. list-style-type: none;
  874. padding: 0;
  875. margin: 0;
  876. }
  877.  
  878. /*---------------------------- TOOLTIP ---------------------------*/
  879.  
  880.  
  881.  
  882. #s-m-t-tooltip{
  883. max-width:400px;
  884. margin:15px;
  885. padding:2px 8px;
  886. background: #1c0915;
  887. background-image:url('https://i.imgur.com/h6PeiDF.png');
  888. background-repeat:repeat;
  889. background-attachment:fixed;
  890. border: double 3px #000;
  891. color:#fff;
  892. text-shadow:1px 1px 0px #000,
  893. z-index:99999999999999999999;
  894. font-size:9px;
  895. letter-spacing:2px;
  896. font-style:bold;
  897. letter-spacing:2px;
  898. font-family: calibri;
  899. text-transform:uppercase;
  900. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  901.  
  902.  
  903.  
  904.  
  905. /*--------------------------- 323232 ------------------------------ */
  906.  
  907.  
  908. /*--Making IE6 Understand Fixed Positioning--*/
  909. *html #fade {
  910. position: absolute;
  911. }
  912. *html .popup_block {
  913. position: absolute;
  914. }
  915.  
  916. .popup_block{
  917. background-color: #323232;
  918. border: 0px solid #3b3b3b;
  919. width:250px;
  920. height:455px;
  921. top:300px;
  922. padding: 5px;
  923. left: 225px;
  924. display: none; /*--hidden by default--*/
  925. float: left;
  926. font-size: 10px; /*font size of the words inside the box */
  927. position: fixed;
  928. z-index: 9999999999; /*if the box is hiding behind other things in your theme, add more 9′s */
  929. }
  930.  
  931.  
  932. #fade { /*--Transparent background layer--*/
  933. display: none; /*--hidden by default--*/
  934. background: #323232;
  935. background-repeat: no-repeat;
  936. background-position: top;
  937. background-image: url('https://i.imgur.com/61D9L1u.png'); /*if you want to add a background image to go behind your 323232 */
  938. position: fixed; left: 0; top:0;
  939. width: 1427px; height:100%;
  940. opacity: 1.0;
  941. z-index: 9999;
  942. }
  943.  
  944. .popupnavlinks {
  945. padding-top:5px;
  946. text-align:center; }
  947.  
  948.  
  949. .popupnavlinks a {
  950. display:inline-block;
  951. background-color:#323232;
  952. border-top: 1px solid {color:bold};
  953. border-bottom: 1px solid {color:bold};
  954. text-align: center;
  955. font-size: 9px;
  956. font-family:courier;
  957. color: #fff;
  958. display: inline-block;
  959. width:90px; height:4px;
  960. margin:2px; padding:3px 6px 10px;
  961. -webkit-mask-image: -webkit-linear-gradient(left, rgba(24,24,30,0), rgba(24,24,30,1), rgba(24,24,30,0))
  962. }
  963.  
  964. .popupnavlinks a:hover {
  965. display:inline-block;
  966. letter-spacing:2px;
  967. -moz-transition-duration: 0.4s;
  968. -webkit-transition-duration: 0.4s;
  969. -o-transition-duration: 0.4s;
  970. transition-duration: 0.4s;
  971. }
  972.  
  973.  
  974.  
  975. .popupclose {
  976. float:right; top:0px; right:0px;
  977. margin-top:-10px; margin-right:-10px;
  978. font-family:'Scada', sans serif;
  979. font-size:10px;
  980. font-weight:bold }
  981.  
  982. .popupclose a {
  983. color:#aaa }
  984.  
  985.  
  986.  
  987.  
  988. /*--------------------------- TABS ------------------------------ */
  989.  
  990. ul#tabs {
  991. list-style-type: none;
  992. padding: 0;
  993. text-align: justify;
  994. font-size:9px;
  995. letter-spacing:0px;
  996. display: inline;
  997. width: 50px;
  998. height: 30px;
  999. line-height: 15px;
  1000. text-transform: uppercase;
  1001. }
  1002. ul#tabs li {
  1003. background-color: {color:question};
  1004. border: 0px solid #222222;
  1005. border-radius: 2px;
  1006. background-repeat:repeat;
  1007. background-attachment:fixed;
  1008. background-image: url('');
  1009. display: inline;
  1010. padding: 4px;
  1011. margin-bottom: 4px;
  1012. margin-left: 2px;
  1013. cursor: pointer;
  1014. color: #5cbfba;
  1015. text-align: center;
  1016. }
  1017. ul#tabs li:hover {
  1018. background-color: {color:question};
  1019. background-image: url('https://i.imgur.com/h6PeiDF.png');
  1020. background-repeat:repeat;
  1021. background-attachment:fixed;
  1022. color:#5cbfba;
  1023. letter-spacing: 1px;
  1024. -moz-transition-duration: 0.4s;
  1025. -webkit-transition-duration: 0.4s;
  1026. -o-transition-duration: 0.4s;
  1027. transition-duration: 0.4s;
  1028. }
  1029. ul#tabs li.active {
  1030. background-image: url('https://i.imgur.com/h6PeiDF.png');
  1031. background-color: transparent;
  1032. background-repeat:repeat;
  1033. background-attachment:fixed;
  1034. border: 0px solid #222222;
  1035. color:#ffffff;
  1036. display: inline;
  1037. padding: 4px;
  1038. margin-bottom: 4px;
  1039. cursor: pointer;
  1040. border-radius: 2px;
  1041. text-align: center;
  1042. }
  1043. ul#tab {
  1044. list-style-type: none;
  1045. margin: 0;
  1046. padding: 0;
  1047. }
  1048. ul#tab li {
  1049. display: none;
  1050. }
  1051. ul#tab li.active {
  1052. display: inline-block;
  1053. }
  1054.  
  1055.  
  1056. #esperanza {
  1057. position: fixed;
  1058. background-color: #323232;
  1059. padding: 5px;
  1060. width: 250px;
  1061. height: auto;
  1062. overflow: auto;
  1063. text-align: center;
  1064. z-index: 1;
  1065.  
  1066.  
  1067. }
  1068.  
  1069.  
  1070.  
  1071. </style>
  1072.  
  1073.  
  1074.  
  1075.  
  1076.  
  1077.  
  1078. <body>
  1079.  
  1080. <!--------------------------- SIDEBOX -------------------------------->
  1081.  
  1082. <div id="sidebox">
  1083.  
  1084. <center>
  1085. <a href="/" class="navi" title="new york">01.</a> <a href="/ask" class="navi" title="questions">02.</a> <a href="#?w=260" rel="box1" class="poplight navi" title="rules">03.</a> <a href="#?w=260" rel="box2" class="poplight navi" title="about">04.</a> <a href="#?w=260" rel="box3" class="poplight navi" title="verses">05.</a> <a href="#?w=260" rel="box4" class="poplight navi" title="navigation">06.</a> <a href="#?w=260" rel="box5" class="poplight navi" title="avengers">07.</a>
  1086. </center>
  1087.  
  1088. <p><br><img src="https://i.imgur.com/qYygRWh.gif"> <img src="https://i.imgur.com/El3VnZT.gif"> <img src="https://i.imgur.com/XlBrszG.gif">
  1089.  
  1090. <p><br>{text:sidebox text}
  1091.  
  1092. <p>
  1093. <h4>DEBTS</h4>
  1094. <center>
  1095. <b>Starters:</b> {text:Starters} <br> <b>Drafts:</b> {text:Drafts} <br> <b>Memes:</b> {text:Memes} <br> <b>Queue:</b> {text:Queue}
  1096. </center>
  1097.  
  1098.  
  1099. <br>
  1100. <center>
  1101. <b>Penned By:</b> <i>{text:penname}</i>
  1102.  
  1103. </center>
  1104. </div>
  1105.  
  1106. <!--------------------------- SIDEBOX ENDS -------------------------------->
  1107.  
  1108.  
  1109.  
  1110. <!------------------------------ POPUP BOX O1 ---------------------------->
  1111. <!------------------------------ RULES ---------------------------->
  1112.  
  1113.  
  1114.  
  1115. <div id="box1" class="popup_block">
  1116.  
  1117.  
  1118. <div style="width:auto; height:430px; overflow:auto; padding:5px 5px 15px 5px;">
  1119.  
  1120.  
  1121. <h1>TONY STARK WANTS YOU!</h1>
  1122. <i>…</i><br>
  1123. <b>to kindly read these rules.</b><br>
  1124. <p><br>
  1125. <center><b><div style="color: #a20000;">THIS VERSION OF TONY STARK IS COMIC BASED.</div>
  1126. </b><br><b><div style="color:#ffffff;">THIS VERSION OF TONY STARK IS COMIC BASED.</div>
  1127. </b><br><b><div style="color: #d6b75e;">THIS VERSION OF TONY STARK IS COMIC BASED.
  1128. </div></b>
  1129. </center>
  1130.  
  1131. <h4>HOUSE KEEPING</h4>
  1132.  
  1133. <p><U>THE MUN</U> Hullo my wonderful friends! Tis I, Lenore, the girl with too many blogs. As you’ve probably guessed, Tony Stark is my main blog so….Tada! You’ve found me.
  1134.  
  1135. <p><b>Mun Stats:</b> Eastern Time Zone aka East Coast of the US, full time worker with a family, 21+.
  1136.  
  1137. <p><u>GRAPHICS</u> All icons and graphics and other psds were made by me and I’ve probably from my graphics/rph blog. You can check out my <b>resource</b> tab as I've probably reblogged the stuff I use. <i>Please do not reblog my edits unless the posts is stated otherwise or I have given you permission to do so.</i>
  1138.  
  1139. <p><U>FOLLOWING</U> 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.
  1140.  
  1141. <p><u>THAT THING CALLED DRAMA</u> Age old saying, <u>drama is a no no</u> 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. However, if there is an <i>issue I feel needs to be addessed,</i> or someone is a toxic individual and I have <b>no wish</b> to see them on my dash, I may reblog something.
  1142.  
  1143.  
  1144. <p><u>THAT TRIGGER THING.</u>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.
  1145.  
  1146. <p><u>THINGS I WON'T ANSWER.</u> I <b>ignore</b> OOC asks that ask to plot or are unlated 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.
  1147.  
  1148. <p><u>THREAD TRACKING</u> You can view my thread tracker <a herf="">HERE</a>.
  1149.  
  1150. <h4>THE MUSE</h4>
  1151.  
  1152. <br>
  1153. <p><u>Portrayal:</u> As stated in my header right there, <i>THIS VERSION OF TONY STARK IS COMIC BASED.</i> Meaning there will be relatively no MCU written content unless <u>VERSE</u> specified. This means I will not be incorporating elements of the movie into my portrayal except maybe a rare few. <u>(Unless I think it's fitting)</u> There will be a post detailing such information. <i>Please do not go in expecting me to reply with my Steve having been involved with how events happened in MCU.</i>
  1154.  
  1155. <p>Do not think that this means I don’t want to write with MCU muses. Of course I do! Just know that we will likely have a crossover thread / my Tony will be from a different “timeline” if you will.
  1156.  
  1157. <p>I will have an MCU verse for Tony which will primarily be movie based.
  1158.  
  1159. <p><U>SHIPPING</U> <u>Tony + Chemistry</u>, that’s how it’s going to be. If ships do happen, smut will rarely be show on this blog. I feel more comfortable doing in on discord.
  1160.  
  1161. <p>Ships I adore: (But not limited)
  1162. <li>Tony And Pepper</li>
  1163. <li>Tony And Steve. (Platonic and/or Romantic</li>
  1164. <li>Tony And Thor. (Platonic and/or Romantic</i>
  1165. <li>Tony And Natasha</li>
  1166. <li>Tony And Carol</li>
  1167. <li>Tony And OCs</li>
  1168.  
  1169.  
  1170. <h4>SPRING CLEANING</h4>
  1171.  
  1172. <p><u>FOLLOWER CLEAN OUT.</u> 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 not 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.
  1173.  
  1174. <h4>MAINS & EXCLUSIVES</h4>
  1175.  
  1176. <p><u>Mains and Exclusives.</u> I have a three tired 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 occurance. I will primarily only apply this to a ship. Meaning, I will only ship with that one individual of that muse.
  1177.  
  1178. <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.
  1179.  
  1180.  
  1181.  
  1182. </div></div>
  1183. <!--------------------------- POPUP BOX O1 END ---------------------------->
  1184. <!------------------------------ RULES END ---------------------------->
  1185.  
  1186.  
  1187.  
  1188.  
  1189. <!------------------------------ POPUP BOX O2 ---------------------------->
  1190. <!------------------------------ BASICS/ABOUT ---------------------------->
  1191. <div id="box2" class="popup_block">
  1192.  
  1193.  
  1194. <div style="width:auto; height:430px; overflow:auto; padding:5px 5px 15px 5px;">
  1195.  
  1196.  
  1197. <!---BASIC INFO STARTS--->
  1198.  
  1199. <h1>BASICS</h1>
  1200. <p><u>FULL NAME:</u> Anthony Edward Stark<br />
  1201. <freedom>RANK:</freedom> N/A<br />
  1202. <u>DOB:</u>May 29, 1970<br />
  1203. <freedom>POB:</freedom> Sofia, Bulgaria<br />
  1204. <u>HOME TOWN:</u> New York<br />
  1205. <freedom>SEX:</freedom> Male<br />
  1206. <u>ORIENTATION:</u> Pansexual<br />
  1207. <freedom>MARITAL STATUS:</freedom> Single<br />
  1208. <u>KNOWN LANGUAGES:</u> English and probably a few moreh<br />
  1209. <freedom>EDUCATION:</freedom> High School graduate, and MIT graduate. Physics and engeinerring
  1210. <br />
  1211. <u>CURRENT OCCUPATION:</u> Mecanical engineer, inventor, former CEO of Stark Industries, liaison between S.H.I.E.L.D. and the Avengers, , Executive Director of S.H.I.E.L.D., CEO of Stark Solutions, Iron Man (Timeline & Verse Dependant) & <br />
  1212. <freedom>PREVIOUS LOCATIONS:</freedom> N/A</p>
  1213. <h1>Family</h1>
  1214. <p><u>MOTHER:</u> Amanda Armstron<br />
  1215. <freedom>FATHER:</freedom> Jude Armstrong<br />
  1216. <u>ADOPTIVE MOM:</u> Maria
  1217. <freedom>ADOPTIVE DAD:</freedom> Howard Stark
  1218. <u>BROTHER:</u> Arno Stark<br />
  1219. <freedom>SISTER:</freedom> None <br />
  1220. <h1>Traits</h1>
  1221. <p><u>HAIR / EYES:</u> Black / Blue<br />
  1222. <freedom>HEIGHT / WEIGHT:</freedom> 6’1 / 225 lbs<br />
  1223. <u>BODY TYPE / SKINTONE:</u> Well built / Tan<br />
  1224. <freedom>NOTABLE MARKINGS:</freedom>None<br />
  1225. <u>FACE CLAIMS:</u> Unkown<br />
  1226. <freedom>NOTABLE SKILLS:</freedom> N/A
  1227. </p>
  1228.  
  1229. <BR>
  1230. <P><h5>HISTORY</h5>
  1231.  
  1232. TO BE ADDED
  1233.  
  1234.  
  1235.  
  1236.  
  1237.  
  1238. </div></div>
  1239.  
  1240. <!---------------------------- POPUP BOX O2 END -------------------------->
  1241. <!---------------------------- BASICS/ABOUT END -------------------------->
  1242.  
  1243.  
  1244. <!------------------------------ POPUP BOX O3 ---------------------------->
  1245. <!------------------------------ VERSES ---------------------------->
  1246. <div id="box3" class="popup_block">
  1247.  
  1248.  
  1249. <div style="width:auto; height:430px; overflow:auto; padding:5px 5px 15px 5px;">
  1250.  
  1251.  
  1252. <div id="esperanza" style="margin-left: 0px; margin-top: -10px;">
  1253. <ul id="tabs">
  1254. <li class="active">Main</li>
  1255. <li>AU</li>
  1256. <li>Group</li>
  1257. <li>Private</li>
  1258. </ul>
  1259. </div>
  1260.  
  1261.  
  1262. <ul id="tab">
  1263. <li class="active">
  1264.  
  1265. <h4>Primary Verses</h4>
  1266.  
  1267. TO BE ADDED
  1268.  
  1269. </ul>
  1270.  
  1271. </li>
  1272.  
  1273. <li>
  1274. TO BE ADDED
  1275.  
  1276. </li>
  1277.  
  1278. <li>
  1279. <h4>Group Verses</h4>
  1280.  
  1281. <p>BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH
  1282.  
  1283. </li>
  1284.  
  1285. <li>
  1286. <h4>Private Verses</h4>
  1287.  
  1288. <p>BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH
  1289.  
  1290. </li>
  1291. </ul>
  1292.  
  1293.  
  1294. </div></div>
  1295. <!---------------------------- POPUP BOX O3 END -------------------------->
  1296. <!------------------------------ VERSES END ---------------------------->
  1297.  
  1298.  
  1299.  
  1300. <!------------------------------ POPUP BOX O4 ---------------------------->
  1301. <!------------------------------ NAVIGATION ---------------------------->
  1302. <div id="box4" class="popup_block">
  1303.  
  1304. <div style="width:auto; height:430px; overflow:auto; padding:5px 5px 15px 5px;">
  1305.  
  1306.  
  1307.  
  1308.  
  1309. <div class="popupnavlinks">
  1310.  
  1311. <h4>WRITING</h4>
  1312.  
  1313. <a href="/tagged/">OPEN</a>
  1314. <br>
  1315. <a href="/tagged/》">HEADCANON</a>
  1316. <a href="">THREAD TRACKER</a>
  1317. <br>
  1318.  
  1319. <H4>MUSE</H4>
  1320. <a href="/tagged/》">VISAGE</a>
  1321. <a href="/tagged/》">AESTHETIC</a>
  1322. <br>
  1323. <a href="/tagged/edit tag">GRAPHICS</a>
  1324. <a href="/tagged/whatever">LINK</a>
  1325. <br>
  1326.  
  1327. <H4>SHIPS</H4>
  1328. <a href="/tagged/">STUCKY</a>
  1329. <a href="/tagged/》">ROMANOGERS</a>
  1330. <br>
  1331. <a href="/tagged/">STONY</a>
  1332. <a href="/tagged/》">CAPTAIN FALCON</a>
  1333. <br>
  1334. <a href="/tagged/》">BLONDE CAPTAINS</a>
  1335. <a href="/tagged/whatever">LINK</a>
  1336. <br>
  1337. <a href="/tagged/whatever">LINK</a>
  1338. <a href="/tagged/whatever">LINK</a>
  1339. <br>
  1340.  
  1341. <h4>MISC</h4>
  1342. <a href="/tagged/saved.">MEMORIES</a>
  1343. <a href="/tagged/whatever">LINK</a>
  1344. <br>
  1345. <a href="https://interstellarresources.tumblr.com">RESOURCE BLOG</a>
  1346. <a href="/tagged/resources.">RESOURCES</a>
  1347. <br>
  1348. <a href="/tagged/whatever">LINK</a>
  1349. <a href="/tagged/whatever">LINK</a>
  1350. <br>
  1351.  
  1352.  
  1353. </div>
  1354. </div></div>
  1355. <!---------------------------- POPUP BOX O4 ENDS -------------------------->
  1356. <!---------------------------- NAVIGATION ENDS ---------------------------->
  1357.  
  1358.  
  1359.  
  1360.  
  1361. <!----------------------------- POPUP BOX O5 ---------------------------->
  1362. <!------------------------- MAINS AND EXCLUSIVES ------------------------>
  1363. <div id="box5" class="popup_block">
  1364.  
  1365. <div style="width:auto; height:430px; overflow:auto; padding:5px 5px 15px 5px;">
  1366.  
  1367. <p><h4>Exclusives</h4>
  1368. <center>
  1369. <p><a href="" class="mains">INPUT</a>
  1370. </center>
  1371.  
  1372. <p>
  1373. <p><h4>PRIORITIES</h4>
  1374. <center>
  1375. <a href="" class="ex">INPUT</a>
  1376. <a href="" class="mains">INPUT</a>
  1377.  
  1378.  
  1379.  
  1380.  
  1381. </center>
  1382.  
  1383.  
  1384.  
  1385.  
  1386. <!------------------------- POPUP BOX O5 ENDS ---------------------------->
  1387. <!----------------------- MAINS AND EXCLUSIVES ENDS ------------------------>
  1388.  
  1389.  
  1390.  
  1391. </div></div>
  1392.  
  1393.  
  1394.  
  1395.  
  1396. <!----------------------------- CREDIT ------------------------------>
  1397.  
  1398. <div id="capcicle">
  1399. <a href="https://capciclecommissions.tumblr.com/" title="capcicilecommissions">CAPCICLE</a>
  1400. </div>
  1401.  
  1402.  
  1403.  
  1404.  
  1405. <!------------------------- POSTS & CONTENT -------------------------->
  1406.  
  1407.  
  1408.  
  1409. <div class="pag">{block:Pagination}
  1410. {block:PreviousPage}<a href="{PreviousPage}" class="pag" style="margin-left: -325px; font-size: 55px;" TITLE="RETREAT"><img src="{image:pag}"></a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" class="pag" style="margin-right: 0x; font-size: 55px;" TITLE="FORWARD"><img src="{image:pag}"></a>
  1411. {/block:NextPage}
  1412. {/block:Pagination}</div>
  1413.  
  1414.  
  1415.  
  1416. <div id="entries">
  1417.  
  1418.  
  1419. {block:Posts}
  1420.  
  1421. <div class="posts">
  1422.  
  1423. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1424.  
  1425. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  1426. {/block:Photo}
  1427.  
  1428. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1429.  
  1430. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1431.  
  1432. {block:Video}
  1433. <div class="video">{Video-250}</div>
  1434. {/block:Video}
  1435.  
  1436. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1437.  
  1438.  
  1439. {block:Quote}<quotetext>❝{Quote}❞</quotetext>{block:Source}<h4>{Source}</h4>{/block:Source}{/block:Quote}
  1440.  
  1441.  
  1442. {block:Chat}
  1443. {block:Title}
  1444. <h1>{Title}</h1>{/block:Title}<br>
  1445. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1446. {Line}</li>{/block:Lines}</ul>
  1447. {/block:Chat}
  1448.  
  1449.  
  1450. <!--AUDIO POST-->
  1451. {block:Audio}
  1452. {block:AlbumArt}
  1453. <div class="songart">
  1454. <img src="{AlbumArtURL}">
  1455. </div>
  1456. {/block:AlbumArt}
  1457. <div class="songtitle">
  1458. {block:TrackName}
  1459. {TrackName}
  1460. {/block:TrackName}
  1461. </div>
  1462. <div class="songauthor">
  1463. By
  1464. {block:Artist}
  1465. {Artist}
  1466. {/block:Artist}
  1467. </div>
  1468. {AudioPlayerWhite}
  1469. {/block:Audio}
  1470.  
  1471.  
  1472.  
  1473. {block:Answer}
  1474.  
  1475. <div id="askimg" style="margin-left:155px"><img src="{image:pag}" height="50px;" draggable="false"></div>
  1476.  
  1477.  
  1478. <div id="askerurl" style="margin-left: 0px; margin-top:0px; text-transform:uppercase; font-size: 20px; color: #5cbfba}; word-wrap: break-word; max-width: 100%;">{asker} <br> <div style="font-family: 'VT323', monospace; font-size: 13px;">requested information</div></div>
  1479.  
  1480.  
  1481. <div id="question" style="margin-top: -5px">{Question}</div>
  1482. <div id="answer" style="margin-top: 20px;">{Answer}</div>
  1483. {/block:Answer}
  1484.  
  1485.  
  1486. <div id="infobox">
  1487. <div id="info">
  1488. <br>
  1489.  
  1490. &nbsp; &nbsp;
  1491.  
  1492.  
  1493. {block:Date}
  1494. <a href="{Permalink}"style="position:absolute; width: autopx; margin-left:110px; margin-top: 5px; font-size: 12px; font-family:consolas;" title="{TimeAgo}, {ShortMonth} with {NoteCount} notes ">{ShortMonth} {DayOfMonthWithZero} </a>
  1495. {/block:Date}
  1496.  
  1497. <a href="{ReblogURL}" style="position:absolute; margin-left:230px; margin-top:5px; font-size:12px; font-family:consolas;" title="reblog"> Reblog </a>
  1498.  
  1499.  
  1500.  
  1501. {block:NoRebloggedFrom}
  1502. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1503. {/block:NoRebloggedFrom}
  1504.  
  1505.  
  1506. {block:ContentSource}
  1507. <a href="{SourceURL}" style="position:absolute; margin-left:170px; margin-top:-10px; font-size:12px; font-family:consolas;" title"{SourceTitle}"><img src="{image:pag}" style="width:45px;"></a>
  1508. {/block:ContentSource}
  1509.  
  1510.  
  1511. <br>
  1512.  
  1513.  
  1514. <!------------------------ INFO AND SYMBOLS ENDS ---------------------->
  1515.  
  1516.  
  1517. <div id="tags">{block:HasTags}{block:Tags}&nbsp;☽&nbsp; <a href="{TagURL}" title="{Tag}"> {Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1518. </div>
  1519.  
  1520. <br><br><br><br>
  1521.  
  1522. {/block:Posts}
  1523. <div class="note">
  1524. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1525. </div></div>
  1526.  
  1527. {/block:Posts}
  1528.  
  1529.  
  1530. </div>
  1531. </div>
  1532. </div>
  1533.  
  1534.  
  1535.  
  1536. </body>
  1537.  
  1538.  
  1539.  
  1540.  
  1541.  
  1542. </html>
Advertisement
Add Comment
Please, Sign In to add comment