API tools faq
paste
bridgetowakanda

defendsfreedom main 001

bridgetowakanda
May 11th, 2020
87
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.60 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!------------------------------ FONTS ------------------------------>
  4.  
  5. <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
  6. <link href="https://fonts.googleapis.com/css?family=Contrail+One" rel="stylesheet">
  7. <link href="https://fonts.googleapis.com/css?family=Unica+One" rel="stylesheet">
  8. <link href="https://fonts.googleapis.com/css?family=Marck+Script" rel="stylesheet">
  9. <link href="https://fonts.googleapis.com/css?family=VT323" rel="stylesheet">
  10. <link href="https://fonts.googleapis.com/css?family=Nova+MoRWno" rel="stylesheet">
  11. <link href="https://fonts.googleapis.com/css2?family=Ramabhadra&display=swap" rel="stylesheet">
  12. <link href="https://fonts.googleapis.com/css2?family=Caveat:wght@700&display=swap" rel="stylesheet">
  13.  
  14. <html>
  15. <!--
  16. BASE CODE
  17. https://fratdadbase.tumblr.com/
  18. -->
  19.  
  20.  
  21. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  22. <head>
  23. <title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}
  27. <meta name="description" content="{MetaDescription}" />
  28. {/block:Description}
  29.  
  30.  
  31. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  32.  
  33. <!------------------------------ SCRIPTS ----------------------------->
  34. <!------------------------------ POPUP ------------------------------>
  35.  
  36.  
  37. <script type="text/javascript"
  38. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  39. <script>
  40. $(document).ready(function() {
  41. //
  42. $('a.poplight[href^=#]').click(function() {
  43. var popID = $(this).attr('rel'); //Get Popup Name
  44. var popURL = $(this).attr('href'); //Get Popup href to define size
  45. var query= popURL.split('?');
  46. var dim= query[1].split('&');
  47. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  48. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">');
  49. var popMargTop = ($('#' + popID).height() + 80) / 2;
  50. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  51. //Apply Margin to Popup
  52. $('#' + popID).css({
  53. 'margin-top' : -popMargTop,
  54. 'margin-left' : -popMargLeft
  55. });
  56. $('body').append('<div id="fade"></div>');
  57. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  58. return false;
  59. });
  60. $('a.close, #fade').live('click', function() {
  61. $('#fade , .popup_block').fadeOut(function() {
  62. $('#fade, a.close').remove(); //fade them both out
  63. });
  64. return false;
  65. });
  66. });
  67. </script>
  68.  
  69.  
  70.  
  71.  
  72. <!----------------------------- TOOLTLIP ----------------------------->
  73.  
  74.  
  75. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  76. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  77. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  78. <script>
  79. (function($){
  80. $(document).ready(function(){
  81. $("[title]").style_my_tooltips({
  82. tip_follows_cursor:true,
  83. tip_delay_time:200,
  84. tip_fade_speed:500
  85. });
  86. });
  87. })(jQuery);
  88. </script>
  89.  
  90.  
  91.  
  92. <!------------------------------ TABS ------------------------------>
  93.  
  94.  
  95. <script>
  96. $(document).ready(function(){
  97. $("ul#tabs li").click(function(e){
  98. if (!$(this).hasClass("active")) {
  99. var tabNum = $(this).index();
  100. var nthChild = tabNum+1;
  101. $("ul#tabs li.active").removeClass("active");
  102. $(this).addClass("active");
  103. $("ul#tab li.active").removeClass("active");
  104. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  105. }
  106. });
  107. });
  108. </script>
  109.  
  110.  
  111.  
  112.  
  113. </head>
  114.  
  115. <!---------------------------- META DATA ----------------------------->
  116. <meta name="text:Starters" content="00"/>
  117. <meta name="text:Drafts" content="00"/>
  118. <meta name="text:Memes" content="00"/>
  119. <meta name="text:Queue" content="00"/>
  120. <meta name="text:Penname" content="penname"/>
  121.  
  122.  
  123.  
  124. <meta name="if:containerhover" content="1"/>
  125.  
  126.  
  127. <style type="text/css">
  128.  
  129.  
  130.  
  131.  
  132.  
  133. /*---------------------------- SCROLL BAR ---------------------------*/
  134. ::-webkit-scrollbar {
  135. width: 2px;
  136. height: 2px;
  137. }
  138. ::-webkit-scrollbar-button {
  139. width: 0px;
  140. height: 0px;
  141. }
  142. ::-webkit-scrollbar-thumb {
  143. background: transparent;
  144. border: 0px none #a68b7c;
  145. border-radius: 50px;
  146. }
  147. ::-webkit-scrollbar-thumb:hover {
  148. background: transparent;
  149. }
  150. ::-webkit-scrollbar-thumb:active {
  151. background: transparent;
  152. }
  153. ::-webkit-scrollbar-track {
  154. background: transparent;
  155. border: 0px none #a68b7c;
  156. border-radius: 0px;
  157. }
  158. ::-webkit-scrollbar-track:hover {
  159. background:transparent;
  160. }
  161. ::-webkit-scrollbar-track:active {
  162. background: transparent;
  163. }
  164. ::-webkit-scrollbar-corner {
  165. background: transparent;
  166. }
  167.  
  168.  
  169. /*---------------------------- SELECTION ---------------------------*/
  170.  
  171. ::SELECTION {BACKGROUND: #954444; COLOR:#e7e5d1; }
  172. ::-MOZ-SELECTION {BACKGROUND: #954444; COLOR:#e7e5d1; }
  173.  
  174.  
  175.  
  176. /*---------------------------- BODY ---------------------------*/
  177.  
  178. body {
  179. background-color:#c6b7b0;
  180. background-image:url('https://i.imgur.com/VqzFV54.png');
  181. background-repeat: no-repeat;
  182. font-family: calibri;
  183. font-size: 12px;
  184. text-align: justify;
  185. color:#ffffff;
  186. word-spacing: 2px;
  187. }
  188.  
  189.  
  190.  
  191. /*---------------------- QUESTIONS & ANSWERS ------------------------*/
  192.  
  193. #askerurl {
  194. text-transform:uppercase;
  195. font-weight:400;
  196. font-size:20px;
  197. margin-top:80px;
  198. margin-left:50px;
  199. padding-bottom:5px;
  200. width:250px;
  201. font-family: 'Orbitron', sans-serif;
  202. text-align:center;
  203. }
  204.  
  205. #asking img {
  206. padding: 5px;
  207. }
  208.  
  209. #question {
  210. background-attachment:auto;
  211. background-image: url('');
  212. padding: 8px;
  213. border-left: 3px solid #ce4e58;
  214. border-right: 3px solid #ce4e58;
  215. background-color:#b1a29b;
  216. border-radius: 2px;
  217. color: #ffffff;
  218. font-family: courier new;
  219. text-transform: uppercase;
  220. font-size: 9px;
  221. }
  222.  
  223. #answer {
  224. word-spacing: 0px;
  225. }
  226.  
  227. /*------------------------ CONTAINER & POSTS ------------------------*/
  228.  
  229. #entries {
  230. width:350px;
  231. height:600px;
  232. top:0px;
  233. padding: 5px;
  234. margin-left: 450px;
  235. position:relative;
  236. overflow-y:scroll;
  237. overflow-x:hidden;
  238. border: 3px double #b1a29b;
  239. background: #c6b7b0;
  240. }
  241.  
  242.  
  243.  
  244. #entries img {
  245. height:auto;
  246. max-width:100%;
  247. }
  248.  
  249. #post img {
  250. height: auto;
  251. max-width: 100%;
  252. }
  253.  
  254.  
  255. #posts {
  256. width:250px;
  257. background-color: transparent;
  258. padding-bottom:0px;
  259. overflow-y:scroll;
  260. overflow-x:hidden;
  261. }
  262.  
  263.  
  264. /*----------------------- MAINS AND EXCLUSIVES ----------------------*/
  265.  
  266. #me {
  267. width: 250px;
  268. height: 100px;
  269. overflow:auto;
  270. background-color:#383838;
  271. padding: 2px;
  272. }
  273.  
  274. #meimg {
  275. width: 75px;
  276. height: 75px;
  277. padding: 1px;
  278. }
  279.  
  280. #mename {
  281. margin-top: -35px;
  282. }
  283.  
  284.  
  285.  
  286.  
  287. /*---------------------------- FANCY FONT ---------------------------*/
  288.  
  289. h1 {
  290. font-size: 30px;
  291. background-image: linear-gradient(to right, #c73436, #bf7e61);
  292. -webkit-background-clip: text;
  293. -webkit-text-fill-color: transparent;
  294. text-transform: uppercase;
  295. font-family: 'Caveat', cursive;
  296. }
  297.  
  298. h2 {
  299. font-size:15px;
  300. font-family: 'Ramabhadra', sans-serif;
  301. text-align: center;
  302. color:#ffffff;
  303. background-color: #2a637e;
  304. display:block;
  305. text-transform:uppercase;
  306. letter-spacing:1px;
  307.  
  308. }
  309.  
  310. h3 {
  311. font-size:15px;
  312. font-family: 'Caveat', cursive;
  313. text-align: center;
  314. color:#232021;
  315. background-color: #b29085;
  316. display:block;
  317. text-transform:uppercase;
  318. letter-spacing:1px;
  319. border: double 3px #000;
  320. }
  321.  
  322.  
  323. h4 {
  324. background-image: url('https://i.imgur.com/qXH1MdC.png');
  325. background-position:top;
  326. background-attachment:fixed;
  327. border: double 3px #000;
  328. padding:5px;
  329. color:#ffffff;
  330. overflow: auto;
  331. text-shadow:1px 1px 2px #000,
  332. font-size:15px;
  333. font-family:calibri;
  334. text-transform:uppercase;
  335. letter-spacing:1px;
  336. text-align:Left;
  337. }
  338.  
  339.  
  340. i, italic, em {
  341. font-family: 'Nova Mono', monospace;
  342. font-size: 15px;
  343. text-transform: italic;
  344. text-transform: uppercase;
  345. color:#2a637e;
  346. text-transform:lowercase;
  347. letter-spacing:1px;
  348.  
  349. }
  350.  
  351. b, bold, strong {
  352. font-size:15px;
  353. text-transform: uppercase;
  354. letter-spacing: 3px;
  355. font-family: 'VT323', monospace;
  356. color:#ce4e58;
  357. text-shadow: 1px 1px #000000;
  358.  
  359. }
  360. u, underline {
  361. font-size: 14px;
  362. background-color: #2a637e;
  363. font-family: 'VT323', monospace;
  364. font-weight:400;
  365. color:#ffffff;
  366. text-transform:uppercase;
  367. letter-spacing:1px;}
  368.  
  369. p {
  370. margin-top:5px;
  371. margin-bottom:5px;}
  372.  
  373.  
  374. ol {
  375. list-style:normal;}
  376.  
  377.  
  378. ul {
  379. list-style:square;}
  380.  
  381.  
  382. small {
  383. font-size:10px}
  384.  
  385.  
  386. sup,sub {
  387. font-size:11px}
  388.  
  389.  
  390. pre {
  391. font-size: 12px;
  392. border-left: 1px solid #ffffff;
  393. background-color: #2d5462;
  394. padding: 2px;
  395. font-family: courier new;
  396. font-style: none;
  397. text-transform: uppercase;
  398. text-align:left;
  399. white-space: pre-wrap;
  400. white-space: -moz-pre-wrap;
  401. white-space: -pre-wrap;
  402. white-space: -o-pre-wrap;
  403. word-wrap: break-word;
  404. }
  405.  
  406.  
  407.  
  408.  
  409. blockquote {
  410. padding:2px 7px;
  411. padding-right:5px;
  412. margin:0px 0 0px 5px;
  413. border-left:2px solid #2d5462;
  414. }
  415.  
  416. blockquote blockquote {
  417. padding:2px 7px;
  418. padding-right:5px;
  419. margin:0px 0 0px 5px;
  420. border-left:2px solid #2d5462;
  421. }
  422.  
  423.  
  424. blockquote blockquote blockquote {
  425. padding:2px 7px;
  426. padding-right:5px;
  427. margin:0px 0 0px 5px;
  428. border-left:2px solid #2d5462;
  429. }
  430.  
  431.  
  432.  
  433. blockquote img {
  434. max-width:100%;
  435. height:100%;
  436. }
  437.  
  438. blockquote blockquote img {
  439. max-width:100%;
  440. height:auto;
  441. }
  442.  
  443. blockquote blockquote blockquote img {
  444. max-width:100%;
  445. height:auto;
  446. }
  447.  
  448. blockquote blockquote blockquote blockquote img {
  449. max-width:100%;
  450. height:auto;
  451. }
  452.  
  453. blurb {
  454. width: auto;
  455. height: auto;
  456. overflow: none;
  457. padding: 2px;
  458. font-size:11px;
  459. text-align:center;
  460. font-family:courier;
  461. text-transform:uppercase;
  462. margin-bottom: 5px;
  463. margin-top: 5px;
  464. border-left: 4px solid #2a637e;
  465. border-right: 4px solid #2a637e;
  466. background-color: #b1a29b;
  467. display: block;
  468.  
  469. }
  470.  
  471.  
  472. t, title {
  473. size: 15px;
  474. color: 222;
  475. letter-spacing: 2px;
  476. font: times;
  477. }
  478.  
  479. quotetext {
  480. font-family: times;
  481. font-size: 20px;
  482. line-height: 21px;
  483. letter-spacing: 2px;
  484. text-align: center;
  485. text-transform:uppercase;
  486. color: #fff;
  487. text-shadow: 3px 1px 1px #954444;
  488. }
  489.  
  490. quotations {
  491. font: courier;
  492. font-size: 30px;
  493. color: #954444;
  494. }
  495.  
  496. quote {
  497. font-size: 13px;
  498. }
  499.  
  500. img {
  501. max-width:100%;
  502. }
  503.  
  504. hr {
  505. width:100px;
  506. border: 0;
  507. height: 0.5px;
  508. margin-right:10px;
  509. background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 255), rgba(255, 255, 255, 0));
  510. }
  511.  
  512. code {
  513. text-transform: uppercase;
  514. }
  515.  
  516. #borders {
  517. border-bottom: 1px solid #b1a29b;
  518. }
  519.  
  520. /*---------------------------- NAVIGATION ---------------------------*/
  521.  
  522.  
  523.  
  524. a:link, a:active, a:visited {
  525. text-decoration: none;
  526. color: #2a637e;
  527. text-transform: uppercase;
  528. font-family: 'Unica One', cursive;
  529. font-size: 14px;
  530. -moz-transition-duration:.6s;
  531. -webkit-transition-duration:.6s;
  532. -o-transition-duration:.6s;
  533. -webkit-filter: blur(0px);}
  534.  
  535. a:hover {
  536. color: #3c4847;
  537. font-family: 'Unica One', cursive;
  538. letter-spacing: 0px;
  539. -moz-transition-duration:.6s;
  540. -webkit-transition-duration:.6s;
  541. -o-transition-duration:.6s;
  542. -webkit-filter: blur(0px);}
  543.  
  544.  
  545. #map {
  546. position: fixed;
  547. left: 850px;
  548. top: 300px;
  549. height: 190px;
  550. width: 100px;
  551. background-color: #c6b7b0;
  552. border: 3px double #b1a29b;
  553. color: #ffffff;
  554. }
  555.  
  556. a.maplink, a.maplink:link, a.maplink:active, a.maplink:visited {
  557. font-family: 'Ramabhadra', sans-serif;
  558. color: #ffffff;
  559. display: block;
  560. cursor: pointer;
  561. text-align: center;
  562. font-size: 9px;
  563. background-color: #5daec1;
  564. padding:2px 8px;
  565. width: 75px;
  566. height: 15px;
  567. margin-left: 4px;
  568. transition: 0.70s;
  569. -webkit-transition: 0.70s;
  570. -moz-transition: 0.70s;
  571. -ms-transition: 0.70s;
  572. -o-transition: 0.70s;
  573. }
  574.  
  575. a.maplink:hover {
  576. color: #575757;
  577. transition: 0.70s;
  578. -webkit-transition: 0.70s;
  579. -moz-transition: 0.70s;
  580. -ms-transition: 0.70s;
  581. -o-transition: 0.70s;
  582. }
  583.  
  584. a.navi, a.navi:link, a.navi:active, a.navi:visited {
  585. color: #ffffff;
  586. text-shadow: 0px 0px 10px #ffffff;
  587. font-family: 'VT323', monospace;
  588. font-size: 15px;
  589. transition: 0.70s;
  590. -webkit-transition: 0.70s;
  591. -moz-transition: 0.70s;
  592. -ms-transition: 0.70s;
  593. -o-transition: 0.70s;
  594.  
  595. }
  596.  
  597. a.navi:hover {
  598. transition: 0.70s;
  599. -webkit-transition: 0.70s;
  600. -moz-transition: 0.70s;
  601. -ms-transition: 0.70s;
  602. -o-transition: 0.70s;
  603. -webkit-transform: rotate(180deg);
  604. -moz-transform: rotate(180deg);
  605. -o-transform: rotate(180deg);
  606. -ms-transform: rotate(180deg);
  607. transform: rotate(180deg);
  608. }
  609.  
  610.  
  611.  
  612. /*---------------------------- PAGINATION ---------------------------*/
  613.  
  614.  
  615. .pag {
  616. position: fixed;
  617. left: 750px;
  618. top: 625px;
  619. width: auto;
  620. height: auto;
  621. }
  622.  
  623. a.pag, a.pag:link, a.pag:active, a.pag:visited {
  624. color: #fff;
  625. font-family: 'Nova Mono', monospace;
  626. font-size: 12px;
  627. text-shadow: 1px 1px 5px #fff;
  628. text-transform: uppercase;
  629. }
  630.  
  631. a.pag:hover {
  632. opacity: .5;
  633. -moz-transition-duration:.6s;
  634. -webkit-transition-duration:.6s;
  635. -o-transition-duration:.6s;
  636. -webkit-filter: blur(0px);
  637. }
  638.  
  639. /*--------------------------- TAGS & INFO ---------------------------*/
  640.  
  641.  
  642. #infobox {
  643. border:1px solid transparent;
  644. margin-bottom:10px;
  645. padding-top:10px;
  646. overflow: auto;
  647. }
  648.  
  649.  
  650. #info {
  651. margin-left:20px;
  652. background-color: transparent;
  653. background-image: url('');
  654. background-position: fixed;
  655. background-repeat: repeat;
  656. height: 20px;
  657. margin-left:0px;
  658. margin-bottom: 75px;
  659. border-bottom: 1px solid #3c3c3c;
  660. text-align: center;
  661. }
  662.  
  663. #info a {
  664. color: #3c3c3c;
  665. opacity: 1;
  666. font-family:consolas;
  667. text-transform: uppercase;
  668. font-weight:bold;
  669. }
  670.  
  671. #info a:hover {
  672. color:#575757;
  673. opacity: 1;
  674. }
  675.  
  676.  
  677. #tags {
  678. width:300px;
  679. height: 25px;
  680. overflow: auto;
  681. padding:2px;
  682. font-size:5px;
  683. text-align:center;
  684. font-family:courier;
  685. text-transform:uppercase;
  686. background:transparent;
  687. margin-bottom: 5px;
  688. margin-top: 5px;
  689. border-left: 2px solid #2a637e;
  690. border-right: 2px solid #2a637e;
  691. background-color: #b1a29b;
  692. margin-left: 15px;
  693. }
  694.  
  695.  
  696. #tags a {
  697. font-family:consolas;
  698. font-size:8px;
  699. line-height:8pt;
  700. letter-spacing:0px;
  701. color:#ffffff;
  702. text-decoration:none;
  703. text-transform:uppercase;
  704. text-align:center;
  705. display:inline-block;
  706. margin:1px 0px 3px 0px;
  707. -webkit-transition: all 0.4s ease-out;
  708. -moz-transition: all 0.4s ease-out;
  709. transition: all 0.4s ease-out;
  710. -moz-transition-duration: 0.4s;
  711. -webkit-transition-duration: 0.4s;
  712. -o-transition-duration: 0.4s;
  713. transition-duration: 0.4s; }
  714.  
  715.  
  716. #tags a:hover {
  717. color:#7b5f4f;
  718. text-shadow:0px 0px 1px #777;
  719. -webkit-filter:none;
  720. -webkit-transition: all 0.6s ease-in-out;
  721. -moz-transition: all 0.6s ease-in-out;
  722. -o-transition: all 0.6s ease-in-out;
  723. -ms-transition: all 0.6s ease-in-out;
  724. transition: all 0.6s ease-in-out;
  725. }
  726.  
  727. /*---------------------------- EXTRA 1 ---------------------------*/
  728.  
  729.  
  730.  
  731. .note {
  732. text-transform:uppercase;
  733. font-style:normal;
  734. letter-spacing:0px;
  735. font-size: 10px;
  736. text-align:left;
  737. line-height:90%;
  738. margin-left:-40px;}
  739.  
  740. .note li {
  741. list-style-type:none;
  742. border-bottom:0px solid {color:border};
  743. padding:10px 25px 10px 25px;
  744. text-align:left;
  745. margin:0px;
  746. -moz-transition-duration:0.5s;
  747. -webkit-transition-duration:0.5s;
  748. -o-transition-duration:0.5s;}
  749.  
  750. .note img.avatar {
  751. margin-right: 10px;
  752. width: 16px;
  753. height: 16px;}
  754.  
  755.  
  756.  
  757.  
  758. /*-------------------------- MUSIC PLAYER ---------------------------*/
  759.  
  760.  
  761.  
  762. .songart{
  763. float:left;
  764. margin-right:10px;
  765. }
  766.  
  767. .songart img{
  768. width:80px;
  769. height:80px;
  770. }
  771.  
  772. .songtitle{
  773. margin-bottom:10px;
  774. margin-left:90px;
  775. }
  776.  
  777. .songauthor{
  778. margin-bottom:10px;
  779. font-size:8px;
  780. margin-left:90px;
  781. }
  782.  
  783. .tumblr_audio_player {
  784. height: 50px;
  785. }
  786.  
  787. /* ----------------------------- CHAT CODE --------------------------- */
  788.  
  789. /* chat cred: https://dear-indies.tumblr.com/post/125257866576/animalites-imessage-chat-post-ive-seen-a-lot */
  790.  
  791. /* IMESSAGE CHAT POST */
  792. .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}
  793. .asked p {
  794. text-align: left;
  795. margin: 0 0px 10px 0px;
  796. padding: 0;
  797. color: #666666;
  798. font-family: 'Inconsolata', Inconsolata;
  799. font-size: 12px;
  800. line-height: 0px;
  801. }
  802. .footerright .viasrc {
  803. float: left;
  804. }
  805. .asked a {
  806. margin:0;padding:0;
  807. }
  808. .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}
  809. .convo {
  810. overflow: hidden;
  811. list-style-type: none;
  812. padding: 0;
  813. margin: 0;
  814. }
  815.  
  816. /*---------------------------- TOOLTIP ---------------------------*/
  817.  
  818.  
  819.  
  820. #s-m-t-tooltip{
  821. max-width:400px;
  822. margin:15px;
  823. padding:2px 8px;
  824. background: #2a2628;
  825. background-image:url('');
  826. background-repeat:repeat;
  827. background-attachment:fixed;
  828. border-left: 3px solid #5daec1;
  829. border-right: 3px solid #5daec1;
  830. color:#fff;
  831. text-shadow:1px 1px 0px #000,
  832. z-index:99999999999999999999;
  833. font-size:9px;
  834. letter-spacing:2px;
  835. font-style:bold;
  836. letter-spacing:2px;
  837. font-family: calibri;
  838. text-transform:uppercase;
  839. }
  840.  
  841. /*--------------------------- POPUP ------------------------------ */
  842.  
  843.  
  844. /*--Making IE6 Understand Fixed Positioning--*/
  845. *html #fade {
  846. position: absolute;
  847. }
  848. *html .popup_block {
  849. position: absolute;
  850. }
  851.  
  852. .popup_block{
  853. background-color:transparent;
  854. border: 0px solid #3b3b3b;
  855. width:450px;
  856. height:485px;
  857. top:350px;
  858. padding: 5px;
  859. left: 9500px;
  860. display: none; /*--hidden by default--*/
  861. float: left;
  862. font-size: 10px; /*font size of the words inside the box */
  863. position: fixed;
  864. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  865. }
  866.  
  867.  
  868. #fade { /*--Transparent background layer--*/
  869. display: none; /*--hidden by default--*/
  870. background: #232021;
  871. background-repeat: no-repeat;
  872. background-position: center;
  873. background-image: url(''); /*if you want to add a background image to go behind your popup */
  874. position: fixed; left: 0; top: 0;
  875. width: 100%; height: 100%;
  876. opacity: 0;
  877. z-index: 9999;
  878. }
  879.  
  880.  
  881. .importante {
  882. border: 3px double #b1a29b;
  883. background: #c6b7b0;
  884. left: 460px;
  885. top:7px;
  886. height: 580px;
  887. width: 330px;
  888. position: fixed;
  889. font-size:12px;
  890. overflow: auto;
  891. padding: 15px;
  892. z-index:2;
  893.  
  894. }
  895.  
  896.  
  897. .popupnavlinks {
  898. padding-top:5px;
  899. text-align:center;
  900. width: auto;}
  901.  
  902.  
  903. .popupnavlinks a {
  904. display:inline-block;
  905. border-bottom: 1px solid #2a637e;
  906. background-color: #b1a29b;
  907. text-align: center;
  908. font-size: 9px;
  909. font-family:courier;
  910. color: #fff;
  911. display: inline-block;
  912. width:150px; height:12px;
  913. margin: 2px;
  914. padding:10px 6px 10px;
  915. }
  916.  
  917. .popupnavlinks a:hover {
  918. display:inline-block;
  919. letter-spacing:2px;
  920. -moz-transition-duration: 0.4s;
  921. -webkit-transition-duration: 0.4s;
  922. -o-transition-duration: 0.4s;
  923. transition-duration: 0.4s;
  924. }
  925.  
  926.  
  927.  
  928. .popupclose {
  929. float:right; top:0px; right:0px;
  930. margin-top:-10px; margin-right:-10px;
  931. font-family:'Scada', sans serif;
  932. font-size:10px;
  933. font-weight:bold }
  934.  
  935. .popupclose a {
  936. color:#aaa }
  937.  
  938.  
  939.  
  940.  
  941.  
  942. /*--------------------------- 3c636e ------------------------------ */
  943.  
  944. ul#tabs {
  945. list-style-type: none;
  946. padding: 0;
  947. text-align: justify;
  948. font-size:9px;
  949. letter-spacing:1px;
  950. display: inline-block;
  951. }
  952. ul#tabs li {
  953. border-left: 1px solid #4bb3a2;
  954. border-right: 1px solid #4bb3a2;
  955. background-color:#5daec1;
  956. padding:2px 8px;
  957. width: auto;
  958. height: 15px;
  959. border-radius: 2px;
  960. display: inline-block;
  961. margin-left: 2px;
  962. cursor: pointer;
  963. text-align: center;
  964. }
  965. ul#tabs li:hover {
  966. background-color: #3c636e;
  967. border-radius: 2px;
  968. color: #4bb3a2;
  969. }
  970. ul#tabs li.active {
  971. background:#3c636e;
  972. border-left: 1px solid #bd765e;
  973. border-right: 1px solid #bd765e;
  974. color:#ffffff;
  975. display: inline-block;
  976. margin-bottom: 4px;
  977. cursor: pointer;
  978. border-radius: 2px;
  979. text-align: center;
  980. }
  981. ul#tab {
  982. list-style-type: none;
  983. margin: 0;
  984. padding: 0;
  985. }
  986. ul#tab li {
  987. display: none;
  988. }
  989. ul#tab li.active {
  990. display: inline-block;
  991. }
  992.  
  993.  
  994. #esperanza {
  995. position: fixed;
  996. background-color: #c6b7b0;
  997. border-bottom: 1px solid #b1a29b;
  998. width: 340px;
  999. height: auto;
  1000. overflow: auto;
  1001. text-align: center;
  1002. left: 483px;
  1003. top: 20px;
  1004. z-index: 1;
  1005.  
  1006. }
  1007.  
  1008.  
  1009. </style>
  1010.  
  1011.  
  1012.  
  1013.  
  1014.  
  1015.  
  1016. <body>
  1017.  
  1018. <!--------------------------- SIDEBOX -------------------------------->
  1019. <div id="map">
  1020.  
  1021. <a href="/" class="maplink" style="margin-top: 5px;">Home</a> <br>
  1022. <a href="/ask" class="maplink">Questions</a> <br>
  1023. <a href="#?w=460" rel="box1" class="poplight maplink">About</a> <br>
  1024. <a href="/about" class="maplink">Stats</a> <br>
  1025. <a href="#?w=460" rel="box2" class="poplight maplink">Rules</a> <br>
  1026. <a href="/" class="maplink">Verses</a>
  1027. </div>
  1028.  
  1029. <!---TAB NAVIGATION STARTS-->
  1030.  
  1031.  
  1032. <div id="box1" class="popup_block">
  1033. <div style="width:auto; height:430px; overflow:auto; padding:5px 5px 15px 5px; margin-top: 10px;">
  1034. <div class="importante">
  1035.  
  1036. <center><i>Comic Based. Mutuals Only.</i><br>
  1037. <p><b>Captain Steve Rogers</b>
  1038.  
  1039. <p><br><blurb>This nation was founded on one principle above all else: the requirement that we stand up for what we believe, no matter the odds or the consequences</blurb>
  1040.  
  1041. <p><br>
  1042. <img src="https://i.imgur.com/HOhhJ7E.gif">
  1043.  
  1044. <p>
  1045. <h4>DEBTS</h4>
  1046. <center>
  1047. <b>Starters:</b> {text:Starters} <br> <b>Drafts:</b> {text:Drafts} <br> <b>Memes:</b> {text:Memes} <br> <b>Queue:</b> {text:Queue}
  1048.  
  1049. <br>
  1050. <b>Penned By:</b> <i>{text:penname}</i>
  1051. </center>
  1052.  
  1053. </div>
  1054. </div>
  1055. </div>
  1056.  
  1057.  
  1058.  
  1059. <div id="box2" class="popup_block">
  1060.  
  1061. <div style="width:auto; height:430px; overflow:auto; padding:5px 5px 15px 5px;">
  1062.  
  1063. <div class="importante">
  1064.  
  1065. <div id="esperanza" style="margin-left: -10px; margin-top: -10px;">
  1066. <ul id="tabs">
  1067. <li class="active">RULES</li>
  1068. <li>NAVI</li>
  1069. </ul>
  1070. </div>
  1071.  
  1072. <!---RULES START--->
  1073. <ul id="tab" style="margin-top: 10px;">
  1074. <li class="active">
  1075.  
  1076. <br><br>
  1077. <h4>Rules Of War.</h4> <br>
  1078.  
  1079. <i>THE MUN</i><P>
  1080. <b>1.</b> Welcome to my Steve Rogers Blog! This blog is <i>highly selective</i> and mutuals only. Meaning, I will not follow everyone back, even if we were mutuals before. My focus is to keep a small <b>following</b> list and interact with blogs who will/are writing with me.<br>
  1081.  
  1082. <b>2.</b> Mun Stats: Eastern Time Zone aka East Coast of the US, full time worker with a family. You can call me Lenore<br><P>
  1083.  
  1084. <i>THE MUSE</i><p>
  1085. <b>3.</b> <b>THIS VERSION OF STEVE ROGERS IS COMIC BASED.</b> Meaning there will be <i> little to no MCU content</i> written unless VERSE specified. I will not be incorporating elements of the movies into my portrayal except on the rare occasion. <u> Please do not go in expecting me to reply with my Steve having been involved with how events happened in MCU.</u> <BR>
  1086.  
  1087. When interacting with non canon muses, Steve will be from an alternate timeline/universe. Afterall, the multiverse is very, very big. <BR>
  1088.  
  1089. I do have an MCU verse for Steve as I have put a lot of effort into crafting that version of him. There will be a specific starter call for that for mutuals interested in writing with that Steve.<BR><P>
  1090.  
  1091. <b>3b.)</b> For Steve's MCU post Endgame click here (link tba).<p><br>
  1092.  
  1093. <I>OPERATIONS</I><p>
  1094. <b>4.</b> I will not be following everyone back. Things will be primarily on a <b>queue basis</b>. Basically, I’ll pop on when I have time and muse. <i>Plotted threads & threads with mains will take priority.</i> Random starters that do not have any direction or discussion will be dropped periodically.
  1095. .<br>
  1096.  
  1097. <b>4b.</b> I do not mind mirrors or duplicates. Chances are, though, if I don’t now you ooc or haven’t interacted with you via another blog, I will not follow a duplicate blog. Please, don’t just follow me to reblog gifsets. I’m actually interested in writing with you. If you constantly reblog stuff from me, I will soft block you.<br>
  1098.  
  1099. <b>5.</b> <u>DRAMA IS A NO NO</u> on this blog. Callout posts, drama, hate, political issues, world issues, hot button issues, toxic obsessions and bullying etc. will earn you a soft or hardblock. I don’t care what the issue is. If I see it more than once on your blog, I will block/softblock you.<br>
  1100.  
  1101. <b>6.</b> Periodically, I 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 mutuals who have not responded to any of my content, or have not written with me since following, or we’re no longer actively writing. 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.<br>
  1102.  
  1103. <b>7.</b> I've stated this before: <u>I do not tag triggers aside from the generic NSFW tag.</u> Occasional mature themes could pop up on my dash. If you send me an anon asking me to tag something, chances are I will not do it. However, if you message me OFF ANON then yes, I will possibly tag it, taking your request into consideration.<br>
  1104.  
  1105. <b>8.</b> I <i>ignore OOC asks</i> 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.<p><br>
  1106.  
  1107. <I>SHIPPING</I><p>
  1108. <b>9.</b> <u>Steve + Chemistry.</u> I do have a list of ships that I adore. I won’t say no to a ship, but there must be chemistry between muns and muses. If ships do happen, smut will rarely be shown on this blog. I feel more comfortable doing this on discord. With that being said, Steve is a multiship blog. <P><br>
  1109.  
  1110. <I>MAINS AND EXCLUSIVES</I><p>
  1111. <b>10.</b> Mains and Exclusives. I have a three tiered system as to how mains and exclusives work. Someone who is listed as a main is someone who contributes to my canon/main verse of Steve OR we've spent a lot of time developing our own version of canon and aus. A Priority is someone I enjoy writing with, have talked with ooc and often respond to their replies quicker. Exclusivity 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.<BR>
  1112.  
  1113. 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.
  1114.  
  1115.  
  1116.  
  1117.  
  1118. </li>
  1119. <!---RULES ENDS--->
  1120.  
  1121.  
  1122. <!---NAVIGATION STARTS--->
  1123. <li>
  1124.  
  1125. <div class="popupnavlinks" style="width: 340px; margin-top: 10px;">
  1126. <center>
  1127.  
  1128. <h3>WRITING</h3>
  1129.  
  1130. <a href="/tagged/whatever">LINK</a>
  1131. <a href="/tagged/whatever">LINK</a>
  1132. <br>
  1133. <a href="/tagged/whatever">LINK</a>
  1134. <a href="/tagged/whatever">LINK</a>
  1135. <br>
  1136.  
  1137. <H3>MUSE</H3>
  1138. <a href="/tagged/whatever">LINK</a>
  1139. <a href="/tagged/whatever">LINK</a>
  1140. <br>
  1141. <a href="/tagged/whatever">LINK</a>
  1142. <a href="/tagged/whatever">LINK</a>
  1143. <br>
  1144.  
  1145. <h3>MISC</h3>
  1146. <a href="/tagged/whatever">LINK</a>
  1147. <a href="/tagged/whatever">LINK</a>
  1148. <br>
  1149. <a href="/tagged/whatever">LINK</a>
  1150. <a href="/tagged/whatever">LINK</a>
  1151. <br>
  1152. <a href="/tagged/whatever">LINK</a>
  1153. <a href="/tagged/whatever">LINK</a>
  1154. <br>
  1155.  
  1156. </center>
  1157. </div>
  1158.  
  1159.  
  1160.  
  1161.  
  1162. </li>
  1163. <!---NAVIGATION ENDS--->
  1164.  
  1165.  
  1166. </ul>
  1167. </div>
  1168. </div></div>
  1169. <!---TAB NAVIGATION ENDS--->
  1170.  
  1171.  
  1172. <!------------------------- POSTS & CONTENT -------------------------->
  1173.  
  1174.  
  1175.  
  1176. <div class="pag">{block:Pagination}
  1177. {block:PreviousPage}<a href="{PreviousPage}" class="pag" style="margin-left: -280px; font-size: 15px;" TITLE="retreat">Backwards</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" class="pag" style="margin-right: 0x; font-size: 15px;" TITLE="progress">Onwards</a>
  1178. {/block:NextPage}
  1179. {/block:Pagination}</div>
  1180.  
  1181.  
  1182.  
  1183.  
  1184. <div id="entries">
  1185.  
  1186. {block:Posts}
  1187.  
  1188. <div class="posts">
  1189.  
  1190. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1191.  
  1192. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  1193. {/block:Photo}
  1194.  
  1195. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1196.  
  1197. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1198.  
  1199. {block:Video}
  1200. <div class="video">{Video-250}</div>
  1201. {/block:Video}
  1202.  
  1203. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1204.  
  1205.  
  1206. {block:Quote}<quotetext>❝{Quote}❞</quotetext>{block:Source}<h4>{Source}</h4>{/block:Source}{/block:Quote}
  1207.  
  1208.  
  1209. {block:Chat}
  1210. {block:Title}
  1211. <h1>{Title}</h1>{/block:Title}<br>
  1212. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1213. {Line}</li>{/block:Lines}</ul>
  1214. {/block:Chat}
  1215.  
  1216.  
  1217. <!--AUDIO POST-->
  1218. {block:Audio}
  1219. {block:AlbumArt}
  1220. <div class="songart">
  1221. <img src="{AlbumArtURL}">
  1222. </div>
  1223. {/block:AlbumArt}
  1224. <div class="songtitle">
  1225. {block:TrackName}
  1226. {TrackName}
  1227. {/block:TrackName}
  1228. </div>
  1229. <div class="songauthor">
  1230. By
  1231. {block:Artist}
  1232. {Artist}
  1233. {/block:Artist}
  1234. </div>
  1235. {AudioPlayerWhite}
  1236. {/block:Audio}
  1237.  
  1238.  
  1239.  
  1240. {block:Answer}
  1241. <div id="askerurl" style="margin-left:-50px; margin-top:0px; text-transform:uppercase; font-size: 13px; color: #954444; word-wrap: break-word; max-width: 100%;">{asker}</div>
  1242.  
  1243.  
  1244. <div id="question" style="margin-top: -5px">{Question}</div><img src="{AskerPortraitURL-48}" style="border-radius: 100px; margin-left: 280px; margin-top: -20px;">
  1245. <div id="answer" style="margin-top: 20px;">{Answer}</div>
  1246. {/block:Answer}
  1247.  
  1248.  
  1249. <div id="infobox">
  1250. <div id="info">
  1251. <br>
  1252.  
  1253. &nbsp; &nbsp;
  1254.  
  1255.  
  1256. {block:Date}
  1257. <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>
  1258. {/block:Date}
  1259.  
  1260.  
  1261.  
  1262. <a href="{ReblogURL}" style="position:absolute; margin-left:-60px; margin-top:-9px; font-size:12px; font-family:consolas;" title="reblog"> Reblog </a>
  1263.  
  1264.  
  1265.  
  1266. {block:NoRebloggedFrom}
  1267. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1268. {/block:NoRebloggedFrom}
  1269.  
  1270.  
  1271. {block:ContentSource}
  1272. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1273. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1274. {/block:SourceLogo}
  1275. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1276. {/block:ContentSource}
  1277.  
  1278.  
  1279. <br>
  1280.  
  1281.  
  1282. <!------------------------ INFO AND SYMBOLS ENDS ---------------------->
  1283.  
  1284. <div id="tags">{block:HasTags}{block:Tags}&nbsp;❁&nbsp; <a href="{TagURL}" title="{Tag}"> {Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1285. </div>&nbsp;
  1286.  
  1287.  
  1288. {/block:Posts}
  1289. <div class="note">
  1290. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1291. </div></div>
  1292.  
  1293. {/block:Posts}
  1294.  
  1295.  
  1296. </div>
  1297. </div>
  1298. </div>
  1299.  
  1300. </body>
  1301.  
  1302.  
  1303.  
  1304.  
  1305.  
  1306. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!