API tools faq
paste
Advertisement
marshallsmyth

nest/embed

marshallsmyth
Jul 12th, 2020
1,179
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.02 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  a.tab:active, a.tab:link, a.tab:visited
  3.  {width:270px; height:35px; display:block; top:24%; left:; margin:14px 0px 0px 240px; transition:all 9s ease-in;
  4. background:lightblue; border:#209 4px double; font-family:pirata one, times; line-height:35px; position:fixed; z-index:1;
  5. font-size:27px; text-align:center; color:#000; text-decoration:none; font-style:italic; letter-spacing:3px; }
  6.  
  7.  a.tab:hover { width:99%; background-color:#2beeb9;   border:#a02 9px solid;  margin:4px 0px 0px -4px; }
  8.  
  9.  
  10. <div id="01" class="thecontent">
  11.    <div style="width:90%;height:85%;margin:2.4% 0% 0% 3%;overflow:auto;border: dotted 1px #98f999;box-shadow:0px 0px 60px 8px #92caff;background:#000;
  12. font-family:quintessential, arial;font-size:20px;text-align:left;font-weight:bold;color:#88de89;padding:20px;">
  13. <div style="margin-top:40px;">Page 7</div>
  14. <div style="font-size:114px;text-align:center;text-shadow:4px 4px 4px skyblue;margin-top:-40px;">EverAngel's POV</div>
  15. <div style="font-size:50px;color:#92caff;font-family:allura, times;">EverAngel is very glamorous</div>
  16. </div></div></div>
  17.  
  18.  
  19. <div id="02" class="thecontent">
  20.   <div style="background:#000;box-shadow:0px 0px 0px 90px #000;">
  21. <div style="width:90%;height:85%;margin:1.8% 0% 0% 3.4%;overflow:auto;border: dotted 1px yellow;box-shadow:0px 0px 60px 14px #8e008e;background:skyblue;
  22. font-family:quintessential, arial;font-size:20px;text-align:left;font-weight:bold;color:#2e001e;padding:20px;"><p><br>Page 66
  23. <div style="font-size:114px;text-align:center;text-shadow:4px 4px 4px darkgreen;margin-top:-100px;"> AnnaBelle's POV</div>
  24. <div style="font-size:50px;color:darkgreen;font-family:allura, times;"> AnnaBelle on the day she received her Phd degree in PaleoBotany</div>
  25.  </div></div></div>
  26.  
  27.  
  28. <div id="03" class="thecontent">
  29.    <div style="background:orchid;box-shadow:0px 0px 0px 90px orchid;">
  30. <div style="width:90%;height:85%;margin:1.8% 0% 0% 3.4%;overflow:auto;border-radius:40px;border: dotted 1px yellow;box-shadow:0px 0px 40px 14px #8e008e;background:#ffa9dd;
  31. font-family:quintessential, arial;font-size:20px;text-align:left;font-weight:bold;color:#4e004e;padding:20px;"><p><br>Page 69
  32.  <div style="font-size:114px;text-align:center;text-shadow:4px 4px 4px lavender;margin-top:-100px;">Dr. EverGood's POV</div>
  33. <div style="font-size:50px;color:#4e004e;font-family:allura, times;"> This is Dr. EverGood on graduation day when she received her full Md in Paleoveterinary medicine.</div>
  34. </div></div></div>
  35.  
  36.  
  37. <div id="04" class="thecontent">
  38.   <div style="background:#000;box-shadow:0px 0px 0px 90px #000;">
  39. <div style="width:90%;height:85%;margin:1.8% 0% 0% 3.4%;overflow:auto;border: dotted 1px tomato;box-shadow:0px 0px 60px 14px #8e008e;background: #f1dfa2;
  40. font-family:quintessential, arial;font-size:20px;text-align:left;font-weight:bold;color:#2e001e;padding:20px;"><p><br>Page 82
  41. <div style="font-size:114px;text-align:center;text-shadow:4px 4px 4px tomato;margin-top:-100px;"> AisuRuhito's POV</div>
  42. <div style="font-size:50px;color:tomato;font-family:allura, times;"> AisuRuhito is Japanese for Beloved One. This pastel of her was made as she was about to receive her Phd in complexity theory and systems.</div>
  43.  </div></div></div>
  44.  
  45.  
  46.  <div id="05" class="thecontent">
  47.    <div style="background:#000;box-shadow:0px 0px 0px 90px #000;">
  48. <div style="width:90%;height:85%;margin:1.8% 0% 0% 3.4%;overflow:auto;border: dotted 1px tomato;box-shadow:0px 0px 60px 14px #8e008e;background: #f1dfa2;
  49. font-family:quintessential, arial;font-size:20px;text-align:left;font-weight:bold;color:#2e001e;padding:20px;"><p><br>Page 83
  50.  <div style="font-size:114px;text-align:center;text-shadow:4px 4px 4px tomato;margin-top:-100px;"> Dr. Kazoku </div>
  51. <div style="font-size:50px;color:tomato;font-family:allura, times;"> In Japanese Kazoku means family. This pastel was made when she received her Md in all specialties.</div></div></div></div>
  52.  
  53.  
  54. <div id="06" class="thecontent">
  55.    <div style="background:#000;box-shadow:0px 0px 0px 90px #000;">
  56. <div style="width:90%;height:85%;margin:1.8% 0% 0% 3.4%;overflow:auto;border: dotted 1px tomato;box-shadow:0px 0px 60px 14px #8e008e;background: #f1dfa2;
  57. font-family:quintessential, arial;font-size:20px;text-align:left;font-weight:bold;color:#2e001e;padding:20px;"><p><br>Page 84
  58.  <div style="font-size:114px;text-align:center;text-shadow:4px 4px 4px tomato;margin-top:-100px;"> Dr. Yorokobi </div>
  59. <div style="font-size:50px;color:tomato;font-family:allura, times;"> In Japanese Yorokobi means to be a joy for my mother. This was made the day after Dr. Yorokobi received her Md in Modern and Alchem surgical techniques.</div>
  60.  </div></div></div>
  61.  
  62.  
  63. <div id="07" class="thecontent">
  64.    <div style="background:#000;box-shadow:0px 0px 0px 90px #000;">
  65. <div style="width:90%;height:85%;margin:1.8% 0% 0% 3.4%;overflow:auto;border: dotted 1px lavender;box-shadow:0px 0px 60px 14px #8e008e;background:fuchsia;
  66. font-family:quintessential, arial;font-size:20px;text-align:left;font-weight:bold;color:#2e001e;padding:20px;"><p><br>Page 94
  67.  <div style="font-size:114px;text-align:center;text-shadow:4px 4px 4px lavender;margin-top:-100px;"> Rune Mei's POV</div>
  68. <div style="font-size:50px;color:lavender;font-family:allura, times;"> forgot
  69. </div></div></div></div>
  70.  
  71.  
  72. <div id="08" class="thecontent">
  73.   <div style="background:#000;box-shadow:0px 0px 0px 90px #000;">
  74. <div style="width:90%;height:85%;margin:1.8% 0% 0% 3.4%;overflow:auto;border: dotted 1px lavender;box-shadow:0px 0px 60px 14px #8e008e;background:fuchsia;
  75. font-family:quintessential, arial;font-size:20px;text-align:left;font-weight:bold;color:#2e001e;padding:20px;"><p><br>Page 94
  76. <div style="font-size:114px;text-align:center;text-shadow:4px 4px 4px lavender;margin-top:-100px;"> Rune Mei's POV</div>
  77. <div style="font-size:50px;color:lavender;font-family:allura, times;"> Rune Mei</div>
  78.  </div></div></div>
  79.  
  80.  
  81. <div id="09" class="thecontent">
  82.    <div style="width:90%;height:85%;margin:2.4% 0% 0% 3%;overflow:auto;border: dotted 1px yellow;box-shadow:0px 0px 60px 8px darkorchid;background:linear-gradient(to right,#330000,#119895 30%,#544021 70%,#119895);
  83. font-family:quintessential, arial;font-size:20px;text-align:left;font-weight:bold;color:#7e001e;padding:20px;">
  84. <div style="margin-top:50px;">Page 8</div>
  85.  <div style="font-size:114px;text-align:center;text-shadow:4px 4px 4px darkorchid;margin-top:-50px;">Thelielle's POV</div>
  86. <div style="font-size:50px;color:darkorchid;font-family:allura, times;">Thelielle gets prettier all the time</div>
  87. </div></div></div>
  88.  
  89.  
  90. <div id="10" class="thecontent">
  91.   <div style="background:#270031;box-shadow:0px 0px 0px 90px #270031;">
  92. <div style="width:90%;height:85%;margin:2.4% 0% 0% 3.4%;overflow:auto;border-radius:6px;border:dotted 1px #abfd97;box-shadow:0px 0px 40px 6px #267100;background:#010300;font-family:quintessential, arial;font-size:20px;text-align:left;font-weight:bold;color:#557d49;padding:20px;">
  93. <div style="margin-top:40px;">Page 6</div>
  94. <div style="font-size:114px;text-align:center;text-shadow:3px 3px 1px #abfd97;color:#151f12;margin-top:-40px;">Matilda's POV</div>
  95. <div style="font-size:50px;color:#abfd97;font-family:allura, times, arial;">
  96. Cheers to another successful learning mission
  97. </div></div></div>
  98.  
  99.  
  100. <div id="11" class="thecontent">
  101.    <div style="background:#000;box-shadow:0px 0px 0px 90px #000;">
  102. <div style="width:90%;height:85%;margin:1.8% 0% 0% 3.4%;overflow:auto;border: dotted 1px yellow;box-shadow:0px 0px 60px 14px #8e008e;background:#125e35;
  103. font-family:quintessential, arial;font-size:20px;text-align:left;font-weight:bold;color:#2e001e;padding:20px;"><p><br>Page 70
  104.  <div style="font-size:114px;text-align:center;text-shadow:4px 4px 4px #770100;margin-top:-100px;"> Lexi's POV</div>
  105. <div style="font-size:50px;color:#2e001e;font-family:allura, times;"> Lexi demonstrating her skills in conservation of mass and energy. She can do small and great forces, gravity and time also. </div>
  106. </div></div></div>
  107.  
  108.  
  109. <div id="12" class="thecontent">
  110.   <div style="background:#000;box-shadow:0px 0px 0px 90px #000;">
  111. <div style="width:90%;height:85%;margin:1.8% 0% 0% 3.4%;overflow:auto;border: dotted 1px yellow;box-shadow:0px 0px 60px 14px #8e008e;background:#125e35;
  112. font-family:quintessential, arial;font-size:20px;text-align:left;font-weight:bold;color:#2e001e;padding:20px;"><p><br>Page 71
  113. <div style="font-size:114px;text-align:center;text-shadow:4px 4px 4px #770100;margin-top:-100px;"> Brianna's POV</div>
  114. <div style="font-size:50px;color:#2e001e;font-family:allura, times;"> Brianna is very beautiful, but troubled. She will heal.</div>
  115.  </div></div></div>
  116.  
  117.  
  118. <div id="13" class="thecontent">
  119.    <div style="background:#000;box-shadow:0px 0px 0px 90px #000;">
  120. <div style="width:90%;height:85%;margin:1.8% 0% 0% 3.4%;overflow:auto;border: dotted 1px yellow;box-shadow:0px 0px 60px 14px #8e008e;background:#125e35;
  121. font-family:quintessential, arial;font-size:20px;text-align:left;font-weight:bold;color:#2e001e;padding:20px;"><p><br>Page 72
  122.  <div style="font-size:114px;text-align:center;text-shadow:4px 4px 4px #770100;margin-top:-100px;"> Miranda's POV</div>
  123. <div style="font-size:50px;color:#2e001e;font-family:allura, times;"> Esta es miranda hermosa en su décimo octavo cumpleaños</div>
  124. </div></div></div>
  125.  
  126.  
  127. <div id="14" class="thecontent">
  128.   <div style="background:#000;box-shadow:0px 0px 0px 90px #000;">
  129. <div style="width:90%;height:85%;margin:1.8% 0% 0% 3.4%;overflow:auto;border: dotted 2px #c7f900;box-shadow:0px 0px 60px 14px #8e008e;background:#f9e801;
  130. font-family:quintessential, arial;font-size:20px;text-align:left;font-weight:bold;color:#2e001e;padding:20px;"><p><br>Page 77
  131. <div style="font-size:94px;text-align:center;text-shadow:4px 4px 4px #65cb00;margin-top:-100px;"> Joshua's POV</div>
  132. <div style="font-size:50px;color:#65cb00;font-family:allura, times;"> Joshua at the French compound</div>
  133.  </div></div></div>
  134.  
  135.  
  136. <div id="15" class="thecontent">
  137.    <div style="background:#000;box-shadow:0px 0px 0px 90px #000;">
  138. <div style="width:90%;height:85%;margin:1.8% 0% 0% 3.4%;overflow:auto;border: dotted 1px orange;box-shadow:0px 0px 60px 14px #8e008e;background:#01a287;
  139. font-family:quintessential, arial;font-size:20px;text-align:left;font-weight:bold;color:#2e001e;padding:20px;"><p><br>Page 78
  140.  <div style="font-size:114px;text-align:center;text-shadow:4px 6px 10px orange;margin-top:-100px;"> Veronica's POV</div>
  141. <div style="font-size:50px;color:orange;font-family:allura, times;"> Veronica</div>
  142. </div></div></div>
  143.  
  144.  
  145. <div id="16" class="thecontent">
  146.   <div style="background:#000;box-shadow:0px 0px 0px 90px #000;">
  147. <div style="width:90%;height:85%;margin:1.8% 0% 0% 3.4%;overflow:auto;border: dotted 7px yellow;box-shadow:0px 0px 60px 14px #8e00c1;background:#c12101;
  148. font-family:quintessential, arial;font-size:20px;text-align:left;font-weight:bold;color:#2e001e;padding:20px;"><p><br>Page 81
  149. <div style="font-size:124px;text-align:center;text-shadow:4px 6px 18px #3e00c1;margin-top:-100px;"> Tyria FlameClaw</div>
  150. <div style="font-size:50px;color:#8e00c1;font-family:allura, times;"> In my lair with my lovely pets</div>
  151. </div></div></div>
  152.  
  153.  
  154.  
  155.  
  156. </div><div id="bio1"><center>Verlaine</center
  157. <a href="#01" class="tab">1. EverAngel's POV</a>       <a href="#02" class="tab">2. Annabelle's POV</a>
  158. <a href="#03" class="tab">3. EverGood's POV</a>       <a href="#04" class="tab">4. Aisuruhito's POV</a>
  159. <a href="#05" class="tab">5. Kazoku's POV</a>       <a href="#06" class="tab">6. Yorokobi's POV</a>      
  160. <a href="#07" class="tab">7. Ariseth's POV</a>       <a href="#08" class="tab">8. Rune Mei's POV</a>            
  161. <a href="#09" class="tab">9. Thelielle's POV</a>       <a href="#10" class="tab">10. Matilda's POV</a>          
  162. <a href="#11" class="tab">11. Lexi's POV</a>      <a href="#12" class="tab">12. Brianna's POV</a>          
  163. <a href="#13" class="tab">13. Miranda's POV</a>      <a href="#14" class="tab">14. Joshua's POV</a>            
  164. <a href="#15" class="tab">15. Veronica's POV</a>      <a href="#16" class="tab">16. Tyria FC's POV</a>      
  165.  
  166. <a href="#reset" class="tab"> Title Page</a>
  167.  
  168. </div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!