29 /* h1 { font-size:2.11538em; } */ |
29 /* h1 { font-size:2.11538em; } */ |
30 /* h2 { font-size:1.61538em; } */ |
30 /* h2 { font-size:1.61538em; } */ |
31 /* h3 { font-size:1.30769em; } */ |
31 /* h3 { font-size:1.30769em; } */ |
32 |
32 |
33 /* scale traditional */ |
33 /* scale traditional */ |
34 h1 { font-size: %(h1FontSize)s; } |
34 h1, |
|
35 .vtitle { font-size: %(h1FontSize)s; } |
35 h2 { font-size: %(h2FontSize)s; } |
36 h2 { font-size: %(h2FontSize)s; } |
36 h3 { font-size: %(h3FontSize)s; } |
37 h3 { font-size: %(h3FontSize)s; } |
37 |
38 |
38 /* paddings */ |
39 /* paddings */ |
39 h1 { |
40 h1, |
|
41 .vtitle { |
40 border-bottom: %(h1BorderBottomStyle)s; |
42 border-bottom: %(h1BorderBottomStyle)s; |
41 padding: %(h1Padding)s; |
43 padding: %(h1Padding)s; |
42 margin: %(h1Margin)s; |
44 margin: %(h1Margin)s; |
43 color: %(h1Color)s; |
45 color: %(h1Color)s; |
44 } |
46 } |
45 |
47 |
46 h1.plain { |
48 h1.plain, |
|
49 .vtitle { |
47 border-bottom: none; |
50 border-bottom: none; |
48 } |
51 } |
49 |
52 |
50 h2 { padding: %(h2Padding)s; } |
53 h2 { padding: %(h2Padding)s; } |
51 h3 { padding: %(h3Padding)s; } |
54 h3 { padding: %(h3Padding)s; } |
299 |
298 |
300 #contentheader a { |
299 #contentheader a { |
301 color: %(defaultColor)s; |
300 color: %(defaultColor)s; |
302 } |
301 } |
303 |
302 |
304 /* rql bar */ |
303 /* XXX old boxes, deprecated */ |
305 |
|
306 div#rqlinput { |
|
307 margin-bottom: %(defaultLayoutMargin)s; |
|
308 } |
|
309 |
|
310 input#rql{ |
|
311 padding: 0.25em 0.3em; |
|
312 width: 99%; |
|
313 } |
|
314 |
|
315 /* boxes */ |
|
316 |
304 |
317 div.boxFrame { |
305 div.boxFrame { |
318 width: 100%; |
306 width: 100%; |
319 } |
307 } |
320 |
308 |
321 div.boxTitle { |
309 div.boxTitle { |
322 overflow: hidden; |
|
323 font-weight: bold; |
|
324 color: #fff; |
310 color: #fff; |
325 background: %(boxTitleBg)s; |
311 background: %(contextualBoxTitleBgColor)s; |
326 } |
312 } |
327 |
313 |
328 div.boxTitle span, |
314 div.boxTitle span, |
329 div.sideBoxTitle span { |
315 div.sideBoxTitle span { |
330 padding: 0px 0.5em; |
316 padding: 0px 0.5em; |
331 white-space: nowrap; |
317 white-space: nowrap; |
332 } |
318 } |
333 |
319 |
334 div.searchBoxFrame div.boxTitle, |
320 div.sideBoxTitle span { |
335 div.greyBoxFrame div.boxTitle { |
|
336 background: %(actionBoxTitleBg)s; |
|
337 } |
|
338 |
|
339 div.sideBoxTitle span, |
|
340 div.searchBoxFrame div.boxTitle span, |
|
341 div.greyBoxFrame div.boxTitle span { |
|
342 color: %(defaultColor)s; |
321 color: %(defaultColor)s; |
343 } |
322 } |
344 |
323 |
345 .boxFrame a { |
324 .boxFrame a { |
346 color: %(defaultColor)s; |
325 color: %(defaultColor)s; |
350 padding: 3px 0px; |
329 padding: 3px 0px; |
351 background: #fff; |
330 background: #fff; |
352 border-top: none; |
331 border-top: none; |
353 } |
332 } |
354 |
333 |
355 a.boxMenu { |
334 div.shadow{ |
|
335 height: 14px; |
|
336 background: url("shadow.gif") no-repeat top right; |
|
337 } |
|
338 |
|
339 div.sideBoxTitle { |
|
340 background: %(incontextBoxBodyBg)s; |
|
341 display: block; |
|
342 font-weight: bold; |
|
343 } |
|
344 |
|
345 div.sideBox { |
|
346 margin-bottom: 1em; |
|
347 } |
|
348 |
|
349 ul.sideBox, |
|
350 ul.sideBox ul{ |
|
351 margin-bottom: 0px; |
|
352 } |
|
353 |
|
354 ul.sideBox li{ |
|
355 padding: 0px 0px 1px 1px; |
|
356 margin: 1px 0 1px 4px; |
|
357 } |
|
358 |
|
359 div.sideBoxBody { |
|
360 padding: 0.2em 5px; |
|
361 background: %(incontextBoxBodyBg)s; |
|
362 } |
|
363 |
|
364 div.sideBoxBody a { |
|
365 color: %(incontextBoxBodyColor)s; |
|
366 } |
|
367 |
|
368 div.sideBoxBody a:hover { |
|
369 text-decoration: underline; |
|
370 } |
|
371 |
|
372 div.sideBox table td { |
|
373 padding-right: 1em; |
|
374 } |
|
375 |
|
376 /* boxes */ |
|
377 |
|
378 div.boxTitle { |
|
379 overflow: hidden; |
|
380 font-weight: bold; |
|
381 } |
|
382 |
|
383 div.boxTitle span { |
|
384 padding: 0px 0.5em; |
|
385 white-space: nowrap; |
|
386 } |
|
387 |
|
388 div.boxBody { |
|
389 padding: 5px; |
|
390 border-top: none; |
|
391 background-color: %(leftrightBoxBodyBgColor)s; |
|
392 } |
|
393 |
|
394 div.boxBody a { |
|
395 color: %(leftrightBoxBodyColor)s; |
|
396 } |
|
397 |
|
398 div.boxBody a:hover { |
|
399 text-decoration: none; |
|
400 cursor: pointer; |
|
401 background-color: %(leftrightBoxBodyHoverBgColor)s; |
|
402 } |
|
403 |
|
404 /* boxes contextual customization */ |
|
405 |
|
406 .contextFreeBox div.boxTitle { |
|
407 background: %(contextFreeBoxTitleBg)s; |
|
408 color: %(contextFreeBoxTitleColor)s; |
|
409 } |
|
410 |
|
411 .contextualBox div.boxTitle { |
|
412 background: %(contextualBoxTitleBg)s; |
|
413 color: %(contextualBoxTitleColor)s; |
|
414 } |
|
415 |
|
416 .primaryRight div.boxTitle { |
|
417 background: %(incontextBoxTitleBg)s; |
|
418 color: %(incontextBoxTitleColor)s; |
|
419 } |
|
420 |
|
421 .primaryRight div.boxBody { |
|
422 padding: 0.2em 5px; |
|
423 background: %(incontextBoxBodyBgColor)s; |
|
424 } |
|
425 |
|
426 .primaryRight div.boxBody a { |
|
427 color: %(incontextBoxBodyColor)s; |
|
428 } |
|
429 |
|
430 .primaryRight div.boxBody a:hover { |
|
431 background-color: %(incontextBoxBodyHoverBgColor)s; |
|
432 } |
|
433 |
|
434 .primaryRight div.boxFooter { |
|
435 margin-bottom: 1em; |
|
436 } |
|
437 |
|
438 #navColumnLeft div.boxFooter, #navColumnRight div.boxFooter{ |
|
439 height: 14px; |
|
440 background: url("shadow.gif") no-repeat top right; |
|
441 } |
|
442 |
|
443 /* boxes lists and menus */ |
|
444 |
|
445 ul.boxListing { |
|
446 margin: 0; |
|
447 padding: 0; |
|
448 } |
|
449 |
|
450 ul.boxListing ul { |
|
451 padding: 1px 3px; |
|
452 } |
|
453 |
|
454 ul.boxListing a { |
|
455 color: %(defaultColor)s; |
356 display: block; |
456 display: block; |
357 padding: 1px 9px 1px 3px; |
457 padding: 1px 9px 1px 3px; |
|
458 } |
|
459 |
|
460 ul.boxListing li { |
|
461 margin: 0px; |
|
462 padding: 0px; |
|
463 background-image: none; |
|
464 } |
|
465 |
|
466 ul.boxListing ul li { |
|
467 margin: 0px; |
|
468 padding-left: 8px; |
|
469 } |
|
470 |
|
471 ul.boxListing ul li a { |
|
472 padding-left: 10px; |
|
473 background-image: url("bullet_orange.png"); |
|
474 background-repeat: no-repeat; |
|
475 background-position: 0 6px; |
|
476 } |
|
477 |
|
478 ul.boxListing .selected { |
|
479 color: %(aColor)s; |
|
480 font-weight: bold; |
|
481 } |
|
482 |
|
483 ul.boxListing a.boxMenu:hover { |
|
484 border-top: medium none; |
|
485 background: %(leftrightBoxBodyHoverBgColor)s; |
|
486 } |
|
487 |
|
488 a.boxMenu, |
|
489 ul.boxListing a.boxMenu{ |
|
490 display: block; |
|
491 padding: 1px 3px; |
358 background: transparent %(bulletDownImg)s; |
492 background: transparent %(bulletDownImg)s; |
359 } |
493 } |
360 |
494 |
|
495 ul.boxListing a.boxMenu:hover { |
|
496 border-top: medium none; |
|
497 background: %(leftrightBoxBodyHoverBgColor)s %(bulletDownImg)s; |
|
498 } |
|
499 |
361 a.boxMenu:hover { |
500 a.boxMenu:hover { |
362 background: %(sideBoxBodyBgColor)s %(bulletDownImg)s; |
|
363 cursor: pointer; |
501 cursor: pointer; |
364 } |
502 } |
365 |
503 |
366 a.popupMenu { |
504 a.popupMenu { |
367 background: transparent url("puce_down_black.png") 2% 6px no-repeat; |
505 background: transparent url("puce_down_black.png") 2% 6px no-repeat; |
368 padding-left: 2em; |
506 padding-left: 2em; |
369 } |
507 } |
370 |
508 |
371 div.searchBoxFrame div.boxContent { |
509 /* custom boxes */ |
|
510 |
|
511 .search_box div.boxBody { |
372 padding: 4px 4px 3px; |
512 padding: 4px 4px 3px; |
373 background: #f0eff0 url("gradient-grey-up.png") left top repeat-x; |
513 background: #f0eff0 url("gradient-grey-up.png") left top repeat-x; |
374 } |
514 } |
375 |
515 |
376 div.shadow{ |
516 .bookmarks_box ul.boxListing div a{ |
377 height: 14px; |
517 background: #fff; |
378 background: url("shadow.gif") no-repeat top right; |
518 display: inline; |
379 } |
519 padding: 0; |
380 |
520 } |
381 div.sideBoxTitle { |
521 .bookmarks_box ul.boxListing div a:hover{ |
382 background: %(actionBoxTitleBg)s; |
522 border-bottom: 1px solid #000; |
383 display: block; |
523 } |
384 font-weight: bold; |
524 |
385 } |
525 .download_box div.boxTitle { |
386 |
526 background : #8fbc8f !important; |
387 div.sideBox { |
527 } |
388 margin-bottom: 1em; |
528 |
389 } |
529 .download_box div.boxBody { |
390 |
530 background : #eefed9; |
391 ul.sideBox, |
531 } |
392 ul.sideBox ul{ |
532 |
393 margin-bottom: 0px; |
533 /* search box and rql bar */ |
394 } |
534 |
395 |
535 div#rqlinput { |
396 ul.sideBox li{ |
536 margin-bottom: %(defaultLayoutMargin)s; |
397 padding: 0px 0px 1px 1px; |
537 } |
398 margin: 1px 0 1px 4px; |
538 |
399 } |
539 input#rql{ |
400 |
540 padding: 0.25em 0.3em; |
401 div.sideBoxBody { |
541 width: 99%; |
402 padding: 0.2em 5px; |
|
403 background: %(sideBoxBodyBg)s; |
|
404 } |
|
405 |
|
406 div.sideBoxBody a { |
|
407 color: %(sideBoxBodyColor)s; |
|
408 } |
|
409 |
|
410 div.sideBoxBody a:hover { |
|
411 text-decoration: underline; |
|
412 } |
|
413 |
|
414 div.sideBox table td { |
|
415 padding-right: 1em; |
|
416 } |
542 } |
417 |
543 |
418 input.rqlsubmit{ |
544 input.rqlsubmit{ |
419 display: block; |
545 display: block; |
420 width: 20px; |
546 width: 20px; |
422 background: %(buttonBgColor)s url("go.png") 50% 50% no-repeat; |
548 background: %(buttonBgColor)s url("go.png") 50% 50% no-repeat; |
423 vertical-align: bottom; |
549 vertical-align: bottom; |
424 } |
550 } |
425 |
551 |
426 input#norql{ |
552 input#norql{ |
427 width:13em; |
553 width:155px; |
428 margin-right: 2px; |
554 margin-right: 2px; |
429 } |
555 } |
430 |
556 |
431 /* user actions menu */ |
557 /* user actions menu */ |
432 a.logout, a.logout:visited, a.logout:hover{ |
558 a.logout, a.logout:visited, a.logout:hover{ |
433 color: #fff; |
559 color: #fff; |
434 text-decoration: none; |
560 text-decoration: none; |
435 } |
561 } |
436 |
562 |
437 div#userActionsBox { |
563 div#userActionsBox { |
438 width: 14em; |
564 width: 15em; |
439 text-align: right; |
565 text-align: right; |
440 } |
566 } |
441 |
567 |
442 div#userActionsBox a.popupMenu { |
568 div#userActionsBox a.popupMenu { |
443 color: #000; |
569 color: #000; |
444 text-decoration: underline; |
570 text-decoration: underline; |
445 padding-right: 2em; |
571 padding-right: 2em; |
446 } |
|
447 |
|
448 /* download box XXX move to its own file? */ |
|
449 div.downloadBoxTitle{ |
|
450 background : #8fbc8f; |
|
451 font-weight: bold; |
|
452 } |
|
453 |
|
454 div.downloadBox{ |
|
455 font-weight: bold; |
|
456 } |
|
457 |
|
458 div.downloadBox div.sideBoxBody{ |
|
459 background : #eefed9; |
|
460 } |
572 } |
461 |
573 |
462 /**************/ |
574 /**************/ |
463 /* navigation */ |
575 /* navigation */ |
464 /**************/ |
576 /**************/ |
751 margin-bottom: 0px; |
863 margin-bottom: 0px; |
752 } |
864 } |
753 |
865 |
754 ul.startup li, |
866 ul.startup li, |
755 ul.section li { |
867 ul.section li { |
756 margin-left:0px |
868 margin-left: 0px |
757 } |
|
758 |
|
759 ul.boxListing { |
|
760 margin: 0px; |
|
761 padding: 0px 3px; |
|
762 } |
|
763 |
|
764 ul.boxListing li, |
|
765 ul.boxListing ul li { |
|
766 margin: 0px; |
|
767 padding: 0px; |
|
768 background-image: none; |
|
769 } |
|
770 |
|
771 ul.boxListing ul { |
|
772 padding: 1px 3px; |
|
773 } |
|
774 |
|
775 ul.boxListing a { |
|
776 color: %(defaultColor)s; |
|
777 display:block; |
|
778 padding: 1px 9px 1px 3px; |
|
779 } |
|
780 |
|
781 ul.boxListing .selected { |
|
782 color: %(aColor)s; |
|
783 font-weight: bold; |
|
784 } |
|
785 |
|
786 ul.boxListing a.boxMenu:hover { |
|
787 border-top: medium none; |
|
788 background: %(sideBoxBodyBgColor)s %(bulletDownImg)s; |
|
789 } |
|
790 |
|
791 ul.boxListing a.boxBookmark { |
|
792 padding-left: 3px; |
|
793 background-image: none; |
|
794 background:#fff; |
|
795 } |
869 } |
796 |
870 |
797 ul.simple li, |
871 ul.simple li, |
798 ul.boxListing ul li , |
|
799 .popupWrapper ul li { |
872 .popupWrapper ul li { |
800 background: transparent url("bullet_orange.png") no-repeat 0% 6px; |
873 background: transparent url("bullet_orange.png") no-repeat 0% 6px; |
801 } |
874 } |
802 |
875 |
803 ul.boxListing a.boxBookmark:hover, |
|
804 ul.boxListing a:hover, |
|
805 ul.boxListing ul li a:hover { |
|
806 text-decoration: none; |
|
807 background: %(sideBoxBodyBg)s; |
|
808 } |
|
809 |
|
810 ul.boxListing ul li a:hover{ |
|
811 background-color: transparent; |
|
812 } |
|
813 |
|
814 ul.boxListing ul li a { |
|
815 padding: 1px 3px 0px 10px; |
|
816 } |
|
817 |
|
818 ul.simple li { |
876 ul.simple li { |
819 padding-left: 8px; |
877 padding-left: 8px; |
820 } |
878 } |
821 |
879 |
822 .popupWrapper ul { |
880 .popupWrapper ul { |
823 padding:0.2em 0.3em; |
881 padding: 0.2em 0.3em; |
824 margin-bottom: 0px; |
882 margin-bottom: 0px; |
825 } |
883 } |
826 |
884 |
827 .popupWrapper ul li { |
885 .popupWrapper ul li { |
828 padding-left: 8px; |
886 padding-left: 8px; |
851 } |
909 } |
852 |
910 |
853 .validateButton { |
911 .validateButton { |
854 margin: 1em 1em 0px 0px; |
912 margin: 1em 1em 0px 0px; |
855 border: 1px solid %(buttonBorderColor)s; |
913 border: 1px solid %(buttonBorderColor)s; |
856 border-color: %(buttonBorderColor)s %(actionBoxTitleBgColor)s %(actionBoxTitleBgColor)s %(buttonBorderColor)s; |
914 border-color: %(buttonBorderColor)s %(incontextBoxTitleBgColor)s %(incontextBoxTitleBgColor)s %(buttonBorderColor)s; |
857 background: %(buttonBgColor)s url("button.png") bottom left repeat-x; |
915 background: %(buttonBgColor)s url("button.png") bottom left repeat-x; |
858 } |
916 } |
859 |
917 |
860 /********************************/ |
918 /********************************/ |
861 /* placement of alt. view icons */ |
919 /* rest related classes */ |
862 /********************************/ |
|
863 |
|
864 .otherView { |
|
865 float: right; |
|
866 } |
|
867 |
|
868 /********************************/ |
|
869 /* rest releted classes */ |
|
870 /********************************/ |
920 /********************************/ |
871 |
921 |
872 img.align-right { |
922 img.align-right { |
873 margin-left: 1.5em; |
923 margin-left: 1.5em; |
874 } |
924 } |