Battleship/index.css

78 lines
1.1 KiB
CSS
Raw Normal View History

.playfields,
.cellx{
2022-01-16 10:52:50 +01:00
border: 1px solid white;
border-collapse: collapse;
}
td > div{
color: white;
}
.cellx{
2022-01-16 10:52:50 +01:00
text-align: center;
height: 100%;
padding: 0.78%;
2022-01-16 10:52:50 +01:00
}
2022-01-16 13:56:53 +01:00
#playfield {
2022-01-16 10:52:50 +01:00
width: 100%;
height: 100%;
}
#localdiv,
#remotediv {
width: 100%;
height: 100%;
2022-01-16 13:56:53 +01:00
}
#localauxdiv,
#remoteauxdiv {
width: 100%;
height: 100%;
2022-01-16 10:52:50 +01:00
float: center;
}
#local,
#remote {
width: 100%;
height: 100%;
table-layout: fixed;
object-fit: contain;
}
2022-01-16 13:56:53 +01:00
#localaux,
#remoteaux {
width: 100%;
height: 100%;
table-layout: fixed;
object-fit: contain;
}
body{
background-color: #666;
}
#maingrids{
width: 100%;
height: 100%;
}
.mainboards{
width: 68%;
height: 100%;
display: inline-block;
}
.auxboards{
width: 30%;
height: 100%;
display: inline-block;
padding-left: 1%;
}
#locals,
#remotes{
height: 50%;
table-layout: fixed;
object-fit: contain;
}
.localcellx{
2022-01-16 18:53:51 +01:00
background-color: #2d772d;
}
.remotecellx{
2022-01-16 18:53:51 +01:00
background-color: #941f1f;
}
.localauxcellx{
2022-01-16 18:53:51 +01:00
background-color: #006100;
}
.remoteauxcellx{
2022-01-16 19:23:46 +01:00
background-color: #6b0000;
2022-01-16 10:52:50 +01:00
}