]>
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 | ||
9a652929 MG |
42 | span[title]:after { |
43 | content: " ✗"; | |
44 | } | |
45 | ||
01ba3ddc | 46 | span[title] { |
9a652929 | 47 | color: #D33; |
01ba3ddc MG |
48 | font-family: monospace; |
49 | font-size: 1.25em; | |
50 | margin-right: 1.5em; | |
51 | } | |
52 | ||
53 | ||
54 | span[title].done { | |
9a652929 MG |
55 | color: #8F8; |
56 | } | |
57 | ||
58 | span[title].done:after { | |
59 | content: " ✓"; | |
01ba3ddc MG |
60 | } |
61 | ||
62 | dl { | |
63 | font-family: monospace; | |
64 | font-size: 1.25em; | |
65 | margin-top: 0; | |
66 | } | |
67 | ||
68 | dt { | |
69 | font-weight: bold; | |
70 | float: left; | |
71 | clear: left; | |
72 | } | |
73 | ||
74 | dt:after { | |
75 | content: ":"; | |
76 | } | |
77 | ||
78 | dd { | |
79 | float: left; | |
80 | margin-left: 1em; | |
81 | } | |
82 | ||
83 | footer { | |
84 | margin-top: 1em; | |
85 | text-align: center; | |
86 | clear: both; | |
87 | } | |
88 | ||
89 | a:link { | |
90 | color: #66F; | |
91 | text-decoration: none; | |
92 | } | |
93 | ||
94 | a:visited { | |
95 | color: #84B; | |
96 | } | |
97 | ||
98 | @media (min-width: 500px) { | |
99 | .cols { | |
100 | -moz-columns: 2; | |
101 | -webkit-columns: 2; | |
102 | } | |
103 | } |