Advertisement
marshallsmyth

nest/embed

Jul 12th, 2020
1,103
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.92 KB | None | 0 0
  1. <body> <style type="text/css">
  2. @import url(https://fonts.googleapis.com/css?family=Quintessential|Pirata+One);
  3. ::-webkit-scrollbar { width:0px;height:0px;}
  4. ::-webkit-scrollbar-track { background-color:#803; }
  5. ::-webkit-scrollbar-thumb { background-color:#80e; }
  6.  
  7. body { background-size:100%; background-image:url( https://i.imgur.com/5qsJiVz.jpg );  z-index:2;
  8. background-repeat:no-repeat;width:99.4%; height:1850%;overflow:auto; position:absolute;}
  9.    
  10.      #sonia { width:11%; height:8%; left:0%; top:39%; position:fixed; overflow:hidden;  z-index:3;
  11. transition:5s ease; padding:0px 5px 0px 0px; border:solid 1px #80f;
  12. background:linear-gradient( to right,#104,#206 30%,#208 70%,#104 ); opacity:1;
  13. border-radius:50px; font-family:pirata one, times; color:#90f; font-style:italic;
  14. font-size:38px; line-height:59px; letter-spacing:2px; text-align:center; }
  15.      #sonia:hover { width:99%; height:97.7%; transition:5s ease; left:0%; top:0%;      z-index:-9;  position:fixed;
  16. border-radius:0px; overflow:auto; color:transparent; padding:3px; font-size:0px; line-height:0px; }
  17. </style><div id="sonia"><center>Sonia</center>
  18. <center><img src=" https://i.imgur.com/8SwunlE.jpg " style="width:100%;"></center>  </div></div>
  19.  
  20.  
  21. <style type="text/css">
  22.      #children {position:fixed; top:39%; left:0%; width:0.1%; height:0.2%; overflow:auto;transition:5s;
  23. border:1px solid #ff0; border-radius:50px; background:gold; padding:0px 0px 0px 0px; color:darkblue;
  24. box-shadow:inset 0px 0px 26px 17px #fff; font-size:27px; font-weight:bold; font-style:italic;
  25. font-family: pirata one, arial;        z-index:3;}
  26.      #children:hover {position:fixed; top:1%; left:0%; width:97%; height:97%; overflow:auto; transition:5s;
  27. border:1px double #f00; padding:0.29%; background:brown; color:#099;
  28. box-shadow:inset 0px 1px 26px #fff;    z-index:1;  
  29. font-size:30px; font-weight:bold; letter-spacing:3px; font-family:pirata one, arial;}
  30. </style><div id="children"><center>Delphina</center>
  31. <center><img src="  https://i.imgur.com/8SwunlE.jpg  " style="width:100%;"></center>  </div></div>
  32.    
  33.  
  34. <style type="text/css">
  35.      #belladonna {position:fixed; top:39%; left:1%; width:0.1%; height:0.2%; overflow:auto;transition:5s;
  36. border:1px solid #ff0; border-radius:50px; background:gold; padding:0px 0px 0px 0px; color:darkblue;
  37. box-shadow:inset 0px 0px 26px 17px #fff; font-size:27px; font-weight:bold; font-style:italic;
  38. font-family: pirata one, arial;        z-index:3;}
  39.      #belladonna:hover {position:fixed; top:1%; left:0%; width:97%; height:97%; overflow:auto; transition:5s;
  40. border:1px double #f00; padding:0.29%; background:brown; color:#099;
  41. box-shadow:inset 0px 1px 26px #fff;    z-index:1;  
  42. font-size:30px; font-weight:bold; letter-spacing:3px; font-family:pirata one, arial;}
  43. </style><div id="belladonna"><center>Belladonna</center>
  44. <center><img src="  https://i.imgur.com/8SwunlE.jpg  " style="width:100%;"></center>  </div></div>
  45.  
  46. </div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement