413 lines
10 KiB
CSS
413 lines
10 KiB
CSS
/* ------------ TOPBAR MAIL BUTTON --------------- */
|
|
|
|
/* FIXME this css is not very pretty because it uses a
|
|
* 'button' element wich comes with a lot of inappropriate
|
|
* styling. Entypo is also a headache to center properly
|
|
* */
|
|
|
|
.openerp .oe_topbar_item.oe_topbar_compose_full_email{
|
|
padding: 0px;
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
.openerp .oe_topbar_item.oe_topbar_compose_full_email button{
|
|
position: relative;
|
|
top: -3px; /* centering entypo ... urgh */
|
|
box-sizing: border-box;
|
|
border: none;
|
|
box-shadow: none;
|
|
color: white;
|
|
background: none;
|
|
text-shadow: 0px 1px 2px black;
|
|
width: 32px;
|
|
height: 32px;
|
|
padding: 0px;
|
|
margin: 0px
|
|
border-radius: 0px;
|
|
}
|
|
|
|
/* ------------ MAIL WIDGET --------------- */
|
|
.openerp .oe_mail, .openerp .oe_mail *{
|
|
box-sizing: border-box;
|
|
}
|
|
.openerp .oe_mail {
|
|
display: block;
|
|
position: relative;
|
|
margin: 0px;
|
|
}
|
|
.openerp .oe_mail .oe_thread{
|
|
margin-left: 32px;
|
|
}
|
|
.openerp .oe_mail > .oe_thread{
|
|
margin-left: 0px;
|
|
}
|
|
|
|
/* ---------------- MESSAGES ------------------ */
|
|
|
|
.openerp .oe_mail .oe_msg{
|
|
position: relative;
|
|
background: #F4F5FA;
|
|
border-radius: 2px;
|
|
margin-bottom: 2px;
|
|
min-height: 42px;
|
|
border: solid 1px rgba(0,0,0,0.03);
|
|
}
|
|
.openerp .oe_mail .oe_msg .oe_msg_left{
|
|
position: absolute;
|
|
left:0; top: 0; bottom: 0; width: 40px;
|
|
overflow: hidden;
|
|
}
|
|
.openerp .oe_mail .oe_msg .oe_msg_icon{
|
|
width: 32px;
|
|
margin: 4px;
|
|
border-radius: 2px;
|
|
}
|
|
.openerp .oe_mail .oe_msg .oe_msg_center{
|
|
position: relative;
|
|
display: block;
|
|
margin-left: 40px;
|
|
}
|
|
.openerp .oe_mail .oe_msg .oe_msg_footer{
|
|
padding-left: 4px;
|
|
overflow: hidden;
|
|
opacity:0.8;
|
|
-webkit-transition: opacity 0.2s linear;
|
|
}
|
|
.openerp .oe_mail .oe_msg .oe_msg_content{
|
|
display: block;
|
|
overflow: hidden;
|
|
padding: 4px;
|
|
padding-bottom:1px;
|
|
}
|
|
.openerp .oe_mail .oe_msg .oe_msg_content .oe_msg_title{
|
|
font-size: 13px;
|
|
margin-bottom: 0px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
/* a) Indented Messages */
|
|
|
|
.openerp .oe_mail .oe_msg_indented{
|
|
background: #FFF;
|
|
border: none;
|
|
margin-bottom:0px;
|
|
min-height:38px;
|
|
}
|
|
.openerp .oe_mail .oe_msg.oe_msg_indented .oe_msg_icon{
|
|
width:32px;
|
|
margin:2px;
|
|
border-radius:2px;
|
|
}
|
|
.openerp .oe_mail .oe_msg .oe_subtle{
|
|
color: #B7B7D5;
|
|
}
|
|
.openerp .oe_mail .oe_msg_indented .oe_msg_center{
|
|
margin-left:34px;
|
|
}
|
|
.openerp .oe_mail .oe_msg.oe_msg_indented .oe_msg_content{
|
|
padding-top:2px;
|
|
}
|
|
|
|
/* b) Votes (likes) */
|
|
|
|
.openerp .oe_mail .oe_mail_vote_count{
|
|
display: inline;
|
|
position: relative;
|
|
background: white;
|
|
box-shadow: 0px 0px 0px 1px rgba(124, 123, 173, 0.36) inset;
|
|
color: #7c7bad;
|
|
text-shadow: none;
|
|
border-radius: 3px;
|
|
margin: 0px;
|
|
padding-left: 3px;
|
|
padding-right: 15px;
|
|
margin-right: 5px;
|
|
}
|
|
.openerp .oe_mail .oe_mail_vote_count .oe_e{
|
|
position: absolute;
|
|
bottom: 1px;
|
|
right: 2px;
|
|
font-size: 26px;
|
|
}
|
|
|
|
/* c) Message action icons */
|
|
|
|
.openerp .oe_mail .oe_msg.oe_msg_unread .oe_unread{
|
|
display:none;
|
|
}
|
|
.openerp .oe_mail .oe_msg.oe_msg_read .oe_read{
|
|
display:none;
|
|
}
|
|
.openerp .oe_mail .oe_msg .oe_msg_icons{
|
|
float: right;
|
|
margin-top: 4px;
|
|
margin-right: 8px;
|
|
margin-left: 8px;
|
|
height: 24px;
|
|
-webkit-user-select: none;
|
|
}
|
|
.openerp .oe_mail .oe_msg .oe_msg_icons span{
|
|
float:right;
|
|
width:24px;
|
|
height:24px;
|
|
line-height:24px;
|
|
text-align: center;
|
|
}
|
|
.openerp .oe_mail .oe_msg .oe_msg_icons a {
|
|
text-decoration: none;
|
|
color: #FFF;
|
|
text-shadow: 0px 1px #AAA,0px -1px #AAA, -1px 0px #AAA, 1px 0px #AAA, 0px 3px 3px rgba(0,0,0,0.1);
|
|
-webkit-transition: all 0.2s linear;
|
|
}
|
|
.openerp .oe_mail .oe_msg:hover .oe_msg_icons a{
|
|
opacity: 1;
|
|
-webkit-transition: all 0.1s linear;
|
|
}
|
|
.openerp .oe_mail .oe_msg .oe_msg_icons .oe_star:hover a{
|
|
color: #FFF6C0;
|
|
text-shadow: 0px 1px #FFA162,0px -1px #FFA162, -1px 0px #FFA162, 1px 0px #FFA162, 0px 3px 3px rgba(0,0,0,0.1);
|
|
}
|
|
.openerp .oe_mail .oe_msg .oe_msg_icons .oe_star.oe_starred a{
|
|
color: #FFE41F;
|
|
text-shadow: 0px 1px #DF6200,0px -1px #DF6200, -1px 0px #DF6200, 1px 0px #DF6200, 0px 3px 3px rgba(0,0,0,0.1);
|
|
}
|
|
.openerp .oe_mail .oe_msg .oe_msg_icons .oe_reply:hover a{
|
|
color: #1fc0ff;
|
|
text-shadow: 0px 1px #184fc5,0px -1px #184fc5, -1px 0px #184fc5, 1px 0px #184fc5, 0px 3px 3px rgba(0,0,0,0.1);
|
|
}
|
|
.openerp .oe_mail .oe_msg .oe_msg_icons .oe_read:hover a{
|
|
color: #bbbaff;
|
|
text-shadow: 0px 1px #7c7bad,0px -1px #7c7bad, -1px 0px #7c7bad, 1px 0px #7c7bad, 0px 3px 3px rgba(0,0,0,0.1);
|
|
}
|
|
.openerp .oe_mail .oe_msg .oe_msg_icons .oe_unread:hover a{
|
|
color: #c2ff00;
|
|
text-shadow: 0px 1px #009441,0px -1px #009441, -1px 0px #009441, 1px 0px #009441, 0px 3px 3px rgba(0,0,0,0.1);
|
|
}
|
|
.openerp .oe_mail .oe_msg .oe_msg_content textarea{
|
|
width: 100%;
|
|
height: 64px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
resize: vertical;
|
|
|
|
padding: 4px;
|
|
}
|
|
.openerp .oe_mail .oe_msg.oe_msg_composer_compact, .openerp .oe_mail .oe_msg.oe_msg_expandable{
|
|
padding:4px;
|
|
min-height:0px;
|
|
}
|
|
.openerp .oe_mail .oe_msg.oe_msg_composer_compact textarea{
|
|
height: 24px;
|
|
width: 100%;
|
|
}
|
|
|
|
/* ---------------- MESSAGE QUICK COMPOSER --------------- */
|
|
|
|
.openerp .oe_mail .oe_msg_composer .oe_msg_footer{
|
|
padding-right:4px;
|
|
padding-top: 2px;
|
|
padding-bottom:6px;
|
|
}
|
|
.openerp .oe_mail .oe_msg_attachments.oe_hidden,
|
|
.openerp .oe_mail .oe_msg_images.oe_hidden{
|
|
margin:0px;
|
|
border: none;
|
|
display: none;
|
|
}
|
|
.openerp .oe_mail .oe_msg_attachments{
|
|
margin-bottom: 4px;
|
|
margin-right: 0px;
|
|
font-size: 12px;
|
|
border-radius: 2px;
|
|
border: solid 1px rgba(124,123,173,0.14);
|
|
}
|
|
.openerp .oe_mail .oe_msg_attachments .oe_attachment{
|
|
padding: 2px;
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
}
|
|
.openerp .oe_mail .oe_msg_attachments .oe_attachment .oe_e{
|
|
font-size: 23px;
|
|
margin-top: -5px;
|
|
}
|
|
.openerp .oe_mail .oe_msg_attachments .oe_attachment .oe_e:hover{
|
|
text-decoration: none;
|
|
}
|
|
.openerp .oe_mail .oe_msg_attachments .oe_attachment:nth-child(odd){
|
|
background:white;
|
|
}
|
|
.openerp .oe_mail .oe_msg_attachments .oe_attachment:nth-child(even){
|
|
background: #F4F5FA;
|
|
}
|
|
.openerp .oe_mail .oe_msg_images {
|
|
display: block;
|
|
}
|
|
.openerp .oe_mail .oe_msg_footer button{
|
|
display: inline;
|
|
height: 24px;
|
|
font-size: 12px;
|
|
line-height: 12px;
|
|
vertical-align: middle;
|
|
}
|
|
.openerp .oe_mail .oe_msg_footer button.oe_attach{
|
|
width: 24px;
|
|
overflow: hidden;
|
|
}
|
|
.openerp .oe_mail .oe_msg_footer button.oe_attach .oe_e{
|
|
position: relative;
|
|
top: -1px;
|
|
left: -9px;
|
|
}
|
|
.openerp .oe_mail .oe_hidden_input_file, .openerp .oe_mail .oe_hidden_input_file form{
|
|
display:inline;
|
|
}
|
|
.openerp .oe_mail .oe_msg_footer button.oe_full{
|
|
width:24px;
|
|
overflow:hidden;
|
|
float: right;
|
|
}
|
|
.openerp .oe_mail .oe_msg_footer button.oe_full .oe_e{
|
|
position: relative;
|
|
top: -1px;
|
|
left: -9px;
|
|
}
|
|
.openerp .oe_mail button.oe_attach, .openerp .oe_mail button.oe_full{
|
|
background: transparent;
|
|
color: #7C7BAD;
|
|
box-shadow: none;
|
|
border: none;
|
|
text-shadow: none;
|
|
}
|
|
.openerp .oe_mail .oe_attach_label{
|
|
color: #7C7BAD;
|
|
margin-left: -3px;
|
|
}
|
|
.openerp .oe_mail .oe_msg_footer .oe_attachment_file .oe_form_binary_file{
|
|
display: inline-block;
|
|
margin-left: -47px;
|
|
height: 28px;
|
|
width: 52px;
|
|
margin-top: -6px;
|
|
}
|
|
.openerp .oe_mail .oe_mail_list_recipients{
|
|
font-size: 12px;
|
|
margin-top: 4px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
/* ---------------- HIDDEN MESSAGES ------------------ */
|
|
|
|
.openerp .oe_mail .oe_msg_content.oe_msg_more_message{
|
|
text-align: right;
|
|
}
|
|
.openerp .oe_mail .oe_msg_content.oe_msg_more_message .oe_separator{
|
|
height: 0;
|
|
border-bottom: dashed 1px #e6e6e6;
|
|
margin-left: -4px;
|
|
margin-right: 8px;
|
|
margin-top: 6px;
|
|
margin-bottom: -9px;
|
|
}
|
|
.openerp .oe_mail .oe_msg_more_message .oe_msg_fetch_more {
|
|
background: white;
|
|
margin-right: 280px;
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
text-decoration: none;
|
|
color: #b4b4b4;
|
|
}
|
|
.openerp .oe_mail .oe_msg_more_message .oe_msg_fetch_more:hover{
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* ---------------- FOLLOWERS ------------------ */
|
|
|
|
.openerp .oe_followers{
|
|
position: relative;
|
|
display: inline-block;
|
|
padding-top: 5px;
|
|
width: 160px;
|
|
float: right;
|
|
}
|
|
|
|
/* a) THE FOLLOW BUTTON */
|
|
|
|
.openerp .oe_followers button.oe_follower{
|
|
display: block;
|
|
text-align: center;
|
|
width:100%;
|
|
}
|
|
.openerp .oe_followers button.oe_follower.oe_following{
|
|
background-color: #3465A4;
|
|
background-image: -webkit-linear-gradient(top, #729FCF, #3465A4);
|
|
color: white;
|
|
}
|
|
|
|
.openerp .oe_followers button.oe_follower .oe_follow,
|
|
.openerp .oe_followers button.oe_follower .oe_unfollow,
|
|
.openerp .oe_followers button.oe_follower .oe_following{
|
|
display: none;
|
|
}
|
|
/* a.1) when following, show 'following' */
|
|
.openerp .oe_followers button.oe_follower.oe_following .oe_following{
|
|
display: inline;
|
|
}
|
|
/* a.2) when following and hovering, show 'unfollow' */
|
|
.openerp .oe_followers button.oe_follower.oe_following:hover .oe_following{
|
|
display: none;
|
|
}
|
|
.openerp .oe_followers button.oe_follower.oe_following:hover .oe_unfollow{
|
|
display: inline;
|
|
}
|
|
/* a.3) when not following show 'follow' */
|
|
.openerp .oe_followers button.oe_follower.oe_notfollow .oe_follow{
|
|
display: inline;
|
|
}
|
|
|
|
.openerp .oe_followers .oe_subtype_list{
|
|
margin-top: 4px;
|
|
}
|
|
|
|
/* b) THE FOLLOWERS */
|
|
.openerp .oe_followers .oe_follower_title{
|
|
display: inline;
|
|
}
|
|
.openerp .oe_followers .oe_follower_title_box{
|
|
margin-top: 12px;
|
|
margin-bottom: 4px;
|
|
}
|
|
.openerp .oe_followers .oe_invite{
|
|
float: right;
|
|
}
|
|
.openerp .oe_followers .oe_partner {
|
|
height: 32px;
|
|
overflow: hidden;
|
|
}
|
|
.openerp .oe_followers .oe_partner img{
|
|
width: 32px;
|
|
margin-right:4px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
/* ---------------- MESSAGES BODY ------------------ */
|
|
.openerp .oe_mail .oe_msg_content .oe_blockquote,
|
|
.openerp .oe_mail .oe_msg_content blockquote {
|
|
padding: 4px;
|
|
border-radius: 2px;
|
|
border: solid 1px rgba(124,123,173,0.14);
|
|
}
|
|
|
|
/* ----------- FORM INTEGRATION ------------ */
|
|
|
|
.openerp .oe_record_thread{
|
|
display: block;
|
|
margin-right: 180px;
|
|
}
|
|
|
|
/* ----------- INBOX INTEGRATION ----------- */
|
|
|
|
.openerp .oe_mail_wall .oe_mail{
|
|
margin: 16px;
|
|
width: 720px;
|
|
}
|