diff options
| author | stonedDiscord <Tukz@gmx.de> | 2023-04-02 05:22:50 +0200 |
|---|---|---|
| committer | stonedDiscord <Tukz@gmx.de> | 2023-04-02 05:22:50 +0200 |
| commit | 64c9cc154a8f0f3ff5c407b1bf963901c2d2c120 (patch) | |
| tree | c71d6b4f5fd00d9a8e4130c739b260d88cf6ecd5 /webAO/styles | |
| parent | ef4b6e2b772a08cff52bfc9ae6d86c5901ee97eb (diff) | |
rename theme
Diffstat (limited to 'webAO/styles')
| -rw-r--r-- | webAO/styles/default.css | 48 | ||||
| -rw-r--r-- | webAO/styles/speen.css | 134 |
2 files changed, 134 insertions, 48 deletions
diff --git a/webAO/styles/default.css b/webAO/styles/default.css index 96abf60..5e941e0 100644 --- a/webAO/styles/default.css +++ b/webAO/styles/default.css @@ -7,54 +7,6 @@ img { image-rendering: pixelated; } -img { - animation: drunk 500s linear infinite; -} - -#client_chatcontainer { - animation: drunk 1000s ease-in-out infinite; -} - -button:hover { - animation: speen 2s linear reverse infinite; -} - -.area-button:hover { - animation: speen 2s linear infinite; -} - -.menu_button { - animation: speen 2s linear infinite; -} - -@keyframes drunk { - 0% { - transform: rotate(0); - } - - 20% { - transform: rotate(20deg); - } - - 80% { - transform: rotate(-20deg); - } - - 100% { - transform: rotate(0deg); - } -} - -@keyframes speen { - 0% { - transform: rotate(0); - } - - 100% { - transform: rotate(360deg); - } -} - .client_button { margin: 1px; padding: 2px 15px; diff --git a/webAO/styles/speen.css b/webAO/styles/speen.css new file mode 100644 index 0000000..96abf60 --- /dev/null +++ b/webAO/styles/speen.css @@ -0,0 +1,134 @@ +body { + font-family: sans-serif; +} + +img { + image-rendering: crisp-edges; + image-rendering: pixelated; +} + +img { + animation: drunk 500s linear infinite; +} + +#client_chatcontainer { + animation: drunk 1000s ease-in-out infinite; +} + +button:hover { + animation: speen 2s linear reverse infinite; +} + +.area-button:hover { + animation: speen 2s linear infinite; +} + +.menu_button { + animation: speen 2s linear infinite; +} + +@keyframes drunk { + 0% { + transform: rotate(0); + } + + 20% { + transform: rotate(20deg); + } + + 80% { + transform: rotate(-20deg); + } + + 100% { + transform: rotate(0deg); + } +} + +@keyframes speen { + 0% { + transform: rotate(0); + } + + 100% { + transform: rotate(360deg); + } +} + +.client_button { + margin: 1px; + padding: 2px 15px; + cursor: pointer; + text-align: center; + font-weight: bold; + color: white; + background-color: #7b2900; + border-radius: 3px; + border-style: solid; + border-width: 1px; + border-color: #fff; + box-shadow: 1px 1px inset; +} + +.objection_button { + margin: 1px; + padding: 7px 15px; + cursor: pointer; + text-align: center; + font-weight: bold; + color: white; + background-color: #7b2900; + border-radius: 3px; + border-style: solid; + border-width: 1px; + border-color: #fff; + box-shadow: 1px 1px inset; +} + +.evi_icon { + width: 70px; + min-width: 70px; + height: 70px; + background-color: #7b7b7b; + outline: 2px ridge #fff; + outline-offset: -2px; + margin-right: 2px; +} + +#client_defense_hp { + text-align: left; +} + +#client_defense_hp>.health-bar { + background-color: #169de0; +} + +#client_prosecutor_hp { + text-align: right; +} + +#client_prosecutor_hp>.health-bar { + background-color: #e01f5f; +} + +.health-box { + background-color: #555; + height: 20px; + width: 50%; + margin: 0 auto; + border: solid 2px #aaa; + border-radius: 5px; + box-sizing: border-box; + display: block; +} + +.health-bar { + width: 100%; + height: 100%; + border-radius: 3px; + bottom: 0; + position: relative; + display: inline-block; + transition: 1s linear; + transition-property: width; +}
\ No newline at end of file |
