diff options
Diffstat (limited to 'public')
-rw-r--r-- | public/assets/style.css | 44 |
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 |