Check out the latest version of Routino: svn co http://routino.org/svn/trunk routino
Contents of /trunk/web/www/routino/router.css
Parent Directory
|
Revision Log
Revision 572 -
(show annotations)
(download)
(as text)
Wed Dec 29 09:58:20 2010 UTC (14 years, 2 months ago) by amb
File MIME type: text/css
File size: 3345 byte(s)
Wed Dec 29 09:58:20 2010 UTC (14 years, 2 months ago) by amb
File MIME type: text/css
File size: 3345 byte(s)
Added the uncontrolled (not auto-generated) files from routino-1.2.
1 | /* |
2 | // Routino router web page style sheet. |
3 | // |
4 | // Part of the Routino routing software. |
5 | // |
6 | // This file Copyright 2008,2009 Andrew M. Bishop |
7 | // |
8 | // This program is free software: you can redistribute it and/or modify |
9 | // it under the terms of the GNU Affero General Public License as published by |
10 | // the Free Software Foundation, either version 3 of the License, or |
11 | // (at your option) any later version. |
12 | // |
13 | // This program is distributed in the hope that it will be useful, |
14 | // but WITHOUT ANY WARRANTY; without even the implied warranty of |
15 | // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
16 | // GNU Affero General Public License for more details. |
17 | // |
18 | // You should have received a copy of the GNU Affero General Public License |
19 | // along with this program. If not, see <http://www.gnu.org/licenses/>. |
20 | */ |
21 | |
22 | |
23 | /*----------------------------------*/ |
24 | /* Body HTML formatting */ |
25 | /*----------------------------------*/ |
26 | |
27 | BODY |
28 | { |
29 | /* fonts and text styles */ |
30 | |
31 | font-family: sans-serif; |
32 | font-size: medium; |
33 | |
34 | /* colours */ |
35 | |
36 | background-color: white; |
37 | color: black; |
38 | } |
39 | |
40 | /*------------*/ |
41 | /* Left panel */ |
42 | /*------------*/ |
43 | |
44 | |
45 | DIV.left_panel |
46 | { |
47 | width: 23em; |
48 | |
49 | position: absolute; |
50 | top: 0; |
51 | bottom: 0; |
52 | right: auto; |
53 | left: 0; |
54 | |
55 | padding: 3px; |
56 | } |
57 | |
58 | DIV.left_panel SPAN.subtitle |
59 | { |
60 | font-weight: bold; |
61 | text-decoration: underline; |
62 | } |
63 | |
64 | DIV.options |
65 | { |
66 | width: auto; |
67 | |
68 | padding: 3px; |
69 | border: thin solid; |
70 | } |
71 | |
72 | DIV.options IMG |
73 | { |
74 | cursor: pointer; |
75 | vertical-align: bottom; |
76 | } |
77 | |
78 | DIV.options TABLE |
79 | { |
80 | padding: 0; |
81 | border: 0 hidden; |
82 | margin: 0; |
83 | } |
84 | |
85 | DIV.options TABLE TD |
86 | { |
87 | padding: 0; |
88 | border: 0; |
89 | margin: 0; |
90 | } |
91 | |
92 | DIV.options INPUT |
93 | { |
94 | padding: 0; |
95 | border: 1px solid; |
96 | margin: 0; |
97 | |
98 | text-align: right; |
99 | } |
100 | |
101 | DIV.options INPUT#shortest |
102 | { |
103 | margin: 3px; |
104 | border: 3px solid; |
105 | |
106 | border-color: #00FF00; |
107 | |
108 | background: #C0F0C0; |
109 | |
110 | text-align: center; |
111 | } |
112 | |
113 | DIV.options INPUT#quickest |
114 | { |
115 | margin: 3px; |
116 | border: 3px solid; |
117 | |
118 | border-color: #0000FF; |
119 | |
120 | background: #C0C0F0; |
121 | |
122 | text-align: center; |
123 | } |
124 | |
125 | DIV.route |
126 | { |
127 | width: auto; |
128 | |
129 | padding: 3px; |
130 | border: thin solid; |
131 | } |
132 | |
133 | DIV.route TABLE |
134 | { |
135 | border-collapse: collapse; |
136 | border: hidden; |
137 | } |
138 | |
139 | DIV.route TD.right |
140 | { |
141 | min-width: 5em; |
142 | text-align: right; |
143 | } |
144 | |
145 | DIV.route TD.left |
146 | { |
147 | text-align: left; |
148 | min-width: 15em; |
149 | } |
150 | |
151 | DIV#shortest_data SPAN |
152 | { |
153 | padding-left: 2px; |
154 | padding-right: 2px; |
155 | } |
156 | |
157 | DIV#shortest_data SPAN:hover |
158 | { |
159 | cursor: pointer; |
160 | |
161 | background: #C0F0C0; |
162 | } |
163 | |
164 | DIV#shortest_text |
165 | { |
166 | overflow: hidden; |
167 | } |
168 | |
169 | DIV#shortest_text TR:hover |
170 | { |
171 | cursor: pointer; |
172 | |
173 | background: #C0F0C0; |
174 | } |
175 | |
176 | DIV#quickest_data SPAN |
177 | { |
178 | padding-left: 2px; |
179 | padding-right: 2px; |
180 | } |
181 | |
182 | DIV#quickest_data SPAN:hover |
183 | { |
184 | cursor: pointer; |
185 | |
186 | background: #C0C0F0; |
187 | } |
188 | |
189 | DIV#quickest_text |
190 | { |
191 | overflow: hidden; |
192 | } |
193 | |
194 | DIV#quickest_text TR:hover |
195 | { |
196 | cursor: pointer; |
197 | |
198 | background: #C0C0F0; |
199 | } |
200 | |
201 | DIV.data |
202 | { |
203 | width: auto; |
204 | |
205 | padding: 3px; |
206 | border: thin solid; |
207 | } |
208 | |
209 | DIV.scrollable |
210 | { |
211 | overflow: auto; |
212 | |
213 | height: 20em; |
214 | } |
215 | |
216 | |
217 | /*-------------*/ |
218 | /* Right panel */ |
219 | /*-------------*/ |
220 | |
221 | |
222 | DIV.right_panel |
223 | { |
224 | position: fixed; |
225 | top: 0; |
226 | bottom: 0; |
227 | right: 0; |
228 | left: 23.5em; |
229 | } |
230 | |
231 | DIV.map |
232 | { |
233 | position: absolute; |
234 | top: 0; |
235 | bottom: 1.5em; |
236 | right: 0; |
237 | left: 0; |
238 | |
239 | border: 3px solid; |
240 | |
241 | text-align: center; |
242 | } |
243 | |
244 | DIV.attribution |
245 | { |
246 | position: absolute; |
247 | top: auto; |
248 | bottom: 0; |
249 | right: 0; |
250 | left: 0; |
251 | |
252 | margin: 0px; |
253 | border: 0px; |
254 | padding: 0px; |
255 | |
256 | text-align: center; |
257 | } |