author | Lars Hjemli <hjemli@gmail.com> | 2007-05-14 16:08:03 (UTC) |
---|---|---|
committer | Lars Hjemli <hjemli@gmail.com> | 2007-05-14 16:10:32 (UTC) |
commit | a1a0cd8b5a62fe779d77c210a3d455398ce06bb7 (patch) (unidiff) | |
tree | d54733d9d12c433eeb881ff9891b6afb20e6968a /cgit.css | |
parent | 9fb53af215639fcd3bfb876fa9c8bac221244bdf (diff) | |
download | cgit-a1a0cd8b5a62fe779d77c210a3d455398ce06bb7.zip cgit-a1a0cd8b5a62fe779d77c210a3d455398ce06bb7.tar.gz cgit-a1a0cd8b5a62fe779d77c210a3d455398ce06bb7.tar.bz2 |
cgit.css: try do make diffstat a little bit nicer
I'm still no webdesigner, but this seems to be a more pleasant "visual
experience".
Signed-off-by: Lars Hjemli <hjemli@gmail.com>
-rw-r--r-- | cgit.css | 7 |
1 files changed, 3 insertions, 4 deletions
@@ -148,185 +148,184 @@ td#summary { | |||
148 | td#archivelist { | 148 | td#archivelist { |
149 | padding-bottom: 1em; | 149 | padding-bottom: 1em; |
150 | } | 150 | } |
151 | 151 | ||
152 | td#archivelist table { | 152 | td#archivelist table { |
153 | float: right; | 153 | float: right; |
154 | border-collapse: collapse; | 154 | border-collapse: collapse; |
155 | border: solid 1px #777; | 155 | border: solid 1px #777; |
156 | } | 156 | } |
157 | 157 | ||
158 | td#archivelist table th { | 158 | td#archivelist table th { |
159 | background-color: #ccc; | 159 | background-color: #ccc; |
160 | } | 160 | } |
161 | 161 | ||
162 | td#content { | 162 | td#content { |
163 | padding: 1em 0.5em; | 163 | padding: 1em 0.5em; |
164 | } | 164 | } |
165 | 165 | ||
166 | div#blob { | 166 | div#blob { |
167 | border: solid 1px black; | 167 | border: solid 1px black; |
168 | } | 168 | } |
169 | 169 | ||
170 | div.error { | 170 | div.error { |
171 | color: red; | 171 | color: red; |
172 | font-weight: bold; | 172 | font-weight: bold; |
173 | margin: 1em 2em; | 173 | margin: 1em 2em; |
174 | } | 174 | } |
175 | 175 | ||
176 | td.ls-blob, td.ls-dir, td.ls-mod { | 176 | td.ls-blob, td.ls-dir, td.ls-mod { |
177 | font-family: monospace; | 177 | font-family: monospace; |
178 | } | 178 | } |
179 | 179 | ||
180 | div.ls-dir a { | 180 | div.ls-dir a { |
181 | font-weight: bold; | 181 | font-weight: bold; |
182 | } | 182 | } |
183 | 183 | ||
184 | th.filesize, td.filesize { | 184 | th.filesize, td.filesize { |
185 | text-align: right; | 185 | text-align: right; |
186 | } | 186 | } |
187 | 187 | ||
188 | td.filesize { | 188 | td.filesize { |
189 | font-family: monospace; | 189 | font-family: monospace; |
190 | } | 190 | } |
191 | 191 | ||
192 | td.links { | 192 | td.links { |
193 | font-size: 80%; | 193 | font-size: 80%; |
194 | padding-left: 2em; | 194 | padding-left: 2em; |
195 | } | 195 | } |
196 | 196 | ||
197 | td.filemode { | 197 | td.filemode { |
198 | font-family: monospace; | 198 | font-family: monospace; |
199 | } | 199 | } |
200 | 200 | ||
201 | td.blob { | 201 | td.blob { |
202 | white-space: pre; | 202 | white-space: pre; |
203 | font-family: monospace; | 203 | font-family: monospace; |
204 | background-color: white; | 204 | background-color: white; |
205 | } | 205 | } |
206 | 206 | ||
207 | table.nowrap td { | 207 | table.nowrap td { |
208 | white-space: nowrap; | 208 | white-space: nowrap; |
209 | } | 209 | } |
210 | 210 | ||
211 | table.commit-info { | 211 | table.commit-info { |
212 | border-collapse: collapse; | 212 | border-collapse: collapse; |
213 | margin-top: 1.5em; | 213 | margin-top: 1.5em; |
214 | } | 214 | } |
215 | 215 | ||
216 | table.commit-info th { | 216 | table.commit-info th { |
217 | text-align: left; | 217 | text-align: left; |
218 | font-weight: normal; | 218 | font-weight: normal; |
219 | padding: 0.1em 1em 0.1em 0.1em; | 219 | padding: 0.1em 1em 0.1em 0.1em; |
220 | } | 220 | } |
221 | 221 | ||
222 | table.commit-info td { | 222 | table.commit-info td { |
223 | font-weight: normal; | 223 | font-weight: normal; |
224 | padding: 0.1em 1em 0.1em 0.1em; | 224 | padding: 0.1em 1em 0.1em 0.1em; |
225 | } | 225 | } |
226 | 226 | ||
227 | div.commit-subject { | 227 | div.commit-subject { |
228 | font-weight: bold; | 228 | font-weight: bold; |
229 | font-size: 125%; | 229 | font-size: 125%; |
230 | margin: 1.5em 0em 0.5em 0em; | 230 | margin: 1.5em 0em 0.5em 0em; |
231 | padding: 0em; | 231 | padding: 0em; |
232 | } | 232 | } |
233 | 233 | ||
234 | div.commit-msg { | 234 | div.commit-msg { |
235 | white-space: pre; | 235 | white-space: pre; |
236 | font-family: monospace; | 236 | font-family: monospace; |
237 | } | 237 | } |
238 | 238 | ||
239 | table.diffstat { | 239 | table.diffstat { |
240 | border-collapse: collapse; | 240 | border-collapse: collapse; |
241 | margin-top: 1.5em; | 241 | margin-top: 1.5em; |
242 | width: 100%; | 242 | width: 100%; |
243 | border: solid 1px #aaa; | 243 | border: solid 1px #aaa; |
244 | background-color: #eee; | ||
244 | } | 245 | } |
245 | 246 | ||
246 | table.diffstat tr:hover { | 247 | table.diffstat tr:hover { |
247 | background-color: #eee; | 248 | background-color: #ccc; |
248 | } | 249 | } |
249 | 250 | ||
250 | table.diffstat th { | 251 | table.diffstat th { |
251 | font-weight: normal; | 252 | font-weight: normal; |
252 | text-align: left; | 253 | text-align: left; |
253 | text-decoration: underline; | 254 | text-decoration: underline; |
254 | padding: 0.1em 1em 0.1em 0.1em; | 255 | padding: 0.1em 1em 0.1em 0.1em; |
255 | font-size: 100%; | 256 | font-size: 100%; |
256 | } | 257 | } |
257 | 258 | ||
258 | table.diffstat td { | 259 | table.diffstat td { |
259 | padding: 0.2em 0.2em 0.1em 0.1em; | 260 | padding: 0.2em 0.2em 0.1em 0.1em; |
260 | font-size: 100%; | 261 | font-size: 100%; |
261 | border: none; | 262 | border: none; |
262 | border-top: solid 1px #aaa; | ||
263 | border-bottom: solid 1px #aaa; | ||
264 | } | 263 | } |
265 | 264 | ||
266 | table.diffstat td span.modechange { | 265 | table.diffstat td span.modechange { |
267 | padding-left: 1em; | 266 | padding-left: 1em; |
268 | color: red; | 267 | color: red; |
269 | } | 268 | } |
270 | 269 | ||
271 | table.diffstat td.add a { | 270 | table.diffstat td.add a { |
272 | color: green; | 271 | color: green; |
273 | } | 272 | } |
274 | 273 | ||
275 | table.diffstat td.del a { | 274 | table.diffstat td.del a { |
276 | color: red; | 275 | color: red; |
277 | } | 276 | } |
278 | 277 | ||
279 | table.diffstat td.upd a { | 278 | table.diffstat td.upd a { |
280 | color: blue; | 279 | color: blue; |
281 | } | 280 | } |
282 | 281 | ||
283 | table.diffstat td.graph { | 282 | table.diffstat td.graph { |
284 | width: 75%; | 283 | width: 75%; |
285 | vertical-align: center; | 284 | vertical-align: center; |
286 | } | 285 | } |
287 | 286 | ||
288 | table.diffstat td.graph img { | 287 | table.diffstat td.graph img { |
289 | border: none; | 288 | border: none; |
290 | height: 11pt; | 289 | height: 8pt; |
291 | } | 290 | } |
292 | 291 | ||
293 | div.diffstat-summary { | 292 | div.diffstat-summary { |
294 | color: #888; | 293 | color: #888; |
295 | padding-top: 0.5em; | 294 | padding-top: 0.5em; |
296 | } | 295 | } |
297 | 296 | ||
298 | table.diff th { | 297 | table.diff th { |
299 | padding: 1em 0em 0.1em 0.1em; | 298 | padding: 1em 0em 0.1em 0.1em; |
300 | text-align: left; | 299 | text-align: left; |
301 | } | 300 | } |
302 | 301 | ||
303 | table.diff td { | 302 | table.diff td { |
304 | border: solid 1px black; | 303 | border: solid 1px black; |
305 | font-family: monospace; | 304 | font-family: monospace; |
306 | white-space: pre; | 305 | white-space: pre; |
307 | } | 306 | } |
308 | 307 | ||
309 | table.diff td div.hunk { | 308 | table.diff td div.hunk { |
310 | background: #ccc; | 309 | background: #ccc; |
311 | } | 310 | } |
312 | 311 | ||
313 | table.diff td div.add { | 312 | table.diff td div.add { |
314 | color: green; | 313 | color: green; |
315 | } | 314 | } |
316 | 315 | ||
317 | table.diff td div.del { | 316 | table.diff td div.del { |
318 | color: red; | 317 | color: red; |
319 | } | 318 | } |
320 | 319 | ||
321 | .sha1 { | 320 | .sha1 { |
322 | font-family: courier; | 321 | font-family: courier; |
323 | font-size: 90%; | 322 | font-size: 90%; |
324 | } | 323 | } |
325 | 324 | ||
326 | .left { | 325 | .left { |
327 | text-align: left; | 326 | text-align: left; |
328 | } | 327 | } |
329 | 328 | ||
330 | .right { | 329 | .right { |
331 | text-align: right; | 330 | text-align: right; |
332 | } | 331 | } |