author | Lars Hjemli <hjemli@gmail.com> | 2007-05-11 22:29:37 (UTC) |
---|---|---|
committer | Lars Hjemli <hjemli@gmail.com> | 2007-05-11 22:29:37 (UTC) |
commit | f5af0beb6ab569d64950ca55a52a07923917ce81 (patch) (unidiff) | |
tree | 5116ef68974fd94315e5b186c6e9eecb6b572f6e | |
parent | 9f48df63f6d8d9a8abcc02cd2f08293da7081520 (diff) | |
download | cgit-f5af0beb6ab569d64950ca55a52a07923917ce81.zip cgit-f5af0beb6ab569d64950ca55a52a07923917ce81.tar.gz cgit-f5af0beb6ab569d64950ca55a52a07923917ce81.tar.bz2 |
css: fix bad rendering in Internet Explorer
The layout-tables used border-collapse:separate, which maked all pages look
really bad in IE. Fix it.
Signed-off-by: Lars Hjemli <hjemli@gmail.com>
-rw-r--r-- | cgit.css | 9 |
1 files changed, 7 insertions, 2 deletions
@@ -1,291 +1,296 @@ | |||
1 | body { | 1 | body { |
2 | font-family: arial; | 2 | font-family: arial; |
3 | font-size: 11pt; | 3 | font-size: 11pt; |
4 | background: white; | 4 | background: white; |
5 | } | ||
6 | |||
7 | body, table { | ||
5 | padding: 0em; | 8 | padding: 0em; |
6 | margin: 0em; | 9 | margin: 0em; |
7 | } | 10 | } |
8 | 11 | ||
12 | table { | ||
13 | border-collapse: collapse; | ||
14 | } | ||
9 | 15 | ||
10 | h2 { | 16 | h2 { |
11 | font-size: 120%; | 17 | font-size: 120%; |
12 | font-weight: bold; | 18 | font-weight: bold; |
13 | margin-top: 0em; | 19 | margin-top: 0em; |
14 | margin-bottom: 0.25em; | 20 | margin-bottom: 0.25em; |
15 | } | 21 | } |
16 | 22 | ||
17 | h3 { | 23 | h3 { |
18 | margin-top: 0em; | 24 | margin-top: 0em; |
19 | font-size: 100%; | 25 | font-size: 100%; |
20 | font-weight: normal; | 26 | font-weight: normal; |
21 | } | 27 | } |
22 | 28 | ||
23 | a { | 29 | a { |
24 | color: blue; | 30 | color: blue; |
25 | text-decoration: none; | 31 | text-decoration: none; |
26 | } | 32 | } |
27 | 33 | ||
28 | a:hover { | 34 | a:hover { |
29 | text-decoration: underline; | 35 | text-decoration: underline; |
30 | } | 36 | } |
31 | 37 | ||
32 | table.list { | 38 | table.list { |
33 | border: none; | 39 | border: none; |
34 | border-collapse: collapse; | 40 | border-collapse: collapse; |
35 | } | 41 | } |
36 | 42 | ||
37 | table.list tr { | 43 | table.list tr { |
38 | background: white; | 44 | background: white; |
39 | } | 45 | } |
40 | 46 | ||
41 | table.list tr:hover { | 47 | table.list tr:hover { |
42 | background: #eee; | 48 | background: #eee; |
43 | } | 49 | } |
44 | 50 | ||
45 | table.list tr.nohover:hover { | 51 | table.list tr.nohover:hover { |
46 | background: white; | 52 | background: white; |
47 | } | 53 | } |
48 | 54 | ||
49 | table.list th { | 55 | table.list th { |
50 | font-weight: normal; | 56 | font-weight: normal; |
51 | border-bottom: solid 1px #777; | 57 | border-bottom: solid 1px #777; |
52 | padding: 0.1em 0.5em 0.1em 0.5em; | 58 | padding: 0.1em 0.5em 0.1em 0.5em; |
53 | vertical-align: baseline; | 59 | vertical-align: baseline; |
54 | } | 60 | } |
55 | 61 | ||
56 | table.list td { | 62 | table.list td { |
57 | border: none; | 63 | border: none; |
58 | padding: 0.1em 0.5em 0.1em 0.5em; | 64 | padding: 0.1em 0.5em 0.1em 0.5em; |
59 | } | 65 | } |
60 | 66 | ||
61 | img { | 67 | img { |
62 | border: none; | 68 | border: none; |
63 | } | 69 | } |
64 | 70 | ||
65 | table#layout { | 71 | table#layout { |
66 | width: 100%; | 72 | width: 100%; |
67 | border-collapse: separate; | 73 | border-collapse: collapse; |
68 | border-spacing: 0px; | ||
69 | margin: 0px; | 74 | margin: 0px; |
70 | } | 75 | } |
71 | 76 | ||
72 | td#header, td#logo { | 77 | td#header, td#logo { |
73 | color: #666; | 78 | color: #666; |
74 | background-color: #ddd; | 79 | background-color: #ddd; |
75 | border-bottom: solid 1px #000; | 80 | border-bottom: solid 1px #000; |
76 | } | 81 | } |
77 | 82 | ||
78 | td#header { | 83 | td#header { |
79 | font-size: 150%; | 84 | font-size: 150%; |
80 | font-weight: bold; | 85 | font-weight: bold; |
81 | padding: 0.2em 0.5em; | 86 | padding: 0.2em 0.5em; |
82 | vertical-align: text-bottom; | 87 | vertical-align: text-bottom; |
83 | } | 88 | } |
84 | 89 | ||
85 | td#logo { | 90 | td#logo { |
86 | text-align: right; | 91 | text-align: right; |
87 | vertical-align: middle; | 92 | vertical-align: middle; |
88 | padding-right: 0.5em; | 93 | padding-right: 0.5em; |
89 | } | 94 | } |
90 | 95 | ||
91 | td#crumb, td#search { | 96 | td#crumb, td#search { |
92 | color: #ccc; | 97 | color: #ccc; |
93 | border-top: solid 3px #555; | 98 | border-top: solid 3px #555; |
94 | background-color: #666; | 99 | background-color: #666; |
95 | border-bottom: solid 1px #333; | 100 | border-bottom: solid 1px #333; |
96 | padding: 2px 1em; | 101 | padding: 2px 1em; |
97 | } | 102 | } |
98 | 103 | ||
99 | td#crumb { | 104 | td#crumb { |
100 | font-weight: bold; | 105 | font-weight: bold; |
101 | } | 106 | } |
102 | 107 | ||
103 | td#crumb a { | 108 | td#crumb a { |
104 | color: #ccc; | 109 | color: #ccc; |
105 | } | 110 | } |
106 | 111 | ||
107 | td#crumb a:hover { | 112 | td#crumb a:hover { |
108 | color: #eee; | 113 | color: #eee; |
109 | } | 114 | } |
110 | 115 | ||
111 | td#search { | 116 | td#search { |
112 | text-align: right; | 117 | text-align: right; |
113 | vertical-align: center; | 118 | vertical-align: center; |
114 | padding-right: 0.5em; | 119 | padding-right: 0.5em; |
115 | } | 120 | } |
116 | 121 | ||
117 | td#search form { | 122 | td#search form { |
118 | margin: 0px; | 123 | margin: 0px; |
119 | padding: 0px; | 124 | padding: 0px; |
120 | } | 125 | } |
121 | 126 | ||
122 | td#search input { | 127 | td#search input { |
123 | font-size: 9pt; | 128 | font-size: 9pt; |
124 | padding: 0px; | 129 | padding: 0px; |
125 | width: 10em; | 130 | width: 10em; |
126 | border: solid 1px #333; | 131 | border: solid 1px #333; |
127 | color: #333; | 132 | color: #333; |
128 | background-color: #fff; | 133 | background-color: #fff; |
129 | } | 134 | } |
130 | 135 | ||
131 | td#summary { | 136 | td#summary { |
132 | vertical-align: top; | 137 | vertical-align: top; |
133 | padding-bottom: 1em; | 138 | padding-bottom: 1em; |
134 | } | 139 | } |
135 | 140 | ||
136 | td#archivelist { | 141 | td#archivelist { |
137 | padding-bottom: 1em; | 142 | padding-bottom: 1em; |
138 | } | 143 | } |
139 | 144 | ||
140 | td#archivelist table { | 145 | td#archivelist table { |
141 | float: right; | 146 | float: right; |
142 | border-collapse: collapse; | 147 | border-collapse: collapse; |
143 | border: solid 1px #777; | 148 | border: solid 1px #777; |
144 | } | 149 | } |
145 | 150 | ||
146 | td#archivelist table th { | 151 | td#archivelist table th { |
147 | background-color: #ccc; | 152 | background-color: #ccc; |
148 | } | 153 | } |
149 | 154 | ||
150 | td#content { | 155 | td#content { |
151 | padding: 1em 0.5em; | 156 | padding: 1em 0.5em; |
152 | } | 157 | } |
153 | 158 | ||
154 | div#blob { | 159 | div#blob { |
155 | border: solid 1px black; | 160 | border: solid 1px black; |
156 | } | 161 | } |
157 | 162 | ||
158 | div.error { | 163 | div.error { |
159 | color: red; | 164 | color: red; |
160 | font-weight: bold; | 165 | font-weight: bold; |
161 | margin: 1em 2em; | 166 | margin: 1em 2em; |
162 | } | 167 | } |
163 | 168 | ||
164 | td.ls-blob, td.ls-dir, td.ls-mod { | 169 | td.ls-blob, td.ls-dir, td.ls-mod { |
165 | font-family: monospace; | 170 | font-family: monospace; |
166 | } | 171 | } |
167 | 172 | ||
168 | div.ls-dir a { | 173 | div.ls-dir a { |
169 | font-weight: bold; | 174 | font-weight: bold; |
170 | } | 175 | } |
171 | 176 | ||
172 | th.filesize, td.filesize { | 177 | th.filesize, td.filesize { |
173 | text-align: right; | 178 | text-align: right; |
174 | } | 179 | } |
175 | 180 | ||
176 | td.filesize { | 181 | td.filesize { |
177 | font-family: monospace; | 182 | font-family: monospace; |
178 | } | 183 | } |
179 | 184 | ||
180 | td.filemode { | 185 | td.filemode { |
181 | font-family: monospace; | 186 | font-family: monospace; |
182 | } | 187 | } |
183 | 188 | ||
184 | td.blob { | 189 | td.blob { |
185 | white-space: pre; | 190 | white-space: pre; |
186 | font-family: monospace; | 191 | font-family: monospace; |
187 | background-color: white; | 192 | background-color: white; |
188 | } | 193 | } |
189 | 194 | ||
190 | table.nowrap td { | 195 | table.nowrap td { |
191 | white-space: nowrap; | 196 | white-space: nowrap; |
192 | } | 197 | } |
193 | 198 | ||
194 | table.commit-info { | 199 | table.commit-info { |
195 | border-collapse: collapse; | 200 | border-collapse: collapse; |
196 | margin-top: 1.5em; | 201 | margin-top: 1.5em; |
197 | } | 202 | } |
198 | 203 | ||
199 | table.commit-info th { | 204 | table.commit-info th { |
200 | text-align: left; | 205 | text-align: left; |
201 | font-weight: normal; | 206 | font-weight: normal; |
202 | padding: 0.1em 1em 0.1em 0.1em; | 207 | padding: 0.1em 1em 0.1em 0.1em; |
203 | } | 208 | } |
204 | 209 | ||
205 | table.commit-info td { | 210 | table.commit-info td { |
206 | font-weight: normal; | 211 | font-weight: normal; |
207 | padding: 0.1em 1em 0.1em 0.1em; | 212 | padding: 0.1em 1em 0.1em 0.1em; |
208 | } | 213 | } |
209 | 214 | ||
210 | div.commit-subject { | 215 | div.commit-subject { |
211 | font-weight: bold; | 216 | font-weight: bold; |
212 | font-size: 125%; | 217 | font-size: 125%; |
213 | margin: 1.5em 0em 0.5em 0em; | 218 | margin: 1.5em 0em 0.5em 0em; |
214 | padding: 0em; | 219 | padding: 0em; |
215 | } | 220 | } |
216 | 221 | ||
217 | div.commit-msg { | 222 | div.commit-msg { |
218 | white-space: pre; | 223 | white-space: pre; |
219 | font-family: monospace; | 224 | font-family: monospace; |
220 | } | 225 | } |
221 | 226 | ||
222 | table.diffstat { | 227 | table.diffstat { |
223 | border-collapse: collapse; | 228 | border-collapse: collapse; |
224 | margin-top: 1.5em; | 229 | margin-top: 1.5em; |
225 | } | 230 | } |
226 | 231 | ||
227 | table.diffstat th { | 232 | table.diffstat th { |
228 | font-weight: normal; | 233 | font-weight: normal; |
229 | text-align: left; | 234 | text-align: left; |
230 | text-decoration: underline; | 235 | text-decoration: underline; |
231 | padding: 0.1em 1em 0.1em 0.1em; | 236 | padding: 0.1em 1em 0.1em 0.1em; |
232 | font-size: 100%; | 237 | font-size: 100%; |
233 | } | 238 | } |
234 | 239 | ||
235 | table.diffstat td { | 240 | table.diffstat td { |
236 | padding: 0.1em 1em 0.1em 0.1em; | 241 | padding: 0.1em 1em 0.1em 0.1em; |
237 | font-size: 100%; | 242 | font-size: 100%; |
238 | } | 243 | } |
239 | 244 | ||
240 | table.diffstat td span.modechange { | 245 | table.diffstat td span.modechange { |
241 | padding-left: 1em; | 246 | padding-left: 1em; |
242 | color: red; | 247 | color: red; |
243 | } | 248 | } |
244 | 249 | ||
245 | table.diffstat td.add a { | 250 | table.diffstat td.add a { |
246 | color: green; | 251 | color: green; |
247 | } | 252 | } |
248 | 253 | ||
249 | table.diffstat td.del a { | 254 | table.diffstat td.del a { |
250 | color: red; | 255 | color: red; |
251 | } | 256 | } |
252 | 257 | ||
253 | table.diffstat td.upd a { | 258 | table.diffstat td.upd a { |
254 | color: blue; | 259 | color: blue; |
255 | } | 260 | } |
256 | 261 | ||
257 | table.diffstat td.summary { | 262 | table.diffstat td.summary { |
258 | color: #888; | 263 | color: #888; |
259 | padding-top: 0.5em; | 264 | padding-top: 0.5em; |
260 | } | 265 | } |
261 | 266 | ||
262 | table.diff td { | 267 | table.diff td { |
263 | border: solid 1px black; | 268 | border: solid 1px black; |
264 | font-family: monospace; | 269 | font-family: monospace; |
265 | white-space: pre; | 270 | white-space: pre; |
266 | } | 271 | } |
267 | 272 | ||
268 | table.diff td div.hunk { | 273 | table.diff td div.hunk { |
269 | background: #ccc; | 274 | background: #ccc; |
270 | } | 275 | } |
271 | 276 | ||
272 | table.diff td div.add { | 277 | table.diff td div.add { |
273 | color: green; | 278 | color: green; |
274 | } | 279 | } |
275 | 280 | ||
276 | table.diff td div.del { | 281 | table.diff td div.del { |
277 | color: red; | 282 | color: red; |
278 | } | 283 | } |
279 | 284 | ||
280 | .sha1 { | 285 | .sha1 { |
281 | font-family: courier; | 286 | font-family: courier; |
282 | font-size: 90%; | 287 | font-size: 90%; |
283 | } | 288 | } |
284 | 289 | ||
285 | .left { | 290 | .left { |
286 | text-align: left; | 291 | text-align: left; |
287 | } | 292 | } |
288 | 293 | ||
289 | .right { | 294 | .right { |
290 | text-align: right; | 295 | text-align: right; |
291 | } | 296 | } |