default.css

   1 /* Default monolith stylesheet. To use this, make sure you have configured
   2  * rws to map the alias /ml-styles/ to /usr/share/rws/ml-styles
   3  * (or wherever this stylesheet will be installed).
   4  *
   5  * $Id: default.css,v 1.27 2003/01/12 22:12:41 rich Exp $
   6  */
   7
   8 /*----- GENERAL -----*/
   9
  10 body {                                  /* Application background colour. */
  11         background-color: white;
  12 }
  13
  14 /*----- BUTTONS -----*/
  15
  16 a.ml_button {                           /* Enabled buttons. */
  17         text-decoration: none;
  18         font-weight: bold;
  19         color: black;
  20         padding: 3px 12px 3px 12px;
  21         margin: 3px 3px 3px 3px;
  22         border-style: outset;
  23         border-color: black;
  24         border-width: thin;
  25 }
  26
  27 span.ml_button {                        /* Disabled buttons. */
  28         text-decoration: none;
  29         color: gray;
  30         padding: 3px 12px 3px 12px;
  31         margin: 3px 3px 3px 3px;
  32         border-style: outset;
  33         border-color: black;
  34         border-width: thin;
  35 }
  36
  37 a.ml_button_key {                       /* Enabled 'key' buttons. */
  38         display: block;
  39         width: 1em;
  40         text-decoration: none;
  41         font-weight: bold;
  42         color: black;
  43         padding: 3px 12px 3px 12px;
  44         margin: 3px 3px 3px 3px;
  45         border-style: outset;
  46         border-color: black;
  47         border-width: thin;
  48 }
  49
  50 span.ml_button_key {                    /* Disabled 'key' buttons. */
  51         display: block;
  52         width: 1em;
  53         text-decoration: none;
  54         color: gray;
  55         padding: 3px 12px 3px 12px;
  56         margin: 3px 3px 3px 3px;
  57         border-style: outset;
  58         border-color: black;
  59         border-width: thin;
  60 }
  61
  62 a.ml_button_compact {                   /* Enabled 'compact' buttons. */
  63         text-decoration: underline;
  64         font-weight: bold;
  65         color: black;
  66 }
  67
  68 span.ml_button_compact {                /* Disabled 'compact' buttons. */
  69         text-decoration: none;
  70         color: gray;
  71 }
  72
  73 a.ml_button_link {                      /* Enabled 'link' buttons. */
  74         text-decoration: underline;
  75         font-weight: bold;
  76         color: black;
  77 }
  78
  79 span.ml_button_link {                   /* Disabled 'link' buttons. */
  80         text-decoration: none;
  81         color: gray;
  82 }
  83
  84 /*----- TOGGLE BUTTONS -----*/
  85
  86 a.ml_toggle_button {                    /* Toggle buttons. */
  87         text-decoration: none;
  88         font-weight: bold;
  89         color: black;
  90         padding: 3px 12px 3px 12px;
  91         margin: 3px 3px 3px 3px;
  92         border-style: outset;
  93         border-color: black;
  94         border-width: 2;
  95 }
  96
  97 a.ml_toggle_button_key {                /* Toggle 'key' buttons. */
  98         display: block;
  99         width: 1em;
 100         text-decoration: none;
 101         font-weight: bold;
 102         color: black;
 103         padding: 3px 12px 3px 12px;
 104         margin: 3px 3px 3px 3px;
 105         border-style: outset;
 106         border-color: black;
 107         border-width: 2;
 108 }
 109
 110 a.ml_toggle_button_pressed {            /* Toggle buttons (pressed). */
 111         text-decoration: none;
 112         font-weight: bold;
 113         color: black;
 114         padding: 3px 12px 3px 12px;
 115         margin: 3px 3px 3px 3px;
 116         border-style: inset;
 117         border-color: black;
 118         border-width: 2;
 119 }
 120
 121 a.ml_toggle_button_key_pressed {        /* Toggle 'key' buttons (pressed). */
 122         display: block;
 123         width: 1em;
 124         text-decoration: none;
 125         font-weight: bold;
 126         color: black;
 127         padding: 3px 12px 3px 12px;
 128         margin: 3px 3px 3px 3px;
 129         border-style: inset;
 130         border-color: black;
 131         border-width: 2;
 132 }
 133
 134 /*----- BOXES -----*/
 135
 136 span.ml_box {                           /* Box. */
 137         display: block;
 138         width: auto;
 139         border-style: solid;
 140         border-color: black;
 141         border-width: thin;
 142         padding: 6px 6px 6px 6px;
 143         margin: 3px 3px 3px 3px;
 144 }
 145
 146 /*----- FORMS -----*/
 147
 148 input.ml_form_text {                    /* Form input text field. */
 149         text-decoration: none;
 150         color: black;
 151         background-color: #eeeeff;
 152         border-style: inset;
 153         border-color: black;
 154         border-width: thin;
 155         padding: 3px;
 156 }
 157
 158 input.ml_form_password {                /* Form input password field. */
 159         text-decoration: none;
 160         color: black;
 161         background-color: #eeeeff;
 162         border-style: inset;
 163         border-color: black;
 164         border-width: thin;
 165         padding: 3px;
 166 }
 167
 168 input.ml_form_radio {                   /* Form input radio button field. */
 169         background-color: #eeeeff;
 170 }
 171
 172 input.ml_form_checkbox {                /* Form input tick box field. */
 173         background-color: #eeeeff;
 174 }
 175
 176 select.ml_form_select {                 /* Form input select box field. */
 177         text-decoration: none;
 178         color: black;
 179         background-color: #eeeeff;
 180 //      border-style: inset;
 181 //      border-color: black;
 182 //      border-width: thin;
 183 //      padding: 3px;
 184 }
 185
 186 textarea.ml_form_textarea {             /* Form input text field. */
 187         text-decoration: none;
 188         color: black;
 189         background-color: #eeeeff;
 190         border-style: inset;
 191         border-color: black;
 192         border-width: thin;
 193         padding: 3px;
 194 }
 195
 196 input.ml_form_submit {                  /* Form submit button. */
 197         text-decoration: none;
 198         font-weight: bold;
 199         color: black;
 200         background-color: white;
 201         padding: 3px 12px 3px 12px;
 202         margin: 3px 3px 3px 3px;
 203         border-style: outset;
 204         border-color: black;
 205         border-width: thin;
 206 }
 207
 208 /*----- HEADINGS -----*/
 209
 210 h1.ml_heading {                         /* Heading 1. */
 211         font-size: 160%;
 212         font-weight: bold;
 213 }
 214
 215 h2.ml_heading {                         /* Heading 2. */
 216         font-size: 140%;
 217         font-weight: bold;
 218 }
 219
 220 h3.ml_heading {                         /* Heading 3. */
 221         font-size: 120%;
 222         font-weight: bold;
 223 }
 224
 225 h4.ml_heading {                         /* Heading 4. */
 226         font-size: 100%;
 227         font-weight: bold;
 228 }
 229
 230 h5.ml_heading {                         /* Heading 5. */
 231         font-size: 100%;
 232         font-weight: bold;
 233 }
 234
 235 h6.ml_heading {                         /* Heading 6. */
 236         font-size: 100%;
 237         font-weight: bold;
 238 }
 239
 240 /*----- FORM LAYOUT -----*/
 241
 242 table.ml_form_layout {                  /* Forms. */
 243 }
 244
 245 table.ml_form_layout th {               /* Forms (left col). */
 246         vertical-align: top;
 247         text-align: right;
 248         background-color: #eeeeff;
 249         padding: 3px;
 250 }
 251
 252 table.ml_form_layout td {               /* Forms (right col). */
 253         padding: 3px;
 254 }
 255
 256 /*----- SELECT LAYOUT -----*/
 257
 258 table.ml_select_layout {                /* Select layout (outer table). */
 259 }
 260
 261 table.ml_select_layout_left {           /* Select layout (inner left table). */
 262         width: 100px; /* XXX */
 263 }
 264
 265 table.ml_select_layout_left th {        /* Select layout (selected item). */
 266         text-align: left;
 267         background-color: #eeeeff;
 268         padding: 3px;
 269 }
 270
 271 table.ml_select_layout_left th a {      /* Select layout (selected item). */
 272         font-weight: bold;
 273         text-decoration: underline;
 274         color: black;
 275 }
 276
 277 table.ml_select_layout_left td {        /* Select layout (unselected item). */
 278         text-align: left;
 279         padding: 3px;
 280 }
 281
 282 table.ml_select_layout_left td a {      /* Select layout (unselected item). */
 283         font-weight: bold;
 284         text-decoration: underline;
 285         color: black;
 286 }
 287
 288 /*----- MENUS -----*/
 289 /* This CSS is adapted from:
 290  * http://www.meyerweb.com/eric/css/edge/menus/demo.html
 291  */
 292
 293 table.ml_menubar {                      /* Menubar along top of screen. */
 294         border-style: outset;
 295         border-color: black;
 296         border-width: thin;
 297         width: 100%;
 298 }
 299
 300 td.ml_menubar_item {                    /* Menubar headings. */
 301         font-weight: bold;
 302         color: black;
 303         padding: 3px 12px 3px 12px;
 304         margin: 3px 3px 3px 3px
 305 }
 306
 307 td.ml_menubar_item ul {                 /* Disable all menus to start. */
 308         display: none;
 309 }
 310
 311 td.ml_menubar_item:hover > ul {         /* On hover, enable menu. */
 312         display: block;
 313         background: white;
 314         position: absolute;
 315         top: +16px;
 316         border-style: outset;
 317         border-color: black;
 318         border-width: thin;
 319 }
 320
 321 td.ml_menubar_item li:hover > ul {      /* On hover, enable submenu. */
 322         display: block;
 323         background: white;
 324         position: absolute;
 325         top: -1px;
 326         left: 70%;
 327         width: 6em;
 328         border-style: outset;
 329         border-color: black;
 330         border-width: thin;
 331 }
 332
 333 td.ml_menubar_item li {                 /* Menu item. */
 334         list-style-type: none;
 335         padding: 3px 12px 3px 12px;
 336         margin: 3px 3px 3px -30px;
 337 }
 338
 339 //td.ml_menubar_item li:hover {         /* Menu item (hovering). */
 340 //      list-style-type: none;
 341 //      padding: 3px 12px 3px 12px;
 342 //      margin: 3px 3px 3px -30px;
 343 //      background-color: #eeeeff;
 344 //}
 345
 346 td.ml_menubar_item li a {               /* Menu item (operational). */
 347         font-weight: bold;
 348         color: black;
 349         text-decoration: none;
 350 }
 351
 352 td.ml_menubar_item li span {            /* Menu item (not operational). */
 353         font-weight: bold;
 354         color: black;
 355         text-decoration: none;
 356 }
 357
 358 /*----- STATS APPLICATION -----*/
 359
 360 table.ml_stats_table {                  /* Tables in stats appl. */
 361         border-style: solid;
 362         border-color: black;
 363         border-width: 2px;
 364         border-collapse: collapse;
 365 }
 366
 367 table.ml_stats_table th {               /* Tables in stats appl. */
 368         vertical-align: top;
 369         background-color: #eeeeff;
 370         border-style: solid;
 371         border-color: black;
 372         border-width: 1px;
 373         padding: 3px;
 374 }
 375
 376 table.ml_stats_table td {               /* Tables in stats appl. */
 377         vertical-align: top;
 378         border-style: solid;
 379         border-color: black;
 380         border-width: 1px;
 381         padding: 3px;
 382 }
 383
 384 /*----- DISCUSSION -----*/
 385
 386 table.ml_discussion {                   /* Discussion area. */
 387         width: 100%;
 388 }
 389
 390 table.ml_discussion_posting {           /* Discussion posting. */
 391         width: 100%;
 392         margin-bottom: 0.5em;
 393 }
 394
 395 th.ml_discussion_posting_read {
 396         text-align: left;
 397         font-weight: normal;
 398         background-color: #eeeeff;
 399         border-style: solid;
 400         border-color: black;
 401         border-width: thin;
 402         padding: 3px 3px 3px 3px;
 403 }
 404
 405 th.ml_discussion_posting_unread {
 406         text-align: left;
 407         font-weight: bold;
 408         background-color: #eeeeff;
 409         border-style: solid;
 410         border-color: black;
 411         border-width: thin;
 412         padding: 3px 3px 3px 3px;
 413 }
 414
 415 table.ml_discussion_panel {             /* Discussion panel actions. */
 416         width: 100%;
 417 }
 418
 419 table.ml_discussion_panel_actions {     /* Discussion panel actions. */
 420         margin-bottom: 1em;
 421 }
 422
 423 /*----- CALENDAR -----*/
 424
 425 a.ml_calendar_day {                     /* Calendar day buttons. */
 426         display: block;
 427         width: 1.5em;
 428         text-decoration: none;
 429         font-weight: bold;
 430         color: black;
 431         padding-left: 3px;
 432         padding-right: 3px;
 433         padding-top: 1px;
 434         padding-bottom: 1px;
 435 }
 436
 437 a.ml_calendar_day_selected {            /* Calendar day buttons. */
 438         display: block;
 439         width: 1.5em;
 440         text-decoration: none;
 441         font-weight: bold;
 442         color: black;
 443         padding-left: 2px;
 444         padding-right: 2px;
 445         padding-top: 0px;
 446         padding-bottom: 0px;
 447         border-style: solid;
 448         border-color: black;
 449         border-width: 1px;
 450 }
 451
 452 a.ml_calendar_day_events {              /* Calendar day buttons. */
 453         display: block;
 454         width: 1.5em;
 455         text-decoration: none;
 456         font-weight: bold;
 457         color: red;
 458         padding-left: 3px;
 459         padding-right: 3px;
 460         padding-top: 1px;
 461         padding-bottom: 1px;
 462 }
 463
 464 a.ml_calendar_day_events_selected {     /* Calendar day buttons. */
 465         display: block;
 466         width: 1.5em;
 467         text-decoration: none;
 468         font-weight: bold;
 469         color: red;
 470         padding-left: 2px;
 471         padding-right: 2px;
 472         padding-top: 0px;
 473         padding-bottom: 0px;
 474         border-style: solid;
 475         border-color: black;
 476         border-width: 1px;
 477 }
 478
 479 a.ml_calendar_hour {                    /* Calendar hour buttons. */
 480         text-decoration: none;
 481         font-size: small;
 482         font-weight: bold;
 483         color: black;
 484 }
 485
 486 a.ml_calendar_hour_off_peak {           /* Calendar hour buttons (off peak). */
 487         text-decoration: none;
 488         font-size: small;
 489         font-weight: bold;
 490         color: black;
 491         background-color: #eeeeff;
 492 }
 493
 494 table.ml_calendar_notes {               /* Calendar notes. */
 495         width: 100%;
 496         align: left;
 497 }
 498
 499 div.ml_calendar_notes {                 /* Calendar notes. */
 500         width: 100%;
 501         text-align: left;
 502         margin-bottom: 3pt;
 503 }
 504
 505 /*----- BUG TRACKER -----*/
 506
 507 table.ml_bugtrack_bug {                 /* Bug tracking bug table. */
 508         margin-bottom: 2em;
 509 }
 510
 511 table.ml_bugtrack_bug th {              /* Bug tracking bug table. */
 512         text-align: right;
 513         background-color: #eeeeff;
 514         padding: 3px;
 515 }
 516
 517 table.ml_bugtrack_bug td {              /* Bug tracking bug table. */
 518         padding: 3px;
 519 }
 520
 521 table.ml_bugtrack_comment {             /* Bug tracking comment. */
 522         width: 100%;
 523         margin-bottom: 2em;
 524 }
 525
 526 table.ml_bugtrack_comment th {          /* Bug tracking comment. */
 527         text-align: left;
 528         margin-bottom: 2em;
 529 }
 530
 531 /*----- CHAT -----*/
 532
 533 span.ml_chat_time {                     /* Time field in chat window. */
 534         color: blue;
 535 }
 536
 537 span.ml_chat_username {                 /* Username field in chat window. */
 538         color: red;
 539 }
 540
 541 span.ml_chat_enterleave {               /* Enter/leave msgs in chat window. */
 542         font-style: italic;
 543 }
 544
 545 span.ml_chat_message {                  /* Message field in chat window. */
 546 }