default.css

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