Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * ================== NAV MENU =================== */
- /* MenuBar 下拉選單條整體外框設定 */
- #navMenu {
- width: 1280px;
- height: 35px;
- margin: 0 auto 0;
- padding: 0;
- border-top: 1px solid #0E5E4E;
- border-bottom: 1px solid #0E5E4E;
- background:#0E5E4E repeat-x top;
- }
- #navMenuleft {
- width: 1000px;
- float: left;
- margin: 0;
- padding: 0;
- }
- #nav {
- margin: 0;
- padding: 0;
- }
- #nav ul {
- float: left;
- list-style: none;
- margin: 0;
- padding: 0;
- }
- #nav li {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- /* 主選單(最上層) Text 設定 */
- #nav li a, #nav li a:link, #nav li a:visited {
- color: #F7FDFA;
- display: block;
- text-transform: capitalize;
- margin: 0;
- padding:5px 25px ;
- font: 18px "Noto Sans TC", 微軟正黑體, 繁黑體, "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "LiHei Pro", sans-serif, 新細明體, PMingLiU;
- }
- /* 主選單(最上層)被選取時(selected)的設定 */
- #nav li a:hover, #nav li a:active {
- background:#003449;
- color: #ff8800;
- margin: 0;
- text-decoration: none;
- padding:8px 20px 8px;
- font: 15px "Noto Sans TC", 微軟正黑體, 繁黑體, "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "LiHei Pro", sans-serif, 新細明體, PMingLiU;
- }
- /* 子選單(第二層以後) 下拉選單外框設定 */
- #nav li li a, #nav li li a:link, #nav li li a:visited {
- background:#1B5B55 repeat-x top;
- width: 150px;
- color: #F7FDFA;
- //text-transform: lowercase;
- float: none;
- margin: 0;
- border-bottom: 0px solid #56BEAC;
- border-left: 0px solid #56BEAC;
- border-right: 0px solid #56BEAC;
- padding: 7px 15px;
- font: normal 14px "Noto Sans TC", 微軟正黑體, 繁黑體, "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "LiHei Pro", sans-serif, 新細明體, PMingLiU;
- }
- /* 子選單(第二層以後)被選取時(selected)的設定 */
- #nav li li a:hover, #nav li li a:active {
- background: #002939;
- color: #ff8800;
- padding: 7px 15px;
- font: normal 14px "Noto Sans TC", 微軟正黑體, 繁黑體, "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "LiHei Pro", sans-serif, 新細明體, PMingLiU;
- }
- #nav li {
- float: left;
- padding: 0;
- }
- #nav li ul {
- z-index: 9999;
- position: absolute;
- left: -999em;
- height: auto;
- width: 150px;
- margin: 0;
- padding: 0;
- }
- #nav li ul a {
- width: 150px;
- }
- #nav li ul ul {
- margin: -32px 0 0 180px;
- }
- #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
- left: -999em;
- }
- #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
- left: auto;
- }
- #nav li:hover, #nav li.sfhover {
- position: static;
- }
Add Comment
Please, Sign In to add comment