Changes

Jump to navigation Jump to search
9 bytes removed ,  16:45, 28 September 2021
navbar styling
Line 62: Line 62:  
.navContainer{
 
.navContainer{
 
   width: 100%;
 
   width: 100%;
   overflow: scroll;
+
   overflow: scroll;  
   height: 60px;  
+
   background-color: #F5F5F5;
 
}
 
}
 
.navContainer::-webkit-scrollbar{
 
.navContainer::-webkit-scrollbar{
Line 71: Line 71:  
   border: solid 1px #002D42;
 
   border: solid 1px #002D42;
 
   float:left;
 
   float:left;
 +
  margin: 8px;
 +
}
 +
.navMenu li a{
 +
  display: block;
 +
  padding: 8px;
 +
  text-decoration: none;
 +
}
 +
.navMenu li a:hover:not(.active) {
 +
  background-color: #CECECE;
 +
}
 +
.active {
 +
  background-color: #002D42;
 +
}
 +
.active a{
 +
  color: white;
 
}
 
}
   Line 78: Line 93:  
<div role="navigation" class="navContainer">
 
<div role="navigation" class="navContainer">
 
   <ul class="navMenu">
 
   <ul class="navMenu">
       <li> [https://www.canada.ca/en/employment-social-development.html <span class="titleLink">'''Home''' <br></span>] </li>
+
       <li class="active"> [[Title of the wiki page|Home]] </li>
       <li> [https://www.canada.ca/en/employment-social-development.html <span class="titleLink">'''Executive Onboarding''' <br></span>] </li>
+
       <li> [[Title of the wiki page|Executive Onboarding]] </li>
       <li> [https://www.canada.ca/en/employment-social-development.html <span class="titleLink">'''Other Onboarding Expansion Pack''' <br></span>] </li>
+
       <li> [[Title of the wiki page|Other Onboarding Expansion Pack]]</li>
       <li> [https://www.canada.ca/en/employment-social-development.html <span class="titleLink">'''Help Desk''' <br></span>] </li>
+
       <li> [https://www.canada.ca/en/employment-social-development.html '''Help Desk'''] </li>
 
   </ul>  
 
   </ul>  
 
</div>
 
</div>
233

edits

Navigation menu

GCwiki