westdc-zf1/htdocs/css/index.css

156 lines
4.9 KiB
CSS
Raw Normal View History

2012-12-31 03:42:35 +00:00
#index{width:960px;margin:0 auto; overflow:hidden;}
2011-11-01 03:36:23 +00:00
#leftPanel{width:200px;margin:0 10px;float:left;overflow:hidden;}
#sidebar{width:200px;margin-left:5px;float:right;padding:5px;overflow:hidden;}
#sidebar .item{margin-left:15px;}
#sidebar .item a{ padding-left: 15px; background:url(../images/square-gray.gif) no-repeat left center; }
#sidebar img{max-height:200px;}
#sidebar span{
filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
background:#ffffff; margin-top:5px; padding-left:5px; position: absolute; width: 180px;
font-size:12px;font-weight:bold;color:#00A9FF;}
.extlink{margin-left:10px;}
.extlink a{padding-right: 15px; background:url(../images/extlink.gif) no-repeat right center; }
2011-10-29 12:13:46 +00:00
#leftPanel .title,#sidebar .title
2009-03-06 03:20:46 +00:00
{
border-bottom: #5D657C 1px solid;
border-top: #5D657C 1px solid;
color: #5D657C;
line-height: 25px;
font-size: 14px;
padding-left: 15px;
font-weight: bold;
margin-bottom: 0px;
background-color: #e6edea;
}
#leftPanel ul, #rightPanel ul {list-style-type: none; margin-left: 0px;padding-left: 0px;overflow:hidden;width:100%;}
2011-10-29 12:13:46 +00:00
.item{line-height: 25px;}
2009-03-06 03:20:46 +00:00
#leftPanel .more a:link, #leftPanel .more a:visited
{
color:Green; text-decoration:none;
}
.special
{
font-weight:bolder;
}
.special a:link, .special a:visited
{
color:Red;
}
2011-11-01 03:36:23 +00:00
#rightPanel{overflow:hidden;width:520px;float:left;_width:510px;}
2009-03-06 03:20:46 +00:00
/*feature event*/
.alpha-shadow
{
float:left;
background: url(../images/shadow.gif) no-repeat bottom right;
margin: 10px 0 10px 5px !important;
}
.alpha-shadow div {
background: url(../images/shadow2.png) no-repeat left top !important;
background: url(../images/shadow2.gif) no-repeat left top;
padding: 0px 5px 1px 0px;
}
.alpha-shadow img {
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 4px;
}
2011-11-01 08:00:21 +00:00
#links
{
float:right;width:50px;padding:0;margin:0px;height:20px;line-height:20px;
}
2011-12-20 03:03:59 +00:00
#rightPanel .more a{color:Green; background:url(../images/arrow.gif) no-repeat right center;padding:0 15px 0 0;margin:0px;height:20px;line-height:20px;}
2009-03-06 03:20:46 +00:00
2011-10-29 12:13:46 +00:00
#rightPanel .title
{font-size: 15px; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}
2009-03-06 03:20:46 +00:00
2011-10-29 12:13:46 +00:00
#rightPanel #news .item{margin-bottom: 5px;}
2009-03-06 03:20:46 +00:00
#rightPanel ul{margin-top:0px; margin-bottom: 0px;}
2011-10-29 12:13:46 +00:00
#rightPanel #latestData .item{margin-bottom: 3px;}
2009-03-06 03:20:46 +00:00
#rightPanel .date
{
font-size: 11px; color: Gray;
}
#rightPanel #latestData{float:right; width: 250px; margin-left: 20px;}
2012-12-28 07:24:14 +00:00
#rightPanel #feature{border-bottom: dotted 1px Gray;overflow:hidden;}
2009-03-06 03:20:46 +00:00
/*数据服务段开始*/
2011-10-29 12:13:46 +00:00
.service_title
2009-03-06 03:20:46 +00:00
{
padding: 5px 0px 5px 30px;
margin-bottom: 3px;
2011-11-01 03:36:23 +00:00
background: url(../images/level2.gif) left center no-repeat;
font-size:105%;
font-weight:bold;
2009-03-06 03:20:46 +00:00
}
2011-10-29 12:13:46 +00:00
.services_Item
2009-03-06 03:20:46 +00:00
{
font-size:14px;
line-height: 20px;
padding-bottom: 8px;
margin-bottom: 6px;
border-bottom: dotted #ccc 1px;
}
2011-10-29 12:13:46 +00:00
.services_Item span
2009-03-06 03:20:46 +00:00
{
font-size:12px;
line-height: 20px;
color: #666;
padding-left: 18px;
}
2011-10-29 12:13:46 +00:00
.services_contact
2009-03-06 03:20:46 +00:00
{
text-align: left;
margin-left: 5px;
}
/*数据服务段结束*/
#dataLink {margin:10px 0;}
#dataLink .search{width:auto;}
#dataLink ul{padding:5px 0;}
2009-03-06 03:20:46 +00:00
#rightPanel #dataLink a{font-weight: bold;}
/*新闻*/
#itemCd{ margin-top: 10px; border-bottom:1px dotted gray; overflow:hidden;}
#dataLink ul{display:inline;float:left;list-style-type: none;margin-top:-5px;}
2011-11-08 15:14:51 +00:00
input{background:#ECF0F5;margin-bottom:6px;}
dd,dt{margin:0;}
#dataLink dd {padding-bottom:5px;margin-left:5px;margin-top:-5px;}
2012-12-31 03:42:35 +00:00
.slides_container{width:520px; overflow:hidden;}
2012-12-28 08:53:28 +00:00
#slides {overflow:hidden;height:330px;}
#slides .slide{width:520px;}
2012-12-28 07:24:14 +00:00
#slides .slide {overflow:hidden;}
2012-12-28 08:53:28 +00:00
#slides .slide .thumb {width:520px;height:300px;float:left;overflow:hidden;}
#slides .slide .thumb img{width:510px;padding:2px;margin:0 5px 0 0;}
2012-12-28 07:24:14 +00:00
#slides .slide .content{ position:absolute;bottom:2px; left:2px; width:512px; background:#444;}
#slides .slide .ctitle {overflow:hidden; position:relative; top:0;}
#slides .slide .ctitle h2{font-weight:bold;display:block}
2012-12-28 07:24:14 +00:00
#slides .slide .description h2 a{color:#FFF; text-decoration:underline;}
#slides .slide .description h2 a:hover{color:#444;background:#FFF}
#slides .slide .description h2 span{font-size:12px;}
#slides .slide .description{float:left;color:#dedede}
2012-12-31 03:42:35 +00:00
#slides .pagination {position:absolute;top:300px;width:520px;}
2012-12-28 08:53:28 +00:00
#slides .pagination li{width:14px;height:18px;line-height:18px; text-align:center;padding:2px;float:left;border:1px solid #dedede; margin:2px;}
#slides .pagination li a{color:#777;}
#slides .pagination li.current{background:#444;}
#slides .pagination li.current a{color:#FFF}
#slides a.prev{position:relative;left:0px;top:-146px;z-index:999;}
2012-12-31 03:48:10 +00:00
#slides a.next{position:relative;left:475px;top:-146px;z-index:999;}
.news-list{width:520px; overflow:hidden}
.news-list li{overflow:hidden; border-bottom:1px dotted #ccc;line-height:20px;}
.news-list li span{float:right;width:100px;}