summaryrefslogtreecommitdiff
path: root/resources/css
diff options
context:
space:
mode:
Diffstat (limited to 'resources/css')
-rw-r--r--resources/css/battle.css1
-rw-r--r--resources/css/menu.css28
-rw-r--r--resources/css/page.css10
-rw-r--r--resources/css/town.css24
4 files changed, 55 insertions, 8 deletions
diff --git a/resources/css/battle.css b/resources/css/battle.css
index 748dad1..681b2e6 100644
--- a/resources/css/battle.css
+++ b/resources/css/battle.css
@@ -7,7 +7,6 @@
flex-direction: column;
justify-content: space-between;
- background-image: url('/modules/tuxemon/mods/tuxemon/gfx/ui/combat/sea_background.png');
background-size: cover;
}
diff --git a/resources/css/menu.css b/resources/css/menu.css
index 8b0cb0b..82ba18e 100644
--- a/resources/css/menu.css
+++ b/resources/css/menu.css
@@ -112,15 +112,24 @@
.status__area > span > span {
margin: 0 0.5rem;
}
+.status__area img {
+ cursor: pointer;
+}
.status__numbers {
- display: flex;
- justify-content: space-between;
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
}
.status__numbers > span {
display: flex;
align-items: center;
}
+.status__numbers > span:nth-child(2) {
+ justify-content: center;
+}
+.status__numbers > span:nth-child(3) {
+ justify-content: flex-end;
+}
.status__numbers > span > span {
margin-left: 0.5rem;
}
@@ -325,3 +334,18 @@
font-size: 2rem;
width: 80vw;
}
+
+
+
+
+.menu__settings {
+ padding: 1rem;
+ display: grid;
+ grid-gap: 1rem;
+}
+
+.setting-highlight {
+ border: 2px solid yellow;
+ stroke: yellow;
+ stroke-width: 2px;
+}
diff --git a/resources/css/page.css b/resources/css/page.css
index 57c46a5..635a160 100644
--- a/resources/css/page.css
+++ b/resources/css/page.css
@@ -27,3 +27,13 @@ img {
.hidden {
display: none;
}
+
+svg {
+ width: 100%;
+ height: 100%;
+ display: block;
+}
+
+svg [data-location] {
+ cursor: pointer;
+}
diff --git a/resources/css/town.css b/resources/css/town.css
index b8be144..832c3d8 100644
--- a/resources/css/town.css
+++ b/resources/css/town.css
@@ -1,11 +1,25 @@
#scene__town {}
-#scene__town svg {
- width: 100%;
- height: 100%;
- display: block;
+
+
+
+.healing-center {
+ padding: 1rem;
+}
+
+
+
+
+.shop {
+ padding: 1rem;
+
+ display: grid;
+ grid-gap: 1rem;
}
-svg [data-location] {
+.shop__item {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
cursor: pointer;
}