|
|
@ -71,47 +71,71 @@ input[type="number"]::-webkit-inner-spin-button { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.btn-tg { |
|
|
|
.btn-success { |
|
|
|
color: #ffffff; |
|
|
|
color: #ffffff; |
|
|
|
background-color: #6AC065; |
|
|
|
background-color: #6AC065; |
|
|
|
border-color: #6AC065; |
|
|
|
border-color: #6AC065; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.btn-tg:hover, |
|
|
|
.btn-success:hover, |
|
|
|
.btn-tg:focus, |
|
|
|
.btn-success:focus, |
|
|
|
.btn-tg:active, |
|
|
|
.btn-success:active, |
|
|
|
.btn-tg.active, |
|
|
|
.btn-success.active, |
|
|
|
.open .dropdown-toggle.btn-tg { |
|
|
|
.open .dropdown-toggle.btn-success { |
|
|
|
color: #ffffff; |
|
|
|
color: #ffffff; |
|
|
|
background-color: #61b75b; |
|
|
|
background-color: #61b75b; |
|
|
|
border-color: #61b75b; |
|
|
|
border-color: #61b75b; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.btn-tg:active, |
|
|
|
.btn-success:active, |
|
|
|
.btn-tg.active, |
|
|
|
.btn-success.active, |
|
|
|
.open .dropdown-toggle.btn-tg { |
|
|
|
.open .dropdown-toggle.btn-success { |
|
|
|
background: #5aaf54; |
|
|
|
background: #5aaf54; |
|
|
|
background-image: none; |
|
|
|
background-image: none; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.btn-tg.disabled, |
|
|
|
|
|
|
|
.btn-tg[disabled], |
|
|
|
.btn-danger { |
|
|
|
fieldset[disabled] .btn-tg, |
|
|
|
color: #ffffff; |
|
|
|
.btn-tg.disabled:hover, |
|
|
|
background-color: #c05f5a; |
|
|
|
.btn-tg[disabled]:hover, |
|
|
|
border-color: #c05f5a; |
|
|
|
fieldset[disabled] .btn-tg:hover, |
|
|
|
} |
|
|
|
.btn-tg.disabled:focus, |
|
|
|
.btn-danger:hover, |
|
|
|
.btn-tg[disabled]:focus, |
|
|
|
.btn-danger:focus, |
|
|
|
fieldset[disabled] .btn-tg:focus, |
|
|
|
.btn-danger:active, |
|
|
|
.btn-tg.disabled:active, |
|
|
|
.btn-danger.active, |
|
|
|
.btn-tg[disabled]:active, |
|
|
|
.open .dropdown-toggle.btn-danger { |
|
|
|
fieldset[disabled] .btn-tg:active, |
|
|
|
color: #ffffff; |
|
|
|
.btn-tg.disabled.active, |
|
|
|
background-color: #ab5450; |
|
|
|
.btn-tg[disabled].active, |
|
|
|
border-color: #ab5450; |
|
|
|
fieldset[disabled] .btn-tg.active { |
|
|
|
} |
|
|
|
color: #DDD; |
|
|
|
.btn-danger:active, |
|
|
|
background-color: #999; |
|
|
|
.btn-danger.active, |
|
|
|
border-color: #999; |
|
|
|
.open .dropdown-toggle.btn-danger { |
|
|
|
|
|
|
|
background: #a24f4b; |
|
|
|
|
|
|
|
background-image: none; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.btn-primary { |
|
|
|
|
|
|
|
color: #ffffff; |
|
|
|
|
|
|
|
background-color: #598db5; |
|
|
|
|
|
|
|
border-color: #598db5; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.btn-primary:hover, |
|
|
|
|
|
|
|
.btn-primary:focus, |
|
|
|
|
|
|
|
.btn-primary:active, |
|
|
|
|
|
|
|
.btn-primary.active, |
|
|
|
|
|
|
|
.open .dropdown-toggle.btn-primary { |
|
|
|
|
|
|
|
color: #ffffff; |
|
|
|
|
|
|
|
background-color: #4f84ac; |
|
|
|
|
|
|
|
border-color: #4f84ac; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.btn-primary:active, |
|
|
|
|
|
|
|
.btn-primary.active, |
|
|
|
|
|
|
|
.open .dropdown-toggle.btn-primary { |
|
|
|
|
|
|
|
background: #4c799c; |
|
|
|
|
|
|
|
background-image: none; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.tg_page_head .navbar { |
|
|
|
.tg_page_head .navbar { |
|
|
@ -1139,15 +1163,15 @@ div.im_message_video_thumb { |
|
|
|
} |
|
|
|
} |
|
|
|
.icon-message-status { |
|
|
|
.icon-message-status { |
|
|
|
background: #43A4DB; |
|
|
|
background: #43A4DB; |
|
|
|
border: 1px solid #FFF; |
|
|
|
border: 0; |
|
|
|
display: block; |
|
|
|
display: block; |
|
|
|
width: 11px; |
|
|
|
width: 10px; |
|
|
|
height: 11px; |
|
|
|
height: 10px; |
|
|
|
border-radius: 7px; |
|
|
|
border-radius: 7px; |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
margin-left: -27px; |
|
|
|
margin-left: -26px; |
|
|
|
margin-top: 14px; |
|
|
|
margin-top: 13px; |
|
|
|
opacity: 0; |
|
|
|
opacity: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
.icon-message-status-unread { |
|
|
|
.icon-message-status-unread { |
|
|
@ -2087,8 +2111,13 @@ a.contacts_modal_contact:hover .contacts_modal_contact_status { |
|
|
|
/* Messages edit panel */ |
|
|
|
/* Messages edit panel */ |
|
|
|
.im_edit_panel_wrap { |
|
|
|
.im_edit_panel_wrap { |
|
|
|
display: none; |
|
|
|
display: none; |
|
|
|
border-top: 1px solid #EEE; |
|
|
|
padding: 10px 0 34px; |
|
|
|
padding: 5px 5px; |
|
|
|
margin: 0 24px 0 12px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.im_edit_panel_border { |
|
|
|
|
|
|
|
display: block; |
|
|
|
|
|
|
|
margin: 0 0 34px 3px; |
|
|
|
|
|
|
|
border-bottom: 1px solid #EEE; |
|
|
|
} |
|
|
|
} |
|
|
|
.im_edit_panel_wrap_loaded { |
|
|
|
.im_edit_panel_wrap_loaded { |
|
|
|
display: block; |
|
|
|
display: block; |
|
|
@ -2099,28 +2128,37 @@ a.contacts_modal_contact:hover .contacts_modal_contact_status { |
|
|
|
/*width: 652px;*/ |
|
|
|
/*width: 652px;*/ |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
.im_edit_delete_link, |
|
|
|
.im_edit_flush_link, |
|
|
|
.im_edit_forward_link, |
|
|
|
|
|
|
|
.im_edit_cancel_link { |
|
|
|
.im_edit_cancel_link { |
|
|
|
display: block; |
|
|
|
display: block; |
|
|
|
padding: 8px 17px; |
|
|
|
padding: 6px 17px; |
|
|
|
|
|
|
|
border-radius: 2px; |
|
|
|
|
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
margin: 6px 6px; |
|
|
|
} |
|
|
|
} |
|
|
|
.im_edit_cancel_link { |
|
|
|
.im_edit_cancel_link { |
|
|
|
float: left; |
|
|
|
float: left; |
|
|
|
} |
|
|
|
} |
|
|
|
.im_edit_delete_link, |
|
|
|
.im_edit_flush_link { |
|
|
|
.im_edit_forward_link { |
|
|
|
|
|
|
|
float: right; |
|
|
|
float: right; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.im_edit_flush_link:hover, |
|
|
|
.im_edit_delete_link:hover, |
|
|
|
|
|
|
|
.im_edit_forward_link:hover, |
|
|
|
|
|
|
|
.im_edit_cancel_link:hover { |
|
|
|
.im_edit_cancel_link:hover { |
|
|
|
background: #f2f6fa; |
|
|
|
background: #f2f6fa; |
|
|
|
text-decoration: none; |
|
|
|
text-decoration: none; |
|
|
|
} |
|
|
|
} |
|
|
|
.im_edit_delete_link { |
|
|
|
|
|
|
|
line-height: 0; |
|
|
|
.im_edit_selected_actions { |
|
|
|
|
|
|
|
text-align: center; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.im_edit_delete_btn, |
|
|
|
|
|
|
|
.im_edit_forward_btn { |
|
|
|
|
|
|
|
border-radius: 2px; |
|
|
|
|
|
|
|
padding: 5px 17px; |
|
|
|
|
|
|
|
font-weight: normal; |
|
|
|
|
|
|
|
font-size: 12px; |
|
|
|
|
|
|
|
line-height: 18px; |
|
|
|
|
|
|
|
margin: 6px 6px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.im_edit_panel_title { |
|
|
|
.im_edit_panel_title { |
|
|
@ -2141,11 +2179,6 @@ a.contacts_modal_contact:hover .contacts_modal_contact_status { |
|
|
|
.is_1x .icon-delete { |
|
|
|
.is_1x .icon-delete { |
|
|
|
background-image: url(../img/icons/IconsetW_1x.png?2); |
|
|
|
background-image: url(../img/icons/IconsetW_1x.png?2); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.im_message_date:hover { |
|
|
|
|
|
|
|
cursor: pointer; |
|
|
|
|
|
|
|
text-decoration: underline; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.im_message_selected { |
|
|
|
.im_message_selected { |
|
|
|
background: #f2f6fa; |
|
|
|
background: #f2f6fa; |
|
|
|
} |
|
|
|
} |
|
|
@ -2162,39 +2195,44 @@ a.contacts_modal_contact:hover .contacts_modal_contact_status { |
|
|
|
color: #91a6ba; |
|
|
|
color: #91a6ba; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.im_history_selectable .im_message_date:hover { |
|
|
|
|
|
|
|
text-decoration: none; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.im_message_wrap { |
|
|
|
.im_message_wrap { |
|
|
|
max-width: 526px; |
|
|
|
max-width: 526px; |
|
|
|
padding: 0 15px; |
|
|
|
padding: 0 15px; |
|
|
|
margin: 0 auto; |
|
|
|
margin: 0 auto; |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.im_content_message_select_area { |
|
|
|
|
|
|
|
display: none; |
|
|
|
|
|
|
|
cursor: pointer; |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
|
|
|
|
width: 112px; |
|
|
|
|
|
|
|
height: 50px; |
|
|
|
|
|
|
|
margin: -8px 0 0 -112px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
@media (min-width: 1024px) { |
|
|
|
|
|
|
|
.im_content_message_select_area { |
|
|
|
|
|
|
|
display: block; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.icon-select-tick { |
|
|
|
.icon-select-tick { |
|
|
|
display: none; |
|
|
|
display: none; |
|
|
|
position: absolute; |
|
|
|
width: 25px; |
|
|
|
width: 17px; |
|
|
|
height: 25px; |
|
|
|
height: 15px; |
|
|
|
margin: 14px 0 0 40px; |
|
|
|
margin: 10px 0 0 -75px; |
|
|
|
background: url(../img/icons/IconsetW.png?1) -9px -516px no-repeat; |
|
|
|
background: url(../img/icons/IconsetW.png?1) -13px -343px no-repeat; |
|
|
|
|
|
|
|
background-size: 42px 560px; |
|
|
|
background-size: 42px 560px; |
|
|
|
} |
|
|
|
} |
|
|
|
.is_1x .icon-select-tick { |
|
|
|
.is_1x .icon-select-tick { |
|
|
|
background-image: url(../img/icons/IconsetW_1x.png?2); |
|
|
|
background-image: url(../img/icons/IconsetW_1x.png?2); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.im_history_selectable .icon-select-tick, |
|
|
|
@media (min-width: 1024px) { |
|
|
|
.im_content_message_select_area:hover .icon-select-tick { |
|
|
|
.im_history_selectable .icon-select-tick { |
|
|
|
|
|
|
|
display: inline-block; |
|
|
|
display: inline-block; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.im_message_selected .icon-select-tick, |
|
|
|
.im_message_selected .icon-select-tick, |
|
|
|
.im_history_selectable .im_message_outer_wrap:hover .icon-select-tick { |
|
|
|
.im_history_selectable .im_message_outer_wrap:hover .icon-select-tick { |
|
|
|
background-position: -13px -367px; |
|
|
|
background-position: -9px -481px; |
|
|
|
opacity: 0.5; |
|
|
|
opacity: 0.5; |
|
|
|
} |
|
|
|
} |
|
|
|
.im_message_selected .icon-select-tick { |
|
|
|
.im_message_selected .icon-select-tick { |
|
|
@ -2262,6 +2300,21 @@ a.contacts_modal_contact:hover .contacts_modal_contact_status { |
|
|
|
right: 0; |
|
|
|
right: 0; |
|
|
|
max-width: none; |
|
|
|
max-width: none; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.im_edit_panel_wrap { |
|
|
|
|
|
|
|
margin: 0 5px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.im_edit_flush_link, |
|
|
|
|
|
|
|
.im_edit_cancel_link, |
|
|
|
|
|
|
|
.im_edit_delete_btn, |
|
|
|
|
|
|
|
.im_edit_forward_btn { |
|
|
|
|
|
|
|
padding-left: 5px; |
|
|
|
|
|
|
|
padding-right: 5px; |
|
|
|
|
|
|
|
margin: 6px 4px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.im_edit_panel_wrap { |
|
|
|
|
|
|
|
padding-bottom: 22px; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@media (max-height: 480px) { |
|
|
|
@media (max-height: 480px) { |
|
|
|