html.css 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281
  1. /* Feuille de style DocBook du projet Traduc.org */
  2. /* DocBook CSS stylesheet of the Traduc.org project */
  3. /* (c) Jean-Philippe Guérard - 14 août 2004 */
  4. /* (c) Jean-Philippe Guérard - 14 August 2004 */
  5. /* Cette feuille de style est libre, vous pouvez la */
  6. /* redistribuer et la modifier selon les termes de la Licence */
  7. /* Art Libre. Vous trouverez un exemplaire de cette Licence sur */
  8. /* http://tigreraye.org/Petit-guide-du-traducteur.html#licence-art-libre */
  9. /* This work of art is free, you can redistribute it and/or */
  10. /* modify it according to terms of the Free Art license. You */
  11. /* will find a specimen of this license on the Copyleft */
  12. /* Attitude web site: http://artlibre.org as well as on other */
  13. /* sites. */
  14. /* Please note that the French version of this licence as shown */
  15. /* on http://tigreraye.org/Petit-guide-du-traducteur.html#licence-art-libre */
  16. /* is only official licence of this document. The English */
  17. /* is only provided to help you understand this licence. */
  18. /* La dernière version de cette feuille de style est toujours */
  19. /* disponible sur : http://tigreraye.org/style.css */
  20. /* Elle est également disponible sur : */
  21. /* http://www.traduc.org/docs/HOWTO/lecture/style.css */
  22. /* The latest version of this stylesheet is available from: */
  23. /* http://tigreraye.org/style.css */
  24. /* It is also available on: */
  25. /* http://www.traduc.org/docs/HOWTO/lecture/style.css */
  26. /* N'hésitez pas à envoyer vos commentaires et corrections à */
  27. /* Jean-Philippe Guérard <jean-philippe.guerard@tigreraye.org> */
  28. /* Please send feedback and bug reports to */
  29. /* Jean-Philippe Guérard <jean-philippe.guerard@tigreraye.org> */
  30. /* $Id: style.css,v 1.14 2004/09/10 20:12:09 fevrier Exp fevrier $ */
  31. /* Présentation générale du document */
  32. /* Overall document presentation */
  33. body {
  34. /*
  35. font-family: Apolline, "URW Palladio L", Garamond, jGaramond,
  36. "Bitstream Cyberbit", "Palatino Linotype", serif;
  37. */
  38. margin: 7%;
  39. background-color: white;
  40. }
  41. /* Taille du texte */
  42. /* Text size */
  43. * { font-size: 100%; }
  44. /* Gestion des textes mis en relief imbriqués */
  45. /* Embedded emphasis */
  46. em { font-style: italic; }
  47. em em { font-style: normal; }
  48. em em em { font-style: italic; }
  49. /* Titres */
  50. /* Titles */
  51. h1 { font-size: 200%; font-weight: 900; }
  52. h2 { font-size: 160%; font-weight: 900; }
  53. h3 { font-size: 130%; font-weight: bold; }
  54. h4 { font-size: 115%; font-weight: bold; }
  55. h5 { font-size: 108%; font-weight: bold; }
  56. h6 { font-weight: bold; }
  57. /* Nom de famille en petites majuscules (uniquement en français) */
  58. /* Last names in small caps (for French only) */
  59. *[class~="surname"]:lang(fr) { font-variant: small-caps; }
  60. /* Blocs de citation */
  61. /* Quotation blocs */
  62. div[class~="blockquote"] {
  63. border: solid 2px #AAA;
  64. padding: 5px;
  65. margin: 5px;
  66. }
  67. div[class~="blockquote"] > table {
  68. border: none;
  69. }
  70. /* Blocs litéraux : fond gris clair */
  71. /* Literal blocs: light gray background */
  72. *[class~="literallayout"] {
  73. background: #f0f0f0;
  74. padding: 5px;
  75. margin: 5px;
  76. }
  77. /* Programmes et captures texte : fond bleu clair */
  78. /* Listing and text screen snapshots: light blue background */
  79. *[class~="programlisting"], *[class~="screen"] {
  80. background: #f0f0ff;
  81. padding: 5px;
  82. margin: 5px;
  83. }
  84. /* Les textes à remplacer sont surlignés en vert pâle */
  85. /* Replaceable text in highlighted in pale green */
  86. *[class~="replaceable"] {
  87. background-color: #98fb98;
  88. font-style: normal; }
  89. /* Tables : fonds gris clair & bords simples */
  90. /* Tables: light gray background and solid borders */
  91. *[class~="table"] *[class~="title"] { width:100%; border: 0px; }
  92. table {
  93. border: 1px solid #aaa;
  94. border-collapse: collapse;
  95. padding: 2px;
  96. margin: 5px;
  97. }
  98. /* Listes simples en style table */
  99. /* Simples lists in table presentation */
  100. table[class~="simplelist"] {
  101. background-color: #F0F0F0;
  102. margin: 5px;
  103. border: solid 1px #AAA;
  104. }
  105. table[class~="simplelist"] td {
  106. border: solid 1px #AAA;
  107. }
  108. /* Les tables */
  109. /* Tables */
  110. *[class~="table"] table {
  111. background-color: #F0F0F0;
  112. border: solid 1px #AAA;
  113. }
  114. *[class~="informaltable"] table { background-color: #F0F0F0; }
  115. th,td {
  116. vertical-align: baseline;
  117. text-align: left;
  118. padding: 0.1em 0.3em;
  119. empty-cells: show;
  120. }
  121. /* Alignement des colonnes */
  122. /* Colunms alignment */
  123. td[align=center] , th[align=center] { text-align: center; }
  124. td[align=right] , th[align=right] { text-align: right; }
  125. td[align=left] , th[align=left] { text-align: left; }
  126. td[align=justify] , th[align=justify] { text-align: justify; }
  127. /* Pas de marge autour des images */
  128. /* No inside margins for images */
  129. img { border: 0; }
  130. /* Les liens ne sont pas soulignés */
  131. /* No underlines for links */
  132. :link , :visited , :active { text-decoration: none; }
  133. /* Prudence : cadre jaune et fond jaune clair */
  134. /* Caution: yellow border and light yellow background */
  135. *[class~="caution"] {
  136. border: solid 2px yellow;
  137. background-color: #ffffe0;
  138. padding: 1em 6px 1em ;
  139. margin: 5px;
  140. }
  141. *[class~="caution"] th {
  142. vertical-align: middle
  143. }
  144. *[class~="caution"] table {
  145. background-color: #ffffe0;
  146. border: none;
  147. }
  148. /* Note importante : cadre jaune et fond jaune clair */
  149. /* Important: yellow border and light yellow background */
  150. *[class~="important"] {
  151. border: solid 2px yellow;
  152. background-color: #ffffe0;
  153. padding: 1em 6px 1em;
  154. margin: 5px;
  155. }
  156. *[class~="important"] th {
  157. vertical-align: middle
  158. }
  159. *[class~="important"] table {
  160. background-color: #ffffe0;
  161. border: none;
  162. }
  163. /* Mise en évidence : texte légèrement plus grand */
  164. /* Highlights: slightly larger texts */
  165. *[class~="highlights"] {
  166. font-size: 110%;
  167. }
  168. /* Note : cadre bleu et fond bleu clair */
  169. /* Notes: blue border and light blue background */
  170. *[class~="note"] {
  171. border: solid 2px #7099C5;
  172. background-color: #f0f0ff;
  173. padding: 1em 6px 1em ;
  174. margin: 5px;
  175. }
  176. *[class~="note"] th {
  177. vertical-align: middle
  178. }
  179. *[class~="note"] table {
  180. background-color: #f0f0ff;
  181. border: none;
  182. }
  183. /* Astuce : cadre vert et fond vert clair */
  184. /* Tip: green border and light green background */
  185. *[class~="tip"] {
  186. border: solid 2px #00ff00;
  187. background-color: #f0ffff;
  188. padding: 1em 6px 1em ;
  189. margin: 5px;
  190. }
  191. *[class~="tip"] th {
  192. vertical-align: middle;
  193. }
  194. *[class~="tip"] table {
  195. background-color: #f0ffff;
  196. border: none;
  197. }
  198. /* Avertissement : cadre rouge et fond rouge clair */
  199. /* Warning: red border and light red background */
  200. *[class~="warning"] {
  201. border: solid 2px #ff0000;
  202. background-color: #fff0f0;
  203. padding: 1em 6px 1em ;
  204. margin: 5px;
  205. }
  206. *[class~="warning"] th {
  207. vertical-align: middle;
  208. }
  209. *[class~="warning"] table {
  210. background-color: #fff0f0;
  211. border: none;
  212. }
  213. /* Fin */
  214. /* The End */