/*****************************************************************

******************************************************************

以下為所有風格通用樣式

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(bg.gif) center;

}



/******************************************

TD中的color: #333333;為沒有超級鏈接的字體顏色

VERTICAL-ALIGN: top;表格裡的內容居頂

text-align:left;表格裡的內容居左

*******************************************/



TD {

	color: #38682F;

	VERTICAL-ALIGN: top;

}



/******************************************

border:1px solid #ccc; 表單邊框為1個像素的實線,

要為虛線改solid為dotted,要換顏色改#ccc

可以自定義背景顏色

background:#eee;

*******************************************/



input,textarea{

	border:1px solid #6CBA64;

}

/******************************************

網頁整體寬度

******************************************/

.wrap{

	width:940px;

	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: #38682F;

	text-decoration: none;

}

a:visited {

	text-decoration: none;

	color: #38682F;

}

a:hover {

	text-decoration: underline;

	color: #38682F;

}

a:active {

	text-decoration: none;

}



/******************************************

#toplogin 網頁頂部登錄框表格ID編號

background表格背景顏色

height高度

*******************************************/



#toplogin{

	background:#DEF4C4;

	border:1px solid #6CBA64;

	height:20px;

}

#toplogin td{

	padding:1px 0 1px 0 ;

}

/******************************************

#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:#C5ED95;

}



/******************************************

#header div 頭部LOGO與廣告圖的容器,

float:left;靠左排列



#header div.ad廣告容器,樣式指定了靠右

*******************************************/



#header div{

	float:left;

}

#header div.ad{

	float:right;

}



/******************************************

#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;

}

#header td{

	padding-top: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 #38682F solid;

	height:28px;

	background:#6CBA64;

}

#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 #6CBA64 solid;

	height:20px;

	background:#DEF4C4;

}

.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:#DEF4C4;

	border:1px #6CBA64 solid;

	

}



/******************************************

內容表格模塊頭部樣式

background:#D2E4FC;背景顏色

height:20px;高度

padding-left:1em;字體與左邊距離

padding-top:7px;字體與上方距離

border:1px #FFF solid;內邊框樣式,一般設置為0px較多,即不要內邊框居多

******************************************/



.dragTable .head{

	background:#FFf url(headbg.gif);

	height:20px;

	padding-left:1em;

	padding-top:7px;

	border:0px #FFF 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(../default/title_icon3.gif) no-repeat left;

}





/******************************************

列表頁,包括首頁,文章子欄目文章表格樣式,表格高度

******************************************/

#AutoRows .dragTable .middle{

	height:100px;

}



/******************************************

列表頁,包括首頁,文章子欄目文章標題樣式

	width:246px;

	display:block;

	overflow:hidden;

	text-overflow:ellipsis;

定義width指定寬度.是為了自動隱藏超出邊界的標題.用百分比不能控制

line-height:18px;行高

text-indent:0.6em;文字小圖標的距離

background:url(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(../default/title_icon3.gif) no-repeat ;

	background-position: 0 40%;

}



/******************************************

文章中列表頁中的圖片主題,圖片列表

.listpic每張圖的佔位空間

width:127px;佔位寬度127像素

padding:3px 0 3px 4px;內間隙距離上右下左

float:left;居左排列

.listpic .title圖片底下的標題樣式

	width:127px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

固定了寬度,控制自動隱藏超出邊界的文字

******************************************/



.listpic{

	width:127px;

	padding:3px 0 3px 4px;

	float:left;

}

.listpic .title{

	width:127px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

}



/******************************************

文章中列表頁中的圖片主題,圖片內邊框樣式

border:1px #FFF solid;邊框一個像素,為實線,可以改0px,即取消內邊框

改solid為dotted即是虛線

******************************************/



.listpic img{

	border:1px #FFF solid;

}



/******************************************

文章中列表頁中的圖片主題,圖片外邊框樣式

width:120px;	圖片外邊框寬 height:90px;	圖片外邊框高

display:block;	定義鏈接為實體利於加效果

text-align :center;	圖片在邊框內居中

border:1px #ccc solid;圖片外邊框樣式,要取消邊框,可以把1改0,

要加粗粗,把1改成更大的數,要用虛線,可以把solid改成dotted,要換顏色修改#ccc為其他的

margin-bottom:5px;			與底部文字的距離

******************************************/



