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

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