Line 36: |
Line 36: |
| div.nav a.mw-selflink:hover { | | div.nav a.mw-selflink:hover { |
| color: #FFF; | | color: #FFF; |
− | background-color: #99ccff; /* Changed hover background color */ | + | background-color: #99ccff; |
| } | | } |
| | | |
| + | /* Nav2 styling */ |
| div.nav2 { | | div.nav2 { |
| margin: 0; | | margin: 0; |
− | background-color: #e6f2ff; | + | background-color: #cce6ff; /* Updated background color */ |
| color: black; | | color: black; |
| font-size: 0; | | font-size: 0; |
Line 54: |
Line 55: |
| div.nav2 ul li { | | div.nav2 ul li { |
| display: inline-block; | | display: inline-block; |
− | background-color: #e6f2ff; | + | background-color: #cce6ff; /* Updated background color */ |
| color: black; | | color: black; |
| border-right: 1px solid white; | | border-right: 1px solid white; |
Line 72: |
Line 73: |
| } | | } |
| | | |
| + | /* Nav3 styling */ |
| + | div.nav3 { |
| + | margin: 0; |
| + | background-color: #fff5e6; /* Specified background color */ |
| + | color: black; |
| + | font-size: 0; |
| + | text-align: center; |
| + | } |
| + | div.nav3 ul { |
| + | padding: 0; |
| + | margin: 0; |
| + | list-style: none; |
| + | position: relative; |
| + | } |
| + | div.nav3 ul li { |
| + | display: inline-block; |
| + | background-color: #fff5e6; |
| + | color: black; |
| + | border-right: 1px solid white; |
| + | } |
| + | div.nav3 ul li:last-child { |
| + | border-right: none; |
| + | } |
| + | div.nav3 a { |
| + | display: block; |
| + | padding: 0 8px; /* Slightly less padding for compactness */ |
| + | color: black; |
| + | font-size: 14px; /* 11pt equivalent */ |
| + | font-weight: bold; /* Bold text */ |
| + | line-height: 50px; /* Reduced line height for compactness */ |
| + | text-decoration: none; |
| + | font-family: 'Trebuchet MS', sans-serif; |
| + | } |
| + | |
| + | /* Banner styling */ |
| .banner { | | .banner { |
| background-color: #e6f2ff; | | background-color: #e6f2ff; |
− | padding: 15px; /* Added spacing around the logo */ | + | padding: 15px; |
| } | | } |
| .banner .container { | | .banner .container { |
− | max-width: 500px; /* Increased logo size */ | + | max-width: 500px; |
| display: block; | | display: block; |
| margin: 0 auto; | | margin: 0 auto; |
Line 86: |
Line 122: |
| } | | } |
| | | |
− | /* Added stylistic lines */ | + | /* Stylistic lines */ |
| .divider1 { | | .divider1 { |
− | height: 4px; | + | height: 6px; /* Updated height */ |
− | background-color: #ff9900; | + | background-color: #ff6600; |
| } | | } |
| .divider2 { | | .divider2 { |
− | height: 4px; | + | height: 6px; /* Updated height */ |
| background-color: #ff9900; | | background-color: #ff9900; |
| } | | } |
| }} | | }} |
− |
| |
| <div class="banner"> | | <div class="banner"> |
| <div class="container"> | | <div class="container"> |
Line 123: |
Line 158: |
| <li>[[Events and activities]]</li> | | <li>[[Events and activities]]</li> |
| <li>[[Neurodiversity resources]]</li> | | <li>[[Neurodiversity resources]]</li> |
− | <li>[https://www.gcpedia.gc.ca/wiki/Public_Service_Neurodiversity_Week| Public Service Neurodiversity Week]</li> | + | <li>[https://www.gcpedia.gc.ca/wiki/Public_Service_Neurodiversity_Week_-_Semaine_de_la_neurodiversit%C3%A9_%C3%A0_la_fonction_publique | Public Service Neurodiversity Week]</li> |
| <li>[[:en:Infinité - Le Réseau des fonctionnaires neurodivergents / Infinity - The Network for Neurodivergent Public Servants|FR]]</li> | | <li>[[:en:Infinité - Le Réseau des fonctionnaires neurodivergents / Infinity - The Network for Neurodivergent Public Servants|FR]]</li> |
| </ul> | | </ul> |
Line 130: |
Line 165: |
| <!-- Second stylistic line --> | | <!-- Second stylistic line --> |
| <div class="divider2"></div> | | <div class="divider2"></div> |
| + | |
| + | <!-- Third navigation bar --> |
| + | <div class="nav3"> |
| + | <ul> |
| + | <li style="font-weight:bold;"></li> |
| + | <li>[https://linktr.ee/infinityinfinite| Linktree]]</li> |
| + | <li>[https://gcxgce.sharepoint.com/teams/10001139| GCX]]</li> |
| + | <li>[https://gccollab.ca/groups/members/16315927| GCcollab]]</li> |
| + | <li>[https://www.linkedin.com/company/93649399| LinkedIn]]</li> |
| + | <li>[mailto:infinity-infinite@tbs-sct.gc.ca| Email]]</li> |
| + | </ul> |
| + | </div> |