|
|
Line 1: |
Line 1: |
| + | {{Oxford/CSS/Nav}} |
| + | |
| <html> | | <html> |
− | <head>
| |
− | <style>
| |
− | #primary_nav_wrap
| |
− | {
| |
− | margin-top:15px
| |
− | }
| |
− |
| |
− | #primary_nav_wrap ul
| |
− | {
| |
− | list-style:none;
| |
− | position:relative;
| |
− | float:left;
| |
− | margin:0;
| |
− | padding:0
| |
− | }
| |
− |
| |
− | #primary_nav_wrap ul a
| |
− | {
| |
− | display:block;
| |
− | text-decoration:none;
| |
− | font-weight:700;
| |
− | background-color:#FFF;
| |
− | font-size:14px;
| |
− | line-height:32px;
| |
− | padding:0 15px;
| |
− | border-bottom:1px solid #000;
| |
− | color:#3378b8;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | #primary_nav_wrap ul a:hover {
| |
− | color:#FFF;
| |
− | background-color:#b87333;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | #primary_nav_wrap ul li
| |
− | {
| |
− | position:relative;
| |
− | float:left;
| |
− | margin:0;
| |
− | padding:0
| |
− | }
| |
− |
| |
− | #primary_nav_wrap ul li.current-menu-item
| |
− | {
| |
− | background:#ddd
| |
− | }
| |
− |
| |
− | #primary_nav_wrap ul li:hover
| |
− | {
| |
− | background:#f6f6f6
| |
− | }
| |
− |
| |
− | #primary_nav_wrap ul ul
| |
− | {
| |
− | display:none;
| |
− | position:absolute;
| |
− | top:100%;
| |
− | left:0;
| |
− | background:#fff;
| |
− | padding:0
| |
− | }
| |
− |
| |
− | #primary_nav_wrap ul ul li
| |
− | {
| |
− | float:none;
| |
− | width:200px
| |
− | }
| |
− |
| |
− | #primary_nav_wrap ul ul a
| |
− | {
| |
− | line-height:120%;
| |
− | padding:10px 15px
| |
− | }
| |
− |
| |
− | #primary_nav_wrap ul ul ul
| |
− | {
| |
− | top:0;
| |
− | left:100%
| |
− | }
| |
− |
| |
− | #primary_nav_wrap ul li:hover > ul
| |
− | {
| |
− | display:block
| |
− | }
| |
− | </style>
| |
− | </head>
| |
| <body> | | <body> |
− |
| |
| | | |
| <nav id="primary_nav_wrap"> | | <nav id="primary_nav_wrap"> |