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

   1
   2 /* ------------------------------ */
   3 /* Wall                           */
   4 /* ------------------------------ */
   5
   6 .openerp div.oe_mail_wall {
   7     overflow: auto;
   8     padding: 0;
   9     background: white;
  10 }
  11
  12 .openerp div.oe_mail_wall_action {
  13     padding: 8px;
  14     background: #eee;
  15     border: 1px solid #ccc;
  16 }
  17
  18 .openerp div.oe_mail_wall_action:after {
  19     content: "";
  20     display: block;
  21     clear: both;
  22 }
  23
  24 .openerp .oe_mail_wall_action textarea {
  25     width: 474px;
  26     height: 60px;
  27     padding: 4px;
  28     margin-bottom: 8px;
  29     float: right;
  30 }
  31
  32 /* 2 columns view */
  33 .openerp div.oe_mail_wall_main {
  34     float: left;
  35     width: 560px;
  36     margin: 8px;
  37 }
  38
  39 .openerp div.oe_mail_wall_aside {
  40     margin-left: 565px;
  41     margin: 8px;
  42 }
  43
  44 /* Threads */
  45 .openerp .oe_mail_wall_threads {
  46     margin-top: 8px;
  47 }
  48 .openerp .oe_mail_wall_threads textarea {
  49     height: 40px;
  50     padding: 4px;
  51 }
  52
  53 .openerp .oe_mail_wall_thread:first .oe_mail_msg_notification {
  54     border-top: 0;
  55 }
  56
  57 .openerp div.oe_mail_thread_subthread img {
  58     width: 28px;
  59     height: 28px;
  60 }
  61
  62 .openerp div.oe_mail_msg_content {
  63     position: relative;
  64     width: 486px;
  65 }
  66
  67 .openerp div.oe_mail_msg_content li{
  68     float: left;
  69     margin-right: 3px;
  70 }
  71
  72 .openerp div.oe_mail_thread_subthread div.oe_mail_msg_content {
  73     width: 440px;
  74 }
  75
  76 .openerp div.oe_mail_wall_more {
  77     text-align: center;
  78     display: none;
  79 }
  80
  81
  82 /* ------------------------------ */
  83 /* RecordThread                   */
  84 /* ------------------------------ */
  85
  86 .openerp div.oe_mail_recthread {
  87     overflow: auto;
  88 }
  89
  90 /* Left-side CSS */
  91 .openerp div.oe_mail_recthread_actions {
  92     margin-bottom: 8px;
  93 }
  94
  95 .openerp div.oe_mail_recthread_followers {
  96     margin-bottom: 8px;
  97 }
  98
  99 .openerp div.oe_mail_recthread_followers img.oe_mail_msg_image {
 100     width: 28px;
 101     height: 28px;
 102     margin: 4px;
 103 }
 104
 105 /* RecordThread: 2 columns view */
 106 .openerp div.oe_mail_recthread_left {
 107     float: left;
 108     width: 560px;
 109 }
 110
 111 .openerp div.oe_mail_recthread_right {
 112     float: right;
 113     width: 250px;
 114 }
 115
 116 .openerp div.oe_mail_recthread_actions button {
 117     width: 120px;
 118 }
 119
 120 .openerp button.oe_mail_button_followers {
 121     display: inline;
 122 }
 123
 124 .openerp button.oe_mail_button_mouseout {
 125   color: white;
 126   background-color: #8a89ba;
 127   background-image: -webkit-gradient(linear, left top, left bottom, from(#8a89ba), to(#807fb4));
 128   background-image: -webkit-linear-gradient(top, #8a89ba, #807fb4);
 129   background-image: -moz-linear-gradient(top, #8a89ba, #807fb4);
 130   background-image: -ms-linear-gradient(top, #8a89ba, #807fb4);
 131   background-image: -o-linear-gradient(top, #8a89ba, #807fb4);
 132   background-image: linear-gradient(to bottom, #8a89ba, #807fb4);
 133 }
 134
 135 .openerp button.oe_mail_button_mouseover {
 136   display: none;
 137   color: white;
 138   background-color: #dc5f59;
 139   background-image: -webkit-gradient(linear, left top, left bottom, from(#dc5f59), to(#b33630));
 140   background-image: -webkit-linear-gradient(top, #dc5f59, #b33630);
 141   background-image: -moz-linear-gradient(top, #dc5f59, #b33630);
 142   background-image: -ms-linear-gradient(top, #dc5f59, #b33630);
 143   background-image: -o-linear-gradient(top, #dc5f59, #b33630);
 144   background-image: linear-gradient(to bottom, #dc5f59, #b33630);
 145 }
 146
 147 .openerp textarea.oe_mail_action_textarea {
 148     height: 60px;
 149     padding: 5px;
 150 }
 151
 152 /* ------------------------------ */
 153 /* ThreadDisplay                  */
 154 /* ------------------------------ */
 155
 156 .openerp div.oe_mail_thread_action {
 157     white-space: normal;
 158     padding: 8px;
 159     background: #eee;
 160     border-top: 1px solid #ccc;
 161 }
 162
 163 .openerp div.oe_mail_thread_action:after {
 164     content: "";
 165     display: block;
 166     clear: both;
 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 .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 .oe_mail_thread_msg:after {
 187     content: "";
 188     display: block;
 189     clear: both;
 190 }
 191
 192 .openerp .oe_mail_thread_msg > div:after {
 193     content: "";
 194     display: block;
 195     clear: both;
 196 }
 197
 198 .openerp .oe_mail_msg_notification,
 199 .openerp .oe_mail_msg_comment,
 200 .openerp .oe_mail_msg_email {
 201     padding: 8px;
 202     background: white;
 203     border-top: 1px solid #ccc;
 204 }
 205
 206 .openerp .oe_email_icon {
 207     width: 50px;
 208     height: 50px;
 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_msg_image {
 234     width: 50px;
 235     height: 50px;
 236     text-align: center;
 237     overflow: hidden;
 238     -moz-border-radius: 3px;
 239     -webkit-border-radius: 3px;
 240     -o-border-radius: 3px;
 241     -ms-border-radius: 3px;
 242     border-radius: 3px;
 243     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
 244     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
 245     -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
 246     -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
 247     clip: rect(5px, 40px, 45px, 0px);
 248 }
 249
 250 /* ------------------------------ */
 251 /* Styling (should be openerp)    */
 252 /* ------------------------------ */
 253
 254 .openerp input.oe_mail, textarea.oe_mail {
 255     width: 432px;
 256     padding: 4px;
 257     font-size: 12px;
 258     border: 1px solid #cccccc;
 259     -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
 260     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
 261     -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
 262     -o-transition: border linear 0.2s, box-shadow linear 0.2s;
 263     transition: border linear 0.2s, box-shadow linear 0.2s;
 264     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 265     -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 266     -box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 267     -moz-border-radius: 3px;
 268     -webkit-border-radius: 3px;
 269     border-radius: 3px;
 270 }
 271
 272 .openerp input.oe_mail:focus, textarea.oe_mail:focus {
 273     outline: 0;
 274     border-color: rgba(82, 168, 236, 0.8);
 275     -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
 276     -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
 277     -box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
 278 }
 279
 280 .openerp div.oe_mail_msg {
 281     padding: 0;
 282     margin: 0 0 4px 0;
 283 }
 284
 285 .openerp .oe_mail_oe_bold {
 286     font-weight: bold;
 287 }
 288
 289 /* ------------------------------ */
 290 /* Messages layout                */
 291 /* ------------------------------ */
 292
 293 .openerp .oe_mail_msg .oe_mail_msg_title {
 294     margin: 0;
 295     font-size: 1.3em;
 296     font-weight: bold;
 297 }
 298 .openerp .oe_mail_msg .oe_mail_msg_title a:link,
 299 .openerp .oe_mail_msg .oe_mail_msg_title a:visited {
 300     color: #4C4C4C;
 301     text-decoration: none;
 302 }
 303
 304 .openerp .oe_mail_msg_subtitle {
 305     margin: 0 0 .5em 0;
 306 }
 307 .openerp .oe_mail_msg_footer,
 308 .openerp .oe_mail_msg_subtitle {
 309     color: #888;
 310 }
 311
 312 .openerp .oe_mail_msg_body {
 313     margin-bottom: .5em;
 314     text-align: justify;
 315 }
 316
 317 .openerp .oe_mail_msg_tail {
 318     display: none;
 319 }
 320
 321 /* Read more/less link */
 322 .openerp .oe_mail_msg_content .expand,
 323 .openerp .oe_mail_msg_content .reduce {
 324     font-weight: bold;
 325 }
 326
 327 /* Dropdown menu */
 328 .openerp .oe_mail_msg_content .oe_dropdown_toggle {
 329     position: absolute;
 330     top: 0px;
 331     right: 3px;
 332 }
 333 .openerp .oe_mail_msg_content .oe_dropdown_arrow:after {
 334     border-top: 4px solid transparent;
 335 }
 336 .openerp .oe_mail_msg_content:hover .oe_dropdown_arrow:after {
 337     border-top: 4px solid #404040;
 338 }
 339
 340 .openerp .oe_mail_msg_footer li:after {
 341     content: " · ";
 342 }
 343
 344 .openerp .oe_mail_msg_footer li:last-child:after {
 345     content: "";
 346 }
 347
 348 /* Attachments list */
 349 .openerp ul.oe_mail_msg_attachments {
 350     display: none;
 351     width: 100%;
 352     border-top: 1px solid #CCC;
 353     margin: .5em 0 0 0;
 354     padding: .5em 0;
 355     list-style-position: inside;
 356 }
 357 .openerp ul.oe_mail_msg_attachments li {
 358     float: none;
 359     margin: 0;
 360     padding: 0;
 361     list-style-type: square;
 362 }