Advertisement
marshallsmyth

cherie-amour safe place 4/8/20

Apr 9th, 2020
745
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.81 KB | None | 0 0
  1.  <body><style type="text/css">
  2. @import url(https://fonts.googleapis.com/css?family=Allura|Montez|Parisienne|Niconne|Oswald|Charm|Philosopher);
  3. ::-webkit-scrollbar-thumb:vertical { background:#000;border-radius:0px;box-shadow:0px 0px 0px #000; }
  4. ::-webkit-scrollbar-thumb:horizontal { background:#000;border-radius:0px;box-shadow: 0px 0px 0px #000; }
  5. ::-webkit-scrollbar { width:0px; height:4px; background:#39a;border-radius:0px; }
  6.  
  7. body { background-size:500.5% 100%; background-image:url( https://i.imgur.com/713Oy6q.png );
  8. background-repeat:no-repeat;width:499.4%; } .tab { text-indent:70px; }
  9.  
  10. .clouds {position:fixed; left:0%; bottom:0%; width:100%; height:60%; display:inline;
  11. overflow: visible; pointer-events:none; opacity: 0;
  12. background:transparent url('https://i.imgur.com/geosgmp.png') repeat top center; z-index:1;
  13. -moz-animation:move-scrolling-front 800s linear infinite; -ms-animation:move-scrolling-front 800s linear infinite;
  14. -o-animation:move-scrolling-front 800s linear infinite; -webkit-animation:move-scrolling-front 800s linear infinite;
  15. animation:move-scrolling-front 800s linear infinite; }
  16.  @keyframes move-scrolling-front{ from{background-position:0% 0% } to{background-position:300% 0%}}
  17. @-webkit-keyframes move-scrolling-front{ from{background-position:0% 0% }
  18. to{background-position:300% 0%}} @-moz-keyframes move-scrolling-front{from{background-position:0% 0%}
  19. to{background-position:300% 0%}} @-ms-keyframes move-scrolling-front{ from{background-position:0% 0%}
  20. to{background-position:300% 0%}}
  21.  
  22. </style>
  23.  
  24.  <div id="1" class="genealogy"> </style> <style type="text/css">
  25. #box1 { width: 13%; height:7%; left:0%; top:3%; position:fixed; overflow:hidden;
  26. transition:6s ease; padding:1px 15px 4px 1px; background:#406; border:solid 8px #599;
  27. border-radius:50px; font-family:parisienne, times; color:#cef; font-size:38px;
  28. line-height:53px; font-weight:none; letter-spacing:1px; text-align:center; }
  29.  #box1:hover { width:99%; height:98%; transition:7s ease; left:0.4%; top:0.5%; z-index:1;
  30. background:#06070d; opacity:1.0; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  31. border-radius:20px; border:dotted 1px #c682f9; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 80px 1px #8e002e;
  32. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  33. </style> <div id="box1"> Overview
  34. <div class="clouds"> </div> <img src=" https://i.imgur.com/egaMyvR.jpg " style="width:100%;"> </div>
  35.  
  36.  <div id="2" class="genealogy"> </style> <style type="text/css">
  37. #box2 { width:12.5%; height:7.5%; left:15.3%; top:3%; position:fixed; overflow:hidden;
  38. transition:6s ease; padding:1px; background:#406; border:solid 8px #599;
  39. border-radius:50px; font-family:parisienne, times; color:#cef; font-size:38px;
  40. line-height:53px; font-weight:none; letter-spacing:1px; text-align:center; }
  41.  #box2:hover { width:99%; height:98%; transition:7s ease; left:0%; top:0%; z-index:1;
  42. background:#4e001e; opacity:1.0; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  43. border-radius:20px; border:solid 6px #f682b9; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 130px 44px #200;
  44. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  45. </style> <div id="box2"> Cherie-
  46. <div class="clouds"> </div> <img src=" https://i.imgur.com/A11WItB.png " style="width:100%;"> </div>
  47.  
  48. <div id="3" class="genealogy"> </style> <style type="text/css">
  49. #box3 { width:12.5%; height:7.5%; left:29.2%; top:3%; position:fixed; overflow:hidden;
  50. transition:6s ease; padding:1px; background:#406; border:solid 8px #599;
  51. border-radius:50px; font-family:parisienne, times; color:#cef; font-size:38px;
  52. line-height:53px; font-weight:none; letter-spacing:1px; text-align:center; }
  53.  #box3:hover { width:99%; height:98%; transition:7s ease; left:0%; top:0%; z-index:1;
  54. background:#4e001e; opacity:1.0; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  55. border-radius:20px; border:solid 6px #60e; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 130px 55px #200;
  56. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  57. </style> <div id="box3"> Exploits
  58. <div class="clouds"> </div> <img src=" https://i.imgur.com/ma1buXZ.png " style="width:100%;"> </div>
  59.  
  60. <div id="4" class="genealogy"> </style> <style type="text/css">
  61. #box4 { width:12.5%; height:7.5%; left:43.1%; top:3%; position:fixed; overflow:hidden;
  62. transition:6s ease; padding:1px; background:#406; border:solid 8px #599;
  63. border-radius:50px; font-family:parisienne, times; color:#cef; font-size:38px;
  64. line-height:53px; font-weight:none; letter-spacing:1px; text-align:center; }
  65.  #box4:hover { width:99%; height:98%; transition:7s ease; left:0%; top:0%; z-index:1;
  66. background:#4e001e; opacity:1.0; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  67. border-radius:20px; border:solid 6px #c682f9; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 330px 135px #300;
  68. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  69. </style> <div id="box4"> Timeline
  70. <div class="clouds"> </div> <img src=" https://i.imgur.com/3oVlUm2.jpg " style="width:100%;"> </div>
  71.  
  72. <div id="5" class="genealogy"> </style> <style type="text/css">
  73. #box5 { width:12.5%; height:7.5%; left:57%; top:3%; position:fixed; overflow:hidden;
  74. transition:6s ease; padding:1px; background:#406; border:solid 8px #599;
  75. border-radius:50px; font-family:parisienne, times; color:#cef; font-size:38px;
  76. line-height:53px; font-weight:none; letter-spacing:1px; text-align:center; }
  77.  #box5:hover { width:99%; height:98%; transition:7s ease; left:0%; top:0%; z-index:1;
  78. background:#4e001e; opacity:1.0; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  79. border-radius:20px; border:solid 7px #c682f9; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 230px 111px #300;
  80. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  81. </style> <div id="box5"> Complexity
  82. <div class="clouds"> </div>
  83.  
  84. <div style="font-size:174px;line-height:184px;text-shadow:6px 2px 11px #e07;
  85. margin:25px 30px 0px 0px;letter-spacing:0px;color:#70d;font-family:parisienne, times;">
  86. <i> Cherie-Amour<br>WayStone </div>
  87.  
  88. <div style="font-family:niconne, sans-serif;font-size:90px;line-height:90px;
  89. padding:45px 0px 0px 0px;text-align:center;color:#5bd;">
  90. Complex Systems <br> Theory and Management</i></div>
  91.  
  92. <div style="font-family:oswald, arial;text-align:left;padding:80px 50px 50px 50px;
  93. font-size:60px;line-height:80px;color:#79f;">
  94. <li>There is no thing nor concept in the multiverse which is simple. For example, even a vacuum is complex, and in our realm of universes and time frames, possesses energy, tiny as it may be. Additionally, vacuum, no matter how well enclosed, contains a separate quantum energy and mass.
  95.  
  96. </div></div>
  97.  
  98. <div id="6" class="genealogy"> </style> <style type="text/css">
  99. #box6 { width:12.5%; height:7.5%; left:70.9%; top:3%; position:fixed; overflow:hidden;
  100. transition:6s ease; padding:1px; background:#406; border:solid 8px #599;
  101. border-radius:50px; font-family:parisienne, times; color:#cef; font-size:38px;
  102. line-height:53px; font-weight:none; letter-spacing:1px; text-align:center; }
  103.  #box6:hover { width:99%; height:98%; transition:7s ease; left:0%; top:0%; z-index:1;
  104. background:#4e001e; opacity:1.0; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  105. border-radius:20px; border:solid 6px #e07; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 130px 55px #200;
  106. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  107. </style> <div id="box6"> Images
  108. <div class="clouds"></div> <img src=" https://i.imgur.com/xerk3tu.jpg " style=width:100%;"> </div>
  109.  
  110. <div id="7" class="genealogy"> </style> <style type="text/css">
  111. #box7 { width:13%; height:7%; left:84.8%; top:3%; position:fixed; overflow:hidden;
  112. transition:6s ease; padding:1px 15px 4px 1px; background:#406; border:solid 8px #599;
  113. border-radius:50px; font-family:parisienne, philosopher, times; color:#cef; font-size:38px;
  114. line-height:53px; font-weight:none; letter-spacing:1px; text-align:center; }
  115. #box7:hover { width:99%; height:98%; transition:7s ease; left:0.4%; top:0.5%; z-index:1;
  116. background:#06070d; opacity:1.0; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  117. border-radius:20px; border:dotted 1px #c682f9; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 80px 1px #aa22dd;
  118. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  119. </style> <div id="box7"> Background
  120. <div class="clouds"> </div> <img src=" https://i.imgur.com/1tffTYT.png " style="width:100%;"> </div>
  121.  
  122. <div id="8" class="genealogy"> </style> <style type="text/css">
  123. #box8 { width:12.5%; height:7.5%; left:43.1%; top:88%; position:fixed; overflow:hidden;
  124. transition:6s ease; padding:1px; background:#406; border:solid 8px #599;
  125. border-radius:50px; font-family:parisienne, times; color:#cef; font-size:38px;
  126. line-height:53px; font-weight:none; letter-spacing:1px; text-align:center; }
  127. #box8:hover { width:99%; height:98%; transition:7s ease; left:0%; top:0%; z-index:1;
  128. background:#4e001e; opacity:1.0; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  129. border-radius:20px; border:solid 6px #c682f9; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 330px 135px #300;
  130. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  131. </style> <div id="box8"> Updates
  132. <div class="clouds"> </div> <img src=" " style="width:100%;"> </div>
  133.  
  134. </div><div style="margin:550px 0px 0px 470px;opacity:1;font-size:38px;font-family:parisienne, times;">
  135. <h2> Cherie-Amour 4/3/20 </h2></div></script></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement