Difference between revisions of "Template:Digital Talent Nav"

From wiki
Jump to navigation Jump to search
Line 3: Line 3:
 
{{#css:
 
{{#css:
 
.menubar a:visited {
 
.menubar a:visited {
   color: #000000;
+
   color: #FFFFFF;
 
}
 
}
  
 
.menubar {
 
.menubar {
position: relative;
+
  background-color:#3D3D3D;
 +
  height: auto;
 +
  padding: 0;
 +
  margin: 0;
 
   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 {
 +
  list-style-type: none;
 
   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;
+
  display: inline-block;
   color: #000000;
+
  color: #FFFFFF;
 +
  text-align: center;
 +
   padding-top: 15px;
 +
   padding-bottom: 15px;
 
   text-decoration: none;
 
   text-decoration: none;
  border-bottom: 2px solid #000000;
 
 
}
 
}
  
 
.menubar li:hover {
 
.menubar li:hover {
 
   background: #000000;
 
   background: #000000;
  color: #FFFFFF;
 
 
}
 
}
  
Line 45: Line 41:
 
{
 
{
 
   background: #000000;
 
   background: #000000;
  color: #FFFFFF;
 
 
}
 
}
  
 
.menubar li a {
 
.menubar li a {
   color: #000000;
+
   color: white;
   padding: 15px;
+
   padding: 20px;
 
}
 
}
 
.menubar li a:hover:not(.active) {
 
.menubar li a:hover:not(.active) {
Line 61: Line 56:
  
 
.rainbow_bar {
 
.rainbow_bar {
   height: 15px;
+
   height: 20px;
 
   background: linear-gradient(90deg,#ffad31,#52c765,#27c9bc,#ff5958);
 
   background: linear-gradient(90deg,#ffad31,#52c765,#27c9bc,#ff5958);
 
}
 
}
Line 68: Line 63:
 
<div class="menubar">
 
<div class="menubar">
 
       <ul role="menu">
 
       <ul role="menu">
         <li role="menuitem">[[Digital_Gov_Leaders_Summit|Home]]</li>
+
         <li role="menuitem">[[Digital_Talent|Home]]</li>
         <li role="menuitem">[[Digital_Gov_Leaders_Summit/Program|Program]]</li>
+
         <li role="menuitem">[[Digital_Talent/Digital_Talent_Strategy|Digital Talent Strategy]]</li>
         <li role="menuitem">[[Digital_Gov_Leaders_Summit/Livestream|Livestream]]</li>
+
         <li role="menuitem">[[Digital_Talent/Digital_Skills|Digital Skills Initiative]]</li>
         <li role="menuitem">[[Digital_Gov_Leaders_Summit/Virtual|Virtual]]</li>
+
         <li role="menuitem">[[Digital_Talent/Ecosystem_for_Digital_Talent|Ecosystem for Digital Talent]]</li>
         <li role="menuitem">[[Digital_Gov_Leaders_Summit/Pavilion|Pavilion]]</li>
+
         <li role="menuitem">[[Digital_Talent/EX_Learning_Paths|Digital EX Learning Paths]]</li>
         <li role="menuitem">[[Digital_Gov_Leaders_Summit/Partners|Partners]]</li>
+
         <li role="menuitem">[[Digital_Talent/Contact|Contact]]</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>
 +
  <div class="rainbow_bar"></div>

Revision as of 14:43, 5 October 2023