Advertisement
marshallsmyth

Sonia's Children 7/17/20

Jul 17th, 2020
1,842
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.39 KB | None | 0 0
  1. <body><style type="text/css">
  2. @import url(https://fonts.googleapis.com/css?family=Allura|Montez|Parisienne|Charm|Philosopher|Norican|Niconne|);
  3. ::-webkit-scrollbar-thumb:vertical { background:#990000;border-radius:20px;box-shadow: 0px 0px 0px #000; }
  4. ::-webkit-scrollbar-thumb:horizontal { background:#f00;border-radius:20px;box-shadow: 0px 0px 0px #000; }
  5. ::-webkit-scrollbar { width:20px; height:3px; background:#00f;border-radius:20px; }
  6.  
  7. body { background-size:100%; background-image:url( https://i.imgur.com/y3KaOai.jpg );
  8. background-repeat:repeat;width:99.4%; height:1900%; }
  9.  
  10.  
  11. </style>
  12.  
  13.  <div id="1" class="genealogy"> </style> <style type="text/css">
  14.   #box1 { width:13%;height:6%; left:43.3%;top:2%; position:fixed;overflow:hidden;transition:6s ease; padding:1px;
  15. background:#305; border:solid 9px #b05;border-radius:50px; font-family:philosopher, times; color:#d05;
  16. font-size:42px;line-height:43px; letter-spacing:0px; text-align:center; }
  17.   #box1:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
  18. background:#305; border-radius:20px; border:solid 7px #d05; box-shadow:0px 0px 20px 300px #802;
  19. overflow:auto; color:transparent; font-size:20px; }
  20. </style> <div id="box1"> Sonia
  21. <img src=" x " style="width:100%;margin-top:5px;"> </div>
  22.  
  23.  <div id="2" class="genealogy"> </style> <style type="text/css">
  24.   #box2 { width:16%;height:6%; left:1%;top:24%; position:fixed;overflow:hidden;transition:6s ease; padding:1px;
  25. background:#305; border-radius:50px; font-family:philosopher, times; color:#d05;
  26. font-size:42px;line-height:43px; letter-spacing:0px; text-align:center; }
  27.   #box2:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
  28. background:#305; border-radius:20px; border:solid 7px #d05; box-shadow:0px 0px 20px 300px #802;
  29. overflow:auto; color:transparent; font-size:20px; }
  30. </style> <div id="box2"> Delphina
  31. <img src=" x " style="width:100%;"></div>
  32.  
  33.  <div id="3" class="genealogy"> </style> <style type="text/css">
  34.   #box3 { width:16%;height:6%; left:17.5%;top:24%; position:fixed;overflow:hidden;transition:6s ease; padding:1px;
  35. background:#305; border-radius:50px; font-family:philosopher, times; color:#d05;
  36. font-size:42px;line-height:43px; letter-spacing:0px; text-align:center; }
  37.   #box3:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
  38. background:#305; border-radius:20px; border:solid 7px #d05; box-shadow:0px 0px 20px 300px #802;
  39. overflow:auto; color:transparent; font-size:20px; }
  40. </style> <div id="box3"> Belladonna
  41. <img src=" x " style="width:100%;"></div>
  42.  
  43. <div id="4" class="genealogy"> </style> <style type="text/css">
  44.   #box4 { width:16%;height:6%; left:34%;top:24%; position:fixed;overflow:hidden;transition:6s ease; padding:1px;
  45. background:#305; border-radius:50px; font-family:philosopher, times; color:#d05;
  46. font-size:42px;line-height:43px; letter-spacing:0px; text-align:center; }
  47.   #box4:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
  48. background:#305; border-radius:20px; border:solid 7px #d05; box-shadow:0px 0px 20px 300px #802;
  49. overflow:auto; color:transparent; font-size:20px; }
  50. </style> <div id="box4"> EverTo
  51. <img src=" x " style="width:100%;"> </div>
  52.  
  53. <div id="5" class="genealogy"> </style> <style type="text/css">
  54.   #box5 { width:16%;height:6%; left:50.5%;top:24%; position:fixed;overflow:hidden;transition:6s ease; padding:1px;
  55. background:#305; border-radius:50px; font-family:philosopher, arial; color:#d05;
  56. font-size:42px;line-height:43px; letter-spacing:0px; text-align:center; }
  57.   #box5:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
  58. background:#305; border-radius:20px; border:solid 7px #d05; box-shadow:0px 0px 20px 300px #802;
  59. overflow:auto; color:transparent; font-size:20px; }
  60. </style> <div id="box5"> Naomi
  61. <img src=" x " style="width:100%;"> </div>
  62.  
  63. <div id="6" class="genealogy"> </style> <style type="text/css">
  64.   #box6 { width:16%;height:6%; left:67%;top:24%; position:fixed;overflow:hidden;transition:6s ease; padding:1px;
  65. background:#305; border-radius:50px; font-family:philosopher, times; color:#d05;
  66. font-size:34.1px;line-height:43px; letter-spacing:-1.9px; text-align:center; }
  67.   #box6:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
  68. background:#305; border-radius:20px; border:solid 7px #d05; box-shadow:0px 0px 20px 300px #802;
  69. overflow:auto; color:transparent; font-size:20px; }
  70. </style> <div id="box6"> Moreega-Vereega
  71. <img src=" x " style="width:100%;"> </div>
  72.  
  73. <div id="7" class="genealogy"> </style> <style type="text/css">
  74.   #box7 { width:16%;height:6%; left:83.5%;top:24%; position:fixed;overflow:hidden;transition:6s ease; padding:1px;
  75. background:#305; border-radius:50px; font-family:philosopher, times; color:#d05;
  76. font-size:42px; line-height:43px; letter-spacing:0px; text-align:center; }
  77.   #box7:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
  78. background:#305; border-radius:20px; border:solid 7px #d05; box-shadow:0px 0px 20px 300px #802;
  79. overflow:auto; color:transparent; font-size:20px; }
  80. </style> <div id="box7"> Divine
  81. <img src=" x " style="width:100%;"> </div></div>
  82.  
  83. <div id="end" class="genealogy"></style><style type="text/css">
  84. #boxend {left:39%;top:99%;opacity:1;font-size:38px;font-family:charm, sans-serif;color:#fff;position:fixed;}
  85. </style><div id="boxend"> Sonia's Children 7/17/20 </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement