167
edits
Changes
Jump to navigation
Jump to search
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: 'Trebuchet MS', sans-serif;
}
div.nav a:hover,
div.nav a.mw-selflink,
div.nav a.mw-selflink:hover {
color: #FFF;
background-color: #99ccff;
}
/* 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: 'Trebuchet MS', 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: 'Trebuchet MS', 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: #ff6600;
}
.divider2 {
height: 6px; /* Updated height */
background-color: #ff9900;
}
}}
<div class="banner">
<div class="container">
[[File:InfinityLogo_ArcEnCiel_Bleu_FR.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>[[Infinité|Accueil]]</li>
<li>[[Infinité/À_propos|À propos]]</li>
<li>[Infinité/Qu'est-ce que la neurodiversité?|Qu'est-ce que la neurodiversité?]]</li>
<li>[[Infinité/Impliquez-vous|Impliquez-vous]]</li>
<li>[[Infinité/Notre équipe|Notre équipe]]</li>
<li>[[Infinité/Contactez-nous|Contactez-nous]]</li>
</ul>
</div>
<!-- First stylistic line -->
<div class="divider1"></div>
<div class="nav2">
<ul>
<li>[[Gouvernance]]</li>
<li>[[Notre impact]]</li>
<li>[[Événements et activités]]</li>
<li>[[Ressources de la neurodiversité]]</li>
<li>[https://www.gcpedia.gc.ca/wiki/Public_Service_Neurodiversity_Week_-_Semaine_de_la_neurodiversit%C3%A9_%C3%A0_la_fonction_publique | Semaine de la neurodiversité à la fonction publique]</li>
<li>[[Infinity|EN]]</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| 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| Adresse 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: 'Trebuchet MS', sans-serif;
}
div.nav a:hover,
div.nav a.mw-selflink,
div.nav a.mw-selflink:hover {
color: #FFF;
background-color: #99ccff;
}
/* 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: 'Trebuchet MS', 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: 'Trebuchet MS', 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: #ff6600;
}
.divider2 {
height: 6px; /* Updated height */
background-color: #ff9900;
}
}}
<div class="banner">
<div class="container">
[[File:InfinityLogo_ArcEnCiel_Bleu_FR.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>[[Infinité|Accueil]]</li>
<li>[[Infinité/À_propos|À propos]]</li>
<li>[Infinité/Qu'est-ce que la neurodiversité?|Qu'est-ce que la neurodiversité?]]</li>
<li>[[Infinité/Impliquez-vous|Impliquez-vous]]</li>
<li>[[Infinité/Notre équipe|Notre équipe]]</li>
<li>[[Infinité/Contactez-nous|Contactez-nous]]</li>
</ul>
</div>
<!-- First stylistic line -->
<div class="divider1"></div>
<div class="nav2">
<ul>
<li>[[Gouvernance]]</li>
<li>[[Notre impact]]</li>
<li>[[Événements et activités]]</li>
<li>[[Ressources de la neurodiversité]]</li>
<li>[https://www.gcpedia.gc.ca/wiki/Public_Service_Neurodiversity_Week_-_Semaine_de_la_neurodiversit%C3%A9_%C3%A0_la_fonction_publique | Semaine de la neurodiversité à la fonction publique]</li>
<li>[[Infinity|EN]]</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| 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| Adresse courriel]]</li>
</ul>
</div>
