4,337 bytes added
, 29 July
{{#css:
div.nav {
margin: 0;
background-color: #00264d;
color: #FFFFFF;
font-size: 0;
text-align: center;
}
div.nav ul {
padding: 0;
margin: 0;
list-style: none;
position: relative;
}
div.nav ul li {
display: inline-block;
background-color: #00264d;
color: #FFFFFF;
border-right: 1px solid white;
}
div.nav ul li:last-child {
border-right: none;
}
div.nav a {
display: block;
padding: 0 10px;
color: #FFFFFF;
font-size: 21px; /* 16pt equivalent */
font-weight: bold;
line-height: 60px;
text-decoration: none;
font-family: 'Segoe UI', sans-serif;
}
div.nav a:hover,
div.nav a.mw-selflink,
div.nav a.mw-selflink:hover {
color: #FFF;
background-color: #1B6BBD;
}
/* Nav2 styling */
div.nav2 {
margin: 0;
background-color: #cce6ff; /* Updated background color */
color: black;
font-size: 0;
text-align: center;
}
div.nav2 ul {
padding: 0;
margin: 0;
list-style: none;
position: relative;
}
div.nav2 ul li {
display: inline-block;
background-color: #cce6ff; /* Updated background color */
color: black;
border-right: 1px solid white;
}
div.nav2 ul li:last-child {
border-right: none;
}
div.nav2 a {
display: block;
padding: 0 10px;
color: black;
font-size: 16px; /* 12pt equivalent */
font-weight: normal;
line-height: 60px;
text-decoration: none;
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 {
background-color: #e6f2ff;
padding: 15px;
}
.banner .container {
max-width: 500px;
display: block;
margin: 0 auto;
}
.banner .container img {
width: 100%;
height: auto;
}
/* Stylistic lines */
.divider1 {
height: 6px; /* Updated height */
background-color: #23CDE8;
}
.divider2 {
height: 6px; /* Updated height */
background-color: #23CDE8;
}
}}
<div class="banner">
<div class="container">
[[File:InfinityLogo_Rainbow_Blue_EN.png|500px|alt=Public Service Neurodiversity Week / Semaine de la neurodiversité de la fonction publique|center]]
</div>
</div>
<div class="nav">
<ul>
<li>[[Public Service Neurodiversity Week|Home]]</li>
<li>[[Public Service Neurodiversity Week/About|About]]</li>
<li>[[Public Service Neurodiversity Week/Registration|Register today!]]</li>
<li>[[Public Service Neurodiversity Week/Schedule|Schedule]]</li>
<li>[[Semaine de la neurodiversité à la fonction publique|Français]]</li>
</ul>
</div>
<!-- First stylistic line -->
<div class="divider1"></div>
<div class="nav2">
<ul>
<li>[[Public Service Neurodiversity Week/Speakers|Speakers and presenters]]</li>
<li>[[Public Service Neurodiversity Week/Partners|Partners]]</li>
<li>[[Public Service Neurodiversity Week/Resources| Neurodiversity resources]]</li>
<li>[[Public Service Neurodiversity Week/Celebration kit| Celebration kit]]</li>
</ul>
</div>
<!-- Second stylistic line -->
<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>[mailto:infinite-infinity@pch.gc.ca Email]]</li>
</ul>
</div>