1 /* ------------ TOPBAR MAIL BUTTON --------------- */
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
8 .openerp .oe_topbar_item.oe_topbar_compose_full_email{
13 .openerp .oe_topbar_item.oe_topbar_compose_full_email button{
15 top: -3px; /* centering entypo ... urgh */
16 box-sizing: border-box;
21 text-shadow: 0px 1px 2px black;
29 /* ------------ MAIL WIDGET --------------- */
30 .openerp .oe_mail, .openerp .oe_mail *{
31 -webkit-box-sizing: border-box;
32 -moz-box-sizing: border-box;
33 box-sizing: border-box;
40 .openerp .oe_mail .oe_thread{
43 .openerp .oe_mail > .oe_thread{
47 /* ---------------- MESSAGES ------------------ */
49 .openerp .oe_mail .oe_msg{
55 border: solid 1px rgba(0,0,0,0.03);
57 .openerp .oe_mail .oe_msg.oe_msg_nobody{
60 .openerp .oe_mail .oe_msg .oe_msg_left{
62 left:0; top: 0; bottom: 0; width: 40px;
65 .openerp .oe_mail .oe_msg .oe_msg_left a,
66 .openerp .oe_mail .oe_msg .oe_msg_left img{
69 .openerp .oe_mail .oe_msg .oe_msg_icon{
74 .openerp .oe_mail .oe_msg .oe_msg_center{
79 .openerp .oe_mail .oe_msg .oe_msg_footer{
86 .openerp .oe_mail .oe_msg .oe_msg_content{
92 .openerp .oe_mail .oe_msg .oe_msg_content .oe_msg_title{
97 .openerp .oe_mail .oe_msg .oe_msg_content .oe_msg_body p:first-of-type {
101 .openerp .oe_mail .oe_msg .oe_msg_content .oe_msg_body p {
104 .openerp .oe_mail .oe_msg .oe_msg_content .oe_msg_body * {
105 text-overflow:ellipsis;
106 word-wrap: break-word;
109 /* a) Indented Messages */
111 .openerp .oe_mail .oe_msg_indented{
117 .openerp .oe_mail .oe_msg.oe_msg_indented .oe_msg_icon{
122 .openerp .oe_mail .oe_msg .oe_subtle{
125 .openerp .oe_mail .oe_msg_indented .oe_msg_center{
128 .openerp .oe_mail .oe_msg.oe_msg_indented .oe_msg_content{
131 .openerp .oe_mail .oe_msg.oe_msg_indented .oe_msg_footer{
135 /* b) Votes (likes) */
137 .openerp .oe_mail .oe_mail_vote_count{
141 box-shadow: 0px 0px 0px 1px rgba(124, 123, 173, 0.36) inset;
150 .openerp .oe_mail .oe_mail_vote_count .oe_e{
157 /* c) Message action icons */
159 .openerp .oe_mail .oe_msg .oe_msg_icons{
165 -webkit-user-select: none;
166 -moz-user-select: none;
167 -ms-user-select: none;
170 .openerp .oe_mail .oe_msg .oe_msg_icons span{
177 .openerp .oe_mail .oe_msg .oe_msg_icons a {
178 text-decoration: none;
180 text-shadow: 0px 1px #AAA,0px -1px #AAA, -1px 0px #AAA, 1px 0px #AAA, 0px 3px 3px rgba(0,0,0,0.1);
181 -webkit-transition: all 0.2s linear;
182 -moz-transition: all 0.2s linear;
183 -o-transition: all 0.2s linear;
184 transition: all 0.2s linear;
186 .openerp .oe_mail .oe_msg:hover .oe_msg_icons a{
188 -webkit-transition: all 0.1s linear;
189 -moz-transition: all 0.1s linear;
190 -o-transition: all 0.1s linear;
191 transition: all 0.1s linear;
193 .openerp .oe_mail .oe_msg .oe_msg_icons .oe_star:hover a{
195 text-shadow: 0px 1px #FFA162,0px -1px #FFA162, -1px 0px #FFA162, 1px 0px #FFA162, 0px 3px 3px rgba(0,0,0,0.1);
197 .openerp .oe_mail .oe_msg .oe_msg_icons .oe_star.oe_starred a{
199 text-shadow: 0px 1px #DF6200,0px -1px #DF6200, -1px 0px #DF6200, 1px 0px #DF6200, 0px 3px 3px rgba(0,0,0,0.1);
201 .openerp .oe_mail .oe_msg .oe_msg_icons .oe_reply:hover a{
203 text-shadow: 0px 1px #184fc5,0px -1px #184fc5, -1px 0px #184fc5, 1px 0px #184fc5, 0px 3px 3px rgba(0,0,0,0.1);
205 .openerp .oe_mail .oe_msg .oe_msg_icons .oe_read:hover a{
207 text-shadow: 0px 1px #7c7bad,0px -1px #7c7bad, -1px 0px #7c7bad, 1px 0px #7c7bad, 0px 3px 3px rgba(0,0,0,0.1);
209 .openerp .oe_mail .oe_msg .oe_msg_icons .oe_unread:hover a{
211 text-shadow: 0px 1px #009441,0px -1px #009441, -1px 0px #009441, 1px 0px #009441, 0px 3px 3px rgba(0,0,0,0.1);
213 .openerp .oe_mail .oe_msg .oe_msg_content textarea{
222 .openerp .oe_mail .oe_msg.oe_msg_composer_compact, .openerp .oe_mail .oe_msg.oe_msg_expandable{
226 .openerp .oe_mail .oe_msg.oe_msg_composer_compact textarea{
230 .openerp .oe_mail .oe_msg.oe_msg_composer_compact .oe_sep_word{
234 .openerp .oe_mail .oe_msg.oe_msg_composer_compact .oe_compact{
241 .openerp .oe_mail .oe_msg.oe_msg_composer_compact .oe_compact_record {
246 .openerp .oe_mail .oe_msg.oe_msg_composer_compact .oe_compact_inbox {
247 border: 1px solid #CCC;
248 -moz-border-radius: 3px;
249 -webkit-border-radius: 3px;
256 /* d) I.E. tweaks for Message action icons */
258 .openerp.openerp_ie .oe_mail .oe_msg .oe_msg_icons a {
262 .openerp.openerp_ie .oe_mail .oe_msg .oe_msg_icons .oe_star:hover a{
266 .openerp.openerp_ie .oe_mail .oe_msg .oe_msg_icons .oe_starred a{
270 .openerp.openerp_ie .oe_mail .oe_msg .oe_msg_icons .oe_read:hover a{
274 .openerp.openerp_ie .oe_mail .oe_msg .oe_msg_icons .oe_unread:hover a{
279 /* --------------------- ATTACHMENTS --------------------- */
281 .openerp .oe_mail .oe_msg_attachment_list{
285 .openerp .oe_mail .oe_msg_composer .oe_msg_attachment_list {
288 .openerp .oe_mail .oe_msg_composer .oe_recipients {
293 .openerp .oe_mail .oe_msg_composer .oe_recipients label{
294 vertical-align: middle;
298 .openerp .oe_mail .oe_msg_composer .oe_recipients input{
299 vertical-align: middle;
301 .openerp .oe_mail .oe_attachment{
302 display: inline-block;
311 .openerp .oe_mail .oe_attachment .oe_name{
312 display: inline-block;
324 .openerp .oe_mail .oe_attachment.oe_preview{
325 background: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJ0lEQVQYV2MsLS39z4AGLCws0IUYGIeCwrVr12J45sSJE5ieGQIKAbuZKf/EMCs7AAAAAElFTkSuQmCC );
327 .openerp .oe_mail .oe_attachment .oe_progress_bar{
340 border: solid 1px rgba(0,0,0,0.2);
341 box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.34);
342 -webkit-animation: oe_mail_attach_loading_anim 0.75s infinite linear;
343 -moz-animation: oe_mail_attach_loading_anim 0.75s infinite linear;
344 -o-animation: oe_mail_attach_loading_anim 0.75s infinite linear;
345 animation: oe_mail_attach_loading_anim 0.75s infinite linear;
347 .openerp .oe_mail .oe_attachment.oe_uploading .oe_progress_bar{
350 @-webkit-keyframes oe_mail_attach_loading_anim{
351 0% { background: #4BBD00 }
352 50% { background: #009123 }
353 100% { background: #4BBD00 }
355 @-moz-keyframes oe_mail_attach_loading_anim{
356 0% { background: #4BBD00 }
357 50% { background: #009123 }
358 100% { background: #4BBD00 }
360 @-o-keyframes oe_mail_attach_loading_anim{
361 0% { background: #4BBD00 }
362 50% { background: #009123 }
363 100% { background: #4BBD00 }
365 @keyframes oe_mail_attach_loading_anim{
366 0% { background: #4BBD00 }
367 50% { background: #009123 }
368 100% { background: #4BBD00 }
370 .openerp .oe_mail .oe_attachment.oe_preview .oe_name{
377 background: rgba(0,0,0,0.8);
380 border-top-left-radius: 0px;
381 border-top-right-radius: 0px;
383 -webkit-transition: opacity 0.2s linear;
384 -moz-transition: opacity 0.2s linear;
385 -o-transition: opacity 0.2s linear;
386 transition: opacity 0.2s linear;
388 .openerp .oe_mail .oe_attachment.oe_preview:hover .oe_name{
390 -webkit-transition: opacity 0.2s linear;
391 -moz-transition: opacity 0.2s linear;
392 -o-transition: opacity 0.2s linear;
393 transition: opacity 0.2s linear;
395 .openerp .oe_mail .oe_attachment img{
403 .openerp .oe_mail .oe_attachment.oe_preview img{
410 border: solid 3px #FFF;
412 box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.19);
414 .openerp .oe_mail .oe_attachment .oe_delete{
417 .openerp .oe_mail .oe_msg_composer .oe_attachment .oe_delete{
423 text-shadow: 1px 0px white, -1px 0px white, 0px 1px white, 0px -1px white;
426 -webkit-transition: opacity 0.2s linear;
427 -moz-transition: opacity 0.2s linear;
428 -o-transition: opacity 0.2s linear;
429 transition: opacity 0.2s linear;
431 .openerp .oe_mail .oe_msg_composer .oe_attachment:hover .oe_delete{
433 -webkit-transition: opacity 0.2s linear;
434 -moz-transition: opacity 0.2s linear;
435 -o-transition: opacity 0.2s linear;
436 transition: opacity 0.2s linear;
438 /* ---------------- MESSAGE QUICK COMPOSER --------------- */
440 .openerp .oe_mail .oe_msg_composer .oe_msg_footer{
445 .openerp .oe_mail .oe_msg_images {
448 .openerp .oe_mail .oe_msg_footer button{
453 vertical-align: middle;
455 .openerp .oe_mail .oe_msg_footer button.oe_post,
456 .openerp .oe_mail .oe_msg_footer button.oe_log{
460 .openerp .oe_mail .oe_msg_footer button.oe_attach{
465 .openerp .oe_mail .oe_msg_footer button.oe_attach .oe_e{
469 vertical-align: middle;
472 .openerp .oe_mail .oe_hidden_input_file, .openerp .oe_mail .oe_hidden_input_file form{
475 .openerp .oe_mail .oe_msg_center button.oe_full{
482 .openerp .oe_mail .oe_msg_center button.oe_full .oe_e{
490 .openerp .oe_mail button.oe_attach, .openerp .oe_mail button.oe_full{
491 background: transparent;
498 .openerp .oe_mail .oe_attach_label{
502 .openerp .oe_mail .oe_msg_footer .oe_attachment_file{
505 .openerp .oe_mail .oe_msg_footer .oe_attachment_file .oe_form_binary_file{
506 display: inline-block;
514 .openerp .oe_mail .oe_msg_content .oe_mail_list_recipients{
516 margin: 4px 0 4px 20px;
520 /* ---------------- HIDDEN MESSAGES ------------------ */
522 .openerp .oe_mail .oe_msg_content.oe_msg_more_message{
526 .openerp .oe_mail .oe_msg_content.oe_msg_more_message .oe_separator{
528 border-bottom: dashed 1px #e6e6e6;
534 .openerp .oe_mail .oe_msg_more_message .oe_msg_fetch_more {
539 text-decoration: none;
542 .openerp .oe_mail .oe_msg_more_message .oe_msg_fetch_more:hover{
543 text-decoration: none;
546 /* ---------------- FOLLOWERS ------------------ */
548 .openerp .oe_followers{
550 display: inline-block;
557 /* a) THE FOLLOW BUTTON */
559 .openerp .oe_followers button.oe_follower{
564 .openerp .oe_followers button.oe_invite{
571 .openerp .oe_followers button.oe_invite,
572 .openerp .oe_followers button.oe_follower.oe_following{
574 background-color: #3465A4;
575 background-image: -webkit-linear-gradient(top, #729FCF, #3465A4);
576 background-image: -moz-linear-gradient(top, #729FCF, #3465A4);
577 background-image: -ms-linear-gradient(top, #729FCF, #3465A4);
578 background-image: -o-linear-gradient(top, #729FCF, #3465A4);
579 background-image: linear-gradient(to bottom, #729FCF, #3465A4);
581 .openerp .oe_followers button.oe_follower.oe_following:hover{
584 background-color: #A21A1A;
585 background-image: -webkit-linear-gradient(top, #DF3F3F, #A21A1A);
586 background-image: -moz-linear-gradient(top, #DF3F3F, #A21A1A);
587 background-image: -ms-linear-gradient(top, #DF3F3F, #A21A1A);
588 background-image: -o-linear-gradient(top, #DF3F3F, #A21A1A);
589 background-image: linear-gradient(to bottom, #DF3F3F, #A21A1A);
592 .openerp .oe_followers button.oe_follower .oe_follow,
593 .openerp .oe_followers button.oe_follower .oe_unfollow,
594 .openerp .oe_followers button.oe_follower .oe_following{
597 /* a.1) when following, show 'following' */
598 .openerp .oe_followers button.oe_follower.oe_following .oe_following{
601 /* a.2) when following and hovering, show 'unfollow' */
602 .openerp .oe_followers button.oe_follower.oe_following:hover .oe_following{
605 .openerp .oe_followers button.oe_follower.oe_following:hover .oe_unfollow{
608 /* a.3) when not following show 'follow' */
609 .openerp .oe_followers button.oe_follower.oe_notfollow .oe_follow{
613 .openerp .oe_followers .oe_subtype_list{
617 /* b) THE FOLLOWERS */
618 .openerp .oe_followers .oe_follower_title{
621 .openerp .oe_followers .oe_follower_title_box{
625 .openerp .oe_followers .oe_partner {
630 text-overflow: ellipsis;
632 .openerp .oe_followers .oe_partner img{
637 .openerp .oe_followers .oe_remove_follower{
644 .openerp .oe_followers .oe_show_more{
648 /* ---------------- MESSAGES BODY ------------------ */
649 .openerp .oe_mail .oe_msg_content .oe_blockquote,
650 .openerp .oe_mail .oe_msg_content blockquote {
653 border: solid 1px rgba(124,123,173,0.14);
656 /* ----------- FORM INTEGRATION ------------ */
658 .openerp .oe_record_thread{
664 /* ----------- INBOX INTEGRATION ----------- */
666 .openerp .oe_mail_wall .oe_mail{
671 .openerp .oe_mail .oe_view_nocontent > p {