| Line 1: |
Line 1: |
| | {{#css: | | {{#css: |
| − | ul.nav {
| + | |
| − | list-style-type: none;
| + | div.nav { |
| − | list-style-image: none;
| + | margin: 0 0 35px 0; |
| − | margin: 0;
| + | background-color: #49BCCE; |
| − | padding: 0;
| + | font-size:0; |
| − | overflow: hidden;
| + | } |
| − | background-color: #2B536B;
| + | div.nav ul { |
| | + | padding: 0; |
| | + | margin: 0; |
| | + | list-style: none; |
| | + | position: relative; |
| | + | } |
| | + | div.nav ul li { |
| | + | display:inline-block; |
| | + | background-color: #49BCCE; |
| | + | } |
| | + | div.nav a { |
| | + | display:block; |
| | + | padding:0 10px; |
| | + | color:#FFF; |
| | + | font-size:16px; |
| | + | line-height: 60px; |
| | + | text-decoration:none; |
| | } | | } |
| | | | |
| − | ul.nav li {
| + | |
| − | float: left;
| + | div.nav a:hover, |
| − | margin:0;
| + | div.nav a.mw-selflink, |
| | + | div.nav a.mw-selflink:hover { |
| | + | background-color: #273A48; |
| | } | | } |
| | | | |
| − | ul.nav li a {
| + | div.nav ul ul { |
| − | display: block;
| + | display: none; |
| − | color: white;
| + | position: absolute; |
| − | text-align: center;
| + | top: 60px; |
| − | padding: 14px 16px;
| + | z-index:500; |
| − | text-decoration: none;
| + | border-left:2px solid white; |
| − | font-size:1.2em;
| + | border-right:2px solid white; |
| | + | border-bottom:2px solid white; |
| | } | | } |
| − | | + | div.nav ul li:hover > ul { |
| − | ul.nav li a[href]:hover,
| + | display:inherit; |
| − | ul.nav li a.mw-selflink { | + | } |
| − | background-color: #273A48;
| + | div.nav ul ul li { |
| | + | width:230px; |
| | + | float:none; |
| | + | display:list-item; |
| | + | position: relative; |
| | + | } |
| | + | div.nav ul ul ul li { |
| | + | position: relative; |
| | + | top:-60px; |
| | + | left:230px; |
| | + | } |
| | + | div.nav ul ul li { |
| | + | border: 0px solid white; |
| | } | | } |
| | + | li > a:after { content: ' ▼'; } |
| | + | li > a:only-child:after { content: ''; } |
| | | | |
| − | ul.nav li { | + | ul.div.nav li a.mw-selflink |
| − | border-right: 1px solid #fff;
| |
| − | }
| |
| | | | |
| − | ul.nav li:last-child {
| |
| − | border-right: none;
| |
| − | }
| |
| | }} | | }} |
| | | | |
| − | <ul class="nav"> | + | <div class="nav"> |
| | + | <ul> |
| | <li>[[User:Nick.frenette/Knowledge_Circle_for_Indigenous_Inclusion|Home]]</li> | | <li>[[User:Nick.frenette/Knowledge_Circle_for_Indigenous_Inclusion|Home]]</li> |
| − | <li>[[User:Nick.frenette/Knowledge_Circle_for_Indigenous_Inclusion/Events|Events]]</li> | + | <li>[[User:Nick.frenette/Knowledge_Circle_for_Indigenous_Inclusion/Events|Events]] |
| | + | <!--ul> |
| | + | <li>[[User:Nick.frenette/Knowledge_Circle_for_Indigenous_Inclusion/Events1|Events1]]</li> |
| | + | <li>[[User:Nick.frenette/Knowledge_Circle_for_Indigenous_Inclusion/Events2|Events2]]</li> |
| | + | </ul--> |
| | + | </li> |
| | <li>[[User:Nick.frenette/Knowledge_Circle_for_Indigenous_Inclusion/Federal_Institutions_Booths|Federal Institutions Booths]]</li> | | <li>[[User:Nick.frenette/Knowledge_Circle_for_Indigenous_Inclusion/Federal_Institutions_Booths|Federal Institutions Booths]]</li> |
| | <li>[[User:Nick.frenette/Knowledge_Circle_for_Indigenous_Inclusion/Federal_institutions_Best_practices|Federal institutions Best practices]]</li> | | <li>[[User:Nick.frenette/Knowledge_Circle_for_Indigenous_Inclusion/Federal_institutions_Best_practices|Federal institutions Best practices]]</li> |
| | </ul> | | </ul> |
| | + | </div> |