vail/static/vail.css

97 lines
1.3 KiB
CSS
Raw Normal View History

2022-05-14 18:51:05 -06:00
.navbar-item img {
margin-right: 1em;
}
2020-04-20 22:12:30 -06:00
.key {
2022-05-14 21:17:44 -06:00
width: 95%;
2022-05-14 18:51:05 -06:00
height: 6em;
}
.wide {
width: 100%;
2022-04-26 11:55:43 -06:00
}
.mashable-area {
user-select: none;
-webkit-user-select: none; /* 2022-04-26 Safari still needs this */
2020-04-10 08:27:35 -06:00
}
2022-06-06 10:55:11 -06:00
.tag.recv-lamp {
background-color: #444;
color: white;
}
.tag.recv-lamp.connected {
background-color: #fec;
2022-06-06 13:49:52 -06:00
color: black;
2022-06-06 10:55:11 -06:00
}
.tag.recv-lamp.rx,
.tag.recv-lamp.connected.rx {
2022-05-14 18:51:05 -06:00
background-color: orange;
2022-06-06 13:49:52 -06:00
color: black;
}
2022-05-14 18:51:05 -06:00
input[type=range] {
height: 25px;
margin: 10px 0;
width: 100%;
accent-color: #00d1b2;
2020-04-26 21:43:55 -06:00
}
2022-05-14 18:51:05 -06:00
.bottom {
position: fixed;
bottom: 0;
width: 100vw;
}
2020-05-01 15:07:09 -06:00
#errors {
2022-05-14 18:51:05 -06:00
max-height: 10em;
2020-05-01 15:07:09 -06:00
overflow-y: scroll;
}
@keyframes yellow-fade {
2022-05-14 18:51:05 -06:00
0% {background-color: orange;}
100% {background-color: default;}
2020-05-01 15:07:09 -06:00
}
#errors p {
2022-05-14 18:51:05 -06:00
background-color: #444;
color: white;
margin: 0.5em;
padding: 0.2em;
border-radius: 4px;
text-align: center;
animation: yellow-fade 0.3s ease-in 1;
2020-05-01 15:07:09 -06:00
}
kbd {
background-color: #eee;
2022-05-14 21:17:44 -06:00
color: black;
2020-05-01 15:07:09 -06:00
border: 1px solid #bbb;
border-radius: 3px;
2022-05-08 11:33:25 -06:00
font-size: 66%;
2020-05-01 15:07:09 -06:00
padding: .1em .6em;
2021-04-25 22:16:06 -06:00
cursor: default;
2022-05-08 11:33:25 -06:00
vertical-align: middle;
2020-05-19 08:21:33 -06:00
}
2021-04-25 22:16:06 -06:00
kbd.gamepad {
2020-05-19 08:21:33 -06:00
color: white;
font-weight: bold;
background-color: #444;
border-radius: 50%;
height: 10px;
width: 10px;
}
2020-05-01 15:07:09 -06:00
2020-04-10 08:27:35 -06:00
code {
background-color: #333;
color: #fff;
padding: 0.1em;
}
2020-04-10 10:23:40 -06:00
2022-04-24 17:13:56 -06:00
#charts {
line-height: 0;
}
#charts canvas {
height: 0.5em;
width: 100%;
2022-05-22 21:37:36 -06:00
}