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=Mirza|Allura|Montez|Parisienne|Kavivanar|Pinyon+Script|Charm|Philosopher);
- ::-webkit-scrollbar-thumb:vertical { background:#209;border-radius:20px;border:dotted 3px #f00; }
- ::-webkit-scrollbar-thumb:horizontal {border:dotted 3px yellow; background:#709;border-radius:20px;box-shadow:32px 0px 12px #ff0; }
- ::-webkit-scrollbar { width:11px; background:#007;border-radius:0px; }
- .tab { text-indent:70px; }
- .clouds {position:fixed;left:0%;bottom:0%;width:100%;height:60%;
- display:inline;overflow:visible;pointer-events:none;opacity:0.7;
- background:transparent url('https://i.imgur.com/geosgmp.png') repeat top center;
- z-index:1; -moz-animation:move-scrolling-front 200s linear infinite; -ms-animation:move-scrolling-front 200s linear infinite;
- -o-animation:move-scrolling-front 200s linear infinite; -webkit-animation:move-scrolling-front 200s linear infinite;
- animation:move-scrolling-front 200s linear infinite; } @keyframes move-scrolling-front{from{background-position:0% 0%}
- to{background-position:300% 0%}} @-webkit-keyframes move-scrolling-front{from{background-position:0% 0%}
- to{background-position:300% 0%}} @-moz-keyframes move-scrolling-front{from{background-position:0% 0%}
- to{background-position:300% 0%}} @-ms-keyframes move-scrolling-front{from{background-position:0% 0%} to{background-position:300% 0%}}
- body { background-size:500.5% 99.9%; background-image:url( https://i.imgur.com/1XsNrSG.png );
- background-repeat:no-repeat;width:499.4%; }
- </style>
- <div id="1" class="genealogy"> </style> <style type="text/css">
- #box1 { width:17%;height:11%;left:0.2%; top:3%; position:fixed; overflow:hidden; transition:7s ease;
- padding:1px 17px 1px 1px; background:#500; border:solid 4px #8ff; border-radius:50px; font-family:allura, times;
- color:#0dd; font-size:50px; line-height:88px; text-align:center; }
- #box1:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1;
- background:#112; border-radius:20px; border:solid 7px #c682f9; box-shadow:0px 0px 20px 30px #8e002e;
- overflow:auto; color:transparent; padding:1px; font-size:20px; line-height:0px; }</style>
- <div id="box1"> Overview <div class="clouds"> </div>
- <img src=" https://i.imgur.com/egaMyvR.jpg " style="width:100%;"> </div></div>
- <div id="2" class="genealogy"> </style> <style type="text/css">
- #box2 { width:17%; height:11%; left:0.2%; top:60%; position:fixed; overflow:hidden; transition:7s ease;
- padding:1px 5px 1px 1px; border:solid 4px #8ff;
- background:linear-gradient(to right,#1a004a,#009895 30%,#300 70%,#009895); opacity:1;
- border-radius:50px; font-family:allura, philosopher, times; color:gold;
- font-size:64px; line-height:77px; letter-spacing:2px; text-align:center; }
- #box2:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1;
- background:linear-gradient(to right,#022,#033 30%,#055 70%,#022); opacity:1;
- border-radius:20px; border:solid 7px #803; box-shadow:0px 0px 20px 30px #6a9;
- overflow:auto; color:transparent; padding:0px; font-size:20px; line-height:0px; }
- </style> <div id="box2"> Veronica <div class="clouds"> </div>
- <img src=" https://i.imgur.com/1AZv6qx.jpg " style="width:100%;"></div></div>
- <div id="3" class="genealogy"> </style> <style type="text/css">
- #box3 { width:17%; height:11%; left:20.5%; top:60%; position:fixed; overflow:hidden; transition:7s ease;
- padding:1px 5px 1px 1px; background:linear-gradient(to right,#1a004a,#009895 30%,#300 70%,#009895); opacity:1.0; border:solid 4px #8ff; border-radius:50px; font-family:allura, times; color:gold;
- font-size:64px; line-height:77px; letter-spacing:2px; text-align:center; }
- #box3:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1; background:#ff0;
- background-size:100% 100%; background-image:url( https://i.imgur.com/FWhxPac.png?2 ); background-repeat:no-repeat;
- border-radius:20px; border:solid 7px #50a; box-shadow:0px 0px 20px 300px #206;
- overflow:auto; color:transparent; padding:0px; font-size:20px; line-height:0px; }
- </style> <div id="box3"> Updates <div class="clouds"> </div>
- <div style="font-family:pinyon script, arial;font-size:304px;line-height:304px;text-align:center;
- padding-top:140px;color:#0ad;font-style:italic;"> Veronica </div>
- <div style="line-height:44px;border-bottom:33px double #089;
- font-size:88px;color:#0cf;margin-top:100px;letter-spacing:3px;">
- Updates beginning 4/22/20 </div>
- <ul style="list-style-type:square;font-size:60px;line-height:70px;
- margin:90px 60px -20px 60px;text-align:left;color:#3dd;letter-spacing:3px;">
- <li> - 4/23/20 - Veronica is going into labor <br><br>
- <li> - 4/24/20 - </ul>
- <div style="line-height:44px;border-bottom:33px double #089;
- font-size:88px;color:#0cf;padding-top:90px;letter-spacing:3px;">
- Veronica's Continuing Story </div>
- <div style="font-family:mirza, arial;font-size:66px;line-height:76px;
- color:#3dd;padding:40px 60px 60px 60px;text-align:center;font-style:italic;">
- Some of the rations packing. <br>
- <center><img src=" https://i.imgur.com/sdVKrGR.jpg " style="width:33%;border-radius:22px;
- border:solid 7px #ab5;box-shadow:0px 0px 55px 22px gold;margin:40px 0px 40px 0px;"></center>
- <br>This is kind of an ongoing essay or diary chronicling what's going on in my life.
- </div></div>
- <div id="4" class="genealogy"> </style> <style type="text/css">
- #box4 { width:17%; height:11%; left:41%; top:60%; position:fixed; overflow:hidden; transition:7s ease;
- padding:1px 5px 1px 1px; background:linear-gradient(to right,#1a004a,#009895 30%,#300 70%,#009895); opacity:1.0; border:solid 4px #8ff; border-radius:50px; font-family:allura, times; color:gold;
- font-size:64px; line-height:77px; letter-spacing:2px; text-align:center; }
- #box4:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1;background:#ff0;
- background-size:100% 100%; background-image:url( https://i.imgur.com/FWhxPac.png?2 ); background-repeat:no-repeat;
- border-radius:20px; border:solid 7px #50a; box-shadow:0px 0px 20px 300px #206;
- overflow:auto; color:transparent; padding:0px; font-size:20px; line-height:0px; }
- </style> <div id="box4"> Timeline <div class="clouds"> </div>
- <div style="font-size:344px;letter-spacing:-1px;text-align:center;color:#807;margin-top:300px;
- text-shadow:4px 5px 9px #f03;"> Veronica </div>
- <div style="line-height:41px;border-bottom:30px double #706;color:#f03;font-size:80px;
- letter-spacing:3px;margin-top:380px;"> Life History Events </div>
- <ul style="font-size:50px;color:#f0a;list-style-type:square;
- line-height:70px;margin:60px 30px -20px 60px;text-align:justify;">
- <li> 2017 - ... <p>
- <li> 2018 - ... <p>
- <li> 2019 - ... <p><br> </ul>
- <div style="line-height:41px;border-bottom:30px double #706;
- color:#f03;font-size:80px;letter-spacing:3px;padding-top:90px;"> Veronica's Point of View Story </div>
- <div style="font-size:34px;line-height:40px;font-family:philosopher, times;text-align:justify;
- padding:60px 30px 10px 30px;color:#f0b;text-shadow:2px 0px 0px #000;"><center> Below is Veronica's 18th birthday </center>
- <center><img src=" https://i.imgur.com/wnP0s5P.png " style="width:45%;border-radius:20px;padding-top:5px;"></center><br>
- <li> I can remember my past lives, but not the details. <p><br>
- </div></div>
- <div id="5" class="genealogy"> </style> <style type="text/css">
- #box5 {width:17%;height:11%;left:61.5%;top:60%;position:fixed;overflow:hidden;transition:7s ease;padding:1px 5px 1px 1px;
- background:linear-gradient(to right,#1a004a,#009895 30%,#300 70%,#009895); opacity:1.0; border:solid 4px #8ff;
- border-radius:50px; font-family:allura, times; color:gold; font-size:64px; line-height:77px; letter-spacing:2px; text-align:center; }
- #box5:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1;
- background-size:100% 99.5%; background-image:url( https://i.imgur.com/y6zbfvj.png ); background-repeat:no-repeat;
- border-radius:20px; border:solid 7px #c682f9; box-shadow:0px 0px 20px 300px #8e002e;
- overflow:auto; color:transparent; padding:1px; font-size:20px; line-height:0px; }
- </style> <div id="box5"> Inlaws <div class="clouds"> </div>
- <img src=" https://i.imgur.com/kVpO9xz.png " style="width:100%;margin-top:10px;opacity:0.5;"> </div></div>
- <div id="6" class="genealogy"> </style> <style type="text/css">
- #box6 {width:17%;height:11%;left:82%;top:60%;position:fixed;overflow:hidden;transition:7s ease;padding:1px 5px 1px 1px;
- background:linear-gradient(to right,#1a004a,#009895 30%,#300 70%,#009895); opacity:1.0; border:solid 4px #8ff;
- border-radius:50px;font-family:allura, sans-serif;color:gold;font-size:64px;line-height:77px;letter-spacing:2px;text-align:center;}
- #box6:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1; background:#ff0;
- border-radius:20px; border:solid 3px #50a; box-shadow:0px 0px 20px 300px #206;
- overflow:auto; color:transparent; padding:0px; font-size:20px; line-height:0px; }
- </style> <div id="box6"> Images <div class="clouds"></div>
- <div style="font-size:194px;line-height:194px;letter-spacing:-1px;text-align:center;color:#306;margin-top:80px;">
- Veronica's<br> Photo Album </div>
- <center><img src=" https://i.imgur.com/wnP0s5P.png " style="width:42%;border:3px solid yellow;
- border-radius:40px;margin:-40px 100px 6px 130px;"><br> Veronica at a party. She is cross-sibling with Joshua. </center>
- <div style="font-family:norican, arial;font-size:60px;line-height:70px;font-style:italic;float:left;
- padding:60px 40px 30px 50px;">
- <center><img src=" https://i.imgur.com/39ZKtI2.png " style="width:62%;border:3px solid yellow;
- border-radius:40px;margin:-40px 100px 6px 130px;"><br> Yes, everyone agrees, Veronica is as sweet as her face. </center>
- <center><img src=" https://i.imgur.com/vXnPd3C.jpg " style="width:30%;border:3px solid #ddf;
- border-radius:40px;margin:-40px 100px 6px 130px;"><br> She hopes to have a child sometime soon. </center>
- <center><img src=" https://i.imgur.com/7Oj9VYg.jpg " style="width:53%;border:3px solid #ddf;
- border-radius:40px;margin:-40px 100px 6px 130px;"><br> Veronica is so fertile and beautiful in both her human form and her succubus form. </center>
- <center><img src=" https://i.imgur.com/f3oVeMA.jpg?1 " style="width:35%;border:3px solid #ddf;
- border-radius:40px;margin:10px 100px 6px 130px;"> Veronica, just before doing a dance. </center>
- <center><img src=" https://i.imgur.com/lIi3cwm.jpg?1 " style="width:37%; border:3px solid #ddf;
- border-radius:40px;margin:-50px 100px 6px 130px;"> <br> Everyone works hard at the commune. </center>
- <center><img src=" https://i.imgur.com/YbNc92u.jpg?1 " style="width:25%;border:3px solid #ddf;
- border-radius:40px;margin:-50px 100px 6px 130px;"> <br> Veronica loves designing Stoneworks for the farms at Provence. She trains the supervisors. The Stoneworks is an official Commune in the french system. </center>
- </div> </div>
- <div id="7" class="genealogy"> </style> <style type="text/css">
- #box7 { width:17%;height:11%;left:81%; top:3%; position:fixed; overflow:hidden; transition:7s ease;
- padding:1px 17px 1px 1px; background:#500; border:solid 4px #8ff; border-radius:50px; font-family:allura, times;
- color:#0dd; font-size:50px; line-height:88px; text-align:center; }
- #box7:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1;
- background:#112; border-radius:20px; border:solid 7px #c682f9; box-shadow:0px 0px 20px 30px #8e002e;
- overflow:auto; color:transparent; padding:1px; font-size:20px; line-height:0px; }</style>
- <div id="box7"> Background<div class="clouds"> </div>
- <img src=" https://i.imgur.com/1tffTYT.png " style="width:100%;">
- </div>
- <div style="margin-top:300px;opacity:1;font-size:54px;color:#706;text-align:center;font-family:allura, times;font-style:italic;">
- Veronica 4/21/20 </div></script></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement