Difference between revisions of "Template:Digital Leaders Nav"

From wiki
Jump to navigation Jump to search
(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...")
 
 
(3 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
{{#css:
 
{{#css:
 
.menubar a:visited {
 
.menubar a:visited {
   color: #FFFFFF;
+
   color: #000000;
 
}
 
}
  
 
.menubar {
 
.menubar {
  background-color:#3D3D3D;
+
position: relative;
  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 {
   display: inline-block;
+
   padding: 15px;
   color: #FFFFFF;
+
   color: #000000;
  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 41: Line 45:
 
{
 
{
 
   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) {
Line 56: Line 61:
  
 
.rainbow_bar {
 
.rainbow_bar {
   height: 20px;
+
   height: 15px;
 
   background: linear-gradient(90deg,#ffad31,#52c765,#27c9bc,#ff5958);
 
   background: linear-gradient(90deg,#ffad31,#52c765,#27c9bc,#ff5958);
 
}
 
}
Line 63: Line 68:
 
<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/Pavilion|Virtual Pavilion]]</li>
         <li role="menuitem">[[Digital_Talent/EX_Learning_Paths|Digital EX Learning Paths]]</li>
+
         <li role="menuitem">[[Digital_Gov_Leaders_Summit/Bios|Biographies]]</li>
         <li role="menuitem">[[Digital_Talent/Contact|Contact]]</li>
+
         <li role="menuitem">[[Digital_Gov_Leaders_Summit/FAQ|FAQ]]</li>
 +
        <li role="menuitem">[[Digital_Gov_Leaders_Summit/Partners|Partners]]</li>
 +
        <li role="menuitem">[[Digital_Gov_Leaders_Summit/Support|Support]]</li>
 
       </ul>
 
       </ul>
 
   </div>
 
   </div>
  <div class="rainbow_bar"></div>
 

Latest revision as of 14:36, 21 December 2023