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,164 +1,169 @@ | |||
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 { |