Skip to content

Commit 7a852cf

Browse files
nippoonippoo
committed
Added new Overground colours
1 parent 25c105f commit 7a852cf

File tree

1 file changed

+122
-89
lines changed

1 file changed

+122
-89
lines changed

‎smarta/style.css

Lines changed: 122 additions & 89 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,19 @@
1-
body{
2-
font-family:Arial,Helvetica,sans-serif;
1+
body {
2+
font-family: Arial, Helvetica, sans-serif;
33
background: #262730;
44
color: white;
55
}
66

7-
h2{
7+
h2 {
88
margin: 20px auto 15px auto;
99
width: 313px;
1010
height: 60px;
1111
background: url("smarta-logo.png") no-repeat center;
1212
background-size: 80%;
1313
text-indent: -9999px;
14-
}
14+
}
1515

16-
#lastupdated
17-
{
16+
#lastupdated {
1817
text-align: center;
1918
font-size: 80%;
2019
position: fixed;
@@ -24,162 +23,196 @@ h2{
2423
color: #686a79;
2524
}
2625

27-
#tubestatus-wrapper
28-
{
26+
#tubestatus-wrapper {
2927
text-align: center;
3028
}
3129

32-
#tubestatus
33-
{
30+
#tubestatus {
3431
background: #2f2f3f;
3532
padding: 10px;
3633
display: inline-block;
3734
border-radius: 10px;
3835
}
3936

40-
#tubestatus table{
41-
table-layout: fixed;
37+
#tubestatus table {
38+
table-layout: fixed;
4239
width: 1100px;
4340
border-collapse: collapse;
4441
}
4542

46-
#tubestatus table td{
43+
#tubestatus table td {
4744
padding: 4px 10px 3px 10px;
4845
}
4946

50-
51-
.tubeline{
52-
font-weight:bold;
53-
width: 200px;
47+
.tubeline {
48+
font-weight: bold;
49+
width: 200px;
5450
}
5551

56-
.bustable{
52+
.bustable {
5753
display: inline-block;
58-
clear: both;
54+
clear: both;
5955
background: #2f2f3f;
6056
border-radius: 10px;
6157
margin: 10px 6px 0px 6px;
6258
padding: 0 15px 10px 15px;
6359
}
6460

65-
#bustimes-wrapper
66-
{
61+
#bustimes-wrapper {
6762
text-align: center;
6863
}
6964

70-
#bustimes{
65+
#bustimes {
7166
display: inline-block;
7267
}
7368

74-
#bustimes table{
75-
table-layout: fixed;
69+
#bustimes table {
70+
table-layout: fixed;
7671
width: 475px;
7772
margin: 5px;
78-
7973
}
8074

81-
#bustimes h4
82-
{
75+
#bustimes h4 {
8376
font-size: 93%;
8477
}
8578

86-
#bustimes table th{
79+
#bustimes table th {
8780
font-size: 90%;
8881
}
8982

90-
#bustimes table td{
83+
#bustimes table td {
9184
font-size: 80%;
9285
}
9386

94-
.busnumber{
95-
font-weight:bold;
96-
width: 75px;
97-
text-align: center;
98-
87+
.busnumber {
88+
font-weight: bold;
89+
width: 75px;
90+
text-align: center;
9991
}
10092

101-
.towards{
102-
width: 325px;
103-
text-align: center;
104-
93+
.towards {
94+
width: 325px;
95+
text-align: center;
10596
}
10697

107-
.timeuntil{
108-
width: 100px;
98+
.timeuntil {
99+
width: 100px;
109100
text-align: center;
110101
}
111102

112-
.status
113-
{
114-
font-weight:bold;
103+
.status {
104+
font-weight: bold;
115105
font-size: 93%;
116106
}
117107

118-
.desc{
108+
.desc {
119109
font-size: 80%;
120110
padding-left: 18px;
121111
box-decoration-break: clone;
122112
-webkit-box-decoration-break: clone;
113+
}
123114

115+
.bakerloo {
116+
color: #fff;
117+
background: #ae6118
124118
}
125119

126-
.bakerloo{
127-
color:#fff;
128-
background:#ae6118
120+
.central {
121+
color: #fff;
122+
background: #e41f1f
129123
}
130-
.central{
131-
color:#fff;
132-
background:#e41f1f
124+
125+
.circle {
126+
color: #113b92;
127+
background: #f8d42d
133128
}
134-
.circle{
135-
color:#113b92;
136-
background:#f8d42d
129+
130+
.district {
131+
color: #fff;
132+
background: #00a575
137133
}
138-
.district{
139-
color:#fff;
140-
background:#00a575
134+
135+
.hammersmith {
136+
color: #113b92;
137+
background: #e899a8
141138
}
142-
.hammersmith{
143-
color:#113b92;
144-
background:#e899a8
139+
140+
.jubilee {
141+
color: #fff;
142+
background: #8f989e
145143
}
146-
.jubilee{
147-
color:#fff;
148-
background:#8f989e
144+
145+
.metropolitan {
146+
color: #fff;
147+
background: #893267
149148
}
150-
.metropolitan{
151-
color:#fff;
152-
background:#893267
149+
150+
.northern {
151+
color: #fff;
152+
background: #000
153153
}
154-
.northern{
155-
color:#fff;
156-
background:#000
154+
155+
.piccadilly {
156+
color: #fff;
157+
background: #0450a1
157158
}
158-
.piccadilly{
159-
color:#fff;
160-
background:#0450a1
159+
160+
.elizabeth {
161+
color: #fff;
162+
background: #6950a1
161163
}
162-
.elizabeth{
163-
color:#fff;
164-
background:#6950a1
164+
165+
.victoria {
166+
color: #fff;
167+
background: #009fe0
168+
}
169+
170+
.waterloo {
171+
color: #113b92;
172+
background: #70c3ce
165173
}
166-
.victoria{
167-
color:#fff;
168-
background:#009fe0
174+
175+
.dlr {
176+
color: #fff;
177+
background: #00bbb4
169178
}
170-
.waterloo{
171-
color:#113b92;
172-
background:#70c3ce
179+
180+
.overground {
181+
color: #fff;
182+
background: #f86c00
173183
}
174-
.dlr{
175-
color:#fff;
176-
background:#00bbb4
184+
185+
.rail {
186+
color: #fff;
187+
background: #0019a8
177188
}
178-
.overground{
179-
color:#fff;
180-
background:#f86c00
189+
190+
.liberty {
191+
color: #fff;
192+
background: #61686b;
181193
}
182-
.rail{
183-
color:#fff;
184-
background:#0019a8
194+
195+
.mildmay {
196+
color: #fff;
197+
background: #006fe6;
185198
}
199+
200+
.weaver {
201+
color: #fff;
202+
background: #9b0058;
203+
}
204+
205+
.windrush {
206+
color: #fff;
207+
background: #dc241f;
208+
}
209+
210+
.lioness {
211+
color: #fff;
212+
background: #ffa600;
213+
}
214+
215+
.suffragette {
216+
color: #fff;
217+
background: #18a95d;
218+
}

0 commit comments

Comments
 (0)