/
style.css
69 lines (57 loc) · 3.2 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
/* Accent Colour: #5A7F85 */
/* General */
a { color: #5A7F85; }
h2 { font-weight: bold; font-size: 22px; color: #000000; margin: 0 0 0.81em; line-height: 1.62em; }
p { font-size: 14px; color: #404040; margin: 0 0 0.81em; line-height: 1.25em}
/* Header */
#header { background: #000 url('images/header_bg.gif') repeat-x left bottom; padding: 10px; height: 30px; margin: 0 0 10px; position: relative; }
#header h1 { line-height: 1; float: left; margin: 0; font-size: 28px; font-weight: bold; color: #FFFFFF; }
#header h1 a { line-height: 1; float: left; margin: 0; font-size: 28px; font-weight: bold; color: #FFFFFF; }
#header h1 a:hover { text-decoration: none; }
#header h1 span { font-size: 18px; font-weight: bold; color: #ADBFC2; }
#header p { float: left; line-height: 1; margin: 0 0 0 10px; font-size: 18px; color: #D6DFE1; position: relative; bottom: -8px; }
#header div#nav { text-align: right; position: absolute; right: 10px; top: 15px; }
/* Panels */
div.ui-layout-west { overflow: auto; padding-top: 8px; }
#panels { padding: 0 0 0 0; }
#panels p { font-size: 12px; color: #000000; }
#panels div.panel h2 { line-height: 1; font-weight: bold; padding: 5px 0 5px 10px; margin: 0; font-size: 16px; }
#panels div.panel h2 a.link-text-selected { font-weight: bold; color: #000; }
#panels div.panel h2 a.link-text-selected:hover { text-decoration: none; cursor: pointer; }
#panels div.content { padding: 12px; }
#panels div.content p { margin: auto; }
/* Info */
#city-hint-widget { display: none; }
/* Selector */
#panels #tab-selector { margin: auto; margin-left: auto; margin-right: auto; text-align: center; height: 40px; }
/* Plan a Trip / Nearby */
#panels #trip-planner-panel { display: none; }
#panels form { margin: auto; }
#panels form div { clear: both; margin: 0; padding: 0 0 5px; }
#panels form div.submit { width: 100%; margin: 0; padding: 8px 0 0 0; text-align: right; }
#panels form p.error { color:#F00; }
#panels form a.help { color:#22F; }
#panels form p input { width: 228px; }
#panels form div.location-input { width: 248px; clear: none; float: left; }
#panels form div.reverse-input { clear: none; padding: 32px 0px; vertical-align: middle; }
#panels form#nearby-form div.location-input { width: 100%; clear: none;}
#panels form#nearby-form div.location-input p input { width: 270px; }
/* Around me results */
#nearby div.content { padding: 0px 5px 5px 5px; }
#nearby { display: block; }
#nearby div.nearby-station-hover { background: #EAEDFF; cursor: pointer; }
#nearby div.nearby-station-selected { background: #D9DCFF; }
#nearby td.station-graph { padding: 5px; text-align: left; vertical-align: top; }
#nearby td.station { padding: 10px 0; vertical-align: top; }
#nearby p.station-name { font-weight: bold; font-size: 14px; }
#nearby p.station-info { font-size: 12px; font-weight: normal; }
#nearby td { padding: 5px 5px 5px 5px; }
/* Map */
div.ui-layout-center { padding-top: 8px; }
#map_canvas { width: 100%; height: 100%; display: none; }
#map_canvas div.tooltip { white-space: nowrap; padding: 2px; color: #000000; font-weight: bold; font-size: 12px; }
/* About pages */
#content { margin: 10px 40px 20px 20px; }
/* Footer */
#footer p { font-size: 12px; color: #000000; padding: 10px; margin: 0 0 10px; }
#footer .FB_UI_Hidden