| Line 1: |
Line 1: |
| − | <!--The following line of code hides the page title--> | + | <!-- Hide the page title --> |
| − | {{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}} | + | {{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}} |
| | + | |
| | + | <!-- Page Layout --> |
| | {| width="100%" cellpadding="10" cellspacing="10px" | | {| width="100%" cellpadding="10" cellspacing="10px" |
| | + | |- valign="top" |
| | + | | style="color: #3C646E; background-color: white; font-size:1.5em;" | |
| | | | |
| − | |- valign="top"
| |
| − | | style="color: #3C646E; background-color: white; font-size:1.5em;" |
| |
| | <span style="font-size: 2em;">Community of Official Languages</span> | | <span style="font-size: 2em;">Community of Official Languages</span> |
| − | <!--Navigation coding BEGINS--> | + | |
| | + | <!-- Navigation CSS --> |
| | {{#css: | | {{#css: |
| | div.nav { | | div.nav { |
| | margin: 0 0 15px 0; | | margin: 0 0 15px 0; |
| | background-color: #6BC2B1; | | background-color: #6BC2B1; |
| − | font-size:0; | + | font-size: 0; |
| | } | | } |
| | div.nav ul { | | div.nav ul { |
| Line 18: |
Line 21: |
| | list-style: none; | | list-style: none; |
| | position: relative; | | position: relative; |
| − | }
| + | } |
| | div.nav ul li { | | div.nav ul li { |
| − | display:inline-block; | + | display: inline-block; |
| | background-color: #6BC2B1; | | background-color: #6BC2B1; |
| − | }
| + | } |
| | div.nav a { | | div.nav a { |
| − | display:block; | + | display: block; |
| − | padding:0 10px; | + | padding: 0 10px; |
| − | color:#000; | + | color: #000; |
| − | font-size:16px; | + | font-size: 15px; |
| − | font-weight:600;
| + | font-weight: 600; |
| − | line-height: 60px; | + | line-height: 40px; |
| − | text-decoration:none; | + | text-decoration: none; |
| | } | | } |
| − |
| |
| − |
| |
| | div.nav a:hover, | | div.nav a:hover, |
| | div.nav a.mw-selflink, | | div.nav a.mw-selflink, |
| | div.nav a.mw-selflink:hover { | | div.nav a.mw-selflink:hover { |
| − | color:#FFF; | + | color: #FFF; |
| | background-color: #3C646E; | | background-color: #3C646E; |
| | } | | } |
| − |
| |
| | div.nav ul ul { | | div.nav ul ul { |
| | display: none; | | display: none; |
| | position: absolute; | | position: absolute; |
| − | top: 60px; | + | top: 40px; |
| − | z-index:500;
| + | z-index: 500; |
| − | border-left:2px solid white;
| + | border: 2px solid white; |
| − | border-right:2px solid white;
| |
| − | border-bottom:2px solid white;
| |
| | } | | } |
| | div.nav ul li:hover > ul { | | div.nav ul li:hover > ul { |
| − | display:inherit; | + | display: inherit; |
| | } | | } |
| | div.nav ul ul li { | | div.nav ul ul li { |
| − | width:230px; | + | width: 230px; |
| − | float:none; | + | float: none; |
| − | display:list-item; | + | display: list-item; |
| | position: relative; | | position: relative; |
| | } | | } |
| | div.nav ul ul ul li { | | div.nav ul ul ul li { |
| | position: relative; | | position: relative; |
| − | top:-60px; | + | top: -40px; |
| − | left:230px; | + | left: 230px; |
| | } | | } |
| − | div.nav ul ul li {
| + | li > a:after { content: ' ▼'; } |
| − | border: 0px solid white;
| |
| − | }
| |
| − | li > a:after { content: ' ▼'; } | |
| | li > a:only-child:after { content: ''; } | | li > a:only-child:after { content: ''; } |
| | | | |
| | .banner { | | .banner { |
| − | background-color: #6BC2B1; | + | background-color: #6BC2B1; |
| | + | padding: 10px 0; |
| | } | | } |
| − |
| |
| | .banner .container { | | .banner .container { |
| − | /*max-width:900px;*/
| + | display: block; |
| − | display:block; | + | margin: 0 auto; |
| − | margin:0 auto; | |
| | } | | } |
| | .banner .container img { | | .banner .container img { |
| − | width:100%; | + | width: 100%; |
| − | height:auto; | + | height: auto; |
| | } | | } |
| | + | }} |
| | + | |
| | + | <!-- Banner --> |
| | + | <div class="banner"> |
| | + | <div class="container"> |
| | + | [[File:GCollab group pg header 1140x150px.png|link=|class=banner|alt=Community Banner]] |
| | + | </div> |
| | + | </div> |
| | | | |
| − | }}
| + | <!-- Navigation --> |
| − | <div class="banner"><div class="container">[[File: GCollab group pg header 1140x338px.png|link=|class=banner]]</div></div> | |
| | <div class="nav"> | | <div class="nav"> |
| | <ul> | | <ul> |
| Line 95: |
Line 96: |
| | <li>[[Community_of_Official_Languages/Newsletter|Newsletter]]</li> | | <li>[[Community_of_Official_Languages/Newsletter|Newsletter]]</li> |
| | <li>[[Community_of_Official_Languages/Contact|Contact us]]</li> | | <li>[[Community_of_Official_Languages/Contact|Contact us]]</li> |
| − |
| |
| | </ul> | | </ul> |
| | </div> | | </div> |
| − | <!--Navigation coding ENDS-->
| |
| | | | |
| | + | <!-- Language Switch --> |
| | <div style="text-align: right;">[[:en:Communauté des langues officielles|'''FRANÇAIS''']]</div> | | <div style="text-align: right;">[[:en:Communauté des langues officielles|'''FRANÇAIS''']]</div> |
| | | | |
| | __NOTOC__ | | __NOTOC__ |
| − | {| width="100%" cellspacing="15" cellpadding="10"
| + | |
| − | |- valign="top"
| + | <!-- What's New Section --> |
| − | | style="color: black; background-color: white; font-size:1.2em;" |
| + | <h2 style="color: #3C646E; border-bottom: 2px solid #6BC2B1; padding-bottom: 5px;">What's New?</h2> |
| − | <div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between;"> | + | |
| | + | <div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; margin-top: 20px;"> |
| | | | |
| | <div style="flex: 1; min-width: 280px; background: #ffffff; border: 1px solid #ddd; border-radius: 8px; padding: 15px;"> | | <div style="flex: 1; min-width: 280px; background: #ffffff; border: 1px solid #ddd; border-radius: 8px; padding: 15px;"> |
| − | [[File:News.png|80px|left|alt=News icon]] | + | [[File:News.png|60px|left|alt=News icon]] |
| − | '''[https://wiki.gccollab.ca/images/9/96/EN_-_The_OL_Connection_-_July_2025.pdf The OL Connection]''' | + | '''[https://wiki.gccollab.ca/images/9/96/EN_-_The_OL_Connection_-_July_2025.pdf The OL Connection – July 2025]''' |
| − | <br>July 2025 | + | <br>Latest edition of our newsletter. |
| | </div> | | </div> |
| | | | |
| | <div style="flex: 1; min-width: 280px; background: #ffffff; border: 1px solid #ddd; border-radius: 8px; padding: 15px;"> | | <div style="flex: 1; min-width: 280px; background: #ffffff; border: 1px solid #ddd; border-radius: 8px; padding: 15px;"> |
| − | [[File:Tool2.png|80px|left|alt=Tools icon]] | + | [[File:Tool2.png|60px|left|alt=Tools icon]] |
| − | '''[https://wiki.gccollab.ca/images/d/d0/June_2025_-_FAQ_Section_36.pdf Implementation of Section 36: FAQ]''' | + | '''[https://wiki.gccollab.ca/images/d/d0/June_2025_-_FAQ_Section_36.pdf Section 36 FAQ]''' |
| | <br><span style="color: #3095B4;">**NEW**</span><br> | | <br><span style="color: #3095B4;">**NEW**</span><br> |
| − | Answers to FAQs about the new provision under section 36 of the Official Languages Act. | + | Answers to key questions about the new bilingual supervision rights. |
| | </div> | | </div> |
| | | | |
| | <div style="flex: 1; min-width: 280px; background: #ffffff; border: 1px solid #ddd; border-radius: 8px; padding: 15px;"> | | <div style="flex: 1; min-width: 280px; background: #ffffff; border: 1px solid #ddd; border-radius: 8px; padding: 15px;"> |
| − | [[File:Tool2.png|80px|left|alt=Tools icon]] | + | [[File:Tool2.png|60px|left|alt=Tools icon]] |
| − | '''[https://wiki.gccollab.ca/Community_of_Official_Languages/Linguistic_requirements_supervisors Second-Language Requirements for Bilingual Supervisory Positions]''' | + | '''[https://wiki.gccollab.ca/Community_of_Official_Languages/Linguistic_requirements_supervisors CBC Initiative Requirements]''' |
| | <br><span style="color: #3095B4;">**NEW**</span><br> | | <br><span style="color: #3095B4;">**NEW**</span><br> |
| − | New appointments must meet a superior level of second official language proficiency. | + | New language proficiency rules for bilingual supervisory roles. |
| | </div> | | </div> |
| | | | |
| | </div> | | </div> |