default.css

   1 /* General Styling */
   2 body
   3 {
   4   font-family: serif;
   5 }
   6
   7 @media screen
   8 {
   9   body
  10   {
  11     background-color: #D9D9D9;
  12     color: #222222;
  13     max-width: 8in;
  14   }
  15 }
  16
  17 @media print
  18 {
  19   p, table, blockquote, code, dt, dd, li
  20   {
  21     font-size: 10pt;
  22   }
  23 }
  24
  25 .verse, .src, .image, blockquote
  26 {
  27   clear: right; /* Clear the contents box usually */
  28 }
  29
  30 .src
  31 {
  32   margin-right: auto;
  33   margin-left: auto;
  34   width: 95%;
  35   border: 2px solid black;
  36   padding: 1em;
  37
  38   white-space: pre-wrap;       /* css-3 */
  39   white-space: -moz-pre-wrap;  /* Mozilla */
  40 }
  41
  42 @media screen
  43 {
  44   .src
  45   {
  46     color: #e3e3e3;
  47     background-color: #444444;
  48   }
  49 }
  50
  51 @media print
  52 {
  53   .src
  54   {
  55     color: #535353;
  56     background-color: #888888;
  57   }
  58 }
  59
  60 p
  61 {
  62   text-align: justify;
  63 }
  64
  65 .verse
  66 {
  67   padding: 1em;
  68   border: 2px solid #999999;
  69   width: 60%;
  70   margin-right: auto;
  71   margin-left: auto;
  72   font-size: smaller;
  73 }
  74
  75 @media screen
  76 {
  77   .verse
  78   {
  79     background-color: #BBBBBB;
  80     color: #111111;
  81   }
  82 }
  83
  84 blockquote
  85 {
  86   padding: 1em;
  87   border: 2px solid black;
  88   width: 80%;
  89   margin-right: auto;
  90   margin-left: auto;
  91 }
  92
  93 @media screen
  94 {
  95   blockquote
  96   {
  97     background-color: #AAAAAA;
  98     color: #111111;
  99   }
 100 }
 101
 102 @media print
 103 {
 104   blockquote
 105   {
 106     background-color: #DDDDDD;
 107     color: #000000;
 108   }
 109 }
 110
 111 code
 112 {
 113   white-space: pre;
 114   width: auto;
 115   color: #000000;
 116 }
 117
 118 table
 119 {
 120   margin: 1ex 1em;
 121 }
 122
 123 table, td, tr
 124 {
 125   border: 1px solid black;
 126   border-collapse: collapse;
 127   background-color: #CFCFCF;
 128 }
 129
 130 a
 131 {
 132   font-style: italic;
 133   text-decoration: none;
 134 }
 135
 136 a:link
 137 {
 138   color: #3333FF;
 139 }
 140
 141 a:visited
 142 {
 143   color: #DA3333;
 144 }
 145
 146 h1,h2,h3,h4,h5
 147 {
 148   font-variant: small-caps;
 149 }
 150
 151 /* Table of Contents */
 152 div.contents
 153 {
 154   border: 2px solid #222222;
 155   background-color: #999999;
 156   width: 40%;
 157   padding: 0.5em;
 158   margin-left: 2em;
 159   margin-bottom: 1em;
 160   float: right;
 161 }
 162
 163 div.contents:before
 164 {
 165   content: "Contents";
 166   font-size: x-large;
 167   font-weight: bold;
 168   font-variant: small-caps;
 169 }
 170
 171 /* control spacing of contents in konqueror */
 172 div.contents dl
 173 {
 174   margin-top: 0.2em;
 175   margin-bottom: 0.2em;
 176 }
 177
 178 @media print
 179 {
 180   div.contents
 181   {
 182     background-color: #CCCCCC;
 183   }
 184
 185   div.contents dt
 186   {
 187     font-size: 6pt;
 188   }
 189 }
 190
 191 /* Images */
 192 table.image, p.image
 193 {
 194   border: 2px solid #222222;
 195   width: auto;
 196   padding: 0.1em;
 197   margin-left: auto;
 198   margin-right: auto;
 199 }
 200
 201 @media screen
 202 {
 203   table.image, p.image
 204   {
 205     background-color: #999999;
 206   }
 207 }
 208
 209 @media print
 210 {
 211   table.image, p.image
 212   {
 213     background-color: #CCCCCC;
 214   }
 215 }
 216
 217 /* Force spacing between image boxes */
 218 table.image + table.image, p.image + p.image
 219 {
 220   margin-top: 1em;
 221 }
 222
 223 table.image tr td img
 224 {
 225   border: 1px solid #111111;
 226 }
 227
 228 table.image tr td.image-caption
 229 {
 230   font-style: italic;
 231 }
 232
 233 img.latex-display
 234 {
 235   display: block;
 236   margin-left: auto;
 237   margin-right: auto;
 238   margin-top: 1ex;
 239   margin-bottom: 1ex;
 240 }
 241
 242 img.latex-inline
 243 {
 244   display: inline;
 245 }
 246
 247 /* Ratings (Book List)*/
 248 .rating-good
 249 {
 250   color: #222222;
 251   font-weight: bold;
 252   font-size: larger;
 253   letter-spacing: 0.2em;
 254 }
 255
 256 .rating-bad
 257 {
 258   color: #FFFFFF;
 259   font-weight: bold;
 260   font-size: larger;
 261   letter-spacing: 0.2em;
 262 }
 263
 264 @media print
 265 {
 266   .rating-good
 267   {
 268     .color: #000000;
 269   }
 270
 271   .rating-bad
 272   {
 273     color: #CCCCCC;
 274   }
 275 }
 276
 277 /* Footer template */
 278 p.cke-footer
 279 {
 280   white-space: pre;
 281   font-family: monospace;
 282   font-style: italic;
 283   font-size: small;
 284 }
 285
 286 p.cke-timestamp
 287 {
 288   font-family: monospace;
 289   font-size: x-small;
 290 }
 291
 292 p.cke-buttons img
 293 {
 294   border: 0px;
 295 }
 296
 297 @media print
 298 {
 299   p.cke-buttons, p.cke-footer
 300   {
 301     display: none;
 302   }
 303 }