Mercurial > bus-service / file comparison
comparison: static/style.css
static/style.css
- changeset 55
- 0f1d046b3f78
- parent 39
- 42a6276cf6d1
- child 67
- 336c750b7b5d
equal
deleted
inserted
replaced
| 54:0b1e263674e8 | 55:0f1d046b3f78 |
|---|---|
| 42 .aikataulu | 42 .aikataulu |
| 43 { | 43 { |
| 44 margin: auto; | 44 margin: auto; |
| 45 margin-bottom: 30pt; | 45 margin-bottom: 30pt; |
| 46 min-width: 50%; | 46 min-width: 50%; |
| 47 /*min-width: 85%;*/ | 47 border-radius: 30px 30px 0 0; |
| 48 background: #ffd90f; | |
| 48 border: 1px solid gray; | 49 border: 1px solid gray; |
| 49 border-radius: 30px 30px 0 0; | |
| 50 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); | 50 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); |
| 51 } | 51 } |
| 52 | 52 |
| 53 .aikataulu th:first-child | 53 .aikataulu tr:first-child th:first-child |
| 54 { | 54 { |
| 55 border-radius: 30px 0 0 0; | 55 border-top-left-radius: 30px; |
| 56 } | 56 } |
| 57 | 57 |
| 58 .aikataulu th:last-child | 58 .aikataulu tr:first-child th:last-child |
| 59 { | 59 { |
| 60 border-radius: 0 30px 0 0; | 60 border-top-right-radius: 0 30px; |
| 61 } | 61 } |
| 62 | 62 |
| 63 .sarake-linja | 63 .sarake-linja |
| 64 { | 64 { |
| 65 text-align: center; | 65 text-align: center; |
| 81 padding-right: 20pt; | 81 padding-right: 20pt; |
| 82 padding-bottom: 10px; | 82 padding-bottom: 10px; |
| 83 padding-top: 10px; | 83 padding-top: 10px; |
| 84 } | 84 } |
| 85 | 85 |
| 86 .aikataulu tbody | |
| 87 { | |
| 88 background: white; | |
| 89 } | |
| 90 | |
| 86 .aikataulu tr td | 91 .aikataulu tr td |
| 87 { | 92 { |
| 88 border-top: 1px solid gray; | 93 border-top: 1px solid gray; |
| 89 background-color: rgba(0, 0, 0, 0.04); | 94 background-color: rgba(0, 0, 0, 0.04); |
| 90 } | 95 } |
| 91 | 96 |
| 92 .aikataulu tr:first-child td | 97 .aikataulu tbody tr:nth-child(even) |
| 93 { | |
| 94 border-top: none; | |
| 95 } | |
| 96 | |
| 97 .aikataulu tr:nth-child(even) | |
| 98 { | 98 { |
| 99 background-color: rgba(0, 0, 0, 0.08); | 99 background-color: rgba(0, 0, 0, 0.08); |
| 100 } | 100 } |
| 101 | 101 |
| 102 .aikataulu tr.yö td | 102 .aikataulu tr.yö td |
| 107 /* | 107 /* |
| 108 background-color: rgba(0, 0, 192, 0.25); | 108 background-color: rgba(0, 0, 192, 0.25); |
| 109 color: #22A; | 109 color: #22A; |
| 110 border-top: 1px solid #00A; | 110 border-top: 1px solid #00A; |
| 111 */ | 111 */ |
| 112 } | |
| 113 | |
| 114 .aikataulu th | |
| 115 { | |
| 116 background: #ffd90f; | |
| 117 } | 112 } |
| 118 | 113 |
| 119 #pysäkki-info | 114 #pysäkki-info |
| 120 { | 115 { |
| 121 text-align: center | 116 text-align: center |
| 200 } | 195 } |
| 201 25%, to { | 196 25%, to { |
| 202 opacity: 1; | 197 opacity: 1; |
| 203 } | 198 } |
| 204 } | 199 } |
| 200 | |
| 201 .primary-heading span | |
| 202 { | |
| 203 font-size: 32pt; | |
| 204 } | |
| 205 | |
| 206 .primary-heading-symbols | |
| 207 { | |
| 208 font-weight: normal; | |
| 209 } | |
| 210 | |
| 211 .primary-heading | |
| 212 { | |
| 213 margin: 0; | |
| 214 padding-top: 10pt; | |
| 215 padding-bottom: 20pt; | |
| 216 height: 60px; | |
| 217 } | |
| 218 | |
| 219 .primary-heading img, .primary-heading span | |
| 220 { | |
| 221 vertical-align: middle; | |
| 222 } | |
| 223 | |
| 224 .aikataulu | |
| 225 { | |
| 226 margin-top: 20pt; | |
| 227 } | |
| 228 | |
| 229 .actions | |
| 230 { | |
| 231 float: right; | |
| 232 } | |
| 233 | |
| 234 .headings | |
| 235 { | |
| 236 vertical-align: bottom; | |
| 237 } | |
| 238 | |
| 239 .actions a | |
| 240 { | |
| 241 border: 1px solid rgba(0,0,0, 0.5); | |
| 242 border-radius: 20px; | |
| 243 width: 40px; | |
| 244 height: 40px; | |
| 245 text-align: center; | |
| 246 vertical-align: middle; | |
| 247 display: table-cell; | |
| 248 margin: 2px; | |
| 249 font-weight: normal; | |
| 250 background: #ffe766; | |
| 251 box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5); | |
| 252 } | |
| 253 | |
| 254 .actions a:hover | |
| 255 { | |
| 256 background: #fff3b3; | |
| 257 text-decoration: none; | |
| 258 } |
