Mercurial > hg
comparison mercurial/templates/static/style-paper.css @ 19431:b8ecc3830c89
hgweb: introduce separate classes for stripey background
Introduce stripes2 and stripes4 classes to support different structure.
They will be useful to implement stripes with pure CSS everywhere instead
of current server-side implementation.
author | Alexander Plavin <me@aplavin.ru> |
---|---|
date | Fri, 12 Jul 2013 23:47:56 +0400 |
parents | 5ec5097b4c0f |
children | e92d4b8530cb |
comparison
equal
deleted
inserted
replaced
19430:5ec5097b4c0f | 19431:b8ecc3830c89 |
---|---|
92 | 92 |
93 a { text-decoration:none; } | 93 a { text-decoration:none; } |
94 .age { white-space:nowrap; } | 94 .age { white-space:nowrap; } |
95 .date { white-space:nowrap; } | 95 .date { white-space:nowrap; } |
96 .indexlinks { white-space:nowrap; } | 96 .indexlinks { white-space:nowrap; } |
97 .parity0 { background-color: #f0f0f0; } | 97 .parity0, |
98 .parity1 { background-color: white; } | 98 .stripes4 > :nth-child(4n+1), |
99 .stripes2 > :nth-child(2n+1) { background-color: #f0f0f0; } | |
100 .parity1, | |
101 .stripes4 > :nth-child(4n+3), | |
102 .stripes2 > :nth-child(2n+2) { background-color: white; } | |
99 .plusline { color: green; } | 103 .plusline { color: green; } |
100 .minusline { color: #dc143c; } /* crimson */ | 104 .minusline { color: #dc143c; } /* crimson */ |
101 .atline { color: purple; } | 105 .atline { color: purple; } |
102 | 106 |
103 .diffstat-file { | 107 .diffstat-file { |
242 color: #999; | 246 color: #999; |
243 text-align: right; | 247 text-align: right; |
244 content: counter(lineno); | 248 content: counter(lineno); |
245 } | 249 } |
246 | 250 |
247 .sourcelines > span:nth-child(4n+1) { background-color: #f0f0f0; } | |
248 .sourcelines > span:nth-child(4n+3) { background-color: white; } | |
249 | |
250 .sourcelines > span:target { | 251 .sourcelines > span:target { |
251 background-color: #ffff99; | 252 background-color: #ffff99; |
252 } | 253 } |
253 | 254 |
254 .sourcelines > a { | 255 .sourcelines > a { |