mirror of
https://github.com/Team254/cheesy-arena-lite.git
synced 2026-03-09 21:56:50 -04:00
88 lines
1.5 KiB
CSS
88 lines
1.5 KiB
CSS
/*
|
|
Copyright 2018 Team 254. All Rights Reserved.
|
|
Author: pat@patfairbank.com (Patrick Fairbank)
|
|
*/
|
|
|
|
html {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
body {
|
|
height: 100%;
|
|
font-family: FuturaLTBold;
|
|
color: #fff;
|
|
}
|
|
.center {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.position-row {
|
|
height: 31%;
|
|
}
|
|
#eventStatusRow {
|
|
height: 7%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-evenly;
|
|
background-color: #333;
|
|
font-size: 1.5vw;
|
|
text-transform: uppercase;
|
|
}
|
|
.left-position, .right-position {
|
|
width: 8%;
|
|
height: 100%;
|
|
font-size: 6vw;
|
|
}
|
|
.left-position[data-reversed=false], .right-position[data-reversed=true] {
|
|
background-color: #f44;
|
|
}
|
|
.left-position[data-reversed=true], .right-position[data-reversed=false] {
|
|
background-color: #2080ff;
|
|
}
|
|
.team {
|
|
width: 42%;
|
|
height: 100%;
|
|
background-color: #333;
|
|
font-size: 13vw;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.team-id {
|
|
width: 100%;
|
|
height: 80%;
|
|
}
|
|
.team-id[data-status=no-link] {
|
|
background-color: #963;
|
|
}
|
|
.team-id[data-status=ds-linked] {
|
|
background-color: #ff0;
|
|
color: #333;
|
|
}
|
|
.team-id[data-status=robot-linked] {
|
|
background-color: #0a3;
|
|
}
|
|
.team-id[data-status=radio-linked] {
|
|
background-color: #ff00ff;
|
|
}
|
|
.team-box-row {
|
|
display: flex;
|
|
height: 20%;
|
|
width: 100%;
|
|
}
|
|
.team-box {
|
|
width: 20%;
|
|
height: 100%;
|
|
font-size: 2.5vw;
|
|
background-color: #333;
|
|
}
|
|
.team-box[data-status-ok="true"] {
|
|
background-color: #0a3;
|
|
}
|
|
.team-box[data-status-ok="false"] {
|
|
background-color: #f44;
|
|
}
|
|
.team-box i {
|
|
margin-right: 0.5vw;
|
|
}
|