340
edits
Changes
Created page with "{{#css: div.nav { margin: 0; background-color: #00264d; color: #FFFFFF; font-size: 0; text-align: center; } div.nav ul { padding: 0; margin: 0;..."
{{#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:SNFP - FR - Bleu.png|1000px|alt=Semaine de la neurodiversité à la fonction publique / Public Service Neurodiversity Week|center]]
</div>
</div>
<div class="nav">
<ul>
<li>[[Semaine de la neurodiversité à la fonction publique|Accueil]]</li>
<li>[[Semaine de la neurodiversité à la fonction publique/À propos|À propos]]</li>
<li>[[Semaine de la neurodiversité à la fonction publique/Inscription|Inscrivez-vous!]]</li>
<li>[[Semaine de la neurodiversité à la fonction publique/Horaire|Horaire]]</li>
<li>[[Public Service Neurodiversity Week|English]]</li>
</ul>
</div>
<!-- Première ligne de style -->
<div class="divider1"></div>
<div class="nav2">
<ul>
<li>[[Semaine de la neurodiversité à la fonction publique/Conférenciers|Conférenciers et présentateurs]]</li>
<li>[[Semaine de la neurodiversité à la fonction publique/Partenaires|Partenaires]]</li>
<li>[[Semaine de la neurodiversité à la fonction publique/Ressources|Ressources sur la neurodiversité]]</li>
<li>[[Semaine de la neurodiversité à la fonction publique/Trousse de célébration|Trousse de célébration]]</li>
</ul>
</div>
<!-- Deuxième ligne de style -->
<div class="divider2"></div>
<!-- Troisième barre de navigation -->
<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 GCéchange]</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 Courriel]</li>
</ul>
</div>
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:SNFP - FR - Bleu.png|1000px|alt=Semaine de la neurodiversité à la fonction publique / Public Service Neurodiversity Week|center]]
</div>
</div>
<div class="nav">
<ul>
<li>[[Semaine de la neurodiversité à la fonction publique|Accueil]]</li>
<li>[[Semaine de la neurodiversité à la fonction publique/À propos|À propos]]</li>
<li>[[Semaine de la neurodiversité à la fonction publique/Inscription|Inscrivez-vous!]]</li>
<li>[[Semaine de la neurodiversité à la fonction publique/Horaire|Horaire]]</li>
<li>[[Public Service Neurodiversity Week|English]]</li>
</ul>
</div>
<!-- Première ligne de style -->
<div class="divider1"></div>
<div class="nav2">
<ul>
<li>[[Semaine de la neurodiversité à la fonction publique/Conférenciers|Conférenciers et présentateurs]]</li>
<li>[[Semaine de la neurodiversité à la fonction publique/Partenaires|Partenaires]]</li>
<li>[[Semaine de la neurodiversité à la fonction publique/Ressources|Ressources sur la neurodiversité]]</li>
<li>[[Semaine de la neurodiversité à la fonction publique/Trousse de célébration|Trousse de célébration]]</li>
</ul>
</div>
<!-- Deuxième ligne de style -->
<div class="divider2"></div>
<!-- Troisième barre de navigation -->
<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 GCéchange]</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 Courriel]</li>
</ul>
</div>