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

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