| Line 30: |
Line 30: |
| | line-height: 60px; | | line-height: 60px; |
| | text-decoration: none; | | text-decoration: none; |
| − | font-family: 'Trebuchet MS', sans-serif; | + | font-family: 'Segoe UI', sans-serif; |
| | } | | } |
| | div.nav a:hover, | | div.nav a:hover, |
| 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: #1B6BBD; |
| | } | | } |
| | | | |
| | + | /* 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 69: |
Line 70: |
| | line-height: 60px; | | line-height: 60px; |
| | text-decoration: none; | | text-decoration: none; |
| − | font-family: 'Trebuchet MS', sans-serif; | + | font-family: 'Segoe UI', sans-serif; |
| | + | } |
| | + | |
| | + | /* 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: 'Segoe UI', 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 105: |
Line 140: |
| | <div class="nav"> | | <div class="nav"> |
| | <ul> | | <ul> |
| − | <li>[[Infinity / Infinité|Home]]</li> | + | <li>[[Infinity|Home]]</li> |
| − | <li>[[Infinity / Infinité/About|About us]]</li> | + | <li>[[Infinity/About|About us]]</li> |
| − | <li>[[Infinity / Infinité/What is neurodiversity?|What is neurodiversity?]]</li> | + | <li>[[Infinity/What is neurodiversity?|What is neurodiversity?]]</li> |
| − | <li>[[Infinity / Infinité/Membership|Get involved]]</li> | + | <li>[[Infinity/Membership|Get involved]]</li> |
| − | <li>[[Infinity / Infinité/Our team|Our team]]</li> | + | <li>[[Infinity/Our team|Our team]]</li> |
| − | <li>[[Infinity / Infinité/Contact us|Contact us]]</li> | + | <li>[[Infinity/Contact us|Contact us]]</li> |
| | </ul> | | </ul> |
| | </div> | | </div> |
| Line 119: |
Line 154: |
| | <div class="nav2"> | | <div class="nav2"> |
| | <ul> | | <ul> |
| − | <li>[[Governance]]</li> | + | <li>[[Infinity/Governance| Governance]]</li> |
| − | <li>[[Our impact]]</li> | + | <li>[[Infinity/Our impact| Our impact]]</li> |
| − | <li>[[Events and activities]]</li> | + | <li>[[Infinity/Events and activities| Events and activities]]</li> |
| − | <li>[[Neurodiversity resources]]</li> | + | <li>[[Infinity/Neurodiversity resources| Neurodiversity resources]]</li> |
| − | <li>[https://www.gcpedia.gc.ca/wiki/Public_Service_Neurodiversity_Week| Public Service Neurodiversity Week]</li> | + | <li>[[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/SitePages/LearningTeamHome.aspx?sw=bypass&bypassReason=abandoned GCX]]</li> |
| | + | <li>[https://gccollab.ca/groups/profile/16315927/infinity-the-network-for-neurodivergent-public-servants-infinit-le-r-seau-des-fonctionnaires-neurodivergents GCcollab]]</li> |
| | + | <li>[https://www.linkedin.com/company/93649399 LinkedIn]]</li> |
| | + | <li>[https://www.facebook.com/groups/gcneuro Facebook (unofficial)]]</li> |
| | + | <li>[mailto:infinite-infinity@pch.gc.ca Email]]</li> |
| | + | |
| | + | </ul> |
| | + | </div> |