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    clear: both;
 87}
 88
 89
 90th {
 91    vertical-align: top;
 92    text-align: center;
 93}
 94td {
 95    vertical-align: top;
 96    text-align: right;
 97}
 98
 99p {
100    line-height: 1.4em;
101    margin-bottom: 20px;
102}
103
104hr {
105    border: 1px solid #444;
106}
107
108dl {
109    clear: both;
110}
111dt {
112    white-space: pre;
113    font-weight: bold;
114}
115dd {
116    margin-left: 2em;
117}
118
119
120/**** special cases ****/
121
122.wide {
123    max-width: inherit;
124}
125
126figure {
127    margin: 0.5em 1em;
128    float: right;
129}
130figcaption {
131    font-size: small;
132    text-align: center;
133    font-style: italic;
134}
135
136.scoreboard {
137    background: #222;
138}
139
140.scoreboard td {
141    height: 400px;
142}
143
144#battlefield {
145    border: 2px solid green;
146}
147
148.solved {
149    text-decoration: line-through;
150}