API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 20th, 2019
81
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.84 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. @import url(https://fonts.googleapis.com/css?family=Verdana);
  3. @import url(https://fonts.googleapis.com/css?family=Barlow);
  4. @import url(https://fonts.googleapis.com/css?family=Arvo);
  5. @import url(https://fonts.googleapis.com/css?family=Abril+Fatface);
  6. @import url(https://fonts.googleapis.com/css?family=Bonbon);
  7. @import url(https://fonts.googleapis.com/css?family=Butterfly+Kids);
  8. @import url(https://fonts.googleapis.com/css?family=Fertigo);
  9. @import url(https://fonts.googleapis.com/css?family=Audimat);
  10.  
  11. ::-webkit-scrollbar {width: 0px; }
  12.  
  13. body{background: url(https://i.imgur.com/451qWHm.jpg);
  14. body {background-color: #87CEEB;}
  15. background-repeat: no-repeat;
  16. background-size: cover;
  17. background-position: 100% 100%;
  18. overflow: hidden;
  19. }
  20.  
  21.  
  22. span1 {font-family: Verdana;
  23. }
  24.  
  25. span2 {font-family: Barlow;
  26. }
  27.  
  28. span3 {font-family: Arvo;
  29. }
  30.  
  31. span4 {font-family: Abril Fatface;
  32. }
  33.  
  34. span5 {font-family: Bonbon;
  35. }
  36.  
  37. span6 {font-family: Butterfly Kids;
  38. }
  39.  
  40.  
  41. span8 {font-family: Fertigo;
  42. }
  43.  
  44. span9 {font-family: Audimat;
  45. }
  46.  
  47.  
  48.  
  49.  
  50.  
  51. .image{
  52. position: absolute;
  53. bottom: 0%;
  54. right: 72%;
  55. width: 85%;
  56. height: 100%;
  57. background: url(https://i.imgur.com/dOwqbdo.png);
  58. background-repeat: no-repeat;
  59. background-size: auto 100%;
  60. background-position: 100% 100%;
  61. opacity:1;
  62. z-index:5;
  63.  
  64.  
  65.  
  66. }
  67.  
  68. #Coverbox{
  69. position: absolute;
  70. top: 0%;
  71. left: 0%;
  72. width: 100%;
  73. height: 100%;
  74.  
  75.  
  76.  
  77.  
  78.  
  79. background:#CC9FFF;
  80. opacity: 0;
  81. z-index: 3;
  82. }
  83. /*Anything with a lower Z-Index than this ^ will not be clickable*/
  84.  
  85. .holder{
  86. Z-index: 2;
  87. Opacity: 0; }
  88.  
  89.  
  90. .holder:target
  91. {
  92. Top: 0;
  93. Opacity: 1;
  94. Z-index: 4;
  95. transition: 1.5s ease-in-out;
  96. -moz-transition: 1.5s ease-in-out;
  97. -webkit-transition: 1.5s ease-in-out;
  98. -o-transition: 1.5s ease-in-out;
  99. -webkit-transition-delay: 1.0s;
  100. transition-delay: 1.0s;
  101. }
  102.  
  103.  
  104.  
  105.  
  106. #TopHolder1{
  107. position: absolute;
  108. top: 5%;
  109. left: 32%;
  110. width: 24%;
  111. height: 35%;
  112.  
  113. border-style: solid;
  114. border-width: .4vh;
  115. border-color: #8ea8d1;
  116.  
  117. text-align:center;
  118. font-family: 'Barlow', cursive;
  119. font-weight:900;
  120. font-size:110%;
  121. line-height: 100%;
  122.  
  123.  
  124.  
  125. background-color: #f2f4f7;
  126. opacity:1;
  127. z-index 30;
  128. padding: 1vh;
  129. overflow-y: auto;
  130.  
  131. }
  132.  
  133.  
  134.  
  135.  
  136.  
  137.  
  138. .Top1{
  139.  
  140. position: fixed;
  141. top: 5%;
  142. left: 32%;
  143. width: 24%;
  144. height: 35%;
  145.  
  146. border-style: solid;
  147. border-width: .4vh;
  148. border-color: #ffffff;
  149.  
  150.  
  151.  
  152.  
  153. background-color: #8ea8d1;
  154.  
  155. text-align:center;
  156. font-family: 'Barlow', cursive;
  157. font-weight:900;
  158. font-size:110%;
  159. line-height: 100%;
  160.  
  161.  
  162.  
  163.  
  164. padding: 1vh;
  165.  
  166. overflow-y: auto;
  167. z-index:5;
  168.  
  169. }
  170.  
  171.  
  172.  
  173. #TopHolder2{
  174. position: absolute;
  175. top: 5%;
  176. left: 68%;
  177. width: 24%;
  178. height: 35%;
  179.  
  180. border-style: solid;
  181. border-width: .4vh;
  182. border-color: #ffffff;
  183.  
  184. text-align:center;
  185. font-family: 'Barlow', cursive;
  186. font-weight:900;
  187. font-size:110%;
  188. line-height: 100%;
  189.  
  190.  
  191.  
  192. background-color: #8ea8d1;
  193. opacity:1;
  194. z-index 30;
  195. padding: 1vh;
  196.  
  197. }
  198.  
  199.  
  200.  
  201.  
  202.  
  203.  
  204. .Top2{
  205.  
  206. position: fixed;
  207. top: 5%;
  208. left: 68%;
  209. width: 24%;
  210. height: 35%;
  211.  
  212. border-style: solid;
  213. border-width: .4vh;
  214. border-color: #8ea8d1;
  215.  
  216.  
  217.  
  218.  
  219. background-color: #f2f4f7;
  220.  
  221. text-align:center;
  222. font-family: 'Barlow', cursive;
  223. font-weight:900;
  224. font-size:110%;
  225. line-height: 100%;
  226.  
  227.  
  228.  
  229.  
  230. padding: 1vh;
  231.  
  232. overflow-y: auto;
  233. z-index:5;
  234.  
  235. }
  236.  
  237.  
  238.  
  239.  
  240.  
  241.  
  242.  
  243.  
  244. #BottomHolder1{
  245. position: absolute;
  246. top: 61%;
  247. left: 32%;
  248. width: 24%;
  249. height: 35%;
  250.  
  251. border-style: solid;
  252. border-width: .4vh;
  253. border-color: #ffffff;
  254.  
  255. text-align:center;
  256. font-family: 'Barlow', cursive;
  257. font-weight:900;
  258. font-size:110%;
  259. line-height: 100%;
  260.  
  261.  
  262.  
  263. background-color: #8ea8d1;
  264. opacity:1;
  265. z-index 30;
  266. padding: 1vh;
  267.  
  268. }
  269.  
  270.  
  271.  
  272.  
  273. .Bottom1{
  274. position: fixed;
  275. top: 61%;
  276. left: 32%;
  277. width: 24%;
  278. height: 35%;
  279.  
  280. border-style: solid;
  281. border-width: .4vh;
  282. border-color: #8ea8d1;
  283.  
  284.  
  285.  
  286.  
  287. background-color: #f2f4f7;
  288.  
  289. text-align:center;
  290. font-family: 'Barlow', cursive;
  291. font-weight:900;
  292. font-size:110%;
  293. line-height: 100%;
  294.  
  295.  
  296.  
  297.  
  298. padding: 1vh;
  299.  
  300. overflow-y: auto;
  301. z-index:5;
  302.  
  303. }
  304.  
  305.  
  306.  
  307. #BottomHolder2{
  308. position: absolute;
  309. top: 61%;
  310. left: 68%;
  311. width: 24%;
  312. height: 35%;
  313.  
  314. border-style: solid;
  315. border-width: .4vh;
  316. border-color: #8ea8d1;
  317.  
  318.  
  319. text-align:center;
  320. font-family: 'Barlow', cursive;
  321. font-weight:900;
  322. font-size:110%;
  323. line-height: 100%;
  324.  
  325.  
  326. background-color: #f2f4f7;
  327. opacity:1;
  328. z-index 30;
  329. padding: 1vh;
  330.  
  331. }
  332.  
  333.  
  334.  
  335.  
  336. .Bottom2{
  337. position: fixed;
  338. top: 61%;
  339. left: 68%;
  340. width: 24%;
  341. height: 35%;
  342.  
  343. border-style: solid;
  344. border-width: .4vh;
  345. border-color: #ffffff;
  346.  
  347.  
  348.  
  349.  
  350. background-color: #8ea8d1;
  351.  
  352. text-align:center;
  353. font-family: 'Barlow', cursive;
  354. font-weight:900;
  355. font-size:110%;
  356. line-height: 100%;
  357.  
  358.  
  359.  
  360.  
  361. padding: 1vh;
  362.  
  363. overflow-y: auto;
  364. z-index:5;
  365.  
  366. }
  367.  
  368.  
  369.  
  370.  
  371. .button{
  372. position: absolute;
  373. width: 5.4%;
  374. height: 12%;
  375. background-repeat: no-repeat;
  376. background-size: auto 90%;
  377. background-position: 100% 100%;
  378. opacity:0;
  379. z-index:99;
  380. }
  381.  
  382.  
  383.  
  384. #buttonpic{
  385. position: absolute;
  386. top: 46%;
  387. left: 59%;
  388. width: 7.1%;
  389. height: 13%;
  390.  
  391.  
  392.  
  393.  
  394. z-index:2;
  395. }
  396.  
  397.  
  398.  
  399. #Pic1{
  400. position: absolute;
  401. top: 5%;
  402. left: 58.5%;
  403. width: 8%;
  404. height: 16%;
  405.  
  406.  
  407. border-style: solid;
  408. border-width: .4vh;
  409. border-color: #8ea8d1
  410. ;
  411.  
  412.  
  413. z-index:50;
  414. }
  415.  
  416.  
  417. #Pic2{
  418. position: absolute;
  419. top: 26%;
  420. left: 58.5%;
  421. width: 8%;
  422. height: 16%;
  423.  
  424.  
  425. border-style: solid;
  426. border-width: .4vh;
  427. border-color: #8ea8d1
  428. ;
  429.  
  430.  
  431. z-index:50;
  432. }
  433.  
  434.  
  435. #Pic3{
  436. position: absolute;
  437. top: 61%;
  438. left: 58.5%;
  439. width: 8%;
  440. height: 16%;
  441.  
  442.  
  443. border-style: solid;
  444. border-width: .4vh;
  445. border-color: #8ea8d1
  446. ;
  447.  
  448.  
  449. z-index:50;
  450. }
  451.  
  452.  
  453.  
  454. #Pic4{
  455. position: absolute;
  456. top: 82%;
  457. left: 58.5%;
  458. width: 8%;
  459. height: 16%;
  460.  
  461.  
  462. border-style: solid;
  463. border-width: .4vh;
  464. border-color: #8ea8d1
  465. ;
  466.  
  467.  
  468. z-index:50;
  469. }
  470.  
  471.  
  472.  
  473. #Pic5{
  474. position: absolute;
  475. top: 43.5%;
  476. left: 32%;
  477. width: 8%;
  478. height: 16%;
  479.  
  480.  
  481. border-style: solid;
  482. border-width: .4vh;
  483. border-color: #8ea8d1
  484. ;
  485.  
  486.  
  487. z-index:50;
  488. }
  489.  
  490.  
  491.  
  492. #Pic6{
  493. position: absolute;
  494. top: 43.5%;
  495. left: 49%;
  496. width: 8%;
  497. height: 16%;
  498.  
  499.  
  500. border-style: solid;
  501. border-width: .4vh;
  502. border-color: #8ea8d1
  503. ;
  504.  
  505.  
  506. z-index:50;
  507. }
  508.  
  509.  
  510. #Pic7{
  511. position: absolute;
  512. top: 43.5%;
  513. left: 68%;
  514. width: 8%;
  515. height: 16%;
  516.  
  517.  
  518. border-style: solid;
  519. border-width: .4vh;
  520. border-color: #8ea8d1
  521. ;
  522.  
  523.  
  524. z-index:50;
  525. }
  526.  
  527.  
  528. #Pic8{
  529. position: absolute;
  530. top: 43.5%;
  531. left: 85%;
  532. width: 8%;
  533. height: 16%;
  534.  
  535.  
  536. border-style: solid;
  537. border-width: .4vh;
  538. border-color: #8ea8d1
  539. ;
  540.  
  541.  
  542. z-index:50;
  543. }
  544.  
  545.  
  546. </style>
  547.  
  548.  
  549.  
  550. <div class="image"> </div>
  551.  
  552.  
  553. <div id="CoverBox" class="floating"></div>
  554.  
  555.  
  556.  
  557.  
  558. <div id="Pic1">
  559. <a target="_blank" href="https://i.imgur.com/5LFIdIJ.jpg" target="_blank"title="" ><img src="https://i.imgur.com/5LFIdIJ.jpg" width="100%" height="100%">
  560. </div>
  561.  
  562. <div id="Pic2">
  563. <a target="_blank" href="https://i.imgur.com/0SLjMk9.jpg" target="_blank"title="" ><img src="https://i.imgur.com/0SLjMk9.jpg" width="100%" height="100%">
  564. </div>
  565.  
  566.  
  567. <div id="Pic3">
  568. <a target="_blank" href="https://i.imgur.com/9itCAw0.jpg" target="_blank"title="" ><img src="https://i.imgur.com/9itCAw0.jpg" width="100%" height="100%">
  569. </div>
  570.  
  571. <div id="Pic4">
  572. <a target="_blank" href="https://i.imgur.com/TVZU4IX.jpg" target="_blank"title="" ><img src="https://i.imgur.com/TVZU4IX.jpg" width="100%" height="100%">
  573. </div>
  574.  
  575.  
  576. <div id="Pic5">
  577. <a target="_blank" href="https://i.imgur.com/Tnh2Abd.jpg" target="_blank"title="" ><img src="https://i.imgur.com/Tnh2Abd.jpg" width="100%" height="100%">
  578. </div>
  579.  
  580. <div id="Pic6">
  581. <a target="_blank" href="https://i.imgur.com/Oh3lNi8.png" target="_blank"title="" ><img src="https://i.imgur.com/Oh3lNi8.png" width="100%" height="100%">
  582. </div>
  583.  
  584. <div id="Pic7">
  585. <a target="_blank" href="https://i.imgur.com/9vgtLnz.jpg" target="_blank"title="" ><img src="https://i.imgur.com/9vgtLnz.jpg" width="100%" height="100%">
  586. </div>
  587.  
  588. <div id="Pic8">
  589. <a target="_blank" href="https://i.imgur.com/jCeqs8H.jpg" target="_blank"title="" ><img src="https://i.imgur.com/jCeqs8H.jpg" width="100%" height="100%">
  590. </div>
  591.  
  592.  
  593.  
  594. <div id="Buttonpic">
  595. <a target="_blank" href="" target="_blank"title="" ><img src="https://i.imgur.com/LIucMlP.png" width="100%" height="100%">
  596. </div>
  597.  
  598.  
  599.  
  600.  
  601.  
  602. <div id="TopHolder1" class="floating">
  603.  
  604. <font color=#000000><center>
  605.  
  606. <font style="float:left;"><u>NAME</u></font>
  607. <font style="float:right;"><u>Grace Nam</u></font><br>
  608. <font style="float:left;"><u>CODENAME</u></font>
  609. <font style="float:right;"><u>Dokkaebi</u></font><br>
  610. <font style="float:left;"><u>AGE</u></font>
  611. <font style="float:right;"><u>30</u></font><br>
  612. <font style="float:left;"><u>GENDER</u></font>
  613. <font style="float:right;"><u>Female</u></font><br>
  614. <font style="float:left;"><u>OCCUPATION</u></font>
  615. <font style="float:right;"><u>Special Ops</u></font><br>
  616. <font style="float:left;"><u>ORIENTATION</u></font>
  617. <font style="float:right;"><u>Has a soft spot for dicks</u></font><br>
  618. <font style="float:left;"><u>HOBBIES</u></font>
  619. <font style="float:right;"><u>Hacking</u></font><br>
  620. <font style="float:left;"><u>STATUS</u></font>
  621. <font style="float:right;"><u>W.. Who wants to know!?</u></font><br>
  622. <font style="float:left;"><u>PERSONALITY</u></font>
  623. <font style="float:right;"><u>Deceiving, Quirky,<s>Nerdy</s></u></font><br>
  624. <font style="float:left;"><u>TALENTS</u></font>
  625. <font style="float:right;"><u>Technology, People</u></font><br>
  626.  
  627.  
  628. </div>
  629.  
  630.  
  631. <div id="TopHolder2" class="floating">
  632. <font color=#ffffff><center>
  633. <font size=6><u><b>Gear</u></b></font size>
  634. <br><br>
  635. <font size=5><font style="float:left;"><font color=#ffffff><u>•Mk 14 EBR</u></font color></font></font size>
  636. <font size=4><font style="float:right;"><font color=#a3a3a3>Marksmen Rifle</font color></font></font size><br><br>
  637.  
  638. <font size=5><font style="float:left;"><font color=#ffffff><u>•BOSG.12.2</u></font color></font></font size>
  639. <font size=4><font style="float:right;"><font color=#a3a3a3>Shotgun</font color></font></font size><br><br>
  640.  
  641. <font size=5><font style="float:left;"><font color=#ffffff><u>•C75 Auto</u></font color></font></font size>
  642. <font size=4><font style="float:right;"><font color=#a3a3a3>Machine Pistol</font color></font></font size><br><br>
  643.  
  644. <font size=5><font style="float:left;"><font color=#ffffff><u>•Grenades</u></font color></font></font size>
  645. <font size=4><font style="float:right;"><font color=#a3a3a3>3 Stun, 2 Smoke</font color></font></font size><br><br>
  646.  
  647. <font size=5><font style="float:left;"><font color=#ffffff><u>•Gadget</u></font color></font></font size>
  648. <font size=4><font style="float:right;"><font color=#a3a3a3><i>Logic Bomb</i></font color></font></font size><br><br>
  649.  
  650. </div>
  651.  
  652.  
  653.  
  654.  
  655.  
  656.  
  657.  
  658.  
  659.  
  660. </div>
  661.  
  662.  
  663. </div>
  664.  
  665.  
  666. <div id="BottomHolder1" class="floating">
  667.  
  668. <font color=#ffffff><center>
  669. <b><u>The Logic Bomb</b></u><br><br>
  670.  
  671. Grace utilizes a Ballistic Armor Military Laptop, codenamed Logic Bomb, which she uses to hack enemy PDA tactical devices. The program downloads a virus of her making that can bypass firewalls, turning surrounding devices on and emitting a loud noise to compromise an enemy’s position. The program is short and self-erasing to prevent anyone from unraveling her code and building software to counter Logic Bomb.
  672.  
  673.  
  674. </div>
  675.  
  676.  
  677.  
  678.  
  679.  
  680. </div>
  681.  
  682.  
  683. </div>
  684.  
  685. <div id="BottomHolder2" class="floating">
  686. <font color=#000000><center>
  687. <font size=5>
  688. <u><i>OOC</u></i>
  689. </font size>
  690. <br><br>
  691.  
  692.  
  693. ✦First off, hello! I hope you like my profile which was lovingly made by Orihime, whose link is in my friends list, she'll totally make you a profile if you ask nicely!✦
  694. <br>
  695. ✦Ohh you don't see my friends list, all you gotta do is click the button in the middle silly!✦
  696. <br>
  697. ✦Other than that, just be nice and we'll get along well <3✦
  698.  
  699.  
  700. </div>
  701.  
  702.  
  703.  
  704.  
  705. </div>
  706.  
  707.  
  708. </div>
  709.  
  710.  
  711.  
  712.  
  713.  
  714. <a href="#Swap"><div class="button" style="top:45%; left:60%;"></div></a>
  715.  
  716.  
  717.  
  718.  
  719. <div id="Swap" class="holder">
  720. <div class="Top1">
  721. <span3>
  722. <font color=#ffffff><center>
  723. FRIEND LIST
  724. <br><font size=2.5>(Ask If You Wanna Be On It c:)</font size>
  725. <br><br><br>
  726. <a target="_blank" href="https://roleplay.chat/profile.php?user=Orange%20Hair" title="The Incredible Person who coded this for me!"><img src="https://i.imgur.com/v75TXFm.jpg" width="32%" height=40% border="1px" /></a>
  727. <br><br><br>
  728.  
  729. <a target="_blank" href="" title="Maybe You?"><img src="" width="32%" height=40% border="1px" /></a>
  730. <br><br><br>
  731.  
  732.  
  733. </span3>
  734. </div>
  735.  
  736. <div class="Top2">
  737. <span3>
  738.  
  739. <font color=#000000><center>
  740. ENEMY LIST
  741. <br><font size=2.5>(Please Don't Make Me Put You On It :c)</font size>
  742. <br><br><br>
  743. <a target="_blank" href="" title=""><img src="" width="32%" height=40% border="1px" /></a>
  744.  
  745.  
  746. </span3>
  747. </div>
  748.  
  749.  
  750.  
  751.  
  752.  
  753.  
  754. <div class="Bottom1">
  755. <span3><center><br>
  756. <font color=#000000>
  757. Kinks & Shit coming soon maybe, inquire within for now
  758.  
  759. </span3>
  760.  
  761. </div>
  762.  
  763.  
  764. <div class="Bottom2">
  765. <span3>
  766. <font color=#ffffff><center>
  767. <b><u>Surprise second OOC!</b></u>
  768. <br>
  769. <br>
  770. ✧Just general more details like if you wanna talk and what not✧
  771. <br>
  772. ✧I am both room and pm friendly, I try to respond to every pm✧
  773. <br>
  774. ✧That said, please don't push it if I'm not interested in rp, I don't like drama✧
  775. <br>
  776. ✧Speaking of rp, I'm pretty open to most things, clean, story, smut, crossovers, etc✧
  777. <br>
  778. ✧I do prefer long term though, it isn't necessary and sometimes I will like a one off though, so feel free to ask if you want✧
  779. <br>
  780. ✧I can't promise to play Grace perfectly✧
  781. <br>
  782. ✧My only super strict rule are keeping it in 3rd person, putting effort into your writing, and no default blue/completely blank profiles✧
  783. <br>
  784. ✧For those rules, if you have questions feel free to ask, grammar wise I am tolerant, we all make mistakes, just please don't be lazy about it, I tend to stick to paraish✧
  785. <br>
  786. ✧I know that was a lot, but if you read it all and still wanna talk, please say pancakes to me, it'll let me know you actually read at least parts of my profile, I do try to be really friendly, so feel free to say hi. ✧
  787. </span3>
  788.  
  789.  
  790. </div>
  791.  
  792.  
  793.  
  794.  
  795.  
  796. </div>
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!