84 /* |
84 /* |
85 * jBox menu system |
85 * jBox menu system |
86 */ |
86 */ |
87 |
87 |
88 div.menu { |
88 div.menu { |
89 background-color: #B0D0F0; |
89 background-color: #B0D0F0; |
90 font-size: 7pt; |
90 font-size: 7pt; |
91 border-width: 0; |
91 border-width: 0; |
92 } |
92 } |
93 div.menu a, div.menu div.label { |
93 div.menu a, div.menu div.label { |
94 padding: 2.5pt 5px; |
94 padding: 2.5pt 5px; |
95 margin-right: 3px; |
95 margin-right: 3px; |
96 text-decoration: none; |
96 text-decoration: none; |
97 display: block; |
97 display: block; |
98 float: left; |
98 float: left; |
99 color: #406080; |
99 color: #406080; |
100 } |
100 } |
101 div.menu div.label { |
101 div.menu div.label { |
102 color: #001020; |
102 color: #001020; |
103 cursor: default; |
103 cursor: default; |
104 } |
104 } |
105 div.menu span.sep { |
105 div.menu span.sep { |
106 display: block; |
106 display: block; |
107 float: left; |
107 float: left; |
108 width: 5px; |
108 width: 5px; |
109 } |
109 } |
110 div.menu div.multopts { |
110 div.menu div.multopts { |
111 line-height: 17pt; |
111 line-height: 17pt; |
112 } |
112 } |
113 div.menu div.multopts a, div.menu div.multopts div.label { |
113 div.menu div.multopts a, div.menu div.multopts div.label { |
114 float: none; |
114 float: none; |
115 display: inline; |
115 display: inline; |
116 } |
116 } |
117 div.menu a.liteselected, div.menu a.liteselected:hover, div.menu a:hover { |
117 div.menu a.liteselected, div.menu a.liteselected:hover, div.menu a:hover { |
118 color: #406080; |
118 color: #406080; |
119 background-color: #D0F0FF; |
119 background-color: #D0F0FF; |
120 } |
120 } |
121 div.menu input[type ^="text"], div.menu input[type ^="password"] { |
121 div.menu input[type ^="text"], div.menu input[type ^="password"] { |
122 border-width: 0; |
122 border-width: 0; |
123 font-size: 9pt; |
123 font-size: 9pt; |
124 padding: 4px 5px; |
124 padding: 4px 5px; |
125 max-width: 70px; |
125 max-width: 70px; |
126 background-color: #D0F0FF; |
126 background-color: #D0F0FF; |
127 } |
127 } |
128 div.menu input[type ^="text"]:hover, div.menu input[type ^="password"]:hover { |
128 div.menu input[type ^="text"]:hover, div.menu input[type ^="password"]:hover { |
129 background-color: #E0F0FF; |
129 background-color: #E0F0FF; |
130 } |
130 } |
131 div.menu input[type ^="text"]:focus, div.menu input[type ^="password"]:focus { |
131 div.menu input[type ^="text"]:focus, div.menu input[type ^="password"]:focus { |
132 background-color: #F0F0FF; |
132 background-color: #F0F0FF; |
133 } |
133 } |
134 div.menu input[type ^="button"], div.menu input[type ^="submit"] { |
134 div.menu input[type ^="button"], div.menu input[type ^="submit"] { |
135 border-width: 0; |
135 border-width: 0; |
136 font-size: 9pt; |
136 font-size: 9pt; |
137 padding: 3px 5px; |
137 padding: 3px 5px; |
138 max-width: 70px; |
138 max-width: 70px; |
139 } |
139 } |
140 div.menu a.current, div.menu a.current:hover, div.menu a.selected, div.menu a.selected:hover { |
140 div.menu a.current, div.menu a.current:hover, div.menu a.selected, div.menu a.selected:hover { |
141 color: #000040; |
141 color: #000040; |
142 background-color: #FFFFFF; |
142 background-color: #FFFFFF; |
143 } |
143 } |
144 div.menu ul { |
144 div.menu ul { |
145 display: none; |
145 display: none; |
146 position: absolute; |
146 position: absolute; |
147 padding: 0; |
147 padding: 0; |
148 margin: 0; |
148 margin: 0; |
149 background-color: #B0D0F0; |
149 background-color: #B0D0F0; |
150 border-width: 0; |
150 border-width: 0; |
151 min-width: 120px; |
151 min-width: 120px; |
152 } |
152 } |
153 div.menu ul li { |
153 div.menu ul li { |
154 list-style: none; |
154 list-style: none; |
155 } |
155 } |
156 div.menu ul a { |
156 div.menu ul a { |
157 float: none; |
157 float: none; |
158 margin: 0; |
158 margin: 0; |
159 } |
159 } |
160 span.menuclear { |
160 span.menuclear { |
161 font-size: 1px; |
161 font-size: 1px; |
162 height: 0px; |
162 height: 0px; |
163 width: 0px; |
163 width: 0px; |
164 clear: left; |
164 clear: left; |
165 line-height: 0px; |
165 line-height: 0px; |
166 display: block; |
166 display: block; |
167 } |
167 } |
168 |
168 |
169 /* Rounded corners on nearly everything */ |
169 /* Rounded corners on nearly everything */ |
170 td#mdg-tl { width: 12px; height: 12px; background: url(../images/bleu/border-tl.gif); } |
170 td#mdg-tl { width: 12px; height: 12px; background: url(../images/bleu/border-tl.gif); } |
171 td#mdg-tr { width: 12px; height: 12px; background: url(../images/bleu/border-tr.gif); } |
171 td#mdg-tr { width: 12px; height: 12px; background: url(../images/bleu/border-tr.gif); } |
230 td.diff-context { background: #eee; font-size: smaller; } |
230 td.diff-context { background: #eee; font-size: smaller; } |
231 span.diffchange { color: red; font-weight: bold; } |
231 span.diffchange { color: red; font-weight: bold; } |
232 |
232 |
233 /* toolbar */ |
233 /* toolbar */ |
234 div.toolbar { |
234 div.toolbar { |
235 border-bottom: 1px solid #909090; |
235 border-bottom: 1px solid #909090; |
236 background-color: #D0D0D0; |
236 background-color: #D0D0D0; |
237 padding: 2px 0; |
237 padding: 2px 0; |
238 height: 22px; |
238 height: 22px; |
239 font-family: arial, sans-serif; |
239 font-family: arial, sans-serif; |
240 font-size: 8pt; |
240 font-size: 8pt; |
241 } |
241 } |
242 div.toolbar ul { |
242 div.toolbar ul { |
243 margin: 0; |
243 margin: 0; |
244 padding: 0; |
244 padding: 0; |
245 } |
245 } |
246 div.toolbar ul li { |
246 div.toolbar ul li { |
247 list-style: none; |
247 list-style: none; |
248 margin: 0; |
248 margin: 0; |
249 float: left; |
249 float: left; |
250 } |
250 } |
251 div.toolbar a img { |
251 div.toolbar a img { |
252 opacity: 0.6; |
252 opacity: 0.6; |
253 /*filter: alpha(opacity=60);*/ |
253 /*filter: alpha(opacity=60);*/ |
254 } |
254 } |
255 div.toolbar a:hover img { |
255 div.toolbar a:hover img { |
256 opacity: 1; |
256 opacity: 1; |
257 /*filter: alpha(opacity=100);*/ |
257 /*filter: alpha(opacity=100);*/ |
258 } |
258 } |
259 div.toolbar a { |
259 div.toolbar a { |
260 display: block; |
260 display: block; |
261 padding: 2px; |
261 padding: 2px; |
262 border: 1px solid transparent; |
262 border: 1px solid transparent; |
263 cursor: default; |
263 cursor: default; |
264 width: auto; |
264 width: auto; |
265 color: #000000; |
265 color: #000000; |
266 margin: 0 2px; |
266 margin: 0 2px; |
267 max-height: 16px; |
267 max-height: 16px; |
268 text-decoration: none; |
268 text-decoration: none; |
269 } |
269 } |
270 div.toolbar a:hover { |
270 div.toolbar a:hover { |
271 border: 1px solid #202090; |
271 border: 1px solid #202090; |
272 background-color: #ceceed; |
272 background-color: #ceceed; |
273 color: #000000; |
273 color: #000000; |
274 text-decoration: none; |
274 text-decoration: none; |
275 } |
275 } |
276 div.toolbar a:active { |
276 div.toolbar a:active { |
277 border: 1px solid #A0A0A0; |
277 border: 1px solid #A0A0A0; |
278 background-color: #E0E0E0; |
278 background-color: #E0E0E0; |
279 } |
279 } |
280 div.toolbar img { |
280 div.toolbar img { |
281 margin: 0; |
281 margin: 0; |
282 padding: 0; |
282 padding: 0; |
283 display: inline; |
283 display: inline; |
284 border-width: 0px; |
284 border-width: 0px; |
285 } |
285 } |
286 div.toolbar a span { |
286 div.toolbar a span { |
287 position: relative; |
287 position: relative; |
288 top: -4px; |
288 top: -4px; |
289 } |
289 } |
290 div.toolbar li span { |
290 div.toolbar li span { |
291 padding-left: 2px; |
291 padding-left: 2px; |
292 padding-right: 5px; |
292 padding-right: 5px; |
293 } |
293 } |
294 |
294 |
295 /* vertical toolbar */ |
295 /* vertical toolbar */ |
296 div.toolbar_vert { |
296 div.toolbar_vert { |
297 border: 1px solid #909090; |
297 border: 1px solid #909090; |
298 background-color: #D0D0D0; |
298 background-color: #D0D0D0; |
299 padding: 2px 0; |
299 padding: 2px 0; |
300 } |
300 } |
301 div.toolbar_vert ul { |
301 div.toolbar_vert ul { |
302 margin: 0; |
302 margin: 0; |
303 padding: 0; |
303 padding: 0; |
304 } |
304 } |
305 div.toolbar_vert ul li { |
305 div.toolbar_vert ul li { |
306 list-style: none; |
306 list-style: none; |
307 margin: 0; |
307 margin: 0; |
308 } |
308 } |
309 div.toolbar_vert a img { |
309 div.toolbar_vert a img { |
310 opacity: 0.6; |
310 opacity: 0.6; |
311 /*filter: alpha(opacity=60);*/ |
311 /*filter: alpha(opacity=60);*/ |
312 } |
312 } |
313 div.toolbar_vert a:hover img { |
313 div.toolbar_vert a:hover img { |
314 opacity: 1; |
314 opacity: 1; |
315 /*filter: alpha(opacity=100);*/ |
315 /*filter: alpha(opacity=100);*/ |
316 } |
316 } |
317 div.toolbar_vert a { |
317 div.toolbar_vert a { |
318 display: block; |
318 display: block; |
319 padding: 2px; |
319 padding: 2px; |
320 border: 1px solid transparent; |
320 border: 1px solid transparent; |
321 cursor: default; |
321 cursor: default; |
322 width: auto; |
322 width: auto; |
323 color: #000000; |
323 color: #000000; |
324 margin: 0 2px; |
324 margin: 0 2px; |
325 max-height: 16px; |
325 max-height: 16px; |
326 text-decoration: none; |
326 text-decoration: none; |
327 } |
327 } |
328 div.toolbar_vert a:hover { |
328 div.toolbar_vert a:hover { |
329 border: 1px solid #202090; |
329 border: 1px solid #202090; |
330 background-color: #ceceed; |
330 background-color: #ceceed; |
331 color: #000000; |
331 color: #000000; |
332 text-decoration: none; |
332 text-decoration: none; |
333 } |
333 } |
334 div.toolbar_vert a:active { |
334 div.toolbar_vert a:active { |
335 border: 1px solid #A0A0A0; |
335 border: 1px solid #A0A0A0; |
336 background-color: #E0E0E0; |
336 background-color: #E0E0E0; |
337 } |
337 } |
338 div.toolbar_vert img { |
338 div.toolbar_vert img { |
339 margin: 0; |
339 margin: 0; |
340 padding: 0; |
340 padding: 0; |
341 display: inline; |
341 display: inline; |
342 border-width: 0px; |
342 border-width: 0px; |
343 } |
343 } |
344 div.toolbar_vert a span { |
344 div.toolbar_vert a span { |
345 position: relative; |
345 position: relative; |
346 top: -4px; |
346 top: -4px; |
347 } |
347 } |
348 div.toolbar_vert li span { |
348 div.toolbar_vert li span { |
349 padding-left: 2px; |
349 padding-left: 2px; |
350 padding-right: 5px; |
350 padding-right: 5px; |
351 } |
351 } |
352 |
352 |
353 div.mdg-comment { |
353 div.mdg-comment { |
354 display: none; |
354 display: none; |
355 } |
355 } |
356 |
356 |