Difference between revisions of "Template:Digital Talent Nav"
Jump to navigation
Jump to search
| (42 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| + | <!--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: | {{#css: | ||
| − | + | .menubar a:visited { | |
| − | . | + | color: #FFFFFF; |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | .menubar | + | .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 | + | .menubar li { |
| − | { | + | display: inline-block; |
| − | + | color: #FFFFFF; | |
| − | + | text-align: center; | |
| − | + | padding-top: 15px; | |
| − | + | padding-bottom: 15px; | |
| − | + | text-decoration: none; | |
| − | |||
} | } | ||
| − | .menubar li:hover | + | .menubar li:hover { |
| − | { | + | background: #000000; |
| − | |||
} | } | ||
.menubar li:focus | .menubar li:focus | ||
{ | { | ||
| − | + | background: #000000; | |
} | } | ||
| − | li a | + | .menubar li a { |
| − | { | + | color: white; |
| − | + | padding: 20px; | |
} | } | ||
| − | li a:hover:not(.active) { | + | .menubar li a:hover:not(.active) { |
| − | + | color: #FFFFFF; | |
} | } | ||
| Line 82: | Line 55: | ||
} | } | ||
| − | + | .rainbow_bar { | |
| − | + | height: 20px; | |
| − | + | background: linear-gradient(90deg,#ffad31,#52c765,#27c9bc,#ff5958); | |
| − | + | margin-bottom: 30px; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | .rainbow_bar | ||
| − | { | ||
| − | |||
| − | |||
} | } | ||
}} | }} | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<div class="menubar"> | <div class="menubar"> | ||
| − | <ul> | + | <ul role="menu"> |
| − | <li>[[Digital_Talent|Home]]</li> | + | <li role="menuitem">[[Digital_Talent|Home]]</li> |
| − | <li>[[Digital_Talent/Digital_Talent_Strategy|Digital Talent Strategy]]</li> | + | <li role="menuitem">[[Digital_Talent/Digital_Talent_Strategy|Digital Talent Strategy]]</li> |
| − | <li>[[Digital_Talent/Digital_Skills|Digital Skills Initiative]]</li> | + | <li role="menuitem">[[Digital_Talent/Digital_Skills|Digital Skills Initiative]]</li> |
| − | <li>[[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>[[Digital_Talent/Contact|Contact]]</li> | + | <li role="menuitem">[[Digital_Talent/Learning_Paths|Learning Paths]]</li> |
| + | <li role="menuitem">[[Digital_Talent/Contact|Contact]]</li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
<div class="rainbow_bar"></div> | <div class="rainbow_bar"></div> | ||
| − | |||
| − | |||
Latest revision as of 14:17, 9 February 2024
