?? index.css
字號:
?/* ==全局樣式定義== */
body
{
font: normal normal normal 12px/150% Arial, "宋體" ,Helvetica,sans-serif;
margin: 0px;
padding: 0px;
background: #f8f8f8;
text-decoration: none;
color: #555;
}
a
{
font: normal normal normal 12px/120% Arial, "宋體" ,Helvetica,sans-serif;
text-decoration: none;
color: #555;
}
a:hover
{
color: #d71518;
text-decoration: none;
}
input[type=text], input[type=Keyword]
{
height: 15px;
margin: 1px;
}
* + html input[type=text]
{
margin: 0px;
}
h1
{
margin: 0px;
padding: 0px;
background: none;
font: normal normal bold 24px/150% Arial, "宋體" ,Helvetica,sans-serif;
text-align: center;
}
dl, dt, dd, ul, li
{
padding: 0px;
margin: 0px;
}
li
{
line-height: 22px;
}
/* --定義文字換行(FF不支持)-- */
*, #*, .*
{
word-wrap: break-word;
word-break: break-all;
}
/* ==整體布局定義開始== */
/* --head(網頁頭部)、menu(網頁頭部導航菜單)、main_bg(網頁中部主要內容)、foot(網頁底部)-- */
#menu,#head,#foot, #main_bg, #main_bg_index, .c_padding, .main_standalone
{
padding: 0px;
margin: 0px auto;
width: 982px;
}
#main_bg
{
width: 982px;
}
#main_bg_index
{
width: 982px;
}
/* --top_all(頂部)、center_all(中部)、bottom_all(底部)-- */
#top_all, #center_all, #bottom_all
{
padding-bottom: 7px;
}
#top_all
{
background: url(images/head_bg.gif) repeat-x top;
}
/* ==top_all(頂部)定義開始== */
/* --網頁頭部-- */
#head
{
margin-bottom: 1px;
position: relative;
}
#head a
{
color: #555;
text-decoration: none;
}
#head a:hover
{
color: #d71518
}
#logo
{
height: 74px;
float: left;
width: 300px;
}
#top_link
{
color: #555;
float: right;
width: 320px;
margin: 4px 10px 0px 0px;
line-height: 22px;
text-align: right;
}
#top_link ul, #top_link li
{
padding: 0px;
margin: 0px;
display: block;
list-style: none;
}
#top_link li
{
height: 22px;
}
/* --網頁頭部導航菜單-- */
#menu
{
clear: both;
line-height: 36px;
border: 0px solid #ccc;
width: 982px;
}
/* 網站節點導航 */
#menubox
{
margin-left: 0px;
padding: 0px;
color: #c4d9f1;
}
#menubox a
{
font: normal normal normal 14px/100% Arial, "宋體" ,Helvetica,sans-serif;
text-decoration: none;
color: #ffffff;
padding: 5px 10px 50px 25px;
line-height: 29px;
background: url(images/menubox.gif) no-repeat 5px 7px;
}
#menubox a:hover
{
color: #f00;
text-decoration: underline;
background: url(images/menubox_hover.gif) no-repeat 5px 7px;
}
/* ==top_all(頂部)定義結束== */
/* ==center_all(中部)定義開始== */
/* --主要定義-- */
#main_bg
{
background: url(images/left-bg.gif1) #fff repeat-y left;
clear: both;
}
#main_bg_index
{
background: url(images/left-bg_index.gif1) #f8f8f8 repeat-y left;
clear: both;
}
#main_left /* 網頁中部左側整體定義 */
{
float: left;
width: 208px;
display:inline;
}
#main_right /* 網頁中部右側整體定義1 */
{
float: right;
width: 100%;
margin-left: -210px;
text-align: left;
display:inline;
}
#main_right_box /* 網頁中部右側整體定義2 */
{
margin-left: 215px;
}
#main_right_box_index /* 網頁中部右側整體定義3 */
{
margin-left: 0px;
}
#r_main /* 中部右側定義 */
{
float: right;
width: 200px;
text-align: left;
}
#main_box /* 中部整體定義 */
{
margin: 0px;
}
.c_main /* 中部中間定義 */
{
margin-right: 205px;
}
.c_main_box /* 中部中間定義 */
{
border: 1px solid #ccc;
}
/* 本站新聞.r_news */
#r_main_t
{
margin-right: 302px;
margin-top: -1px;
border-top: 1px solid #fff;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: left;
}
.r_news
{
background: url(images/r_news_bg.gif) #fff repeat-x top;
}
/* 本站新聞.r_news_index */
#r_main_t_index
{
margin-right: 201px;
margin-top: -1px;
border-top: 1px solid #f8f8f8;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: left;
}
/* 書簽式面板首頁tabtitleindex */
.tabtitleindex, .titlemouseoverindex
{
float: left;
width: 194px;
font: normal normal bold 13px/21px Arial, "宋體" ,Helvetica,sans-serif;
text-align: center;
overflow: hidden;
display:inline;
}
.tabtitleindex dl, .titlemouseoverindex dl
{
margin: 0px;
padding: 0px;
border: 1px solid #fff;
}
.tabtitleindex
{
color: #fff;
background: url(images/tabtitle.gif) #000 repeat-x top;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.titlemouseoverindex
{
cursor: pointer;
color: #fff;
border-left: none;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #cc0000;
background: url(images/tabtitlee.gif) #f8f8f8;
}
* + html .titlemouseoverindex
{
padding-bottom: 0px;
}
* html #TTab0, * html #TTab1, * html #TTab2, * html #TTab3
{
margin-right: -3px;
}
#TTab0, #TTab1, #TTab2, #TTab3
{
margin-top: -3px;
padding: 1px;
border-right: 1px solid #ccc;
border-top: none;
height: auto !important;
height: 155px;
min-height: 157px;
}
#TTab1
{
margin-top: -3px;
padding: 1px;
border-right: 1px solid #ccc;
border-top: none;
height: auto !important;
height: 157px;
min-height: 157px;
}
/* 幻燈片 */
#main_box_t
{
float: right;
height: 182px;
width: 298px;
padding: 0px;
background: #eee;
display:inline;
}
.c_slide, .c_slide a
{
text-align: center;
}
#bimg
{
filter: progid:DXImageTransform.Microsoft.Fade(duration=0.5,overlap=1.0);
width: 298px;
height: 160px;
}
#simg TD
{
background: url({PE.SiteConfig.ApplicationPath/}Images/si_b1.gif) no-repeat center 50%;
cursor: pointer;
text-align: center;
}
#simg TD.s {
background: url({PE.SiteConfig.ApplicationPath/}Images/si_b2.gif) no-repeat center 50%;
color: #fff;
}
#info
{
}
/* 首頁幻燈片 */
#main_box_tt
{
float: right;
height: 182px;
width: 196px;
padding: 0px;
background: #eee;
display:inline;
}
/* 站內搜索 */
.main_search
{
clear: left;
padding: 5px 5px 5px 70px;
margin-top: 5px;
height: auto !important;
height: 36px;
min-height: 36px;
background: #f9f9f9;
border: 1px solid #ccc;
background: url(images/search.gif) #f9f9f9 no-repeat 5px center;
}
.mainsearch
{
clear: left;
padding: 0px 0px 0px -10px;
margin-top: -2px;
height: auto !important;
}
.main_search form
{
margin: 0px;
}
.mainsearch form
{
margin: 0px;
}
.main_search input
{
height: 15px;
margin: 1px;
vertical-align: middle;
}
.mainsearch input
{
height: 15px;
margin: 1px;
vertical-align: middle;
}
.main_search a
{
color: blue;
text-decoration: underline;
}
.main_search select
{
height: 21px;
margin: 1px;
vertical-align: middle;
}
.c_content .main_search
{
padding: 5px 5px 5px 100px;
border: 0px;
background: url(images/search.gif) #f9f9f9 no-repeat 20px 20px;
}
/* 高級搜索 */
.c_content .main_search_sub
{
margin: 10px auto 0px auto;
text-align: center;
}
/* --網頁中部右側內容-- */
/* 右側導航 */
.r_navigation
{
margin-bottom: 5px;
line-height: 300px;
border: 1px solid #ccc;
background: #f8f8f8;
text-align: left;
clear: both;
color: #fff;
}
/* 右側標題與內容 */
.r_announce dl, .r_announce dt, .r_announce dd, .r_content dl, .r_content dt, .r_content dd, .r_contentindex dl, .r_contentindex dt, .r_content dd
{
margin: 0px;
padding: 0px;
}
.r_announce, .r_content
{
border: 1px solid #ccc;
}
.r_announce, .r_contentindex
{
border: 1px solid #ccc;
}
.r_announce dt, .r_content dt
{
background: url(images/channel_bghui.gif) #ccc;
border-bottom: 1px solid #ccc;
height: 25px;
color: #555;
font: normal normal bold 14px/24px Arial, "宋體" ,Helvetica,sans-serif;
text-align: center;
}
.r_contentindex dt
{
background: url(images/r_boxtit.gif) no-repeat left top;
border-bottom: 0px solid #ccc;
color: #fff;
font: normal normal bold 13px/24px Arial, "宋體" ,Helvetica,sans-serif;
text-align: center;
}
.r_announce dd, .r_content dd
{
padding: 4px 5px;
min-height: 158px;
line-height: 150%;
height: auto !important;
height: 158px;
}
.r_announceindex dd, .r_contentindex dd
{
padding: 4px 4px;
line-height: 150%;
height: 148px;
min-height: 148x;
}
/* main_box(中部文章列表內容) */
#main_box dl, #main_box dt, #main_box dd
{
padding: 0px;
margin: 0px;
}
/* 中部標題與內容 */
.c_main dl, .c_main dt, .c_main dd
{
margin: 0px;
padding: 0px;
}
.c_main dl
{
border: 1px solid #ccc;
}
.c_main dd
{
border: 5px solid #fff;
}
.c_title
{
font: normal normal bold 14px/25px Arial, "宋體" ,Helvetica,sans-serif;
color: #d71518;
padding-left: 10px;
background: url(images/channel_bghui.gif) #dfebf9 repeat-x top;
border-bottom: 1px solid #ccc;
}
.c_title a, .c_title a:link
{
font: normal normal bold 14px/25px Arial, "宋體" ,Helvetica,sans-serif;
text-decoration: none;
color: #d71518;
padding-left: 34px;
background: url(images/c_title.gif) no-repeat 10px 2px;
}
.c_title a:hover
{
color: #c00;
text-decoration: underline;
background: url(images/c_title_hover.gif) no-repeat 10px 2px;
}
.c_content
{
padding: 5px;
line-height: 150%;
color: #808081;
height: auto !important;
height: 170px;
min-height: 170px;
}
.c_content_about
{
padding: 20px;
line-height: 150%;
color: #808081;
height: auto !important;
height: 170px;
min-height: 170px;
}
.c_content a
{
text-decoration: none;
color: #000;
font-size: 12px;
font-weight: normal;
}
.c_content a:hover
{
color: #c00;
}
.c_bot
{
background: none;
height: 0px;
font-size: 10px;
}
/* 友情鏈接 */
.c_padding
{
border: 1px solid #ccc;
}
.c_friendsite
{
padding: 5px;
}
.c_friendsite a
{
color: #333;
text-decoration: none;
}
.c_friendsite img
{
width: 100px;
height: 53px;
border: 0px;
}
.c_friendsite li
{
padding: 0px;
width: 12.4%;
float: left;
text-align: center;
list-style: none;
}
.c_friendsite ul, .c_friendsite li
{
margin: 0;
padding: 0;
}
/* ==center_all(中部)定義結束== */
/* ==bottom_all(底部)定義開始== */
/* --網頁底部-- */
#foot
{
background: url(images/copy_bg.gif) #fff repeat-x top;
border: 1px solid #ccc;
clear: both;
}
/* 管理鏈接 */
#menu_link
{
margin: 10px 0px 5px 0px;
text-align: center;
}
#menu_link a
{
text-decoration: none;
color: #000;
}
#menu_link a:hover
{
color: #f00;
text-decoration: underline;
}
/* 版權信息 */
#copyright
{
font: normal normal normal 12px/20px Arial, "宋體" ,Helvetica,sans-serif;
margin: 5px 0px 10px 0px;
text-align: center;
}
/* ==bottom_all(底部)使用定義結束== */
/* ft */
#ft{ clear:both; }
#ft ul{color:#555;width: 980px;text-align:center;zoom:1;overflow:hidden;margin:0 auto;}
#ft ul li *{vertical-align: middle;}
#ft ul .ce{float: left;padding:0px 0 30px 10px;}
#ft ul .cl{float: right;padding:0px 10px 0px 0px;}
#ft ul .cl span{padding:0 15px;}
#ft a{color:#555;}
#ft a:hover{color:#cc0000;}
/* ==通用定義== */
.clearbox, .clearbox2
{
border-top: 1px solid transparent !important;
margin-top: -1px !important;
border-top: 0px;
margin-top: 0px;
height: 0px;
clear: both;
background: none;
font-size: 0px;
visibility: hidden;
}
.clearbox2
{
margin-right: 205px;
clear: left;
}
/* 定義ul、li項目預設標記 */
#Tab0 ul, #Tab1 ul, #Tab2 ul, #Tab3 ul, .c_main_box ul, .left_box ul, .user_box ul, .p_list_two, .c_content ul, .r_announce ul, .r_content ul, .class_content ul, .childclass_content ul, .information_new ul, .s_info_content_l ul, .special_photo_list ul, .special_class ul, .p_class_list ul, .p_shop_2 ul, .p_info_correlative ul, .s_info_correlative ul
{
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -