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