Louislo3412 (Talk | contribs) (Bug fix) |
Louislo3412 (Talk | contribs) (Improve menu) |
||
Line 357: | Line 357: | ||
/* Menu */ | /* Menu */ | ||
/*********/ | /*********/ | ||
− | |||
#menu | #menu | ||
{ | { | ||
Line 383: | Line 382: | ||
/* Menu buttons settings*/ | /* Menu buttons settings*/ | ||
{ | { | ||
+ | /* First layer text config*/ | ||
padding: 0.5em 0.5em; | padding: 0.5em 0.5em; | ||
letter-spacing: 1px; | letter-spacing: 1px; | ||
Line 398: | Line 398: | ||
#menu li:hover a | #menu li:hover a | ||
{ | { | ||
+ | /* Set first layer text color when hover*/ | ||
color: #000000; | color: #000000; | ||
} | } | ||
Line 423: | Line 424: | ||
/* 讓ul與母階層li相同位置 */ | /* 讓ul與母階層li相同位置 */ | ||
clear:left; | clear:left; | ||
− | margin-top: | + | margin-top: 1em; |
margin-right: 0; | margin-right: 0; | ||
margin-bottom: 0; | margin-bottom: 0; | ||
margin-left: 0; | margin-left: 0; | ||
} | } | ||
+ | |||
+ | |||
+ | #menu ul li ul li a | ||
+ | { | ||
+ | /* Second layer text config*/ | ||
+ | padding: 0.5em 0.5em; | ||
+ | letter-spacing: 1px; | ||
+ | text-decoration: none; | ||
+ | text-transform: uppercase; | ||
+ | font-size: 0.5em; | ||
+ | color:#9B9BFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #menu ul li ul li a:hover | ||
+ | { | ||
+ | /* Change second layer text color when hover*/ | ||
+ | color:#000000; | ||
+ | } | ||
+ | |||
#menu ul li ul li | #menu ul li ul li | ||
{ | { | ||
/* 覆寫繼承自第一層的浮動設定 */ | /* 覆寫繼承自第一層的浮動設定 */ | ||
− | float: | + | float:block; |
text-align: center; | text-align: center; | ||
} | } | ||
Line 450: | Line 471: | ||
#menu ul li:hover ul | #menu ul li:hover ul | ||
{ /* Show the second layer when touch with the first layer */ | { /* Show the second layer when touch with the first layer */ | ||
− | visibility:visible;} | + | visibility:visible; |
+ | } | ||
+ | |||
/*************/ | /*************/ |
Revision as of 07:20, 12 July 2016