瀏覽代碼

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

zzy.zhiyuan.foxmail 8 年之前
父節點
當前提交
268c5cce1d
共有 1 個文件被更改,包括 14 次插入14 次删除
  1. 14 14
      src/main/webapp/css/index.css

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

@ -9,13 +9,13 @@ input{ outline:none;}
9 9
.logo{ display:block; width:80px; height:50px; background:url(../images/logo2.png) no-repeat; margin-left:80px; margin-top:5px; float:left;}
10 10
.searchblock{ width:264px; height:35px; position:absolute; left:50%; top:50%; margin-left:-132px; margin-top:-17.5px; display:none;}
11 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 13
.search-icon{ display:block; width:20px; height:20px; background:
14 14
url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;}
15 15
/*未登录*/
16 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 19
.personal-infor{width:202px; height:179px; position:absolute; top:42px; right:80px; display:none;}
20 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 21
.personal-box{ width:202px; /*height:160px;*/ border-radius:10px; background:#f3a36c; clear:both; overflow:hidden;}
@ -112,8 +112,8 @@ h5{font:20px/30px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; }
112 112
.about{ width:100%;min-height:100px; border-top:2px #e2e2e2 solid; padding:5px 0;}
113 113
.about-in{ width:920px; max-height:850px; height:auto; margin:auto; margin-top:10px;}
114 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 118
.synopsis{ float:left; padding:20px 0;color:#000; width:720px;}
119 119
.named{display:block;font:24px/34px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#000; float:left;}
@ -147,7 +147,7 @@ h5{font:20px/30px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; }
147 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 148
.account-name{ height:50px; padding: 0 40px;}
149 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 151
.text a{font:14px/57px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#f5980b; padding-left:5px;}
152 152
.account-sax{ clear:both; height:50px; width:100%; padding: 0 40px;}
153 153
.name-txt{ float:left;font:18px/50px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#818181;}
@ -174,8 +174,8 @@ input:focus{ border:1px solid #ff8500;}
174 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 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 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 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 180
.float-title{  height:70px; background:#eee;font:20px/70px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#818181; padding:0 20px;}
181 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,7 +188,7 @@ input:focus{ border:1px solid #ff8500;}
188 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 189
.act{margin-left:40px;}
190 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 192
.input-code{ width: 210px;margin-left: 10px;}
193 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,6 +197,7 @@ input:focus{ border:1px solid #ff8500;}
197 197
.information-head{ width:1050px; margin:auto;background:#fff; border:1px #c9c9c9 solid; margin-top:30px; overflow:hidden; padding:20px 50px;}
198 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 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 201
.head-center{ float:left; width:500px; min-height:150px; margin-top:20px; margin-left:60px;}
201 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 203
.infor{clear:both; width:100%; height:26px; margin-bottom:10px; }
@ -207,7 +208,6 @@ select{ width:200px; height:24px; border:none; background:url(../images/downsele
207 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 209
.close:hover{ background:#ff8400; color:#fff; opacity: 1; }
209 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 212
.information-content{  width:1050px;height:auto; margin:auto;margin-top:20px; position:relative;overflow: hidden;}
213 213
.content-left{ width:298px;min-height:394px; background:#fff; border:1px #c9c9c9 solid; float:left; overflow:hidden;}
@ -226,13 +226,13 @@ select{ width:200px; height:24px; border:none; background:url(../images/downsele
226 226
}
227 227
.modifybox{ display:none;}
228 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 232
.btn:hover, .btn:focus { text-decoration: none; color:#fff;}
233 233
.select-sele{ clear:both; width:100%; height:26px;}
234 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 236
.listbox{ margin:5px 0;max-width:100%; margin-left:15px; overflow:hidden; /*border:1px solid red;*/}
237 237
.list-area{ overflow:hidden; padding:10px 0 20px 0; width:670px; margin:10px auto; background:#f8f8f8;}
238 238
.listbox-browse{ min-height:26px; position:relative;}
@ -241,7 +241,7 @@ select{ width:200px; height:24px; border:none; background:url(../images/downsele
241 241
.line{ width:110px; height:1px; background:#ccc; float:left; margin-left:30px; margin-top:12px;}
242 242
.like-num{ float:right;max-width:380px;height:26px; padding:0 20px; overflow:hidden; }
243 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 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 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 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;}