API tools faq
paste
Advertisement
marshallsmyth

cherie-amour safe place 4/8/20

marshallsmyth
Apr 9th, 2020
735
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.81 KB | None | 0 0
raw download clone embed print report
  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
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!