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> |