www.gusucode.com > 绿色动感二级水平菜单源码程序 > 绿色动感二级水平菜单/green-horizontal-menu/global.css

    @charset "utf-8";
/*===========================================
	Author: http://www.mycodes.net
	Date: 20090922
===========================================*/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,
code,del,dfn,em,font,img,ins,kbd,
q,s,samp,small,strike,strong,sub,
sup,tt,var,dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,
td { margin:0; padding:0; border:0; font-size:12px; font-family:arial, "宋体", Simsun, Microsoft YaHei, Arial Unicode MS, Mingliu, Arial, Helvetica; line-height:20px; }
ul, ol { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
table,h1,h2,h3,h4,h5,
h6 { font-size:100%; }
/* 共用样式 */
html { overflow-y:scroll;}
body { color:#535353; }
a { color:#535353; text-decoration:none; cursor:pointer!important; }
a:hover { color:#EF5300; text-decoration:underline; }
/* 头部 */
.header .inner { position:relative; width:900px; height:152px; margin:0 auto; }
.header .inner h1 { position:relative; top:13px; left:0; width:177px; height:52px; }
.header .inner h1 span { display:block; height:52px; line-height:150px; overflow:hidden; }
.header .inner h1 a { position:absolute; top:0; }
.header .inner .message { position:absolute; top:5px; right:0px; z-index:100; height:20px; line-height:20px; padding-right:65px; color:#535353; }
.header .inner .message a { color:#259301; text-decoration:underline; }
.header .inner .message a:hover { color:#EF5300; text-decoration:none; }
.header .inner .message span.online { margin-right:5px; }
.header .inner .message a.login { padding-right:5px; }
.header .inner .message a.message_center { margin:0 5px; }
.header .inner .message a.help { margin-left:5px; padding:0 0 0 15px; background-color:#FFFFFF }
.header .inner .message a.vip { position:absolute; top:1px; right:0; width:60px; height:17px; line-height:17px; line-height:21px\9; +line-height:19px;
text-align:center; overflow:hidden; text-decoration:none; color:#FFF; }
.header .inner .message a.vip:hover { color:#FFF; }
.header .inner .nav { position:absolute; top:90px; left:45px; }
.header .inner .nav a { float:left; height:27px; text-align:center; }
.header .inner .nav a strong { display:block; width:86px; height:27px; line-height:27px; line-height:30px\9; font-weight:normal; font-size:14px; color:#FFFFFF; cursor:pointer; }
.header .inner .nav a #nav_index { width:66px; }
.header .inner .nav a #nav_privileg { width:100px; }
.header .inner .nav strong.last { background:none; }
.header .inner .nav a:hover { text-decoration:none; background:none; }
.header .inner .nav a.current { position:relative; top:-1px; }
.header .inner .nav a.current:hover { position:relative; top:-1px; background:none; }
.header .inner .nav a.current strong { height:34px; line-height:36px; overflow:hidden; color:#6C7100; font-weight:bold; }
.header .inner .sub_nav { position:absolute; top:126px; }
.header .inner #sub_nav_01 { left:124px; }
.header .inner #sub_nav_02 { left:209px;  }
.header .inner #sub_nav_03 { left:310px; }
.header .inner .sub_nav a { margin-right:15px; }
.header .inner .sub_nav a.current { color:#6C7100; font-weight:bold; }
.header .inner a.return { position:absolute; right:0; top:90px; width:91px; height:26px; line-height:26px; line-height:28px\9; +line-height:28px;
text-align:center; color:#FFFFFF; }
.header .inner a.return:hover { text-decoration:none; color:#FFFFFF; }
/* 背景图 */
.header,.header .inner .nav strong { background:url(bg_repeat.png) repeat-x; }
.header { background-position:0px 0px; }
.header .inner .nav strong { background-repeat:no-repeat; background-position:right -370px; }
.header .inner .nav a.current strong,
.header .inner .nav a.current:hover strong,
.header .inner .nav a.current #nav_index,
.header .inner .nav a.current #nav_privileg,
.header .inner .nav a.current:hover #nav_index,
.header .inner .nav a.current:hover #nav_privileg,
.header .inner a.return{ background:url(bg.png) no-repeat; }
.header .inner .nav a.current strong { background-position:-220px -240px; }
.header .inner .nav a.current:hover strong { background-position:-220px -240px; }
.header .inner .nav a.current #nav_index { background-position:-480px -420px; }
.header .inner .nav a.current #nav_privileg { background-position:-370px -420px; }
.header .inner .nav a.current:hover #nav_index { background-position:-480px -420px; }
.header .inner .nav a.current:hover #nav_privileg { background-position:-370px -420px; }
.header .inner .message a.vip { background-position:-460px -310px; }
.header .inner a.return { background-position:-220px -280px; }
.header .inner .nav a:hover strong,
.header .inner .nav a:hover #nav_index,
.header .inner .nav a:hover #nav_privileg { background:url(nav_hover.png) no-repeat 0 -40px; }
.header .inner .nav a:hover strong { background-position:0 -40px; }
.header .inner .nav a:hover #nav_index { background-position:0 -0px; }
.header .inner .nav a:hover #nav_privileg { background-position:0 -80px; }