docs/usermanual/html.css

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