err.no Git - scalable-opengroupware.org/blob - SOGo/UI/Mailer/mailer.css

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