style.css 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. /* --------------------------------------------------------------
  2. Theme pour la dist de SPIP 3
  3. -------------------------------------------------------------- */
  4. /* ------------------------------------------
  5. /* Habillage des elements du contenu
  6. /* ------------------------------------------ */
  7. .arbo { clear: both; font-size: .9em; color: #DDC; }
  8. .arbo * { font-weight: normal; }
  9. .cartouche { margin-bottom: 1.5em; }
  10. .cartouche h1 { margin-bottom: 0; }
  11. .cartouche p { margin-bottom: 0; }
  12. .surtitre{}
  13. .soustitre {}
  14. abbr.published { border: 0; }
  15. @media print {
  16. abbr[title].published:after { content: ""; }
  17. abbr[title].dtreviewed:after { content: ""; }
  18. }
  19. .info-publi { margin: 1.5em 0 0; font-size: .9em; font-style: italic; }
  20. .traductions { font-size: .9em; }
  21. .traductions a[hreflang]:after { content: ''; }
  22. .chapo { font-weight: bold; }
  23. .texte {}
  24. .hyperlien { display: block; padding: 1.5em 50px; background: #EED url(img/def.png) no-repeat 25px 1.9em; font-weight: bold; }
  25. .ps, .notes { margin-bottom: 1.5em; }
  26. .notes { clear: both; font-size: .9em; }
  27. /* Listes et tableaux */
  28. dl.spip dt { background: url(img/def.png) no-repeat 25px .5em; }
  29. dl.spip dd {}
  30. table.spip caption { background: none; border-bottom: 1px solid; text-align: left; font-weight: bold; }
  31. table.spip thead th { background: none; border: 1px solid; border-width: 1px 0; }
  32. table.spip tbody tr th,
  33. table.spip tr td { background: none; }
  34. table.spip tbody tr.odd th,
  35. table.spip tr.odd td { background: #334; }
  36. table.spip tfoot { border-top: 1px solid; }
  37. /* Formulaires : variantes et cas particuliers
  38. ----------------------------------------------- */
  39. .formulaire_spip { margin-bottom: 1.5em; }
  40. .aside .formulaire_spip { padding-top: 1.3em; border-top: 5px solid; }
  41. fieldset {
  42. width: 100%; margin: 0;
  43. -ms-box-sizing: border-box;
  44. -webkit-box-sizing: border-box;
  45. -moz-box-sizing: border-box; }
  46. legend { display: none; }
  47. label { display: block; }
  48. .erreur_message { display: block; }
  49. input.text,textarea {
  50. width: 100%;
  51. -ms-box-sizing: border-box;
  52. -webkit-box-sizing: border-box;
  53. -moz-box-sizing: border-box;
  54. box-sizing: border-box;
  55. background-color: #222223;
  56. border: 4px solid #EED;
  57. }
  58. .content input.text { width: 50%; }
  59. textarea { width: 100%; }
  60. /* Selection des langues */
  61. .formulaire_menu_lang { margin: 0; padding: 0; background: none; }
  62. /* Formulaires de recherche (site / petitions) */
  63. .formulaire_recherche input.text { width: 10em; padding-left: 20px; background-image: url(img/recherche.png); background-repeat: no-repeat; background-position: left center; }
  64. .formulaire_recherche input.submit {}
  65. /* Choix des mots-clefs */
  66. ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
  67. ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
  68. ul.choix_mots li label { display: inline; font-weight: normal; }
  69. .formulaire_spip .bugajaxie { display: none; } /*IE/Win*/
  70. /* Formulaire de login dans une page */
  71. .formulaire_login ul li { clear: left; }
  72. .formulaire_login .editer_password .details { display: block; }
  73. .formulaire_login #spip_logo_auteur { float: right; }
  74. /* Fomulaire de contact */
  75. .formulaire_ecrire_auteur {}
  76. .formulaire_ecrire_auteur .saisie_sujet_message_auteur input.text { width: 100%; }
  77. /* Habillage des forums
  78. ---------------------------------------------- */
  79. /* Habillage des forums */
  80. .comments-items .comments-items {margin-left: 25px;padding-left: 20px;border-left:5px solid #ddd;}
  81. .comment-fil ul {}
  82. .comment-meta { margin: 0; font-weight: bold; }
  83. .comment-meta small { font-size: 100%; }
  84. .comment-meta abbr { border: 0; }
  85. .comment-meta a { color: #594969; }
  86. .comment-meta a:focus,
  87. .comment-meta a:hover,
  88. .comment-meta a:active { color: #fff; }
  89. .comment-content .hyperlien { padding: 0; background: transparent; font-weight: normal; }
  90. /* Formulaire de forum */
  91. .formulaire_forum {}
  92. .formulaire_forum legend { display: none; }
  93. .formulaire_forum .saisie_titre input.text { width: 100% }
  94. .formulaire_forum .session_qui { display: none; }
  95. .formulaire_forum .saisie_texte .explication { font-size: .9em; font-style: italic; }
  96. /* Habillage des petitions
  97. ---------------------------------------------- */
  98. #signatures {}
  99. #signatures td.signature-date small { white-space: nowrap; }
  100. #signatures .formulaire_recherche { margin: 1.5em auto; text-align: center; }
  101. /* Formulaire de signature */
  102. .formulaire_signature {}
  103. /* ------------------------------------------
  104. /* Sous-navigation et autres menus
  105. /* ------------------------------------------ */
  106. /* Habillage general des menus de nav */
  107. .menu { clear: both; margin-bottom: 1.5em; text-align: left; }
  108. .menu p {}
  109. .menu ul { margin-bottom: 1.5em; }
  110. .menu ul li {}
  111. .menu ul li ul { margin-left: 1.5em; list-style: circle; }
  112. /* Pagination */
  113. .pagination a,
  114. .pagination .on { padding: .2em .5em; margin: 0 1px; }
  115. .pagination a { background: #EED; text-decoration: none; }
  116. .pagination .on { font-weight: bold; background: #222; color: #fff; }
  117. .pagination .sep { display: none; }
  118. /* Listes d'articles et extraits introductifs */
  119. .menu_articles li { clear: both; margin-bottom: 1.5em; }
  120. .menu_articles li h3,
  121. .menu_articles li h2 { margin: 0; }
  122. .menu_articles li p { margin: 0; }
  123. .menu_articles li small { font-style: italic; }
  124. .menu_articles li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
  125. .menu_breves li {}
  126. .menu_breves li h3 { margin: 0; }
  127. /* Hyperliens
  128. ---------------------------------------------- */
  129. a { color: #AE2; text-decoration: none; }
  130. a:focus,
  131. a:hover,
  132. a:active { background-color: #900; color: #FFF; text-decoration: none; }
  133. /* ------------------------------------------
  134. /* Autres medias
  135. /* ------------------------------------------ */
  136. @media print {
  137. /* Ne pas imprimer */
  138. .spip-admin,
  139. .spip-admin-float,
  140. .spip-previsu { display: none; }
  141. .repondre,
  142. .formulaire_spip { display: none; }
  143. /* Souligner et expliciter les liens */
  144. a { color: #600; text-decoration: underline !important; }
  145. a.spip_out:after,
  146. a.spip_glossaire:after,
  147. a.spip_mail:after { display: inline; content: " [" attr(href) "]"; }
  148. }
  149. /* end */