| Line 6: |
Line 6: |
| | } | | } |
| | | | |
| − | .menubar | + | .menubar { |
| − | { | + | background-color:#3D3D3D; |
| − | background-color:#3D3D3D;
| + | height: auto; |
| − | height: 50px;
| + | padding: 0; |
| − | 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;
| |
| | | | |
| | } | | } |
| | | | |
| − | .menubar ul | + | .menubar ul { |
| − | { | + | list-style-type: none; |
| − | | + | margin: 0; |
| − | list-style-type: none;
| + | padding: 0; |
| − | margin: 0;
| + | overflow: hidden; |
| − | padding: 0;
| + | width: 100%; |
| − | overflow: hidden;
| |
| − | | |
| − | width: 900px;
| |
| | } | | } |
| | | | |
| − | .menubar li | + | .menubar li { |
| − | { | + | display: inline-block; |
| − | display: block;
| + | color: #FFFFFF; |
| − | color: #FFFFFF;
| + | text-align: center; |
| − | text-align: center;
| + | padding-top: 15px; |
| − | padding: 15px 15px;
| + | padding-bottom: 15px; |
| − | text-decoration: none;
| + | text-decoration: none; |
| − | float: left;
| |
| | } | | } |
| | | | |
| − | .menubar li:hover | + | .menubar li:hover { |
| − | { | + | background: #000000; |
| − | background: #000000;
| |
| | } | | } |
| | | | |
| | .menubar li:focus | | .menubar li:focus |
| | { | | { |
| − | background: #000000;
| + | background: #000000; |
| | } | | } |
| | | | |
| − | .menubar li a | + | .menubar li a { |
| − | { | + | color: white; |
| − | color: white;
| + | padding: 20px; |
| | } | | } |
| | .menubar li a:hover:not(.active) { | | .menubar li a:hover:not(.active) { |
| − | color: #FFFFFF;
| + | color: #FFFFFF; |
| | } | | } |
| | | | |
| Line 61: |
Line 55: |
| | } | | } |
| | | | |
| − | .rainbow_bar | + | .rainbow_bar { |
| − | { | + | height: 20px; |
| − | height: 20px;
| + | background: linear-gradient(90deg,#ffad31,#52c765,#27c9bc,#ff5958); |
| − | background: linear-gradient(90deg,#ffad31,#52c765,#27c9bc,#ff5958);
| + | margin-bottom: 30px; |
| | } | | } |
| | | | |
| − | @media (min-width: 100px) and (max-width: 950px) {
| |
| − |
| |
| − | .menubar ul
| |
| − | {
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | .menubar li
| |
| − | {
| |
| − | display: block;
| |
| − | float: none;
| |
| − | }
| |
| − | .menubar
| |
| − | { height: auto; }
| |
| − | }
| |
| | }} | | }} |
| | <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/Digital_Badges|Digital Badges]]</li> |
| | + | <li role="menuitem">[[Digital_Talent/Contact|Contact]]</li> |
| | </ul> | | </ul> |
| | </div> | | </div> |
| | <div class="rainbow_bar"></div> | | <div class="rainbow_bar"></div> |