style.css

一个简单的小程序

@import url("ubb.css");
body,td,th {
	font-size: 12px;
	font-family: 宋体;
}
BODY {
	background-color: #0099CC;
	cursor: default;
	margin: 0;
	background-image: url(m_bg.gif);
	background-repeat: repeat-y;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-position: center;
	text-align: center;
}
html, body, a {
	color: #656D77;font: normal 12px "Lucida Grande", Tahoma, Verdana, Lucida, Arial, Helvetica, sans-serif, "宋体";
}
input, textarea, select, button{
	color: #656D77;font: normal 12px "Lucida Grande", Tahoma, Verdana, Lucida, Arial, Helvetica, sans-serif, "宋体";border: 1px solid #D9E6EE;
}
h1, h2, h3, h4, h5, h6, ol, ul, dt, dd, li {
	font-family: 宋体;font-size: 12px;line-height: 180%;
	margin: 0;padding: 0;word-break:break-all;
}
div {font-family: 宋体;font-size: 12px;color: #656D77;
	line-height: 20px;text-align: left;
}
table {
	border: 0;
	width: 100%;
}
h1, h2, h3, h4, h5, h6, ul, ol, li {
	display: block;
}
form, embed {display: inline;margin: 0;padding: 0;}
/*img, a img {color: #fff;vertical-align: middle;border: none;}*/
a {font-family: "宋体";color: #656D77;text-decoration: none;}
a:hover {font-family: "宋体";color: #F13C01;text-decoration: underline;}

a.wordstyle {color: #555;text-decoration: none;}
a.wordstyle:hover {color: #f80;text-decoration: underline;}

a.distinct{
	text-decoration: none;
	color: red;
	font-weight:bold;
}
a.distinct:hover{
	text-decoration: underline; 
	color: #FF8C40;
	font-weight:bold;
}
a.downLinks {
	text-decoration: none;
	color: blue;
	font-weight:bold;
}
a.downLinks:hover {
	text-decoration: underline; 
	color: #FF8C40;
	font-weight:bold;
}
.globalBody {
	width: 1016px;
	margin: auto;
	background-repeat: repeat-y;	
}
.tableborder {
	border-left: 0px #000 solid;
	border-right: 0px #000 solid;
	background: #fff;
	font: 12px;
	width: 1002px;
}
.tableborderwz {
	width: 730px;
}
.tableborders {
	font: 12px;
	width: 1002px;
	background-image: url(tile_news.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border-top: 1px solid #fff;
}
.mainBody {
	width: 734px;
    padding-left: 4px;
	word-wrap: break-word;
	}
.leftBody {
	width: 268px;
	word-wrap: break-word;
}
.leftBody2 {
	width: 268px;
	word-wrap: break-word;
	background-image: url(leftBody2_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
th {
	background: #abd1eb;
	height: 25px;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.newDate {color: #ff0000;}
.oldDate {color: #808080;}
/*日期右对齐*/
li span.globalDate {float: right;margin: 0 2px;}
.globalRight {float: right;margin: 0 2px;}
.globalMoreRight {float: right;}
.moreLinks {float: right;margin: 2px 2px 0;}
.moreLinks a,.moreLinks a:hover {
	color:#1D79A0;
	font-size:10px;
	font-weight:normal;
}
.mainListRight {float: right;margin: 0 2px;}
.style1 {color: red;}
.style2 {color: blue;}
.style3 {color: green;}
/*定义页眉CSS效果*/
/*------------------------------------------------------------------*/
.headNav {
	height: 35px;
	background: #b6d3da url(bg_top.gif);
	color: #eee;
	font-weight: bold;
}
.headNav a {
	font-size: 12px;
	color: #eee;
	text-decoration: none;
	font-weight: bold;
}
.headNav a:hover {
	font-size: 12px;
	color: #ff3300;
	text-decoration: underline;
	font-weight: bold;
}
.masthead {
	height: 70px;
	margin: auto;
	background: #d8ecf7;
	/*background: #ff;*/
}
.siteLogo, .bannerad, .mastheadLinks {
	float: left;
	margin: auto;
	padding-top: 2px;
	text-align: center;
}
.siteLogo {
	width: 180px;
}
.bannerad {
	width: 490px;
}
.mastheadLinks {
	width: 90px;
}
.mastheadLinks ul li {
	padding: 2px 0 1px 2px;
	text-align: left;
	line-height: 135%;
}

/*------------------------------------------------------------------*/
/*分类导航菜单CSS效果*/
/*------------------------------------------------------------------*/
.siteCatalog {
	height: 50px;
	color: #fff;
	background: #edf7ef url(topbgdown_r2_c1.gif);
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
.siteNav,.siteNav1,.siteNav2 {
	padding: 3px 2px 1px 1px;
	color: #fff;
}
/*分类导航菜单连接效果*/
.siteCatalog a {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
.siteCatalog a:hover {
	font-size: 12px;
	color: #ff3300;
	text-decoration: underline;
}
/*------------------------------------------------------------------*/
/*顶部广告和当前位置CSS效果*/
/*------------------------------------------------------------------*/
.frameLoging, .globalBannerad  {
	margin: auto;
	line-height: 10px;
	text-align: center;
}
.position, .positionL, .positionR {
	height: 26px;
	border-top: 0px solid #333;
	border-bottom: 1px solid #fff;
	margin-top: 3px;
}
.position {
	width: 760px;
}
.positionL {
	width: 585px;
}
.positionR {
	width: 165px;
}
/*左边CSS效果*/
/*------------------------------------------------------------------*/
.leftCatalogTitle {
	height: 30px;
	letter-spacing: 1px;
	color: #fff;
	border: 0px solid #29308b;
	background: #29308b url(title1_r2.gif);
	text-align: center;
	font-weight: bold;
}
.leftTable {
	width: 264px;
	margin-top: 3px;
}
.leftTitle{
	padding-left:20px;
	height: 33px;
	color: #1FABD3;
	background: #E4EEF2 url(left_title_bg.gif);
	font-weight: bold;
}
.leftArea {
	width: 264px;
	background-image: url(left_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 1px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
.leftArea a {font-family: "宋体";color: #333;text-decoration: none;}
.leftArea a:hover {font-family: "宋体";color: #CC0000;text-decoration: underline;}

/*首页中间CSS效果*/
/*------------------------------------------------------------------*/
.main_menu_title1 /* 表格标题背景、文字颜色定义 */
{
background:url(485_bg1.gif);background-position: 1% 100%;background-positionX: center; background-positionY: bottom; background-repeat:no-repeat;color:666666; 
}
.main_menu_title2 /* 标题标题表格背景、文字颜色定义 */
{
background:url(485_bg2.gif);background-position: 1% 100%; background-positionX: center;background-positionY: bottom; background-repeat:no-repeat;color:ffffff;
}
td ul {
	display: block;
	list-style: none;
}
.topadTable {
	margin-left: 8px;
	margin-top: 3px;
	padding: 0;
	width: 772px;
}
.searchTable {
	margin-left: 5px;
	margin-top: 3px;
    padding: 0;
	width: 772px;
}
.mainAreaTable {
	margin-top: 3px;
	padding: 0;
	width: 730px;
}
.indexMainTitleA,.indexMainTitleC{
	color: #1FABD3;
	border-top: 1px solid #D9E6EE;
	border-right: 1px solid #D9E6EE;
	border-left: 1px solid #D9E6EE;
	font-weight: bold;
	background-color: #D9E6EE;
	background-image: url(indexMainTitleA.gif);
	background-repeat: no-repeat;
	height: 26px;
	padding-left: 35px;
	vertical-align: bottom;
}
.indexMainTitleB,.indexMainTitleD {
	color: #1FABD3;
	border-top: 1px solid #D9E6EE;
	border-right: 1px solid #D9E6EE;
	border-left: 1px solid #D9E6EE;
	font-weight: bold;
	background-color: #D9E6EE;
	background-image: url(indexMainTitleB.gif);
	background-repeat: no-repeat;
	height: 26px;
	padding-left: 35px;
	vertical-align: bottom;
}
.indexMainBorder {
	padding:0;
	width: 4px;
}
.moreLinks {float: right;margin: 2px 2px 0;}
.indexMainAreaA {
	background: #F0FCFE;
	width: 485px;
	 padding: 4px;
	border-bottom: 1px solid #D9E6EE;
	border-right: 1px solid #D9E6EE;
	border-left: 1px solid #D9E6EE;
}
.indexMainAreaB {
	background: #f7f7f7;
	width: 240px;
	padding: 4px;
	border-bottom: 1px solid #D9E6EE;
	border-right: 1px solid #D9E6EE;
	border-left: 1px solid #D9E6EE;
	text-align: left;
	line-height: 22px;
}
.indexMainAreaC {
	background: #fff;
	width: 363px;
                padding: 4px;
	border-bottom: 1px solid #D9E6EE;
	border-right: 1px solid #D9E6EE;
	border-left: 1px solid #D9E6EE;
}
.indexMainAreaD {
	background: #fff;
	width: 363px;
                padding: 4px;
	border-bottom: 1px solid #D9E6EE;
	border-right: 1px solid #D9E6EE;
	border-left: 1px solid #D9E6EE;
}
.indexMainAreaE {
	background: #fff;
                padding: 4px;
	border-bottom: 1px solid #D9E6EE;
	border-right: 1px solid #D9E6EE;
	border-left: 1px solid #D9E6EE;
}


.globalTitle {
	padding: 3px 0px 2px 5px;
	margin: 1px;
	letter-spacing: 1px;
	color: #666;
	background: #fff;
	font-weight: bold;
}
dl#friendTextList dd {
	float: left;
	width: 92px;
	background: #f4f4f4;
	border: 1px solid #999;
	margin: 2px 0px 2px 1px;
	padding: 0px;
	display: inline;
	text-align: center;
}
.friendLogoLinks span {
	float: left;
	width: 12%;
	background: #f4f4f4;
	margin: 2px 0px 2px 3px;
	padding: 0px;
	height: 35px;
	text-align: center;
}
.globalAdv {
	border-top: 1px solid #a9a9a9;
	text-align: center;
}
/*数字排行效果*/
dl.list-icons, ul.list-icons {overflow:hidden;}
ul.list-icons li {}
dl.list-icons dd, ul.list-icons li {padding:0 0 0 30px;position:relative;margin:0px;border:none;background:none;font-family:Verdana, Arial;word-break:break-all;height:20px;line-height:20px;display:block;background:#fff;}
dl.list-icons dd span, ul.list-icons li span {background:url(icon_green.gif) no-repeat center center;font-family:Verdana;color:#fff;font-size:9px;font-weight:700;text-align:center;display:block; position:absolute;left:7px;top:6px;width:16px;height:9px;line-height:9px;padding:0 0 0 1px;}
dl.list-icons dd .list-icon1, dl.list-icons dd .list-icon2, dl.list-icons dd .list-icon3 {background:url(icon_red.gif) no-repeat center center;}
ul.list-icons li .list-icon1, ul.list-icons li .list-icon2, ul.list-icons li .list-icon3 {background:url(icon_red.gif) no-repeat center center;}
dl.list-icons dd a, ul.list-icons li a {display:block;height:20px;line-height:20px;}
dl.list-icons dd a:hover, ul.list-icons li a:hover {display:block;background:#e5eef5;text-decoration:none;}
dl.list-icons dd h3, ul.list-icons li h3 {position:absolute;z-index:3000;right:2px;top:1px;display:block;margin:0;padding:0;color:#1fabd3;width:50px;}
dl.list-icons dd h4, ul.list-icons li h4 {position:absolute;z-index:2000;right:56px;top:1px;display:block;margin:0;padding:0;color:#666;width:50px;}
dl.list-icons dd h5, ul.list-icons li h5 {position:absolute;z-index:1000;left:30px;top:1px;display:block;margin:0;padding:0;color:#666;width:110px;}

/*#End--------------------------------------------------------------------------*/
/*专题菜单CSS效果*/
ul#leftSpecial {clear:both;width:248px;overflow:hidden;}
ul#leftSpecial li {background:#f4f4f4;height:22px;line-height:22px;border:1px solid #e7e7e7;font-weight:bold;letter-spacing:5px;margin:1px;padding:1px;}
ul#leftSpecial li a {color:#656d77;display:block;border:0;height:22px;line-height:22px;text-indent:18px;}
ul#leftSpecial li a:hover {background:#3b97d3;text-decoration:none;text-indent:18px;color:#fff;}
ul#leftSpecialnav li.finally {display:none;}
*+html ul#leftSpecial li.finally {position:absolute;clear:both;display:inline;border:0;margin:2px 0 0 0;}
/*列表左则分类菜单CSS效果*/
/*------------------------------------------------------------------*/
ul#leftCatalog {clear:both;width:248px;overflow:hidden;zoom:1;}
ul#leftCatalog li {float:left;width:118px;background:#f4f4f4;height:22px;line-height:22px;border:1px solid #e7e7e7;font-weight:bold;letter-spacing:2px;margin:1px;padding:1px;text-align:center;display:inline;}
ul#leftCatalog li.finally {display:none;}
*+html ul#leftCatalog li.finally {position:absolute;clear:both;display:inline;height:0;border:0;margin:1px 0 0 0;}
ul#leftCatalog li a {color:#656d77;display:block;height:22px;line-height:22px;}
ul#leftCatalog li a:hover {background:#3b97d3;text-decoration:none;color:#fff;}
ul#leftCatalog li .distinct {background:#3b97d3;text-decoration:none;color:#fff;}

ul#leftCatalogi {clear:both;width:238px;overflow:hidden;zoom:1;}
ul#leftCatalogi li {float:left;width:113px;background:#d7f1f9;height:22px;line-height:22px;border:1px solid #e7e7e7;font-weight:bold;letter-spacing:2px;margin:1px;padding:1px;text-align:center;display:inline;}
ul#leftCatalogi li.finally {display:none;}
*+html ul#leftCatalogi li.finally {position:absolute;clear:both;display:inline;height:0;border:0;margin:1px 0 0 0;}
ul#leftCatalogi li a {color:#656d77;display:block;height:22px;line-height:22px;}
ul#leftCatalogi li a:hover {background:#F7F7F7;text-decoration:none;color:#fff;}
ul#leftCatalogi li .distinct {background:#F7F7F7;text-decoration:none;color:#fff;}
/*首页图片排列CSS*/
ul.indexMidA li {
	float: left;
	padding: 3px 0 4px 0;
	width: 33%;
	line-height: 160%;
	list-style: none;
	text-align: center;
}
/*------------------------------------------------------------------*/
/*下载列表CSS效果*/
/*------------------------------------------------------------------*/
.mainSoftName {
	padding: 2px 0 0 18px;
	background: #f5f5f5 url(arrow.gif) no-repeat 5px center;
	font-weight: bold;
}
span.mainSoftName a, span.mainSoftName a:hover {
	color:#0033ff;
	font-weight: bold;
}
.mainListName {
	width: 352px;
	padding: 3px 0px;
	text-indent: 5px;
}
.mainListSize {
	width: 75px;
	padding: 3px 0px;
	text-align: center;
}
.mainListDate {
	width: 75px;
	padding: 3px 0px;
	text-align: center;
}
.mainListHist {
	width: 65px;
	padding: 3px 0px;
	text-align: center;
}