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