Fossil SCM
Added zebra-striping to tables. The old method was fine for smaller ones, but as tables get larger, with longer lines, it became difficult to trace which cells went with which row headers.
Commit
37ff33ad297a66869ea3d044b93e3185b19c14f4970615b6b2e6ebf996daae9c
Parent
f82b01cbdc9dbce…
1 file changed
+9
| --- skins/default/css.txt | ||
| +++ skins/default/css.txt | ||
| @@ -259,19 +259,28 @@ | ||
| 259 | 259 | |
| 260 | 260 | .doc table, .markdown table { |
| 261 | 261 | background-color: #f0f5f9; |
| 262 | 262 | border: 1px solid #a7c2dc; |
| 263 | 263 | border-radius: 0.5em; |
| 264 | + border-spacing: 0; | |
| 264 | 265 | padding: 6px; |
| 265 | 266 | } |
| 266 | 267 | |
| 267 | 268 | .doc th, .markdown th { |
| 268 | 269 | border-bottom: 1px solid #dee8f2; |
| 269 | 270 | padding-bottom: 4px; |
| 270 | 271 | padding-right: 6px; |
| 271 | 272 | text-align: left; |
| 272 | 273 | } |
| 274 | + | |
| 275 | +.doc tr > th, .markdown tr > th { | |
| 276 | + background-color: #dee8f0; | |
| 277 | +} | |
| 278 | + | |
| 279 | +.doc tr:nth-child(odd), .markdown tr:nth-child(odd) { | |
| 280 | + background-color: #e0e8ee; | |
| 281 | +} | |
| 273 | 282 | |
| 274 | 283 | .doc td, .markdown td { |
| 275 | 284 | padding-bottom: 4px; |
| 276 | 285 | padding-right: 6px; |
| 277 | 286 | text-align: left; |
| 278 | 287 |
| --- skins/default/css.txt | |
| +++ skins/default/css.txt | |
| @@ -259,19 +259,28 @@ | |
| 259 | |
| 260 | .doc table, .markdown table { |
| 261 | background-color: #f0f5f9; |
| 262 | border: 1px solid #a7c2dc; |
| 263 | border-radius: 0.5em; |
| 264 | padding: 6px; |
| 265 | } |
| 266 | |
| 267 | .doc th, .markdown th { |
| 268 | border-bottom: 1px solid #dee8f2; |
| 269 | padding-bottom: 4px; |
| 270 | padding-right: 6px; |
| 271 | text-align: left; |
| 272 | } |
| 273 | |
| 274 | .doc td, .markdown td { |
| 275 | padding-bottom: 4px; |
| 276 | padding-right: 6px; |
| 277 | text-align: left; |
| 278 |
| --- skins/default/css.txt | |
| +++ skins/default/css.txt | |
| @@ -259,19 +259,28 @@ | |
| 259 | |
| 260 | .doc table, .markdown table { |
| 261 | background-color: #f0f5f9; |
| 262 | border: 1px solid #a7c2dc; |
| 263 | border-radius: 0.5em; |
| 264 | border-spacing: 0; |
| 265 | padding: 6px; |
| 266 | } |
| 267 | |
| 268 | .doc th, .markdown th { |
| 269 | border-bottom: 1px solid #dee8f2; |
| 270 | padding-bottom: 4px; |
| 271 | padding-right: 6px; |
| 272 | text-align: left; |
| 273 | } |
| 274 | |
| 275 | .doc tr > th, .markdown tr > th { |
| 276 | background-color: #dee8f0; |
| 277 | } |
| 278 | |
| 279 | .doc tr:nth-child(odd), .markdown tr:nth-child(odd) { |
| 280 | background-color: #e0e8ee; |
| 281 | } |
| 282 | |
| 283 | .doc td, .markdown td { |
| 284 | padding-bottom: 4px; |
| 285 | padding-right: 6px; |
| 286 | text-align: left; |
| 287 |