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