Riskless/static/css/style.css

142 lines
1.9 KiB
CSS
Raw Normal View History

#players-div {
position: absolute;
right: 0;
top: 0;
padding: 12px;
z-index: 2;
2023-02-18 16:48:31 +00:00
font-family: monospace;
}
#ready {
position: fixed;
bottom: 20px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#ready-button {
font-size: 2em;
color: red;
}
2023-02-16 09:38:03 +00:00
#end-turn {
font-size: 2em;
color: red;
}
#ready-button.active {
font-size: 2em;
color: green;
}
.status-span {
display: inline-block;
font-weight: bold;
width: 20px;
}
.ready {
color: green;
}
.not-ready {
color: red;
}
2023-02-06 12:30:24 +00:00
#map {
position: absolute;
top: 50vh;
left: 50vw;
}
#map-back {
position: absolute;
top: -500px;
left: -500px;
z-index: 0;
}
.node {
border-radius: 50%;
width: 40px;
height: 40px;
border-color: black;
border-style: solid;
border-width: 2px;
position: absolute;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.strength {
margin: auto;
}
.label {
2023-02-06 13:03:25 +00:00
font-weight: bold;
2023-02-06 12:30:24 +00:00
position: absolute;
top: -20px;
}
2023-02-06 13:03:25 +00:00
.actions {
2023-02-06 13:03:25 +00:00
position: absolute;
top: 50px;
}
.hidden {
2023-02-17 12:46:21 +00:00
display: none !important;
2023-02-06 13:03:25 +00:00
}
.east {
border-color: darkgreen;
}
.west {
border-color: darkblue;
}
2023-02-08 15:52:02 +00:00
#info {
font-size: 1.2em;
font-family: monospace;
position: fixed;
bottom: 0;
right: 0;
}
#remaining-reinforcements {
position: fixed;
2023-02-16 09:38:03 +00:00
bottom: 64px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
2023-02-17 12:46:21 +00:00
2023-02-18 15:12:06 +00:00
.modal {
2023-02-17 12:46:21 +00:00
position: fixed;
z-index: 99;
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.2);
}
.modal-content {
display: block;
padding: 12px;
background: white;
}
.button-row {
display: flex;
justify-content: space-between;
margin: 4px;
}