You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
231 lines
4.5 KiB
231 lines
4.5 KiB
.page_message .main_bd, .page_message_send .main_bd {
|
|
padding-bottom: 10px
|
|
}
|
|
.page_message .title_tab {
|
|
float: left
|
|
}
|
|
.page_message .title_tab_nav a {
|
|
padding: 0 20px
|
|
}
|
|
.page_message .search_bar {
|
|
text-align: right;
|
|
margin-right: 20px
|
|
}
|
|
.page_message .search_bar .frm_input_box {
|
|
width: 170px;
|
|
line-height: 24px;
|
|
height: 24px;
|
|
font-size: 12px
|
|
}
|
|
.page_message .search_bar .frm_input {
|
|
height: 20px;
|
|
margin: 2px 0;
|
|
background-color: rgba(0, 0, 0, 0);
|
|
border: 0 none;
|
|
outline: 0 none;
|
|
width: 100%;
|
|
padding:0;
|
|
color:#666666;
|
|
font-family:inherit;
|
|
font-size:100%;
|
|
}
|
|
.page_message .message_list {
|
|
padding: 20px 20px 0
|
|
}
|
|
.page_message .tool_area {
|
|
padding-top: 20px
|
|
}
|
|
.page_message .msg_box {
|
|
padding: 20px 20px 0
|
|
}
|
|
.page_message_send .tool_area {
|
|
padding-top: 20px;
|
|
padding-bottom: 40px
|
|
}
|
|
.page_message_send .message_area {
|
|
padding: 0 20px
|
|
}
|
|
.page_message_send .message_area h4 {
|
|
padding: 10px 0;
|
|
font-weight: 400;
|
|
font-style: normal
|
|
}
|
|
.page_message_send .message_list {
|
|
border-top: 1px solid #dcdcdc
|
|
}
|
|
.page_message_send .msg_sender {
|
|
margin: 20px 20px 0
|
|
}
|
|
.btn.btn_search {
|
|
background-color: #f1f1f1;
|
|
background-image: -moz-linear-gradient(top, #f9f9f9 0, #f0f0f0 100%);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f0f0f0));
|
|
background-image: -webkit-linear-gradient(top, #f9f9f9 0, #f0f0f0 100%);
|
|
background-image: -o-linear-gradient(top, #f9f9f9 0, #f0f0f0 100%);
|
|
background-image: linear-gradient(to bottom, #f9f9f9 0, #f0f0f0 100%);
|
|
border-color: #c3c3c3;
|
|
color: #000;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
*line-height:28px;
|
|
width: auto;
|
|
padding-left: 1em;
|
|
padding-right: 1em
|
|
}
|
|
.btn.btn_search:hover {
|
|
background-color: #f8f8f8;
|
|
background-image: -moz-linear-gradient(top, #f9f9f9 0, #f8f8f8 100%);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f8f8f8));
|
|
background-image: -webkit-linear-gradient(top, #f9f9f9 0, #f8f8f8 100%);
|
|
background-image: -o-linear-gradient(top, #f9f9f9 0, #f8f8f8 100%);
|
|
background-image: linear-gradient(to bottom, #f9f9f9 0, #f8f8f8 100%);
|
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
|
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
|
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1)
|
|
}
|
|
.message_item {
|
|
min-height: 46px;
|
|
border-bottom: 1px solid #dddcdc;
|
|
padding: 15px 0
|
|
}
|
|
.message_item:hover {
|
|
background-color: #f3f3f3
|
|
}
|
|
.message_item:hover .message_opr {
|
|
display: block
|
|
}
|
|
.message_item:hover .quick_reply_box {
|
|
border-color: #dcdcdc;
|
|
box-shadow: inset 0 1px 0 0 #f8f8f8;
|
|
-moz-box-shadow: inset 0 1px 0 0 #f8f8f8;
|
|
-webkit-box-shadow: inset 0 1px 0 0 #f8f8f8
|
|
}
|
|
.message_info {
|
|
margin-right: 160px;
|
|
*zoom:1
|
|
}
|
|
.message_info:after {
|
|
content: "\200B";
|
|
display: block;
|
|
height: 0;
|
|
clear: both
|
|
}
|
|
.message_opr {
|
|
display: none;
|
|
float: right;
|
|
margin-right: 20px
|
|
}
|
|
.message_opr a {
|
|
margin-left: 14px
|
|
}
|
|
.message_opr .reply_gray {
|
|
margin-bottom: -5px
|
|
}
|
|
.user_info {
|
|
position: relative;
|
|
margin-left: 80px;
|
|
margin-right: 215px;
|
|
*zoom:1
|
|
}
|
|
.user_info .avatar {
|
|
position: absolute;
|
|
top: 0;
|
|
left: -60px
|
|
}
|
|
.user_info .avatar img {
|
|
width: 48px;
|
|
height: 48px
|
|
}
|
|
.user_info .remark_name {
|
|
color: #222
|
|
}
|
|
.user_info .nickname strong {
|
|
font-weight: 400;
|
|
font-style: normal
|
|
}
|
|
.user_info .icon14_common {
|
|
margin-top: -0.2em;
|
|
margin-left: 4px
|
|
}
|
|
.message_status {
|
|
float: right;
|
|
width: 100px;
|
|
min-height: 1em;
|
|
margin-top: 0;
|
|
color: #7b7b7b
|
|
}
|
|
.message_status .tips {
|
|
display: none;
|
|
margin-left: 1em;
|
|
color: #a67c52;
|
|
font-weight: 400;
|
|
font-style: normal
|
|
}
|
|
.message_status .tips i {
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
margin-right: 3px
|
|
}
|
|
.replyed .message_status .tips {
|
|
display: inline-block
|
|
}
|
|
.message_time {
|
|
float: right;
|
|
width: 85px;
|
|
margin-top: 0;
|
|
color: #7b7b7b
|
|
}
|
|
.message_content {
|
|
margin-left: 80px;
|
|
margin-right: 365px;
|
|
padding-top: 6px;
|
|
color: #7b7b7b;
|
|
word-wrap: break-word;
|
|
word-break: break-all
|
|
}
|
|
.message_content.text {
|
|
padding-top: 0;
|
|
padding-bottom: 2px
|
|
}
|
|
.quick_reply_box {
|
|
display: none;
|
|
border-top: 1px solid #e4e4e4;
|
|
margin-top: 20px;
|
|
background-color: #fff;
|
|
padding-left: 80px;
|
|
padding-top: 6px;
|
|
padding-right: 20px
|
|
}
|
|
.quick_reply_box .frm_label {
|
|
display: block;
|
|
padding-bottom: 8px;
|
|
float: none
|
|
}
|
|
.quick_reply_box_tool_bar {
|
|
padding: 14px 0 20px
|
|
}
|
|
.quick_reply_box_tool_bar .pickup {
|
|
margin-left: 16px
|
|
}
|
|
.replying.message_item {
|
|
padding-bottom: 0
|
|
}
|
|
.replying .quick_reply_box {
|
|
display: block
|
|
}
|
|
.search_more {
|
|
display: none;
|
|
text-align: center
|
|
}
|
|
.search_more .msg_box {
|
|
display: block
|
|
}
|
|
.search_more i {
|
|
display: none
|
|
}
|
|
.search_more.show_loading .msg_box {
|
|
display: none
|
|
}
|
|
.search_more.show_loading i {
|
|
display: inline-block
|
|
}
|