err.no Git - scalable-opengroupware.org/blob - SOGo/UI/WebServerResources/mailer.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 .aptview_title {
  24   font-size:        10pt;
  25   font-family:      Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
  26   color:            #000000;
  27   font-weight:      bold;
  28 }
  29
  30 .aptview_text {
  31   font-size:        10pt;
  32   font-family:      Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
  33   color:            #000000;
  34 }
  35
  36 .apt_other {
  37   color:            #000000;
  38 }
  39
  40 .apt_other_print {
  41   font-style:       italic;
  42 }
  43
  44 .anais_me {
  45   color:            #0000FF;
  46 }
  47
  48 .anais_uids {
  49   font-family:      Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
  50   font-size:        10pt;
  51 }
  52
  53
  54 /* new stuff for Thunderbird like mailer */
  55
  56 .vertframerow {
  57   border-top-color:    white;
  58   border-top-width:    1;
  59   border-top-style:    solid;
  60   border-bottom-color: #808080;
  61   border-bottom-width: 1;
  62   border-bottom-style: solid;
  63
  64   background-color:    #D4D0C8;
  65
  66   font-family:  Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
  67   font-size:    10pt;
  68 }
  69 .foldercell {
  70   font-family:  Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
  71   font-size:    10pt;
  72   width:        25%;
  73 }
  74 .contentcell {
  75   font-family:  Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
  76   font-size:    10pt;
  77 }
  78 .embedwhite_out {
  79   border-width:        1;
  80   border-style:        solid;
  81   border-top-color:    #808080;
  82   border-left-color:   #808080;
  83   border-bottom-color: white;
  84   border-right-color:  white;
  85 }
  86 .embedwhite_in {
  87   border-width:        1;
  88   border-style:        solid;
  89   border-top-color:    #808080; /* TODO */
  90   border-left-color:   #808080; /* TODO */
  91   border-bottom-color: #808080;
  92   border-right-color:  #808080;
  93
  94   background-color:    white;
  95   /* height:              300px; */
  96   /* height: 100%; */
  97 }
  98 .titlediv {
  99   height:         24px;
 100   vertical-align: middle;
 101   padding-top:    6px;
 102   padding-left:   6px;
 103 }
 104 table.titletable {
 105   height:         24px;
 106   vertical-align: middle;
 107   padding-top:    6px;
 108   padding-left:   6px;
 109 }
 110 td.titlecell {
 111   height:         22px;
 112   vertical-align: middle;
 113   padding-bottom: 2px;
 114   white-space:    nowrap;
 115   font-family:    Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
 116   font-size:      10pt;
 117 }
 118
 119 .whitesec_title {
 120   background-color: #D4D0C8;
 121   padding:          4px;
 122 }
 123
 124 .treecell {
 125   font-family:    Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
 126   font-size:      10pt;
 127   color:          black;
 128   vertical-align: bottom;
 129   padding-left:   4px; /* move away from the icon */
 130   padding-right:  2px; /* move away from the right border */
 131   white-space:    nowrap;
 132 }
 133
 134 /* toolbar */
 135
 136 .tb_toolbar {
 137   height:        30px;
 138 }
 139 .tb_toolbar_group {
 140   height:        30px;
 141   padding-right: 16px;
 142 }
 143
 144 .tb_icon {
 145   text-align: center;
 146 }
 147 .tb_label {
 148   font-size:   11px;
 149   font-family: Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
 150   color:       #000000;
 151   text-align:  center;
 152 }
 153 .tb_spacer {
 154   width: 16px;
 155 }
 156
 157 .tb_icon a {
 158   width:   30px;
 159   height:  30px;
 160   margin:  0px auto;
 161   display: block;
 162 }
 163
 164 .tbicon_logo {
 165   background-image: url(lori_32x32.png);
 166   width:  32px;
 167   height: 32px;
 168 }
 169
 170 .tbicon_getmail     { background-image: url(tbtb_getmail.png);     }
 171 .tbicon_compose     { background-image: url(tbtb_compose.png);     }
 172 .tbicon_addressbook { background-image: url(tbtb_addressbook.png); }
 173 .tbicon_reply       { background-image: url(tbtb_reply.png);       }
 174 .tbicon_replyall    { background-image: url(tbtb_replyall.png);    }
 175 .tbicon_forward     { background-image: url(tbtb_forward.png);     }
 176 .tbicon_delete      { background-image: url(tbtb_delete.png);      }
 177 .tbicon_junk        { background-image: url(tbtb_trash.png);       }
 178 .tbicon_print       { background-image: url(tbtb_print.png);       }
 179 .tbicon_stop        { background-image: url(tbtb_deletedoc.png);   }
 180 .tbicon_send        { background-image: url(tbtb_compose_send_30x30.png);   }
 181 .tbicon_attach      { background-image: url(tbtb_compose_attach_30x30.png); }
 182 .tbicon_save        { background-image: url(tbtb_compose_file_30x30.png);   }
 183
 184 /* mail tableview */
 185
 186 .tableview {
 187   font-size:      9pt;
 188   font-family:    Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
 189   vertical-align: top;
 190 }
 191 .tableview td {
 192   border-top-width:    1px;
 193   border-top-color:    white;
 194   border-bottom-width: 1px;
 195   border-bottom-color: white;
 196 }
 197
 198 .tableview_selected {
 199   font-size:        9pt;
 200   font-family:      Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
 201   vertical-align:   top;
 202   background-color: #ffffcc;
 203 }
 204
 205 .tableview_highlight {
 206   font-size:        9pt;
 207   font-family:      Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
 208   vertical-align:   top;
 209   background-color: #D4D0C8;
 210 }
 211 .tableview_highlight td {
 212   border-top-width:    1px;
 213   border-bottom-width: 1px;
 214   border-top-style:    solid;
 215   border-bottom-style: solid;
 216   border-top-color:    #808080;
 217   border-bottom-color: #808080;
 218 }
 219
 220 td.tbtv_navcell {
 221   border-width:        1;
 222   border-style:        solid;
 223   border-top-color:    white;
 224   border-left-color:   white;
 225   border-bottom-color: #808080;
 226   border-right-color:  #808080;
 227   padding-top:         4px;
 228   padding-bottom:      3px;
 229   padding-left:        4px;
 230   padding-right:       4px;
 231
 232   background-color:    #D4D0C8;
 233 }
 234
 235 td.tbtv_headercell {
 236   border-width:        1;
 237   border-style:        solid;
 238   border-top-color:    white;
 239   border-left-color:   white;
 240   border-bottom-color: #808080;
 241   border-right-color:  #808080;
 242   padding-top:         4px;
 243   padding-bottom:      3px;
 244   padding-left:        4px;
 245   padding-right:       4px;
 246
 247   background-color:    #D4D0C8;
 248 }
 249
 250 td.tbtv_actcell {
 251   border-width:        1;
 252   border-style:        solid;
 253   border-top-color:    #808080;
 254   border-left-color:   #808080;
 255   border-bottom-color: #808080;
 256   border-right-color:  #808080;
 257   padding-top:         4px;
 258   padding-bottom:      3px;
 259   padding-left:        4px;
 260   padding-right:       4px;
 261
 262   background-color:    #D4D0C8;
 263 }
 264
 265 td.tbtv_headercell a {
 266   margin:  0px auto;
 267   display: block;
 268   color:   black;
 269 }
 270 td.tbtv_headercell a:hover {
 271   margin:  0px auto;
 272   display: block;
 273   color:   black;
 274   text-decoration: none;
 275   /* background-color: #C4C0B8; */
 276 }
 277
 278 td.tbtv_headercell img.tbtv_sortcell {
 279   text-align: right;
 280   border:     0px;
 281   width:      12px;
 282   height:     12px;
 283 }
 284
 285 span.mailer_datefield {
 286   white-space: nowrap;
 287 }
 288
 289 div.mailer_readmailsubject {
 290   background-image:    url(message-mail-read.png);
 291   background-repeat:   no-repeat;
 292   background-position: 0px 0px;
 293   padding-top:         1px;
 294   padding-left:        20px;
 295 }
 296 div.mailer_unreadmailsubject {
 297   background-image:    url(message-mail.png);
 298   background-repeat:   no-repeat;
 299   background-position: 0px 0px;
 300   padding-left:        20px;
 301   padding-top:         1px;
 302   font-weight:         bold;
 303 }
 304 div.mailer_readmailsubject a {
 305   color:           black;
 306   text-decoration: none;
 307 }
 308 div.mailer_unreadmailsubject a {
 309   color:           black;
 310   text-decoration: none;
 311 }
 312
 313 td.mailer_listcell_deleted {
 314   text-decoration: line-through;
 315 }
 316 td.mailer_listcell_regular {
 317 }
 318 td.mailer_listcell_regular a {
 319   color:           black;
 320   text-decoration: none;
 321 }
 322
 323 div.mailer_readicon {
 324   /* TODO: use Thunderbird icon */
 325   background-image:    url(icon_read.gif);
 326   background-repeat:   no-repeat;
 327   background-position: 0px 4px;
 328 }
 329 div.mailer_readicon a {
 330   width:   17px;
 331   height:  17px;
 332   margin:  0px auto;
 333   display: block;
 334 }
 335 div.mailer_unreadicon {
 336   /* TODO: use Thunderbird icon */
 337   background-image:    url(icon_unread.gif);
 338   background-repeat:   no-repeat;
 339   background-position: 0px 4px;
 340 }
 341 div.mailer_unreadicon a {
 342   width:   17px;
 343   height:  17px;
 344   margin:  0px auto;
 345   display: block;
 346 }
 347
 348 /* fields (key/value UI), eg used in mail viewer */
 349
 350 table.mailer_fieldtable {
 351   width: 100%;
 352
 353   border-bottom-color: #808080;
 354   border-bottom-width: 1;
 355   border-bottom-style: solid;
 356 }
 357 tr.mailer_fieldrow {
 358   font-size:   9pt;
 359   font-family: Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
 360 }
 361 td.mailer_fieldname {
 362   padding-left:   24px;
 363   text-align:     right;
 364   font-weight:    bold;
 365   vertical-align: top;
 366 }
 367 td.mailer_fieldvalue {
 368   width: 95%;
 369 }
 370 td.mailer_subjectfieldvalue {
 371   font-weight: bold;
 372 }
 373 td.mailer_fieldvalue a {
 374   text-decoration: underline;
 375   vertical-align:  top;
 376 }
 377
 378 div.mailer_mailcontent {
 379   border-top-color: white;
 380   border-top-width: 1;
 381   border-top-style: solid;
 382   background-color: white;
 383   padding:          8px;
 384 }
 385
 386 img.mailer_imagecontent {
 387   border: 0px;
 388 }
 389 pre.mailer_plaincontent {
 390 }
 391
 392 /* compose */
 393
 394 div#compose_panel div {
 395   padding: 2px;
 396 }
 397
 398 div#compose_fromline {
 399 }
 400 div#compose_toselection {
 401 }
 402 div#compose_internetmarker {
 403   padding:          8px;
 404   text-align:       center;
 405   background-color: white;
 406   border-color:     red;
 407   border-width:     2px;
 408   border-style:     solid;
 409 }
 410 div#compose_subject {
 411   border-bottom-color: #808080;
 412   border-bottom-width: 1;
 413   border-bottom-style: solid;
 414 }
 415 div#compose_text {
 416   border-top-color:    white;
 417   border-top-width:    1;
 418   border-top-style:    solid;
 419 }
 420
 421 div#compose_toselection select {
 422   font-size: 10px;
 423 }
 424 div#compose_toselection input {
 425   font-size: 10px;
 426 }
 427
 428 input#compose_subject_input {
 429   font-size: 10px;
 430   width:     100%;
 431 }
 432
 433 .compose_label {
 434   font-size:  11px;
 435   text-align: left;
 436 }
 437
 438 div#compose_text textarea {
 439   width:  100%;
 440   height: 280px;
 441 }
 442
 443 /* attachment editor */
 444
 445 form#attachment_form {
 446   background-color: #D4D0C8;
 447   padding: 1px;
 448 }
 449
 450 div#attachment_list {
 451   border-top-color:    white;
 452   border-top-width:    1;
 453   border-top-style:    solid;
 454 }
 455
 456 form#attachment_form input {
 457   font-size: 10px;
 458 }
 459
 460 div#attachment_upload {
 461   border-bottom-color: #808080;
 462   border-bottom-width: 1;
 463   border-bottom-style: solid;
 464   padding: 4px;
 465 }
 466
 467 td.attachment_uplabel {
 468   width:      15%;
 469   font-size:  11px;
 470   text-align: left;
 471 }
 472
 473 /* attachment link viewer */
 474
 475 div.linked_attachment_frame {
 476   background-color: #D4D0C8;
 477   padding:          4px;
 478 }
 479
 480 div.linked_attachment_body {
 481   font-family:         Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
 482   font-size:           10pt;
 483   padding:             4px;
 484
 485   border-width:        1;
 486   border-style:        solid;
 487   border-top-color:    white;
 488   border-left-color:   white;
 489   border-bottom-color: #808080;
 490   border-right-color:  #808080;
 491 }
 492
 493 div.linked_attachment_meta {
 494   color:        #444444;
 495   font-style:   italic;
 496   border-width: 0;
 497   padding:      2px;
 498 }
 499 table.linked_attachment_meta {
 500   font-family:  Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
 501   font-size:    10pt;
 502   color:        #444444;
 503   font-style:   italic;
 504 }