705
edits
Changes
Jump to navigation
Jump to search
Line 3:
Line 3: − + − background-color:#3D3D3D;+ − height: auto; − padding: 0; − margin: 0; + + + + + − − list-style-type: none; + + + + + − display: inline-block; + − + − text-align: center; − padding-top: 15px; − padding-bottom: 15px; + + Line 41:
Line 45: + − + − + Line 56:
Line 61: − + Line 63:
Line 68: − + − + − + − + − + − + + + + − <div class="rainbow_bar"></div>
Template:Digital Leaders Nav (view source)
Revision as of 13:42, 5 October 2023
, 13:42, 5 October 2023no edit summary
{{#css:
{{#css:
.menubar a:visited {
.menubar a:visited {
color: #FFFFFF;
color: #000000;
}
}
.menubar {
.menubar {
position: relative;
font-family: "Open Sans",sans-serif;
font-family: "Open Sans",sans-serif;
font-style: normal;
font-style: normal;
font-weight: 200;
font-weight: 200;
width: 150px;
float: left;
}
.menubar li:hover a {
color: inherit;
}
}
.menubar ul {
.menubar ul {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
overflow: hidden;
overflow: hidden;
width: 100%;
width: 100%;
}
.menubar li::before {
content: "▶";
color: #00A69C;
}
}
.menubar li {
.menubar li {
padding: 15px;
color: #FFFFFF;
color: #000000;
text-decoration: none;
text-decoration: none;
border-bottom: 2px solid #000000;
}
}
.menubar li:hover {
.menubar li:hover {
background: #000000;
background: #000000;
color: #FFFFFF;
}
}
{
{
background: #000000;
background: #000000;
color: #FFFFFF;
}
}
.menubar li a {
.menubar li a {
color: white;
color: #000000;
padding: 20px;
padding: 15px;
}
}
.menubar li a:hover:not(.active) {
.menubar li a:hover:not(.active) {
.rainbow_bar {
.rainbow_bar {
height: 20px;
height: 15px;
background: linear-gradient(90deg,#ffad31,#52c765,#27c9bc,#ff5958);
background: linear-gradient(90deg,#ffad31,#52c765,#27c9bc,#ff5958);
}
}
<div class="menubar">
<div class="menubar">
<ul role="menu">
<ul role="menu">
<li role="menuitem">[[Digital_Talent|Home]]</li>
<li role="menuitem">[[Digital_Gov_Leaders_Summit|Home]]</li>
<li role="menuitem">[[Digital_Talent/Digital_Talent_Strategy|Digital Talent Strategy]]</li>
<li role="menuitem">[[Digital_Gov_Leaders_Summit/Program|Program]]</li>
<li role="menuitem">[[Digital_Talent/Digital_Skills|Digital Skills Initiative]]</li>
<li role="menuitem">[[Digital_Gov_Leaders_Summit/Livestream|Livestream]]</li>
<li role="menuitem">[[Digital_Talent/Ecosystem_for_Digital_Talent|Ecosystem for Digital Talent]]</li>
<li role="menuitem">[[Digital_Gov_Leaders_Summit/Virtual|Virtual]]</li>
<li role="menuitem">[[Digital_Talent/EX_Learning_Paths|Digital EX Learning Paths]]</li>
<li role="menuitem">[[Digital_Gov_Leaders_Summit/Pavilion|Pavilion]]</li>
<li role="menuitem">[[Digital_Talent/Contact|Contact]]</li>
<li role="menuitem">[[Digital_Gov_Leaders_Summit/Partners|Partners]]</li>
<li role="menuitem">[[Digital_Gov_Leaders_Summit/Bios|Bios]]</li>
<li role="menuitem">[[Digital_Gov_Leaders_Summit/FAQ|FAQ]]</li>
<li role="menuitem">[[Digital_Gov_Leaders_Summit/Support|Support]]</li>
</ul>
</ul>
</div>
</div>
