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