aboutsummaryrefslogtreecommitdiff
path: root/static/css/core.css
diff options
context:
space:
mode:
authorBobby <[email protected]>2024-10-16 18:54:17 -0400
committerBobby <[email protected]>2024-10-16 18:54:17 -0400
commit609cc6264e8a9dfc69666b40f7452300ad22caef (patch)
tree95b9e5de8dcff5b225d753d0e4ff34d45d914476 /static/css/core.css
parente71f872fd9220a4dfb794e1c91d8e8087002b937 (diff)
downloadthatcomputerscientist-609cc6264e8a9dfc69666b40f7452300ad22caef.tar.xz
thatcomputerscientist-609cc6264e8a9dfc69666b40f7452300ad22caef.zip
some japanese translation
Diffstat (limited to 'static/css/core.css')
-rw-r--r--static/css/core.css334
1 files changed, 0 insertions, 334 deletions
diff --git a/static/css/core.css b/static/css/core.css
deleted file mode 100644
index d13338d4..00000000
--- a/static/css/core.css
+++ /dev/null
@@ -1,334 +0,0 @@
-/* Shared CSS File */
-* {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- font-family: "Mali", sans-serif;
- font-size: 11px;
-}
-
-*,
-input,
-button {
- outline: none;
- border: none;
-}
-
-hr {
- border: 0;
- height: 1px;
- background: #fff;
-}
-
-html {
- background-color: #000;
- color: #fff;
-}
-
-#video-background {
- position: fixed;
- top: 0;
- left: 0;
- width: 100vw;
- height: 100vh;
- object-fit: cover;
- z-index: -100;
-}
-
-#video-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background-color: #000;
- opacity: 0.35;
- z-index: -99;
-}
-
-#body-wrapper {
- position: relative;
- z-index: 1;
- width: 1000px;
- margin: 0 auto;
-}
-
-#content-wrapper {
- display: flex;
-}
-
-#left-sidebar {
- width: 200px;
- border-top: 1px solid #fff;
- border-top-left-radius: 14px;
-}
-
-#main-content {
- width: 580px;
- padding: 0 20px;
- border-top: 1px solid #fff;
-}
-
-#right-sidebar {
- width: 200px;
- border-top: 1px solid #fff;
-}
-
-.flip-container {
- perspective: 1000px;
-}
-.flipper {
- position: relative;
- transform-style: preserve-3d;
- transition: transform 0.6s;
-}
-.front,
-.back {
- position: absolute;
- width: 100%;
- height: 100%;
- backface-visibility: hidden;
- display: flex;
- align-items: center;
- justify-content: start;
-}
-.back {
- transform: rotateX(180deg);
-}
-
-.glitch,
-.glow {
- color: #dfbfbf;
- position: relative;
- font-size: 18px;
- font-weight: bold;
- animation: glitch 5s 5s infinite;
-}
-
-.glitch::before,
-.glow::before {
- content: attr(data-text);
- position: absolute;
- left: -2px;
- text-shadow: -5px 0 magenta;
- background: black;
- overflow: hidden;
- top: 0;
- animation: noise-1 3s linear infinite alternate-reverse,
- glitch 5s 5.05s infinite;
-}
-
-.glitch::after,
-.glow::after {
- content: attr(data-text);
- position: absolute;
- left: 2px;
- text-shadow: -5px 0 lightgreen;
- background: black;
- overflow: hidden;
- top: 0;
- animation: noise-2 3s linear infinite alternate-reverse, glitch 5s 5s infinite;
-}
-
-@keyframes glitch {
- 1% {
- transform: rotateX(10deg) skewX(90deg);
- }
- 2% {
- transform: rotateX(0deg) skewX(0deg);
- }
-}
-@keyframes noise-1 {
- 3.3333333333% {
- clip-path: inset(9px 0 46px 0);
- }
- 6.6666666667% {
- clip-path: inset(54px 0 5px 0);
- }
- 10% {
- clip-path: inset(13px 0 46px 0);
- }
- 13.3333333333% {
- clip-path: inset(54px 0 31px 0);
- }
- 16.6666666667% {
- clip-path: inset(80px 0 1px 0);
- }
- 20% {
- clip-path: inset(61px 0 29px 0);
- }
- 23.3333333333% {
- clip-path: inset(39px 0 32px 0);
- }
- 26.6666666667% {
- clip-path: inset(25px 0 43px 0);
- }
- 30% {
- clip-path: inset(68px 0 5px 0);
- }
- 33.3333333333% {
- clip-path: inset(4px 0 42px 0);
- }
- 36.6666666667% {
- clip-path: inset(90px 0 4px 0);
- }
- 40% {
- clip-path: inset(75px 0 25px 0);
- }
- 43.3333333333% {
- clip-path: inset(56px 0 17px 0);
- }
- 46.6666666667% {
- clip-path: inset(24px 0 26px 0);
- }
- 50% {
- clip-path: inset(90px 0 8px 0);
- }
- 53.3333333333% {
- clip-path: inset(22px 0 65px 0);
- }
- 56.6666666667% {
- clip-path: inset(45px 0 29px 0);
- }
- 60% {
- clip-path: inset(93px 0 3px 0);
- }
- 63.3333333333% {
- clip-path: inset(80px 0 12px 0);
- }
- 66.6666666667% {
- clip-path: inset(93px 0 4px 0);
- }
- 70% {
- clip-path: inset(75px 0 17px 0);
- }
- 73.3333333333% {
- clip-path: inset(96px 0 1px 0);
- }
- 76.6666666667% {
- clip-path: inset(68px 0 5px 0);
- }
- 80% {
- clip-path: inset(10px 0 64px 0);
- }
- 83.3333333333% {
- clip-path: inset(78px 0 18px 0);
- }
- 86.6666666667% {
- clip-path: inset(14px 0 36px 0);
- }
- 90% {
- clip-path: inset(54px 0 4px 0);
- }
- 93.3333333333% {
- clip-path: inset(18px 0 65px 0);
- }
- 96.6666666667% {
- clip-path: inset(79px 0 14px 0);
- }
- 100% {
- clip-path: inset(82px 0 11px 0);
- }
-}
-@keyframes noise-2 {
- 0% {
- clip-path: inset(45px 0 42px 0);
- }
- 3.3333333333% {
- clip-path: inset(97px 0 2px 0);
- }
- 6.6666666667% {
- clip-path: inset(98px 0 2px 0);
- }
- 10% {
- clip-path: inset(67px 0 19px 0);
- }
- 13.3333333333% {
- clip-path: inset(28px 0 8px 0);
- }
- 16.6666666667% {
- clip-path: inset(85px 0 2px 0);
- }
- 20% {
- clip-path: inset(94px 0 2px 0);
- }
- 23.3333333333% {
- clip-path: inset(75px 0 3px 0);
- }
- 26.6666666667% {
- clip-path: inset(47px 0 42px 0);
- }
- 30% {
- clip-path: inset(69px 0 9px 0);
- }
- 33.3333333333% {
- clip-path: inset(79px 0 22px 0);
- }
- 36.6666666667% {
- clip-path: inset(50px 0 5px 0);
- }
- 40% {
- clip-path: inset(2px 0 53px 0);
- }
- 43.3333333333% {
- clip-path: inset(74px 0 19px 0);
- }
- 46.6666666667% {
- clip-path: inset(8px 0 57px 0);
- }
- 50% {
- clip-path: inset(96px 0 3px 0);
- }
- 53.3333333333% {
- clip-path: inset(19px 0 36px 0);
- }
- 56.6666666667% {
- clip-path: inset(18px 0 43px 0);
- }
- 60% {
- clip-path: inset(28px 0 50px 0);
- }
- 63.3333333333% {
- clip-path: inset(17px 0 3px 0);
- }
- 66.6666666667% {
- clip-path: inset(77px 0 4px 0);
- }
- 70% {
- clip-path: inset(64px 0 29px 0);
- }
- 73.3333333333% {
- clip-path: inset(57px 0 29px 0);
- }
- 76.6666666667% {
- clip-path: inset(7px 0 62px 0);
- }
- 80% {
- clip-path: inset(27px 0 10px 0);
- }
- 83.3333333333% {
- clip-path: inset(44px 0 5px 0);
- }
- 86.6666666667% {
- clip-path: inset(18px 0 34px 0);
- }
- 90% {
- clip-path: inset(61px 0 39px 0);
- }
- 93.3333333333% {
- clip-path: inset(3px 0 51px 0);
- }
- 96.6666666667% {
- clip-path: inset(28px 0 22px 0);
- }
- 100% {
- clip-path: inset(48px 0 37px 0);
- }
-}
-
-.glow {
- text-shadow: 0 0 1000px #dfbfbf;
- color: transparent;
- position: absolute;
- top: 0;
-}