]>
Commit | Line | Data |
---|---|---|
01ba3ddc MG |
1 | html { |
2 | color: #DDD; | |
3 | background-color: #000; | |
4 | margin: 0; | |
5 | padding: 0 2% 1%; | |
6 | line-height: 1.5; | |
7 | } | |
8 | ||
9 | h2 { | |
10 | text-align: center; | |
11 | display: table; | |
12 | white-space: nowrap; | |
13 | margin: 0.5em; | |
14 | text-transform: uppercase; | |
15 | font-family: monospace; | |
16 | font-size: 1.5em; | |
17 | font-weight: 100; | |
18 | } | |
19 | ||
20 | h2:before, | |
21 | h2:after { | |
22 | content: ' '; | |
23 | display: table-cell; | |
24 | position: relative; | |
25 | top: 0.55em; | |
26 | width: 48%; | |
27 | border-top: 1px dashed #BBB; | |
28 | } | |
29 | ||
30 | h2:before { | |
31 | right: 1.5%; | |
32 | } | |
33 | ||
34 | h2:after { | |
35 | left: 1.5%; | |
36 | } | |
37 | ||
38 | #title { | |
39 | text-align: center; | |
40 | } | |
41 | ||
42 | span[title] { | |
9a652929 | 43 | color: #D33; |
01ba3ddc MG |
44 | font-family: monospace; |
45 | font-size: 1.25em; | |
46 | margin-right: 1.5em; | |
47 | } | |
48 | ||
49 | ||
50 | span[title].done { | |
9a652929 | 51 | color: #8F8; |
97c8b5c7 | 52 | text-decoration: underline; |
01ba3ddc MG |
53 | } |
54 | ||
55 | dl { | |
56 | font-family: monospace; | |
57 | font-size: 1.25em; | |
58 | margin-top: 0; | |
59 | } | |
60 | ||
61 | dt { | |
62 | font-weight: bold; | |
63 | float: left; | |
64 | clear: left; | |
65 | } | |
66 | ||
67 | dt:after { | |
68 | content: ":"; | |
69 | } | |
70 | ||
71 | dd { | |
72 | float: left; | |
73 | margin-left: 1em; | |
74 | } | |
75 | ||
76 | footer { | |
77 | margin-top: 1em; | |
78 | text-align: center; | |
79 | clear: both; | |
80 | } | |
81 | ||
82 | a:link { | |
83 | color: #66F; | |
84 | text-decoration: none; | |
85 | } | |
86 | ||
87 | a:visited { | |
88 | color: #84B; | |
89 | } | |
90 | ||
91 | @media (min-width: 500px) { | |
92 | .cols { | |
93 | -moz-columns: 2; | |
94 | -webkit-columns: 2; | |
95 | } | |
96 | } |