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