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

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