addons/mail/static/src/css/mail.css

   1 /* ------------ TOPBAR MAIL BUTTON --------------- */
   2 .oe_systray #oe_topbar_compose_full_email_icon {
   3     color: white;
   4     margin-right: 15px;
   5 }
   6
   7 /* ------------ MAIL WIDGET --------------- */
   8 .openerp .oe_mail, .openerp .oe_mail *{
   9     -webkit-box-sizing: border-box;
  10        -moz-box-sizing: border-box;
  11             box-sizing: border-box;
  12 }
  13 .openerp .oe_mail {
  14     display: block;
  15     position: relative;
  16     margin: 0px;
  17 }
  18 .openerp .oe_mail .oe_thread{
  19     margin-left: 32px;
  20 }
  21 .openerp .oe_mail > .oe_thread{
  22     margin-left: 0px;
  23 }
  24 .openerp .oe_inline.oe_compose_recipients {
  25     margin-top: -2px;
  26 }
  27
  28 /* ---------------- MESSAGES ------------------ */
  29
  30 .openerp .oe_mail .oe_msg{
  31     position: relative;
  32     background: #EDEDF6;
  33     border-radius: 2px;
  34     margin-bottom: 2px;
  35     min-height: 42px;
  36     border: solid 1px rgba(0,0,0,0.03);
  37 }
  38 .openerp .oe_mail .oe_msg.oe_msg_nobody{
  39     background: #E4E4E4;
  40 }
  41 .openerp .oe_mail .oe_msg.oe_msg_notification{
  42     background: #F8F8F8;
  43 }
  44 .openerp .oe_mail .oe_msg .oe_msg_left{
  45     position: absolute;
  46     left:0; top: 0; bottom: 0; width: 40px;
  47     overflow: hidden;
  48 }
  49 .openerp .oe_mail .oe_msg .oe_msg_left a,
  50 .openerp .oe_mail .oe_msg .oe_msg_left img{
  51     border: 0;
  52 }
  53 .openerp .oe_mail .oe_msg .oe_msg_icon{
  54     width: 32px;
  55     margin: 4px;
  56     border-radius: 2px;
  57 }
  58 .openerp .oe_mail .oe_msg .oe_msg_center{
  59     position: relative;
  60     display: block;
  61     margin-left: 40px;
  62 }
  63 .openerp .oe_mail .oe_msg .oe_msg_footer{
  64     margin-left: 4px;
  65     overflow: hidden;
  66     font-size: 11px;
  67 }
  68 .openerp .oe_mail .oe_msg .oe_msg_content{
  69     display: block;
  70     overflow: hidden;
  71     padding: 4px;
  72     padding-bottom:1px;
  73 }
  74 .openerp .oe_mail .oe_msg .oe_msg_content .oe_msg_title{
  75     font-size: 13px;
  76     margin-bottom: 0px;
  77     margin-top: 2px;
  78 }
  79 .openerp .oe_mail .oe_msg .oe_msg_content .oe_msg_body p:first-of-type {
  80     margin-top: 0px;
  81 }
  82
  83 .openerp .oe_mail .oe_msg .oe_msg_content .oe_msg_body p {
  84     margin-bottom: 0px;
  85 }
  86 .openerp .oe_mail .oe_msg .oe_msg_content .oe_msg_body pre {
  87     white-space: pre-wrap;
  88 }
  89 .openerp .oe_mail .oe_msg .oe_msg_content .oe_msg_body blockquote {
  90     font-size: 1em;
  91 }
  92 .openerp .oe_mail .oe_msg .oe_msg_content .oe_msg_body * {
  93     text-overflow:ellipsis;
  94     word-wrap: break-word;
  95 }
  96 .openerp .oe_mail .oe_msg .oe_msg_content .oe_msg_body .oe_mail_cleaned {
  97     display: none;
  98 }
  99
 100 /* a) Indented Messages */
 101
 102 .openerp .oe_mail .oe_msg_indented{
 103     background: #FFF;
 104     border: none;
 105     margin-bottom:0px;
 106     min-height:38px;
 107 }
 108 .openerp .oe_mail .oe_msg.oe_msg_indented .oe_msg_icon{
 109     width:32px;
 110     margin:2px;
 111     border-radius:2px;
 112 }
 113 .openerp .oe_mail .oe_msg .oe_subtle{
 114     color: #B7B7D5;
 115 }
 116 .openerp .oe_mail .oe_msg_indented .oe_msg_center{
 117     margin-left:34px;
 118 }
 119 .openerp .oe_mail .oe_msg.oe_msg_indented .oe_msg_content{
 120     padding-top:2px;
 121 }
 122 .openerp .oe_mail .oe_msg.oe_msg_indented .oe_msg_footer{
 123     margin-bottom: 5px;
 124 }
 125
 126 /* b) Votes (likes) */
 127
 128 .openerp .oe_mail .oe_mail_vote_count{
 129     display: inline;
 130     position: relative;
 131     background: white;
 132     box-shadow: 0px 0px 0px 1px rgba(124, 123, 173, 0.36) inset;
 133     color: #7c7bad;
 134     text-shadow: none;
 135     border-radius: 3px;
 136     margin: 0px;
 137     padding-left: 3px;
 138     padding-right: 5px;
 139     margin-right: 5px;
 140 }
 141
 142 /* c) Message action icons */
 143
 144 .openerp .oe_mail .oe_msg .oe_msg_icons{
 145     float: right;
 146     margin-top: 4px;
 147     margin-right: 8px;
 148     margin-left: 8px;
 149     height: 24px;
 150     -webkit-user-select: none;
 151        -moz-user-select: none;
 152         -ms-user-select: none;
 153             user-select: none;
 154 }
 155 .openerp .oe_mail .oe_msg .oe_msg_icons span{
 156     float:right;
 157     width:24px;
 158     height:24px;
 159     line-height:24px;
 160     text-align: center;
 161 }
 162 .openerp .oe_mail .oe_msg .oe_msg_icons a {
 163     text-decoration: none;
 164     color: #FFF;
 165     text-shadow: 0px 1px #AAA,0px -1px #AAA, -1px 0px #AAA, 1px 0px #AAA, 0px 3px 3px rgba(0,0,0,0.1);
 166     -webkit-transition: all 0.2s linear;
 167        -moz-transition: all 0.2s linear;
 168          -o-transition: all 0.2s linear;
 169             transition: all 0.2s linear;
 170 }
 171 .openerp .oe_mail .oe_msg:hover .oe_msg_icons a{
 172     opacity: 1;
 173     -webkit-transition: all 0.1s linear;
 174        -moz-transition: all 0.1s linear;
 175          -o-transition: all 0.1s linear;
 176             transition: all 0.1s linear;
 177 }
 178 .openerp .oe_mail .oe_msg .oe_msg_icons .oe_star:hover a{
 179     color: #FFF670;
 180     text-shadow: 0px 1px #FFA162,0px -1px #FFA162, -1px 0px #FFA162, 1px 0px #FFA162, 0px 3px 3px rgba(0,0,0,0.1);
 181 }
 182 .openerp .oe_mail .oe_msg .oe_msg_icons .oe_star.oe_starred a{
 183     color: #FFE41F;
 184     text-shadow: 0px 1px #DF6200,0px -1px #DF6200, -1px 0px #DF6200, 1px 0px #DF6200, 0px 3px 3px rgba(0,0,0,0.1);
 185 }
 186 .openerp .oe_mail .oe_msg .oe_msg_icons .oe_reply:hover a{
 187     color: #1fc0ff;
 188     text-shadow: 0px 1px #184fc5,0px -1px #184fc5, -1px 0px #184fc5, 1px 0px #184fc5, 0px 3px 3px rgba(0,0,0,0.1);
 189 }
 190 .openerp .oe_mail .oe_msg .oe_msg_icons .oe_read:hover a{
 191     color: #bbbaff;
 192     text-shadow: 0px 1px #7c7bad,0px -1px #7c7bad, -1px 0px #7c7bad, 1px 0px #7c7bad, 0px 3px 3px rgba(0,0,0,0.1);
 193 }
 194 .openerp .oe_mail .oe_msg .oe_msg_icons .oe_unread:hover a{
 195     color: #c2ff00;
 196     text-shadow: 0px 1px #009441,0px -1px #009441, -1px 0px #009441, 1px 0px #009441, 0px 3px 3px rgba(0,0,0,0.1);
 197 }
 198 .openerp .oe_mail .oe_msg .oe_msg_content textarea{
 199     width: 100%;
 200     height: 64px;
 201     margin: 0px;
 202     padding: 0px;
 203     resize: vertical;
 204
 205     padding: 4px;
 206 }
 207 .openerp .oe_mail .oe_msg.oe_msg_composer_compact, .openerp .oe_mail .oe_msg.oe_msg_expandable{
 208     padding:4px;
 209     min-height:0px;
 210 }
 211 .openerp .oe_mail .oe_msg.oe_msg_composer_compact textarea{
 212     height: 24px;
 213     width: 100%;
 214 }
 215 .openerp .oe_mail .oe_msg.oe_msg_composer_compact .oe_sep_word{
 216     margin-right: 8px;
 217     margin-left: 8px;
 218 }
 219 .openerp .oe_mail .oe_msg.oe_msg_composer_compact .oe_compact{
 220     height: 24px;
 221     width: 100%;
 222     padding: 2px 4px;
 223     color: #AAA;
 224     cursor: text;
 225 }
 226 .openerp .oe_mail .oe_msg.oe_msg_composer_compact .oe_compact_record {
 227     font-size: 13px;
 228     font-style: bold;
 229     text-align: center;
 230 }
 231 .openerp .oe_mail .oe_msg.oe_msg_composer_compact .oe_compact_inbox {
 232     border: 1px solid #CCC;
 233     -moz-border-radius: 3px;
 234     -webkit-border-radius: 3px;
 235     border-radius: 3px;
 236     background: white;
 237     font-size: 14px;
 238     font-style: italic;
 239 }
 240
 241 /* d) I.E. tweaks for Message action icons */
 242
 243 .openerp.openerp_ie .oe_mail .oe_msg .oe_msg_icons a {
 244     color: #C8BFDA;
 245     text-shadow: none;
 246 }
 247 .openerp.openerp_ie .oe_mail .oe_msg .oe_msg_icons .oe_star:hover a{
 248     color: #FFB700;
 249     text-shadow: none;
 250 }
 251 .openerp.openerp_ie .oe_mail .oe_msg .oe_msg_icons .oe_starred a{
 252     color: #FFB700;
 253     text-shadow:none;
 254 }
 255 .openerp.openerp_ie .oe_mail .oe_msg .oe_msg_icons .oe_read:hover a{
 256     color: #7C7BAD;
 257     text-shadow: none;
 258 }
 259 .openerp.openerp_ie .oe_mail .oe_msg .oe_msg_icons .oe_unread:hover a{
 260     color: #7C7BAD;
 261     text-shadow: none;
 262 }
 263
 264 /* --------------------- ATTACHMENTS --------------------- */
 265
 266 .openerp .oe_mail .oe_msg_attachment_list{
 267     margin-top: 4px;
 268     margin-bottom: 4px;
 269 }
 270 .openerp .oe_mail .oe_msg_composer .oe_msg_attachment_list {
 271     display: block;
 272 }
 273 .openerp .oe_mail .oe_msg_composer .oe_recipients {
 274     font-size: 12px;
 275     margin-left: 20px;
 276     margin-bottom: 2px;
 277 }
 278 .openerp .oe_mail .oe_msg_composer .oe_recipients label{
 279     vertical-align: middle;
 280     display: block;
 281     line-height: 14px;
 282 }
 283 .openerp .oe_mail .oe_msg_composer .oe_recipients input{
 284     vertical-align: middle;
 285 }
 286 .oe_attachment{
 287     display: inline-block;
 288     width: 100px;
 289     margin: 4px 2px;
 290     min-height: 80px;
 291     position: relative;
 292     border-radius: 3px;
 293     text-align: center;
 294     vertical-align: top;
 295 }
 296 .oe_attachment .oe_name{
 297     display: inline-block;
 298     max-width: 100%;
 299     padding: 1px 3px;
 300     margin-top: 50px;
 301     margin-bottom: 5px;
 302     background: #F4F5FA;
 303     overflow: hidden;
 304     color: #4c4c4c;
 305     text-shadow: none;
 306     border-radius: 3px;
 307 }
 308
 309 .oe_attachment.oe_preview{
 310     background: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJ0lEQVQYV2MsLS39z4AGLCws0IUYGIeCwrVr12J45sSJE5ieGQIKAbuZKf/EMCs7AAAAAElFTkSuQmCC );
 311 }
 312 .oe_attachment .oe_progress_bar{
 313     display: none;
 314     position: absolute;
 315     top: 18px;
 316     left: 16px;
 317     right: 16px;
 318     height: 17px;
 319     line-height: 13px;
 320     padding: 0px;
 321     background: #4BBD00;
 322     color: white;
 323     text-align: center;
 324     border-radius: 3px;
 325     border: solid 1px rgba(0,0,0,0.2);
 326     box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.34);
 327     -webkit-animation: oe_mail_attach_loading_anim 0.75s infinite linear;
 328        -moz-animation: oe_mail_attach_loading_anim 0.75s infinite linear;
 329          -o-animation: oe_mail_attach_loading_anim 0.75s infinite linear;
 330             animation: oe_mail_attach_loading_anim 0.75s infinite linear;
 331 }
 332 .oe_attachment.oe_uploading .oe_progress_bar{
 333     display: block;
 334 }
 335 @-webkit-keyframes oe_mail_attach_loading_anim{
 336     0% { background: #4BBD00 }
 337     50% { background: #009123 }
 338     100% { background: #4BBD00 }
 339 }
 340 @-moz-keyframes oe_mail_attach_loading_anim{
 341     0% { background: #4BBD00 }
 342     50% { background: #009123 }
 343     100% { background: #4BBD00 }
 344 }
 345 @-o-keyframes oe_mail_attach_loading_anim{
 346     0% { background: #4BBD00 }
 347     50% { background: #009123 }
 348     100% { background: #4BBD00 }
 349 }
 350 @keyframes oe_mail_attach_loading_anim{
 351     0% { background: #4BBD00 }
 352     50% { background: #009123 }
 353     100% { background: #4BBD00 }
 354 }
 355 .oe_attachment.oe_preview .oe_name{
 356     position: absolute;
 357     bottom: 0px;
 358     margin: 3px;
 359     left: 0px;
 360     right: 0px;
 361     max-height: 64px;
 362     background: rgba(0,0,0,0.8);
 363     color: white;
 364     border-radius: 1px;
 365     border-top-left-radius: 0px;
 366     border-top-right-radius: 0px;
 367     opacity: 0;
 368     -webkit-transition: opacity 0.2s linear;
 369        -moz-transition: opacity 0.2s linear;
 370          -o-transition: opacity 0.2s linear;
 371             transition: opacity 0.2s linear;
 372 }
 373 .oe_attachment.oe_preview:hover .oe_name{
 374     opacity: 1;
 375     -webkit-transition: opacity 0.2s linear;
 376        -moz-transition: opacity 0.2s linear;
 377          -o-transition: opacity 0.2s linear;
 378             transition: opacity 0.2s linear;
 379 }
 380 .oe_attachment img{
 381     position: absolute;
 382     width: 48px;
 383     height: 48px;
 384     top: 0px;
 385     left: 50%;
 386     margin-left: -24px;
 387 }
 388 .oe_attachment.oe_preview img{
 389     display: block;
 390     position: relative;
 391     margin:0px;
 392     width: 100px;
 393     height: 80px;
 394     border-radius: 1px;
 395     border: solid 3px #FFF;
 396     margin-left: -50px;
 397     box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.19);
 398 }
 399 .openerp .oe_mail .oe_attachment .oe_delete{
 400     display: none;
 401 }
 402 .openerp .oe_mail .oe_msg_composer .oe_attachment .oe_delete{
 403     display: block;
 404     position: absolute;
 405     top: -7px;
 406     right: 0px;
 407     color: black;
 408     text-shadow: 1px 0px white, -1px 0px white, 0px 1px white, 0px -1px white;
 409     cursor: pointer;
 410     opacity: 0;
 411     -webkit-transition: opacity 0.2s linear;
 412        -moz-transition: opacity 0.2s linear;
 413          -o-transition: opacity 0.2s linear;
 414             transition: opacity 0.2s linear;
 415 }
 416 .openerp .oe_mail .oe_msg_composer .oe_attachment:hover .oe_delete{
 417     opacity: 1;
 418     -webkit-transition: opacity 0.2s linear;
 419        -moz-transition: opacity 0.2s linear;
 420          -o-transition: opacity 0.2s linear;
 421             transition: opacity 0.2s linear;
 422 }
 423 /* ---------------- MESSAGE QUICK COMPOSER --------------- */
 424
 425 .openerp .oe_mail .oe_msg_composer .oe_msg_footer{
 426     padding-right:4px;
 427     padding-top: 2px;
 428     padding-bottom:6px;
 429 }
 430 .openerp .oe_mail .oe_msg_images {
 431     display: block;
 432 }
 433 .openerp .oe_mail .oe_msg_footer button{
 434     display: inline;
 435     height: 24px;
 436     font-size: 12px;
 437     line-height: 12px;
 438     vertical-align: middle;
 439 }
 440 .openerp .oe_mail .oe_msg_footer button.oe_post,
 441 .openerp .oe_mail .oe_msg_footer button.oe_log{
 442     position: relative;
 443     z-index: 2;
 444 }
 445 .openerp .oe_mail .oe_msg_footer button.oe_attach{
 446     width: 24px;
 447     margin-bottom: 5px; /* improved margin of file attach button according bootstrap3 */
 448     filter:none;
 449 }
 450 .openerp .oe_mail .oe_msg_footer button.oe_attach .oe_e{
 451     position: relative;
 452     top: -4px;
 453     margin-left: -9px;
 454     vertical-align: middle;
 455     filter:none;
 456 }
 457 .openerp .oe_mail .oe_hidden_input_file, .openerp .oe_mail .oe_hidden_input_file form{
 458     display:inline;
 459 }
 460 .openerp .oe_mail .oe_msg_center button.oe_full{
 461     width: 24px;
 462     height: 22px;
 463     overflow: hidden;
 464     float: right;
 465     filter: none;
 466 }
 467 .openerp .oe_mail .oe_msg_center button.oe_full .oe_e{
 468     position: relative;
 469     top: -9px;
 470     margin-left: -5px;
 471     vertical-align: top;
 472     filter: none;
 473     height: 14px;
 474 }
 475 .openerp .oe_mail button.oe_attach, .openerp .oe_mail button.oe_full{
 476     background: transparent;
 477     color: #7C7BAD;
 478     box-shadow: none;
 479     border: none;
 480     text-shadow: none;
 481     filter:none;
 482 }
 483 .openerp .oe_mail .oe_attach_label{
 484     color: #7C7BAD;
 485     margin-left: -3px;
 486 }
 487 .openerp .oe_mail .oe_msg_footer .oe_attachment_file{
 488     cursor: pointer;
 489 }
 490 .openerp .oe_mail .oe_msg_footer .oe_attachment_file .oe_form_binary_file{
 491     display: inline-block;
 492     margin-left: -122px;
 493     height: 22px;
 494     width: 128px;
 495     margin-top: -4px;
 496     filter:none;
 497     cursor: pointer;
 498 }
 499 .openerp .oe_mail .oe_msg_content .oe_mail_list_recipients{
 500     font-size: 12px;
 501     margin: 4px 0 4px 20px;
 502     text-indent: -20px;
 503 }
 504
 505 /* ---------------- HIDDEN MESSAGES ------------------ */
 506
 507 .openerp .oe_mail .oe_msg_content.oe_msg_more_message{
 508     text-align: right;
 509     cursor: pointer;
 510 }
 511 .openerp .oe_mail .oe_msg_content.oe_msg_more_message .oe_separator{
 512     height: 0;
 513     border-bottom: dashed 1px #e6e6e6;
 514     margin-left: -4px;
 515     margin-right: 8px;
 516     margin-top: 6px;
 517     margin-bottom: -9px;
 518 }
 519 .openerp .oe_mail .oe_msg_more_message .oe_msg_fetch_more {
 520     background: white;
 521     margin-right: 210px;
 522     padding-left: 8px;
 523     padding-right: 8px;
 524     text-decoration: none;
 525     color: #b4b4b4;
 526 }
 527 .openerp .oe_mail .oe_msg_more_message .oe_msg_fetch_more:hover{
 528     text-decoration: none;
 529 }
 530
 531 /* ---------------- FOLLOWERS ------------------ */
 532
 533 .openerp .oe_followers{
 534     position: relative;
 535     display: inline-block;
 536     padding-top: 5px;
 537     width: 160px;
 538     float: right;
 539     margin-right: 16px;
 540 }
 541
 542 /*  a) THE FOLLOW BUTTON */
 543
 544 .openerp .oe_followers button.oe_follower{
 545     display: block;
 546     text-align: center;
 547     width:135px;
 548 }
 549 .openerp .oe_followers button.oe_follower.oe_following{
 550     color: white;
 551     background-color: #3465A4;
 552     background-image: -webkit-linear-gradient(top, #729FCF, #3465A4);
 553     background-image:    -moz-linear-gradient(top, #729FCF, #3465A4);
 554     background-image:     -ms-linear-gradient(top, #729FCF, #3465A4);
 555     background-image:      -o-linear-gradient(top, #729FCF, #3465A4);
 556     background-image:         linear-gradient(to bottom, #729FCF, #3465A4);
 557 }
 558 .openerp .oe_followers button.oe_follower.oe_following:hover{
 559     color: white;
 560     filter:none;
 561     background-color: #A21A1A;
 562     background-image: -webkit-linear-gradient(top, #DF3F3F, #A21A1A);
 563     background-image:    -moz-linear-gradient(top, #DF3F3F, #A21A1A);
 564     background-image:     -ms-linear-gradient(top, #DF3F3F, #A21A1A);
 565     background-image:      -o-linear-gradient(top, #DF3F3F, #A21A1A);
 566     background-image:         linear-gradient(to bottom, #DF3F3F, #A21A1A);
 567 }
 568
 569 .openerp .oe_followers button.oe_follower .oe_follow,
 570 .openerp .oe_followers button.oe_follower .oe_unfollow,
 571 .openerp .oe_followers button.oe_follower .oe_following{
 572     display: none;
 573 }
 574 /*  a.1) when following, show 'following' */
 575 .openerp .oe_followers button.oe_follower.oe_following .oe_following{
 576     display: inline;
 577 }
 578 /*  a.2) when following and hovering, show 'unfollow' */
 579 .openerp .oe_followers button.oe_follower.oe_following:hover .oe_following{
 580     display: none;
 581 }
 582 .openerp .oe_followers button.oe_follower.oe_following:hover .oe_unfollow{
 583     display: inline;
 584 }
 585 /*  a.3) when not following  show 'follow' */
 586 .openerp .oe_followers button.oe_follower.oe_notfollow .oe_follow{
 587     display: inline;
 588 }
 589
 590 .openerp .oe_followers .oe_subtype_list{
 591     margin-top: 4px;
 592 }
 593
 594 /*  b) THE FOLLOWERS */
 595 .openerp .oe_followers .oe_follower_title{
 596     display: inline;
 597 }
 598 .openerp .oe_followers .oe_follower_title_box{
 599     margin-top: 12px;
 600     margin-bottom: 4px;
 601 }
 602 .openerp .oe_followers .oe_invite{
 603     padding-left: 5px;
 604 }
 605 .openerp .oe_followers .oe_partner {
 606     height: 32px;
 607     margin-right: 24px;
 608     overflow: hidden;
 609     white-space: nowrap;
 610     text-overflow: ellipsis;
 611 }
 612 .openerp .oe_followers .oe_partner img{
 613     width: 32px;
 614     margin-right:4px;
 615     border-radius: 2px;
 616 }
 617 .openerp .oe_followers .oe_remove_follower{
 618     cursor: pointer;
 619     position: absolute;
 620     right: 0px;
 621     line-height: 20px;
 622 }
 623 .openerp .oe_followers .oe_edit_subtype{
 624     cursor: pointer;
 625     position: absolute;
 626     right: 12px;
 627     line-height: 20px;
 628 }
 629 .openerp .oe_followers .oe_partner .oe_hidden{
 630     display: none;
 631 }
 632 .openerp .oe_followers .oe_show_more{
 633     cursor: pointer;
 634 }
 635 /* ---------------- MESSAGES BODY ------------------ */
 636 .openerp .oe_mail .oe_msg_content .oe_blockquote,
 637 .openerp .oe_mail .oe_msg_content blockquote {
 638     padding: 4px;
 639     border-radius: 2px;
 640     border: solid 1px rgba(124,123,173,0.14);
 641 }
 642
 643 /* ----------- FORM INTEGRATION ------------ */
 644
 645 .openerp .oe_record_thread{
 646     display: block;
 647     margin-left: 16px;
 648     margin-right: 212px;
 649 }
 650
 651 /* ----------- INBOX INTEGRATION ----------- */
 652
 653 .openerp .oe_mail_wall .oe_mail{
 654     margin: 16px;
 655     width: 600px;
 656     display: inline-block;
 657 }
 658
 659 .openerp .oe_mail .oe_view_nocontent > p {
 660     padding-left: 15px;
 661 }
 662
 663
 664 /* ------------- WALL SIDEBAR ------------- */
 665
 666 .openerp .oe_mail_wall .oe_mail_wall_aside {
 667     margin: 16px;
 668     position: relative;
 669     display: inline-block;
 670     vertical-align: top;
 671     width: 260px;
 672 }
 673 .openerp .oe_mail_wall_aside .oe_sidebar_suggestion {
 674     background-color: #EDEDF6;
 675     border-radius: 2px;
 676     padding-top: 1px;
 677 }
 678 .openerp .oe_sidebar_suggestion .oe_suggest_title h2 {
 679     font-size: 14px;
 680     font-weight: bold;
 681     margin-left: 10px;
 682     padding: 0px;
 683 }
 684 .openerp .oe_sidebar_suggestion .oe_suggest_items .oe_suggested_item {
 685     border-radius: 2px;
 686     width: 100%;
 687     margin-left: 10px;
 688     min-height: 67px;  /* image_small 66x66px */
 689 }
 690 .openerp .oe_sidebar_suggestion .oe_suggest_items .oe_suggested_item_image {
 691     float: left;
 692     padding-right: 10px;
 693 }
 694 .openerp .oe_sidebar_suggestion .oe_suggest_items .oe_suggested_item_image img {
 695     border-radius: 2px;
 696     border: solid 1px rgba(0,0,0,0.03);
 697 }
 698 .openerp .oe_sidebar_suggestion .oe_suggest_items .oe_suggested_item_content button {
 699     margin-top: 10px;
 700 }
 701 .openerp .oe_sidebar_suggestion .oe_suggest_items .oe_suggested_item_content a.oe_suggestion_item_name {
 702     text-overflow: ellipsis;
 703     overflow: hidden;
 704     width: 90%;
 705 }
 706 .openerp .oe_sidebar_suggestion .oe_suggest_title a.oe_suggestion_remove {
 707     line-height: 15px;
 708     margin-top: -2px;
 709     float: right;
 710     visibility: hidden;
 711     margin-right: 7px;
 712 }
 713 .openerp .oe_sidebar_suggestion .oe_suggest_items .oe_suggested_item_content a.oe_suggestion_remove_item {
 714     line-height: 15px;
 715     margin-top: -2px;
 716     float: right;
 717     visibility: hidden;
 718     margin-right: 16px;
 719 }
 720 .openerp .oe_sidebar_suggestion .oe_suggest_title:hover a.oe_suggestion_remove,
 721 .openerp .oe_sidebar_suggestion .oe_suggest_items:hover a.oe_suggestion_remove_item {
 722     visibility: visible;
 723 }
 724 .subtype-border {
 725     border-bottom: 1px solid #dddddd;
 726     margin-bottom: 10px;
 727 }
 728