From aab071896acae33f67fe9d975a2c70a4d2efecbb Mon Sep 17 00:00:00 2001 From: Jack Date: Mon, 13 Jul 2020 17:25:42 +0100 Subject: [PATCH] manowar made me do it --- public/themes/list.json | 5 ++++ public/themes/nausea.css | 63 ++++++++++++++++++++++++++++++++++++++++ 2 files changed, 68 insertions(+) create mode 100644 public/themes/nausea.css diff --git a/public/themes/list.json b/public/themes/list.json index 7658c8753..dd25b3282 100644 --- a/public/themes/list.json +++ b/public/themes/list.json @@ -38,6 +38,11 @@ "bgColor": "#323437", "textColor": "#e2b714" }, + { + "name": "nausea", + "bgColor": "#323437", + "textColor": "#e2b714" + }, { "name": "bushido", "bgColor": "#414755", diff --git a/public/themes/nausea.css b/public/themes/nausea.css new file mode 100644 index 000000000..0f42571fa --- /dev/null +++ b/public/themes/nausea.css @@ -0,0 +1,63 @@ +:root { + --bg-color: #323437; + --main-color: #e2b714; + --caret-color: #e2b714; + --sub-color: #646669; + --text-color: #d1d0c5; + --error-color: #ca4754; + --error-extra-color: #7e2a33; + --colorful-error-color: #ca4754; + --colorful-error-extra-color: #7e2a33; +} + + +@keyframes woah { + 0% { + transform: rotateY(-15deg) skewY(10deg) rotateX(-15deg) scaleX(1.2) scaleY(.9); + } + + 25% { + transform: rotateY(15deg) skewY(-10deg) rotateX(15deg) scaleX(1) scaleY(.8); + } + + 50% { + transform: rotateY(-15deg) skewY(10deg) rotateX(-15deg) scaleX(0.9) scaleY(.9); + } + + 75% { + transform: rotateY(15deg) skewY(-10deg) rotateX(15deg) scaleX(1.5) scaleY(1.1); + } + + 100% { + transform: rotateY(-15deg) skewY(10deg) rotateX(-15deg) scaleX(1.2) scaleY(.9); + } +} + +@keyframes plsstop { + 0% { + background: #323437; + } + + 50% { + background: #3e4146; + } + + + 100% { + background: #323437; + } +} + +#middle { + animation: woah 7s infinite cubic-bezier(0.5, 0, 0.5, 1); +} + +#centerContent { + transform: rotate(5deg); + perspective: 500px; +} + +body { + animation: plsstop 10s infinite cubic-bezier(0.5, 0, 0.5, 1); + overflow: hidden; +} \ No newline at end of file