summaryrefslogtreecommitdiff
path: root/addons/mail/static/src/css
diff options
context:
space:
mode:
Diffstat (limited to 'addons/mail/static/src/css')
-rw-r--r--addons/mail/static/src/css/mail_chat_backend.css114
-rw-r--r--addons/mail/static/src/css/mail_chat_common.css259
2 files changed, 373 insertions, 0 deletions
diff --git a/addons/mail/static/src/css/mail_chat_backend.css b/addons/mail/static/src/css/mail_chat_backend.css
new file mode 100644
index 00000000000..d01577eb56a
--- /dev/null
+++ b/addons/mail/static/src/css/mail_chat_backend.css
@@ -0,0 +1,114 @@
+.oe_im {
+ position: fixed;
+ background-color: #eaeaea;
+ width: 250px;
+ border-left: 1px solid #AEB9BD;
+ z-index: 500;
+ -webkit-box-shadow: -2px 0px 5px 0px rgba(50, 50, 50, 0.25);
+ -moz-box-shadow: -2px 0px 5px 0px rgba(50, 50, 50, 0.25);
+ box-shadow: -2px 0px 5px 0px rgba(50, 50, 50, 0.25);
+}
+
+@media print {
+ .oe_im, .oe_im_chatview {
+ visibility: hidden;
+ }
+}
+/* button */
+.oe_systray #oe_topbar_imbutton_icon {
+ color: white;
+}
+.oe_topbar_item.oe_topbar_imbutton .fa {
+ position: relative;
+ top: -8px;
+}
+
+/* search stuff */
+.oe_im_frame_header {
+ position: relative;
+ padding: 16px;
+}
+.oe_im_frame_header .oe_im_searchbox {
+ width: 200px;
+ padding: 1px 21px 1px 19px;
+ font-size: 13px;
+ border: none;
+ border-bottom: 1px solid #c6c6c6;
+ background: none;
+ margin-left: 20px;
+ height: 38px;
+}
+.oe_im_frame_header .oe_im_searchbox:focus {
+ outline: none;
+}
+.oe_im_frame_header .oe_im_search_icon {
+ position: absolute;
+ color: #888;
+ top: 28px;
+ left: 8px;
+ font-size: 16px;
+ font-weight: 300 !important;
+}
+.oe_im_frame_header .oe_im_search_clear {
+ display: none;
+ position: absolute;
+ right: 11px;
+ top: 4px;
+ font-size: 26px;
+ color: #b6b6b6;
+ cursor: pointer;
+}
+.oe_im_frame_header .oe_im_search_clear:hover {
+ color: #888;
+}
+
+/* users */
+
+.oe_im_users {
+ padding-bottom: 38px;
+ height: 100%;
+ overflow-y: scroll;
+}
+.oe_im_user {
+ position: relative;
+ padding: 2px 8px;
+ cursor: pointer;
+ font-size: 13px;
+ margin-bottom: 10px;
+}
+.oe_im_user:hover {
+ background: lightGrey;
+}
+.oe_im_user_clip {
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ margin-right: 4px;
+ -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.25);
+ -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25);
+ box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25);
+}
+.oe_im_user_avatar {
+ width: 26px;
+ height: auto;
+}
+.oe_im_user_name {
+ width: 162px;
+ line-height: 26px;
+ padding-right: 15px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ position: relative;
+}
+
+.oe_im_user_online {
+ display: none;
+ position: absolute;
+ top: 9.5px;
+ right: 11px;
+ width: 11px;
+ height: 11px;
+ vertical-align: middle;
+ border: 0;
+}
diff --git a/addons/mail/static/src/css/mail_chat_common.css b/addons/mail/static/src/css/mail_chat_common.css
new file mode 100644
index 00000000000..1ad2981eb41
--- /dev/null
+++ b/addons/mail/static/src/css/mail_chat_common.css
@@ -0,0 +1,259 @@
+
+
+
+.openerp_style { /* base style of openerp */
+ font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
+ color: #4c4c4c;
+ font-size: 13px;
+ background: white;
+}
+
+/* button */
+
+.oe_chat_button {
+ position: fixed;
+ bottom: 0px;
+ right: 6px;
+ display: inline-block;
+ min-width: 100px;
+ background-color: rgba(60, 60, 60, 0.6);
+ font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
+ font-size: 14px;
+ font-weight: bold;
+ padding: 10px;
+ color: white;
+ text-shadow: rgb(59, 76, 88) 1px 1px 0px;
+ border: 1px solid rgb(80, 80, 80);
+ border-bottom: 0px;
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
+ cursor: pointer;
+ z-index:500;
+}
+
+/* conversations */
+
+.oe_im_chatview {
+ position: fixed;
+ overflow: hidden;
+ margin-bottom: 5px;
+ margin-right: 6px;
+ background-color: #fff;
+ border: 1px solid #DEDEDE;
+ width: 240px;
+ z-index:500;
+}
+@media screen and (max-width:360px) {
+ .oe_im_chatview {
+ width: 100%;
+ margin-right: 0;
+ }
+ .oe_im_chatview .oe_im_chatview_content {
+ width: 100% !important;
+ }
+ .oe_im_chatview .oe_im_chatview_input {
+ width: 100% !important;
+ }
+}
+.oe_im_chatview .oe_im_chatview_disconnected {
+ display:none;
+ z-index: 100;
+ width: 100%;
+ background: #E8EBEF;
+ padding: 5px;
+ font-size: 11px;
+ color: #999;
+ line-height: 14px;
+ height: 28px;
+ overflow: hidden;
+}
+.oe_im_chatview.oe_im_chatview_disconnected_status .oe_im_chatview_disconnected {
+ display: block;
+}
+
+
+
+/* ####### Chat View : Header ####### */
+.oe_im_chatview_header {
+ padding: 3px 6px 2px;
+ background: #DEDEDE;
+ background: -moz-linear-gradient(#FCFCFC, #DEDEDE);
+ background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#DEDEDE));
+ border-radius: 3px 3px 0 0;
+ -moz-border-radius: 3px 3px 0 0;
+ -webkit-border-radius: 3px 3px 0 0;
+ border-bottom: 1px solid #AEB9BD;
+ cursor: pointer;
+}
+
+.oe_im_chatview_header .header_name{
+ max-width: 75%;
+ word-wrap: break-word;
+ display: inline-block;
+ height: 15px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.oe_im_chatview_header .right_buttons {
+ float: right;
+}
+.oe_im_chatview_header .right_buttons > * {
+ display: inline-block;
+ border: 0;
+ cursor: pointer;
+ color: gray ;
+ background: transparent;
+ font-size: 16px;
+ line-height: 16px;
+ margin-left: 5px;
+ -webkit-appearance: none;
+}
+
+.oe_im_chatview_header .right_buttons .dropdown-menu{
+ right: 0;
+ left: auto;
+}
+.oe_im_chatview_header .right_buttons .dropdown-menu > li{
+ display: block;
+ padding: 3px 20px;
+ clear: both;
+ font-weight: normal;
+ line-height: 1.428571429;
+ color: #4c4c4c;
+ white-space: nowrap;
+}
+
+
+
+.oe_im_chatview .oe_im_chatview_content {
+ overflow: auto;
+ height: 287px;
+ width: 240px;
+}
+.oe_im_chatview.oe_im_chatview_disconnected_status .oe_im_chatview_content {
+ height: 249px;
+}
+.oe_im_chatview .oe_im_chatview_footer {
+ position: relative;
+ padding: 3px;
+ border-top: 1px solid #AEB9BD;
+ background: #DEDEDE;
+ background: -moz-linear-gradient(#FCFCFC, #DEDEDE);
+ background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#DEDEDE));
+ -moz-border-radius: 0 0 3px 3px;
+ -webkit-border-radius: 0 0 3px 3px;
+ border-radius: 0 0 3px 3px;
+}
+.oe_im_chatview .oe_im_chatview_input {
+ width: 222px;
+ font-family: Lato, Helvetica, sans-serif;
+ font-size: 13px;
+ color: #333;
+ padding: 1px 5px;
+ border: 1px solid #AEB9BD;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,0.2);
+ -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
+}
+.oe_im_chatview .oe_im_chatview_message_bubble {
+ background: white;
+ position: relative;
+ min-height: 32px;
+ padding: 3px;
+ margin: 3px;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+}
+
+/* Smiley size */
+.oe_im_chatview .oe_im_chatview_bubble_item img{
+ width: 18px;
+}
+
+.oe_im_chatview .oe_im_chatview_technical_bubble {
+ background: #D8D8D8;
+ position: relative;
+ min-height: 32px;
+ padding: 3px;
+ margin: 3px;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+
+ font-style:italic;
+}
+
+.oe_im_chatview .oe_im_chatview_clip {
+ position: relative;
+ float: left;
+ width: 26px;
+ height: 26px;
+ margin-right: 4px;
+ -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.25);
+ -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25);
+ box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25);
+}
+.oe_im_chatview .oe_im_chatview_avatar {
+ float: left;
+ width: 26px;
+ height: auto;
+ clip: rect(0, 26px, 26px, 0);
+ max-width: 100%;
+ width: auto 9;
+ height: auto;
+ vertical-align: middle;
+ border: 0;
+ -ms-interpolation-mode: bicubic;
+}
+.oe_im_chatview .oe_im_chatview_time {
+ position: absolute;
+ right: 0px;
+ top: 0px;
+ margin: 3px;
+ text-align: right;
+ line-height: 13px;
+ font-size: 11px;
+ color: #999;
+ width: 60px;
+ overflow: hidden;
+}
+.oe_im_chatview .oe_im_chatview_from {
+ margin: 0 0 2px 0;
+ line-height: 14px;
+ font-weight: bold;
+ font-size: 12px;
+ width: 140px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ color: #3A87AD;
+}
+.oe_im_chatview .oe_im_chatview_bubble_list {
+}
+.oe_im_chatview .oe_im_chatview_bubble_item {
+ margin: 0 0 2px 30px;
+ line-height: 14px;
+ word-wrap: break-word;
+}
+
+.oe_im_chatview_online {
+ margin-top: -4px;
+ width: 11px;
+ height: 11px;
+}
+
+.oe_im_chatview .oe_im_chatview_date_separator {
+ background: transparent;
+ position: relative;
+ padding: 3px;
+ color: #aaa;
+ margin: 3px;
+ text-align: right;
+ font-size: 12px;
+} \ No newline at end of file
generated by cgit v1.2.3 (git 2.25.1) at 2026-10-25 16:04:08 +0000