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