131 height: 22px; |
87 height: 22px; |
132 filter:alpha(opacity=25); /* IE */ |
88 filter:alpha(opacity=25); /* IE */ |
133 opacity:.25; |
89 opacity:.25; |
134 } |
90 } |
135 |
91 |
|
92 p { |
|
93 margin: 0em 0px 0.2em; |
|
94 padding-top: 2px; |
|
95 } |
|
96 |
|
97 table, td, input, select{ |
|
98 font-size: 100%; |
|
99 } |
|
100 |
|
101 table { |
|
102 border-collapse: collapse; |
|
103 border: none; |
|
104 } |
|
105 |
|
106 table th, table td { |
|
107 vertical-align: top; |
|
108 } |
|
109 |
|
110 table td img { |
|
111 vertical-align: middle; |
|
112 margin-right: 10px; |
|
113 } |
|
114 |
|
115 ol { |
|
116 margin: 1px 0px 1px 16px; |
|
117 } |
|
118 |
|
119 ul{ |
|
120 margin: 1px 0px 1px 4px; |
|
121 list-style-type: none; |
|
122 } |
|
123 |
|
124 ul > li { |
|
125 margin-top: 2px; |
|
126 padding: 0px 0px 2px 8px; |
|
127 background: url("bullet_orange.png") 0% 6px no-repeat; |
|
128 } |
|
129 |
|
130 dt { |
|
131 font-size:1.17em; |
|
132 font-weight:600; |
|
133 } |
|
134 |
|
135 dd { |
|
136 margin: 0.6em 0 1.5em 2em; |
|
137 } |
|
138 |
136 fieldset { |
139 fieldset { |
137 border: none; |
140 border: none; |
138 } |
141 } |
139 |
142 |
140 h1 a, h1 a:active, h1 a:visited, h1 a:link, |
143 legend { |
141 h2 a, h2 a:active, h2 a:visited, h2 a:link, |
144 padding: 0px 2px; |
142 h3 a, h3 a:active, h3 a:visited, h3 a:link { |
145 font: bold 1em Verdana, sans-serif; |
143 color: inherit; |
|
144 text-decoration: none; |
|
145 } |
146 } |
146 |
147 |
147 input, textarea { |
148 input, textarea { |
148 padding: 0.1em 0.2em; |
149 padding: 0.2em; |
149 vertical-align: bottom; |
150 vertical-align: middle; |
150 border: 1px solid %(pageContentBorderColor)s; |
151 border: 1px solid #ccc; |
151 |
|
152 } |
152 } |
153 |
153 |
154 input:focus { |
154 input:focus { |
155 border: 1px inset %(headerBgColor)s; |
155 border: 1px inset #ff7700; |
156 } |
156 } |
157 |
157 |
158 hr { |
158 label, .label { |
159 border: none; |
159 font-weight: bold; |
160 border-bottom: 1px solid %(defaultColor)s; |
160 } |
161 height: 1px; |
161 |
|
162 iframe { |
|
163 border: 0px; |
|
164 } |
|
165 |
|
166 pre { |
|
167 font-family: Courier, "Courier New", Monaco, monospace; |
|
168 font-size: 100%; |
|
169 color: #000; |
|
170 background-color: #f2f2f2; |
|
171 border: 1px solid #ccc; |
|
172 margin: 10px 0; |
|
173 padding-bottom: 12px; |
|
174 padding-left: 5px; |
|
175 } |
|
176 |
|
177 code { |
|
178 font-size: 120%; |
|
179 color: #000; |
|
180 background-color: #f2f2f2; |
|
181 border: 1px solid #ccc; |
|
182 } |
|
183 |
|
184 blockquote { |
|
185 font-family: Courier, "Courier New", serif; |
|
186 font-size: 120%; |
|
187 margin: 5px 0px; |
|
188 padding: 0.8em; |
|
189 background-color: #f2f2f2; |
|
190 border: 1px solid #ccc; |
162 } |
191 } |
163 |
192 |
164 /***************************************/ |
193 /***************************************/ |
165 /* generic classes */ |
194 /* generic classes */ |
166 /***************************************/ |
195 /***************************************/ |
167 |
|
168 h1 a:hover { |
|
169 text-decoration: none; |
|
170 } |
|
171 |
196 |
172 .odd { |
197 .odd { |
173 background-color: #f7f6f1; |
198 background-color: #f7f6f1; |
174 } |
199 } |
175 |
200 |
176 .even { |
201 .even { |
177 background-color: transparent; |
202 background-color: transparent; |
178 } |
203 } |
179 |
204 |
180 .hr { |
205 .hr { |
181 border-bottom: 1px dotted %(pageContentBorderColor)s; |
206 border-bottom: 1px dotted #ccc; |
182 height: 17px; |
207 margin: 1em 0px; |
183 } |
|
184 |
|
185 hr.boxSeparator{ |
|
186 border: none; |
|
187 border-bottom: 1px solid %(listingBorderColor)s; |
|
188 height: 1px; |
|
189 } |
208 } |
190 |
209 |
191 .left { |
210 .left { |
192 float: left; |
211 float: left; |
193 } |
212 } |
215 padding-left: 0; |
234 padding-left: 0; |
216 list-style: none; |
235 list-style: none; |
217 } |
236 } |
218 |
237 |
219 .caption { |
238 .caption { |
220 font-weight: bold; |
239 font-weight: bold; |
221 } |
240 } |
222 |
241 |
223 .legend{ |
242 .legend{ |
224 font-style: italic; |
243 font-style: italic; |
|
244 } |
|
245 |
|
246 /* rest related image classes generated with align: directive */ |
|
247 |
|
248 img.align-right { |
|
249 margin-left: auto; |
|
250 display:block; |
|
251 } |
|
252 |
|
253 img.align-left { |
|
254 margin-right: auto; |
|
255 display:block; |
|
256 } |
|
257 |
|
258 img.align-center{ |
|
259 text-align: center; |
|
260 margin-left: auto; |
|
261 margin-right: auto; |
|
262 display:block; |
225 } |
263 } |
226 |
264 |
227 |
265 |
228 /***************************************/ |
266 /***************************************/ |
229 /* LAYOUT */ |
267 /* LAYOUT */ |
230 /***************************************/ |
268 /***************************************/ |
231 |
269 |
232 /* header */ |
270 /* header */ |
233 |
271 |
234 table#header { |
272 table#header { |
235 background: %(headerBg)s; |
273 background-image: linear-gradient(white, #e2e2e2); |
236 width: 100%; |
274 width: 100%; |
|
275 border-bottom: 1px solid #bbb; |
|
276 text-shadow: 1px 1px 0 #f5f5f5; |
237 } |
277 } |
238 |
278 |
239 table#header td { |
279 table#header td { |
240 vertical-align: middle; |
280 vertical-align: middle; |
241 } |
281 } |
242 |
282 |
243 table#header a { |
283 table#header, table#header a { |
244 color: %(defaultColor)s; |
284 color: #444; |
245 } |
|
246 |
|
247 table#header td#header-right { |
|
248 padding-top: 1em; |
|
249 white-space: nowrap; |
|
250 } |
|
251 |
|
252 table#header img#logo{ |
|
253 vertical-align: middle; |
|
254 } |
285 } |
255 |
286 |
256 table#header td#headtext { |
287 table#header td#headtext { |
257 white-space: nowrap; |
288 white-space: nowrap; |
258 } |
289 padding: 0 10px; |
259 |
290 width: 10%; |
|
291 } |
|
292 |
|
293 #logo{ |
|
294 width: 150px; |
|
295 height: 42px; |
|
296 background-image: url(logo-cubicweb.svg); |
|
297 background-repeat: no-repeat; |
|
298 background-position: center center; |
|
299 background-size: contain; |
|
300 float: left; |
|
301 } |
|
302 |
|
303 table#header td#header-right { |
|
304 white-space: nowrap; |
|
305 width: 10%; |
|
306 } |
260 table#header td#header-center{ |
307 table#header td#header-center{ |
261 width: 100%; |
308 border-bottom-left-radius: 10px; |
|
309 border-top-left-radius: 10px; |
|
310 padding-left: 1em; |
262 } |
311 } |
263 |
312 |
264 span#appliName { |
313 span#appliName { |
265 font-weight: bold; |
314 font-weight: bold; |
266 color: %(defaultColor)s; |
|
267 white-space: nowrap; |
315 white-space: nowrap; |
268 } |
316 } |
269 |
317 |
|
318 /* FIXME appear with 4px width in IE6 */ |
|
319 div#stateheader{ |
|
320 min-width: 66%; |
|
321 } |
|
322 |
270 /* Popup on login box and userActionBox */ |
323 /* Popup on login box and userActionBox */ |
|
324 |
|
325 .popupWrapper{ |
|
326 position:relative; |
|
327 } |
|
328 |
271 div.popup { |
329 div.popup { |
272 position: absolute; |
330 position: absolute; |
273 background: #fff; |
331 background: #fff; |
274 border: 1px solid %(listingBorderColor)s; |
332 border: 1px solid black; |
275 border-top: none; |
|
276 text-align: left; |
333 text-align: left; |
277 z-index: 400; |
334 z-index: 400; |
278 } |
335 } |
279 |
336 |
280 div.popup ul li a { |
337 div.popup ul li a { |
281 text-decoration: none; |
338 text-decoration: none; |
282 color: #000; |
339 color: black; |
283 } |
340 } |
284 |
341 |
285 /* main zone */ |
342 /* main zone */ |
286 |
343 |
287 div#page { |
344 div#page { |
288 margin: %(defaultLayoutMargin)s; |
345 background: #e2e2e2; |
289 } |
346 position: relative; |
290 |
347 min-height: 800px; |
291 table#mainLayout td#navColumnLeft { |
348 } |
292 width: 16em; |
349 |
293 padding-right: %(defaultLayoutMargin)s; |
350 table#mainLayout{ |
294 |
351 padding: 0px 3px; |
295 } |
352 } |
296 |
353 |
|
354 table#mainLayout td#contentColumn { |
|
355 padding: 8px 10px 5px; |
|
356 } |
|
357 |
|
358 table#mainLayout td#navColumnLeft, |
297 table#mainLayout td#navColumnRight { |
359 table#mainLayout td#navColumnRight { |
298 width: 16em; |
360 width: 16em; |
299 padding-left: %(defaultLayoutMargin)s; |
361 } |
300 } |
362 |
301 |
|
302 div#pageContent { |
|
303 clear: both; |
|
304 background: %(pageContentBgColor)s; |
|
305 border: 1px solid %(pageContentBorderColor)s; |
|
306 padding: 0 %(pageContentPadding)s %(pageContentPadding)s; |
|
307 } |
|
308 |
|
309 div#pageContent #contentmain .pagination { |
|
310 margin-top: 0; |
|
311 } |
|
312 |
|
313 div#pageContent .pagination{ |
|
314 margin-top: 1.5em; |
|
315 } |
|
316 |
|
317 div#contentmain{ |
|
318 margin-top: %(pageContentPadding)s; |
|
319 } |
|
320 |
|
321 /*FIXME */ |
|
322 #contentheader { |
363 #contentheader { |
323 margin: 0px; |
364 margin: 0px; |
324 padding: 0.2em 0.5em 0.5em 0.5em; |
365 padding: 0.2em 0.5em 0.5em 0.5em; |
325 } |
366 } |
326 |
367 |
327 #contentheader a { |
368 #contentheader a { |
328 color: %(defaultColor)s; |
369 color: #000; |
329 } |
370 } |
330 |
371 |
331 /* XXX old boxes, deprecated */ |
372 div#pageContent { |
332 |
373 clear: both; |
333 div.boxFrame { |
374 padding: 10px 1em 2em; |
|
375 background: #ffffff; |
|
376 border: 1px solid #ccc; |
|
377 } |
|
378 |
|
379 /* rql bar */ |
|
380 |
|
381 div#rqlinput { |
|
382 border: 1px solid #cfceb7; |
|
383 margin-bottom: 8px; |
|
384 padding: 1px; |
|
385 background: #cfceb7; |
334 width: 100%; |
386 width: 100%; |
335 } |
387 } |
336 |
388 |
337 div.boxTitle { |
389 input#rql { |
338 color: #fff; |
|
339 background: %(contextualBoxTitleBgColor)s; |
|
340 } |
|
341 |
|
342 div.boxTitle span, |
|
343 div.sideBoxTitle span { |
|
344 padding: 0px 0.5em; |
|
345 white-space: nowrap; |
|
346 } |
|
347 |
|
348 div.sideBoxTitle span { |
|
349 color: %(defaultColor)s; |
|
350 } |
|
351 |
|
352 .boxFrame a { |
|
353 color: %(defaultColor)s; |
|
354 } |
|
355 |
|
356 div.boxContent { |
|
357 padding: 3px 0px; |
|
358 background: #fff; |
|
359 border-top: none; |
|
360 } |
|
361 |
|
362 div.shadow{ |
|
363 height: 14px; |
|
364 } |
|
365 |
|
366 div.sideBoxTitle { |
|
367 background: %(incontextBoxBodyBg)s; |
|
368 display: block; |
|
369 font-weight: bold; |
|
370 border-top-left-radius: 6px; |
|
371 border-top-right-radius: 6px; |
|
372 } |
|
373 |
|
374 div.sideBox { |
|
375 margin-bottom: 1em; |
|
376 border-top-left-radius: 6px; |
|
377 border-top-right-radius: 6px; |
|
378 } |
|
379 |
|
380 ul.sideBox, |
|
381 ul.sideBox ul { |
|
382 margin-bottom: 0px; |
|
383 } |
|
384 |
|
385 ul.sideBox li { |
|
386 padding: 0px 0px 1px 1px; |
|
387 margin: 1px 0 1px 4px; |
|
388 } |
|
389 |
|
390 div.sideBoxBody { |
|
391 padding: 0.2em 5px; |
|
392 background: %(incontextBoxBodyBg)s; |
|
393 } |
|
394 |
|
395 div.sideBoxBody a { |
|
396 color: %(incontextBoxBodyColor)s; |
|
397 } |
|
398 |
|
399 div.sideBoxBody a:hover { |
|
400 text-decoration: underline; |
|
401 } |
|
402 |
|
403 div.sideBox table td { |
|
404 padding-right: 1em; |
|
405 } |
|
406 |
|
407 /* boxes */ |
|
408 |
|
409 div.boxTitle { |
|
410 overflow: hidden; |
|
411 font-weight: bold; |
|
412 border-top-left-radius: 6px; |
|
413 border-top-right-radius: 6px; |
|
414 } |
|
415 |
|
416 div.boxTitle span { |
|
417 padding: 0px 0.5em; |
|
418 white-space: nowrap; |
|
419 } |
|
420 |
|
421 div.boxBody { |
|
422 padding: 5px; |
|
423 border-top: none; |
|
424 background-color: %(leftrightBoxBodyBgColor)s; |
|
425 } |
|
426 |
|
427 div.boxBody a { |
|
428 color: %(leftrightBoxBodyColor)s; |
|
429 } |
|
430 |
|
431 div.boxBody a:hover { |
|
432 text-decoration: none; |
|
433 cursor: pointer; |
|
434 background-color: %(leftrightBoxBodyHoverBgColor)s; |
|
435 } |
|
436 |
|
437 hr.boxSeparator { |
|
438 margin-top: 0.5em; |
|
439 margin-bottom: 0.5em; |
|
440 } |
|
441 |
|
442 /* boxes contextual customization */ |
|
443 |
|
444 .contextFreeBox div.boxTitle { |
|
445 background: %(contextFreeBoxTitleBg)s; |
|
446 color: %(contextFreeBoxTitleColor)s; |
|
447 } |
|
448 |
|
449 .contextualBox div.boxTitle { |
|
450 background: %(contextualBoxTitleBg)s; |
|
451 color: %(contextualBoxTitleColor)s; |
|
452 } |
|
453 |
|
454 .primaryRight div.boxTitle { |
|
455 background: %(incontextBoxTitleBg)s; |
|
456 color: %(incontextBoxTitleColor)s; |
|
457 } |
|
458 |
|
459 .primaryRight div.boxBody { |
|
460 padding: 0.2em 5px; |
|
461 background: %(incontextBoxBodyBgColor)s; |
|
462 } |
|
463 |
|
464 .primaryRight div.boxBody a { |
|
465 color: %(incontextBoxBodyColor)s; |
|
466 } |
|
467 |
|
468 .primaryRight div.boxBody a:hover { |
|
469 background-color: %(incontextBoxBodyHoverBgColor)s; |
|
470 } |
|
471 |
|
472 .primaryRight div.boxFooter { |
|
473 margin-bottom: 1em; |
|
474 } |
|
475 |
|
476 #navColumnLeft div.boxFooter, #navColumnRight div.boxFooter{ |
|
477 height: 14px; |
|
478 } |
|
479 |
|
480 .boxBody, .boxTitle, #pageContent, #appMsg { |
|
481 box-shadow: 1px 1px 3px Gray; |
|
482 } |
|
483 |
|
484 /* boxes lists and menus */ |
|
485 |
|
486 ul.boxListing { |
|
487 margin: 0; |
|
488 padding: 0; |
|
489 } |
|
490 |
|
491 ul.boxListing ul { |
|
492 padding: 1px 3px; |
|
493 } |
|
494 |
|
495 ul.boxListing a { |
|
496 color: %(defaultColor)s; |
|
497 padding: 1px 9px 1px 3px; |
|
498 display: block; /* necessary to get links across all width available (see on mouse over) */ |
|
499 } |
|
500 |
|
501 ul.boxListing a.action { |
|
502 padding: 0; |
|
503 display: inline; |
|
504 } |
|
505 |
|
506 ul.boxListing a.action + a{ |
|
507 display: inline; |
|
508 } |
|
509 |
|
510 ul.boxListing li { |
|
511 margin: 0px; |
|
512 padding: 0px; |
|
513 background-image: none; |
|
514 } |
|
515 |
|
516 ul.boxListing ul li { |
|
517 margin: 0px; |
|
518 padding-left: 8px; |
|
519 } |
|
520 |
|
521 ul.boxListing ul li a { |
|
522 padding-left: 10px; |
|
523 background-image: url("bullet_orange.png"); |
|
524 background-repeat: no-repeat; |
|
525 background-position: 0 6px; |
|
526 } |
|
527 |
|
528 ul.boxListing .selected { |
|
529 color: %(aColor)s; |
|
530 font-weight: bold; |
|
531 } |
|
532 |
|
533 ul.boxListing a.boxMenu:hover { |
|
534 border-top: medium none; |
|
535 background: %(leftrightBoxBodyHoverBgColor)s; |
|
536 } |
|
537 |
|
538 a.boxMenu, |
|
539 ul.boxListing a.boxMenu { |
|
540 display: block; |
|
541 padding: 1px 3px; |
|
542 background: transparent %(bulletDownImg)s; |
|
543 } |
|
544 |
|
545 ul.boxListing a.boxMenu:hover { |
|
546 border-top: medium none; |
|
547 background: %(leftrightBoxBodyHoverBgColor)s %(bulletDownImg)s; |
|
548 } |
|
549 |
|
550 a.boxMenu:hover { |
|
551 cursor: pointer; |
|
552 } |
|
553 |
|
554 a.popupMenu { |
|
555 background: transparent url("puce_down_black.png") 2% 6px no-repeat; |
|
556 padding-left: 2em; |
|
557 } |
|
558 |
|
559 /* custom boxes */ |
|
560 |
|
561 .search_box div.boxBody { |
|
562 padding: 4px 4px 3px; |
|
563 background: #f0eff0 url("gradient-grey-up.png") left top repeat-x; |
|
564 } |
|
565 |
|
566 .bookmarks_box ul.boxListing div a:hover { |
|
567 border-bottom: 1px solid #000; |
|
568 } |
|
569 |
|
570 .download_box div.boxTitle { |
|
571 background : #8fbc8f !important; |
|
572 } |
|
573 |
|
574 .download_box div.boxBody { |
|
575 background : #eefed9; |
|
576 } |
|
577 |
|
578 /* search box and rql bar */ |
|
579 |
|
580 div#rqlinput { |
|
581 margin-bottom: %(defaultLayoutMargin)s; |
|
582 } |
|
583 |
|
584 input#rql{ |
|
585 padding: 0.25em 0.3em; |
|
586 width: 99%; |
390 width: 99%; |
587 } |
391 } |
588 |
392 |
589 input.rqlsubmit{ |
393 input.rqlsubmit{ |
590 display: block; |
394 display: block; |
591 width: 20px; |
395 width: 20px; |
592 height: 20px; |
396 height: 20px; |
593 background: %(buttonBgColor)s url("go.png") 50% 50% no-repeat; |
397 background: %(buttonBgColor)s url("go.png") 50% 50% no-repeat; |
594 vertical-align: bottom; |
398 vertical-align: bottom; |
595 } |
399 } |
596 |
400 /* old boxes, deprecated */ |
597 input.norql{ |
401 |
598 width:155px; |
402 div.boxFrame { |
599 margin-right: 2px; |
403 width: 100%; |
|
404 } |
|
405 |
|
406 div.boxTitle { |
|
407 padding-top: 0px; |
|
408 padding-bottom: 0.2em; |
|
409 font: bold 100% Georgia; |
|
410 color: #fff; |
|
411 background: #ff9900 url("search.png") left bottom repeat-x; |
|
412 } |
|
413 |
|
414 div.boxTitle span, |
|
415 div.sideBoxTitle span { |
|
416 padding: 0px 5px; |
|
417 white-space: nowrap; |
|
418 } |
|
419 |
|
420 div.sideBoxTitle span { |
|
421 color: #222211; |
|
422 } |
|
423 |
|
424 .boxFrame a { |
|
425 color: #000; |
|
426 } |
|
427 |
|
428 div.boxContent { |
|
429 padding: 3px 0px; |
|
430 background: #fff; |
|
431 border-top: none; |
|
432 } |
|
433 |
|
434 div.shadow{ |
|
435 height: 14px; |
|
436 } |
|
437 |
|
438 div.sideBoxTitle { |
|
439 background: #cfceb7; |
|
440 display: block; |
|
441 font: bold 100% Georgia; |
|
442 border-top-left-radius: 6px; |
|
443 border-top-right-radius: 6px; |
|
444 } |
|
445 |
|
446 div.sideBox { |
|
447 padding: 0 0 0.2em; |
|
448 margin-bottom: 0.5em; |
|
449 } |
|
450 |
|
451 ul.sideBox li { |
|
452 list-style: none; |
|
453 background: none; |
|
454 padding: 0px 0px 1px 1px; |
|
455 } |
|
456 |
|
457 div.sideBoxBody { |
|
458 padding: 0.2em 5px; |
|
459 background: #eeedd9; |
|
460 border-bottom-left-radius: 6px; |
|
461 border-bottom-right-radius: 6px; |
|
462 } |
|
463 |
|
464 div.sideBoxBody a { |
|
465 color:#555544; |
|
466 } |
|
467 |
|
468 div.sideBoxBody a:hover { |
|
469 text-decoration: underline; |
|
470 } |
|
471 |
|
472 div.sideBox table td { |
|
473 padding-right: 1em; |
|
474 } |
|
475 |
|
476 /* boxes */ |
|
477 |
|
478 div.navboxes { |
|
479 padding-top: 0.5em; |
|
480 } |
|
481 |
|
482 div.boxTitle { |
|
483 overflow: hidden; |
|
484 font-weight: bold; |
|
485 border-top-left-radius: 6px; |
|
486 border-top-right-radius: 6px; |
|
487 } |
|
488 |
|
489 div.boxTitle span { |
|
490 padding: 0px 0.5em; |
|
491 white-space: nowrap; |
|
492 } |
|
493 |
|
494 div.boxBody { |
|
495 padding: 3px 3px; |
|
496 border-top: none; |
|
497 background-color: %(leftrightBoxBodyBgColor)s; |
|
498 } |
|
499 |
|
500 div.boxBody a { |
|
501 color: %(leftrightBoxBodyColor)s; |
|
502 } |
|
503 |
|
504 div.boxBody a:hover { |
|
505 text-decoration: none; |
|
506 cursor: pointer; |
|
507 background-color: %(leftrightBoxBodyHoverBgColor)s; |
|
508 } |
|
509 |
|
510 hr.boxSeparator { |
|
511 margin-top: 0.5em; |
|
512 margin-bottom: 0.5em; |
|
513 } |
|
514 |
|
515 /* boxes contextual customization */ |
|
516 |
|
517 .contextFreeBox div.boxTitle { |
|
518 background: %(contextFreeBoxTitleBg)s; |
|
519 color: %(contextFreeBoxTitleColor)s; |
|
520 } |
|
521 |
|
522 .contextualBox div.boxTitle { |
|
523 background: %(contextualBoxTitleBg)s; |
|
524 color: %(contextualBoxTitleColor)s; |
|
525 } |
|
526 |
|
527 .primaryRight div.boxTitle { |
|
528 background: %(incontextBoxTitleBg)s; |
|
529 color: %(incontextBoxTitleColor)s; |
|
530 } |
|
531 |
|
532 .primaryRight div.boxBody { |
|
533 padding: 0.2em 5px; |
|
534 background: %(incontextBoxBodyBgColor)s; |
|
535 } |
|
536 |
|
537 .primaryRight div.boxBody a { |
|
538 color: %(incontextBoxBodyColor)s; |
|
539 } |
|
540 |
|
541 .primaryRight div.boxBody a:hover { |
|
542 background-color: %(incontextBoxBodyHoverBgColor)s; |
|
543 } |
|
544 |
|
545 .primaryRight div.boxFooter { |
|
546 margin-bottom: 1em; |
|
547 } |
|
548 |
|
549 #navColumnLeft div.boxFooter, #navColumnRight div.boxFooter{ |
|
550 height: 14px; |
|
551 } |
|
552 |
|
553 .navboxes { |
|
554 padding: 2px; |
|
555 } |
|
556 |
|
557 .boxBody, .boxTitle, #pageContent, #appMsg { |
|
558 box-shadow: 1px 1px 3px Gray; |
|
559 } |
|
560 |
|
561 /* boxes lists and menus */ |
|
562 |
|
563 ul.boxListing { |
|
564 margin: 0; |
|
565 padding: 0; |
|
566 } |
|
567 |
|
568 ul.boxListing ul { |
|
569 padding: 1px 3px; |
|
570 } |
|
571 |
|
572 ul.boxListing a { |
|
573 color: %(defaultColor)s; |
|
574 padding: 1px 3px; |
|
575 display: block; /* necessary to get links across all width available (see on mouse over) */ |
|
576 } |
|
577 |
|
578 ul.boxListing a.action { |
|
579 padding: 0; |
|
580 display: inline; |
|
581 } |
|
582 |
|
583 ul.boxListing a.action + a{ |
|
584 display: inline; |
|
585 } |
|
586 |
|
587 ul.boxListing li { |
|
588 margin: 0px; |
|
589 padding: 0px; |
|
590 background-image: none; |
|
591 } |
|
592 |
|
593 ul.boxListing ul li { |
|
594 margin: 0px; |
|
595 padding-left: 1em; |
|
596 } |
|
597 |
|
598 ul.boxListing ul li a { |
|
599 padding-left: 10px; |
|
600 background-image: url("bullet_orange.png"); |
|
601 background-repeat: no-repeat; |
|
602 background-position: 0 6px; |
|
603 } |
|
604 |
|
605 ul.boxListing .selected { |
|
606 color: %(aColor)s; |
|
607 font-weight: bold; |
|
608 } |
|
609 |
|
610 ul.boxListing a.boxMenu:hover { |
|
611 border-top: medium none; |
|
612 background: %(leftrightBoxBodyHoverBgColor)s; |
|
613 } |
|
614 |
|
615 a.boxMenu, |
|
616 ul.boxListing a.boxMenu { |
|
617 display: block; |
|
618 padding: 1px 3px; |
|
619 background: transparent %(bulletDownImg)s; |
|
620 } |
|
621 |
|
622 ul.boxListing a.boxMenu:hover { |
|
623 border-top: medium none; |
|
624 background: %(leftrightBoxBodyHoverBgColor)s %(bulletDownImg)s; |
|
625 } |
|
626 |
|
627 a.boxMenu:hover { |
|
628 cursor: pointer; |
|
629 } |
|
630 |
|
631 a.popupMenu { |
|
632 background: transparent url("puce_down_black.png") 2% 6px no-repeat; |
|
633 padding-left: 2em; |
|
634 } |
|
635 |
|
636 |
|
637 /* custom boxes */ |
|
638 |
|
639 .search_box div.boxBody { |
|
640 padding: 4px 4px 3px; |
|
641 background: #f0eff0 url("gradient-grey-up.png") left top repeat-x; |
|
642 } |
|
643 |
|
644 .bookmarks_box ul.boxListing div { |
|
645 padding-bottom: 0.3em; |
|
646 } |
|
647 |
|
648 .download_box div.boxTitle { |
|
649 background : #8fbc8f !important; |
|
650 } |
|
651 |
|
652 .download_box div.boxBody { |
|
653 background : #eefed9; |
|
654 vertical-align: center; |
600 } |
655 } |
601 |
656 |
602 /* user actions menu */ |
657 /* user actions menu */ |
603 a.logout, a.logout:visited, a.logout:hover{ |
658 a.logout, a.logout:visited, a.logout:hover{ |
604 color: #fff; |
659 color: #fff; |
605 text-decoration: none; |
660 text-decoration: none; |
606 } |
661 } |
607 |
662 |
608 div#userActionsBox { |
663 div#userActionsBox { |
609 width: 15em; |
664 width: 14em; |
610 text-align: right; |
665 text-align: right; |
|
666 display: inline-block; |
|
667 padding-right: 10px; |
611 } |
668 } |
612 |
669 |
613 div#userActionsBox a.popupMenu { |
670 div#userActionsBox a.popupMenu { |
614 color: #000; |
671 color: black; |
615 text-decoration: underline; |
672 text-decoration: underline; |
616 padding-right: 2em; |
673 padding-right: 2em; |
617 } |
674 } |
618 |
675 |
619 /**************/ |
676 /**************/ |
620 /* navigation */ |
677 /* navigation */ |
621 /**************/ |
678 /**************/ |
622 div#etyperestriction { |
679 div#etyperestriction { |
623 margin-bottom: 1ex; |
680 margin-bottom: 1ex; |
624 border-bottom: 1px solid %(pageContentBorderColor)s; |
681 border-bottom: 1px solid #ccc; |
625 } |
682 } |
626 |
|
627 /* pagination */ |
|
628 |
683 |
629 div.pagination{ |
684 div.pagination{ |
630 margin: 0.5em 0; |
685 margin: 0.5em 0; |
631 } |
686 } |
|
687 |
632 span.slice a:visited, |
688 span.slice a:visited, |
633 span.slice a:hover{ |
689 span.slice a:hover{ |
634 color: %(helperColor)s; |
690 color: #555544; |
635 } |
691 } |
636 |
692 |
637 span.selectedSlice a:visited, |
693 span.selectedSlice a:visited, |
638 span.selectedSlice a { |
694 span.selectedSlice a { |
639 color: %(defaultColor)s; |
695 background-color: #EBE8D9; |
640 } |
696 } |
641 |
697 |
642 /* FIXME should be moved to cubes/folder */ |
698 /* FIXME should be moved to cubes/folder */ |
643 div.navigation a { |
699 div.navigation a { |
644 text-align: center; |
700 text-align: center; |
708 /* messages */ |
770 /* messages */ |
709 /***************************************/ |
771 /***************************************/ |
710 |
772 |
711 .warning, |
773 .warning, |
712 .message, |
774 .message, |
713 .errorMessage{ |
775 .errorMessage , |
714 padding: 0.2em; |
776 .searchMessage{ |
|
777 padding: 0.3em 0.3em 0.3em 1em; |
715 font-weight: bold; |
778 font-weight: bold; |
716 } |
|
717 |
|
718 .searchMessage{ |
|
719 margin-top: %(defaultLayoutMargin)s; |
|
720 } |
779 } |
721 |
780 |
722 .loginMessage { |
781 .loginMessage { |
723 margin: 4px 0px; |
782 margin: 4px 0px; |
724 font-weight: bold; |
783 font-weight: bold; |
725 color: %(aColor)s; |
784 color: #ff7700; |
726 } |
785 } |
727 |
786 |
728 div#appMsg { |
787 div#appMsg, div.appMsg{ |
729 margin-bottom: %(defaultLayoutMargin)s; |
788 border: 1px solid #cfceb7; |
730 border: 1px solid %(incontextBoxTitleBgColor)s; |
789 margin-bottom: 8px; |
|
790 padding: 3px; |
|
791 background: #f8f8ee; |
731 } |
792 } |
732 |
793 |
733 .message { |
794 .message { |
734 background: %(msgBgColor)s %(infoMsgBgImg)s; |
795 margin: 0px; |
|
796 background: #f8f8ee url("information.png") 5px center no-repeat; |
735 padding-left: 15px; |
797 padding-left: 15px; |
736 } |
798 } |
737 |
799 |
738 .errorMessage { |
800 .errorMessage { |
739 margin: 10px 0px; |
801 margin: 10px 0px; |
740 padding-left: 25px; |
802 padding-left: 25px; |
741 background: %(msgBgColor)s url("critical.png") 2px center no-repeat; |
803 background: #f7f6f1 url("critical.png") 2px center no-repeat; |
742 color: %(errorMsgColor)s; |
804 color: #ed0d0d; |
743 border: 1px solid %(incontextBoxTitleBgColor)s; |
805 border: 1px solid #cfceb7; |
744 } |
806 } |
745 |
807 |
746 /* search-associate message */ |
808 .searchMessage { |
|
809 margin-top: 0.5em; |
|
810 border-top: 1px solid #cfceb7; |
|
811 background: #eeedd9 url("information.png") 0% 50% no-repeat; /*dcdbc7*/ |
|
812 } |
|
813 |
747 .stateMessage { |
814 .stateMessage { |
748 border: 1px solid %(pageContentBorderColor)s; |
815 border: 1px solid #ccc; |
749 background: %(msgBgColor)s %(infoMsgBgImg)s; |
816 background: #f8f8ee url("information.png") 10px 50% no-repeat; |
750 padding: 0.1em 0 0.1em 20px; |
817 padding:4px 0px 4px 20px; |
|
818 border-width: 1px 0px 1px 0px; |
751 } |
819 } |
752 |
820 |
753 /* warning messages like "There are too many results ..." */ |
821 /* warning messages like "There are too many results ..." */ |
754 .warning { |
822 .warning { |
755 padding-left: 25px; |
823 padding-left: 25px; |
756 background: %(msgBgColor)s url("critical.png") 3px 50% no-repeat; |
824 background: #f2f2f2 url("critical.png") 3px 50% no-repeat; |
757 } |
825 } |
758 |
826 |
759 /* label shown in the top-right hand corner during form validation */ |
827 /* label shown in the top-right hand corner during form validation */ |
760 div#progress { |
828 div#progress { |
761 position: fixed; |
829 position: fixed; |
762 right: 5px; |
830 right: 5px; |
763 top: 0px; |
831 top: 0px; |
764 background: %(defaultColor)s; |
832 background: #222211; |
765 color: #fff; |
833 color: white; |
766 font-weight: bold; |
834 font-weight: bold; |
767 display: none; |
835 display: none; |
768 } |
836 } |
769 |
837 |
770 /***************************************/ |
838 /***************************************/ |
771 /* listing table */ |
839 /* listing table */ |
772 /***************************************/ |
840 /***************************************/ |
773 |
841 |
774 table.listing { |
842 table.listing { |
775 width: 100%; |
843 padding: 10px 0em; |
776 font-size: 0.9167em; |
844 color: #000; |
777 padding: 10px 0em; |
845 width: 100%; |
778 color: %(defaultColor)s; |
846 border-right: 1px solid #dfdfdf; |
779 border: 1px solid %(listingBorderColor)s; |
847 } |
780 margin-bottom: 1em; |
848 |
|
849 |
|
850 table.listing thead th.over { |
|
851 background-color: #746B6B; |
|
852 cursor: pointer; |
|
853 } |
|
854 |
|
855 table.listing tr th { |
|
856 border: 1px solid #dfdfdf; |
|
857 border-right:none; |
|
858 font-size: 8pt; |
|
859 padding: 4px; |
|
860 } |
|
861 |
|
862 table.listing tr .header { |
|
863 border-right: 1px solid #dfdfdf; |
|
864 cursor: pointer; |
|
865 } |
|
866 |
|
867 table.listing td { |
|
868 color: #3D3D3D; |
|
869 padding: 4px; |
|
870 background-color: #FFF; |
|
871 vertical-align: top; |
|
872 } |
|
873 |
|
874 table.listing th, |
|
875 table.listing td { |
|
876 padding: 3px 0px 3px 5px; |
|
877 border: 1px solid #dfdfdf; |
|
878 border-right: none; |
781 } |
879 } |
782 |
880 |
783 table.listing th { |
881 table.listing th { |
784 font-weight: bold; |
882 font-weight: bold; |
785 font-size: 8pt; |
|
786 background: %(listingHeaderBgColor)s; |
883 background: %(listingHeaderBgColor)s; |
787 padding: 2px 4px; |
|
788 border: 1px solid %(listingBorderColor)s; |
|
789 border-right:none; |
|
790 /* white-space: nowrap; */ |
|
791 } |
|
792 |
|
793 table.listing thead th.over { |
|
794 background-color: %(listingHeaderBgColor)s; |
|
795 cursor: pointer; |
|
796 } |
|
797 |
|
798 table.listing tr .header { |
|
799 border-right: 1px solid %(listingBorderColor)s; |
|
800 cursor: pointer; |
|
801 } |
|
802 |
|
803 table.listing td { |
|
804 padding: 3px; |
|
805 vertical-align: top; |
|
806 border: 1px solid %(listingBorderColor)s; |
|
807 border-right: none; |
|
808 background-color: #fff; |
|
809 } |
884 } |
810 |
885 |
811 table.listing td a, |
886 table.listing td a, |
812 table.listing td a:visited { |
887 table.listing td a:visited { |
813 color: %(defaultColor)s; |
888 color: #666; |
814 } |
889 } |
815 |
890 |
816 table.listing a:hover, |
891 table.listing a:hover, |
817 table.listing tr.highlighted td a { |
892 table.listing tr.highlighted td a { |
818 color:%(defaultColor)s; |
893 color:#000; |
819 } |
894 } |
820 |
895 |
821 table.listing td.top { |
896 table.listing td.top { |
822 border: 1px solid #fff; |
897 border: 1px solid white; |
823 border-bottom: none; |
898 border-bottom: none; |
824 text-align: right ! important; |
899 text-align: right ! important; |
825 /* insane IE row bug workraound */ |
900 /* insane IE row bug workaround */ |
826 position: relative; |
901 position: relative; |
827 left: -1px; |
902 left: -1px; |
828 top: -1px; |
903 top: -1px; |
829 } |
904 } |
830 |
905 |
831 table.listing input, |
|
832 table.listing textarea { |
|
833 background: %(listingHighlightedBgColor)s; |
|
834 } |
|
835 |
|
836 table.htableForm label, table.oneRowTableForm label { |
906 table.htableForm label, table.oneRowTableForm label { |
837 vertical-align: middle; |
907 vertical-align: middle; |
838 } |
908 } |
839 table.htableForm td { |
909 table.htableForm td { |
840 padding-left: 1em; |
910 padding-left: 1em; |