Browse Source

注释专家头像的默认样式,专家头像样式待修改

zzy.zhiyuan.foxmail 8 years ago
parent
commit
268c5cce1d
1 changed files with 14 additions and 14 deletions
  1. 14 14
      src/main/webapp/css/index.css

+ 14 - 14
src/main/webapp/css/index.css

9
.logo{ display:block; width:80px; height:50px; background:url(../images/logo2.png) no-repeat; margin-left:80px; margin-top:5px; float:left;}
9
.logo{ display:block; width:80px; height:50px; background:url(../images/logo2.png) no-repeat; margin-left:80px; margin-top:5px; float:left;}
10
.searchblock{ width:264px; height:35px; position:absolute; left:50%; top:50%; margin-left:-132px; margin-top:-17.5px; display:none;}
10
.searchblock{ width:264px; height:35px; position:absolute; left:50%; top:50%; margin-left:-132px; margin-top:-17.5px; display:none;}
11
.search-txt{ width:229px; height:35px; background:#fff; border:none;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px; border-radius:10px 0 0 10px; behavior:url(../js/ie-css3.htc); float:left;font:14px/35px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; padding-left:10px; color:#a3a3a3;}
11
.search-txt{ width:229px; height:35px; background:#fff; border:none;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px; border-radius:10px 0 0 10px; behavior:url(../js/ie-css3.htc); float:left;font:14px/35px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; padding-left:10px; color:#a3a3a3;}
12
.search-btn{ width:35px; height:35px; background:#fff; border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0; float:left; cursor:pointer; behavior:url(../js/ie-css3.htc);cursor:pointer;}
12
.search-btn{ width:35px; height:35px; background:#fff; border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0; float:left; cursor:pointer; behavior:url(../js/ie-css3.htc);}
13
.search-icon{ display:block; width:20px; height:20px; background:
13
.search-icon{ display:block; width:20px; height:20px; background:
14
url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;}
14
url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;}
15
/*未登录*/
15
/*未登录*/
16
.unlogin{ width:130px; height:35px; border:1px #fff solid; border-radius:10px;font:14px/35px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; text-align:center; float:right; margin-right:80px; margin-top:10px; cursor:pointer; }
16
.unlogin{ width:130px; height:35px; border:1px #fff solid; border-radius:10px;font:14px/35px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; text-align:center; float:right; margin-right:80px; margin-top:10px; cursor:pointer; }
17
/*已登录*/
17
/*已登录*/
18
.head-portrait{ display:none; width:50px; height:50px; border-radius:50%; background:url(../images/default-photo.jpg) no-repeat center center;background-size:100% 100%;-moz-background-size:100% 100%; float:right; margin-right:80px; margin-top:5px; cursor:pointer; border:1px solid #f8f8f8; }
18
.head-portrait{ display:none; width:50px; height:50px; border-radius:50%; background:url(../images/pic1.jpg) no-repeat center center;background-size:100% 100%;-moz-background-size:100% 100%; float:right; margin-right:80px; margin-top:5px; cursor:pointer; }
19
.personal-infor{width:202px; height:179px; position:absolute; top:42px; right:80px; display:none;}
19
.personal-infor{width:202px; height:179px; position:absolute; top:42px; right:80px; display:none;}
20
.triangleB{ display:block; width:0; height:0; border:8px solid transparent; border-bottom-color:#f3a36c; float:right; margin-right:20px; margin-top:15px;}
20
.triangleB{ display:block; width:0; height:0; border:8px solid transparent; border-bottom-color:#f3a36c; float:right; margin-right:20px; margin-top:15px;}
21
.personal-box{ width:202px; /*height:160px;*/ border-radius:10px; background:#f3a36c; clear:both; overflow:hidden;}
21
.personal-box{ width:202px; /*height:160px;*/ border-radius:10px; background:#f3a36c; clear:both; overflow:hidden;}
112
.about{ width:100%;min-height:100px; border-top:2px #e2e2e2 solid; padding:5px 0;}
112
.about{ width:100%;min-height:100px; border-top:2px #e2e2e2 solid; padding:5px 0;}
113
.about-in{ width:920px; max-height:850px; height:auto; margin:auto; margin-top:10px;}
113
.about-in{ width:920px; max-height:850px; height:auto; margin:auto; margin-top:10px;}
114
.item{ width:100%;overflow: hidden; border:1px #ffa544 solid;box-shadow:1px 1px 1px #ff8400 inset; border-radius:10px; margin-top:18px; }
114
.item{ width:100%;overflow: hidden; border:1px #ffa544 solid;box-shadow:1px 1px 1px #ff8400 inset; border-radius:10px; margin-top:18px; }
115

116
.photo1{width:132px;height:132px;border-radius:50%;border:1px #fca72d solid;margin:20px;float:left;background:url(../images/default-photo.jpg)  no-repeat center center;background-size:100% 100%;-moz-background-size:100% 100%;}
115
/*.photo{ width:132px; height:132px; border-radius:50%; border:2px #fca72d solid; margin:20px; background:url(../images/pic1.jpg) no-repeat center center; float:left;}*/ 	
116
.photo1{width:132px;height:132px;border-radius:50%;border:1px #fca72d solid;margin:20px;float:left;/*background:url(../images/default-photo.jpg)  no-repeat center center;*/background-size:100% 100%;-moz-background-size:100% 100%;}
117

117

118
.synopsis{ float:left; padding:20px 0;color:#000; width:720px;}
118
.synopsis{ float:left; padding:20px 0;color:#000; width:720px;}
119
.named{display:block;font:24px/34px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#000; float:left;}
119
.named{display:block;font:24px/34px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#000; float:left;}
147
.account-photo{ width:175px; height:175px; border-radius:50%; background:url(../images/default-photo.jpg) no-repeat center center; margin:auto;margin-top:25px; margin-bottom:25px; overflow:hidden;}
147
.account-photo{ width:175px; height:175px; border-radius:50%; background:url(../images/default-photo.jpg) no-repeat center center; margin:auto;margin-top:25px; margin-bottom:25px; overflow:hidden;}
148
.account-name{ height:50px; padding: 0 40px;}
148
.account-name{ height:50px; padding: 0 40px;}
149
.text-txt{font:18px/50px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#515151; float:left; margin-left:20px; }
149
.text-txt{font:18px/50px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#515151; float:left; margin-left:20px; }
150
.edit{ display:block;width:22px; height:22px; background:url(../images/edit.png) no-repeat; background-position:right; float:left; margin-top:14px; margin-left:15px;cursor:pointer;}
150
.edit{ display:block;width:22px; height:22px; background:url(../images/edit.png) no-repeat; background-position:right; float:left; margin-top:14px; margin-left:15px;}
151
.text a{font:14px/57px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#f5980b; padding-left:5px;}
151
.text a{font:14px/57px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#f5980b; padding-left:5px;}
152
.account-sax{ clear:both; height:50px; width:100%; padding: 0 40px;}
152
.account-sax{ clear:both; height:50px; width:100%; padding: 0 40px;}
153
.name-txt{ float:left;font:18px/50px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#818181;}
153
.name-txt{ float:left;font:18px/50px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#818181;}
174
.phone-icon{display:block; width:44px; height:44px; background:url(../images/ep.png) no-repeat; background-position:right; float:left; margin-right:25px; margin-top:10px;}
174
.phone-icon{display:block; width:44px; height:44px; background:url(../images/ep.png) no-repeat; background-position:right; float:left; margin-right:25px; margin-top:10px;}
175
.replace{ width:88px; height:35px; background:#ff8400; border-radius:5px; border:none;font:18px/35px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; margin-left:10px; cursor:pointer;}
175
.replace{ width:88px; height:35px; background:#ff8400; border-radius:5px; border:none;font:18px/35px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; margin-left:10px; cursor:pointer;}
176
.replace3,.replace4{ display:none;}
176
.replace3,.replace4{ display:none;}
177
.cover{ width:100%; height:100%; background:rgba(0,0,0,0.2); position:fixed; z-index:999; display:none;}
178
.cover2{ width:100%; height:100%; background:rgba(0,0,0,0.2); position:fixed; z-index:999; display:none;}
177
.cover{ width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; z-index:999; display:none;}
178
.cover2{ width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; z-index:999; display:none;}
179
.floatbox{ /*width:400px;*/ box-shadow:2px 5px 5px #999; border-radius:10px;background:#fff; position:absolute; left:50%;top:50%; margin-left:-210px; margin-top:-193px; overflow:hidden;}
179
.floatbox{ /*width:400px;*/ box-shadow:2px 5px 5px #999; border-radius:10px;background:#fff; position:absolute; left:50%;top:50%; margin-left:-210px; margin-top:-193px; overflow:hidden;}
180
.float-title{  height:70px; background:#eee;font:20px/70px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#818181; padding:0 20px;}
180
.float-title{  height:70px; background:#eee;font:20px/70px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#818181; padding:0 20px;}
181
.times{ display:block; width:30px; height:30px; background:#ff8400; border-radius:3px;font:28px/28px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; text-align:center; font-weight:bold; float:right; margin-top:20px; cursor:pointer; }
181
.times{ display:block; width:30px; height:30px; background:#ff8400; border-radius:3px;font:28px/28px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; text-align:center; font-weight:bold; float:right; margin-top:20px; cursor:pointer; }
188
.activate{ width:140px; height:38px; background:#fff;font:16px/35px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#000; cursor:pointer; border:none; border-radius:5px; margin:auto; margin-top:30px;  }
188
.activate{ width:140px; height:38px; background:#fff;font:16px/35px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#000; cursor:pointer; border:none; border-radius:5px; margin:auto; margin-top:30px;  }
189
.act{margin-left:40px;}
189
.act{margin-left:40px;}
190
.act-color{background:#ff8400;color:#fff;}
190
.act-color{background:#ff8400;color:#fff;}
191
.back-btn:hover{background:#ff8400;color:#fff;cursor:pointer;}
191
.back-btn:hover{background:#ff8400;color:#fff;}
192
.input-code{ width: 210px;margin-left: 10px;}
192
.input-code{ width: 210px;margin-left: 10px;}
193
.infor-code{ width:130px; height:40px; background:#ff8400; border:none; border-radius:5px;font:14px/35px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; cursor:pointer; margin-left:5px;}
193
.infor-code{ width:130px; height:40px; background:#ff8400; border:none; border-radius:5px;font:14px/35px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; cursor:pointer; margin-left:5px;}
194

194

197
.information-head{ width:1050px; margin:auto;background:#fff; border:1px #c9c9c9 solid; margin-top:30px; overflow:hidden; padding:20px 50px;}
197
.information-head{ width:1050px; margin:auto;background:#fff; border:1px #c9c9c9 solid; margin-top:30px; overflow:hidden; padding:20px 50px;}
198
.head-left{ float:left;width:200px; height:200px; border-radius:50%; background:url(../images/default-photo.jpg) no-repeat center center; background-size:100% 100%;-moz-background-size:100% 100%;/* margin-top:40px; margin-left:50px;*/ position:relative;overflow:hidden;}
198
.head-left{ float:left;width:200px; height:200px; border-radius:50%; background:url(../images/default-photo.jpg) no-repeat center center; background-size:100% 100%;-moz-background-size:100% 100%;/* margin-top:40px; margin-left:50px;*/ position:relative;overflow:hidden;}
199
.replace-photo{ display:block; width:100%; height:50px; position:absolute; bottom:-50px;background:url(../images/take-photo.png) no-repeat center center; background-color:rgba(0,0,0,0.4); font:16px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; text-align:center;}
199
.replace-photo{ display:block; width:100%; height:50px; position:absolute; bottom:-50px;background:url(../images/take-photo.png) no-repeat center center; background-color:rgba(0,0,0,0.4); font:16px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; text-align:center;}
200
/*.take-photo{ display:block; width:20px; height:20px; position:absolute; top:50%; margin-top:-10px; left:50%; margin-left:-10px;background:url(../images/take-photo.png) no-repeat center center; }*/
200
.head-center{ float:left; width:500px; min-height:150px; margin-top:20px; margin-left:60px;}
201
.head-center{ float:left; width:500px; min-height:150px; margin-top:20px; margin-left:60px;}
201
.input-txt{ width:175px; height:26px; border-radius:5px; border:1px #f99550 solid; box-shadow:0 0 1px #f99550 inset; float:left; padding-left:10px;}
202
.input-txt{ width:175px; height:26px; border-radius:5px; border:1px #f99550 solid; box-shadow:0 0 1px #f99550 inset; float:left; padding-left:10px;}
202
.infor{clear:both; width:100%; height:26px; margin-bottom:10px; }
203
.infor{clear:both; width:100%; height:26px; margin-bottom:10px; }
207
.close{float: left;  width:130px; height:26px; border-radius:5px; background:none; box-shadow:none; border:none;cursor:pointer; padding:0;font:14px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; margin-top:15px; margin-left:5px;opacity: 1;  text-shadow:none; }
208
.close{float: left;  width:130px; height:26px; border-radius:5px; background:none; box-shadow:none; border:none;cursor:pointer; padding:0;font:14px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; margin-top:15px; margin-left:5px;opacity: 1;  text-shadow:none; }
208
.close:hover{ background:#ff8400; color:#fff; opacity: 1; }
209
.close:hover{ background:#ff8400; color:#fff; opacity: 1; }
209
.head-right{ float:right; margin-top:30px; /*margin-right:50px;*/position: relative;background:url(../images/default-icon.jpg) no-repeat center center;background-size:100% 100%;-moz-background-size:100% 100%; width:140px; height:140px; overflow:hidden;}
210
.head-right{ float:right; margin-top:30px; /*margin-right:50px;*/position: relative;background:url(../images/default-icon.jpg) no-repeat center center;background-size:100% 100%;-moz-background-size:100% 100%; width:140px; height:140px; overflow:hidden;}
210
#headImage,#orgImage{ width:100%; height:100%;border:0;}
211
/*专家信息内容*/
211
/*专家信息内容*/
212
.information-content{  width:1050px;height:auto; margin:auto;margin-top:20px; position:relative;overflow: hidden;}
212
.information-content{  width:1050px;height:auto; margin:auto;margin-top:20px; position:relative;overflow: hidden;}
213
.content-left{ width:298px;min-height:394px; background:#fff; border:1px #c9c9c9 solid; float:left; overflow:hidden;}
213
.content-left{ width:298px;min-height:394px; background:#fff; border:1px #c9c9c9 solid; float:left; overflow:hidden;}
226
}
226
}
227
.modifybox{ display:none;}
227
.modifybox{ display:none;}
228
.infor-browse{ clear:both; margin-bottom:20px;}
228
.infor-browse{ clear:both; margin-bottom:20px;}
229
.btn-marL{ margin-left:35px;cursor:pointer; }
230
.btn-marB{ margin-bottom:30px;cursor:pointer;}
231
.btn{ width:105px; padding:0;cursor:pointer;}
229
.btn-marL{ margin-left:35px; }
230
.btn-marB{ margin-bottom:30px;}
231
.btn{ width:105px; padding:0;}
232
.btn:hover, .btn:focus { text-decoration: none; color:#fff;}
232
.btn:hover, .btn:focus { text-decoration: none; color:#fff;}
233
.select-sele{ clear:both; width:100%; height:26px;}
233
.select-sele{ clear:both; width:100%; height:26px;}
234
.add{ float:left;}
234
.add{ float:left;}
235
.addbtn{ float:left; clear:both; width:105px; height:26px; background:#ff8400;box-shadow:none; border:none;cursor:pointer; color:#fff; border-radius:5px;font:14px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";  margin-left:10px;cursor:pointer; }
235
.addbtn{ float:left; clear:both; width:105px; height:26px; background:#ff8400;box-shadow:none; border:none;cursor:pointer; color:#fff; border-radius:5px;font:14px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";  margin-left:10px; }
236
.listbox{ margin:5px 0;max-width:100%; margin-left:15px; overflow:hidden; /*border:1px solid red;*/}
236
.listbox{ margin:5px 0;max-width:100%; margin-left:15px; overflow:hidden; /*border:1px solid red;*/}
237
.list-area{ overflow:hidden; padding:10px 0 20px 0; width:670px; margin:10px auto; background:#f8f8f8;}
237
.list-area{ overflow:hidden; padding:10px 0 20px 0; width:670px; margin:10px auto; background:#f8f8f8;}
238
.listbox-browse{ min-height:26px; position:relative;}
238
.listbox-browse{ min-height:26px; position:relative;}
241
.line{ width:110px; height:1px; background:#ccc; float:left; margin-left:30px; margin-top:12px;}
241
.line{ width:110px; height:1px; background:#ccc; float:left; margin-left:30px; margin-top:12px;}
242
.like-num{ float:right;max-width:380px;height:26px; padding:0 20px; overflow:hidden; }
242
.like-num{ float:right;max-width:380px;height:26px; padding:0 20px; overflow:hidden; }
243
.like-people{ width:26px; height:26px; float:right; overflow:hidden; margin-right:5px; background:url(../images/default-photo.png) no-repeat center center; background-size:100% 100%;-moz-background-size:100% 100%;}
243
.like-people{ width:26px; height:26px; float:right; overflow:hidden; margin-right:5px; background:url(../images/default-photo.png) no-repeat center center; background-size:100% 100%;-moz-background-size:100% 100%;}
244
.like-people img{ width:100%; height:100%;}
244
.like-people img{ width:100%;}
245
.triangleR{ display:block; width:0; height:0; border:8px solid transparent; border-left-color:#f0f1f3; float:right; margin-right:20px;margin-top:6px; cursor: pointer;}
245
.triangleR{ display:block; width:0; height:0; border:8px solid transparent; border-left-color:#f0f1f3; float:right; margin-right:20px;margin-top:6px; cursor: pointer;}
246
.acad{  height:26px;border:1px #c9c9c9 solid; border-radius:5px; text-align:center;font:14px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#3e3e3e; margin:6px 0; margin-left:15px; float:left;cursor:pointer;padding:0 8px;}
246
.acad{  height:26px;border:1px #c9c9c9 solid; border-radius:5px; text-align:center;font:14px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#3e3e3e; margin:6px 0; margin-left:15px; float:left;cursor:pointer;padding:0 8px;}
247
.list{  height:26px;border:1px #c9c9c9 solid; border-radius:5px; text-align:center;font:14px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#3e3e3e; margin-top:12px; margin-left:15px; float:left;cursor:pointer;padding-right: 8px; overflow:hidden;}
247
.list{  height:26px;border:1px #c9c9c9 solid; border-radius:5px; text-align:center;font:14px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#3e3e3e; margin-top:12px; margin-left:15px; float:left;cursor:pointer;padding-right: 8px; overflow:hidden;}