mirror of https://github.com/dirtbags/moth.git
141 lines
1.6 KiB
CSS
141 lines
1.6 KiB
CSS
|
/* green phosphor: #2a4 */
|
||
|
|
||
|
/**** document ****/
|
||
|
|
||
|
html {
|
||
|
background: #112 url(grunge.png) repeat-x;
|
||
|
}
|
||
|
|
||
|
body {
|
||
|
font-family: sans-serif;
|
||
|
color: #ddc;
|
||
|
padding: 10px;
|
||
|
max-width: 700px;
|
||
|
}
|
||
|
|
||
|
/**** heading ****/
|
||
|
|
||
|
h1:first-child {
|
||
|
text-transform: lowercase;
|
||
|
font-size: 1.6em;
|
||
|
padding: 3px;
|
||
|
margin: 0 0 1em 70px;
|
||
|
}
|
||
|
|
||
|
h1:first-child:before {
|
||
|
color: #ddc;
|
||
|
letter-spacing: -0.1em;
|
||
|
content: "Capture The Flag: ";
|
||
|
}
|
||
|
|
||
|
/**** body ****/
|
||
|
|
||
|
a img {
|
||
|
border: 0px;
|
||
|
}
|
||
|
|
||
|
a {
|
||
|
text-decoration: underline;
|
||
|
color: #84b;
|
||
|
}
|
||
|
|
||
|
a:hover {
|
||
|
color: #2a4;
|
||
|
background: #333;
|
||
|
}
|
||
|
|
||
|
|
||
|
h1, h2, h3 {
|
||
|
color: #b71;
|
||
|
letter-spacing: -0.05em;
|
||
|
}
|
||
|
|
||
|
.readme {
|
||
|
background-color: #333;
|
||
|
margin: 1em;
|
||
|
}
|
||
|
|
||
|
pre {
|
||
|
background-color: #333;
|
||
|
border: solid #ddc 2px;
|
||
|
padding: 0.25em;
|
||
|
}
|
||
|
|
||
|
|
||
|
th {
|
||
|
vertical-align: top;
|
||
|
text-align: center;
|
||
|
}
|
||
|
td {
|
||
|
vertical-align: top;
|
||
|
text-align: left;
|
||
|
}
|
||
|
|
||
|
dt {
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
p {
|
||
|
line-height: 1.4em;
|
||
|
margin-bottom: 20px;
|
||
|
}
|
||
|
|
||
|
hr {
|
||
|
border: 1px solid #ddc;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
/*** navigation bar ***/
|
||
|
|
||
|
nav h2 {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
nav ul {
|
||
|
list-style: none;
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
nav li {
|
||
|
display: inline;
|
||
|
}
|
||
|
|
||
|
nav li a {
|
||
|
text-transform: lowercase;
|
||
|
font-size: 0.9em;
|
||
|
}
|
||
|
|
||
|
nav li + li:before {
|
||
|
content: " | ";
|
||
|
}
|
||
|
|
||
|
/**** special cases ****/
|
||
|
|
||
|
.wide {
|
||
|
max-width: inherit;
|
||
|
}
|
||
|
|
||
|
.figure {
|
||
|
margin: 0.5em 1em;
|
||
|
float: right;
|
||
|
font-size: small;
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
#scoreboard {
|
||
|
background: #112;
|
||
|
}
|
||
|
|
||
|
#scoreboard td {
|
||
|
height: 300px;
|
||
|
}
|
||
|
|
||
|
#battlefield {
|
||
|
border: 2px solid green;
|
||
|
}
|
||
|
|
||
|
.solved {
|
||
|
text-decoration: line-through;
|
||
|
}
|