233
edits
Changes
ESDC Onboarding/Dev2 (view source)
Revision as of 16:45, 28 September 2021
, 16:45, 28 September 2021navbar styling
.navContainer{
.navContainer{
width: 100%;
width: 100%;
overflow: scroll;
overflow: scroll;
background-color: #F5F5F5;
}
}
.navContainer::-webkit-scrollbar{
.navContainer::-webkit-scrollbar{
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;
}
}
<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>