.listpic .img a{

	width:120px;

	height:90px;

	display:block;

	text-align :center;

	border:1px #6CBA64 solid;

	margin-bottom:5px;

}



/******************************************

文章列表

padding:7px 5px 0 5px;內間隙,上右下左的距離

border-bottom:1px dashed #ccc;底部虛線,也可改為實線solid 或其他顏色



.listarticle span參數樣式

******************************************/



.listarticle td{

	padding:7px 5px 0 5px;

	border-bottom:1px dashed #ccc;

}

.listarticle span{

	display:block;

	float:left;

}



/******************************************

文章列表

文章標題樣式

text-indent: 0.6em;與小圖標的距離

background:url(title_icon3.gif) no-repeat left;小圖標,居左不平鋪

background-position: 0em 40%;小圖標是背景,坐標位置



.listarticle span.time{float:right;}時間靠右顯示

******************************************/



.listarticle span.title{

	text-indent: 0.6em;

	background:url(../default/title_icon3.gif) no-repeat left;

	background-position: 0em 40%;

}

.listarticle span.time{

	float:right;

}



/******************************************

分頁

******************************************/



.page{

	width:98%;

	margin-top:1em;

	clear:both;

}



.page a{

	display:block;

	float:left;

	margin-right:3px;

	border:1px solid #ccc;

	padding:2px 4px 1px 4px;

}



/*****************************************************************

******************************************************************

文章內容頁

.content_word,.content_word p多種格式的控制內容的樣式,字號為15像素

******************************************************************

******************************************************************/

.content_word,.content_word p{

	font-size:15px;

}



/*****************************************************************************************

******************************************************************************************

圖片頻道,視頻,FLASH,音樂,商城,下載頻道的列表頁的圖片列表

******************************************************************************************

******************************************************************************************/

/******************************************

display:block;定義為模塊

width:98%;寬度為98%

margin:8px 8px 0 10px;與其他的外間隙上右下左的距離

height:100px;高度

overflow:hide;文字超過則隱藏,不過上面寬度只有設置成具體像素才生效.

border-bottom:1px #ccc dotted;底部邊框為一個像素的虛線.改成solid則為實線,改成0px則取消邊框

這裡特別要注意的是.把寬度改成width:44%;增加一句float:left;就可以一行顯示兩個

******************************************/



.ListPhoto ul{

	display:block;

	width:98%;

	margin:8px 8px 0 10px;

	height:100px;

	overflow:hide;

	border-bottom:1px #6CBA64 dotted;

}



/******************************************

圖片與介紹文字是左右並排

******************************************/



.ListPhoto ul li{

	display:block;

	float:left;

}



/******************************************

圖片容器樣式,

width:130px;寬

border-right:1px #ccc dotted;容器右邊樣式,改dotted為solid則為實線,把1px改為0則取消邊框

******************************************/



.ListPhoto ul li.img{

	width:130px;

	border-right:1px #ccc dotted;

}



/******************************************

圖片內邊框樣式

******************************************/



.ListPhoto ul li.img img{

	border:1px solid #ccc;

}



/******************************************

圖片外邊框樣式

	display:block;	定義為實體,方便加效果

	width:120px;	寬

	height:90px;	高

	text-align :center; 圖片居中

	background:#eee;	背景顏色,只有圖片太小時,才看得到效果.

	border:1px solid #333; 外邊框樣式,可改solid為dotted虛線.取消邊框的話.改1px為0

******************************************/



.ListPhoto ul li.img a{

	display:block;

	width:120px;

	height:90px;

	text-align :center;

	background:#eee;

	border:1px solid #333;

}



/******************************************

圖片的相關文字樣式

margin-left:1em;與左邊距離1個漢字距離

******************************************/



.ListPhoto ul li.word{

	margin-left:1em;

}



