err.no Git - scalable-opengroupware.org/blob - 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 /* mail tableview */
 135
 136 .tableview {
 137   font-size:      9pt;
 138   font-family:    Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
 139   vertical-align: top;
 140 }
 141 .tableview td {
 142   border-top-width:    1px;
 143   border-top-color:    white;
 144   border-bottom-width: 1px;
 145   border-bottom-color: white;
 146 }
 147
 148 .tableview_selected {
 149   font-size:        9pt;
 150   font-family:      Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
 151   vertical-align:   top;
 152   background-color: #ffffcc;
 153 }
 154
 155 .tableview_highlight {
 156   font-size:        9pt;
 157   font-family:      Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
 158   vertical-align:   top;
 159   background-color: #D4D0C8;
 160 }
 161 .tableview_highlight td {
 162   border-top-width:    1px;
 163   border-bottom-width: 1px;
 164   border-top-style:    solid;
 165   border-bottom-style: solid;
 166   border-top-color:    #808080;
 167   border-bottom-color: #808080;
 168 }
 169
 170 td.tbtv_navcell {
 171   border-width:        1;
 172   border-style:        solid;
 173   border-top-color:    white;
 174   border-left-color:   white;
 175   border-bottom-color: #808080;
 176   border-right-color:  #808080;
 177   padding-top:         4px;
 178   padding-bottom:      3px;
 179   padding-left:        4px;
 180   padding-right:       4px;
 181
 182   background-color:    #D4D0C8;
 183 }
 184
 185 td.tbtv_headercell {
 186   border-width:        1;
 187   border-style:        solid;
 188   border-top-color:    white;
 189   border-left-color:   white;
 190   border-bottom-color: #808080;
 191   border-right-color:  #808080;
 192   padding-top:         4px;
 193   padding-bottom:      3px;
 194   padding-left:        4px;
 195   padding-right:       4px;
 196
 197   background-color:    #D4D0C8;
 198 }
 199
 200 td.tbtv_actcell {
 201   border-width:        1;
 202   border-style:        solid;
 203   border-top-color:    #808080;
 204   border-left-color:   #808080;
 205   border-bottom-color: #808080;
 206   border-right-color:  #808080;
 207   padding-top:         4px;
 208   padding-bottom:      3px;
 209   padding-left:        4px;
 210   padding-right:       4px;
 211
 212   background-color:    #D4D0C8;
 213 }
 214
 215 td.tbtv_headercell a {
 216   margin:  0px auto;
 217   display: block;
 218   color:   black;
 219 }
 220 td.tbtv_headercell a:hover {
 221   margin:  0px auto;
 222   display: block;
 223   color:   black;
 224   text-decoration: none;
 225   /* background-color: #C4C0B8; */
 226 }
 227
 228 td.tbtv_headercell img.tbtv_sortcell {
 229   text-align: right;
 230   border:     0px;
 231   width:      12px;
 232   height:     12px;
 233 }
 234
 235 span.mailer_datefield {
 236   white-space: nowrap;
 237 }
 238
 239 div.mailer_readmailsubject {
 240   background-image:    url(message-mail-read.png);
 241   background-repeat:   no-repeat;
 242   background-position: 0px 0px;
 243   padding-top:         1px;
 244   padding-left:        20px;
 245 }
 246 div.mailer_unreadmailsubject {
 247   background-image:    url(message-mail.png);
 248   background-repeat:   no-repeat;
 249   background-position: 0px 0px;
 250   padding-left:        20px;
 251   padding-top:         1px;
 252   font-weight:         bold;
 253 }
 254 div.mailer_readmailsubject a {
 255   color:           black;
 256   text-decoration: none;
 257 }
 258 div.mailer_unreadmailsubject a {
 259   color:           black;
 260   text-decoration: none;
 261 }
 262
 263 td.mailer_listcell_deleted {
 264   text-decoration: line-through;
 265 }
 266 td.mailer_listcell_regular {
 267 }
 268 td.mailer_listcell_regular a {
 269   color:           black;
 270   text-decoration: none;
 271 }
 272
 273 div.mailer_readicon {
 274   /* TODO: use Thunderbird icon */
 275   background-image:    url(icon_read.gif);
 276   background-repeat:   no-repeat;
 277   background-position: 0px 4px;
 278 }
 279 div.mailer_readicon a {
 280   width:   17px;
 281   height:  17px;
 282   margin:  0px auto;
 283   display: block;
 284 }
 285 div.mailer_unreadicon {
 286   /* TODO: use Thunderbird icon */
 287   background-image:    url(icon_unread.gif);
 288   background-repeat:   no-repeat;
 289   background-position: 0px 4px;
 290 }
 291 div.mailer_unreadicon a {
 292   width:   17px;
 293   height:  17px;
 294   margin:  0px auto;
 295   display: block;
 296 }
 297
 298 /* fields (key/value UI), eg used in mail viewer */
 299
 300 table.mailer_fieldtable {
 301   width: 100%;
 302
 303   border-bottom-color: #808080;
 304   border-bottom-width: 1;
 305   border-bottom-style: solid;
 306 }
 307 tr.mailer_fieldrow {
 308   font-size:   9pt;
 309   font-family: Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
 310 }
 311 td.mailer_fieldname {
 312   padding-left:   24px;
 313   text-align:     right;
 314   font-weight:    bold;
 315   vertical-align: top;
 316 }
 317 td.mailer_fieldvalue {
 318   width: 95%;
 319 }
 320 td.mailer_subjectfieldvalue {
 321   font-weight: bold;
 322 }
 323 td.mailer_fieldvalue a {
 324   text-decoration: underline;
 325   vertical-align:  top;
 326 }
 327
 328 div.mailer_mailcontent {
 329   border-top-color: white;
 330   border-top-width: 1;
 331   border-top-style: solid;
 332   background-color: white;
 333   padding:          8px;
 334 }
 335
 336 img.mailer_imagecontent {
 337   border: 0px;
 338 }
 339 pre.mailer_plaincontent {
 340 }
 341
 342 /* attachment editor */
 343
 344 form#attachment_form {
 345   background-color: #D4D0C8;
 346   padding: 1px;
 347 }
 348
 349 div#attachment_list {
 350   border-top-color:    white;
 351   border-top-width:    1;
 352   border-top-style:    solid;
 353 }
 354
 355 form#attachment_form input {
 356   font-size: 10px;
 357 }
 358
 359 div#attachment_upload {
 360   border-bottom-color: #808080;
 361   border-bottom-width: 1;
 362   border-bottom-style: solid;
 363   padding: 4px;
 364 }
 365
 366 td.attachment_uplabel {
 367   width:      15%;
 368   font-size:  11px;
 369   text-align: left;
 370 }
 371
 372 /* attachment link viewer */
 373
 374 div.linked_attachment_frame {
 375   background-color: #D4D0C8;
 376   padding:          4px;
 377 }
 378
 379 div.linked_attachment_body {
 380   font-family:         Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
 381   font-size:           10pt;
 382   padding:             4px;
 383
 384   border-width:        1;
 385   border-style:        solid;
 386   border-top-color:    white;
 387   border-left-color:   white;
 388   border-bottom-color: #808080;
 389   border-right-color:  #808080;
 390 }
 391
 392 div.linked_attachment_meta {
 393   color:        #444444;
 394   font-style:   italic;
 395   border-width: 0;
 396   padding:      2px;
 397 }
 398 table.linked_attachment_meta {
 399   font-family:  Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
 400   font-size:    10pt;
 401   color:        #444444;
 402   font-style:   italic;
 403 }
 404
 405
 406 /* OGo link banner on top of mail frame */
 407
 408 table.linkbanner {
 409   width:            100%;
 410   background-color: white;
 411   position:         fixed;
 412   height:           48px;
 413   z-index:          100;
 414 }
 415
 416 .linkbannerlinks {
 417   font-size:      10pt;
 418   vertical-align: bottom;
 419   text-align:     left;
 420 }
 421 .linkbannerimage {
 422   text-align:     right;
 423 }