60 lines
864 B
CSS
60 lines
864 B
CSS
body {
|
|
color: #f0f0f0;
|
|
background-color: #333;
|
|
}
|
|
|
|
h1, h1 a {
|
|
color: #fcbb06; /* C4 Yellow */
|
|
}
|
|
|
|
.result {
|
|
background-color: #202020;
|
|
border-color: #4d4d4d;
|
|
}
|
|
|
|
.result:focus {
|
|
background-color: #202020;
|
|
border-color: #fcbb06;
|
|
outline-color: #fcbb06;
|
|
}
|
|
|
|
.result a {
|
|
color: #fcbb06;
|
|
}
|
|
|
|
.note {
|
|
background-color: #333;
|
|
font-size: smaller;
|
|
}
|
|
|
|
.btn.green {
|
|
color: #020;
|
|
background-color: #6f3;
|
|
}
|
|
|
|
.btn.green:hover ,.btn.green:focus {
|
|
background-color: #3f0;
|
|
}
|
|
|
|
.btn.red {
|
|
color: #200;
|
|
background-color: #f36;
|
|
}
|
|
|
|
.btn.red:hover, .btn.red:focus {
|
|
background-color: #f03;
|
|
}
|
|
|
|
@keyframes blinker {
|
|
0% { opacity: 1; }
|
|
40% { opacity: 1; }
|
|
90% { opacity: 0; }
|
|
100% { opacity: 1; }
|
|
}
|
|
|
|
#mapgrid {
|
|
outline: 2px solid #fcbb06;
|
|
background: #fcbb0680;
|
|
animation: blinker 1s infinite;
|
|
}
|
|
|