marshallsmyth

EverTo's Family 7/22/20

Jul 20th, 2020
374
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.58 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:14%;height:6%; left:42.8%;top:2%; position:fixed;overflow:hidden;transition:6s ease; padding:1px;
  16. background:#305; border:solid 3px lavender;border-radius:50px; font-family:philosopher, times; color:#0bb;
  17. font-size:42px;line-height:43px; letter-spacing:0px; text-align:center; }
  18.   #box1:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
  19. background:#305; border-radius:20px; border:solid 7px #d05; box-shadow:0px 0px 20px 300px #802;
  20. overflow:auto; color:transparent; font-size:20px; }
  21. </style> <div id="box1"> EverTo
  22. <img src="  https://i.imgur.com/qta9GEr.jpg  " style="width:100%;"></div>
  23.  
  24. <div id="2" class="genealogy"> </style> <style type="text/css">
  25.   #box2 { width:14%;height:6%; left:0%;top:24%; position:fixed;overflow:hidden;transition:6s ease; padding:1px;
  26. background:#305; border:solid 1px lavender; border-radius:50px; font-family:philosopher, times; color:#0bb;
  27. font-size:40px;line-height:43px; letter-spacing:-1px; text-align:center; }
  28.   #box2:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
  29. background:#305; border-radius:20px; border:solid 7px #d05; box-shadow:0px 0px 20px 300px #802;
  30. overflow:auto; color:transparent; font-size:20px; }
  31. </style> <div id="box2"> Candy
  32. <img src="  https://i.imgur.com/ObuzhTA.jpg  " style="width:100%;"></div>
  33.  
  34. <div id="3" class="genealogy"> </style> <style type="text/css">
  35.   #box3 { width:14%;height:6%; left:43%;top:24%; position:fixed;overflow:hidden;transition:6s ease; padding:1px;
  36. background:#305; border:solid 1px lavender; border-radius:50px; font-family:philosopher, times; color:#0bb;
  37. font-size:40px;line-height:43px; letter-spacing:-1px; text-align:center; }
  38.   #box3:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
  39. background:#305; border-radius:20px; border:solid 7px #d05; box-shadow:0px 0px 20px 300px #802;
  40. overflow:auto; color:transparent; font-size:20px; }
  41. </style> <div id="box3"> Love
  42. <img src="  https://i.imgur.com/moJFvdN.jpg  " style="width:100%;"></div>
  43.  
  44. <div id="4" class="genealogy"> </style> <style type="text/css">
  45.  #box4 { width:14%;height:6%; left:85.7%;top:24%; position:fixed;overflow:hidden;transition:6s ease; padding:1px;
  46. background:#305; border:solid 1px lavender; border-radius:50px; font-family:philosopher, times; color:#0bb;
  47. font-size:40px;line-height:43px; letter-spacing:-1px; text-align:center; }
  48.  #box4:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
  49. background:#305; border-radius:20px; border:solid 7px #d05; box-shadow:0px 0px 20px 300px #802;
  50. overflow:auto; color:transparent; font-size:20px; }
  51. </style> <div id="box4"> Kannaditus
  52. <img src="  https://i.imgur.com/9L1yG3m.jpg  " style="width:100%;"></div>
  53.  
  54. <div id="5" class="genealogy"> </style> <style type="text/css">
  55.   #box5 { width:14%;height:6%; left:0%;top:44%; position:fixed;overflow:hidden;transition:6s ease; padding:1px;
  56. background:#305; border:solid 1px lavender; border-radius:50px; font-family:philosopher, times; color:#0bb;
  57. font-size:40px;line-height:43px; letter-spacing:-1px; text-align:center; }
  58.   #box5:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
  59. background:#305; border-radius:20px; border:solid 7px #d05; box-shadow:0px 0px 20px 300px #802;
  60. overflow:auto; color:transparent; font-size:20px; }
  61. </style> <div id="box5"> Flora
  62. <img src="  https://i.imgur.com/87YtIJi.jpg  " style="width:100%;"> </div>
  63.  
  64. <div id="6" class="genealogy"> </style> <style type="text/css">
  65.   #box6 { width:14%;height:6%; left:32%;top:44%; position:fixed;overflow:hidden;transition:6s ease; padding:1px;
  66. background:#305; border:solid 1px lavender; border-radius:50px; font-family:philosopher, arial; color:#0bb;
  67. font-size:40px;line-height:43px; letter-spacing:-1px; text-align:center; }
  68.   #box6:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
  69. background:#305; border-radius:20px; border:solid 7px #d05; box-shadow:0px 0px 20px 300px #802;
  70. overflow:auto; color:transparent; font-size:20px; }
  71. </style> <div id="box6"> Sophie
  72. <img src="  https://i.imgur.com/uWWhq2U.jpg  " style="width:100%;"> </div>
  73.  
  74. <div id="7" class="genealogy"> </style> <style type="text/css">
  75.   #box7 { width:14%;height:6%; left:54%;top:44%; position:fixed;overflow:hidden;transition:6s ease; padding:1px;
  76. background:#305; border:solid 1px lavender; border-radius:50px; font-family:philosopher, arial; color:#0bb;
  77. font-size:40px;line-height:43px; letter-spacing:-1px; text-align:center; }
  78.   #box7:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
  79. background:#305; border-radius:20px; border:solid 7px #d05; box-shadow:0px 0px 20px 300px #802;
  80. overflow:auto; color:transparent; font-size:20px; }
  81. </style> <div id="box7"> Ayashi
  82. <img src="  https://i.imgur.com/kHcatRj.jpg  " style="width:100%;"></div>
  83.  
  84.  
  85. <div id="end" class="genealogy"></style><style type="text/css">
  86. #boxend {left:0%;right:0%;top:94.5%;opacity:1;font-size:30px;text-align:center;
  87. font-family:charm, sans-serif;color:#304;position:fixed;}
  88. </style><div id="boxend"> EverTo's family 7/22/20. EverTo is Sonia's middle daughter </div></div>
Add Comment
Please, Sign In to add comment