You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

119 lines
5.3 KiB

  1. #CACHE{24*3600,cache-client}
  2. #HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
  3. #HTTP_HEADER{Vary: Accept-Encoding}
  4. #SET{c_vignettes_bk,(#CONFIG{soyezcreateurs_couleurs/vignettes_bk,#ffffff})}
  5. #SET{c_navigation,(#CONFIG{soyezcreateurs_couleurs/navigation,#017ca5})}
  6. #SET{c_navigation_bk,(#CONFIG{soyezcreateurs_couleurs/navigation_bk,#ffffff})}
  7. #SET{c_menuhaut,(#CONFIG{soyezcreateurs_couleurs/menuhaut,#017ca5})}
  8. #SET{c_menuhaut_bk,(#CONFIG{soyezcreateurs_couleurs/menuhaut_bk,#ffffff})}
  9. #SET{c_extra,(#CONFIG{soyezcreateurs_couleurs/extra,#017ca5})}
  10. #SET{c_extra_bk,(#CONFIG{soyezcreateurs_couleurs/extra_bk,#ffffff})}
  11. #SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})}
  12. #SET{LargeurMenuGauche,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,180})}
  13. #SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,180})}
  14. #SET{LargeurMilieu,(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}}|div{2})}
  15. div#wrapper { float: left; width: #GET{LargeurContaineur}px;
  16. border-left: #GET{LargeurMenuGauche}px solid #GET{c_navigation_bk};
  17. border-right: #GET{LargeurMenuDroit}px solid #GET{c_extra_bk};
  18. [(#CONFIG{soyezcreateurs_couleurs/transparencenavigation,1}|!={1}|oui)border-left-color: rgba([(#GET{c_navigation_bk}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/transparencenavigation,1});]
  19. [(#CONFIG{soyezcreateurs_couleurs/transparencenavigation,1}|!={1}|oui)border-right-color: rgba([(#GET{c_extra_bk}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/transparenceextra,1});]
  20. }
  21. div#content { margin: 0; width: 100%; }
  22. #pre-header { position: relative; margin: 0 auto; }
  23. #contenu { clear: both; margin-top: 0; }
  24. #gauchedroite { position: relative; clear: both; }
  25. #droite { position: relative; float: left; padding: 0 20px; width: 50%; }
  26. #gauche { position: relative; float: left; padding: 0 20px; width: 50%; }
  27. #sommaire_mode_portail #navigation { float: left; margin-left: -#GET{LargeurContaineur}px; background-color: transparent; }
  28. #sommaire_mode_portail #extra { margin-left: -#GET{LargeurMenuDroit}px; background-color: transparent; }
  29. dl, dd, dt { margin: 0; }
  30. a.vignette { display: block; position: relative; padding: 5px 0 0 0; margin-bottom: 1em; text-align: center;}
  31. a.vignette img { border: 4px solid #GET{c_vignettes_bk}; }
  32. div.important span.datepublication { float: none; padding: 0; }
  33. div.important dt a { display: block; }
  34. div.important dd { margin-bottom: 1em; }
  35. div.important dl.odd { }
  36. div.zoomsur {padding:0 10px 10px; }
  37. #content h1.zoomsur { margin-top:2.2em; }
  38. div.goodies {clear: both; padding-top: 1em; }
  39. div.goody {padding:0 10px 10px; }
  40. #content h1 { margin-top: 1em; }
  41. div.encart dt a { color: #2F2C2C; }
  42. div.encart dd { padding: .2em 0 .5em 0; font-style: italic; }
  43. div.espaceavant ul { padding: 0; margin: 0 15px 0 5px; list-style: none; }
  44. div.espaceavant ul li a { display: block; padding: .5em; color: #GET{c_navigation}; font-weight: normal; }
  45. div.espaceavant ul a:hover, div.espaceavant ul a:focus { text-decoration: none; }
  46. div.cadreinfo { margin-top: 1em; }
  47. span.infos { display: block; padding-top: .5em; font-style: italic; }
  48. #pagesommaire div.encart span.sinfos { display: block; clear: both; margin: .5em 0 0 0; }
  49. #pagesommaire .slogan p.spip, #pagesommaire .slogan p.spip strong.spip { display: block; margin: 0 0 .3em 0; color: #523d32; font-size: 1.6em; font-style: italic; font-family: "times new roman", serif; font-weight: normal; }
  50. #pagesommaire .slogan p.spip { margin: 0 0 1.2em 0; color: #4F4F4F; font-size: 1.1em; }
  51. #pagesommaire #wrapper { padding: 0; }
  52. #pagesommaire #wrapper div p { padding: .5em 0 0 0; margin: 0; }
  53. #pagesommaire #content h2 { padding: .6em 1em .6em 25px; margin-left: 0; font-size: 1.2em; font-weight: normal; }
  54. #pagesommaire #content h2.f { font-weight: bold; }
  55. #pagesommaire h3 { padding: .4em 0 0 0; margin: 0; font-style: italic; }
  56. #pagesommaire a.av { display: block; float: left; width: 49%; padding: 0 0 11px 0; margin: 1em 0 0 0; text-align: center; font-weight: normal; font-size: 1.25em; }
  57. #pagesommaire a.av:hover, #pagesommaire a.av:focus { font-weight: bold; text-decoration: none; }
  58. #content table.agenda caption { width: auto; }
  59. #content table.agenda { margin-top: 0; }
  60. #content .miniagenda table.agenda { width: 100%; }
  61. #content .miniagenda td, #content .miniagenda th { padding: 2px 1px; text-align: center; }
  62. #content .fond, #content .miniagenda table { padding: .5em 1em 1em 1em; }
  63. #content .miniagenda .fond { padding: .5em 0 1em 0; }
  64. #content .fond dl, #content .fond li { clear:right; }
  65. @media (max-width: [(#GET{LargeurContaineur})]px) {
  66. div#wrapper {
  67. border-left-width:0;
  68. border-right-width: 0;
  69. float: none;
  70. width: 100%;
  71. }
  72. #gauche {
  73. padding-right:2%;
  74. width:48%;
  75. }
  76. #droite {
  77. padding-left:2%;
  78. width:48%;
  79. }
  80. div#navigation, div#extra {
  81. text-align: center;
  82. }
  83. a.vignette {
  84. display: inline;
  85. }
  86. .espaceavant, div.cadreinfo, #citations {
  87. text-align: left;
  88. }
  89. }
  90. @media (max-width: 640px) {
  91. #gauche {
  92. float:none;
  93. padding-right:0;
  94. width:100%;
  95. }
  96. #droite {
  97. float:none;
  98. padding-left:0;
  99. width:100%;
  100. }
  101. }
  102. [(#CHEMIN{images/stylesportail_perso.css}|?{'/* Surcharge eventuelle */'})
  103. [(#INCLURE{#CHEMIN{images/stylesportail_perso.css}|url_absolue_css}|compacte{css})]
  104. ]