marshallsmyth

sonias children images 8/21/20

Aug 22nd, 2020
355
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.74 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:0px; height:3px; background:#00f;border-radius:20px; }
  6.  
  7. </style>
  8.  
  9.  <div id="a" class="genealogy"> </style> <style type="text/css">
  10.  #boxa { width:100%; height:100%; left:0%;top:0%; position:absolute; overflow:auto; }
  11. </style> <div id="boxa">
  12. <img src=" https://i.imgur.com/y3KaOai.jpg " style="width:100%;"> </div>
  13.  
  14.  <div id="1" class="genealogy"> </style> <style type="text/css">
  15.  #box1 { width:13%;height:6%; left:43.3%;top:2%; position:fixed; overflow:hidden; transition:6s ease; padding:1px;
  16. background:#305; border-radius:50px; font-family:philosopher, times; color:#d05;
  17. font-size:42px;line-height:43px; letter-spacing:0px; text-align:center; }
  18.  #box1:hover { width:100%; height:100%; transition:6s ease; left:0%; top:0%; z-index:1;
  19. border-radius:0px; overflow:auto; color:transparent; }
  20. </style> <div id="box1"> Sonia
  21. <center><img src=" https://i.imgur.com/wEZwPEO.jpg " style="width:44%;margin-top:5px;"> <br>
  22. <img src=" https://i.imgur.com/Ph56r2s.jpg " style="width:44%;"></center> </div></div>
  23.  
  24.  <div id="2" class="genealogy"> </style> <style type="text/css">
  25.  #box2 { width:16%;height:6%; left:1%;top:24%; position:fixed; overflow:hidden; transition:6s ease; padding:1px;
  26. background:#305; border-radius:50px; font-family:philosopher, times; color:#d05;
  27. font-size:42px;line-height:43px; letter-spacing:0px; text-align:center; }
  28.  #box2:hover { width:100%; height:100%; transition:6s ease; left:0%; top:0%; z-index:1;
  29. background:#305; border-radius:0px; overflow:auto; color:transparent; }
  30. </style> <div id="box2"> Delphina
  31. <center><img src=" https://i.imgur.com/S2WVxvx.jpg " style="width:44%;"></center></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:100%; height:100%; transition:6s ease; left:0%; top:0%; z-index:1;
  38. border-radius:0px; overflow:auto; color:transparent; }
  39. </style> <div id="box3"> Belladonna
  40. <center><img src=" https://i.imgur.com/Y9Ryhiq.jpg " style="width:44%;"></center>
  41. <div style="color:red;font-size:40px;margin:-25px 0px -20px 0px;line-height:85px;">Children: Dessert, Rayne, Balla
  42. <center><img src=" https://i.imgur.com/8SwunlE.jpg " style="width:44%;margin-top:-20px;"></center> </div></div></div>
  43.  
  44. <div id="4" class="genealogy"> </style> <style type="text/css">
  45.  #box4 { width:16%;height:6%; left:34%;top:24%; position:fixed; overflow:hidden; transition:6s ease; padding:1px;
  46. background:#305; border-radius:50px; font-family:philosopher, times; color:#d05;
  47. font-size:42px;line-height:43px; letter-spacing:0px; text-align:center; }
  48.  #box4:hover { width:100%; height:100%; transition:6s ease; left:0%; top:0%; z-index:1;
  49. border-radius:0px; overflow:auto; color:transparent; }
  50. </style> <div id="box4"> EverTo
  51. <center><img src=" https://i.imgur.com/CU6GF7K.jpg " style="width:44%;"></center> </div></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. <center><img src=" https://i.imgur.com/sV7akaS.jpg " style="width:44%;"></center></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. <center><img src=" https://i.imgur.com/zsdHWAH.jpg " style="width:44%;"></center></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. <center><img src=" https://i.imgur.com/1eF4bOO.png " style="width:44%;"></center> </div>
  82.  
  83. <div id="end" class="genealogy"></style><style type="text/css">
  84. #boxend {left:39%;top:95%;opacity:1;font-size:34px;font-family:charm, sans-serif;color:#305;position:fixed;}
  85. </style><div id="boxend"> Sonia's Children 7/17/20 </div></div>
  86.  
Add Comment
Please, Sign In to add comment