Changes

Created page with "<!--The following line of code hides the page title--> {{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGE..."
<!--The following line of code hides the page title-->
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
{{#css:
.menubar a:visited {
color: #FFFFFF;
}

.menubar {
background-color:#3D3D3D;
height: auto;
padding: 0;
margin: 0;
font-family: "Open Sans",sans-serif;
font-style: normal;
font-weight: 200;
}

.menubar ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
width: 100%;
}

.menubar li:first-child
{
padding-left: 10px !important;
}

.menubar li {
display: inline-block;
color: #FFFFFF;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
text-decoration: none;
}

.menubar li:hover {
background: #000000;
}

.menubar li:focus
{
background: #000000;
}
.rainbow_bar {
height: 20px;
background: linear-gradient(90deg,#ffad31,#52c765,#27c9bc,#ff5958);
}
.menubar li a {
color: white;
padding: 20px;
}
.menubar li a:hover:not(.active) {
color: #FFFFFF;
}

.active {
color: #FFFFFF;
}

}}
<div class="menubar">
<ul role="menu">
<li role="menuitem">[[DTL_Community_Hub|Home]]</li>
<li role="menuitem">[[DTL_Community_Hub/Spotlight|Spotlight]]</li>
<li role="menuitem">[[DTL_Community_Hub/Resource_Hub|Resources]]</li>
<li role="menuitem">[[DTL_Community_Hub/Talent_Quest|Digital Talent Quest]]</li>
<li role="menuitem">[[DTL_Community_Hub/Comm_Program_Updates|Community & Program Updates]]</li>
<li role="menuitem">[[DTL_Community_Hub/Event_Calendar|Events Calendar]]</li>
<li role="menuitem">[[DTL_Community_Hub/Continuous_Learning|Continuous Learning]]</li>
<li role="menuitem">[[DTL_Community_Hub/DTL_Contacts|DTL Contacts]]</li>
</ul>
</div>

<div class="rainbow_bar"></div>