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