main.css

预知天气 简单方便 可靠 使用 简单名了

/*蚊子天气 CSS Document */
body{background:#3C7FAF url(bd_bg.png) repeat-x top;margin:0;font:14px Verdana;color:#07519A}
a{color:#07519A;text-decoration:none}
a:hover{color:#F00;text-decoration:underline}
a img{border:none}
#wrap{width:958px;margin:auto;padding:0 10px;background:#FFF}
ul{padding:0;margin:0;list-style:none}
form{margin:0}
.space{height:1px;margin-top:-1px;overflow:hidden;clear:both}
pre{font:14px/18px "Courier New"}
pre a{color:#00F}
.red{color:#F00}
.green{color:#090}
.blue{color:#00F}
.hotm{float:left;border:1px solid #ACE;background:#EDF6FF;margin:0 0 5px 5px;*margin-bottom:0;padding:0 8px;width:562px;height:33px;line-height:33px}
/**广告**/
#monc{clear:both;height:80px;line-height:80px;overflow:hidden;padding:0 12px;background:#FFF;border-bottom:1px solid #ACE}
#monls{float:left;width:155px;height:148px;overflow:hidden}
.sys_dl{float:right;width:785px}
/*头部*/
#header{position:relative}
#elogin{font:12px/29px Verdana;height:29px;background:#EBF3FB;border:1px solid #ACE;padding:0 12px}
#elogin form{padding:0;float:left;width:650px;height:29px;overflow:hidden}
#elogin label{float:left;padding-left:10px}
#elogin .text{float:left;height:18px;border:1px solid #ACE;background:#FFF;width:88px;padding:0 3px;font:12px/18px Verdana;margin-top:4px}
#elogin .select{height:18px;float:left;overflow:hidden;border:1px solid #ACE;margin-top:4px}
#elogin .select select{float:left;margin:-2px;width:130px;font-family:Verdana;height:20px}
#elogin .button{float:left;border:none;background:#017DCE url(login.png);width:50px;height:20px;line-height:18px;margin:4px 0 0 8px;color:#FFF}
#elogin form a{float:left;margin-left:12px}
#elogin .r{float:right}
#banner{padding:6px 0 0 11px}
#logo{width:200px;height:80px;background:url(logo.gif)}
#logo h1{margin:0;padding:0}
#logo a{display:block;height:80px;line-height:200px;overflow:hidden}
#money{float:right;height:80px;overflow:hidden}
#money .mcon{float:left;height:80px;margin-left:5px;border:1px solid #ACE;overflow:hidden}

/*main*/
#main{padding-top:5px}.sr{float:right}.sl{float:left}.sbox{width:200px}.scbox{width:168px;overflow:hidden}.bcbox{width:580px;margin-left:5px}.bbox{width:785px}.bdbl, .bdora{border:1px solid #ACE}.bd{margin-bottom:5px;border:1px solid #ACE;border-top:none}.bd h3, .bd h4{margin:0;padding:0 10px;height:27px;overflow:hidden;font:bold 14px/28px Verdana;color:#07519A;clear:both;background:#E6F1FB url(th_bg.png)}.bd h3 span{float:left;color:#07519A}.bd h3 em{font:normal 14px/22px Verdana;float:right;line-height:27px}.bd h3 em img{margin:6px 8px 0 0}.bd h3 a:hover{text-decoration:none}.bdora h3 span{padding:0 10px;background:#FFF;border:1px solid #ACE}
/**天气预报**/
#weath{float:right}#weath a:hover{text-decoration:none}#weath img{width:20px;margin-bottom:-3px}
/**常用工具 模板页面**/
.tools{clear:both}
.tools h3 em{color:#333}
.tools .con{padding:12px;line-height:60px}
.tools .con table{width:90%;margin:auto;background:#ACE}
.tools .con table strong{font-weight:normal;color:#F00}
.tools .con th, .tools .con td{font-weight:normal;text-align:left;height:60px;padding:0 5px;background:#FFF}
.tools .con th{background:#EDF6FF}
.tools textarea{width:749px;height:148px;border:1px solid #ACE;font:14px/22px Verdana;padding-left:3px;overflow-y:scroll;margin-bottom:8px}
.tools .input{height:60px;overflow:hidden}
.tools input{border:none;float:left}
.tools .text{width:330px;height:20px;font:14px Verdana;border-right:1px solid #ACE;padding:2px 3px 0}
.tools .button, .tools .btn{height:22px;padding:1px 5px 0;font:bold 14px/22px Verdana;background:#017AC9 url(bot_bg.png);color:#FFF}
.tools .btn{height:24px;border:1px solid #ACE;margin-right:4px}
.tools .input label{float:left;height:60px;border:1px solid #ACE;overflow:hidden}
.tools .slcon{float:left;height:21px;border-right:1px solid #ACE;padding:1px 0 0 3px}
.tools .select{float:left;overflow:hidden}
.tools select{margin:-2px;width:223px;font:14px Verdana}*+html .tools select{margin-top:-3px}.tools h5{margin:1px 0;height:22px;font:normal 14px/23px Verdana;color:#333;padding:0 12px;overflow:hidden;background:#EDF6FF;border:solid #ACE;border-width:1px 0}#mobile2{border-top:1px solid #ACE}
#ems .con li{display:inline;white-space:nowrap;margin-right:14px}#ems .text{width:200px}#ems .select{width:150px}#ems .djno{float:left;line-height:24px;width:118px;white-space:nowrap;overflow:hidden}.emsclass{height:72px;overflow:hidden;margin-left:-1px}.emslist{width:390px;border-left:1px solid #ACE;overflow:hidden;float:left;padding-left:1px}#ems .emslist .text{width:150px}.speedtest{background:#FFF;padding:10px 0 10px 10px}.speedtest li{height:22px;line-height:22px}.speedtest li span{float:left;width:140px}.speedtest li label{float:left;height:10px;overflow:hidden;margin-top:7px}.spd1 label{background:#FF0606 url(slevel01.gif)}.spd2 label{background:#FF6804 url(slevel02.gif)}.spd3 label{background:#FFA31A url(slevel03.gif)}.spd4 label{background:#BFE91C url(slevel04.gif)}.spd5 label{background:#26DF26 url(slevel05.gif)}.spdyours label{background:#079BFF url(slevel_yours.gif)}.spdyours span{color:#00F}#weather{float:left;width:956px}
#weather h3{clear:both}
#weather .con{float:left;padding:7px;width:942px}
.wcon{width:660px;overflow:hidden}
.cx_wcon{width:95%;overflow:hidden}
.city{width:274px;overflow:hidden}
.ctitle{line-height:24px;border:solid #ACE;border-width:1px 1px 0;background:#EDF6FF;text-align:center}
.ctitle li{display:inline;font-size:12px;padding:0 2px}
.ctitle li.focu a{color:#00F}
.ctcon{margin-bottom:5px}
.ctcon table{background:#ACE;font-size:12px}
.ctcon th, .ctcon td{background:#FFF;padding:3px 5px;line-height:18px}
.ctcon th, .ctcon a{white-space:nowrap}
.ctcon a{margin-right:5px}
#w_gj h3{font-weight:normal;color:#333}
#w_gj .con, #w_video .con{float:none;width:auto}
#w_gj .select{width:115px}
#encode textarea{margin:8px 0}
#w_video{border-top:1px solid #ACE}
.l{float:left}

.box7{border-left:1px solid #ace;border-right:1px solid #ace;border-bottom:0px solid #ace; margin:0 10px 10px 10px;background:#EDF8FE;color:#666666;}
.box7 label{ width:110px; text-align:left; color:#179333; font-weight:bold; float:left;}

.box6{background:#EDF6FF;border:1px solid #ace;overflow:auto;zoom:1;padding:8px;font-size:12px;margin-bottom:5px}
.box6 strong{font-size:14px}
.f18{font:bold 14px/22px Verdana}
.wea60{margin:0 10px}
.box7{clear:both}
.box7 p{border:1px solid #ace;margin:0;padding:5px 8px;font:12px/18px Verdana;margin:-5px 0 5px 0}
.box7 p label{color:#179333}
/*页脚*/
#footer{font:11.5px/18px Verdana;text-align:center;padding:8px 0;border-bottom:3px solid #7FB1E5}
#footer .link{width:510px;line-height:22px;margin:auto;background:url(sitem_bg.gif) repeat-x bottom}
/**页面文件路径**/
#path{background:#EDF6FF;line-height:26px;padding:0 12px;margin-bottom:5px}
#status img{margin-bottom:-6px}
#spd{position:relative}

/**周边天气蚊子**/
#cx_map h3{font-weight:normal;color:#333}
#cx_map .con, #w_video .con{text-align:left;float:left;width:auto}
#cx_map .select{width:115px}