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 TR.mailer_unreadmail TD
 247 {
 248   font-weight: bold !important;
 249 }
 250
 251 TR.mailer_unreadmail TD.messageSubjectColumn
 252 {
 253   background-image: url(icon-new.png);
 254   background-repeat: no-repeat !important;
 255   background-position: 0px 0px !important;
 256   padding-left: 20px !important;
 257   font-weight: bold !important;
 258 }
 259
 260 TD.mailer_repliedmailsubject
 261 {
 262   background-image: url(icon-replied.png) !important;
 263   background-repeat: no-repeat !important;
 264   background-position: 0px 0px !important;
 265   padding-left: 20px !important;
 266 }
 267
 268 TD.mailer_forwardedmailsubject
 269 {
 270   background-image: url(icon-forwarded.png) !important;
 271   background-repeat: no-repeat !important;
 272   background-position: 0px 0px !important;
 273   padding-left: 20px !important;
 274 }
 275
 276 TD.mailer_forwardedrepliedmailsubject
 277 {
 278   background-image: url(icon-forwarded-replied.png) !important;
 279   background-repeat: no-repeat !important;
 280   background-position: 0px 0px !important;
 281   padding-left: 20px !important;
 282 }
 283
 284 TD.mailer_deletedmailsubject
 285 {
 286   background-image: url(icon-deleted.png) !important;
 287   background-repeat: no-repeat !important;
 288   background-position: 0px 0px !important;
 289   padding-left: 20px !important;
 290 }
 291
 292 TD.mailer_readmailsubject a
 293 {
 294   color: black;
 295   text-decoration: none;
 296 }
 297
 298 TD.mailer_unreadmailsubject a
 299 {
 300   color: black;
 301   text-decoration: none;
 302 }
 303
 304 tr.mailer_listcell_deleted td
 305 {
 306   text-decoration: line-through;
 307 }
 308
 309 tr.mailer_listcell_regular td a
 310 {
 311   color: black;
 312   text-decoration: none;
 313 }
 314
 315 IMG.mailerReadIcon
 316 {
 317 /*   TODO
 318  */
 319 }
 320
 321 DIV.mailer_readicon
 322 {
 323   /* TODO: use Thunderbird icon */
 324   background-image: url(icon_read.gif);
 325   background-repeat: no-repeat;
 326   background-position: 0px 4px;
 327 }
 328
 329 DIV.mailer_readicon a
 330 {
 331   width: 17px;
 332   height: 17px;
 333   margin: 0px auto;
 334   display: block;
 335 }
 336
 337 DIV.mailerUnreadIcon
 338 {
 339   /* TODO: use Thunderbird icon */
 340   background-image: url(icon_unread.gif);
 341   background-repeat: no-repeat;
 342   background-position: 0px 4px;
 343 }
 344
 345 DIV.mailer_unreadicon a
 346 {
 347   width: 17px;
 348   height: 17px;
 349   margin: 0px auto;
 350   display: block;
 351 }
 352
 353 /* fields (key/value UI), eg used in mail viewer */
 354 INPUT#editDraftButton
 355 {
 356   position: absolute;
 357   top: 2.5em;
 358   right: 1em;
 359 }
 360
 361 TABLE.mailer_fieldtable
 362 { top: 0px;
 363   left: 0px;
 364   padding-top: .5em;
 365   padding-bottom: .5em;
 366   overflow-y: auto;
 367   overflow-x: hidden;
 368   border-bottom: 1px solid #808080;
 369   background: #d4d0c8;
 370   width: 100%; }
 371
 372 DIV.mailer_mailcontent
 373 { background-color: #fff;
 374   padding: .5em;
 375   position: absolute;
 376   top: 7.5em;
 377   left: 0px;
 378   right: 0px;
 379   bottom: 0px;
 380   overflow: auto; }
 381
 382 TD.mailer_fieldname
 383 {
 384   white-space: nowrap;
 385   padding: 0 1em;
 386   text-align: right;
 387   font-weight: bold;
 388   vertical-align: top;
 389   width: 6em;
 390 }
 391
 392 TD.mailer_fieldvalue
 393 {
 394   vertical-align: top;
 395 }
 396
 397 TD.mailer_subjectfieldvalue
 398 {
 399   font-weight: bold;
 400 }
 401
 402 TD.mailer_fieldvalue a
 403 {
 404   text-decoration: underline;
 405   vertical-align: top;
 406 }
 407
 408 TR.deleted TD
 409 { text-decoration: line-through; }
 410
 411 img.mailer_imagecontent
 412 {
 413   border: 0px;
 414 }
 415
 416 DIV.mailer_plaincontent
 417 {
 418   position: relative;
 419   font-family: monospace, fixed;
 420   white-space: pre;
 421   white-space: pre-wrap;                  /* css-3 */
 422   white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 423   white-space: -pre-wrap;                 /* Opera 4-6 */
 424   white-space: -o-pre-wrap;               /* Opera 7 */
 425   word-wrap: break-word;                  /* Internet Explorer 5.5+ */
 426   width: 99%;
 427   font-size: inherit;
 428   margin: 0px;
 429   padding: 0px;
 430 }
 431
 432 DIV.mailer_plaincontent P
 433 {
 434   line-height: 3em;
 435   height: auto;
 436   margin: 0px;
 437   padding: 0px;
 438 }
 439
 440 DIV.mailer_htmlcontent P
 441 {
 442   white-space: normal;
 443   font-family: sans-serif;
 444   font-size: inherit;
 445   margin: 0px;
 446   padding: 0px;
 447 }
 448
 449 /* attachment editor */
 450
 451 form#attachment_form
 452 {
 453   background-color: #dcdad5;
 454   padding: 1px;
 455 }
 456
 457 div#attachment_list
 458 {
 459   border-top-color: white;
 460   border-top-width: 1px;
 461   border-top-style: solid;
 462 }
 463
 464 div#attachment_upload
 465 {
 466   border-bottom-color: #808080;
 467   border-bottom-width: 1px;
 468   border-bottom-style: solid;
 469   padding: 4px;
 470 }
 471
 472 TD.attachment_uplabel
 473 {
 474   width: 15%;
 475   text-align: left;
 476 }
 477
 478 /* attachment link viewer */
 479
 480 DIV.linked_attachment_frame
 481 { border: 0px; }
 482
 483 DIV.linked_attachment_body
 484 { border: 0px; }
 485
 486 DIV.linked_attachment_meta
 487 {
 488   color: #444444;
 489   font-style: italic;
 490   border-width: 0;
 491   padding: 2px;
 492 }
 493
 494 TABLE.linked_attachment_meta
 495 {
 496   color: #444444;
 497   font-style: italic;
 498 }
 499
 500 DIV.bodyFields
 501 {
 502   background: #efefef;
 503   font-family: serif;
 504   margin: 0.5em;
 505 }
 506
 507 DIV.bodyFields SPAN.fieldName
 508 { font-weight: bold; }
 509
 510 DIV.bodyAdditionalFields
 511 {
 512   background: #d4d0c8;
 513 }
 514
 515 DIV[datatype~="additional"] > A.node > SPAN.nodeName
 516 { color: #777;
 517   font-style: italic; }
 518
 519 /* drag-n-drop */
 520 IMG.dragMessage
 521 { position: absolute;
 522   visibility: hidden;
 523   border: 0px;
 524   -moz-opacity: 0.7;
 525   opacity: 0.7; }
 526
 527 TABLE#addr_table
 528 {
 529   margin-left: 30%;
 530   width: 100%;
 531 }
 532
 533 TABLE#messageList
 534 { width: 100%; }
 535
 536 TABLE#messageList TD,
 537 TABLE#messageList TH
 538 { height: 1.2em;
 539   overflow: hidden;
 540   white-space: nowrap; }
 541
 542 TABLE#messageList TH
 543 { white-space: pre; }
 544
 545 TD#messageFlagHeader,
 546 TABLE#messageList TD.messageFlagColumn
 547 { width: 22px;
 548   text-align: center; }
 549
 550 TD#subjectHeader,
 551 TABLE#messageList TD.tbtv_subject_headercell,
 552 TABLE#messageList TD.mailer_unreadmailsubject,
 553 TABLE#messageList TD.mailer_readmailsubject
 554 { /*width: 40%;*/
 555   min-width: 40%; }
 556
 557 TD#fromHeader,
 558 TABLE#messageList TD.tbtv_from_headercell,
 559 TABLE#messageList TD.messageAddressColumn
 560 { /*width: 35%;*/
 561   min-width: 35%;
 562   overflow: hidden; }
 563
 564 TD#dateHeader,
 565 TABLE#messageList TD.tbtv_date_headercell
 566 { /*width: 25%;*/
 567   overflow: hidden; }
 568
 569 TABLE#messageList TR._selected TD
 570 {
 571   background-color: #4b6983;
 572   color: #fff;
 573 }
 574
 575 TABLE#messageList TR._deleted TD
 576 {
 577   text-decoration: line-through;
 578 }
 579
 580 TABLE#messageList TR[labels~="label5"] TD
 581 { color: #9c309c; }
 582
 583 TABLE#messageList TR[labels~="label5"]._selected TD
 584 { color: #fff;
 585   background-color: #9c309c; }
 586
 587 TABLE#messageList TR[labels~="label4"] TD
 588 { color: #3130ff; }
 589
 590 TABLE#messageList TR[labels~="label4"]._selected TD
 591 { color: #fff;
 592   background-color: #3130ff; }
 593
 594 TABLE#messageList TR[labels~="label3"] TD
 595 { color: #009a00; }
 596
 597 TABLE#messageList TR[labels~="label3"]._selected TD
 598 { color: #fff;
 599   background-color: #009a00; }
 600
 601 TABLE#messageList TR[labels~="label2"] TD
 602 { color: #ff9a00; }
 603
 604 TABLE#messageList TR[labels~="label2"]._selected TD
 605 { color: #fff;
 606   background-color: #ff9a00; }
 607
 608 TABLE#messageList TR[labels~="label1"] TD
 609 { color: #f00; }
 610
 611 TABLE#messageList TR[labels~="label1"]._selected TD
 612 { color: #fff;
 613   background-color: #f00; }
 614
 615 /* drag handles */
 616 DIV#verticalDragHandle
 617 {
 618   cursor: e-resize;
 619   top: 7.5em;
 620   left: 15em;
 621   width: 5px;
 622   bottom: 0px;
 623 }
 624
 625 DIV#rightDragHandle
 626 {
 627   cursor: n-resize;
 628   top: 18em;
 629   left: 0px;
 630   right: 0px;
 631   height: 5px;
 632 }
 633
 634 @media print
 635 {
 636   DIV#leftPanel,
 637   DIV#verticalDragHandle,
 638   DIV#filterPanel,
 639   DIV#mailboxContent,
 640   DIV.dragHandle
 641   { display: none; }
 642
 643   DIV#rightPanel
 644   { position: static;
 645     overflow: visible;
 646     margin: 0px; }
 647
 648   DIV#messageContent
 649   { position: static;
 650     border: 0px;
 651     margin: 0px;
 652     overflow: visible; }
 653
 654   TABLE.mailer_fieldtable
 655   { border: 0px;
 656     font-family: serif;
 657     height: auto;
 658     overflow: visible; }
 659
 660   TD.mailer_fieldname
 661   { text-align: left;
 662     width: auto; }
 663
 664   TD.mailer_fieldvalue
 665   { white-space: normal; }
 666
 667   TD.mailer_fieldvalue A
 668   { text-decoration: none;
 669     white-space: nowrap;
 670     color: #000; }
 671
 672   A:visited
 673   { color: #00f; }
 674
 675   DIV.mailer_mailcontent
 676   { position: static;
 677     overflow: visible; }
 678 }