|
|
|
@@ -71,8 +71,8 @@ button { |
|
|
|
position: absolute; |
|
|
|
width: 400px; |
|
|
|
right: 5%; |
|
|
|
top: 20%; |
|
|
|
height: 20%; |
|
|
|
top: 15%; |
|
|
|
height: 25%; |
|
|
|
} |
|
|
|
|
|
|
|
#buildings-area { |
|
|
|
@@ -89,22 +89,9 @@ button { |
|
|
|
overflow-x: hidden; |
|
|
|
overflow-y: scroll; |
|
|
|
max-height: 70vh; |
|
|
|
max-width: 400px; |
|
|
|
} |
|
|
|
|
|
|
|
@media (max-aspect-ratio: 1/1) { |
|
|
|
|
|
|
|
body #buildings-area { |
|
|
|
top: 50%; |
|
|
|
left: 50%; |
|
|
|
width: 50%; |
|
|
|
height: 45%; |
|
|
|
max-height: 40vh; |
|
|
|
} |
|
|
|
|
|
|
|
body #buildings-list { |
|
|
|
max-height: 40vh; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
#building-tooltip { |
|
|
|
position: fixed; |
|
|
|
@@ -267,8 +254,10 @@ button { |
|
|
|
#upgrades-list { |
|
|
|
display: flex; |
|
|
|
flex-wrap: wrap; |
|
|
|
max-height: 20%; |
|
|
|
padding-bottom: 75px; |
|
|
|
max-height: 25%; |
|
|
|
height: 25%; |
|
|
|
width: 400px; |
|
|
|
padding-bottom: 100px; |
|
|
|
overflow-x: hidden; |
|
|
|
overflow-y: overlay; |
|
|
|
} |
|
|
|
@@ -325,9 +314,7 @@ button { |
|
|
|
background-color: #444; |
|
|
|
transition: 0.2s; |
|
|
|
text-align: center; |
|
|
|
border: 2px; |
|
|
|
border-style: solid; |
|
|
|
border-color: black; |
|
|
|
box-shadow: inset 0px 0px 0px 2px black; |
|
|
|
} |
|
|
|
|
|
|
|
.upgrade-button > .fas { |
|
|
|
@@ -341,7 +328,7 @@ button { |
|
|
|
|
|
|
|
.upgrade-button:hover { |
|
|
|
background-color: #999; |
|
|
|
border-color: #888; |
|
|
|
box-shadow: inset 0px 0px 0px 2px red; |
|
|
|
} |
|
|
|
|
|
|
|
.upgrade-button-inactive { |
|
|
|
|
