C4 inspired stylesheet
This commit is contained in:
parent
6cdeb1a3da
commit
f91b83d3ca
1 changed files with 60 additions and 0 deletions
60
static/c4.css
Normal file
60
static/c4.css
Normal file
|
@ -0,0 +1,60 @@
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue