aboutsummaryrefslogtreecommitdiff
path: root/static/pages/login/index.css
diff options
context:
space:
mode:
Diffstat (limited to 'static/pages/login/index.css')
-rw-r--r--static/pages/login/index.css153
1 files changed, 0 insertions, 153 deletions
diff --git a/static/pages/login/index.css b/static/pages/login/index.css
deleted file mode 100644
index d9d0f41..0000000
--- a/static/pages/login/index.css
+++ /dev/null
@@ -1,153 +0,0 @@
-#container {
- background: var(--page-background);
- overflow: hidden;
- width: 100%;
- height: 100%;
- z-index: 1000;
- position: absolute;
- top: 0;
- bottom: 0;
- transition: top 0.2s ease;
-}
-
-#container.hidden {
- top: -100%;
-}
-
-#box {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- max-width: 300px;
- width: 100%;
- padding: 0px;
- box-shadow: #223223aa 1px 1px 4px;
- border-radius: var(--border-radius);
- z-index: 5000;
- display: grid;
- grid-template-columns: auto 30px;
- background: #ffffff99;
- backdrop-filter: blur(10px);
-}
-
-#box input {
- border-top-right-radius: 0px;
- border-bottom-right-radius: 0px;
- background: #0000;
-}
-
-#box #submit {
- border-top-left-radius: 0px;
- border-bottom-left-radius: 0px;
- background: var(--page-background);
- color: var(--fg);
- padding: 5px;
- background: #0000;
-}
-
-#username-label {
- position: absolute;
- top: calc(50% - 40px);
- left: 50%;
- transform: translate(-50%, -50%);
- z-index: 10000;
- user-select: none;
- color: var(--fg-primary);
- font-size: 0.8em;
- cursor: pointer;
-}
-#comment {
- position: absolute;
- top: calc(50% + 40px);
- left: 50%;
- transform: translate(-50%, -50%);
- z-index: 10000;
- user-select: none;
- color: var(--primary);
- font-size: 0.8em;
- cursor: pointer;
-}
-
-#title {
- font-family: 'Pacifico';
- position: absolute;
- width: 100%;
- height: 100%;
- text-align: center;
- top: 0px;
- padding-top: 50px;
- font-size: 2.5em;
- z-index: 1000;
- text-shadow: -1px -1px 0 var(--page-background),
- 1px 1px 0 var(--page-background),
- 1px -1px 0 var(--page-background),
- -1px 1px 0 var(--page-background);
- overflow: hidden;
-}
-
-@keyframes left-bubble {
- from {
- width: 0px;
- height: 0px;
- }
- to {
- width: 100vw;
- height: 100vw;
- }
-}
-
-#title:before {
- content: '';
- display: block;
- position: absolute;
- top: -30px;
- left: 0px;
- background: var(--primary);
- transform: translate(-50%, -50%);
- border-radius: 100%;
- z-index: -1;
- animation: left-bubble 1s normal forwards ease;
- width: 100vw;
- height: 100vw;
-}
-
-@keyframes right-bubble {
- from {
- width: 0px;
- height: 0px;
- }
- to {
- width: 200vw;
- height: 200vw;
- }
-}
-
-#title:after {
- content: '';
- display: block;
- position: absolute;
- bottom: 55%;
- right: 0px;
- width: 200vw;
- height: 200vw;
- transform: translate(50%, 50%);
- background: var(--fg);
- border-radius: 100%;
- z-index: -2;
- animation: right-bubble 1s normal forwards ease;
-}
-#subtitle {
- position: absolute;
- bottom: 50px;
- left: 50%;
- transform: translate(-50%, 0);
- white-space: nowrap;
- font-family: 'Pacifico';
- color: #69717d;
- z-index: 1000;
- text-shadow: -1px -1px 0 var(--page-background),
- 1px 1px 0 var(--page-background),
- 1px -1px 0 var(--page-background),
- -1px 1px 0 var(--page-background);
-}