style.css

一个用jsp编写的获取天气的代码

@charset "gb2312";
/* 
Copyright (c) 2008, Ylmf.com. All rights reserved.
Date:2008-12-5
Author:caijianbin
*/
/*= Reset =*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"\0020";}
blockquote, q {quotes:"" "";}
a img {border:none;}
hr { clear:both; height:0; border-color:#ace; border-style:solid; border-width:1px 0 0;}

/*Float & Clear */
.fr { float:right}
.fl { float:left}
.clear { clear:both; overflow:hidden; height:0;}
.clearfix:after{clear:both; content:"\0020"; display:block; visibility:hidden; height:0}.clearfix{display:inline-block}
* html .clearfix {zoom:100%}
.clearfix{display:block}
h1,h2,h3,h4,h5,h6 { font-weight:bold;}

/*layout*/
body { color:#07519A; font:12px/1.5 "Lucida Grande", Verdana, Geneva, sans-serif,"宋体"; background: url(bd_bg.png) repeat-x #3C7FAF; }
#wrap { width:960px; margin:0 auto; background:#fff;  padding:0 10px; }
.container {
  text-align: left;
  position: relative;
  padding: 0;
  overflow:hidden;
  margin: 0 auto;  
  width: 960px;
}
ul li { list-style:none}
a { color:#07519A; text-decoration:none; }
a:hover { color:#FD2828; text-decoration:underline; }

.p10w { padding:0 10px}
.p5 { padding:5px;}
.mt5 { margin-top:5px}
.mb5 { margin-bottom:5px}
.m5w { margin-left:5px; margin-right:5px;}
.m5v { margin-top:5px; margin-bottom:5px;}
.bd{ border:1px solid #ace}
.box { border:1px solid #ace; background:#EBF3FB}
.black { color:#000}


#topbar {  height:30px; line-height:30px; overflow:hidden;}
#topbar input {margin-right:5px;}
#topbar input.txt{ font:12px/14px Verdana;  border:1px solid #ace; padding:2px; width:100px;}
#topbar select { font:12px/14px Verdana;border:1px solid #ace; padding:1px;}
#topbar .btn { padding:0; border:none; background:url(login.png) no-repeat; height:20px; line-height:20px; color:#fff; text-align:center; width:50px;font-size:12px;}
#maillogin a{ *position:relative; *top:-2px;}

#header {}

#logo { background:url(logo.gif) no-repeat; width:134px; height:70px;}
#logo a { display:block; text-indent:-9999px; overflow:hidden; height:70px; width:124px;}

#banner { width:826px; height:70px; overflow:hidden;}
/*search*/
#search { position:relative; }
#search-menu { padding-left:50px;height:30px; position: relative; margin-bottom:-5px;}
#search-menu li {width:69px; float:left; line-height:25px; font-size:14px; width:68px; height:30px;text-align:center;background:url(line01.gif) right 5px no-repeat;}
#search-menu li.active {margin-left:-1px; background:url(tag.png); }
#search-menu li.active a,#search-menu li.active a:hover { text-decoration:none; cursor:default; color:#fff;}
#search-con { height:43px; line-height:43px; padding:0 10px;}
#search-con input.int{ border:1px solid #7F9DB9; width:300px; font:14px/17px Verdana; margin-left:5px; padding:3px 2px;}
#search-con input.btn { width:80px; text-align:center; padding:1px; margin:0 5px;font-size:14px}
#search-con .baidu{ margin-top:5px; *margin-top:10px; overflow:hidden; height:30px;}
#search-con .baidu * { float:left }
#search-con .mlink{ font-size:14px;width:310px; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 10px}

#nav { height:26px; line-height:26px;  font-size:14px}

h5 {font-size:14px;}
#content h5.title {  background:url(th_bg.png) 0 -1px repeat-x; height:26px; line-height:26px; padding:0 10px;}
#content h5.title img.loading { position:relative; top:3px; left:10px;}

#lc1 { width:612px; margin-right:5px; overflow:hidden; }
#lc2 {width:650px; margin-right:5px; overflow:hidden;}
#rc1 { width:331px; overflow:hidden;}
#rc2 { width:293px; overflow:hidden}

.tit01 { padding:8px 6px; height:20px; line-height:20px; overflow:hidden;}
.tit01 select { height:20px; overflow:hidden; padding:0; border:1px solid #ace;}
.tit01 .btn{ background:url(login.png) no-repeat; text-align:center; height:20px; width:50px; border:none; padding:0; line-height:20px; color:#fff; font-size:12px;}

.block-1 h5{ text-align:center; }
.block-1 {height:251px; overflow:hidden;}
.left_contenttopl,.mid_contenttopl,.right_contenttopl { 
	float:left; 
	background:#EDF6FF; 
	height: 210px;
	overflow: hidden;
}

.left_contenttopl{	width: 180px;}
.mid_contenttopl{	width: 286px;}
.mid_contenttopl p{
	width: 134px;
	height: 160px;
	float: left;
	background: white;
	margin: 5px 0 0 6px;
	display: inline;
	font-family:Arial, Helvetica, sans-serif;
}
.mid_contenttopl p span{
	width: 130px;
	float: left;
	text-align: center;
	margin-top: 5px;
}
.mid_contenttopl p em{
	width: 130px;
	float: left;
	height: 100px;
	text-align: center;
	
}
.mid_contenttopl p em.bg_wind{	}
.mid_contenttopl p em.bg_temp{	background: url(forecast/bg_weathertemp.gif) no-repeat 30px 5px;}
.mid_contenttopl p em i.no_list{
	width: 25px;
	float: left;
	font-family: Tahoma;
	font-size: 9px;
	text-align: right;
	margin: 8px 0 0 10px;
	display: inline;
	font-style:normal;
	line-height:1.3;
}
.mid_contenttopl p em i.img_list{
	width: 7px;
	background: #99b0d6;
	float: left;
	margin: 8px 0 0 4px;
	display: inline;
}
.mid_contenttopl p em i.no_icon{
	width: 80px;
	float: left;
	margin: -40px 0 0 15px;
	display: inline;
}
.mid_contenttopl p em i.no_icon2{
	width: 80px;
	float: left;
	margin: 35px 0 0 26px;
	display: inline;
	font-size:14px
}
.mid_contenttopl p em i.no_icon strong{
	font-size: 24px;
	font-style:normal;
}

.right_contenttopl{
	width: 136px; font-family:Arial, Helvetica, sans-serif;
}
.right_contenttopl h5{
	width: 135px;
	float: left;
	text-align: center;
	padding: 10px 0 0 0;
}
.right_contenttopl dl{
	width: 126px;
	float: left;
	margin: 5px 0 0 5px;
	display: inline;
	clear:both
}
.right_contenttopl dt{
	width: 126px;
	float: left;
	background: #6789c2;
	text-align: center;
	color: white;
	line-height: 20px;
	overflow: hidden;
	height: 18px;
	margin-top: 5px;
}
.right_contenttopl dt a, .right_contenttopl dt a:hover{
	color: white;
}
.right_contenttopl dd{
	width: 126px;
	float: left;
	line-height: 32px;
	height: 30px;
	overflow: hidden;
	text-align: center;
	background: white;
}
.right_contenttopl dd strong{
	font-size: 16px;
}

.block-2 em{ font-size:12px; font-style:normal;}
.box_contenttoday{
	width: 471px;
	float: left;
	position: relative;
	height: 220px;
	overflow: hidden;
}
.box_contenttoday h2{
	width: 471px;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	height:32px;
}

.box_contenttoday h2 em { width:68px; height:28px; line-height:28px; margin-left:1px;  border:1px solid #ace; background:#EDF6FF; text-align:68px; float:left;}
.box_contenttoday h2 em a{ display:block; text-align:center; text-decoration:none;}
.box_contenttoday h2 em.on { border-bottom:none; background:#fff;  height:31px; float:left;}
.box_contenttoday h2 em.on a, .box_contenttoday h2 em.on a:hover{ text-decoration:none; font-weight:bold; color:#000; font-size:12px; background:#fff; display:block; cursor: default; }
.box_contenttoday h2 em.menu_01 { width:185px; margin-left:0;}
.box_contenttoday h2 em#m_1_1.on a { font-size:14px}

/*.box_contenttodayinwea*/

.box_contenttodayinwea{
	width: 469px;
	border: 1px solid #ace;
	position: absolute;
	top: 31px;
	left: 0;
	z-index: 10;
	height: 187px;
	overflow: hidden;
	font-family:Arial, Helvetica, sans-serif;
}
.box_contenttodayinwea p{width: 160px;float: left;text-align: center;}
.box_contenttodayinwea p span, .box_contenttodayinwea p em{width: 160px;float: left;}
.box_contenttodayinwea p span{height: 78px;	margin-top: 10px;}
.box_contenttodayinwea p em.no_today{font-size: 24px;font-weight: bolder;}
.box_contenttodayinwea p em strong{	font-size: 14px;}
.box_contenttodayinwea dl{width: 300px; float:left; margin-top:15px; }
.box_contenttodayinwea dd { width:100px;overflow:hidden; float:left; text-align:center;}
.box_contenttodayinwea dd span { color:#000;}
.box_contenttodayinwea dd span img {  display:block; margin:0 auto; margin-top:10px;}
.box_contenttodayinwea dd em { display:block; margin:0 auto; background:#98AFD5; width:69px; color:#fff;}
.box_contenttodayinwea  em,.box_contenttodayinwea i { font-style:normal}
.box_contenttodayinwea dl.two{
	width: 450px;
	height: 80px;
	float: left;
	background: #ebeff8;
	margin: 5px 0 0 10px;
	display: inline;
	overflow:hidden;
}
.box_contenttodayinwea dl.two dt{
	width: 100px;
	float: left;
	text-align: center;
	margin: 10px 0 0 0;
	height:65px;
	overflow:hidden;
}
.box_contenttodayinwea dl.two dd{
	width: 340px;
	float: left;
	text-align: left;
	margin-top:8px;
}
.box_contenttodayinwea dl.two dd strong{
	color:#000
}
.no1_weather{
	color: #C00;
}
.no2_weather{
	color: blue;
}
.no3_weather{
	color: #009900;
}




.box_hist{
	width: 136px;
	float: left;
	background: #EDF6FF;
	margin: 0 0 0 5px;
	height: 220px;
	overflow: hidden;
	font-family:Arial, Helvetica, sans-serif;
}
.box_hist h5{width: 133px;float: left;text-align: center;margin-top: 10px;}
.box_hist dl{width: 126px;float: left;margin: 5px 0 0 5px;display: inline;}
.box_hist dt{width: 126px;float: left;background: #6789c2;text-align: center;color: white;line-height: 20px;overflow: hidden;height: 18px;margin-top: 5px;}
.box_hist dt a, .box_hist dt a:hover{color: white;}
.box_hist dd{width: 126px;float: left;line-height: 26px;height: 25px;overflow: hidden;text-align: center;background: white;}
.box_hist dd strong{font-size: 16px;}
.box_hist h4{width: 48px;height: 18px;float: left;background: white;border: 1px solid #99b0d6;overflow: hidden;text-align: center;	line-height: 19px;	margin: 8px 0 0 45px;display: inline;
}
.box_hist h4 a:hover{text-decoration: none;}


.tit02 { margin:6px; background:#EDF6FF; position:relative; padding:2px 5px;}
.tit02 span i { position:absolute; top:7px; right:5px;}

.fut_weather { margin:0 0 3px 5px; font-family:Arial, Helvetica, sans-serif}
.fut_weatherbox7{
	width:102px;
	height: 200px;
	border: 1px solid #c2d0e7;
	border-right-color: #99b0d6;
	border-bottom-color: #99b0d6;
	background: white;
	float: left;
	text-align: center;
	margin-left: 2px;
	display: inline;
	margin-bottom:2px;
}
.fut_weatherbox7 h3{
	width: 100%;
	float: left;
	border-bottom: 1px solid #c2d0e7;
	background: #f5f7fb;
	line-height: 25px;
	font-weight: bolder;
	color:#000;
}
.fut_weatherbox7 p{
	width: 100%;
	float: left;
	margin: 5px 0 0 0;
	height: 50px;
}
.fut_weatherbox7 h4{
	width: 100%;
	float: left;
	text-align: center;
	line-height: 1.8;
	font-weight:normal;
	color:#000;
}
.fut_weatherbox7 h4.temp00_dn, .fut_weatherbox h4.temp03_dn{
	padding: 5spx 0;
	line-height: 25px;
}
.fut_weatherbox7 h4.temp01_dn{
	font-weight: bolder;
	color: #cc0000;
	font-size: 14px;
}
.fut_weatherbox7 h4.temp01_dn a{
	color:#F60;
}
.fut_weatherbox7 h4.temp02_dn{
	font-weight: bolder;
	color: #0033cc;
	font-size: 14px;
}
.fut_weatherbox7 h4.temp02_dn A{
	color: green;
}
.fut_weatherbox7 h4 span{
	float: right;
	margin-right: 10px;
}

#bannerFull .box { padding:5px;}
#bannerFull label { float:left; line-height:26px; height:26px;}
#bannerFull .int { float:left; font-family: Arial, Helvetica, sans-serif; border:1px solid #ace; background:#fff; padding:4px 5px; color:#999;}
#bannerFull .btn { float:left; width:60px; height:26px; overflow:hidden; margin-left:5px; text-indent:-9999px; border:none; padding:0; background:url(btn_copy.gif) no-repeat;}
#bannerFull .fl .int { width:380px;}
#bannerFull .fr .int { width:230px;}

.scene_weather { position:relative; overflow:hidden; z-index:10;  height:240px; width:650px; }
.scene_weather iframe{ position: absolute; top:0; left:0; z-index:0;}
.scene_weather .pa { overflow:hidden; height:10px; background:#ccc; bottom:0; left:0; width:650px}

h2.title05 { height:27px; line-height:27px; background:#3366BB; color:#fff; padding:0 10px; font-size:14px}
h2.title05 span { font-size:12px}
.box_lifeboxin{
	width: 320px;
	float: left;
	margin: 5px 0 0 0;
	background: #ebeff7;
	height: 100px;
	overflow: hidden;
}
.box_lifeboxin p{
	width: 70px;
	float: left;
	margin: 15px 0 0 10px;
	display: inline;
}
.box_lifeboxin dl{
	width: 200px;
	float: left;
	height:82px; overflow:hidden;
	margin: 8px 0 0 20px;
	display: inline;
	line-height: 20px;
}

.box_lifeboxin dd em{
	color: #cc0000;
	font-style:normal;
}
.box_lifeboxin dd i{
	color: #009900;
	font-style:normal;
}
.box_lifeboxin dd strong{
	color:#000;
}

#areaToday { border:2px solid #fff;}

.around_weather{
	width: 277px;
	float: left;
	background: #ebeff7;
	padding: 10px 5px;
	font-family:Arial, Helvetica, sans-serif;
}
.around_weather dl{
	width: 286px;
	display:block;
}
.around_weather dd{
	width: 215px;
	height: 29px;
	float: left;
	background: white;
	border: 1px solid #c2d0e7;
	border-right-color: #99b0d6;
	border-bottom-color: #99b0d6;
	margin: 5px 0 0 5px;
	display: inline;
	padding: 10px 0 0 50px;
}
.around_weather dd strong {
	width: 60px;
	float: left;
	color:#000;
}
.around_weather dd a {
	color:#000;	
}
.around_weather dd img{
	vertical-align: middle;
	margin: 0 5px;
	display: inline;
}
.around_weather dd span{
	color: #cc0000;
}
.around_weather dd em{
	color: #0033cc;
	font-style:normal;
}

#guide { width:600px; margin:20px auto 10px; border-bottom:1px dashed #ace; padding-bottom:10px;}
#guide a { height:25px; width:60px; float:left; overflow:hidden; text-indent:-9999px}
#guide a.back { background:url(btn_fanhui.jpg) no-repeat; margin-left:230px;}
#guide a.close { background:url(btn_guanbi.jpg) no-repeat; margin-left:20px;}

#imgbox { margin:0 6px;}
#imgbox h5 { padding:5px; margin:10px 0 2px; text-align:center;}
#imgbox .item { margin:1px; width:113px; height:113px; border:1px solid #ace; text-align:center; background:#fff; float:left; color:#000}
#imgbox .item img {  margin:30px auto 10px; width:40px;}
#imgbox #night .item { background:#D8E7F8}
#daytime h5 { background:#DDEEFF; color:#07519A}
#night h5 { background:#3366BB; color:#fff}

#footer { text-align:center; padding-bottom:12px;}