css.css

除过搜索外

/*****************************************************************
******************************************************************
以下为所有风格通用样式
margin: 0;padding: 0;设置外边距,内边距空隙都为0
font-size: 12px;为字体大小.一般表格内的,不受他控制
li,ul设置list-style: none;主要是取消默认的小圆点.不太好看
******************************************************************
*****************************************************************/

body, form, ul, li, p, dl, dd, dt ,h,td,th,h3{
	margin: 0;
	padding: 0;
	font-size: 12px;
}
li,ul{
	list-style: none;
}
body{
	background:url(../images/bg.gif) center;
}

/******************************************
TD中的color: #333333;为没有超级链接的字体颜色
VERTICAL-ALIGN: top;表格里的内容居顶
text-align:left;表格里的内容居左
*******************************************/

TD {
	color: #333;
	VERTICAL-ALIGN: top;
}

/******************************************
border:1px solid #ccc; 表单边框为1个像素的实线,
要为虚线改solid为dotted,要换颜色改#ccc
可以自定义背景颜色
background:#eee;
*******************************************/

input,textarea{
	border:1px solid #3371B2;
	background:#F7F7F7;
}
/******************************************
网页整体宽度
******************************************/
.wrap{
	width:900px;
	padding:0 10px 0 10px; 
	background:#fff;
	margin:auto;
}
/*横幅广告*/
#banner_ad{
	margin-top:5px;
	display:none;
}
/******************************************
font-size: 12px;超级链接字体大小
color:字体颜色
text-decoration: none;没有下画线.要有下画线.改none为underline
a 为统一超级链接,
a:link没有点击过的超级链接样式
a:visited 被点击过的超级链接样式
a:hover 鼠标指向时的超级链接样式
a:active 被用户激活(在鼠标点击与释放之间发生的事件)时的样式.少用
*******************************************/

a {
	font-size: 12px;
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: underline;
	color: #333;
}
a:active {
	text-decoration: none;
}

/******************************************
#toplogin 网页顶部登录框表格ID编号
background表格背景颜色
height高度
*******************************************/

#toplogin{
	background:#F7F7F7;
	border:1px solid #3371B2;
	height:20px;
}
#toplogin td{
	padding:1px 0 1px 0 ;
}
#toplogin .jstime{
	margin-top:5px;
	margin-right:5px;
}
/******************************************
#toplogin input.login_name用户名表单,
#toplogin input.login_pwd密码表单,写在一行,用,号分开共用样式
width:90px;表单宽
height:15px;表单高
*******************************************/

#toplogin input.login_name,#toplogin input.login_pwd{
	width:90px;
	height:15px;
}

/******************************************
#toplogin input.login_sub提交按钮表单,
width:90px;表单宽
height:15px;表单高
background:#D2E4FC;	背景颜色
*******************************************/

#toplogin input.login_sub{
	width:40px;
	height:19px;
	background:#3371B2;
	color:#fff;
}

/******************************************
#header div 头部LOGO与广告图的容器,
float:left;靠左排列

#header div.ad广告容器,样式指定了靠右
*******************************************/

#header div{
	float:left;
}
#header div.ad{
	float:right;
	font-size:25px;
	font-weight:bold;
	color:#fff;
	font-style: italic;
	padding-top:10px;
	padding-right:10px;
	letter-spacing:3px;
}

#header div.search{
	float:right;
	font-weight:bold;
	color:#fff;
	padding-top:100px;
	padding-right:10px;
	letter-spacing:3px;
}



/******************************************
#header头部大表格
margin-bottom:10px;与下面的表格距离10像素
border-top:#ccc 1px solid;表格上方一个像素的实线,颜色为#ccc,
可以把solid改成虚线dotted
#header td 大表格内的TD
padding-top:8px;上方留空8个像素
*******************************************/
#header{
	margin-bottom:10px;
	border-top:#ccc 0px solid;
	background:url(../images/logobg.gif);
}
#header td{
	padding:0px;
	margin:0px;
}

/******************************************
#guide头部网站导航表格编号
margin-top:5px;与上方表格距离5像素
border:1px #6B92D6 solid;边框样式solid改为dotted则为虚线
height:28px;高度
background:#D2E4FC;背景颜色
#guide td导航表格内部TD容器
border:1px solid #FFF;内边框样式
padding:6px 3px 4px 3px;导航文字与上右下左的距离
*******************************************/

#guide{
	margin-top:5px;
	border:1px #3371B2 solid;
	height:28px;
	background:#3371B2;
}
#guide td{
	border:1px solid #FFF;
	padding:6px 3px 4px 3px;
}
#guide td a{
	color:#fff;
}

