default.css

   1 /* General Styling */
   2 body
   3 {
   4   font-family: serif;
   5 }
   6
   7 p
   8 {
   9   text-align: justify;
  10 }
  11
  12 h1,h2,h3,h4,h5
  13 {
  14   font-variant: small-caps;
  15   text-align: left;
  16 }
  17
  18 @media screen
  19 {
  20   body
  21   {
  22     background-color: #D9D9D9;
  23     color: #222222;
  24     max-width: 8in;
  25   }
  26 }
  27
  28 @media print
  29 {
  30   p, table, blockquote, code, dt, dd, li
  31   {
  32     font-size: 10pt;
  33   }
  34
  35   dd, table, blockquote, code, .verse, .src, .image
  36   {
  37     page-break-inside: avoid;
  38   }
  39
  40   h1, h2, h3, h4, h5
  41   {
  42     page-break-before: auto;
  43     page-break-after: avoid;
  44   }
  45
  46   h1 + p, h2 + p, h3 + p, h4 + p, h5 + p
  47   {
  48     page-break-before: avoid;
  49     page-break-after: auto;
  50   }
  51 }
  52
  53 .verse
  54 {
  55   padding: 1em;
  56   width: 60%;
  57   margin-right: auto;
  58   margin-left: auto;
  59   font-size: smaller;
  60 }
  61
  62 @media screen
  63 {
  64   .verse
  65   {
  66     border: 2px solid #999999;
  67     background-color: #BBBBBB;
  68     color: #111111;
  69   }
  70 }
  71
  72 blockquote
  73 {
  74   padding: 1em;
  75   width: 80%;
  76   margin-right: auto;
  77   margin-left: auto;
  78 }
  79
  80 @media screen
  81 {
  82   blockquote
  83   {
  84     border: 2px solid black;
  85     background-color: #AAAAAA;
  86     color: #111111;
  87   }
  88 }
  89
  90 @media print
  91 {
  92   blockquote
  93   {
  94     background-color: #DDDDDD;
  95     color: #000000;
  96   }
  97 }
  98
  99 code
 100 {
 101   white-space: pre-wrap;       /* css-3 */
 102   white-space: -moz-pre-wrap;  /* Mozilla */
 103   width: auto;
 104   color: #000000;
 105 }
 106
 107 table
 108 {
 109   margin: 1ex 1em;
 110 }
 111
 112 table, td, tr
 113 {
 114   border: 1px solid black;
 115   border-collapse: collapse;
 116   background-color: #CFCFCF;
 117 }
 118
 119 a
 120 {
 121   font-style: italic;
 122   text-decoration: none;
 123 }
 124
 125 a:link
 126 {
 127   color: #3333FF;
 128 }
 129
 130 a:visited
 131 {
 132   color: #DA3333;
 133 }
 134
 135 @media print
 136 {
 137   a[href]:after
 138   {
 139     content: " <" attr(href) ">";
 140   }
 141 }
 142
 143 /* Table of Contents */
 144 div.contents
 145 {
 146   border: 2px solid #222222;
 147   width: 40%;
 148   padding: 0.5em;
 149   margin-bottom: 1em;
 150 }
 151
 152 div.contents:before
 153 {
 154   content: "Contents";
 155   font-size: x-large;
 156   font-weight: bold;
 157   font-variant: small-caps;
 158 }
 159
 160 /* control spacing of contents in konqueror */
 161 div.contents dl
 162 {
 163   margin: 0.2em auto;
 164 }
 165
 166 div.contents dl, div.contents dt
 167 {
 168   margin-left: 0px;
 169 }
 170
 171 div.contents dd
 172 {
 173   margin-left: 1.5em;
 174 }
 175
 176 @media screen
 177 {
 178   div.contents
 179   {
 180     background-color: #999999;
 181     margin-left: 2em;
 182     float: right;
 183   }
 184
 185   .verse, .src, .image, blockquote
 186   {
 187     clear: right; /* Clear the contents box  */
 188   }
 189 }
 190
 191 @media print
 192 {
 193   div.contents
 194   {
 195     background-color: #DFDFDF;
 196     border-width: 0.5mm;
 197     float: left;
 198     margin-right: 2em;
 199   }
 200
 201  .verse, .src, .image, blockquote
 202   {
 203     clear: left; /* Clear the contents box  */
 204   }
 205
 206   div.contents dt
 207   {
 208     font-size: 6pt;
 209     page-break-after: avoid;
 210   }
 211
 212   div.contents > dd
 213   {
 214     page-break-inside: auto;
 215   }
 216
 217   div.contents > dd > dl
 218   {
 219     page-break-inside: avoid;
 220     page-break-before: auto;
 221     page-break-after: auto;
 222   }
 223
 224   div.contents > dd > dl dl
 225   {
 226     page-break-inside: avoid;
 227     page-break-before: avoid;
 228     page-break-after: avoid;
 229   }
 230 }
 231
 232 /* Images */
 233 .image
 234 {
 235   border: 2px solid #222222;
 236   width: auto;
 237   padding: 0.1em;
 238   margin-left: auto;
 239   margin-right: auto;
 240 }
 241
 242 /* Force spacing between image boxes */
 243 .image + .image
 244 {
 245   margin-top: 1em;
 246 }
 247
 248 table.image tr td img
 249 {
 250   border: 1px solid #111111;
 251 }
 252
 253 table.image tr td.image-caption
 254 {
 255   font-style: italic;
 256 }
 257
 258 @media screen
 259 {
 260   .image
 261   {
 262     background-color: #999999;
 263   }
 264 }
 265
 266 @media print
 267 {
 268   .image
 269   {
 270     background-color: #CCCCCC;
 271     border-width: 0.5mm;
 272     page-break-inside: avoid;
 273     page-break-after: auto;
 274     page-break-before: auto;
 275   }
 276
 277   .image img
 278   {
 279     max-width: 80%;
 280     page-break-inside: avoid;
 281     page-break-after: auto;
 282   }
 283 }
 284
 285 img.latex-display
 286 {
 287   display: block;
 288   margin-left: auto;
 289   margin-right: auto;
 290   margin-top: 1ex;
 291   margin-bottom: 1ex;
 292 }
 293
 294 img.latex-inline
 295 {
 296   display: inline;
 297 }
 298
 299 /* Ratings (Book List)*/
 300 .rating-good
 301 {
 302   color: #222222;
 303   font-weight: bold;
 304   font-size: larger;
 305   letter-spacing: 0.2em;
 306 }
 307
 308 .rating-bad
 309 {
 310   color: #FFFFFF;
 311   font-weight: bold;
 312   font-size: larger;
 313   letter-spacing: 0.2em;
 314 }
 315
 316 @media print
 317 {
 318   .rating-good
 319   {
 320     color: #000000;
 321   }
 322
 323   .rating-bad
 324   {
 325     display: none;
 326   }
 327 }
 328
 329 /* Footer template */
 330 p.cke-footer
 331 {
 332   white-space: pre;
 333   font-family: monospace;
 334   font-style: italic;
 335   font-size: small;
 336 }
 337
 338 p.cke-timestamp
 339 {
 340   font-family: monospace;
 341   font-size: x-small;
 342 }
 343
 344 p.cke-buttons img
 345 {
 346   border: 0px;
 347 }
 348
 349 @media print
 350 {
 351   p.cke-buttons, p.cke-footer
 352   {
 353     display: none;
 354   }
 355 }
 356
 357 .src
 358 {
 359   font-family: monospace;
 360   margin-right: auto;
 361   margin-left: auto;
 362   width: 95%;
 363   border: 2px solid black;
 364   padding: 1em;
 365
 366   white-space: pre-wrap;       /* css-3 */
 367   white-space: -moz-pre-wrap;  /* Mozilla */
 368 }
 369
 370 @media screen
 371 {
 372   .src
 373   {
 374     color: #e3e3e3;
 375     background-color: #444444;
 376   }
 377 }
 378
 379 @media print
 380 {
 381   .src
 382   {
 383     color: #000000;
 384     background-color: #F5F5F5;
 385     border-width: 0.5mm;
 386     font-size: 8pt;
 387   }
 388 }
 389
 390 /* emacs faces */
 391 @media screen
 392 {
 393   .emacs-face-builtin { color: #b0c4de; }
 394   .emacs-face-comment { color: #ff7f24;  }
 395   .emacs-face-comment-delimiter { color: #ff7f24; }
 396   .emacs-face-doc { color: #b3b3b3; }
 397   .emacs-face-function-name { color: #87cefa; }
 398   .emacs-face-keyword { color: #b9d3ee; }
 399   .emacs-face-negation-char { }
 400   .emacs-face-regexp-grouping-backslash { font-weight: bold;  }
 401   .emacs-face-regexp-grouping-construct { font-weight: bold; }
 402   .emacs-face-string { color: #b3b3b3; }
 403   .emacs-face-type { color: #98fb98; }
 404   .emacs-face-variable-name { color: #eedd82; }
 405   .emacs-face-warning { color: #ffc0cb;
 406                         font-weight: bold; }
 407 }
 408
 409 @media print
 410 {
 411   .emacs-face-builtin { color: #0b4ced; }
 412   .emacs-face-comment { color: #ff7f24; font-style: italic; }
 413   .emacs-face-comment-delimiter { color: #ff7f24; }
 414   .emacs-face-doc { color: #5b5b5b; }
 415   .emacs-face-function-name { color: #34a8aa; font-style: italic; }
 416   .emacs-face-keyword { color: #0B0B0B; font-weight: bold; }
 417   .emacs-face-negation-char { }
 418   .emacs-face-regexp-grouping-backslash { font-weight: bold;  }
 419   .emacs-face-regexp-grouping-construct { font-weight: bold; }
 420   .emacs-face-string { color: #3b3b3b; font-style: italic; }
 421   .emacs-face-type { color: #579b57; font-variant: small-caps; }
 422   .emacs-face-variable-name { color: #554406; font-style: italic; }
 423   .emacs-face-warning { color: #990767;
 424                         font-weight: bold; }
 425 }