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