Difference between revisions of "Template:Digital Talent Nav"
Jump to navigation
Jump to search
Ashley.evans (talk | contribs) |
William.xiao (talk | contribs) m (Removed Ecosystem for Digital Talent tab) |
||
(46 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
<!--The following line of code hides the page title--> | <!--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>}} | {{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 { | |
− | + | 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 { | |
− | + | display: inline-block; | |
− | + | color: #FFFFFF; | |
+ | text-align: center; | ||
+ | padding-top: 15px; | ||
+ | padding-bottom: 15px; | ||
+ | text-decoration: none; | ||
} | } | ||
− | . | + | .menubar li:hover { |
− | + | background: #000000; | |
− | |||
− | |||
} | } | ||
− | . | + | .menubar li:focus |
− | + | { | |
− | height: | + | background: #000000; |
+ | } | ||
+ | |||
+ | .menubar li a { | ||
+ | color: white; | ||
+ | padding: 20px; | ||
+ | } | ||
+ | .menubar li a:hover:not(.active) { | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | .active { | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | .rainbow_bar { | ||
+ | height: 20px; | ||
+ | background: linear-gradient(90deg,#ffad31,#52c765,#27c9bc,#ff5958); | ||
+ | margin-bottom: 30px; | ||
} | } | ||
}} | }} | ||
− | <div class=" | + | <div class="menubar"> |
− | < | + | <ul role="menu"> |
− | < | + | <li role="menuitem">[[Digital_Talent|Home]]</li> |
− | <li>[[Digital_Talent| | + | <li role="menuitem">[[Digital_Talent/Digital_Talent_Strategy|Digital Talent Strategy]]</li> |
− | <li>[[Digital_Talent/ | + | <li role="menuitem">[[Digital_Talent/Digital_Skills|Digital Skills Initiative]]</li> |
− | <li>[[Digital_Talent/ | + | <!--<li role="menuitem">[[Digital_Talent/Ecosystem_for_Digital_Talent|Ecosystem for Digital Talent]]</li>--> |
− | <li>[[Digital_Talent/ | + | <li role="menuitem">[[Digital_Talent/Learning_Paths|Learning Paths]]</li> |
− | <li>[[Digital_Talent/Contact|Contact]]</li> | + | <li role="menuitem">[[Digital_Talent/Digital_Badges|Digital Badges]]</li> |
− | </ul> | + | <li role="menuitem">[[Digital_Talent/Contact|Contact]]</li> |
− | </div> | + | </ul> |
− | + | </div> | |
− | < | + | <div class="rainbow_bar"></div> |
Latest revision as of 13:50, 10 July 2024