summaryrefslogtreecommitdiff
path: root/resources/css/battle.css
diff options
context:
space:
mode:
Diffstat (limited to 'resources/css/battle.css')
-rw-r--r--resources/css/battle.css34
1 files changed, 28 insertions, 6 deletions
diff --git a/resources/css/battle.css b/resources/css/battle.css
index 2c09e5a..0052072 100644
--- a/resources/css/battle.css
+++ b/resources/css/battle.css
@@ -78,15 +78,25 @@
.battle__monster-img {
cursor: pointer;
transition-property: filter;
+
+ width: 90px;
}
.battle__monster-img.damaged {
filter: brightness(2);
}
-.battle__monster-sprite__animation {
+
+.battle__technique-animation {
position: fixed;
z-index: 10;
}
+.battle__opponent__trainer-sprite {
+ position: absolute;
+ top: 0;
+ right: 0;
+ height: 120px;
+}
+
.battle__monster-technique {
background-color: beige;
border: 2px solid #000;
@@ -97,18 +107,27 @@
cursor: pointer;
}
-.battle__monster-technique__name {}
-.battle__monster-technique__types {}
-.battle__monster-technique__power {}
-.battle__monster--player {
- flex-direction: row-reverse;
+
+
+
+.battle__monster--opponent {
+ align-items: flex-start;
}
+
.battle__monster--opponent .battle__monster-info-exp,
.battle__monster--opponent .battle__monster-technique {
display: none;
}
+.battle__monster--player {
+ flex-direction: row-reverse;
+ align-items: flex-end;
+}
+
+
+
+
.exp-bar {
width: 100%;
}
@@ -124,6 +143,9 @@
width: 0%;
}
+
+
+
.hp-bar {
flex-grow: 1;
}