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
 305 TABLE.mailer_fieldtable
 306 {
 307   top: 0px;
 308   left: 0px;
 309   padding-top: .5em;
 310   overflow-y: auto;
 311   overflow-x: hidden;
 312   height: 7.5em;
 313   border-bottom: 1px solid #808080;
 314   background: #d4d0c8;
 315 }
 316
 317 DIV.mailer_mailcontent
 318 {
 319   background-color: #fff;
 320   position: absolute;
 321   padding: .5em;
 322   top: 7.5em;
 323   overflow: auto;
 324   left: 0px;
 325   right: 0px;
 326   bottom: 0px;
 327 }
 328
 329 TD.mailer_fieldname
 330 {
 331   white-space: nowrap;
 332   padding: 0 1em;
 333   text-align: right;
 334   font-weight: bold;
 335   vertical-align: top;
 336   width: 6em;
 337 }
 338
 339 TD.mailer_fieldvalue
 340 {
 341   vertical-align: top;
 342 }
 343
 344 TD.mailer_subjectfieldvalue
 345 {
 346   font-weight: bold;
 347 }
 348
 349 TD.mailer_fieldvalue a
 350 {
 351   text-decoration: underline;
 352   vertical-align: top;
 353 }
 354
 355 img.mailer_imagecontent
 356 {
 357   border: 0px;
 358 }
 359
 360 DIV.mailer_plaincontent
 361 {
 362   font-family: monospace, fixed;
 363   white-space: normal;
 364   font-size: inherit;
 365   margin: 0px;
 366   padding: 0px;
 367 }
 368
 369 DIV.mailer_plaincontent P
 370 {
 371   line-height: 3em;
 372   height: auto;
 373   margin: 0px;
 374   padding: 0px;
 375 }
 376
 377 DIV.mailer_htmlcontent P
 378 {
 379   white-space: normal;
 380   font-family: serif;
 381   font-size: inherit;
 382   margin: 0px;
 383   padding: 0px;
 384 }
 385
 386 /* attachment editor */
 387
 388 form#attachment_form
 389 {
 390   background-color: #dcdad5;
 391   padding: 1px;
 392 }
 393
 394 div#attachment_list
 395 {
 396   border-top-color: white;
 397   border-top-width: 1px;
 398   border-top-style: solid;
 399 }
 400
 401 div#attachment_upload
 402 {
 403   border-bottom-color: #808080;
 404   border-bottom-width: 1px;
 405   border-bottom-style: solid;
 406   padding: 4px;
 407 }
 408
 409 TD.attachment_uplabel
 410 {
 411   width: 15%;
 412   text-align: left;
 413 }
 414
 415 /* attachment link viewer */
 416
 417 DIV.linked_attachment_frame
 418 { border: 0px; }
 419
 420 DIV.linked_attachment_body
 421 { border: 0px; }
 422
 423 DIV.linked_attachment_meta
 424 {
 425   color: #444444;
 426   font-style: italic;
 427   border-width: 0;
 428   padding: 2px;
 429 }
 430
 431 TABLE.linked_attachment_meta
 432 {
 433   color: #444444;
 434   font-style: italic;
 435 }
 436
 437 DIV.bodyFields
 438 {
 439   background: #efefef;
 440   font-family: serif;
 441   margin: 0.5em;
 442 }
 443
 444 DIV.bodyFields SPAN.fieldName
 445 { font-weight: bold; }
 446
 447 DIV.bodyAdditionalFields
 448 {
 449   background: #d4d0c8;
 450 }
 451
 452 DIV[datatype~="additional"] > A.node > SPAN.nodeName
 453 { color: #777;
 454   font-style: italic; }
 455
 456 /* drag-n-drop */
 457 IMG.dragMessage
 458 { position: absolute;
 459   visibility: hidden;
 460   border: 0px;
 461   -moz-opacity: 0.7;
 462   opacity: 0.7;
 463   filter: alpha(opacity=70); }
 464
 465 TABLE#addr_table
 466 {
 467   margin-left: 30%;
 468   width: 100%;
 469 }
 470
 471 TABLE#messageList
 472 { cursor: default;
 473   display: block;
 474   position: absolute;
 475   background-color: #fff;
 476   color: #000;
 477   width: 100%;
 478   left: 0px;
 479   right: 0px;
 480   top: 3.25em;
 481   bottom: 1px;
 482   overflow: auto;
 483   overflow-x: hidden; }
 484
 485 TABLE#messageList THEAD
 486 { position: fixed;
 487   margin-top: 1px;
 488   top: 7.5em;
 489   right: 0px;
 490   left: 15.5em;
 491   height: 2em; }
 492
 493 TABLE#messageList TD
 494 { height: 1.2em; }
 495
 496 TD#messageFlagHeader,
 497 TABLE#messageList TD.messageFlagColumn
 498 { width: 1em;
 499   text-align: center; }
 500
 501 TD#subjectHeader,
 502 TABLE#messageList TD.tbtv_subject_headercell,
 503 TABLE#messageList TD.mailer_unreadmailsubject,
 504 TABLE#messageList TD.mailer_readmailsubject
 505 { width: 40%;
 506   min-width: 40%; }
 507
 508 TD#fromHeader,
 509 TABLE#messageList TD.tbtv_from_headercell,
 510 TABLE#messageList TD.messageAddressColumn
 511 { width: 35%;
 512   overflow: hidden; }
 513
 514 TD#dateHeader,
 515 TABLE#messageList TD.tbtv_date_headercell,
 516 TABLE#messageList TD.messageDateColumn
 517 { width: 25%;
 518   overflow: hidden; }
 519
 520 TABLE#messageList TR._selected TD
 521 {
 522   background: #4b6983;
 523   color: #fff;
 524 }
 525
 526 TABLE#messageList TR._deleted TD
 527 {
 528   text-decoration: line-through;
 529 }
 530
 531 /* drag handles */
 532 DIV#verticalDragHandle
 533 {
 534   cursor: e-resize;
 535   top: 7.5em;
 536   left: 15em;
 537   width: 5px;
 538   bottom: 0px;
 539 }
 540
 541 DIV#rightDragHandle
 542 {
 543   cursor: n-resize;
 544   top: 18em;
 545   left: 0px;
 546   right: 0px;
 547   height: 5px;
 548 }
 549
 550 @media print
 551 {
 552   DIV#leftPanel,
 553   DIV#verticalDragHandle,
 554   DIV#filterPanel,
 555   DIV#mailboxContent,
 556   DIV.dragHandle
 557   { display: none; }
 558
 559   DIV#rightPanel
 560   { position: static;
 561     overflow: visible;
 562     margin: 0px; }
 563
 564   DIV#messageContent
 565   { position: static;
 566     border: 0px;
 567     margin: 0px;
 568     overflow: visible; }
 569
 570   TABLE.mailer_fieldtable
 571   { border: 0px;
 572     font-family: serif;
 573     height: auto;
 574     overflow: visible; }
 575
 576   TD.mailer_fieldname
 577   { text-align: left;
 578     width: auto; }
 579
 580   TD.mailer_fieldvalue
 581   { white-space: normal; }
 582
 583   TD.mailer_fieldvalue A
 584   { text-decoration: none;
 585     white-space: nowrap;
 586     color: #000; }
 587
 588   A:visited
 589   { color: #00f; }
 590
 591   DIV.mailer_mailcontent
 592   { position: static;
 593     overflow: visible; }
 594 }