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