global.css

来自「小游戏网站演示www.4399.io 拥有4万条游戏数据」· CSS 代码 · 共 1,007 行 · 第 1/2 页

@import url("ubb.css");
body {font-family: 宋体;color : #333;
	margin : 0;padding : 0;
	background : #ddd url(bg.gif);
	text-align : center;
}
html, body, input, textarea, select, button,a {
	color : #333;font : normal 12px "Lucida Grande", Tahoma, Verdana, Lucida, Arial, Helvetica, sans-serif, "宋体";
}
h1, h2, h3, h4, h5, h6, p, ol, ul, dt, dd, li, span, td {
	font-family: 宋体;font-size : 12px;line-height : 180%;
	margin : 0;padding : 0;
}
div {font-family: 宋体;font-size : 12px;color : #333;
	line-height : 20px;text-align : left;
}
table {border : 0;}
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 : #2d4b81;text-decoration : none;}
a:hover {font-family: "宋体";color : #f80;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;
}
/*定义所有新旧日期显示效果*/
/*------------------------------------------------------------------*/
.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:#fff;
	font-size:10px;
	font-weight:normal;
}
.mainListRight {float : right;margin : 0 2px;}
.style1 {color : red;}
.style2 {color : blue;}
.style3 {color : green;}

/*公用CSS效果*/
#globalHeader:after, #globalBody:after, #globalFooter:after, #globalBanner:after, .globalBody:after {
	line-height : 150%;
	content : '.';
	display : block;
	clear : both;
	visibility : hidden;
	height : 0;
	word-break:break-all;
}
div#globalHeader, div#globalBody, div#globalFooter, div#globalBanner, div#globalBottom, div#globalPosition, div.globalBody {
	width : 812px;
	margin : auto;
	background : #fff url(m_bg.gif);
	overflow : hidden;
}
div#pageHead, div#pageMain, div#pageFoot, div#pageBottom, div#positionBody, div#pageBanner, div.pageMain, div.globalMain {
	width : 762px;
	margin : auto;
}

/*定义页眉CSS效果*/2d4b81
/*------------------------------------------------------------------*/
div#headNav, div#masthead, div#siteNav, div#siteCatalog {
	width : 762px;
	margin : auto;
	overflow : hidden;
}
div#headNav {
	height : 30px;
	background : #b6d3da url(bg_top.gif);
	color : #000;
	font-weight : bold;
}
div#headNav .headNav {
	margin : auto;
	padding : 5px 5px 1px 5px;
	color : #fff;
	font-weight : bold;
}
/*顶部频道菜单连接效果*/
/*------------------------------------------------------------------*/
div#headNav .headNav a {
	font-size : 12px;
	color : #eee;
	text-decoration : none;
	font-weight : bold;
}
div#headNav .headNav a:hover {
	font-size : 12px;
	color : #ff3300;
	text-decoration : underline;
	font-weight : bold;
}
div#masthead {
	height : 70px;
	margin : auto;
	background : #d8ecf7;
}
div#siteLogo, div#bannerad, div#mastheadLinks {
	float : left;
	margin : auto;
	padding-top : 5px;
	text-align : center;
}
div#siteLogo {
	width : 180px;
}
div#bannerad {
	width : 500px;
}
div#mastheadLinks {
	width : 80px;
}
div#mastheadLinks ul li {
	padding : 2px 0 1px 2px;
	text-align : left;
	line-height : 135%;
}
/*------------------------------------------------------------------*/
/*分类导航菜单CSS效果*/
/*------------------------------------------------------------------*/
/*上面分类导航菜单连接效果*/
div#siteCatalog {
	height : 50px;
	color : #fff;
	background : #edf7ef url(topbgdown_r2_c1.gif);
	border-top : 1px solid #333;
	border-bottom : 1px solid #333;
}
div#siteCatalog .siteCatalog,.siteNav {
	padding : 3px 2px 1px 1px;
	text-align : center;
	color : #fff;
}
/*下面分类导航菜单连接效果*/
div#siteCatalog a {
	font-size : 12px;
	color : #fff;
	text-decoration : none;
}
div#siteCatalog a:hover {
	font-size : 12px;
	color : #ff3300;
	text-decoration : underline;
}
/*------------------------------------------------------------------*/
/*顶部广告和当前位置CSS效果*/
/*------------------------------------------------------------------*/
div#frameLoging, div#globalBannerad  {
	margin : auto;
	line-height : 10px;
	text-align : center;
}
div#positionBody {
	height : 25px;
	background : #b6d3da;
	border-top : 1px solid #333;
	border-bottom : 1px solid #333;
}
div#position, div#positionL, div#positionR {
	float : left;
	margin : auto;
	padding : 4px 1px 0 5px;
}
div#position {
	width : 100%;
}
div#positionL {
	width : 600px;
}
div#positionR {
	width : 150px;
}
/*站点主要部分CSS效果*/
/*------------------------------------------------------------------*/
div#pageMain, div.pageMain {
	margin : auto;
	text-align : left;
	background : url(body_background_r2.jpg) repeat-y;
	overflow : hidden;
}

