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 to 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 {
  37   position: absolute;
  38   top: 5.5em;
  39   left: 15em;
  40   right: 0px;
  41   bottom: 0px;
  42   margin: 0px;
  43   margin-left: 5px;
  44   padding: 0px;
  45   overflow: hidden;
  46 }
  47
  48 DIV#mailboxContent
  49 { background-color: #fff;
  50   position: absolute;
  51   width: 100%;
  52   height: 15.5em;
  53   left: 0px;
  54   top: 2.5em;
  55   right: 0px; }
  56
  57 DIV#messageContent
  58 { position: absolute;
  59   overflow: hidden;
  60   top: 18em;
  61   bottom: 0px;
  62   left: 0px;
  63   right: 0px;
  64   margin: 0px;
  65   margin-top: 5px;
  66   padding: 0px;
  67   border: 0px;
  68   border-top: 1px solid #aaa;
  69   border-left: 1px solid #aaa;
  70   background: #fff; }
  71
  72 DIV#messageContent P IMG
  73 { border: 0px;
  74   vertical-align: middle;
  75   margin-right: 1em; }
  76
  77 DIV#folderTreeContent
  78 { border-top: 2px solid #222;
  79   border-left: 2px solid #222;
  80   border-right: 1px solid #fff;
  81   border-bottom: 1px solid #fff;
  82   -moz-border-top-colors: #9c9a94 #000;
  83   -moz-border-left-colors: #9c9a94 #000;
  84   position: absolute;
  85   color: #000;
  86   background: #fff;
  87   width: 100%;
  88   top: 2em;
  89   bottom: 0px;
  90   overflow: auto; }
  91
  92 .aptview_title
  93 {
  94   color: #000000;
  95   font-weight: bold;
  96 }
  97
  98 .aptview_text
  99 {
 100   color: #000000;
 101 }
 102
 103 .apt_other
 104 {
 105   color: #000000;
 106 }
 107
 108 .apt_other_print
 109 {
 110   font-style: italic;
 111 }
 112
 113 .anais_me
 114 {
 115   color: #0000FF;
 116 }
 117
 118 .anais_uids
 119 {
 120 }
 121
 122
 123 /* new stuff for Thunderbird like mailer */
 124
 125 .vertframerow
 126 {
 127   border-top-color: white;
 128   border-top-width: 1px;
 129   border-top-style: solid;
 130   border-bottom-color: #808080;
 131   border-bottom-width: 1px;
 132   border-bottom-style: solid;
 133   background-color: #dcdad5;
 134 }
 135
 136 .foldercell
 137 {
 138   width: 25%;
 139 }
 140
 141 .contentcell
 142 {
 143 }
 144
 145 .embedwhite_out
 146 {
 147   border-width: 1px;
 148   border-style: solid;
 149   border-top-color: #808080;
 150   border-left-color: #808080;
 151   border-bottom-color: white;
 152   border-right-color: white;
 153 }
 154
 155 .embedwhite_in
 156 {
 157   border-width: 1px;
 158   border-style: solid;
 159   border-top-color: #808080; /* TODO */
 160   border-left-color: #808080; /* TODO */
 161   border-bottom-color: #808080;
 162   border-right-color: #808080;
 163
 164   background-color: white;
 165   /* height: 300px; */
 166   /* height: 100%; */
 167 }
 168
 169 .titlediv
 170 {
 171   height: 24px;
 172   vertical-align: middle;
 173   padding-top: 6px;
 174   padding-left: 6px;
 175 }
 176
 177 TABLE.titletable
 178 {
 179   height: 24px;
 180   vertical-align: middle;
 181   padding-top: 6px;
 182   padding-left: 6px;
 183 }
 184
 185 TABLE.titletable TD.titlecell SELECT
 186 {
 187   display: -moz-popup;
 188   border-top: 1px solid #fff;
 189   border-left: 1px solid #fff;
 190   border-right: 2px solid #222;
 191   border-bottom: 2px solid #222;
 192   -moz-border-bottom-colors: #000 #9c9a94 transparent;
 193   -moz-border-right-colors: #000 #9c9a94 transparent;
 194   background: #dcdad5;
 195 }
 196
 197 .whitesec_title
 198 {
 199   background-color: #dcdad5;
 200   padding: 4px;
 201 }
 202
 203 .treecell
 204 {
 205   color: black;
 206   vertical-align: bottom;
 207   padding-left: 4px; /* move away from the icon */
 208   padding-right: 2px; /* move away from the right border */
 209   white-space: nowrap;
 210 }
 211
 212 DIV#folderTreeContent TABLE TD
 213 { height: 18px;
 214   border-top: 1px solid #fff;
 215   margin: 0px;
 216   padding: 0px; }
 217
 218 /* mail tableview */
 219
 220 span.mailer_datefield
 221 {
 222   white-space: nowrap;
 223 }
 224
 225 TD.mailer_readmailsubject
 226 {
 227   background-image: url(message-mail-read.png) !important;
 228   background-repeat: no-repeat !important;
 229   background-position: 0px 0px !important;
 230   padding-left: 20px !important;
 231 }
 232
 233 TD.mailer_unreadmailsubject
 234 {
 235   background-image: url(message-mail.png) !important;
 236   background-repeat: no-repeat !important;
 237   background-position: 0px 0px !important;
 238   padding-left: 20px !important;
 239   font-weight: bold !important;
 240 }
 241
 242 TD.mailer_readmailsubject a
 243 {
 244   color: black;
 245   text-decoration: none;
 246 }
 247
 248 TD.mailer_unreadmailsubject a
 249 {
 250   color: black;
 251   text-decoration: none;
 252 }
 253
 254 tr.mailer_listcell_deleted td
 255 {
 256   text-decoration: line-through;
 257 }
 258
 259 tr.mailer_listcell_regular td a
 260 {
 261   color: black;
 262   text-decoration: none;
 263 }
 264
 265 IMG.mailerReadIcon
 266 {
 267 /*   TODO
 268  */
 269 }
 270
 271 DIV.mailer_readicon
 272 {
 273   /* TODO: use Thunderbird icon */
 274   background-image: url(icon_read.gif);
 275   background-repeat: no-repeat;
 276   background-position: 0px 4px;
 277 }
 278
 279 DIV.mailer_readicon a
 280 {
 281   width: 17px;
 282   height: 17px;
 283   margin: 0px auto;
 284   display: block;
 285 }
 286
 287 DIV.mailerUnreadIcon
 288 {
 289   /* TODO: use Thunderbird icon */
 290   background-image: url(icon_unread.gif);
 291   background-repeat: no-repeat;
 292   background-position: 0px 4px;
 293 }
 294
 295 DIV.mailer_unreadicon a
 296 {
 297   width: 17px;
 298   height: 17px;
 299   margin: 0px auto;
 300   display: block;
 301 }
 302
 303 /* fields (key/value UI), eg used in mail viewer */
 304 INPUT#editDraftButton
 305 {
 306   position: absolute;
 307   top: 2.5em;
 308   right: 1em;
 309 }
 310
 311 TABLE.mailer_fieldtable
 312 {
 313   top: 0px;
 314   left: 0px;
 315   padding-top: .5em;
 316   padding-bottom: .5em;
 317   overflow-y: auto;
 318   overflow-x: hidden;
 319   border-bottom: 1px solid #808080;
 320   background: #d4d0c8;
 321 }
 322
 323 DIV.mailer_mailcontent
 324 {
 325   background-color: #fff;
 326   position: absolute;
 327   padding: .5em;
 328   top: 7.5em;
 329   overflow: auto;
 330   left: 0px;
 331   right: 0px;
 332   bottom: 0px;
 333 }
 334
 335 TD.mailer_fieldname
 336 {
 337   white-space: nowrap;
 338   padding: 0 1em;
 339   text-align: right;
 340   font-weight: bold;
 341   vertical-align: top;
 342   width: 6em;
 343 }
 344
 345 TD.mailer_fieldvalue
 346 {
 347   vertical-align: top;
 348 }
 349
 350 TD.mailer_subjectfieldvalue
 351 {
 352   font-weight: bold;
 353 }
 354
 355 TD.mailer_fieldvalue a
 356 {
 357   text-decoration: underline;
 358   vertical-align: top;
 359 }
 360
 361 img.mailer_imagecontent
 362 {
 363   border: 0px;
 364 }
 365
 366 DIV.mailer_plaincontent
 367 {
 368   font-family: monospace, fixed;
 369   white-space: pre;
 370   font-size: inherit;
 371   margin: 0px;
 372   padding: 0px;
 373 }
 374
 375 DIV.mailer_plaincontent P
 376 {
 377   line-height: 3em;
 378   height: auto;
 379   margin: 0px;
 380   padding: 0px;
 381 }
 382
 383 DIV.mailer_htmlcontent P
 384 {
 385   white-space: normal;
 386   font-family: serif;
 387   font-size: inherit;
 388   margin: 0px;
 389   padding: 0px;
 390 }
 391
 392 /* attachment editor */
 393
 394 form#attachment_form
 395 {
 396   background-color: #dcdad5;
 397   padding: 1px;
 398 }
 399
 400 div#attachment_list
 401 {
 402   border-top-color: white;
 403   border-top-width: 1px;
 404   border-top-style: solid;
 405 }
 406
 407 div#attachment_upload
 408 {
 409   border-bottom-color: #808080;
 410   border-bottom-width: 1px;
 411   border-bottom-style: solid;
 412   padding: 4px;
 413 }
 414
 415 TD.attachment_uplabel
 416 {
 417   width: 15%;
 418   text-align: left;
 419 }
 420
 421 /* attachment link viewer */
 422
 423 DIV.linked_attachment_frame
 424 { border: 0px; }
 425
 426 DIV.linked_attachment_body
 427 { border: 0px; }
 428
 429 DIV.linked_attachment_meta
 430 {
 431   color: #444444;
 432   font-style: italic;
 433   border-width: 0;
 434   padding: 2px;
 435 }
 436
 437 TABLE.linked_attachment_meta
 438 {
 439   color: #444444;
 440   font-style: italic;
 441 }
 442
 443 DIV.bodyFields
 444 {
 445   background: #efefef;
 446   font-family: serif;
 447   margin: 0.5em;
 448 }
 449
 450 DIV.bodyFields SPAN.fieldName
 451 { font-weight: bold; }
 452
 453 DIV.bodyAdditionalFields
 454 {
 455   background: #d4d0c8;
 456 }
 457
 458 DIV[datatype~="additional"] > A.node > SPAN.nodeName
 459 { color: #777;
 460   font-style: italic; }
 461
 462 /* drag-n-drop */
 463 IMG.dragMessage
 464 { position: absolute;
 465   visibility: hidden;
 466   border: 0px;
 467   -moz-opacity: 0.7;
 468   opacity: 0.7; }
 469
 470 TABLE#addr_table
 471 {
 472   margin-left: 30%;
 473   width: 100%;
 474 }
 475
 476 TABLE#messageList
 477 { cursor: default;
 478   display: block;
 479   position: absolute;
 480   background-color: #fff;
 481   color: #000;
 482   width: 100%;
 483   left: 0px;
 484   right: 0px;
 485   top: 3.25em;
 486   bottom: 1px;
 487   overflow: auto;
 488   overflow-x: hidden; }
 489
 490 TABLE#messageList THEAD
 491 { position: fixed;
 492   margin-top: 1px;
 493   top: 7.5em;
 494   right: 0px;
 495   left: 15.5em;
 496   height: 2em; }
 497
 498 TABLE#messageList TD
 499 { height: 1.2em; }
 500
 501 TD#messageFlagHeader,
 502 TABLE#messageList TD.messageFlagColumn
 503 { width: 1em;
 504   text-align: center; }
 505
 506 TD#subjectHeader,
 507 TABLE#messageList TD.tbtv_subject_headercell,
 508 TABLE#messageList TD.mailer_unreadmailsubject,
 509 TABLE#messageList TD.mailer_readmailsubject
 510 { width: 40%;
 511   min-width: 40%; }
 512
 513 TD#fromHeader,
 514 TABLE#messageList TD.tbtv_from_headercell,
 515 TABLE#messageList TD.messageAddressColumn
 516 { width: 35%;
 517   overflow: hidden; }
 518
 519 TD#dateHeader,
 520 TABLE#messageList TD.tbtv_date_headercell,
 521 TABLE#messageList TD.messageDateColumn
 522 { width: 25%;
 523   overflow: hidden; }
 524
 525 TABLE#messageList TR._selected TD
 526 {
 527   background: #4b6983;
 528   color: #fff;
 529 }
 530
 531 TABLE#messageList TR._deleted TD
 532 {
 533   text-decoration: line-through;
 534 }
 535
 536 /* drag handles */
 537 DIV#verticalDragHandle
 538 {
 539   cursor: e-resize;
 540   top: 7.5em;
 541   left: 15em;
 542   width: 5px;
 543   bottom: 0px;
 544 }
 545
 546 DIV#rightDragHandle
 547 {
 548   cursor: n-resize;
 549   top: 18em;
 550   left: 0px;
 551   right: 0px;
 552   height: 5px;
 553 }
 554
 555 @media print
 556 {
 557   DIV#leftPanel,
 558   DIV#verticalDragHandle,
 559   DIV#filterPanel,
 560   DIV#mailboxContent,
 561   DIV.dragHandle
 562   { display: none; }
 563
 564   DIV#rightPanel
 565   { position: static;
 566     overflow: visible;
 567     margin: 0px; }
 568
 569   DIV#messageContent
 570   { position: static;
 571     border: 0px;
 572     margin: 0px;
 573     overflow: visible; }
 574
 575   TABLE.mailer_fieldtable
 576   { border: 0px;
 577     font-family: serif;
 578     height: auto;
 579     overflow: visible; }
 580
 581   TD.mailer_fieldname
 582   { text-align: left;
 583     width: auto; }
 584
 585   TD.mailer_fieldvalue
 586   { white-space: normal; }
 587
 588   TD.mailer_fieldvalue A
 589   { text-decoration: none;
 590     white-space: nowrap;
 591     color: #000; }
 592
 593   A:visited
 594   { color: #00f; }
 595
 596   DIV.mailer_mailcontent
 597   { position: static;
 598     overflow: visible; }
 599 }