tanks

dirtbags.css

  1/**** document ****/
  2
  3html {
  4    background: #eed url(/assets/images/grunge.png) repeat-x;
  5}
  6
  7body {
  8    font-family: sans-serif;
  9    color: #112;
 10    padding: 10px;
 11    max-width: 700px;
 12}
 13
 14/**** heading ****/
 15
 16#title {
 17    text-transform: lowercase;
 18    font-size: 1.6em;
 19    padding: 3px;
 20    margin: 0 0 1em 2em;
 21}
 22
 23#title:before {
 24   color: #999;
 25   letter-spacing: -0.1em;
 26   content: "Dirtbags: ";
 27}
 28
 29/*** left side bar ***/
 30
 31nav h2 {
 32  display: none;
 33}
 34
 35nav ul {
 36  list-style: none;
 37  text-align: center;
 38}
 39
 40nav li {
 41    display: inline;
 42}
 43
 44nav li a {
 45  text-transform: lowercase;
 46  font-size: 0.9em;
 47}
 48
 49nav li + li:before {
 50    content: " | ";
 51}
 52
 53
 54/**** body ****/
 55
 56a img {
 57    border: 0px;
 58}
 59
 60a {
 61    text-decoration: none;
 62    color: #2a4;
 63    font-weight: bold;
 64}
 65
 66a:hover {
 67    color: #ddc;
 68    background: #2a4;
 69}
 70
 71
 72h1, h2, h3 {
 73    color: #464;
 74    letter-spacing: -0.05em;
 75}
 76
 77.readme {
 78    background-color: #ccc;
 79    margin: 1em;
 80}
 81
 82pre {
 83    background-color: #ccc;
 84    border: solid #888 2px;
 85    padding: 0.25em;
 86}
 87
 88
 89th {
 90    vertical-align: top;
 91    text-align: center;
 92}
 93td {
 94    vertical-align: top;
 95    text-align: right;
 96}
 97
 98p {
 99    line-height: 1.4em;
100    margin-bottom: 20px;
101}
102
103hr {
104    border: 1px solid #444;
105}
106
107dt {
108    white-space: pre;
109    background-color: #333;
110    padding: 5px;
111    border: 2px solid green;
112    border-bottom: none;
113    font-weight: bold;
114}
115
116dd {
117    border: 2px solid green;
118    margin: 0px;
119    padding: 5px;
120    background-color: #282828;
121}
122
123
124/**** special cases ****/
125
126.wide {
127    max-width: inherit;
128}
129
130.figure {
131    margin: 0.5em 1em;
132    float: right;
133    font-size: small;
134    text-align: center;
135}
136
137.scoreboard {
138    background: #222;
139}
140
141.scoreboard td {
142    height: 400px;
143}
144
145#battlefield {
146    border: 2px solid green;
147}
148
149.solved {
150    text-decoration: line-through;
151}