div#mainBody, div.mainBody {
	float:right;
	width: 575px;
	margin:0px;
	padding: 0px;
	word-wrap: break-word;
}
div#mainBody ul, div#mainBody li {
	display : block;
	list-style : none;
}
div#leftBody, div.leftBody {
	margin: 0 575px 0 0;
	padding: 0px;
	word-wrap: break-word;
	
}
div#leftBody .mainContainer {
	/*overflow : hidden;*/
}
div.pageMainArea {
	float : left;
	margin-top : 3px;
	padding : 0;
	width : 575px;
	
}
div.pageMainArea3 {
	margin-top : 3px;
	padding-top : 0;
	clear : both;
}
div.globalAdvert {
	margin : auto;
	line-height : 10px;
	margin-top : 1px;
	border : 1px solid #ccc;
}
/*左边部分CSS效果*/
/*------------------------------------------------------------------*/
div.leftContainer {
	width: 182px;
	word-wrap: break-word;
}
div#leftBody ul, div#leftBody li, div.leftBody ul, div.leftBody li {
	display : block;
	list-style : none;
}
.leftTitle, .leftCatalogTitle {
	padding : 4px 3px 3px 0px;
	letter-spacing : 1px;
	color : #fff;
	border : 0px solid #29308b;
	background : #29308b url(title1_r2.gif);
	text-align : center;
	font-weight : bold;
}

div#leftBody ul, div .leftBody ul {
	float : left;
	width : 100%;
}
div.leftContainer ul ,div.leftTitle, div.leftCatalogTitle {
	margin-top : 3px;
}

div#siteAnnounce {
	margin : auto;
}
/*定义网站页脚CSS效果*/
/*------------------------------------------------------------------*/
div#pageFoot {
	height : 73px;
	background : #eee;
	border-top : 1px solid #d0d0d0;
	border-bottom : 1px solid #333;
}
div#footLogo, div#footInfo {
	float : left;
	height : 73px;
}
div#footLogo {
	width : 190px;
}
div#footInfo {
	width : 570px;
	padding-top : 5px;
	text-align : center;
}
span#newasp_version {
	text-align : center;
}
div#globalBottom {
	font-size : 12px;
	line-height : 18px;
}
div#pageBottom {
	height : 26px;
	background : url(headbg.gif);
	color: #fff;
	text-align : center;
	padding-top : 3px;
}
div#pageBottom a {
	color : #fff;
	text-decoration : none;
}
div#pageBottom a:hover {
	color : #ccc;
	text-decoration : underline;
}
/*------------------------------------------------------------------*/
/*列表左则分类菜单CSS效果*/
/*------------------------------------------------------------------*/
ul#leftCatalog {
	border-top: 0px;
	margin : 0;
	width: 100%;
	list-style : none;
}
ul#leftCatalog li {
	float : left;
	width : 82px;
	list-style : none;
	background : #f4f4f4;
	border : 1px solid #e7e7e7;
	display : block;
	font-weight : bold;
	letter-spacing : 0px;
	margin : 1px 1px;
	padding : 2px;
	text-align : center;
}

