err.no Git - scalable-opengroupware.org/blob - UI/WebServerResources/MailerUI.css

   1 /*
   2   Copyright (C) 2005 SKYRIX Software AG
   3
   4   This file is part of OpenGroupware.org.
   5
   6   OGo is free software; you can redistribute it and/or modify it under
   7   the terms of the GNU Lesser General Public License as published by the
   8   Free Software Foundation; either version 2, or (at your option) any
   9   later version.
  10
  11   OGo is distributed in the hope that it will be useful, but WITHOUT ANY
  12   WARRANTY; without even the implied warranty of MERCHANTABILITY or
  13   FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public
  14   License for more details.
  15
  16   You should have received a copy of the GNU Lesser General Public
  17   License along with OGo; see the file COPYING.  If not, write toge the
  18   Free Software Foundation, 59 Temple Place - Suite 330, Boston, MA
  19   02111-1307, USA.
  20 */
  21 /* TODO: is the section below used in the mailer? */
  22
  23 DIV#leftPanel
  24 {
  25   position: absolute;
  26   top: 5.5em;
  27   left: 0px;
  28   width: 15em;
  29   bottom: 0px;
  30   margin: 0px;
  31   padding: 0px;
  32   overflow: hidden;
  33 }
  34
  35 DIV#rightPanel
  36 { position: absolute;
  37   top: 5.5em;
  38   left: 15em;
  39   right: 0px;
  40   bottom: 0px;
  41   margin: 0px;
  42   margin-left: 5px;
  43   padding: 0px;
  44   overflow: hidden; }
  45
  46 /* top list */
  47 DIV#mailboxContent
  48 { cursor: default;
  49   position: absolute;
  50   background-color: #fff;
  51   top: 2.5em;
  52   left: 0px;
  53   right: 0px;
  54   height: 15.5em;
  55   overflow: auto;
  56   overflow-x: hidden; }
  57
  58 DIV#messageContent
  59 { position: absolute;
  60   overflow: hidden;
  61   top: 18em;
  62   bottom: 0px;
  63   left: 0px;
  64   right: 0px;
  65   margin: 0px;
  66   margin-top: 5px;
  67   padding: 0px;
  68   border: 0px;
  69   border-top: 1px solid #aaa;
  70   border-left: 1px solid #aaa;
  71   background: #fff; }
  72
  73 DIV#messageContent P IMG
  74 { border: 0px;
  75   vertical-align: middle;
  76   margin-right: 1em; }
  77
  78 DIV#folderTreeContent
  79 { border-top: 2px solid #222;
  80   border-left: 2px solid #222;
  81   border-right: 1px solid #fff;
  82   border-bottom: 1px solid #fff;
  83   -moz-border-top-colors: #9c9a94 #000;
  84   -moz-border-left-colors: #9c9a94 #000;
  85   position: absolute;
  86   color: #000;
  87   background: #fff;
  88   width: 100%;
  89   top: 2em;
  90   bottom: 0px;
  91   overflow: auto; }
  92
  93 #label-menu LI.label1
  94 { color: #f00; }
  95
  96 #label-menu LI.label2
  97 { color: #ff9a00; }
  98
  99 #label-menu LI.label3
 100 { color: #009a00; }
 101
 102 #label-menu LI.label4
 103 { color: #3130ff; }
 104
 105 #label-menu LI.label5
 106 { color: #9c309c; }
 107
 108 .aptview_title
 109 {
 110   color: #000000;
 111   font-weight: bold;
 112 }
 113
 114 .aptview_text
 115 {
 116   color: #000000;
 117 }
 118
 119 .apt_other
 120 {
 121   color: #000000;
 122 }
 123
 124 .apt_other_print
 125 {
 126   font-style: italic;
 127 }
 128
 129 .anais_me
 130 {
 131   color: #0000FF;
 132 }
 133
 134 .anais_uids
 135 {
 136 }
 137
 138
 139 /* new stuff for Thunderbird like mailer */
 140
 141 .vertframerow
 142 {
 143   border-top-color: white;
 144   border-top-width: 1px;
 145   border-top-style: solid;
 146   border-bottom-color: #808080;
 147   border-bottom-width: 1px;
 148   border-bottom-style: solid;
 149   background-color: #dcdad5;
 150 }
 151
 152 .foldercell
 153 {
 154   width: 25%;
 155 }
 156
 157 .contentcell
 158 {
 159 }
 160
 161 .embedwhite_out
 162 {
 163   border-width: 1px;
 164   border-style: solid;
 165   border-top-color: #808080;
 166   border-left-color: #808080;
 167   border-bottom-color: white;
 168   border-right-color: white;
 169 }
 170
 171 .embedwhite_in
 172 {
 173   border-width: 1px;
 174   border-style: solid;
 175   border-top-color: #808080; /* TODO */
 176   border-left-color: #808080; /* TODO */
 177   border-bottom-color: #808080;
 178   border-right-color: #808080;
 179
 180   background-color: white;
 181   /* height: 300px; */
 182   /* height: 100%; */
 183 }
 184
 185 .titlediv
 186 {
 187   height: 24px;
 188   vertical-align: middle;
 189   padding-top: 6px;
 190   padding-left: 6px;
 191 }
 192
 193 TABLE.titletable
 194 {
 195   height: 24px;
 196   vertical-align: middle;
 197   padding-top: 6px;
 198   padding-left: 6px;
 199 }
 200
 201 TABLE.titletable TD.titlecell SELECT
 202 {
 203   display: -moz-popup;
 204   border-top: 1px solid #fff;
 205   border-left: 1px solid #fff;
 206   border-right: 2px solid #222;
 207   border-bottom: 2px solid #222;
 208   -moz-border-bottom-colors: #000 #9c9a94 transparent;
 209   -moz-border-right-colors: #000 #9c9a94 transparent;
 210   background: #dcdad5;
 211 }
 212
 213 .whitesec_title
 214 {
 215   background-color: #dcdad5;
 216   padding: 4px;
 217 }
 218
 219 .treecell
 220 {
 221   color: black;
 222   vertical-align: bottom;
 223   padding-left: 4px; /* move away from the icon */
 224   padding-right: 2px; /* move away from the right border */
 225   white-space: nowrap;
 226 }
 227
 228 DIV#folderTreeContent TABLE TD
 229 { height: 18px;
 230   border-top: 1px solid #fff;
 231   margin: 0px;
 232   padding: 0px; }
 233
 234 /* mail tableview */
 235
 236 span.mailer_datefield
 237 {
 238   white-space: nowrap;
 239 }
 240
 241 TD.mailer_readmailsubject
 242 {
 243   padding-left: 20px !important;
 244 }
 245
 246 TD.mailer_unreadmailsubject
 247 {
 248   background-image: url(icon-new.png) !important;
 249   background-repeat: no-repeat !important;
 250   background-position: 0px 0px !important;
 251   padding-left: 20px !important;
 252   font-weight: bold !important;
 253 }
 254
 255 TD.mailer_repliedmailsubject
 256 {
 257   background-image: url(icon-replied.png) !important;
 258   background-repeat: no-repeat !important;
 259   background-position: 0px 0px !important;
 260   padding-left: 20px !important;
 261 }
 262
 263 TD.mailer_forwardedmailsubject
 264 {
 265   background-image: url(icon-forwarded.png) !important;
 266   background-repeat: no-repeat !important;
 267   background-position: 0px 0px !important;
 268   padding-left: 20px !important;
 269 }
 270
 271 TD.mailer_forwardedrepliedmailsubject
 272 {
 273   background-image: url(icon-forwarded-replied.png) !important;
 274   background-repeat: no-repeat !important;
 275   background-position: 0px 0px !important;
 276   padding-left: 20px !important;
 277 }
 278
 279 TD.mailer_deletedmailsubject
 280 {
 281   background-image: url(icon-deleted.png) !important;
 282   background-repeat: no-repeat !important;
 283   background-position: 0px 0px !important;
 284   padding-left: 20px !important;
 285 }
 286
 287 TD.mailer_readmailsubject a
 288 {
 289   color: black;
 290   text-decoration: none;
 291 }
 292
 293 TD.mailer_unreadmailsubject a
 294 {
 295   color: black;
 296   text-decoration: none;
 297 }
 298
 299 tr.mailer_listcell_deleted td
 300 {
 301   text-decoration: line-through;
 302 }
 303
 304 tr.mailer_listcell_regular td a
 305 {
 306   color: black;
 307   text-decoration: none;
 308 }
 309
 310 IMG.mailerReadIcon
 311 {
 312 /*   TODO
 313  */
 314 }
 315
 316 DIV.mailer_readicon
 317 {
 318   /* TODO: use Thunderbird icon */
 319   background-image: url(icon_read.gif);
 320   background-repeat: no-repeat;
 321   background-position: 0px 4px;
 322 }
 323
 324 DIV.mailer_readicon a
 325 {
 326   width: 17px;
 327   height: 17px;
 328   margin: 0px auto;
 329   display: block;
 330 }
 331
 332 DIV.mailerUnreadIcon
 333 {
 334   /* TODO: use Thunderbird icon */
 335   background-image: url(icon_unread.gif);
 336   background-repeat: no-repeat;
 337   background-position: 0px 4px;
 338 }
 339
 340 DIV.mailer_unreadicon a
 341 {
 342   width: 17px;
 343   height: 17px;
 344   margin: 0px auto;
 345   display: block;
 346 }
 347
 348 /* fields (key/value UI), eg used in mail viewer */
 349 INPUT#editDraftButton
 350 {
 351   position: absolute;
 352   top: 2.5em;
 353   right: 1em;
 354 }
 355
 356 TABLE.mailer_fieldtable
 357 { top: 0px;
 358   left: 0px;
 359   padding-top: .5em;
 360   padding-bottom: .5em;
 361   overflow-y: auto;
 362   overflow-x: hidden;
 363   border-bottom: 1px solid #808080;
 364   background: #d4d0c8;
 365   width: 100%; }
 366
 367 DIV.mailer_mailcontent
 368 { background-color: #fff;
 369   padding: .5em;
 370   position: absolute;
 371   top: 7.5em;
 372   left: 0px;
 373   right: 0px;
 374   bottom: 0px;
 375   overflow: auto; }
 376
 377 TD.mailer_fieldname
 378 {
 379   white-space: nowrap;
 380   padding: 0 1em;
 381   text-align: right;
 382   font-weight: bold;
 383   vertical-align: top;
 384   width: 6em;
 385 }
 386
 387 TD.mailer_fieldvalue
 388 {
 389   vertical-align: top;
 390 }
 391
 392 TD.mailer_subjectfieldvalue
 393 {
 394   font-weight: bold;
 395 }
 396
 397 TD.mailer_fieldvalue a
 398 {
 399   text-decoration: underline;
 400   vertical-align: top;
 401 }
 402
 403 img.mailer_imagecontent
 404 {
 405   border: 0px;
 406 }
 407
 408 DIV.mailer_plaincontent
 409 {
 410   position: relative;
 411   font-family: monospace, fixed;
 412   white-space: pre;
 413   white-space: pre-wrap;                  /* css-3 */
 414   white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 415   white-space: -pre-wrap;                 /* Opera 4-6 */
 416   white-space: -o-pre-wrap;               /* Opera 7 */
 417   word-wrap: break-word;                  /* Internet Explorer 5.5+ */
 418   width: 99%;
 419   font-size: inherit;
 420   margin: 0px;
 421   padding: 0px;
 422 }
 423
 424 DIV.mailer_plaincontent P
 425 {
 426   line-height: 3em;
 427   height: auto;
 428   margin: 0px;
 429   padding: 0px;
 430 }
 431
 432 DIV.mailer_htmlcontent P
 433 {
 434   white-space: normal;
 435   font-family: sans-serif;
 436   font-size: inherit;
 437   margin: 0px;
 438   padding: 0px;
 439 }
 440
 441 /* attachment editor */
 442
 443 form#attachment_form
 444 {
 445   background-color: #dcdad5;
 446   padding: 1px;
 447 }
 448
 449 div#attachment_list
 450 {
 451   border-top-color: white;
 452   border-top-width: 1px;
 453   border-top-style: solid;
 454 }
 455
 456 div#attachment_upload
 457 {
 458   border-bottom-color: #808080;
 459   border-bottom-width: 1px;
 460   border-bottom-style: solid;
 461   padding: 4px;
 462 }
 463
 464 TD.attachment_uplabel
 465 {
 466   width: 15%;
 467   text-align: left;
 468 }
 469
 470 /* attachment link viewer */
 471
 472 DIV.linked_attachment_frame
 473 { border: 0px; }
 474
 475 DIV.linked_attachment_body
 476 { border: 0px; }
 477
 478 DIV.linked_attachment_meta
 479 {
 480   color: #444444;
 481   font-style: italic;
 482   border-width: 0;
 483   padding: 2px;
 484 }
 485
 486 TABLE.linked_attachment_meta
 487 {
 488   color: #444444;
 489   font-style: italic;
 490 }
 491
 492 DIV.bodyFields
 493 {
 494   background: #efefef;
 495   font-family: serif;
 496   margin: 0.5em;
 497 }
 498
 499 DIV.bodyFields SPAN.fieldName
 500 { font-weight: bold; }
 501
 502 DIV.bodyAdditionalFields
 503 {
 504   background: #d4d0c8;
 505 }
 506
 507 DIV[datatype~="additional"] > A.node > SPAN.nodeName
 508 { color: #777;
 509   font-style: italic; }
 510
 511 /* drag-n-drop */
 512 IMG.dragMessage
 513 { position: absolute;
 514   visibility: hidden;
 515   border: 0px;
 516   -moz-opacity: 0.7;
 517   opacity: 0.7; }
 518
 519 TABLE#addr_table
 520 {
 521   margin-left: 30%;
 522   width: 100%;
 523 }
 524
 525 TABLE#messageList
 526 { width: 100%; }
 527
 528 TABLE#messageList TD,
 529 TABLE#messageList TH
 530 { height: 1.2em;
 531   overflow: hidden;
 532   white-space: nowrap; }
 533
 534 TABLE#messageList TH
 535 { white-space: pre; }
 536
 537 TD#messageFlagHeader,
 538 TABLE#messageList TD.messageFlagColumn
 539 { width: 22px;
 540   text-align: center; }
 541
 542 TD#subjectHeader,
 543 TABLE#messageList TD.tbtv_subject_headercell,
 544 TABLE#messageList TD.mailer_unreadmailsubject,
 545 TABLE#messageList TD.mailer_readmailsubject
 546 { /*width: 40%;*/
 547   min-width: 40%; }
 548
 549 TD#fromHeader,
 550 TABLE#messageList TD.tbtv_from_headercell,
 551 TABLE#messageList TD.messageAddressColumn
 552 { /*width: 35%;*/
 553   min-width: 35%;
 554   overflow: hidden; }
 555
 556 TD#dateHeader,
 557 TABLE#messageList TD.tbtv_date_headercell
 558 { /*width: 25%;*/
 559   overflow: hidden; }
 560
 561 TABLE#messageList TR._selected TD
 562 {
 563   background-color: #4b6983;
 564   color: #fff;
 565 }
 566
 567 TABLE#messageList TR._deleted TD
 568 {
 569   text-decoration: line-through;
 570 }
 571
 572 TABLE#messageList TR[labels~="label5"] TD
 573 { color: #9c309c; }
 574
 575 TABLE#messageList TR[labels~="label5"]._selected TD
 576 { color: #fff;
 577   background-color: #9c309c; }
 578
 579 TABLE#messageList TR[labels~="label4"] TD
 580 { color: #3130ff; }
 581
 582 TABLE#messageList TR[labels~="label4"]._selected TD
 583 { color: #fff;
 584   background-color: #3130ff; }
 585
 586 TABLE#messageList TR[labels~="label3"] TD
 587 { color: #009a00; }
 588
 589 TABLE#messageList TR[labels~="label3"]._selected TD
 590 { color: #fff;
 591   background-color: #009a00; }
 592
 593 TABLE#messageList TR[labels~="label2"] TD
 594 { color: #ff9a00; }
 595
 596 TABLE#messageList TR[labels~="label2"]._selected TD
 597 { color: #fff;
 598   background-color: #ff9a00; }
 599
 600 TABLE#messageList TR[labels~="label1"] TD
 601 { color: #f00; }
 602
 603 TABLE#messageList TR[labels~="label1"]._selected TD
 604 { color: #fff;
 605   background-color: #f00; }
 606
 607 /* drag handles */
 608 DIV#verticalDragHandle
 609 {
 610   cursor: e-resize;
 611   top: 7.5em;
 612   left: 15em;
 613   width: 5px;
 614   bottom: 0px;
 615 }
 616
 617 DIV#rightDragHandle
 618 {
 619   cursor: n-resize;
 620   top: 18em;
 621   left: 0px;
 622   right: 0px;
 623   height: 5px;
 624 }
 625
 626 @media print
 627 {
 628   DIV#leftPanel,
 629   DIV#verticalDragHandle,
 630   DIV#filterPanel,
 631   DIV#mailboxContent,
 632   DIV.dragHandle
 633   { display: none; }
 634
 635   DIV#rightPanel
 636   { position: static;
 637     overflow: visible;
 638     margin: 0px; }
 639
 640   DIV#messageContent
 641   { position: static;
 642     border: 0px;
 643     margin: 0px;
 644     overflow: visible; }
 645
 646   TABLE.mailer_fieldtable
 647   { border: 0px;
 648     font-family: serif;
 649     height: auto;
 650     overflow: visible; }
 651
 652   TD.mailer_fieldname
 653   { text-align: left;
 654     width: auto; }
 655
 656   TD.mailer_fieldvalue
 657   { white-space: normal; }
 658
 659   TD.mailer_fieldvalue A
 660   { text-decoration: none;
 661     white-space: nowrap;
 662     color: #000; }
 663
 664   A:visited
 665   { color: #00f; }
 666
 667   DIV.mailer_mailcontent
 668   { position: static;
 669     overflow: visible; }
 670 }