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 TR.deleted TD
 404 { text-decoration: line-through; }
 405
 406 img.mailer_imagecontent
 407 {
 408   border: 0px;
 409 }
 410
 411 DIV.mailer_plaincontent
 412 {
 413   position: relative;
 414   font-family: monospace, fixed;
 415   white-space: pre;
 416   white-space: pre-wrap;                  /* css-3 */
 417   white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 418   white-space: -pre-wrap;                 /* Opera 4-6 */
 419   white-space: -o-pre-wrap;               /* Opera 7 */
 420   word-wrap: break-word;                  /* Internet Explorer 5.5+ */
 421   width: 99%;
 422   font-size: inherit;
 423   margin: 0px;
 424   padding: 0px;
 425 }
 426
 427 DIV.mailer_plaincontent P
 428 {
 429   line-height: 3em;
 430   height: auto;
 431   margin: 0px;
 432   padding: 0px;
 433 }
 434
 435 DIV.mailer_htmlcontent P
 436 {
 437   white-space: normal;
 438   font-family: sans-serif;
 439   font-size: inherit;
 440   margin: 0px;
 441   padding: 0px;
 442 }
 443
 444 /* attachment editor */
 445
 446 form#attachment_form
 447 {
 448   background-color: #dcdad5;
 449   padding: 1px;
 450 }
 451
 452 div#attachment_list
 453 {
 454   border-top-color: white;
 455   border-top-width: 1px;
 456   border-top-style: solid;
 457 }
 458
 459 div#attachment_upload
 460 {
 461   border-bottom-color: #808080;
 462   border-bottom-width: 1px;
 463   border-bottom-style: solid;
 464   padding: 4px;
 465 }
 466
 467 TD.attachment_uplabel
 468 {
 469   width: 15%;
 470   text-align: left;
 471 }
 472
 473 /* attachment link viewer */
 474
 475 DIV.linked_attachment_frame
 476 { border: 0px; }
 477
 478 DIV.linked_attachment_body
 479 { border: 0px; }
 480
 481 DIV.linked_attachment_meta
 482 {
 483   color: #444444;
 484   font-style: italic;
 485   border-width: 0;
 486   padding: 2px;
 487 }
 488
 489 TABLE.linked_attachment_meta
 490 {
 491   color: #444444;
 492   font-style: italic;
 493 }
 494
 495 DIV.bodyFields
 496 {
 497   background: #efefef;
 498   font-family: serif;
 499   margin: 0.5em;
 500 }
 501
 502 DIV.bodyFields SPAN.fieldName
 503 { font-weight: bold; }
 504
 505 DIV.bodyAdditionalFields
 506 {
 507   background: #d4d0c8;
 508 }
 509
 510 DIV[datatype~="additional"] > A.node > SPAN.nodeName
 511 { color: #777;
 512   font-style: italic; }
 513
 514 /* drag-n-drop */
 515 IMG.dragMessage
 516 { position: absolute;
 517   visibility: hidden;
 518   border: 0px;
 519   -moz-opacity: 0.7;
 520   opacity: 0.7; }
 521
 522 TABLE#addr_table
 523 {
 524   margin-left: 30%;
 525   width: 100%;
 526 }
 527
 528 TABLE#messageList
 529 { width: 100%; }
 530
 531 TABLE#messageList TD,
 532 TABLE#messageList TH
 533 { height: 1.2em;
 534   overflow: hidden;
 535   white-space: nowrap; }
 536
 537 TABLE#messageList TH
 538 { white-space: pre; }
 539
 540 TD#messageFlagHeader,
 541 TABLE#messageList TD.messageFlagColumn
 542 { width: 22px;
 543   text-align: center; }
 544
 545 TD#subjectHeader,
 546 TABLE#messageList TD.tbtv_subject_headercell,
 547 TABLE#messageList TD.mailer_unreadmailsubject,
 548 TABLE#messageList TD.mailer_readmailsubject
 549 { /*width: 40%;*/
 550   min-width: 40%; }
 551
 552 TD#fromHeader,
 553 TABLE#messageList TD.tbtv_from_headercell,
 554 TABLE#messageList TD.messageAddressColumn
 555 { /*width: 35%;*/
 556   min-width: 35%;
 557   overflow: hidden; }
 558
 559 TD#dateHeader,
 560 TABLE#messageList TD.tbtv_date_headercell
 561 { /*width: 25%;*/
 562   overflow: hidden; }
 563
 564 TABLE#messageList TR._selected TD
 565 {
 566   background-color: #4b6983;
 567   color: #fff;
 568 }
 569
 570 TABLE#messageList TR._deleted TD
 571 {
 572   text-decoration: line-through;
 573 }
 574
 575 TABLE#messageList TR[labels~="label5"] TD
 576 { color: #9c309c; }
 577
 578 TABLE#messageList TR[labels~="label5"]._selected TD
 579 { color: #fff;
 580   background-color: #9c309c; }
 581
 582 TABLE#messageList TR[labels~="label4"] TD
 583 { color: #3130ff; }
 584
 585 TABLE#messageList TR[labels~="label4"]._selected TD
 586 { color: #fff;
 587   background-color: #3130ff; }
 588
 589 TABLE#messageList TR[labels~="label3"] TD
 590 { color: #009a00; }
 591
 592 TABLE#messageList TR[labels~="label3"]._selected TD
 593 { color: #fff;
 594   background-color: #009a00; }
 595
 596 TABLE#messageList TR[labels~="label2"] TD
 597 { color: #ff9a00; }
 598
 599 TABLE#messageList TR[labels~="label2"]._selected TD
 600 { color: #fff;
 601   background-color: #ff9a00; }
 602
 603 TABLE#messageList TR[labels~="label1"] TD
 604 { color: #f00; }
 605
 606 TABLE#messageList TR[labels~="label1"]._selected TD
 607 { color: #fff;
 608   background-color: #f00; }
 609
 610 /* drag handles */
 611 DIV#verticalDragHandle
 612 {
 613   cursor: e-resize;
 614   top: 7.5em;
 615   left: 15em;
 616   width: 5px;
 617   bottom: 0px;
 618 }
 619
 620 DIV#rightDragHandle
 621 {
 622   cursor: n-resize;
 623   top: 18em;
 624   left: 0px;
 625   right: 0px;
 626   height: 5px;
 627 }
 628
 629 @media print
 630 {
 631   DIV#leftPanel,
 632   DIV#verticalDragHandle,
 633   DIV#filterPanel,
 634   DIV#mailboxContent,
 635   DIV.dragHandle
 636   { display: none; }
 637
 638   DIV#rightPanel
 639   { position: static;
 640     overflow: visible;
 641     margin: 0px; }
 642
 643   DIV#messageContent
 644   { position: static;
 645     border: 0px;
 646     margin: 0px;
 647     overflow: visible; }
 648
 649   TABLE.mailer_fieldtable
 650   { border: 0px;
 651     font-family: serif;
 652     height: auto;
 653     overflow: visible; }
 654
 655   TD.mailer_fieldname
 656   { text-align: left;
 657     width: auto; }
 658
 659   TD.mailer_fieldvalue
 660   { white-space: normal; }
 661
 662   TD.mailer_fieldvalue A
 663   { text-decoration: none;
 664     white-space: nowrap;
 665     color: #000; }
 666
 667   A:visited
 668   { color: #00f; }
 669
 670   DIV.mailer_mailcontent
 671   { position: static;
 672     overflow: visible; }
 673 }