/******************************************
整体大表格之间的间隙
******************************************/
.MainTable{
	margin-top:5px;
}

/******************************************
.MainTable .guide样式导航表格样式
margin-top:5px;与上方表格的距离
border:1px #A7CAFA solid;边框样式,solid可更换成dotted虚线
height:20px;表格高度
background:#F5FAFE;表格背景颜色

.MainTable .guide td{ padding:5px; 表格内的文字距离四周的间距
可改成 padding:5px 0 0 0;指上右下左
*******************************************/

.MainTable .guide{
	margin-top:5px;
	border:1px #3371B2 solid;
	height:20px;
	background:#F7F7F7;
}
.MainTable .guide td{
	padding:5px 0 2px 5px;
	border:1px #FFF solid;
}


/*****************************************************************
******************************************************************
内容大表格模块样式
width:100%;占满整个空间宽度
margin-top:5px;与上一个表格间距为5个像素
overflow:hide;内容超过时,将隐藏.不过上面用百分比,一般这里设置无效.
只有上面用具体像素,这里才生效
border:1px #A7CAFA solid;边框样式,1个像素,可以改solid为虚线dotted,要取消边框改1px为0px
******************************************************************
******************************************************************/

.dragTable{
	width:100%;
	margin-top:5px;
	overflow:hide;
	background:#F7F7F7;
	border:1px #3371B2 solid;
	
}

/******************************************
内容表格模块头部样式
background:#D2E4FC;背景颜色
height:20px;高度
padding-left:1em;字体与左边距离
padding-top:7px;字体与上方距离
border:1px #FFF solid;内边框样式,一般设置为0px较多,即不要内边框居多
******************************************/

.dragTable .head{
	background:#FFf url(../images/headbg.gif);
	height:20px;
	padding-left:1em;
	padding-top:7px;
	border:1px #A8CFE7 solid;
	border-bottom:1px #A8CFE7 solid;
	color:#fff;
}
.dragTable .head a{
	color:#fff;
}
/******************************************
模块主题文字
float:left;居左,
可以设置为粗体 font-weight:bold;颜色为color:#000;
******************************************/

.dragTable .TAG{
	float:left;
}

/******************************************
右边窄表格模块样式
width:98%;宽度
line-height:17px;字体行高
******************************************/

.MainTable .Side .dragTable{
	width:98%;
}

.MainTable .Side .dragTable .middle{
	line-height:17px;
}

/******************************************
内容模块主体部分
padding:8px;距离四周距离为8个像素,
可以改成更具体些的padding:8px 0 0 0;即上右下左的距离
line-height:20px;行高,即是使用<br>换行符时的文字行高
******************************************/

.dragTable .middle{
	padding:6px 1px 4px 7px;
	height:50px;
	line-height:20px;
}

/******************************************
右边窄表格最新,最热的内容样式.
	width:210px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
通过设定固定宽度,使控制自动隐藏超出边界的内容自动隐藏,用省略号表示
只对<ul><li>有效
******************************************/

.MainTable .Side .dragTable .middle ul li{
	width:210px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

/******************************************
右边窄表格最新,最热的标题样式.
必须<ul><li>有超链接的才有效
display:block;定义链接为实体,方便做效果处理
margin-left:4px;文字与左边大表格边框的距离
text-indent:0.6em;文字与小图标的距离
background:url(title_icon3.gif) no-repeat left;	右边列表,最热,最新等等标题前面的小图标
no-repeat 不平铺 left;背景居左
******************************************/

.MainTable .Side .dragTable .middle ul li a{
	display:block;
	margin-left:4px;
	text-indent:0.6em;
	background:url(../images/title_icon3.gif) no-repeat left;
}


/******************************************
列表页,包括首页,文章子栏目文章表格样式,表格高度
******************************************/
#AutoRows .dragTable .middle{
	height:100px;
	padding-top:0px;
	padding-bottom:0px;
}

/******************************************
列表页,包括首页,文章子栏目文章标题样式
	width:246px;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
定义width指定宽度.是为了自动隐藏超出边界的标题.用百分比不能控制
line-height:18px;行高
text-indent:0.6em;文字小图标的距离
background:url(../images/title_icon3.gif) no-repeat ;标题前的小图标
background-position: 0 40%;	小图标X,Y的坐标
******************************************/

#AutoRows .dragTable ul li{
	width:246px;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:18px;
	text-indent:0.6em;
	background:url(../images/title_icon3.gif) no-repeat ;
	background-position: 0 40%;
}

/******************************************
文章中列表页中的图片主题,图片列表