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   max-width: 6in;
 252   width: 100%;
 253 }
 254
 255 table.image tr td:hover
 256 {
 257   max-width: 8in;
 258 }
 259
 260 table.image tr td img:hover
 261 {
 262     max-width: 24in;
 263     width: 100%;
 264     overflow: auto;
 265 }
 266
 267 table.image tr td.image-caption
 268 {
 269   font-style: italic;
 270 }
 271
 272 @media screen
 273 {
 274   .image
 275   {
 276     background-color: #999999;
 277   }
 278 }
 279
 280 @media print
 281 {
 282   .image
 283   {
 284     background-color: #CCCCCC;
 285     border-width: 0.5mm;
 286     page-break-inside: avoid;
 287     page-break-after: auto;
 288     page-break-before: auto;
 289   }
 290
 291   .image img
 292   {
 293     max-width: 80%;
 294     page-break-inside: avoid;
 295     page-break-after: auto;
 296   }
 297 }
 298
 299 img.latex-display
 300 {
 301   display: block;
 302   margin-left: auto;
 303   margin-right: auto;
 304   margin-top: 1ex;
 305   margin-bottom: 1ex;
 306 }
 307
 308 img.latex-inline
 309 {
 310   display: inline;
 311 }
 312
 313 /* Ratings (Book List)*/
 314 .rating-good
 315 {
 316   color: #222222;
 317   font-weight: bold;
 318   font-size: larger;
 319   letter-spacing: 0.2em;
 320 }
 321
 322 .rating-bad
 323 {
 324   color: #FFFFFF;
 325   font-weight: bold;
 326   font-size: larger;
 327   letter-spacing: 0.2em;
 328 }
 329
 330 @media print
 331 {
 332   .rating-good
 333   {
 334     color: #000000;
 335   }
 336
 337   .rating-bad
 338   {
 339     display: none;
 340   }
 341 }
 342
 343 /* Footer template */
 344 p.cke-footer
 345 {
 346   white-space: pre-wrap;
 347   font-family: monospace;
 348   font-style: italic;
 349   font-size: small;
 350 }
 351
 352 p.cke-timestamp
 353 {
 354   font-family: monospace;
 355   font-size: x-small;
 356 }
 357
 358 p.cke-buttons img
 359 {
 360   border: 0px;
 361 }
 362
 363 @media print
 364 {
 365   p.cke-buttons, p.cke-footer
 366   {
 367     display: none;
 368   }
 369 }
 370
 371 .src
 372 {
 373   font-family: monospace;
 374   margin-right: auto;
 375   margin-left: auto;
 376   width: 95%;
 377   border: 2px solid black;
 378   padding: 1em;
 379
 380   white-space: pre-wrap;       /* css-3 */
 381   white-space: -moz-pre-wrap;  /* Mozilla */
 382 }
 383
 384 @media screen
 385 {
 386   .src
 387   {
 388     color: #e3e3e3;
 389     background-color: #444444;
 390   }
 391 }
 392
 393 @media print
 394 {
 395   .src
 396   {
 397     color: #000000;
 398     background-color: #F5F5F5;
 399     border-width: 0.5mm;
 400     font-size: 8pt;
 401   }
 402 }
 403
 404 /* emacs faces */
 405 @media screen
 406 {
 407   .emacs-face-builtin { color: #b0c4de; }
 408   .emacs-face-comment { color: #ff7f24;  }
 409   .emacs-face-comment-delimiter { color: #ff7f24; }
 410   .emacs-face-doc { color: #b3b3b3; }
 411   .emacs-face-function-name { color: #87cefa; }
 412   .emacs-face-keyword { color: #b9d3ee; }
 413   .emacs-face-negation-char { }
 414   .emacs-face-regexp-grouping-backslash { font-weight: bold;  }
 415   .emacs-face-regexp-grouping-construct { font-weight: bold; }
 416   .emacs-face-string { color: #b3b3b3; }
 417   .emacs-face-type { color: #98fb98; }
 418   .emacs-face-variable-name { color: #eedd82; }
 419   .emacs-face-warning { color: #ffc0cb;
 420                         font-weight: bold; }
 421 }
 422
 423 @media print
 424 {
 425   .emacs-face-builtin { color: #0b4ced; }
 426   .emacs-face-comment { color: #ff7f24; font-style: italic; }
 427   .emacs-face-comment-delimiter { color: #ff7f24; }
 428   .emacs-face-doc { color: #5b5b5b; }
 429   .emacs-face-function-name { color: #34a8aa; font-style: italic; }
 430   .emacs-face-keyword { color: #0B0B0B; font-weight: bold; }
 431   .emacs-face-negation-char { }
 432   .emacs-face-regexp-grouping-backslash { font-weight: bold;  }
 433   .emacs-face-regexp-grouping-construct { font-weight: bold; }
 434   .emacs-face-string { color: #3b3b3b; font-style: italic; }
 435   .emacs-face-type { color: #579b57; font-variant: small-caps; }
 436   .emacs-face-variable-name { color: #554406; font-style: italic; }
 437   .emacs-face-warning { color: #990767;
 438                         font-weight: bold; }
 439 }