3,024 bytes added
, 7 October
{{#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: 'Trebuchet MS', sans-serif;
}
div.nav a:hover,
div.nav a.mw-selflink,
div.nav a.mw-selflink:hover {
color: #FFF;
background-color: #99ccff; /* Changed hover background color */
}
div.nav2 {
margin: 0;
background-color: #e6f2ff;
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: #e6f2ff;
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: 'Trebuchet MS', sans-serif;
}
.banner {
background-color: #e6f2ff;
padding: 15px; /* Added spacing around the logo */
}
.banner .container {
max-width: 500px; /* Increased logo size */
display: block;
margin: 0 auto;
}
.banner .container img {
width: 100%;
height: auto;
}
/* Added stylistic lines */
.divider1 {
height: 4px;
background-color: #ff9900;
}
.divider2 {
height: 4px;
background-color: #ff9900;
}
}}
<div class="banner">
<div class="container">
[[File:InfinityLogo_Rainbow_Blue_EN.png|500px|alt=Logo for Infinity - The Network for Neurodivergent Public Servants / Infinité - Le Réseau des fonctionnaires neurodivergents|center]]
</div>
</div>
<div class="nav">
<ul>
<li>[[Infinity / Infinité|Home]]</li>
<li>[[Infinity / Infinité/About|About us]]</li>
<li>[[Infinity / Infinité/What is neurodiversity?|What is neurodiversity?]]</li>
<li>[[Infinity / Infinité/Membership|Get involved]]</li>
<li>[[Infinity / Infinité/Our team|Our team]]</li>
<li>[[Infinity / Infinité/Contact us|Contact us]]</li>
</ul>
</div>
<!-- First stylistic line -->
<div class="divider1"></div>
<div class="nav2">
<ul>
<li>[[Governance]]</li>
<li>[[Our impact]]</li>
<li>[[Events and activities]]</li>
<li>[[Neurodiversity resources]]</li>
<li>[https://www.gcpedia.gc.ca/wiki/Public_Service_Neurodiversity_Week| Public Service Neurodiversity Week]</li>
<li>[[:en:Infinité - Le Réseau des fonctionnaires neurodivergents / Infinity - The Network for Neurodivergent Public Servants|FR]]</li>
</ul>
</div>
<!-- Second stylistic line -->
<div class="divider2"></div>