ul#leftCatalog li a {
	border : 0;
}
ul#leftCatalog li a:hover {
	background : #3b97d3;
	text-decoration : none;
	color : #fff;
}

/*专题菜单CSS效果*/
ul#leftSpecial {
	margin : 0;
	
}
ul#leftSpecial li {
	background : #f4f4f4;
	border : 1px solid #e7e7e7;
	display : block;
	font-weight : bold;
	letter-spacing : 5px;
	margin : 4px 0;
	padding : 2px;
}
ul#leftSpecial li a {
	display : block;
	border : 0;
	text-indent : 18px;
}
ul#leftSpecial li a:hover {
	background : #3b97d3;
	text-decoration : none;
	text-indent : 18px;
	color : #fff;
}

/*------------------------------------------------------------------*/
/*其它相关列表CSS效果*/
/*------------------------------------------------------------------*/
div#relatedListTitle {
	float : left;
	margin : auto;
	background : #efefef;
	border : 1px solid #ddd;
	width : 573px;
	font-weight : bold;
}
.relatedTitle {
	padding : 2px 0 0 18px;
	background : url(arrow.gif) no-repeat 2px center;
}
span.relatedTitle a, span.relatedTitle a:hover {
	color:#0033ff;
}
.relatedListName {
	float : left;
	width : 420px;
	padding : 3px 0px;
	text-indent : 5px;
}
.relatedListDate {
	float : left;
	width : 75px;
	padding : 3px 0px;
	text-align : center;
}
.relatedListHist {
	float : left;
	width : 68px;
	padding : 3px 0px;
	text-align : center;
}
div.relatedListInfo {
	float : left;
	margin : auto;
	width : 573px;
	border-bottom: 1px dashed #d1d1d1;
}
/*------------------------------------------------------------------*/
/*搜索页面CSS效果*/
/*------------------------------------------------------------------*/
div.searchForm {
	margin : 0 0 0 4px;
	padding : 2px 5px 0 5px;
	text-align : center;
}
div#searchmain {
	background : #fff;
	margin : 0 0 4px;
	padding : 1px 3px 3px 8px;
	text-align : left;
	width : auto;
}
div.searchResult {
	background : #f4f4f4;
	margin : 2px;
	padding : 2px 5px;
	border-bottom : 2px solid #666;
	font-weight : bold;
}
div.searchTopic {
	font-size : 14px;
	font-family:  tahoma;
	background : #f1fafe;
	border-bottom : 1px dashed #ccc;
	margin : 2px;
	padding : 2px 5px;
}
div.searchTopic a, div.searchTopic a:hover {
	color:#0033ff;
	font-size : 14px;
}
div.searchIntro {
	margin : 2px;
	padding : 2px 5px;
}
div.searchInfo {
	margin : 2px;
	padding : 2px 5px;
	border-bottom : 1px solid #ccc;
}
/*------------------------------------------------------------------*/
/*下载列表CSS效果*/
/*------------------------------------------------------------------*/
div#mainListTitle {
	float : left;
	margin : auto;
	background : #abd1eb;
	border : 1px solid #ddd;
	width : 573px;
	font-weight : bold;
	
}
.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 {
	float : left;
	width : 352px;
	padding : 3px 0px;
	text-indent : 5px;
}
.mainListSize {
	float : left;
	width : 75px;
	padding : 3px 0px;
	text-align : center;
}
.mainListDate {
	float : left;
	width : 75px;
	padding : 3px 0px;
	text-align : center;
}
.mainListHist {