|
|
@@ -1,31 +1,41 @@
|
|
|
+/* 设置滚动条的样式 */::-webkit-scrollbar { width: 6px;}
|
|
|
+/* 滚动槽 */::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #FFFFFF; border-radius: 3px;}
|
|
|
+/* 滚动条滑块 */::-webkit-scrollbar-thumb { border-radius: 3px; background: #ccc; -webkit-box-shadow: inset 0 0 6px transparent;}::-webkit-scrollbar-thumb:window-inactive { background: transparent;}
|
|
|
+
|
|
|
.chat {
|
|
|
- margin: 0px auto;
|
|
|
+ height: 100%;
|
|
|
font-family: "微软雅黑","宋体";
|
|
|
+ background-color: #F5F5F5;
|
|
|
.title2 {
|
|
|
- margin: 5px;
|
|
|
- font-size: 16px;
|
|
|
- font-weight: 600;
|
|
|
- color: #555;
|
|
|
+ height: 30px;
|
|
|
+ padding-top: 5px;
|
|
|
+ font-size: 15px;
|
|
|
+ color: #FFF;
|
|
|
text-align: center;
|
|
|
+ background-color: #048FD2;
|
|
|
.glyphicon-arrow-left {
|
|
|
float: left;
|
|
|
- margin-left: 5px;
|
|
|
+ margin-left: 10px;
|
|
|
+ margin-top: 3px;
|
|
|
}
|
|
|
.glyphicon-home {
|
|
|
float: right;
|
|
|
- margin-right: 5px;
|
|
|
+ margin-right: 10px;
|
|
|
+ margin-top: 3px;
|
|
|
}
|
|
|
}
|
|
|
#userHead2 {
|
|
|
- height: 120px;
|
|
|
+ height: 150px;
|
|
|
background-color: #888888;
|
|
|
- background:url(../img/自己头像1.png);
|
|
|
+ background:url(../img/仙宫湖.png);
|
|
|
background-size:100% 100%;
|
|
|
background-repeat:no-repeat;
|
|
|
}
|
|
|
.userInfo {
|
|
|
+ height: 385px;
|
|
|
+ overflow-y: auto;
|
|
|
>div {
|
|
|
- margin: 20px 30px 20px 30px;
|
|
|
+ margin: 15px 10%;
|
|
|
line-height: normal;
|
|
|
white-space: nowrap; /* 自适应宽度,不换行*/
|
|
|
overflow: hidden;
|
|
|
@@ -33,32 +43,34 @@
|
|
|
font-size: 12px;
|
|
|
}
|
|
|
>div>span {
|
|
|
- margin: 50px auto;
|
|
|
color: #333;
|
|
|
font-size: 14px;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
- .glyphicon-certificate {
|
|
|
+ .certificate {
|
|
|
float: right;
|
|
|
- margin: 5px -230px 0px 0px;
|
|
|
- color: #444;
|
|
|
+ margin: 5px -72% 0px 0px;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #E35850;
|
|
|
}
|
|
|
.input-sm {
|
|
|
- width: 200px;
|
|
|
+ width: 65%;
|
|
|
float: right;
|
|
|
- margin-right: 30px;
|
|
|
+ margin-right: 10%;
|
|
|
font-weight: 500;
|
|
|
font-family: "微软雅黑","宋体";
|
|
|
}
|
|
|
.text-message {
|
|
|
white-space: normal;
|
|
|
overflow-y: auto;
|
|
|
- width: 200px;
|
|
|
- height: 80px;
|
|
|
+ width: 65%;
|
|
|
+ height: 70px;
|
|
|
float: right;
|
|
|
- margin-right: 30px;
|
|
|
+ margin-right: 10%;
|
|
|
margin-top: 3px;
|
|
|
padding: 2px 5px;
|
|
|
+ background-color: #FFF;
|
|
|
color: #444;
|
|
|
border: 1px solid #ccc;
|
|
|
font-weight: 500;
|
|
|
@@ -69,8 +81,8 @@
|
|
|
}
|
|
|
.image {
|
|
|
float: right;
|
|
|
- margin-right: 30px;
|
|
|
- width: 200px;
|
|
|
+ margin-right: 10%;
|
|
|
+ width: 65%;
|
|
|
height: 30px;
|
|
|
padding: 2px 4px;
|
|
|
border-radius: 0px;
|
|
|
@@ -90,18 +102,18 @@
|
|
|
}
|
|
|
}
|
|
|
.button-bottom{
|
|
|
- margin: 25px 30px 10px 30px;
|
|
|
+ margin: 0px 10% 15px;
|
|
|
.btn-default{
|
|
|
line-height: normal;
|
|
|
height: 36px;
|
|
|
- width: 315px;
|
|
|
+ width: 100%;
|
|
|
padding: 2px 4px;
|
|
|
font-size: 16px;
|
|
|
font-weight: 600;
|
|
|
border-radius: 20px;
|
|
|
- background-color: #FFF;
|
|
|
+ background-color: #048FD2;
|
|
|
border: 1px solid #ccc;
|
|
|
- color: #444;
|
|
|
+ color: #FFF;
|
|
|
&:hover,&:focus {
|
|
|
outline: none;
|
|
|
}
|
|
|
@@ -114,14 +126,25 @@
|
|
|
}
|
|
|
}
|
|
|
.foot{
|
|
|
- margin: 24px 30px 0px 30px;
|
|
|
- >a{
|
|
|
- color: #444;
|
|
|
- font-size: 12px;
|
|
|
+ height: 62px;
|
|
|
+ line-height: normal;
|
|
|
+ background-color: #FFF;
|
|
|
+ padding: 0px 10% 0px 11%;
|
|
|
+ >div {
|
|
|
+ display: inline-block;
|
|
|
+ margin: 9px 10px 0px 10px;
|
|
|
+ color: #048FD2;
|
|
|
font-family: "微软雅黑";
|
|
|
- font-weight: 800;
|
|
|
- margin: 0px 35px 0px 0px ;
|
|
|
+ }
|
|
|
+ a{
|
|
|
+ color: #048FD2;
|
|
|
+ font-size: 12px;
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
+ span {
|
|
|
+ margin-left: 11px;
|
|
|
+ font-size: 24px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
dgf
