author | Lars Hjemli <hjemli@gmail.com> | 2007-11-09 12:19:56 (UTC) |
---|---|---|
committer | Lars Hjemli <hjemli@gmail.com> | 2007-11-09 12:19:56 (UTC) |
commit | 86d6dfa9b7bd3e1b38618992061cc43ab89993ae (patch) (unidiff) | |
tree | 35faf8c2dc52e2dd60be6613946d89a344eb747a | |
parent | 6e54bd009c24ba353314a09257eb1e1a52fb139d (diff) | |
download | cgit-86d6dfa9b7bd3e1b38618992061cc43ab89993ae.zip cgit-86d6dfa9b7bd3e1b38618992061cc43ab89993ae.tar.gz cgit-86d6dfa9b7bd3e1b38618992061cc43ab89993ae.tar.bz2 |
Minor css tweaks
Don't specify border and background color for input controls, reduce font-
size of heading in sidebar.
Signed-off-by: Lars Hjemli <hjemli@gmail.com>
-rw-r--r-- | cgit.css | 11 |
1 files changed, 1 insertions, 10 deletions
@@ -1,443 +1,434 @@ | |||
1 | body, table { | 1 | body, table { |
2 | padding: 0em; | 2 | padding: 0em; |
3 | margin: 0em; | 3 | margin: 0em; |
4 | } | 4 | } |
5 | 5 | ||
6 | body { | 6 | body { |
7 | font-family: sans; | 7 | font-family: sans; |
8 | font-size: 10pt; | 8 | font-size: 10pt; |
9 | color: #333; | 9 | color: #333; |
10 | background: white; | 10 | background: white; |
11 | padding-left: 4px; | 11 | padding-left: 4px; |
12 | } | 12 | } |
13 | 13 | ||
14 | table { | 14 | table { |
15 | border-collapse: collapse; | 15 | border-collapse: collapse; |
16 | } | 16 | } |
17 | 17 | ||
18 | h2 { | 18 | h2 { |
19 | font-size: 120%; | 19 | font-size: 120%; |
20 | font-weight: bold; | 20 | font-weight: bold; |
21 | margin-top: 0em; | 21 | margin-top: 0em; |
22 | margin-bottom: 0.25em; | 22 | margin-bottom: 0.25em; |
23 | } | 23 | } |
24 | 24 | ||
25 | h3 { | 25 | h3 { |
26 | margin-top: 0em; | 26 | margin-top: 0em; |
27 | font-size: 100%; | 27 | font-size: 100%; |
28 | font-weight: normal; | 28 | font-weight: normal; |
29 | } | 29 | } |
30 | 30 | ||
31 | h4 { | 31 | h4 { |
32 | margin-top: 1.5em; | 32 | margin-top: 1.5em; |
33 | margin-bottom: 0.1em; | 33 | margin-bottom: 0.1em; |
34 | font-size: 100%; | 34 | font-size: 100%; |
35 | font-weight: bold; | 35 | font-weight: bold; |
36 | } | 36 | } |
37 | 37 | ||
38 | a { | 38 | a { |
39 | color: #600; | 39 | color: #600; |
40 | text-decoration: none; | 40 | text-decoration: none; |
41 | } | 41 | } |
42 | 42 | ||
43 | a:hover { | 43 | a:hover { |
44 | background-color: #ddd; | 44 | background-color: #ddd; |
45 | text-decoration: none; | 45 | text-decoration: none; |
46 | } | 46 | } |
47 | 47 | ||
48 | table.list { | 48 | table.list { |
49 | border: none; | 49 | border: none; |
50 | border-collapse: collapse; | 50 | border-collapse: collapse; |
51 | } | 51 | } |
52 | 52 | ||
53 | table.list tr { | 53 | table.list tr { |
54 | background: white; | 54 | background: white; |
55 | } | 55 | } |
56 | 56 | ||
57 | table.list tr:hover { | 57 | table.list tr:hover { |
58 | background: #f8f8f8; | 58 | background: #f8f8f8; |
59 | } | 59 | } |
60 | 60 | ||
61 | table.list tr.nohover:hover { | 61 | table.list tr.nohover:hover { |
62 | background: white; | 62 | background: white; |
63 | } | 63 | } |
64 | 64 | ||
65 | table.list th { | 65 | table.list th { |
66 | font-weight: bold; | 66 | font-weight: bold; |
67 | border-bottom: solid 1px #777; | 67 | border-bottom: solid 1px #777; |
68 | padding: 0.1em 0.5em 0.1em 0.5em; | 68 | padding: 0.1em 0.5em 0.1em 0.5em; |
69 | vertical-align: baseline; | 69 | vertical-align: baseline; |
70 | } | 70 | } |
71 | 71 | ||
72 | table.list td { | 72 | table.list td { |
73 | border: none; | 73 | border: none; |
74 | padding: 0.1em 0.5em 0.1em 0.5em; | 74 | padding: 0.1em 0.5em 0.1em 0.5em; |
75 | } | 75 | } |
76 | 76 | ||
77 | img { | 77 | img { |
78 | border: none; | 78 | border: none; |
79 | } | 79 | } |
80 | 80 | ||
81 | div#sidebar { | 81 | div#sidebar { |
82 | vertical-align: top; | 82 | vertical-align: top; |
83 | width: 162px; | 83 | width: 162px; |
84 | padding: 0px 0px 0px 0px; | 84 | padding: 0px 0px 0px 0px; |
85 | margin: 4px; | 85 | margin: 4px; |
86 | float: left; | 86 | float: left; |
87 | } | 87 | } |
88 | 88 | ||
89 | div#logo { | 89 | div#logo { |
90 | margin: 0px; | 90 | margin: 0px; |
91 | padding: 4px 0px 4px 0px; | 91 | padding: 4px 0px 4px 0px; |
92 | text-align: center; | 92 | text-align: center; |
93 | background-color: #ccc; | 93 | background-color: #ccc; |
94 | border-top: solid 1px #eee; | 94 | border-top: solid 1px #eee; |
95 | border-left: solid 1px #eee; | 95 | border-left: solid 1px #eee; |
96 | border-right: solid 1px #aaa; | 96 | border-right: solid 1px #aaa; |
97 | border-bottom: solid 1px #aaa; | 97 | border-bottom: solid 1px #aaa; |
98 | } | 98 | } |
99 | 99 | ||
100 | div#sidebar div.infobox { | 100 | div#sidebar div.infobox { |
101 | margin: 0px 0px 0px 0px; | 101 | margin: 0px 0px 0px 0px; |
102 | padding: 0.5em; | 102 | padding: 0.5em; |
103 | text-align: left; | 103 | text-align: left; |
104 | background-color: #ccc; | 104 | background-color: #ccc; |
105 | border-top: solid 1px #eee; | 105 | border-top: solid 1px #eee; |
106 | border-left: solid 1px #eee; | 106 | border-left: solid 1px #eee; |
107 | border-right: solid 1px #aaa; | 107 | border-right: solid 1px #aaa; |
108 | border-bottom: solid 1px #aaa; | 108 | border-bottom: solid 1px #aaa; |
109 | } | 109 | } |
110 | 110 | ||
111 | div#sidebar div.infobox h1 { | 111 | div#sidebar div.infobox h1 { |
112 | font-size: 11pt; | 112 | font-size: 10pt; |
113 | font-weight: bold; | 113 | font-weight: bold; |
114 | margin: 0px; | 114 | margin: 0px; |
115 | } | 115 | } |
116 | 116 | ||
117 | div#sidebar div.infobox a.menu { | 117 | div#sidebar div.infobox a.menu { |
118 | display: block; | 118 | display: block; |
119 | background-color: #ccc; | 119 | background-color: #ccc; |
120 | padding: 0.1em 0.5em; | 120 | padding: 0.1em 0.5em; |
121 | text-decoration: none; | 121 | text-decoration: none; |
122 | } | 122 | } |
123 | 123 | ||
124 | div#sidebar div.infobox a.menu:hover { | 124 | div#sidebar div.infobox a.menu:hover { |
125 | background-color: #bbb; | 125 | background-color: #bbb; |
126 | text-decoration: none; | 126 | text-decoration: none; |
127 | } | 127 | } |
128 | 128 | ||
129 | div#sidebar div.infobox select { | 129 | div#sidebar div.infobox select { |
130 | width: 100%; | 130 | width: 100%; |
131 | border: solid 1px #aaa; | ||
132 | background-color: #bbb; | ||
133 | margin: 2px 0px 0px 0px; | 131 | margin: 2px 0px 0px 0px; |
134 | padding: 0px; | ||
135 | } | 132 | } |
136 | 133 | ||
137 | td#branch-dropdown-cell { | 134 | td#branch-dropdown-cell { |
138 | width: 99%; | 135 | width: 99%; |
139 | } | 136 | } |
140 | 137 | ||
141 | input#switch-btn { | 138 | input#switch-btn { |
142 | width: 20px; | 139 | width: 20px; |
143 | border: solid 1px #aaa; | ||
144 | background-color: #bbb; | ||
145 | margin: 2px 0px 0px 0px; | 140 | margin: 2px 0px 0px 0px; |
146 | padding: 0px; | ||
147 | } | 141 | } |
148 | 142 | ||
149 | div#sidebar div.infobox input.txt { | 143 | div#sidebar div.infobox input.txt { |
150 | width: 100%; | 144 | width: 100%; |
151 | border: solid 1px #aaa; | ||
152 | background-color: #bbb; | ||
153 | margin: 2px 0px 0px 0px; | 145 | margin: 2px 0px 0px 0px; |
154 | padding: 0; | ||
155 | } | 146 | } |
156 | 147 | ||
157 | table#grid { | 148 | table#grid { |
158 | margin: 0px; | 149 | margin: 0px; |
159 | } | 150 | } |
160 | 151 | ||
161 | td#content { | 152 | td#content { |
162 | vertical-align: top; | 153 | vertical-align: top; |
163 | padding: 1em 2em 1em 1em; | 154 | padding: 1em 2em 1em 1em; |
164 | border: none; | 155 | border: none; |
165 | } | 156 | } |
166 | 157 | ||
167 | div#summary { | 158 | div#summary { |
168 | vertical-align: top; | 159 | vertical-align: top; |
169 | margin-bottom: 1em; | 160 | margin-bottom: 1em; |
170 | } | 161 | } |
171 | 162 | ||
172 | table#downloads { | 163 | table#downloads { |
173 | float: right; | 164 | float: right; |
174 | border-collapse: collapse; | 165 | border-collapse: collapse; |
175 | border: solid 1px #777; | 166 | border: solid 1px #777; |
176 | margin-left: 0.5em; | 167 | margin-left: 0.5em; |
177 | margin-bottom: 0.5em; | 168 | margin-bottom: 0.5em; |
178 | } | 169 | } |
179 | 170 | ||
180 | table#downloads th { | 171 | table#downloads th { |
181 | background-color: #ccc; | 172 | background-color: #ccc; |
182 | } | 173 | } |
183 | 174 | ||
184 | div#blob { | 175 | div#blob { |
185 | border: solid 1px black; | 176 | border: solid 1px black; |
186 | } | 177 | } |
187 | 178 | ||
188 | div.error { | 179 | div.error { |
189 | color: red; | 180 | color: red; |
190 | font-weight: bold; | 181 | font-weight: bold; |
191 | margin: 1em 2em; | 182 | margin: 1em 2em; |
192 | } | 183 | } |
193 | 184 | ||
194 | a.ls-blob, a.ls-dir, a.ls-mod { | 185 | a.ls-blob, a.ls-dir, a.ls-mod { |
195 | font-family: monospace; | 186 | font-family: monospace; |
196 | } | 187 | } |
197 | 188 | ||
198 | td.ls-size { | 189 | td.ls-size { |
199 | text-align: right; | 190 | text-align: right; |
200 | } | 191 | } |
201 | 192 | ||
202 | td.ls-size { | 193 | td.ls-size { |
203 | font-family: monospace; | 194 | font-family: monospace; |
204 | } | 195 | } |
205 | 196 | ||
206 | td.ls-mode { | 197 | td.ls-mode { |
207 | font-family: monospace; | 198 | font-family: monospace; |
208 | } | 199 | } |
209 | 200 | ||
210 | table.blob { | 201 | table.blob { |
211 | margin-top: 0.5em; | 202 | margin-top: 0.5em; |
212 | border-top: solid 1px black; | 203 | border-top: solid 1px black; |
213 | } | 204 | } |
214 | 205 | ||
215 | table.blob td.no { | 206 | table.blob td.no { |
216 | border-right: solid 1px black; | 207 | border-right: solid 1px black; |
217 | color: black; | 208 | color: black; |
218 | background-color: #eee; | 209 | background-color: #eee; |
219 | text-align: right; | 210 | text-align: right; |
220 | } | 211 | } |
221 | 212 | ||
222 | table.blob td.no a { | 213 | table.blob td.no a { |
223 | color: black; | 214 | color: black; |
224 | } | 215 | } |
225 | 216 | ||
226 | table.blob td.no a:hover { | 217 | table.blob td.no a:hover { |
227 | color: black; | 218 | color: black; |
228 | text-decoration: none; | 219 | text-decoration: none; |
229 | } | 220 | } |
230 | 221 | ||
231 | table.blob td.txt { | 222 | table.blob td.txt { |
232 | white-space: pre; | 223 | white-space: pre; |
233 | font-family: monospace; | 224 | font-family: monospace; |
234 | padding-left: 0.5em; | 225 | padding-left: 0.5em; |
235 | } | 226 | } |
236 | 227 | ||
237 | table.nowrap td { | 228 | table.nowrap td { |
238 | white-space: nowrap; | 229 | white-space: nowrap; |
239 | } | 230 | } |
240 | 231 | ||
241 | table.commit-info { | 232 | table.commit-info { |
242 | border-collapse: collapse; | 233 | border-collapse: collapse; |
243 | margin-top: 1.5em; | 234 | margin-top: 1.5em; |
244 | } | 235 | } |
245 | 236 | ||
246 | table.commit-info th { | 237 | table.commit-info th { |
247 | text-align: left; | 238 | text-align: left; |
248 | font-weight: normal; | 239 | font-weight: normal; |
249 | padding: 0.1em 1em 0.1em 0.1em; | 240 | padding: 0.1em 1em 0.1em 0.1em; |
250 | vertical-align: top; | 241 | vertical-align: top; |
251 | } | 242 | } |
252 | 243 | ||
253 | table.commit-info td { | 244 | table.commit-info td { |
254 | font-weight: normal; | 245 | font-weight: normal; |
255 | padding: 0.1em 1em 0.1em 0.1em; | 246 | padding: 0.1em 1em 0.1em 0.1em; |
256 | } | 247 | } |
257 | 248 | ||
258 | div.commit-subject { | 249 | div.commit-subject { |
259 | font-weight: bold; | 250 | font-weight: bold; |
260 | font-size: 125%; | 251 | font-size: 125%; |
261 | margin: 1.5em 0em 0.5em 0em; | 252 | margin: 1.5em 0em 0.5em 0em; |
262 | padding: 0em; | 253 | padding: 0em; |
263 | } | 254 | } |
264 | 255 | ||
265 | div.commit-msg { | 256 | div.commit-msg { |
266 | white-space: pre; | 257 | white-space: pre; |
267 | font-family: monospace; | 258 | font-family: monospace; |
268 | } | 259 | } |
269 | 260 | ||
270 | div.diffstat-header { | 261 | div.diffstat-header { |
271 | font-weight: bold; | 262 | font-weight: bold; |
272 | padding-top: 1.5em; | 263 | padding-top: 1.5em; |
273 | } | 264 | } |
274 | 265 | ||
275 | table.diffstat { | 266 | table.diffstat { |
276 | border-collapse: collapse; | 267 | border-collapse: collapse; |
277 | border: solid 1px #aaa; | 268 | border: solid 1px #aaa; |
278 | background-color: #eee; | 269 | background-color: #eee; |
279 | } | 270 | } |
280 | 271 | ||
281 | table.diffstat th { | 272 | table.diffstat th { |
282 | font-weight: normal; | 273 | font-weight: normal; |
283 | text-align: left; | 274 | text-align: left; |
284 | text-decoration: underline; | 275 | text-decoration: underline; |
285 | padding: 0.1em 1em 0.1em 0.1em; | 276 | padding: 0.1em 1em 0.1em 0.1em; |
286 | font-size: 100%; | 277 | font-size: 100%; |
287 | } | 278 | } |
288 | 279 | ||
289 | table.diffstat td { | 280 | table.diffstat td { |
290 | padding: 0.2em 0.2em 0.1em 0.1em; | 281 | padding: 0.2em 0.2em 0.1em 0.1em; |
291 | font-size: 100%; | 282 | font-size: 100%; |
292 | border: none; | 283 | border: none; |
293 | } | 284 | } |
294 | 285 | ||
295 | table.diffstat td.mode { | 286 | table.diffstat td.mode { |
296 | white-space: nowrap; | 287 | white-space: nowrap; |
297 | } | 288 | } |
298 | 289 | ||
299 | table.diffstat td span.modechange { | 290 | table.diffstat td span.modechange { |
300 | padding-left: 1em; | 291 | padding-left: 1em; |
301 | color: red; | 292 | color: red; |
302 | } | 293 | } |
303 | 294 | ||
304 | table.diffstat td.add a { | 295 | table.diffstat td.add a { |
305 | color: green; | 296 | color: green; |
306 | } | 297 | } |
307 | 298 | ||
308 | table.diffstat td.del a { | 299 | table.diffstat td.del a { |
309 | color: red; | 300 | color: red; |
310 | } | 301 | } |
311 | 302 | ||
312 | table.diffstat td.upd a { | 303 | table.diffstat td.upd a { |
313 | color: blue; | 304 | color: blue; |
314 | } | 305 | } |
315 | 306 | ||
316 | table.diffstat td.graph { | 307 | table.diffstat td.graph { |
317 | width: 500px; | 308 | width: 500px; |
318 | vertical-align: middle; | 309 | vertical-align: middle; |
319 | } | 310 | } |
320 | 311 | ||
321 | table.diffstat td.graph table { | 312 | table.diffstat td.graph table { |
322 | border: none; | 313 | border: none; |
323 | } | 314 | } |
324 | 315 | ||
325 | table.diffstat td.graph td { | 316 | table.diffstat td.graph td { |
326 | padding: 0px; | 317 | padding: 0px; |
327 | border: 0px; | 318 | border: 0px; |
328 | height: 7pt; | 319 | height: 7pt; |
329 | } | 320 | } |
330 | 321 | ||
331 | table.diffstat td.graph td.add { | 322 | table.diffstat td.graph td.add { |
332 | background-color: #5c5; | 323 | background-color: #5c5; |
333 | } | 324 | } |
334 | 325 | ||
335 | table.diffstat td.graph td.rem { | 326 | table.diffstat td.graph td.rem { |
336 | background-color: #c55; | 327 | background-color: #c55; |
337 | } | 328 | } |
338 | 329 | ||
339 | div.diffstat-summary { | 330 | div.diffstat-summary { |
340 | color: #888; | 331 | color: #888; |
341 | padding-top: 0.5em; | 332 | padding-top: 0.5em; |
342 | } | 333 | } |
343 | 334 | ||
344 | table.diff { | 335 | table.diff { |
345 | width: 100%; | 336 | width: 100%; |
346 | } | 337 | } |
347 | 338 | ||
348 | table.diff td { | 339 | table.diff td { |
349 | font-family: monospace; | 340 | font-family: monospace; |
350 | white-space: pre; | 341 | white-space: pre; |
351 | } | 342 | } |
352 | 343 | ||
353 | table.diff td div.head { | 344 | table.diff td div.head { |
354 | font-weight: bold; | 345 | font-weight: bold; |
355 | margin-top: 1em; | 346 | margin-top: 1em; |
356 | background-color: #eee; | 347 | background-color: #eee; |
357 | } | 348 | } |
358 | 349 | ||
359 | table.diff td div.hunk { | 350 | table.diff td div.hunk { |
360 | color: #009; | 351 | color: #009; |
361 | } | 352 | } |
362 | 353 | ||
363 | table.diff td div.add { | 354 | table.diff td div.add { |
364 | color: green; | 355 | color: green; |
365 | } | 356 | } |
366 | 357 | ||
367 | table.diff td div.del { | 358 | table.diff td div.del { |
368 | color: red; | 359 | color: red; |
369 | } | 360 | } |
370 | 361 | ||
371 | .sha1 { | 362 | .sha1 { |
372 | font-family: monospace; | 363 | font-family: monospace; |
373 | font-size: 90%; | 364 | font-size: 90%; |
374 | } | 365 | } |
375 | 366 | ||
376 | .left { | 367 | .left { |
377 | text-align: left; | 368 | text-align: left; |
378 | } | 369 | } |
379 | 370 | ||
380 | .right { | 371 | .right { |
381 | text-align: right; | 372 | text-align: right; |
382 | } | 373 | } |
383 | 374 | ||
384 | table.list td.repogroup { | 375 | table.list td.repogroup { |
385 | font-style: italic; | 376 | font-style: italic; |
386 | color: #888; | 377 | color: #888; |
387 | } | 378 | } |
388 | 379 | ||
389 | a.button { | 380 | a.button { |
390 | font-size: 80%; | 381 | font-size: 80%; |
391 | color: #aaa; | 382 | color: #aaa; |
392 | background-color: #eee; | 383 | background-color: #eee; |
393 | border: solid 1px #aaa; | 384 | border: solid 1px #aaa; |
394 | padding: 0em 0.5em; | 385 | padding: 0em 0.5em; |
395 | margin: 0.1em 0.25em; | 386 | margin: 0.1em 0.25em; |
396 | } | 387 | } |
397 | 388 | ||
398 | a.button:hover { | 389 | a.button:hover { |
399 | text-decoration: none; | 390 | text-decoration: none; |
400 | color: #333; | 391 | color: #333; |
401 | background-color: #ccc; | 392 | background-color: #ccc; |
402 | } | 393 | } |
403 | 394 | ||
404 | a.primary { | 395 | a.primary { |
405 | font-size: 100%; | 396 | font-size: 100%; |
406 | } | 397 | } |
407 | 398 | ||
408 | a.secondary { | 399 | a.secondary { |
409 | font-size: 90%; | 400 | font-size: 90%; |
410 | } | 401 | } |
411 | 402 | ||
412 | td.toplevel-repo { | 403 | td.toplevel-repo { |
413 | 404 | ||
414 | } | 405 | } |
415 | 406 | ||
416 | table.list td.sublevel-repo { | 407 | table.list td.sublevel-repo { |
417 | padding-left: 1.5em; | 408 | padding-left: 1.5em; |
418 | } | 409 | } |
419 | 410 | ||
420 | span.age-mins { | 411 | span.age-mins { |
421 | font-weight: bold; | 412 | font-weight: bold; |
422 | color: #080; | 413 | color: #080; |
423 | } | 414 | } |
424 | 415 | ||
425 | span.age-hours { | 416 | span.age-hours { |
426 | color: #080; | 417 | color: #080; |
427 | } | 418 | } |
428 | 419 | ||
429 | span.age-days { | 420 | span.age-days { |
430 | color: #040; | 421 | color: #040; |
431 | } | 422 | } |
432 | 423 | ||
433 | span.age-weeks { | 424 | span.age-weeks { |
434 | color: #444; | 425 | color: #444; |
435 | } | 426 | } |
436 | 427 | ||
437 | span.age-months { | 428 | span.age-months { |
438 | color: #888; | 429 | color: #888; |
439 | } | 430 | } |
440 | 431 | ||
441 | span.age-years { | 432 | span.age-years { |
442 | color: #bbb; | 433 | color: #bbb; |
443 | } | 434 | } |