aboutsummaryrefslogtreecommitdiff
path: root/views/rain/rainstyle.css
diff options
context:
space:
mode:
Diffstat (limited to 'views/rain/rainstyle.css')
-rw-r--r--views/rain/rainstyle.css155
1 files changed, 0 insertions, 155 deletions
diff --git a/views/rain/rainstyle.css b/views/rain/rainstyle.css
deleted file mode 100644
index fef63cf..0000000
--- a/views/rain/rainstyle.css
+++ /dev/null
@@ -1,155 +0,0 @@
-.rain {
- position: absolute;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: 2;
-}
-
-.rain.back-row {
- display: none;
- z-index: 1;
- bottom: 60px;
- opacity: 0.5;
-}
-
-body.back-row-toggle .rain.back-row {
- display: block;
-}
-
-.drop {
- position: absolute;
- bottom: 100%;
- width: 15px;
- height: 120px;
- pointer-events: none;
- animation: drop 0.5s linear infinite;
-}
-
-@keyframes drop {
- 0% {
- transform: translateY(0vh);
- }
- 75% {
- transform: translateY(90vh);
- }
- 100% {
- transform: translateY(90vh);
- }
-}
-
-.stem {
- width: 1px;
- height: 60%;
- margin-left: 7px;
- background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25));
- animation: stem 0.5s linear infinite;
-}
-
-@keyframes stem {
- 0% {
- opacity: 1;
- }
- 65% {
- opacity: 1;
- }
- 75% {
- opacity: 0;
- }
- 100% {
- opacity: 0;
- }
-}
-
-.splat {
- width: 15px;
- height: 10px;
- border-top: 2px dotted rgba(255, 255, 255, 0.5);
- border-radius: 50%;
- opacity: 1;
- transform: scale(0);
- animation: splat 0.5s linear infinite;
- display: none;
-}
-
-body.splat-toggle .splat {
- display: block;
-}
-
-@keyframes splat {
- 0% {
- opacity: 1;
- transform: scale(0);
- }
- 80% {
- opacity: 1;
- transform: scale(0);
- }
- 90% {
- opacity: 0.5;
- transform: scale(1);
- }
- 100% {
- opacity: 0;
- transform: scale(1.5);
- }
-}
-
-.toggles {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 3;
-}
-
-.toggle {
- position: absolute;
- left: 20px;
- width: 50px;
- height: 50px;
- line-height: 51px;
- box-sizing: border-box;
- text-align: center;
- font-family: sans-serif;
- font-size: 10px;
- font-weight: bold;
- background-color: rgba(255, 255, 255, 0.2);
- color: rgba(0, 0, 0, 0.5);
- border-radius: 50%;
- cursor: pointer;
- transition: background-color 0.3s;
-}
-
-.toggle:hover {
- background-color: rgba(255, 255, 255, 0.25);
-}
-
-.toggle:active {
- background-color: rgba(255, 255, 255, 0.3);
-}
-
-.toggle.active {
- background-color: rgba(255, 255, 255, 0.4);
-}
-
-.splat-toggle {
- top: 20px;
-}
-
-.back-row-toggle {
- top: 90px;
- line-height: 12px;
- padding-top: 14px;
-}
-
-.single-toggle {
- top: 160px;
-}
-
-body.single-toggle .drop {
- display: none;
-}
-
-body.single-toggle .drop:nth-child(10) {
- display: block;
-} \ No newline at end of file