Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <body><style type="text/css">
- @import url(https://fonts.googleapis.com/css?family=Allura|Montez|Parisienne|Charm|Philosopher|Norican|Niconne|);
- ::-webkit-scrollbar-thumb:vertical { background:#990000;border-radius:20px;box-shadow: 0px 0px 0px #000; }
- ::-webkit-scrollbar-thumb:horizontal { background:#f00;border-radius:20px;box-shadow: 0px 0px 0px #000; }
- ::-webkit-scrollbar { width:20px; height:3px; background:#00f;border-radius:20px; }
- body { background-size:100%; background-image:url( https://i.imgur.com/y3KaOai.jpg );
- background-repeat:repeat;width:99.4%; height:1900%; }
- </style>
- <div id="1" class="genealogy"> </style> <style type="text/css">
- #box1 { width:13%;height:6%; left:43.3%;top:2%; position:fixed;overflow:hidden;transition:6s ease; padding:1px;
- background:#305; border:solid 9px #b05;border-radius:50px; font-family:philosopher, times; color:#d05;
- font-size:42px;line-height:43px; letter-spacing:0px; text-align:center; }
- #box1:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
- background:#305; border-radius:20px; border:solid 7px #d05; box-shadow:0px 0px 20px 300px #802;
- overflow:auto; color:transparent; font-size:20px; }
- </style> <div id="box1"> Sonia
- <img src=" x " style="width:100%;margin-top:5px;"> </div>
- <div id="2" class="genealogy"> </style> <style type="text/css">
- #box2 { width:16%;height:6%; left:1%;top:24%; position:fixed;overflow:hidden;transition:6s ease; padding:1px;
- background:#305; border-radius:50px; font-family:philosopher, times; color:#d05;
- font-size:42px;line-height:43px; letter-spacing:0px; text-align:center; }
- #box2:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
- background:#305; border-radius:20px; border:solid 7px #d05; box-shadow:0px 0px 20px 300px #802;
- overflow:auto; color:transparent; font-size:20px; }
- </style> <div id="box2"> Delphina
- <img src=" x " style="width:100%;"></div>
- <div id="3" class="genealogy"> </style> <style type="text/css">
- #box3 { width:16%;height:6%; left:17.5%;top:24%; position:fixed;overflow:hidden;transition:6s ease; padding:1px;
- background:#305; border-radius:50px; font-family:philosopher, times; color:#d05;
- font-size:42px;line-height:43px; letter-spacing:0px; text-align:center; }
- #box3:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
- background:#305; border-radius:20px; border:solid 7px #d05; box-shadow:0px 0px 20px 300px #802;
- overflow:auto; color:transparent; font-size:20px; }
- </style> <div id="box3"> Belladonna
- <img src=" x " style="width:100%;"></div>
- <div id="4" class="genealogy"> </style> <style type="text/css">
- #box4 { width:16%;height:6%; left:34%;top:24%; position:fixed;overflow:hidden;transition:6s ease; padding:1px;
- background:#305; border-radius:50px; font-family:philosopher, times; color:#d05;
- font-size:42px;line-height:43px; letter-spacing:0px; text-align:center; }
- #box4:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
- background:#305; border-radius:20px; border:solid 7px #d05; box-shadow:0px 0px 20px 300px #802;
- overflow:auto; color:transparent; font-size:20px; }
- </style> <div id="box4"> EverTo
- <img src=" x " style="width:100%;"> </div>
- <div id="5" class="genealogy"> </style> <style type="text/css">
- #box5 { width:16%;height:6%; left:50.5%;top:24%; position:fixed;overflow:hidden;transition:6s ease; padding:1px;
- background:#305; border-radius:50px; font-family:philosopher, arial; color:#d05;
- font-size:42px;line-height:43px; letter-spacing:0px; text-align:center; }
- #box5:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
- background:#305; border-radius:20px; border:solid 7px #d05; box-shadow:0px 0px 20px 300px #802;
- overflow:auto; color:transparent; font-size:20px; }
- </style> <div id="box5"> Naomi
- <img src=" x " style="width:100%;"> </div>
- <div id="6" class="genealogy"> </style> <style type="text/css">
- #box6 { width:16%;height:6%; left:67%;top:24%; position:fixed;overflow:hidden;transition:6s ease; padding:1px;
- background:#305; border-radius:50px; font-family:philosopher, times; color:#d05;
- font-size:34.1px;line-height:43px; letter-spacing:-1.9px; text-align:center; }
- #box6:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
- background:#305; border-radius:20px; border:solid 7px #d05; box-shadow:0px 0px 20px 300px #802;
- overflow:auto; color:transparent; font-size:20px; }
- </style> <div id="box6"> Moreega-Vereega
- <img src=" x " style="width:100%;"> </div>
- <div id="7" class="genealogy"> </style> <style type="text/css">
- #box7 { width:16%;height:6%; left:83.5%;top:24%; position:fixed;overflow:hidden;transition:6s ease; padding:1px;
- background:#305; border-radius:50px; font-family:philosopher, times; color:#d05;
- font-size:42px; line-height:43px; letter-spacing:0px; text-align:center; }
- #box7:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
- background:#305; border-radius:20px; border:solid 7px #d05; box-shadow:0px 0px 20px 300px #802;
- overflow:auto; color:transparent; font-size:20px; }
- </style> <div id="box7"> Divine
- <img src=" x " style="width:100%;"> </div></div>
- <div id="end" class="genealogy"></style><style type="text/css">
- #boxend {left:39%;top:99%;opacity:1;font-size:38px;font-family:charm, sans-serif;color:#fff;position:fixed;}
- </style><div id="boxend"> Sonia's Children 7/17/20 </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement