Mercurial > bus-service / file comparison
comparison: static/style.css
static/style.css
- changeset 22
- 3d094a804af8
- parent 21
- 6a0394d5a159
- child 30
- a5bfd99bc2a3
equal
deleted
inserted
replaced
| 21:6a0394d5a159 | 22:3d094a804af8 |
|---|---|
| 1 * | |
| 2 { | |
| 3 font-family: FreeSans, helvetica, Arial, sans-serif; | |
| 4 } | |
| 1 body | 5 body |
| 2 { | 6 { |
| 3 font-family: FreeSans, helvetica, Arial, sans-serif; | |
| 4 background: white; | 7 background: white; |
| 5 color: black; | 8 color: black; |
| 6 margin: 0; | 9 margin: 0; |
| 7 padding: 0; | 10 padding: 0; |
| 8 font-size: 24pt; | 11 font-size: 24pt; |
| 16 { | 19 { |
| 17 text-decoration: underline; | 20 text-decoration: underline; |
| 18 } | 21 } |
| 19 h1 | 22 h1 |
| 20 { | 23 { |
| 24 margin: 0; | |
| 21 padding-top: 10pt; | 25 padding-top: 10pt; |
| 22 padding-bottom: 20pt; | 26 padding-bottom: 20pt; |
| 23 text-align: center; | 27 text-align: center; |
| 24 /* font-variant: small-caps; */ | 28 /* font-variant: small-caps; */ |
| 25 font-weight: normal; | 29 font-weight: normal; |
| 33 } | 37 } |
| 34 h1 img, h1 span | 38 h1 img, h1 span |
| 35 { | 39 { |
| 36 vertical-align: middle; | 40 vertical-align: middle; |
| 37 } | 41 } |
| 38 #aikataulu | 42 |
| 43 .aikataulu | |
| 39 { | 44 { |
| 40 margin: auto; | 45 margin: auto; |
| 46 margin-bottom: 30pt; | |
| 41 min-width: 50%; | 47 min-width: 50%; |
| 48 border: 1px solid gray; | |
| 42 } | 49 } |
| 43 | 50 |
| 44 .sarake-aika, .sarake-linja | 51 .sarake-aika, .sarake-linja |
| 45 { | 52 { |
| 46 text-align: center; | 53 text-align: center; |
| 49 td, th, body | 56 td, th, body |
| 50 { | 57 { |
| 51 font-size: 24pt; | 58 font-size: 24pt; |
| 52 } | 59 } |
| 53 | 60 |
| 54 #aikataulu th, #aikataulu td | 61 .aikataulu th, .aikataulu td |
| 55 { | 62 { |
| 56 padding-left: 40pt; | 63 padding-left: 40pt; |
| 57 padding-right: 40pt; | 64 padding-right: 40pt; |
| 58 padding-bottom: 10px; | 65 padding-bottom: 10px; |
| 59 padding-top: 10px; | 66 padding-top: 10px; |
| 60 } | 67 } |
| 61 | 68 |
| 62 #aikataulu tr td | 69 .aikataulu tr td |
| 63 { | 70 { |
| 64 border-top: 1px solid gray; | 71 border-top: 1px solid gray; |
| 72 background-color: rgba(0, 0, 0, 0.05); | |
| 65 } | 73 } |
| 66 | 74 |
| 67 #aikataulu tr:nth-child(even) { | 75 .aikataulu tr:nth-child(even) |
| 68 background-color: #F8F8F8; | 76 { |
| 77 background-color: rgba(0, 0, 0, 0.1); | |
| 69 } | 78 } |
| 70 | 79 |
| 71 #aikataulu tr.yö td | 80 .aikataulu tr.yö td |
| 72 { | 81 { |
| 73 /* | 82 /* |
| 74 background-color: #d8d8ff; | 83 background-color: #d8d8ff; |
| 75 color: #008; | 84 color: #008; |
| 76 border-bottom: 1px solid #00A; | 85 border-bottom: 1px solid #00A; |
| 77 */ | 86 */ |
| 87 /* | |
| 78 background-color: #004; | 88 background-color: #004; |
| 79 color: #bef; | 89 color: #bef; |
| 80 border-top: 1px solid #008; | 90 border-top: 1px solid #008; |
| 91 */ | |
| 92 background-color: rgba(0, 0, 192, 0.25); | |
| 93 color: #22A; | |
| 94 border-top: 1px solid #00A; | |
| 81 } | 95 } |
| 82 | 96 |
| 83 #aikataulu tr.yö:nth-child(even) td | 97 .aikataulu th |
| 84 { | 98 { |
| 85 background-color: #003; | 99 background: #ffd90f; |
| 86 } | 100 } |
| 87 | 101 |
| 88 #pysäkki-info | 102 #pysäkki-info |
| 89 { | 103 { |
| 90 text-align: center | 104 text-align: center |
| 102 | 116 |
| 103 p | 117 p |
| 104 { | 118 { |
| 105 text-align: center | 119 text-align: center |
| 106 } | 120 } |
| 121 | |
| 122 /* --- Navigointipalkki -- */ | |
| 123 .tab-bar | |
| 124 { | |
| 125 margin: 0; | |
| 126 width: 100%; | |
| 127 overflow: hidden; | |
| 128 background: #906700; | |
| 129 display: flex; | |
| 130 justify-content: space-between; | |
| 131 } | |
| 132 | |
| 133 .tab-bar button | |
| 134 { | |
| 135 background: inherit; | |
| 136 float: left; | |
| 137 border: none; | |
| 138 outline: none; | |
| 139 cursor: pointer; | |
| 140 padding: 14px 16px; | |
| 141 transition: 0.3s; | |
| 142 color: white; | |
| 143 font-size: 22pt; | |
| 144 } | |
| 145 | |
| 146 .tab-bar button.active | |
| 147 { | |
| 148 font-weight: bold; | |
| 149 } | |
| 150 | |
| 151 nav | |
| 152 { | |
| 153 box-shadow: 0px 0px 10px black; | |
| 154 margin-bottom: 30pt; | |
| 155 } |
