templates/classic/html/style.css

   1 /* main page styles */
   2 body.body {
   3   font-family: sans-serif, Arial, Helvetica;
   4   color: #333333;
   5   margin: 0px 0px 0px 0px;
   6 }
   7 a[href]:hover { color:blue; text-decoration: underline; }
   8 a[href]:link { color:blue; text-decoration: none; }
   9 a[href] { color:blue; text-decoration: none; }
  10
  11 table.body {
  12   border: 0;
  13   padding: 0;
  14   border-spacing: 0px;
  15   border-collapse: separate;
  16 }
  17
  18 /* don't display the sidebar when printing */
  19 @media print {
  20     td.page-header-left {
  21         display: none;
  22     }
  23     td.sidebar {
  24         display: none;
  25     }
  26 }
  27
  28 td.page-header-left {
  29   padding: 5px;
  30   border-bottom: 1px solid #444444;
  31 }
  32
  33 td.page-header-top {
  34   padding: 5px;
  35   border-bottom: 1px solid #444444;
  36 }
  37
  38 td.sidebar {
  39   padding: 1 0 0 1;
  40   white-space: nowrap;
  41 }
  42 td.sidebar form {
  43      margin: 0 0 0 0;
  44 }
  45
  46 td.sidebar p.classblock {
  47   padding: 2 5 2 5;
  48   margin: 1 1 1 1;
  49   border: 1px solid #444444;
  50   background-color: #eeeeee;
  51 }
  52
  53 td.sidebar p.userblock {
  54   padding: 2 5 2 5;
  55   margin: 1 1 1 1;
  56   border: 1px solid #444444;
  57   background-color: #eeeeff;
  58 }
  59
  60 td.content {
  61   padding: 1 5 1 5;
  62   vertical-align: top;
  63   width: 100%;
  64 }
  65
  66 td.date, th.date {
  67   white-space: nowrap;
  68 }
  69
  70 p.ok-message {
  71   background-color: #22bb22;
  72   padding: 5 5 5 5;
  73   color: white;
  74   font-weight: bold;
  75 }
  76 p.error-message {
  77   background-color: #bb2222;
  78   padding: 5 5 5 5;
  79   color: white;
  80   font-weight: bold;
  81 }
  82
  83
  84 /* style for forms */
  85 table.form {
  86   padding: 2;
  87   border-spacing: 0px;
  88   border-collapse: separate;
  89 }
  90
  91 table.form th {
  92   color: #333388;
  93   text-align: right;
  94   vertical-align: top;
  95   font-weight: normal;
  96   white-space: nowrap;
  97 }
  98
  99 table.form th.header {
 100   font-weight: bold;
 101   background-color: #eeeeff;
 102   text-align: left;
 103 }
 104
 105 table.form th.required {
 106   font-weight: bold;
 107 }
 108
 109 table.form td {
 110   color: #333333;
 111   empty-cells: show;
 112   vertical-align: top;
 113 }
 114
 115 table.form td.optional {
 116   font-weight: bold;
 117   font-style: italic;
 118 }
 119
 120 table.form td.html {
 121   color: #777777;
 122 }
 123
 124 /* style for lists */
 125 table.list {
 126   border-spacing: 0px;
 127   border-collapse: separate;
 128   width: 100%;
 129 }
 130
 131 table.list th {
 132   padding: 0 4 0 4;
 133   color: #404070;
 134   background-color: #eeeeff;
 135   border: 1px solid white;
 136   vertical-align: top;
 137   empty-cells: show;
 138 }
 139 table.list th a[href]:hover { color: #404070 }
 140 table.list th a[href]:link { color: #404070 }
 141 table.list th a[href] { color: #404070 }
 142 table.list th.group {
 143   background-color: #f4f4ff;
 144   text-align: center;
 145 }
 146
 147 table.list td {
 148   padding: 0 4 0 4;
 149   border: 1px solid white;
 150   color: #404070;
 151   background-color: #efefef;
 152   vertical-align: top;
 153   empty-cells: show;
 154 }
 155
 156 table.list tr.navigation th {
 157   width: 33%;
 158   border-style: hidden;
 159   text-align: center;
 160 }
 161 table.list tr.navigation td {
 162     border: none
 163 }
 164 table.list tr.navigation th:first-child {
 165   text-align: left;
 166 }
 167 table.list tr.navigation th:last-child {
 168   text-align: right;
 169 }
 170
 171
 172 /* style for message displays */
 173 table.messages {
 174   border-spacing: 0px;
 175   border-collapse: separate;
 176   width: 100%;
 177 }
 178
 179 table.messages th.header{
 180   padding-top: 10px;
 181   border-bottom: 1px solid gray;
 182   font-weight: bold;
 183   background-color: white;
 184   color: #707040;
 185 }
 186
 187 table.messages th {
 188   font-weight: bold;
 189   color: black;
 190   text-align: left;
 191   border-bottom: 1px solid #afafaf;
 192 }
 193
 194 table.messages td {
 195   font-family: monospace;
 196   background-color: #efefef;
 197   border-bottom: 1px solid #afafaf;
 198   color: black;
 199   empty-cells: show;
 200   border-right: 1px solid #afafaf;
 201   vertical-align: top;
 202   padding: 2 5 2 5;
 203 }
 204
 205 table.messages td:first-child {
 206   border-left: 1px solid #afafaf;
 207   border-right: 1px solid #afafaf;
 208 }
 209
 210 /* style for file displays */
 211 table.files {
 212   border-spacing: 0px;
 213   border-collapse: separate;
 214   width: 100%;
 215 }
 216
 217 table.files th.header{
 218   padding-top: 10px;
 219   border-bottom: 1px solid gray;
 220   font-weight: bold;
 221   background-color: white;
 222   color: #707040;
 223 }
 224
 225 table.files th {
 226   border-bottom: 1px solid #afafaf;
 227   font-weight: bold;
 228   text-align: left;
 229 }
 230
 231 table.files td {
 232   font-family: monospace;
 233   empty-cells: show;
 234 }
 235
 236 /* style for history displays */
 237 table.history {
 238   border-spacing: 0px;
 239   border-collapse: separate;
 240   width: 100%;
 241 }
 242
 243 table.history th.header{
 244   padding-top: 10px;
 245   border-bottom: 1px solid gray;
 246   font-weight: bold;
 247   background-color: white;
 248   color: #707040;
 249   font-size: 100%;
 250 }
 251
 252 table.history th {
 253   border-bottom: 1px solid #afafaf;
 254   font-weight: bold;
 255   text-align: left;
 256   font-size: 90%;
 257 }
 258
 259 table.history td {
 260   font-size: 90%;
 261   vertical-align: top;
 262   empty-cells: show;
 263 }
 264
 265
 266 /* style for class list */
 267 table.classlist {
 268   border-spacing: 0px;
 269   border-collapse: separate;
 270   width: 100%;
 271 }
 272
 273 table.classlist th.header{
 274   padding-top: 10px;
 275   border-bottom: 1px solid gray;
 276   font-weight: bold;
 277   background-color: white;
 278   color: #707040;
 279 }
 280
 281 table.classlist th {
 282   font-weight: bold;
 283   text-align: left;
 284 }
 285
 286
 287 /* style for class help display */
 288 table.classhelp {      /* the table-layout: fixed;        */
 289   table-layout: fixed; /* compromises quality for speed   */
 290   overflow: hidden;
 291   font-size: .9em;
 292   padding-bottom: 3em;
 293 }
 294
 295 table.classhelp th {
 296   font-weight: normal;
 297   text-align: left;
 298   color: #444444;
 299   background-color: #efefef;
 300   border-bottom: 1px solid #afafaf;
 301   border-top: 1px solid #afafaf;
 302   text-transform: uppercase;
 303   vertical-align: middle;
 304   line-height:1.5em;
 305 }
 306
 307 table.classhelp td {
 308   vertical-align: middle;
 309   padding-right: .2em;
 310   border-bottom: 1px solid #efefef;
 311   text-align: left;
 312   empty-cells: show;
 313 }
 314
 315 table.classhelp td {
 316   white-space: nowrap;
 317   vertical-align: middle;
 318   padding-right: .2em;
 319   border-bottom: 1px solid #efefef;
 320   text-align: left;
 321   empty-cells: show;
 322 }
 323
 324 table.classhelp tr:hover {
 325   background-color: #eeeeee;
 326 }
 327
 328 label.classhelp-label {
 329   cursor: pointer;
 330 }
 331
 332 #classhelp-controls {
 333   position: fixed;
 334   display: block;
 335   top: auto;
 336   right: 0;
 337   bottom: 0;
 338   left: 0;
 339   padding: .5em;
 340   border-top: 2px solid #444444;
 341   background-color: #eeeeee;
 342 }
 343
 344 #classhelp-controls input.apply {
 345   width: 7em;
 346   font-weight: bold;
 347   margin-right: 2em;
 348   margin-left: 2em;
 349 }
 350
 351 #classhelp-controls input.preview {
 352    margin-right: 3em;
 353    margin-left: 1em;
 354 }
 355
 356 /* style for "other" displays */
 357 table.otherinfo {
 358   border-spacing: 0px;
 359   border-collapse: separate;
 360   width: 100%;
 361 }
 362
 363 table.otherinfo th.header{
 364   padding-top: 10px;
 365   border-bottom: 1px solid gray;
 366   font-weight: bold;
 367   background-color: white;
 368   color: #707040;
 369 }
 370
 371 table.otherinfo th {
 372   border-bottom: 1px solid #afafaf;
 373   font-weight: bold;
 374   text-align: left;
 375 }