westdc-zf1/htdocs/css/index.css

163 lines
4.5 KiB
CSS
Executable File

#index{width:960px;margin:0 auto;}
#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; }
#leftPanel .title,#sidebar .title
{
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%;}
.item{line-height: 25px;}
#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;
}
#rightPanel{overflow:hidden;width:520px;float:left;_width:510px;}
/*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;
}
#rightPanel #feature .desc
{
margin-left: 175px;
}
#rightPanel #feature .title
{
font-size: 105%;
font-weight: bold;
padding-top: 6px;
margin-top:0px;
margin-bottom: 10px;
margin-left:185px;
}
#rightPanel #feature .description p
{margin-bottom:5px;margin-top:0px; text-indent:16px;}
#links
{
float:right;width:50px;padding:0;margin:0px;height:20px;line-height:20px;
}
#rightPanel #feature #links a
{
padding:0;margin:0px;padding-left:15px;
background:url(../images/linkOpaque.gif) no-repeat left 0px;
height:20px;line-height:20px;
}
#rightPanel #feature .more
{ float:right;width:70px;padding:0;margin:0px;height:20px;line-height:20px;}
#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;}
#rightPanel .title
{font-size: 15px; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}
#rightPanel #news .item{margin-bottom: 5px;}
#rightPanel ul{margin-top:0px; margin-bottom: 0px;}
#rightPanel #latestData .item{margin-bottom: 3px;}
#rightPanel .date
{
font-size: 11px; color: Gray;
}
#rightPanel #latestData{float:right; width: 250px; margin-left: 20px;}
#rightPanel #feature{border-bottom: dotted 1px Gray;padding:0 0 20px 0 ;overflow:hidden;}
/*数据服务段开始*/
.service_title
{
padding: 5px 0px 5px 30px;
margin-bottom: 3px;
background: url(../images/level2.gif) left center no-repeat;
font-size:105%;
font-weight:bold;
}
.services_Item
{
font-size:14px;
line-height: 20px;
padding-bottom: 8px;
margin-bottom: 6px;
border-bottom: dotted #ccc 1px;
}
.services_Item span
{
font-size:12px;
line-height: 20px;
color: #666;
padding-left: 18px;
}
.services_contact
{
text-align: left;
margin-left: 5px;
}
/*数据服务段结束*/
#dataLink {margin:10px 0;}
#dataLink .search{width:auto;}
#dataLink ul{padding:5px 0;}
#rightPanel #dataLink a{font-weight: bold;}
/*数据CD开始*/
#itemCd{ margin-top: 10px; border-bottom:1px dotted gray; overflow:hidden;}
#itemCd img { margin-top:-5px;margin-left:-5px;width:100px;height:100px;border-width:1px;border-style:solid;}
#itemCd #image{float: left; width: 110px; height: 105px;}
#itemCd #title{font-size: 105%; font-weight: bold; font-family: Tahoma; }
#itemCd #filesize{color: Gray;font-size: 95%;}
#itemCd #descript{margin: 10px 2% 5px 0px; font-family: Verdana;}
#itemCd #descript #intro {font-style: italic;}
#itemCd #link {margin-bottom: 10px;}
#dataLink ul{display:inline;float:left;list-style-type: none;margin-top:-5px;}
input{background:#ECF0F5;margin-bottom:6px;}
dd,dt{margin:0;}
#dataLink dd {padding-bottom:5px;margin-left:5px;margin-top:-5px;}