API tools faq
paste
Advertisement
Guest User

hello fallon it's me again

a guest
Apr 24th, 2018
91
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.84 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. This code has been written by http://ddkinzart.tumblr.com
  3. Do not sell, repost, remove credit or claim as your own.
  4.  
  5. __ ____ _ __
  6. ____/ /___/ / /__(_)___ ____ ____ ______/ /_
  7. / __ / __ / //_/ / __ \/_ / / __ `/ ___/ __/
  8. / /_/ / /_/ / ,< / / / / / / /_/ /_/ / / / /_
  9. \__,_/\__,_/_/|_/_/_/ /_/ /___/\__,_/_/ \__/
  10. __ __ __
  11. / /_/ /_ ___ ____ ___ ___ _________ ____/ /__
  12. / __/ __ \/ _ \/ __ `__ \/ _ \ / ___/ __ \/ __ / _ \
  13. / /_/ / / / __/ / / / / / __/ / /__/ /_/ / /_/ / __/
  14. \__/_/ /_/\___/_/ /_/ /_/\___/ \___/\____/\__,_/\___/
  15.  
  16. -->
  17.  
  18. <html>
  19. <head>
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}" />
  25. {/block:Description}
  26. </head>
  27.  
  28. <!--tooltip script (it's to edit the way the title of your links look when you hover over them -->
  29. <style>figure{margin:0}.tmblr-iframe{position:absolute}.tmblr-iframe.hide{display:none}</style><link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  30. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  31. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  32. <script>
  33. (function($){
  34. $(document).ready(function(){
  35. $("[title]").style_my_tooltips({
  36. tip_follows_cursor:true,
  37. tip_delay_time:200,
  38. tip_fade_speed:500
  39. });
  40. });
  41. })(jQuery);
  42. </script>
  43.  
  44. <!--pop up tabs script-->
  45. <script>
  46. $(document).ready(function(){
  47. $("ul#tabs li").click(function(e){
  48. if (!$(this).hasClass("active")) {
  49. var tabNum = $(this).index();
  50. var nthChild = tabNum+1;
  51. $("ul#tabs li.active").removeClass("active");
  52. $(this).addClass("active");
  53. $("ul#tab li.active").removeClass("active");
  54. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  55. }
  56. });
  57. });
  58. </script>
  59. <!--script end-->
  60.  
  61. <!--tooltip script end-->
  62. <!--pop up script-->
  63. <script type="text/javascript"
  64. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  65. <script>
  66. $(document).ready(function() {
  67. //
  68. $('a.poplight[href^=#]').click(function() {
  69. var popID = $(this).attr('rel'); //Get Popup Name
  70. var popURL = $(this).attr('href'); //Get Popup href to define size
  71. var query= popURL.split('?');
  72. var dim= query[1].split('&');
  73. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  74. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="escape" alt="escape" /></a>');
  75. var popMargTop = ($('#' + popID).height() + 80) / 2;
  76. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  77. //Apply Margin to Popup
  78. $('#' + popID).css({
  79. 'margin-top' : -popMargTop,
  80. 'margin-left' : -popMargLeft
  81. });
  82. $('body').append('<div id="fade"></div>');
  83. $('#fade').css({'filter' : 'alpha(opacity=100)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  84. return false;
  85. });
  86. $('a.close, #fade').live('click', function() {
  87. $('#fade , .popup_block').fadeOut(function() {
  88. $('#fade, a.close').remove(); //fade them both out
  89. });
  90. return false;
  91. });
  92. });
  93. </script>
  94. <!--ask pop script end-->
  95.  
  96. <style type="text/css">
  97.  
  98. /*cursor code, change image to change cursor*/
  99. /*find more at http://pixel-soup.tumblr.com/tagged/cursors */
  100.  
  101. *, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto }
  102. a:hover { cursor:url("http://68.media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif"), auto } /*this defines the pointer cursor*/
  103.  
  104. /*these are the custom fonts, you can install more just by pasting the code here*/
  105.  
  106.  
  107. @font-face{font-family:"nightingale";src:url('http://static.tumblr.com/zx3ibzm/mLdovzrvz/nightingale_sample.ttf');}
  108. @font-face{font-family:"bebas neue";src:url('http://static.tumblr.com/zx3ibzm/JgJovyuzq/bebasneue.otf');}
  109. @font-face{font-family:"sail";src:url('http://static.tumblr.com/it5srtk/bSzowedx5/sail-regular.otf');}
  110. @font-face{font-family:"cavier dreams";src:url('https://dl.dropboxusercontent.com/s/uubyziybvh00j4f/CaviarDreams.ttf');}
  111.  
  112. /*selection color*/
  113.  
  114. ::-moz-selection { /* Code for Firefox */
  115. color: #fff; /*text color of selected text*/
  116. background: #576d8c; /*color of selection bg*/
  117. }
  118.  
  119. ::selection {
  120. color: #fff; /*text color of selected text*/
  121. background: #576d8c; /*color of selection bg*/
  122. }
  123.  
  124. /*selection color end*/
  125.  
  126. ::-webkit-scrollbar-thumb {
  127. background-color:transparent; /*scrollbar's slider color*/
  128. background-image:url('URL HERE'); /*optional background image*/
  129. height:0px;
  130. -moz-border-radius: 50px; /*these make bar rounded*/
  131. border-radius: 50px;
  132. }
  133.  
  134. ::-webkit-scrollbar {
  135. height:0px;
  136. width:1px; /*width of slider*/
  137. background-color:transparent; /*scrollbar's main color*/
  138. background-image:url('URL HERE'); /*optional background image*/
  139. }
  140.  
  141. /*the code here is to reduce the opacity of an image and make it more visible on hover, you can remove it if you want your image to always be at 100%*/
  142.  
  143. img, iframe {
  144.  
  145. opacity:0.8; /*change this to change visibility, set it to 1 if you want it completely visible*/
  146.  
  147. -moz-transition-duration: 0.5s;
  148.  
  149. -o-transition-duration: 0.5s;
  150.  
  151. -webkit-transition-duration: 0.5s;
  152.  
  153. transition-duration: 0.5s;
  154.  
  155. padding:5px;
  156. }
  157.  
  158.  
  159.  
  160. img:hover,iframe:hover {
  161.  
  162. opacity:1;
  163.  
  164. -webkit-filter:none;
  165.  
  166. -moz-transition-duration: 0.5s;
  167.  
  168. -o-transition-duration: 0.5s;
  169.  
  170. -webkit-transition-duration: 0.5s;
  171.  
  172. transition-duration: 0.5s;}
  173.  
  174. /*HOVER IMAGE CODE END*/
  175.  
  176.  
  177. body {
  178. background-color:#090a0b; /*set this the same color as your background image to avoid black areas on different resolutions*/
  179. background-image:url('https://i.imgur.com/0TFBA7I.png'); /*bg image goes here*/
  180. background-attachment: fixed;
  181. background-repeat: no-repeat;
  182. background-position: left top;
  183. color:#fff; /*body font color*/
  184. text-shadow: 0px 0px 3px #000;
  185. font-family: calibri;
  186. text-align:justify;
  187. font-size: 10px;
  188. letter-spacing:2px;
  189. }
  190.  
  191. /* THE VERSES TABS */
  192.  
  193.  
  194. ul#tabs {
  195. list-style-type: none;
  196. padding: 0;
  197. text-align: center;
  198. font-size:8px;
  199. letter-spacing:1px;
  200. text-shadow:1px 1px 0px #4c4c4c,
  201. 1px -1px 0px #4c4c4c,
  202. -1px -1px 0px #4c4c4c,
  203. -1px 1px 0px #4c4c4c,
  204. 0px 1px 0px #4c4c4c,
  205. 0px -1px 0px #4c4c4c,
  206. 1px 0px 0px #4c4c4c,
  207. -1px 0px 0px #4c4c4c;
  208.  
  209. }
  210.  
  211.  
  212.  
  213. ul#tabs li {
  214. background-image: url('https://66.media.tumblr.com/2c197e62689eac4fbb4c730663c0bd14/tumblr_oc4aa3bqcg1ud4mdwo2_r1_400.gif');
  215. background-repeat:repeat;
  216. background-attachment:fixed;
  217. border-left: double 3px #000;
  218. border-top: double 3px #000;
  219. border-right: double 3px #000;
  220. border-bottom: double 3px #000;
  221. color:#e6e6e6;
  222. text-shadow:1px 1px 0px #000,
  223. 1px -1px 0px #000,
  224. -1px -1px 0px #000,
  225. -1px 1px 0px #000,
  226. 0px 1px 0px #000,
  227. 0px -1px 0px #000,
  228. 1px 0px 0px #000,
  229. -1px 0px 0px #000;
  230. display: inline-block;
  231. padding: 4px 10px;
  232. margin-bottom: 4px;
  233. cursor: pointer;
  234. }
  235.  
  236.  
  237.  
  238. ul#tabs li:hover {
  239. background-color: transparent;
  240. color: #eaeaea;
  241. }
  242.  
  243. ul#tabs li.active {
  244. background-image: url('');
  245. background:#151515;
  246. background-repeat:repeat;
  247. background-attachment:fixed;
  248. border-left: double 3px #000;
  249. border-top: double 3px #000;
  250. border-right: double 3px #000;
  251. border-bottom: double 3px #000;
  252. color:#e6e6e6;
  253. text-shadow:1px 1px 0px #000,
  254. 1px -1px 0px #000,
  255. -1px -1px 0px #000,
  256. -1px 1px 0px #000,
  257. 0px 1px 0px #000,
  258. 0px -1px 0px #000,
  259. 1px 0px 0px #000,
  260. -1px 0px 0px #000;
  261. display: inline-block;
  262. padding: 4px 10px;
  263. margin-bottom: 4px;
  264. cursor: pointer;
  265. }
  266.  
  267.  
  268.  
  269. ul#tab {
  270. list-style-type: none;
  271. margin: 0;
  272. padding: 0;
  273. }
  274.  
  275. ul#tab li {
  276. display: none;
  277. }
  278.  
  279. ul#tab li.active {
  280. display: block;
  281. }
  282.  
  283.  
  284. .pagi {
  285. font-size:25px;
  286. font-family:calibiri;
  287. margin-top:72px; /*change to decide position of pagination*/
  288. margin-left:892px;
  289. color: #fff; /*color of pagination but keep in mind it's also influence by the 'a' codes as it is a link*/
  290. position:fixed;
  291. -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s;
  292. transition-duration: 0.8s; -o-transition-duration: 0.8s;}
  293.  
  294. /*the tooltip is the text that appears when you hover on a link / tag / etc.
  295. this script stylizes it*/
  296.  
  297. #s-m-t-tooltip{
  298. max-width:400px;
  299. margin:15px;
  300. padding:2px 8px;
  301. background-image: url(""); /*include image if you want a background for the tooltip text*/
  302. background: transparent;
  303. background-repeat:repeat;
  304. background-attachment:fixed;
  305. color:#fff;
  306. /*the text shadow determines the outline of the text because there's no easy way to add an outline to it, you can change all the code to another color*/
  307. text-shadow:1px 1px #090a0b,
  308. 1px -1px #090a0b,
  309. 1px 0px #090a0b,
  310. 0px 1px #090a0b,
  311. 0px -1px #090a0b,
  312. -1px 1px #090a0b,
  313. -1px 0px #090a0b,
  314. -1px -1px #090a0b;
  315. z-index:99999999999999999999;
  316. font-size:10px;
  317. letter-spacing:2px;
  318. font-style:bold;
  319. letter-spacing:2px;
  320. font-family: 'nightingale';
  321. text-transform:lowercase;
  322. box-shadow:0px 0px 0px;}
  323.  
  324. #s-m-tooltip:hover {
  325. -webkit-transition: all 0.6s ease-out;
  326. -moz-transition: all 0.6s ease-out;
  327. transition: all 0.6s ease-out;
  328. -o-transition:all 0.6s ease;
  329. -ms-transition: all 0.6s ease-in-out;}
  330.  
  331.  
  332. small,sub,sup {
  333. font-size:10px;
  334. text-shadow: 0px 0px 3px #000;
  335. }
  336.  
  337. b {
  338. color:#e59377;
  339. font-family: 'Playfair Display', serif;
  340. text-transform:uppercase;
  341. text-shadow: 2px 2px 15px #fff;
  342. letter-spacing: 1px;
  343. font-weight:bold;
  344. }
  345.  
  346. i {
  347. color:#95b6b3;
  348. font-family: 'Playfair Display', serif;
  349. text-shadow: 2px 2px 15px #fff;
  350. letter-spacing: 1px;
  351. font-weight:bold;
  352. font-style:italic;
  353. }
  354.  
  355. h1, h2, h3, h4 {
  356. background-image: url('https://31.media.tumblr.com/9348a3347757267167ed4b81dafbf430/tumblr_inline_ofaej6HMNo1uxel8e_500.gif');
  357. background-repeat:repeat;
  358. background-attachment:fixed;
  359. border: 1px white dashed; /*color of border of the titles of the sidebar*/
  360. padding:2px;
  361. color:#fff; /*text color of sidebar titles*/
  362. text-shadow:1px 1px #090a0b,
  363. 1px -1px #090a0b,
  364. 1px 0px #090a0b,
  365. 0px 1px #090a0b,
  366. 0px -1px #090a0b,
  367. -1px 1px #090a0b,
  368. -1px 0px #090a0b,
  369. -1px -1px #090a0b;
  370. /*change all the hex of the text shadow to the same code
  371. to change the outline of the text*/
  372. font-size:9px;
  373. font-family: 'Playfair Display', serif;
  374. text-transform:uppercase;
  375. text-shadow: 2px 2px 15px #fff;
  376. letter-spacing: 1px;
  377. font-weight:bold;
  378. letter-spacing:1px;
  379. text-align:center;}
  380.  
  381.  
  382. a,a:visited,a:active {
  383. color: #fff; /*color of links*/
  384. text-decoration:none;
  385. text-shadow: 0px 0px 3px #7d98ad,
  386. -1px -1px 3px #7d98ad,
  387. 1px 1px 3px #7d98ad,
  388. 1px -1px 3px #7d98ad,
  389. -1px 1px 3px #7d98ad;
  390. /*change all the hex of the text shadow to the same code
  391. to change the outline of the text*/
  392. -moz-transition-duration: 0.6s;
  393. -o-transition-duration: 0.6s;
  394. -webkit-transition-duration: 0.6s;
  395. transition-duration: 0.6s;}
  396.  
  397. a:hover {
  398. color: #7d98ad; /*color of links on hover*/
  399. -webkit-transition: all 0.6s ease-out;
  400. -moz-transition: all 0.6s ease-out;
  401. transition: all 0.6s ease-out;
  402. -o-transition:all 0.6s ease;
  403. -ms-transition: all 0.6s ease-in-out;}
  404.  
  405. /*POST TITLE SETTINGS*/
  406.  
  407. .titulo {
  408.  
  409. font-family: 'sail';
  410. font-size: 23px; /*size of title*/
  411. text-align: center;
  412. text-transform: lowercase;
  413. color: #eae9e9; /*color of title*/
  414. text-shadow: 0px 3px 0 #576d8c,
  415. -1px 2px 0 #576d8c,
  416. 1px 2px 0 #576d8c;
  417.  
  418. }
  419.  
  420. #container {
  421. position:absolute;
  422. left:644px; /*change to position posts to your bg image*/
  423. top:15px;
  424. height:750px;
  425. width:330;/*determines height of container*/
  426. overflow-y:scroll;
  427. opacity:0;/*set this as '1' if you'd like the posts to always appear*/
  428. -webkit-transition: all 0.6s ease-out;
  429. -moz-transition: all 0.6s ease-out;
  430. transition: all 0.6s ease-out;
  431. -o-transition:all 0.6s ease;
  432. -ms-transition: all 0.6s ease-in-out;
  433. }
  434.  
  435. #entries {
  436. background-color:#000; /*set this as background color to hide the image in the background, in the preview case the word reading 'hover' */
  437.  
  438.  
  439. }
  440.  
  441.  
  442. #entries img {
  443. max-width: 100%;
  444. height: auto;
  445.  
  446. }
  447.  
  448. #content {
  449. width:320px; /*determines size of posts*/
  450. margin-bottom:20px;
  451. padding:20px;
  452. }
  453.  
  454.  
  455. #container:hover {
  456. opacity: 1; /*this makes the posts appear on hover if you choose to keep them on '0' opacity when not on hover*/
  457. -webkit-transition: all 0.6s ease-out;
  458. -moz-transition: all 0.6s ease-out;
  459. transition: all 0.6s ease-out;
  460. -o-transition:all 0.6s ease;
  461. -ms-transition: all 0.6s ease-in-out;
  462. }
  463.  
  464. blockquote {
  465. border-left:2px solid #fff; /*color of blockquote*/
  466. padding: 2px 7px;
  467. margin: 3px 0 3px 8px;
  468. }
  469.  
  470. blockquote img {
  471. max-width:100%;
  472. height:auto;
  473. }
  474.  
  475. /*ASK*/
  476.  
  477. #asker {
  478. font-size:15px;
  479. margin-bottom:-20px;
  480. color: #fff; /*color of asker url / anonymous but if a user then it is also determined by 'a' as it will be a link*/
  481. font-family: 'nightingale';
  482. text-align:center;
  483. text-decoration:none;
  484. -webkit-transition: all 0.6s ease-out;
  485. -moz-transition: all 0.6s ease-out;
  486. transition: all 0.6s ease-out;
  487. -o-transition:all 0.6s ease;
  488. -ms-transition: all 0.6s ease-in-out;
  489.  
  490. }
  491.  
  492. #asker a:hover {
  493. -webkit-filter: blur(2px);
  494. -moz-filter: blur(2px);
  495. -o-filter: blur(2px);
  496. -ms-filter: blur(2px);
  497. filter: blur(2px);
  498. transition: all 0.6s ease-out;
  499. }
  500.  
  501. #ask {
  502. background: #000;
  503. background: url("https://31.media.tumblr.com/9348a3347757267167ed4b81dafbf430/tumblr_inline_ofaej6HMNo1uxel8e_500.gif");/*image behind the question*/
  504. background-repeat:repeat;
  505. border-top:inset 2px white; /*top border color of question*/
  506. border-bottom:inset 2px white; /*bottom border color of question*/
  507. padding: 10px 20px 10px 20px;
  508. text-align:center;
  509. border-radius:30px;
  510. text-shadow: 1px 1px #090a0b,
  511. 1px -1px #090a0b,
  512. 1px 0px #090a0b,
  513. 0px 1px #090a0b,
  514. 0px -1px #090a0b,
  515. -1px 1px #090a0b,
  516. -1px 0px #090a0b,
  517. -1px -1px #090a0b;
  518. /*change all the hex of the text shadow to the same code
  519. to change the outline of the text*/
  520. }
  521.  
  522.  
  523. #answer {
  524. padding-top:20px;
  525. }
  526. /*ASK ENDS HERE*/
  527.  
  528. /*CHAT POST BEGINS HERE*/
  529.  
  530. .convo {
  531. font-size: 11px;
  532. text-align:left;
  533. padding:0px;
  534.  
  535. }
  536.  
  537. .convo li {
  538. list-style:none;
  539. }
  540.  
  541. .convo .label {
  542. text-transform: uppercase;
  543. font-weight:bold;
  544.  
  545. }
  546.  
  547. .line_odd .label {
  548. color: #576d8c; /* Color of odd person in the chat */
  549. background: none;
  550. }
  551.  
  552. .line_even .label {
  553. color: #000; /* Color of even person in the chat */
  554. }
  555.  
  556. .line_even {
  557. background: #222930; /*background color of even chat*/
  558. margin:12px;
  559. padding: 5px;
  560. color: #f9f9f9; /*color of even text*/
  561. }
  562.  
  563. .line_odd {
  564. background: #090a0b; /*background color of odd chat*/
  565. margin:12px;
  566. padding: 5px;
  567. color: #f9f9f9; /*color of odd text*/
  568. }
  569.  
  570.  
  571.  
  572.  
  573. /*CHAT POST ENDS HERE*/
  574.  
  575. /*QUOTE BEGINS HERE*/
  576.  
  577. /*I have the first letter stylized to be the same as the quote, but you can remove that part by simply deleting the p::first-letter*/
  578.  
  579. .quote, {
  580. font-family: 'sail';
  581. font-size: 23px;
  582. text-align: center;
  583. color: #eae9e9; /*color of quote*/
  584. text-shadow: 0px 3px 0 #576d8c,
  585. -1px 2px 0 #576d8c,
  586. 1px 2px 0 #576d8c;
  587. }
  588.  
  589.  
  590.  
  591. /*QUOTE ENDS HERE*/
  592.  
  593.  
  594. /*LINK POST BEGIN*/
  595.  
  596. #linku {
  597. text-transform:uppercase;
  598. text-align:center;
  599. letter-spacing:0px;
  600. font-weight:normal;
  601. font-family: 'bebas neue';
  602. font-size:14px;
  603. }
  604.  
  605. /*LINK POST END*/
  606.  
  607. /*SIDE BAR / DESCRIPTION BEGINS HERE*/
  608.  
  609. #boxy {
  610. position:fixed;
  611. top:305px; /*position of the box*/
  612. overflow:scroll;
  613. height:150px; /*determines height of the box - increase it if you have too much text and want to avoid scrollbar*/
  614. margin-left:1028px;
  615. opacity:0.6;
  616. -webkit-transition: all 0.7s ease;
  617. -moz-transition: all 0.7s ease;
  618. -o-transition: all 0.7s ease;}
  619.  
  620. #boxy:hover {
  621. opacity:1;
  622. -webkit-transition: all 0.7s ease;
  623. -moz-transition: all 0.7s ease;
  624. -o-transition: all 0.7s ease;
  625. }
  626.  
  627. #despacito {
  628. margin-top:10px;
  629. width:190px; /*determines width of description*/
  630. text-align:center;
  631.  
  632. }
  633.  
  634. /*SIDE BAR / DESCRIPTION END*/
  635.  
  636. /*TAGS AND INFO BEGINS HERE*/
  637. .permalinks {
  638. text-align:center;
  639. margin-top:15px;
  640. padding-top: 5px;
  641. padding-bottom: 5px;
  642. font-size:9px;
  643. color:#fff;
  644. text-transform:uppercase;
  645. border-top: solid 1px #fff; /*color of the line above permalinks*/
  646. border-bottom: solid 1px #fff; /*color of the line below permalinks*/
  647. border-radius:25px; /*increase to make border round*/
  648. -moz-transition-duration:.6s;
  649. -webkit-transition-duration:.6s;
  650. -o-transition-duration:.6s;
  651. -webkit-filter: blur(0px);
  652. background-image: url(''); /*you can insert image here for the permalinks bg*/
  653.  
  654. }
  655.  
  656. .permalinks a {
  657. font-family:calibri;
  658. font-size:9px;
  659. color:7d98ad;
  660. font-weight:bold;
  661. text-shadow: 0px 0px 3px #1f4f7c;
  662. text-decoration:none;
  663. }
  664.  
  665.  
  666. .permalinks a:hover {
  667. color:#fff;
  668. -webkit-transition: all 0.5s ease-in-out;
  669. -moz-transition: all 0.5s ease-in-out;
  670. -o-transition: all 0.5s ease-in-out;
  671. -ms-transition: all 0.5s ease-in-out;
  672. transition: all 0.5s ease-in-out;
  673. }
  674.  
  675. .tags {
  676.  
  677. padding-top:10px;
  678. text-align:center;
  679. padding-left:5px;
  680. padding-right:15px;
  681. color: #576d8c; /*this determines the color of the small symbol (by default a hashtag but you can change it) next to the tags*/
  682. font-size:9px;
  683. text-shadow:0px 0px 3px #576d8c
  684. }
  685.  
  686. .tags a {
  687. color:#f7f7f7; /*change this for the actual color of the tags*/
  688. font-size:8px;
  689. font-weight:bold;
  690. font-family:calibri;
  691. text-transform:uppercase;
  692. text-shadow:0px 0px 3px #576d8c
  693. letter-spacing:0px;
  694.  
  695. }
  696.  
  697.  
  698. .tags a:hover {
  699. color: #576d8c; /*tag color on hover*/
  700. -webkit-transition: all 0.5s ease-in-out;
  701. -moz-transition: all 0.5s ease-in-out;
  702. -o-transition: all 0.5s ease-in-out;
  703. -ms-transition: all 0.5s ease-in-out;
  704. transition: all 0.5s ease-in-out;
  705.  
  706. }
  707.  
  708.  
  709. /*POP UP CODES AND LINKS BEGIN*/
  710.  
  711.  
  712. #pops {
  713. position:fixed;
  714.  
  715. }
  716.  
  717.  
  718. #linku1 {
  719. position:fixed;
  720. font-size:25px;
  721. text-decoration:none;
  722. transform: rotate(10deg);
  723. -ms-transform: rotate(10deg);
  724. -webkit-transform: rotate(10deg);
  725. -o-transform: rotate(10deg);
  726. -moz-transform: rotate(10deg);
  727. margin-left:360px;
  728. margin-top:105px;
  729. }
  730.  
  731. #linku1:hover {
  732. -webkit-filter: blur(3px);
  733. -moz-filter: blur(3px);
  734. -o-filter: blur(3px);
  735. -ms-filter: blur(3px);
  736. filter: blur(3px);
  737. -webkit-transition: all 0.5s ease-in-out;
  738. -moz-transition: all 0.5s ease-in-out;
  739. -o-transition: all 0.5s ease-in-out;
  740. -ms-transition: all 0.5s ease-in-out;
  741. transition: all 0.5s ease-in-out;
  742. }
  743.  
  744. #linku2 {
  745. position:fixed;
  746. font-size:22px;
  747. text-decoration:none;
  748. transform: rotate(30deg);
  749. -ms-transform: rotate(30deg);
  750. -webkit-transform: rotate(30deg);
  751. -o-transform: rotate(30deg);
  752. -moz-transform: rotate(30deg);
  753. margin-left:395px;
  754. margin-top:131px;
  755. }
  756.  
  757. #linku2:hover {
  758. -webkit-filter: blur(3px);
  759. -moz-filter: blur(3px);
  760. -o-filter: blur(3px);
  761. -ms-filter: blur(3px);
  762. filter: blur(3px);
  763. -webkit-transition: all 0.5s ease-in-out;
  764. -moz-transition: all 0.5s ease-in-out;
  765. -o-transition: all 0.5s ease-in-out;
  766. -ms-transition: all 0.5s ease-in-out;
  767. transition: all 0.5s ease-in-out;
  768. }
  769.  
  770. #linku3 {
  771. position:fixed;
  772. font-size:18px;
  773. text-decoration:none;
  774. transform: rotate(30deg);
  775. -ms-transform: rotate(30deg);
  776. -webkit-transform: rotate(30deg);
  777. -o-transform: rotate(30deg);
  778. -moz-transform: rotate(30deg);
  779. margin-left:430px;
  780. margin-top:160px;
  781. }
  782.  
  783. #linku3:hover {
  784. -webkit-filter: blur(3px);
  785. -moz-filter: blur(3px);
  786. -o-filter: blur(3px);
  787. -ms-filter: blur(3px);
  788. filter: blur(3px);
  789. -webkit-transition: all 0.5s ease-in-out;
  790. -moz-transition: all 0.5s ease-in-out;
  791. -o-transition: all 0.5s ease-in-out;
  792. -ms-transition: all 0.5s ease-in-out;
  793. transition: all 0.5s ease-in-out;
  794. }
  795.  
  796. #linku4 {
  797. position:fixed;
  798. font-size:16px;
  799. text-decoration:none;
  800. transform: rotate(30deg);
  801. -ms-transform: rotate(30deg);
  802. -webkit-transform: rotate(30deg);
  803. -o-transform: rotate(30deg);
  804. -moz-transform: rotate(30deg);
  805. margin-left:460px;
  806. margin-top:190px;
  807. }
  808.  
  809. #linku4:hover {
  810. -webkit-filter: blur(3px);
  811. -moz-filter: blur(3px);
  812. -o-filter: blur(3px);
  813. -ms-filter: blur(3px);
  814. filter: blur(3px);
  815. -webkit-transition: all 0.5s ease-in-out;
  816. -moz-transition: all 0.5s ease-in-out;
  817. -o-transition: all 0.5s ease-in-out;
  818. -ms-transition: all 0.5s ease-in-out;
  819. transition: all 0.5s ease-in-out;
  820. }
  821.  
  822. #linku5 {
  823. position:fixed;
  824. font-size:13px;
  825. text-decoration:none;
  826. transform: rotate(-90deg);
  827. -ms-transform: rotate(-90deg);
  828. -webkit-transform: rotate(-90deg);
  829. -o-transform: rotate(-90deg);
  830. -moz-transform: rotate(-90deg);
  831. margin-left:465px;
  832. margin-top:223px;
  833. }
  834.  
  835. #linku5:hover {
  836. -webkit-filter: blur(3px);
  837. -moz-filter: blur(3px);
  838. -o-filter: blur(3px);
  839. -ms-filter: blur(3px);
  840. filter: blur(3px);
  841. -webkit-transition: all 0.5s ease-in-out;
  842. -moz-transition: all 0.5s ease-in-out;
  843. -o-transition: all 0.5s ease-in-out;
  844. -ms-transition: all 0.5s ease-in-out;
  845. transition: all 0.5s ease-in-out;
  846. }
  847.  
  848. #linku6 {
  849. position:fixed;
  850. font-size:13px;
  851. text-decoration:none;
  852. transform: rotate(-90deg);
  853. -ms-transform: rotate(-90deg);
  854. -webkit-transform: rotate(-90deg);
  855. -o-transform: rotate(-90deg);
  856. -moz-transform: rotate(-90deg);
  857. margin-left:485px;
  858. margin-top:250px;
  859.  
  860. }
  861.  
  862. #linku6:hover {
  863. -webkit-filter: blur(3px);
  864. -moz-filter: blur(3px);
  865. -o-filter: blur(3px);
  866. -ms-filter: blur(3px);
  867. filter: blur(3px);
  868. -webkit-transition: all 0.5s ease-in-out;
  869. -moz-transition: all 0.5s ease-in-out;
  870. -o-transition: all 0.5s ease-in-out;
  871. -ms-transition: all 0.5s ease-in-out;
  872. transition: all 0.5s ease-in-out;
  873. }
  874.  
  875.  
  876.  
  877.  
  878. .popup_block{
  879. display:none;
  880. background:#000;
  881. padding:20px;
  882. border:0px solid #eee; /* if you want a solid white pop-up, delete this */
  883. float:left;
  884. height: 400px;
  885. width:320px;
  886. top:315px; left:845px;
  887. position:fixed;
  888. z-index: 99999;
  889. -webkit-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  890. -moz-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  891. box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  892. }
  893.  
  894.  
  895. *html #fade {position: absolute;}
  896. *html .popup_block {position: absolute;}
  897. #fade {
  898. display:none;
  899. position:fixed;
  900. left:0px;
  901. top:0px;
  902. width:100%;
  903. height:100%;
  904. z-index:9999;
  905. background:#000; /* change to #fff for solid white */
  906. opacity:0; /* change to opacity:1; */
  907. }
  908.  
  909.  
  910.  
  911. .popupnavlinks {
  912. padding-top:5px;
  913. text-align:center; }
  914.  
  915.  
  916. .popupnavlinks a {
  917. display:inline-block;
  918. width:90px; height:4px;
  919. margin:2px; padding:3px 6px 10px;
  920. text-align:center;
  921. background-image: url('');
  922. background:#0d0d0d;
  923. background-repeat:repeat;
  924. background-attachment:fixed;
  925. border-left: double 3px #000;
  926. border-top: double 3px #000;
  927. border-right: double 3px #000;
  928. border-bottom: double 3px #000;
  929. color:#e6e6e6;
  930. font-size:9px;
  931. font-family:calibri;
  932. text-shadow:1px 1px 0px #000,
  933. 1px -1px 0px #000,
  934. -1px -1px 0px #000,
  935. -1px 1px 0px #000,
  936. 0px 1px 0px #000,
  937. 0px -1px 0px #000,
  938. 1px 0px 0px #000,
  939. -1px 0px 0px #000;
  940. display: inline-block;
  941. cursor: pointer;
  942. }
  943.  
  944.  
  945.  
  946. .popupnavlinks a:hover {
  947. display:inline-block;
  948. letter-spacing:2px; }
  949.  
  950.  
  951.  
  952. .popupclose {
  953. float:right; top:0px; right:0px;
  954. margin-top:-5px; margin-right:-10px;
  955. font-family:'Scada', sans serif;
  956. font-size:5px;
  957. font-weight:bold }
  958.  
  959. .popupclose a {
  960. color:#aaa }
  961.  
  962.  
  963.  
  964. /*POP UP END*/
  965.  
  966. /*CODE FOR MAINS / EXCLUSIVES, feel free to remove if you do not wish to include*/
  967.  
  968. .embers {
  969. position:fixed;
  970. top:448px;
  971. left:847px; /*determines the position of the icon*/
  972. opacity:.8;
  973. z-index:999;
  974. -webkit-filter: blur(0px);
  975. -webkit-transition: 0.8s ease-in;
  976. -moz-transition: 1s ease-in;
  977. transition: 1s ease-in;
  978. -webkit-filter: drop-shadow(2px 2px 3px #222); /*determines color of shadow behind image*/
  979. filter: drop-shadow(2px 2px 3px #222); /*determines color of shadow behind image*/
  980. }
  981.  
  982. .embers a {
  983. margin-right:0px;
  984. -webkit-filter: blur(0px);
  985. -webkit-transition: 0.8s ease-in;
  986. -moz-transition: 1s ease-in;
  987. transition: 1s ease-in;
  988. }
  989.  
  990. .embers a:hover {
  991. -webkit-filter: blur(0px);
  992. opacity:1;
  993. -webkit-transition: all 0.6s ease-in-out;
  994. -moz-transition: all 0.6s ease-in-out;
  995. -o-transition: all 0.6s ease-in-out;
  996. -ms-transition: all 0.6s ease-in-out;
  997. transition: all 0.6s ease-in-out;
  998. }
  999.  
  1000. /*MAIN / EXCLUSIVES ENTRY END*/
  1001.  
  1002.  
  1003. /* DO NOT REMOVE THIS PART OR MAKE A COLOR THAT IS NOT VISIBLE */
  1004. .credit {
  1005. font-weight:bold;
  1006. border-top:dashed 1px #fff;
  1007. border-right:dashed 1px #fff;
  1008. border-left:dashed 1px #fff;
  1009. background:#242424;
  1010. color:#fff;
  1011. padding:10px;
  1012. font-size:15px;
  1013. bottom:0px;
  1014. right:20px;
  1015. position:fixed;
  1016. font-family:'sail';
  1017. -webkit-filter: blur(.5px);
  1018. -moz-filter: blur(.5px);
  1019. -o-filter: blur(.5px);
  1020. -ms-filter: blur(.5px);
  1021. filter: blur(.5px);
  1022.  
  1023. }
  1024. /*CREDIT END*/
  1025.  
  1026. </style>
  1027.  
  1028. <body>
  1029. <!--sidebar begins here-->
  1030. <div id="boxy">
  1031. <div id="despacito">
  1032. <h3>she wore a</h3>
  1033. independent & selective <b>natasha romanoff</b> penned by <i>cherry</i>.
  1034. <h3>smile like a</h3>
  1035. <b>mcu</b> based with some <i>616</i> influence.
  1036. <h3>loaded gun</h3>
  1037. so pull the <b>trigger</b>.
  1038. </div>
  1039. </div>
  1040.  
  1041. <!--sidebar end-->
  1042.  
  1043. <!--this is where you edit the size and titles of the scattered links, you can edit their content way below though. The #?w= determines the width of the pop up, make sure to give your popups different box numbers-->
  1044. <div id="pops">
  1045. <div id="linku1"> <a href="/" title="HOME.">✦</a></div>
  1046. <div id="linku2"> <a href="#?w=500" rel="box1" class="poplight" title="ASK.">✦</a></div>
  1047. <div id="linku3"> <a href="#?w=500" rel="box4" class="poplight" title="NAVIGATION.">✦</a></div>
  1048. <div id="linku4"> <a href="#?w=320" rel="box3" class="poplight" title="RULES.">✦</a></div>
  1049. <div id="linku5"> <a href="#?w=320" rel="verses" class="poplight" title="VERSES.">✦</a></div>
  1050. <div id="linku6"> <a href="#?w=320" rel="box5" class="poplight" title="ABOUT.">✦</a></div>
  1051.  
  1052. </div>
  1053. </div>
  1054.  
  1055. <!--/* DO /NOT/ REMOVE THIS PART OR MAKE A COLOR THAT IS NOT VISIBLE */-->
  1056. <div class="credit"><a href="http://ddkinzart.tumblr.com" title="code by ddkinzart">D.</a></div>
  1057.  
  1058. <!--below is where the post structure begins, don't edit below this point if you're not familiar with coding or tumblr theme attritibutes-->
  1059.  
  1060. {block:Pagination}
  1061. <div class="pagi">
  1062. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  1063. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  1064. </div>
  1065. {/block:Pagination}
  1066. <div id="container">
  1067. <div id="entries">
  1068. {block:Posts}
  1069. <div id="content">
  1070. {block:Text}{block:Title}<div class="titulo">{Title}</div>{/block:Title}{Body}{/block:Text}
  1071. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1072. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1073.  
  1074. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}
  1075. {/block:Photoset}
  1076.  
  1077. {block:Quote}<div class="quote">{Quote}</div>{block:Source}{Source}{/block:Source}{/block:Quote}
  1078. {block:Link}
  1079. {block:Thumbnail}
  1080. <img src="{Thumbnail}" alt="{Name}" style="width:95%;border-radius:25px">
  1081. {/block:Thumbnail}
  1082. <div id="linku">
  1083. <span style="font-size:20px">❝ </span> <a href="{URL}" class="link" {Target}>{Name}</a><span style="font-size:20px"> ❞</span>
  1084. </div>
  1085. {/block:Link}
  1086.  
  1087. {block:Chat}
  1088. {block:Title}
  1089. <div class="titulo">{Title}</div>{/block:Title}<br>
  1090. <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  1091. {Line}</li>{/block:Lines}</ul>
  1092. {/block:Chat}
  1093.  
  1094. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1095. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1096. {block:Answer}
  1097. <div id="asker" style="text-align:center;">{Asker}</div><div id="ask">{Question}</div>
  1098. <div id="answer">
  1099. {Answer}</div>
  1100. {/block:Answer}
  1101. <div class="permalinks">
  1102. {block:RebloggedFrom}
  1103. <a href="{ReblogParentURL}" title="via: {ReblogParentName}" > ✦ </a>
  1104. {/block:RebloggedFrom}
  1105. <span style="letter-spacing:-0.5px">posted </span><a href="{Permalink}" title="{timeago}" style="letter-spacing:-0.1px;"> &nbsp;{timeago}</a>{block:NoteCount} with
  1106. <a href="{Permalink}" title="{NoteCount} hits."> {NoteCount}</a> hits.{/block:NoteCount}
  1107. {block:ContentSource}
  1108. <a href="{SourceURL}" title="source: {SourceTitle}"> ✦ </a>
  1109. {/block:ContentSource}
  1110. <a href="{ReblogURL}" title="reblog" target="_blank"> ✦ </a>
  1111. {/block:RebloggedFrom}
  1112. </div>
  1113. <div class="tags">
  1114. {block:HasTags}
  1115. {block:Tags}
  1116. <!--you can change symbol before tags to something else--># <a href="{TagURL}" title="{Tag}">{Tag}</a>
  1117. {/block:Tags}
  1118. {/block:HasTags}
  1119. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1120.  
  1121. </div></div>
  1122. {/block:Posts}
  1123. </div>
  1124. </div>
  1125. </body>
  1126.  
  1127.  
  1128. <!--This is where the pop up begins, you can edit beyond this point-->
  1129.  
  1130.  
  1131. <div id="box1" class="popup_block">
  1132.  
  1133. <h3>
  1134. dangerous woman, smart girl.
  1135. </h3>
  1136.  
  1137. <center>
  1138.  
  1139.  
  1140. <br>
  1141.  
  1142. <p><iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/reddeathed.tumblr.com" width="320"></iframe></p>
  1143.  
  1144. </div>
  1145.  
  1146. </center>
  1147.  
  1148.  
  1149. <div id="box4" class="popup_block">
  1150.  
  1151.  
  1152. <div style="width:auto;height:350px;overflow:scroll;padding:5px;">
  1153.  
  1154.  
  1155. <h1>NAVIGATION</h1>
  1156.  
  1157.  
  1158. <div class="popupnavlinks">
  1159.  
  1160. <a href="/tagged/whatever">LINK</a>
  1161. <a href="/tagged/whatever">LINK</a>
  1162. <br>
  1163. <a href="/tagged/whatever">LINK</a>
  1164. <a href="/tagged/whatever">LINK</a>
  1165. <br>
  1166. <a href="/tagged/whatever">LINK</a>
  1167. <a href="/tagged/whatever">LINK</a>
  1168. <br>
  1169. <a href="/tagged/whatever">LINK</a>
  1170. <a href="/tagged/whatever">LINK</a>
  1171. <br>
  1172. <a href="/tagged/whatever">LINK</a>
  1173. <a href="/tagged/whatever">LINK</a>
  1174. <br>
  1175. <a href="/tagged/whatever">LINK</a>
  1176. <a href="/tagged/whatever">LINK</a>
  1177. <br>
  1178. <a href="/tagged/whatever">LINK</a>
  1179. <a href="/tagged/whatever">LINK</a>
  1180.  
  1181.  
  1182. <br><br><br>
  1183.  
  1184.  
  1185. </div>
  1186. </div>
  1187. </div>
  1188.  
  1189.  
  1190.  
  1191.  
  1192.  
  1193. <div id="box3" class="popup_block">
  1194.  
  1195. <div style="width:auto;height:350px;overflow:scroll;padding:5px;">
  1196.  
  1197.  
  1198. <h1>* guidelines .</h1>
  1199. <blockquote>hey ghouls, it's your girl <b>cherry</b>. i'm currently <i>nineteen</i>, go by <i>she/her</i> pronouns and switch between <i>est</i> and <i>gmt</i> dependent on my school schedules. i am just your typical wine mom who coincidentally happens to be complete marvel trash. feel free to drop an im or ask for my discord <b><i>(</i></b> if we're mutuals <b><i>)</i></b> if you ever want to chat or plot x</blockquote>
  1200. <b>one, selectivity.</b> i'd like to say i am semi-selective especially because i am still fairly new at portraying natasha and would like to put my comfort first and foremost. i am open to rping with any canons and ocs <b><i>!</i></b> i am familiar with a fair number of fandoms so i am always open to interacting with canons of other fandoms outside of marvel. i would also like to emphasize that if i follow you that means i really do want to <b>interact</b> with you <b><i>!</i></b> this blog will be multi-verse and multi-ship, everything is to be assumed unconnected unless plotted otherwise.<br><br>
  1201.  
  1202. <b>two, triggers/nsfw.</b> this blog will be heavily based on mature themes. i will tag everything accordingly but should i ever forget to tag something or reblog something that you would like tagged, please let me know immediately <b><i>!</i></b> i would never want to make anyone uncomfortable. with that being said, some of the themes that may be prevalent on the blog are: <i>murder, violence, torture</i>. natasha doesn't come from a light background and that will be reflected. <br><br>
  1203.  
  1204. <b>three, disclaimer.</b> i, of course, do not have any affiliation with marvel nor the character of natasha romanoff. what i really want to put a disclaimer on is the fact that i am still fairly <i>new</i> at playing natasha, it's only been a couple of months and i am still finding my rhythm with her. she is a character that i adore greatly and wish to do justice. <br><br>
  1205.  
  1206. <b>four, chemisty.</b> i ship based purely on chemistry. granted, it's definitely not easy to get natasha to open up to that point but it's definitely not impossible either. i don't have any anti-ships when it comes to the marvel universe and am, of course, open to any ships with ocs and canons of other fandoms. i am however <i>ship exclusive</i> with one bucky barnes, meaning i would happily interact with other buckys but in regards to a romantic relationship, it will be exclusive to <b>@cryoscarred</b>. i am always, always, <i>always</i> up for plotting so please feel free to im if you're interested <b><i>!</i></b><br><br>
  1207.  
  1208. <b>five, general.</b> i am not picky with formatting at all. i do have my own way of formatting and do not expect any of my partners to have to match that in any way shape or form. i am happy to interact with you regardless of what types of icons, gifs, formatting, etc you use. no godmodding will ever take place on this blog unless such actions have been planned before hand so i ask that you don't godmod natasha either. other than that, i thank you for giving my rules a read and hope you wish to come interact with me and my darling natasha <b><i>!</i></b> i swear i'm super friendly and will jump with joy if you ever wish to im me to plot or even just be pals <b><i>!</i></b><br><br>
  1209. <b>six, credit.</b> the theme credit goes to <b>@ddkinzart</b> however has been heavily edited by myself. credit for the pop up tabs however go to <b>@agirlingrey</b> <b><i>!</i></b>
  1210. </div></div></div>
  1211.  
  1212.  
  1213.  
  1214. <div id="verses" class="popup_block">
  1215.  
  1216. <h3>verses</h3>
  1217.  
  1218. <ul id="tabs">
  1219. <li class="active">MAIN.</li>
  1220. &nbsp;
  1221. <li>AU.</li>
  1222. &nbsp;
  1223. <li>GROUP.</li>
  1224. </ul>
  1225.  
  1226. <div style="width:auto;height:270px;overflow:scroll;padding:5px;">
  1227.  
  1228.  
  1229.  
  1230. <ul id="tab">
  1231. <li class="active">
  1232.  
  1233.  
  1234. <img src="https://66.media.tumblr.com/699b381a89b724bc66cf9769467ec74c/tumblr_oc493jqna11ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1235. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE NAME.</a></big>
  1236.  
  1237. <br><br>
  1238.  
  1239. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce scelerisque nec orci ac elementum. Etiam dictum leo in leo fringilla, at ultricies arcu venenatis. Ut dignissim pretium volutpat. Nullam pharetra, nunc volutpat porttitor congue, libero felis tincidunt quam, at hendrerit velit augue vel odio. Praesent tincidunt lorem vitae maximus porta. Suspendisse hendrerit ut velit eget mattis. Proin malesuada efficitur ligula, a posuere sapien mollis et. Etiam volutpat in lectus at malesuada. Nunc et interdum leo.
  1240.  
  1241. <br><br><br>
  1242.  
  1243. <img src="https://66.media.tumblr.com/699b381a89b724bc66cf9769467ec74c/tumblr_oc493jqna11ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1244. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE NAME.</a></big>
  1245.  
  1246. <br><br>
  1247.  
  1248. Pellentesque a nisl venenatis, ultricies odio et, malesuada est. Mauris eros dolor, rhoncus vestibulum lorem nec, vestibulum ornare magna. Donec posuere ante mattis lectus bibendum, nec fermentum ante ullamcorper. Fusce blandit velit ac metus convallis ultricies. Quisque turpis nulla, scelerisque et orci ac, pellentesque ullamcorper odio. Fusce at auctor elit. Sed eu odio sodales est dapibus dictum in et ex. Nulla a elementum eros.
  1249.  
  1250.  
  1251.  
  1252. </li>
  1253. <li>
  1254.  
  1255.  
  1256.  
  1257. <img src="https://67.media.tumblr.com/e96479e79dfc7c4d439cd8bf87e11a4a/tumblr_oc48lgd1hg1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1258. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE NAME.</a></big>
  1259.  
  1260. <br><br>
  1261.  
  1262. Proin blandit sollicitudin aliquet. Donec sed malesuada nibh. Sed quis fermentum velit. Praesent tincidunt, lectus in bibendum ornare, odio odio mattis purus, sit amet molestie orci velit et justo. Nunc cursus porta vestibulum. Curabitur elementum volutpat tortor, ut maximus enim. In hac habitasse platea dictumst. Sed tincidunt non tellus at efficitur. Sed id est tincidunt, euismod metus quis, aliquam mauris. Nulla nunc magna, fermentum semper pulvinar quis, facilisis eu tortor. Duis facilisis nulla et nunc fermentum ultricies. Pellentesque quis vulputate dolor. In non gravida arcu. Nunc nec libero fringilla, hendrerit leo sed, imperdiet purus.
  1263.  
  1264.  
  1265. <br><br><br>
  1266.  
  1267. <img src="https://67.media.tumblr.com/e96479e79dfc7c4d439cd8bf87e11a4a/tumblr_oc48lgd1hg1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1268. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE NAME.</a></big>
  1269.  
  1270. <br><br>
  1271.  
  1272. Phasellus consectetur vitae sapien sed maximus. Phasellus vel nulla non purus ultricies euismod. Phasellus non orci tincidunt, commodo ligula id, elementum augue. Quisque at elit at justo mattis tristique eget non turpis. Duis euismod, mi ut sollicitudin sollicitudin, sapien lorem dapibus orci, id scelerisque ipsum dui non augue. Donec tortor mauris, venenatis nec finibus in, eleifend ac justo. Morbi a vulputate turpis. Proin hendrerit, urna sed iaculis euismod, est nisi vehicula nisi, vel convallis nibh tellus ac nibh. Vestibulum volutpat pellentesque sapien, nec pretium nulla aliquam nec. Cras ultrices nisl sit amet nulla consequat efficitur.
  1273.  
  1274.  
  1275.  
  1276. </li>
  1277. <li>
  1278.  
  1279.  
  1280. <img src="https://66.media.tumblr.com/6b6b80e2545ce4977586403217aacdb5/tumblr_oc495wFwrl1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1281. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE NAME.</a></big>
  1282.  
  1283. <br><br>
  1284.  
  1285. Nulla tincidunt felis non venenatis euismod. Fusce odio tellus, consectetur vitae erat non, feugiat tincidunt metus. Mauris suscipit ex sit amet arcu fermentum, eu fringilla diam consequat. Nullam imperdiet suscipit turpis, ac semper enim fringilla sit amet. Nullam ac magna pharetra, elementum sapien quis, pharetra elit. Suspendisse faucibus neque ligula, sit amet tempor est venenatis a. Praesent eleifend fringilla enim, vel varius libero laoreet eget. Aliquam erat volutpat. Phasellus tempor mi vitae enim consequat tempor. Cras condimentum quis tellus vel mattis. Cras sit amet est at neque luctus congue.
  1286.  
  1287.  
  1288. <br><br><br>
  1289.  
  1290. <img src="https://66.media.tumblr.com/6b6b80e2545ce4977586403217aacdb5/tumblr_oc495wFwrl1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1291. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE NAME.</a></big>
  1292.  
  1293. <br><br>
  1294.  
  1295. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce scelerisque nec orci ac elementum. Etiam dictum leo in leo fringilla, at ultricies arcu venenatis. Ut dignissim pretium volutpat. Nullam pharetra, nunc volutpat porttitor congue, libero felis tincidunt quam, at hendrerit velit augue vel odio. Praesent tincidunt lorem vitae maximus porta. Suspendisse hendrerit ut velit eget mattis. Proin malesuada efficitur ligula, a posuere sapien mollis et. Etiam volutpat in lectus at malesuada. Nunc et interdum leo.
  1296.  
  1297.  
  1298. </li>
  1299. </ul>
  1300.  
  1301.  
  1302. </div>
  1303. </div>
  1304.  
  1305.  
  1306.  
  1307. <div id="box5" class="popup_block">
  1308. <div id="tabid">
  1309. <ul id="tabs">
  1310. <li class="active">main.</li>
  1311. <li>appearance.</li>
  1312. <li>biography.</li>
  1313. </ul></div>
  1314.  
  1315.  
  1316. <div class="popup_boxy">
  1317. <ul id="tab">
  1318.  
  1319. <li class="active">
  1320.  
  1321. <h3>General Information</h3>
  1322.  
  1323. <center>
  1324. <b>name:</b> <s>natalia alianovna romanova</s> natasha romanoff.<br>
  1325. <b>sexual orientation:</b> bisexual.<br>
  1326. <b>romantic orientation:</b> biromantic.<br>
  1327. <b>languages spoken:</b> english, russian, latin, german, italian, chinese, japanese.<br>
  1328. <b>affiliations:</b> formerly kgb, formerly s.h.i.e.l.d, avengers.<br>
  1329. <b>family:</b> parents deceased.<br>
  1330. <b>relationship status:</b> verse dependent.<br>
  1331.  
  1332. </center>
  1333. <h3>interior/exterior</h3>
  1334.  
  1335. <center>
  1336. <b>positive:</b> cunning, charming, eloquent, intelligent, independent, determined, skilled.<br>
  1337. <b>negative:</b> closed off, untrusting, manipulative, deceitful, pessimistic, self-destructive.<br>
  1338. <b>abilities:</b> master spy, peak physical condition, master martial artist, master acrobat, master assassin, expert marksman, gifted intellect, master interrogator, pilot, expert hacker.<br>
  1339. <b>temperament:</b> melancholic.<br>
  1340. <b>moral alignment:</b> chaotic good.<br>
  1341. <b>mbti:</b> estp.<br>
  1342. <b>primary vice:</b> wrath.<br>
  1343. <b>primary virtue:</b> diligence.
  1344.  
  1345. </center>
  1346. </li>
  1347.  
  1348. <li class="active">
  1349.  
  1350. <h3>Appearance / aesthetic</h3>
  1351.  
  1352.  
  1353. <p><img src="https://78.media.tumblr.com/eb1a43f4df26af9a7175e06c1b06097a/tumblr_inline_p7prbq7zuh1vgffor_540.png" alt=""></p>
  1354.  
  1355. <center>
  1356. she is a <b>rose</b> blooming in the dead of winter. amidst the icy white layers, she stands <b>violently</b> red against the purest of ivory. with shards of hail sleeting down on the lonesome flower, <b>indignant</b> and persistent she stands. <i>you will not defeat me</i>. she is <b>sly smirks</b> curved upon scarlet petals, hair as <i>fiery red</i> as the prose she spills. she is sleekness and poise; black heels and black dresses. she slips into the <i>shadows</i> with ease, it's where she finds <b>solace</b>. she is a tangle of white sheets and neatly pinned objects. she is a chaos of perfection, a paradox unreadable to all. natasha romanoff is the <i>sweetest destruction</i> you will ever taste.
  1357.  
  1358. </center>
  1359.  
  1360.  
  1361. </li>
  1362.  
  1363. <li class="active">
  1364.  
  1365.  
  1366. <h3>Biography</h3>
  1367. eventually.
  1368. </li>
  1369.  
  1370.  
  1371. </ul> <!--important don't delete-->
  1372. </div></div></div></div></div></div></div></div></div></div></div></div>
  1373.  
  1374.  
  1375. </div></div>
  1376.  
  1377. </div></div></div></div></div></div></div></div></div></div>
  1378.  
  1379. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!