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

   1 /* ------------------------------------------------------------ */
   2 /* Wall
   3 /* ------------------------------------------------------------ */
   4
   5 .openerp div.oe_mail_wall {
   6     overflow: auto;
   7     padding: 0;
   8     background: white;
   9 }
  10
  11 .openerp div.oe_mail_wall_main {
  12     float: left;
  13     width: 560px;
  14     margin: 8px;
  15 }
  16
  17 .openerp div.oe_mail_wall_aside {
  18     margin-left: 565px;
  19     margin: 8px;
  20 }
  21
  22 .openerp div.oe_mail_wall_action {
  23     padding: 8px;
  24     background: #eee;
  25     border: 1px solid #ccc;
  26 }
  27
  28 .openerp div.oe_mail_wall_action:after {
  29     content: "";
  30     display: block;
  31     clear: both;
  32 }
  33
  34 .openerp div.oe_mail_wall_action .oe_mail_msg_content {
  35     width: 484px;
  36 }
  37
  38 .openerp div.oe_mail_wall_action textarea.oe_mail_compose_textarea,
  39 .openerp div.oe_mail_wall_action div.oe_mail_compose_message_body_text textarea {
  40     width: 474px;
  41     height: 60px;
  42     padding: 4px;
  43     margin-bottom: 2px;
  44 }
  45
  46 .openerp ul.oe_mail_wall_threads {
  47     margin-top: 8px;
  48 }
  49
  50 /* Specific display of threads in the wall */
  51 /* ------------------------------------------------------------ */
  52
  53 .openerp ul.oe_mail_wall_threads .oe_mail_msg_content textarea {
  54     width: 434px;
  55     height: 30px;
  56     padding: 4px;
  57 }
  58
  59 .openerp li.oe_mail_wall_thread:first .oe_mail_msg_notification {
  60     border-top: 0;
  61 }
  62
  63 .openerp div.oe_mail_thread_subthread img {
  64     width: 28px;
  65     height: 28px;
  66 }
  67
  68 .openerp div.oe_mail_msg_content {
  69     position: relative;
  70     width: 486px;
  71 }
  72
  73 .openerp div.oe_mail_msg_content > li {
  74     float: left;
  75     margin-right: 3px;
  76 }
  77
  78 .openerp div.oe_mail_thread_subthread div.oe_mail_msg_content {
  79     width: 440px;
  80 }
  81
  82 .openerp div.oe_mail_wall_more {
  83     text-align: center;
  84     display: none;
  85 }
  86
  87
  88 /* ------------------------------------------------------------ */
  89 /* RecordThread
  90 /* ------------------------------------------------------------ */
  91
  92 .openerp .oe_form div.oe_chatter {
  93     overflow: auto;
  94 }
  95
  96 .openerp div.oe_mail_recthread {
  97     /*overflow: auto;*/
  98 }
  99
 100 .openerp div.oe_mail_recthread_main {
 101     float: left;
 102     width: 560px;
 103 }
 104
 105 .openerp div.oe_mail_recthread_aside {
 106     float: right;
 107     width: 250px;
 108 }
 109
 110 .openerp div.oe_mail_recthread_actions {
 111     margin-bottom: 8px;
 112 }
 113
 114 .openerp div.oe_mail_recthread_actions button {
 115     width: 120px;
 116 }
 117
 118 .openerp button.oe_mail_button_followers {
 119     display: inline;
 120 }
 121
 122 .openerp button.oe_mail_button_mouseout {
 123   color: white;
 124   background-color: #8a89ba;
 125   background-image: -webkit-gradient(linear, left top, left bottom, from(#8a89ba), to(#807fb4));
 126   background-image: -webkit-linear-gradient(top, #8a89ba, #807fb4);
 127   background-image: -moz-linear-gradient(top, #8a89ba, #807fb4);
 128   background-image: -ms-linear-gradient(top, #8a89ba, #807fb4);
 129   background-image: -o-linear-gradient(top, #8a89ba, #807fb4);
 130   background-image: linear-gradient(to bottom, #8a89ba, #807fb4);
 131 }
 132
 133 .openerp button.oe_mail_button_mouseover {
 134   display: none;
 135   color: white;
 136   background-color: #dc5f59;
 137   background-image: -webkit-gradient(linear, left top, left bottom, from(#dc5f59), to(#b33630));
 138   background-image: -webkit-linear-gradient(top, #dc5f59, #b33630);
 139   background-image: -moz-linear-gradient(top, #dc5f59, #b33630);
 140   background-image: -ms-linear-gradient(top, #dc5f59, #b33630);
 141   background-image: -o-linear-gradient(top, #dc5f59, #b33630);
 142   background-image: linear-gradient(to bottom, #dc5f59, #b33630);
 143 }
 144
 145 .openerp div.oe_mail_recthread_followers {
 146     margin-bottom: 8px;
 147 }
 148
 149
 150 /* ------------------------------------------------------------ */
 151 /* Thread
 152 /* ------------------------------------------------------------ */
 153
 154 .openerp div.oe_mail_thread_action {
 155     display: none;
 156     white-space: normal;
 157     padding: 8px;
 158     background: #eee;
 159     border-top: 1px solid #ccc;
 160 }
 161
 162 .openerp div.oe_mail_thread_action:after {
 163     content: "";
 164     display: block;
 165     clear: both;
 166 }
 167
 168 /* default textarea (oe_mail_compose_textarea), and body_text textarea for compose form view */
 169 .openerp .oe_mail_msg_content textarea.oe_mail_compose_textarea,
 170 .openerp .oe_mail_msg_content div.oe_mail_compose_message_body_text textarea {
 171     width: 474px;
 172     height: 60px;
 173     padding: 4px;
 174     font-size: 12px;
 175     border: 1px solid #cccccc;
 176 }
 177
 178 /* default textarea (oe_mail_compose_textarea), and body_text textarea for compose form view */
 179 .openerp .oe_mail_msg_content textarea.oe_mail_compose_textarea:focus,
 180 .openerp .oe_mail_msg_content div.oe_mail_compose_message_body_text textarea:focus {
 181     outline: 0;
 182     border-color: rgba(82, 168, 236, 0.8);
 183     -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
 184     -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
 185     -box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
 186 }
 187
 188 .openerp div.oe_mail_thread_display {
 189     white-space: normal;
 190 }
 191
 192 .openerp div.oe_mail_thread_subthread {
 193     margin-left: 66px;
 194 }
 195
 196 .openerp div.oe_mail_thread_subthread li.oe_mail_thread_msg:last-child {
 197     margin-bottom: 8px;
 198 }
 199
 200 .openerp div.oe_mail_thread_more {
 201     display: none;
 202     border-bottom: 1px solid #D2D9E7;
 203 }
 204
 205 .openerp li.oe_mail_thread_msg:after {
 206     content: "";
 207     display: block;
 208     clear: both;
 209 }
 210
 211 .openerp li.oe_mail_thread_msg > div:after {
 212     content: "";
 213     display: block;
 214     clear: both;
 215 }
 216
 217 .openerp div.oe_mail_msg {
 218     padding: 0;
 219     margin: 0 0 4px 0;
 220 }
 221
 222 .openerp .oe_mail_msg_notification,
 223 .openerp .oe_mail_msg_comment,
 224 .openerp .oe_mail_msg_email {
 225     padding: 8px;
 226     background: white;
 227     border-top: 1px solid #ccc;
 228 }
 229
 230 .openerp div.oe_mail_thread_subthread .oe_mail_msg_comment {
 231     background: #eee;
 232 }
 233
 234 .openerp .oe_mail_msg_notification:after,
 235 .openerp .oe_mail_msg_comment:after,
 236 .openerp .oe_mail_msg_email:after {
 237     content: "";
 238     display: block;
 239     clear: both;
 240 }
 241
 242 .openerp .oe_mail_msg_content {
 243     float: left;
 244 }
 245
 246 .openerp .oe_mail_msg_content:after {
 247     content: "";
 248     display: block;
 249     clear: both;
 250 }
 251
 252 .openerp img.oe_mail_icon {
 253     width: 50px;
 254     height: 50px;
 255 }
 256
 257 .openerp img.oe_mail_thumbnail {
 258     width: 28px;
 259     height: 28px;
 260     margin: 4px;
 261 }
 262
 263 .openerp img.oe_mail_frame {
 264     text-align: center;
 265     overflow: hidden;
 266     -moz-border-radius: 3px;
 267     -webkit-border-radius: 3px;
 268     -o-border-radius: 3px;
 269     -ms-border-radius: 3px;
 270     border-radius: 3px;
 271     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
 272     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
 273     -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
 274     -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
 275     clip: rect(5px, 40px, 45px, 0px);
 276 }
 277
 278 .openerp .oe_mail_invisible {
 279     display: none;
 280 }
 281
 282 /* ------------------------------------------------------------ */
 283 /* mail.compose.message form view & OpenERP hacks
 284 /* ------------------------------------------------------------ */
 285
 286 /* form_view: delete white background */
 287 .openerp .oe_mail_msg_content div.oe_formview {
 288     background-color: transparent;
 289 }
 290
 291 .openerp .oe_mail_msg_content div.oe_form_nosheet {
 292     margin: 0px;
 293 }
 294
 295 .openerp .oe_mail_msg_content table.oe_form_group {
 296     margin: 0px;
 297 }
 298
 299 .openerp .oe_mail_msg_content table.oe_form_field,
 300 .openerp .oe_mail_msg_content div.oe_form_field {
 301     padding: 0px;
 302 }
 303
 304 .openerp .oe_mail_msg_content td.oe_form_group_cell {
 305     vertical-align: bottom;
 306 }
 307
 308 /* subject: change width */
 309 .openerp .oe_mail_msg_content .oe_form .oe_form_field input {
 310     width: 472px;
 311 }
 312
 313 /* body_html: cleditor */
 314 .openerp .oe_mail_msg_content div.cleditorMain {
 315     border: 1px solid #cccccc;
 316 }
 317
 318 /* destination_partner_ids */
 319 .openerp .oe_mail_msg_content div.text-core {
 320     height: 22px !important;
 321     width: 472px;
 322 }
 323
 324 /* buttons */
 325 .openerp .oe_mail_msg_content .oe_mail_compose_message_icons button.oe_form_button {
 326     padding: 1px;
 327 }
 328
 329 /* ------------------------------------------------------------ */
 330 /* Messages layout
 331 /* ------------------------------------------------------------ */
 332
 333 .openerp .oe_mail_msg .oe_mail_msg_title {
 334     margin: 0;
 335     font-size: 1.3em;
 336     font-weight: bold;
 337 }
 338 .openerp .oe_mail_msg .oe_mail_msg_title a:link,
 339 .openerp .oe_mail_msg .oe_mail_msg_title a:visited {
 340     color: #4C4C4C;
 341     text-decoration: none;
 342 }
 343
 344 .openerp .oe_mail_msg_subtitle {
 345     margin: 0 0 .5em 0;
 346 }
 347 .openerp .oe_mail_msg_footer,
 348 .openerp .oe_mail_msg_subtitle {
 349     color: #888;
 350 }
 351
 352 .openerp .oe_mail_msg_footer li {
 353   float: left;
 354   margin-right: 3px;
 355 }
 356
 357 .openerp .oe_mail_msg_body {
 358     margin-bottom: .5em;
 359     text-align: justify;
 360 }
 361
 362 .openerp .oe_mail_msg_body span.oe_mail_msg_tail {
 363     display: inline;
 364 }
 365
 366 .openerp .oe_mail_oe_bold {
 367     font-weight: bold;
 368 }
 369
 370 /* Read more/less link */
 371 .openerp .oe_mail_msg_content .oe_mail_reduce {
 372     position: absolute;
 373     right: 0;
 374 }
 375
 376 /* Dropdown menu */
 377 .openerp .oe_mail_msg_content .oe_dropdown_toggle {
 378     position: absolute;
 379     top: 0px;
 380     right: 3px;
 381 }
 382 .openerp .oe_mail_msg_content .oe_dropdown_arrow:after {
 383     border-top: 4px solid transparent;
 384 }
 385 .openerp .oe_mail_msg_content:hover .oe_dropdown_arrow:after {
 386     border-top: 4px solid #404040;
 387 }
 388
 389 .openerp .oe_mail_msg_footer li:after {
 390     content: " · ";
 391 }
 392
 393 .openerp .oe_mail_msg_footer li:last-child:after {
 394     content: "";
 395 }
 396
 397 /* Attachments list */
 398 .openerp ul.oe_mail_msg_attachments {
 399     display: none;
 400     width: 100%;
 401     border-top: 1px solid #CCC;
 402     margin: .5em 0 0 0;
 403     padding: .5em 0;
 404     list-style-position: inside;
 405 }
 406 .openerp ul.oe_mail_msg_attachments li {
 407     float: none;
 408     margin: 0;
 409     padding: 0;
 410     list-style-type: square;
 411 }