summaryrefslogtreecommitdiff
path: root/public/assets/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'public/assets/style.css')
-rw-r--r--public/assets/style.css44
1 files changed, 36 insertions, 8 deletions
diff --git a/public/assets/style.css b/public/assets/style.css
index a6b425b..b17d5ae 100644
--- a/public/assets/style.css
+++ b/public/assets/style.css
@@ -14,7 +14,8 @@ body {
}
-button, input[type="submit"] {
+button,
+input[type="submit"] {
background-color: #1e362e;
color: #fff;
border: none;
@@ -22,11 +23,13 @@ button, input[type="submit"] {
cursor: pointer;
}
-button:hover:not(:disabled), input[type="submit"]:hover:not(:disabled) {
+button:hover:not(:disabled),
+input[type="submit"]:hover:not(:disabled) {
background-color: #000;
}
-button:disabled, input[type="submit"]:disabled {
+button:disabled,
+input[type="submit"]:disabled {
color: #606060;
}
@@ -72,14 +75,17 @@ button:disabled, input[type="submit"]:disabled {
.icon-arrow-up {
background-image: url("/assets/img/icons/openmojis/1F53A.svg");
}
+
.icon-arrow-down {
background-image: url("/assets/img/icons/openmojis/1F53A.svg");
transform: rotate(180deg);
}
+
.icon-arrow-left {
background-image: url("/assets/img/icons/openmojis/1F53A.svg");
transform: rotate(270deg);
}
+
.icon-arrow-right {
background-image: url("/assets/img/icons/openmojis/1F53A.svg");
transform: rotate(90deg);
@@ -109,7 +115,7 @@ button:disabled, input[type="submit"]:disabled {
grid-template-columns: 2fr 2fr 2fr 2fr 1fr;
}
-.resources > div {
+.resources>div {
padding: 0.25rem;
border: 1px solid #000;
@@ -117,7 +123,7 @@ button:disabled, input[type="submit"]:disabled {
align-items: center;
}
-.resources > div > *:not(:first-child) {
+.resources>div>*:not(:first-child) {
margin-left: 0.25rem;
}
@@ -125,6 +131,10 @@ button:disabled, input[type="submit"]:disabled {
font-size: 1.25em;
}
+.resources .icon-storage {
+ cursor: pointer;
+}
+
/* Map */
@@ -134,7 +144,8 @@ button:disabled, input[type="submit"]:disabled {
padding: 2rem;
}
-.map__up, .map__down {
+.map__up,
+.map__down {
position: absolute;
width: 100%;
text-align: center;
@@ -150,7 +161,8 @@ button:disabled, input[type="submit"]:disabled {
left: 0;
}
-.map__left, .map__right {
+.map__left,
+.map__right {
position: absolute;
height: 100%;
@@ -194,11 +206,27 @@ button:disabled, input[type="submit"]:disabled {
display: flex;
justify-content: center;
align-items: center;
+
+ position: relative;
+}
+
+.map__village--center,
+.map__village:hover {
+ border-color: #999;
}
-.map__village a {
+.map__village a:not(.center-anchor) {
text-decoration: none;
border: 2px solid #fff;
padding: 0 0.25rem;
background: rgba(255, 255, 255, 0.8);
}
+
+.map__village .center-anchor {
+ position: absolute;
+ left: 5px;
+ top: 0;
+
+ text-decoration: none;
+ color: #fff;
+} \ No newline at end of file