Difference between revisions of "Template:Digital Talent Nav"

From wiki
Jump to navigation Jump to search
 
(14 intermediate revisions by the same user not shown)
Line 7: Line 7:
  
 
.menubar {
 
.menubar {
   background-color:#000000;
+
   background-color:#3D3D3D;
 
   height: auto;
 
   height: auto;
 +
  padding: 0;
 
   margin: 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: 20%;
+
 
  float: left;
 
 
}
 
}
  
Line 26: Line 26:
  
 
.menubar li {
 
.menubar li {
   display: flex;
+
   display: inline-block;
 
   color: #FFFFFF;
 
   color: #FFFFFF;
 +
  text-align: center;
 +
  padding-top: 15px;
 +
  padding-bottom: 15px;
 
   text-decoration: none;
 
   text-decoration: none;
 
}
 
}
Line 42: Line 45:
 
.menubar li a {
 
.menubar li a {
 
   color: white;
 
   color: white;
   padding: 15px;
+
   padding: 20px;
 
}
 
}
 
.menubar li a:hover:not(.active) {
 
.menubar li a:hover:not(.active) {
Line 53: 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);
 +
  margin-bottom: 30px;
 
}
 
}
  
Line 64: Line 68:
 
         <li role="menuitem">[[Digital_Talent/Digital_Skills|Digital Skills Initiative]]</li>
 
         <li role="menuitem">[[Digital_Talent/Digital_Skills|Digital Skills Initiative]]</li>
 
         <li role="menuitem">[[Digital_Talent/Ecosystem_for_Digital_Talent|Ecosystem for Digital Talent]]</li>
 
         <li role="menuitem">[[Digital_Talent/Ecosystem_for_Digital_Talent|Ecosystem for Digital Talent]]</li>
         <li role="menuitem">[[Digital_Talent/EX_Learning_Paths|Digital EX Learning Paths]]</li>
+
         <li role="menuitem">[[Digital_Talent/Learning_Paths|Learning Paths]]</li>
 
         <li role="menuitem">[[Digital_Talent/Contact|Contact]]</li>
 
         <li role="menuitem">[[Digital_Talent/Contact|Contact]]</li>
 
       </ul>
 
       </ul>
 
   </div>
 
   </div>
 +
  <div class="rainbow_bar"></div>

Latest revision as of 14:17, 9 February 2024