84 lines
1.0 KiB
CSS
84 lines
1.0 KiB
CSS
|
|
#rts-map-container {
|
|
display: grid;
|
|
grid-template-columns: repeat(50, 16px);
|
|
grid-template-rows: repeat(50, 16px);
|
|
width: 800px;
|
|
height: 800px;
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.rts-tile {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
.path {
|
|
background-color: #ccc;
|
|
}
|
|
|
|
.enclosure {
|
|
background-color: #8f8;
|
|
}
|
|
|
|
.wall {
|
|
background-color: #333;
|
|
}
|
|
|
|
.rts-entity {
|
|
position: absolute;
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
.player {
|
|
background-color: blue;
|
|
}
|
|
|
|
.lion {
|
|
background-color: yellow;
|
|
}
|
|
|
|
.tiger {
|
|
background-color: orange;
|
|
}
|
|
|
|
.jaguar {
|
|
background-color: #c60;
|
|
}
|
|
|
|
.snow_leopard {
|
|
background-color: #ccf;
|
|
}
|
|
|
|
.wolf {
|
|
background-color: #888;
|
|
}
|
|
|
|
.grizzly_bear {
|
|
background-color: #a60;
|
|
}
|
|
|
|
.polar_bear {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.panda {
|
|
background-color: #f0f;
|
|
}
|
|
|
|
#rts-sidebar {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 200px;
|
|
height: 100%;
|
|
border-left: 1px solid black;
|
|
padding: 10px;
|
|
}
|
|
|
|
.rts-animal-item.selected {
|
|
background-color: #fbbf24;
|
|
color: #1a202c;
|
|
}
|