aboutsummaryrefslogtreecommitdiff
path: root/webAO/styles/cyber.css
diff options
context:
space:
mode:
authorDavid Skoland <davidskoland@gmail.com>2023-12-19 02:12:20 +0100
committerDavid Skoland <davidskoland@gmail.com>2023-12-19 02:13:55 +0100
commit4f67d8dd1d697b704af6fe1a2b9b85c7e893c946 (patch)
treec06aedbaec9b580005794d5f42a6e1f8fca685c4 /webAO/styles/cyber.css
parent43074242c8278af037fb04f7a8dee7f7521272ce (diff)
Use client_button instead of objection_button
Currently, we use objection_button class for the shouts, but the toggleShout function actually changes it to client_button instead. This makes it change style (height) whenever it is pressed. We can fix this by just using client_button. That makes it look more like the rest of the buttons as well. Since we don't use objection_button anymore, remove it from the styles.
Diffstat (limited to 'webAO/styles/cyber.css')
-rw-r--r--webAO/styles/cyber.css49
1 files changed, 24 insertions, 25 deletions
diff --git a/webAO/styles/cyber.css b/webAO/styles/cyber.css
index 036938d..0863435 100644
--- a/webAO/styles/cyber.css
+++ b/webAO/styles/cyber.css
@@ -8,8 +8,13 @@ img {
}
@keyframes bg-scrolling {
- 0% { background-position: 0 0; }
- 100% { background-position: 5px 5px; }
+ 0% {
+ background-position: 0 0;
+ }
+
+ 100% {
+ background-position: 5px 5px;
+ }
}
@keyframes idling {
@@ -28,13 +33,13 @@ img {
#evi_name {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFElEQVQImWNgYGDYjAVTV/A/w2YAfxQSe53wkNkAAAAASUVORK5CYII=) repeat;
- animation: bg-scrolling 0.2s infinite linear;
+ animation: bg-scrolling 0.2s infinite linear;
}
#evi_desc {
flex: 1 auto;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFElEQVQImWNgYGDYjAVTV/A/w2YAfxQSe53wkNkAAAAASUVORK5CYII=) repeat;
- animation: bg-scrolling 0.2s infinite linear;
+ animation: bg-scrolling 0.2s infinite linear;
}
.evi_icon {
@@ -49,20 +54,25 @@ img {
#client_menu {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFElEQVQImWNgYGDYjAVTV/A/w2YAfxQSe53wkNkAAAAASUVORK5CYII=) repeat;
- animation: bg-scrolling 0.2s infinite linear;
+ animation: bg-scrolling 0.2s infinite linear;
overflow-y: auto;
height: 100%;
}
@keyframes shutter-effect {
- 0% { background-position: 0 0; }
- 100% { background-position: 0 4px; }
+ 0% {
+ background-position: 0 0;
+ }
+
+ 100% {
+ background-position: 0 4px;
+ }
}
#client_iccontrols {
- width: 100%;
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFElEQVQImWNgYGDYjAVTV/A/w2YAfxQSe53wkNkAAAAASUVORK5CYII=) repeat;
- animation: bg-scrolling 0.2s infinite linear;
+ width: 100%;
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFElEQVQImWNgYGDYjAVTV/A/w2YAfxQSe53wkNkAAAAASUVORK5CYII=) repeat;
+ animation: bg-scrolling 0.2s infinite linear;
}
.menu_text {
@@ -93,21 +103,10 @@ img {
border: green solid 1px;
}
-.objection_button {
- min-width: 6em;
- margin: 1px;
- padding: 6px 2px;
- cursor: pointer;
- text-align: center;
- color: black;
- background-color: green;
- border: greenyellow solid 1px;
-}
-
#client_log {
color: white;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFElEQVQImWNgYGDYjAVTV/A/w2YAfxQSe53wkNkAAAAASUVORK5CYII=) repeat;
- animation: bg-scrolling 0.2s infinite linear;
+ animation: bg-scrolling 0.2s infinite linear;
}
#client_defense_hp {
@@ -139,7 +138,7 @@ img {
position: relative;
display: inline-block;
transition: 1s linear;
- transition-property: width;
- background-color: #00b800;
+ transition-property: width;
+ background-color: #00b800;
border-color: #84ff84 transparent #009c00 transparent;
-} \ No newline at end of file
+}