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 }
 342
 343 td.mailer_subjectfieldvalue
 344 {
 345   font-weight: bold;
 346 }
 347
 348 td.mailer_fieldvalue a
 349 {
 350   text-decoration: underline;
 351   vertical-align: top;
 352 }
 353
 354 img.mailer_imagecontent
 355 {
 356   border: 0px;
 357 }
 358
 359 DIV.mailer_plaincontent
 360 {
 361   font-family: monospace, fixed;
 362   white-space: normal;
 363   font-size: inherit;
 364   margin: 0px;
 365   padding: 0px;
 366 }
 367
 368 DIV.mailer_plaincontent P
 369 {
 370   line-height: 3em;
 371   height: auto;
 372   margin: 0px;
 373   padding: 0px;
 374 }
 375
 376 DIV.mailer_htmlcontent P
 377 {
 378   white-space: normal;
 379   font-family: serif;
 380   font-size: inherit;
 381   margin: 0px;
 382   padding: 0px;
 383 }
 384
 385 /* attachment editor */
 386
 387 form#attachment_form
 388 {
 389   background-color: #dcdad5;
 390   padding: 1px;
 391 }
 392
 393 div#attachment_list
 394 {
 395   border-top-color: white;
 396   border-top-width: 1px;
 397   border-top-style: solid;
 398 }
 399
 400 div#attachment_upload
 401 {
 402   border-bottom-color: #808080;
 403   border-bottom-width: 1px;
 404   border-bottom-style: solid;
 405   padding: 4px;
 406 }
 407
 408 td.attachment_uplabel
 409 {
 410   width: 15%;
 411   text-align: left;
 412 }
 413
 414 /* attachment link viewer */
 415
 416 DIV.linked_attachment_frame
 417 { border: 0px; }
 418
 419 DIV.linked_attachment_body
 420 { border: 0px; }
 421
 422 DIV.linked_attachment_meta
 423 {
 424   color: #444444;
 425   font-style: italic;
 426   border-width: 0;
 427   padding: 2px;
 428 }
 429
 430 TABLE.linked_attachment_meta
 431 {
 432   color: #444444;
 433   font-style: italic;
 434 }
 435
 436 DIV.bodyFields
 437 {
 438   background: #efefef;
 439   font-family: serif;
 440   margin: 0.5em;
 441 }
 442
 443 DIV.bodyFields SPAN.fieldName
 444 { font-weight: bold; }
 445
 446 DIV.bodyAdditionalFields
 447 {
 448   background: #d4d0c8;
 449 }
 450
 451 DIV[datatype~="additional"] > A.node > SPAN.nodeName
 452 { color: #777;
 453   font-style: italic; }
 454
 455 /* drag-n-drop */
 456 IMG.dragMessage
 457 { position: absolute;
 458   visibility: hidden;
 459   border: 0px;
 460   -moz-opacity: 0.7;
 461   opacity: 0.7;
 462   filter: alpha(opacity=70); }
 463
 464 TABLE#addr_table
 465 {
 466   margin-left: 30%;
 467   width: 100%;
 468 }
 469
 470 TABLE#messageList
 471 { cursor: default;
 472   display: block;
 473   position: absolute;
 474   background-color: #fff;
 475   color: #000;
 476   width: 100%;
 477   left: 0px;
 478   right: 0px;
 479   top: 3.25em;
 480   bottom: 1px;
 481   overflow: auto;
 482   overflow-x: hidden; }
 483
 484 TABLE#messageList THEAD
 485 { position: fixed;
 486   margin-top: 1px;
 487   top: 7.5em;
 488   right: 0px;
 489   left: 15.5em;
 490   height: 2em; }
 491
 492 TABLE#messageList TD
 493 { height: 1.2em; }
 494
 495 TD#messageFlagHeader,
 496 TABLE#messageList TD.messageFlagColumn
 497 { width: 1em;
 498   text-align: center; }
 499
 500 TD#subjectHeader,
 501 TABLE#messageList TD.tbtv_subject_headercell,
 502 TABLE#messageList td.mailer_unreadmailsubject,
 503 TABLE#messageList td.mailer_readmailsubject
 504 { width: 40%;
 505   min-width: 40%; }
 506
 507 TD#fromHeader,
 508 TABLE#messageList TD.tbtv_from_headercell,
 509 TABLE#messageList TD.messageAddressColumn
 510 { width: 35%;
 511   overflow: hidden; }
 512
 513 TD#dateHeader,
 514 TABLE#messageList TD.tbtv_date_headercell,
 515 TABLE#messageList TD.messageDateColumn
 516 { width: 25%;
 517   overflow: hidden; }
 518
 519 TABLE#messageList TR._selected TD
 520 {
 521   background: #4b6983;
 522   color: #fff;
 523 }
 524
 525 TABLE#messageList TR._deleted TD
 526 {
 527   text-decoration: line-through;
 528 }
 529
 530 /* drag handles */
 531 DIV#verticalDragHandle
 532 {
 533   cursor: e-resize;
 534   top: 7.5em;
 535   left: 15em;
 536   width: 5px;
 537   bottom: 0px;
 538 }
 539
 540 DIV#rightDragHandle
 541 {
 542   cursor: n-resize;
 543   top: 18em;
 544   left: 0px;
 545   right: 0px;
 546   height: 5px;
 547 }