/******************************************

圖片的相關文字樣式

display:block;做為實體,每個占一行,

overflow:hide,文字超出邊界,自動隱藏.一般只有設置了寬度時才生效

******************************************/



.ListPhoto ul li.word span{

	display:block;

	overflow:hide;

}



/******************************************

圖片的相關文字,超級鏈接的文字加粗顯示

******************************************/



.ListPhoto ul li.word span.title a{

	font-weight:bold;

}



/*****************************************************************************************

*****************************************************************************************

**********評論

******************************************************************************************

******************************************************************************************/



#comment .content{

	border:dotted 1px #ddd;

	margin-bottom:10px;

}

#comment .content .word{

	border-bottom:solid 1px #ddd;

	padding-left:5px;

	height:50px;

}

#comment .content .img{

	border-right:dotted 1px #ddd;

	padding:1em;

}

#comment .content .info{

	padding:2px 0 0 5px;

}



/*****************************************************************************************

*****************************************************************************************

************留言本

*****************************************************************************************

*****************************************************************************************/



.guestbook{

	margin-bottom:4px;

	border:1px dotted #A7CAFA;

}

.guestbook .Ftd{

	padding:4px;

	border-right:1px dotted #A7CAFA;

}

.guestbook .Atd{

	border-top:1px solid #D2E4FC;

	padding-left:4px;

}

.guestbook .Ctd{

	padding:4px;

}



/*****************************************************************************************

*****************************************************************************************

網頁底部

******************************************************************************************

******************************************************************************************/



#footer{

	margin-top:4px;

}

#footer td{

	padding:1em 0 1em 0;

}





/*****************************************************************************************

*****************************************************************************************

www.php168.com官方站綜合首頁

*****************************************************************************************

*****************************************************************************************/



/*內容模塊頭部*/

.Main_Left .dragTable .head{

	background:;

	height:16px;

	padding-left:1em;

	padding-top:4px;

	border:0px #FFF solid;

	font-weight:bold;

	color:#0D72B6;

}

.Main_Left .dragTable{

	background:;

	

}

.Main_Left .dragTable .middle,.Side .dragTable .middle{

	padding-top:0px;

	padding-left:2px;

	padding-bottom:2px;

	line-height:16px;

}

.Main_Center .dragTable .middle{

	padding-top:4px;

	padding-left:2px;

	padding-bottom:0px;

	line-height:18px;

}

.Main_Center .dragTable .head{

	background:#D2E4FC;

	height:20px;

	padding-left:1em;

	padding-top:7px;

	border:0px #0D72B6 dotted;

	border-bottom:1px #0D72B6 dotted;

	font-weight:bold;

	color:#333;

}





/*內容模塊*/

.Main_Center{

	padding-left:0.3%;

}

.Main_Center .dragTable{

	width:99%;

	margin-top:5px;

	overflow:hide;

	border:0px #A7CAFA solid;

	

}

.Space{

	width:700px;

	height:23px;

	margin-top:4px;

	background:#DEF4C4 url();

	border:1px solid #6CBA64;

}

.Space .L{

	padding:5px 0 0 5px;

	font-weight:bold;

	color:#FFF;

}

.Space .L{

	float:left;

}

.Space .R{

	padding:5px 5px 0 0;

	float:right;

}







/*********************************************************************

**********************************************************************

AJAX在線編輯DIV容器

這個會員看不到.只是版主管理員才可以看到.這是後颱風格

一般不必修改了.修改了會員也看不到

**********************************************************************

*********************************************************************/

#AjaxEditTable{

	border:1px solid #BEDDFF;

	background:#FFF;

}

#AjaxEditTable .head{

	height: 21px;

	background: #DBEAFF;

	border-bottom:1px solid #BEDDFF;

	padding:3px 5px 0 7px;

}

#AjaxEditTable .head a{

	color:#FFF;

}

#AjaxEditTable .head span{

	DISPLAY: block; 

	FLOAT: right;

}

#AjaxEditTable .middle{

	background:#FFF;

	line-height:18px;

	padding:5px;

}

#AjaxEditTable .middle input,#AjaxEditTable .middle textarea{

	border:1px solid #BEDDFF;

	background:#FFF;

}