Browse Source

专家更多信息样式修改

luyanan 8 years ago
parent
commit
e2f0abddbb
5 changed files with 16 additions and 18 deletions
  1. 14 16
      app/css/app.css
  2. 2 2
      app/html/consultapply.html
  3. BIN
      app/images/add.png
  4. BIN
      app/images/catmao.jpg
  5. BIN
      app/images/selected.png

+ 14 - 16
app/css/app.css

@ -108,11 +108,14 @@ em.icon-renzheng span{ font-size:10px;margin-right:4px;vertical-align:middle;}
108 108
/*****表单公共样式********/
109 109
/*input输入相关*/
110 110
.frmbox{ width: 100%; margin:2% auto; border-radius: 6px; }
111
.frmtype{ width: 100%; margin: auto; padding:2%;font-size: 14px;}
112
.frmbtn{margin:4% auto;  font-size: 14px; padding:2%;border:1px solid #FF9900; border-radius: 6px; color:#FF9900 ;}
111
.frmtype{ width: 100%; margin: auto;line-height: 24px;padding: 1% 2%;font-size: 14px;}
112
.frmbtn{margin:4% auto;font-size: 14px;line-height: 24px;padding: 1% 2%;border:1px solid #FF9900; border-radius: 6px; color:#FF9900 ;}
113 113
/*.frmbtn:hover{border:1px solid #FF9900; color:#FFFFFF;background-color:#FF9900;}*/
114 114
.frmbox{ border:none; width: 90%;height: 100%; } 
115
/*未激活按钮状态*/
115 116
.frmactive2{color:#f0f0f0;background-color:#d6d6d6; border:1px solid #d6d6d6;}
117
.frmactive2.mui-btn.mui-active:active,.frmactive2.mui-btn:enabled:active{color:#f0f0f0;background-color:#d6d6d6; border:1px solid #d6d6d6;}
118

116 119
.frmactive{color:#fff;background-color:#FF9900; border:1px solid #FF9900;}
117 120
.frmactiveok{color:#fff;background-color:#FF9900; border:1px solid #FF9900;}
118 121
.exitbox{ text-align: center;margin-top:40px;}
@ -230,7 +233,7 @@ em.icon-renzheng span{ font-size:10px;margin-right:4px;vertical-align:middle;}
230 233
.infocon{padding:6px 10px; /*text-align: justify;*/ font-size: 13px; color:#888888;}
231 234
.infocon ul{ padding:0; margin: 0; overflow: hidden;}
232 235
.infosubject li{ list-style: none; padding:4px 10px; padding-right:20px; margin:4px; border:1px solid #BBBBBB; border-radius: 6px; float: left;}
233

236
/*合作资源*/
234 237
.resinfo li{padding:6px 8px;}
235 238
.resinfo li .mui-media-body{ border-bottom:1px solid #F0F0F0; padding-bottom:4px; margin-bottom: 6px;}
236 239
.resinfo li .mui-media-body .resbrief{ max-height: 46px; overflow: hidden;}
@ -265,12 +268,17 @@ em.icon-renzheng span{ font-size:10px;margin-right:4px;vertical-align:middle;}
265 268
.attentbtn em{font-size: 20px;line-height: 24px;color:#F6DC00;}
266 269
/*.attentbtn em{display: block; margin: auto; width: 22px; height: 22px; background: url(../images/attenticon.png) center center no-repeat; background-size:100% 100% ;}*/
267 270

268
.listitembox{ position: static;width: 108%;}
269
.listitembox .listitem{ position: static;padding:10px; margin-right: 2%;}
271
.maincon2{padding-right:0;}
272
.infocon2{padding:0;}
273
.listitembox{ position: static;width: 100%;}
274
.listitembox .listitem{ position: static;padding:10px;padding-right: 0;}
270 275
.listitembox .listitem .iconposition{ border-radius: 50%; max-width:60px; height:60px; margin: 1% 0; margin-right: 10px;}
271
.listitembox .listitem>a .mutlinebox{ white-space:normal; overflow: auto; }
276
.listitembox .listitem>a .mutlinebox{ white-space:normal; overflow: auto;word-break:break-word; }
272 277
.listitembox .listitem .mui-media-body{ border-bottom:1px solid #F0F0F0;  padding-right:20px;padding-bottom:10px;}
273 278
.listitembox .listitem:last-child .mui-media-body{ border-bottom:none;}
279
.listitembox .listitem.mui-table-view-cell:after{background:none;}
280
.listitembox .listitem.mui-table-view-cell>a:not(.mui-btn).mui-active{background:none;}
281
.resinfo .listitem.mui-table-view-cell>a:not(.mui-btn).mui-active{background:#eee;}
274 282
/***********************专家信息浏览*******************/
275 283

276 284
/***********************我的账户*******************/
@ -404,16 +412,6 @@ em.icon-renzheng span{ font-size:10px;margin-right:4px;vertical-align:middle;}
404 412

405 413
/*********************** 咨询*******************/
406 414
.consultbox{ padding:20px 0px 20px 0px;}
407
@font-face {font-family: "iconfont";}
408
.iconfont {
409
  font-family:"iconfont" !important;
410
  font-size:16px;
411
  font-style:normal;
412
  -webkit-font-smoothing: antialiased;
413
  -webkit-text-stroke-width: 0.2px;
414
  -moz-osx-font-smoothing: grayscale;
415
}
416

417 415
.consultaim{ text-align: center; margin: auto;position:relative;width:100%; }
418 416
.consultaim ul{padding: 0; margin: 0;padding: 2% 5%;/* width:70%; position:relative; left:50%;margin-left:-34%;*/ overflow: hidden;}
419 417
.consultaim ul li{ list-style: none;float: left; width:31%; padding:2px 8px;border:#CCCCCC 1px solid;border-radius: 6px; margin:1%; font-size: 12px;line-height: 24px;vertical-align: middle;}

+ 2 - 2
app/html/consultapply.html

@ -17,10 +17,10 @@
17 17
		<div class="mui-content">
18 18
			<!-- 主界面具体展示内容 -->
19 19
			<div class="mui-input-group marginbox">
20
				<div class="personinfo2">
20
				<div class="personinfo2" style="padding:10px;">
21 21
					<div class="headbox2" >
22 22
					    <a class="proinfor" href="proinforbrow.html">
23
		                    <img class="mui-pull-left headimg2" src="../images/default-photo.jpg" id="proimg">
23
		                    <img class="mui-pull-left headimg2 headRadius" src="../images/default-photo.jpg" id="proimg">
24 24
		                    <div class="mui-pull-left infobasic">
25 25
		                        <span class="listtit" id='proname'>
26 26
		                        	

BIN
app/images/add.png


BIN
app/images/catmao.jpg


BIN
app/images/selected.png