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