Line 350: |
Line 350: |
| | | |
| | | |
| + | {{#css: |
| + | |
| + | body { |
| + | font-family: 'Nunito Sans', sans-serif; |
| + | } |
| + | |
| + | .res-img img { |
| + | max-width:100%; |
| + | height:auto; |
| + | } |
| + | |
| + | #topten { |
| + | margin-top: 2.2em; |
| + | } |
| + | |
| + | .btn { |
| + | display: inline-block; |
| + | margin-bottom: 0; |
| + | font-weight: 400; |
| + | text-align: center; |
| + | white-space: nowrap; |
| + | vertical-align: middle; |
| + | -ms-touch-action: manipulation; |
| + | touch-action: manipulation; |
| + | cursor: pointer; |
| + | background-image: none; |
| + | border: 1px solid transparent; |
| + | padding: 6px 6px; |
| + | font-size: 14px; |
| + | line-height: 1.42857143; |
| + | border-radius: 20px; |
| + | width: auto; |
| + | height: auto; |
| + | background-color: rgba(85, 73, 92,0.8); |
| + | border: 1px solid rgb(85, 73, 92); |
| + | transition: 1s ease; |
| + | } |
| + | |
| + | .btn a { |
| + | color: rgb(255, 255, 255); |
| + | text-decoration: none; |
| + | } |
| + | |
| + | .btn a.external { |
| + | color: rgb(255, 255, 255); |
| + | text-decoration: none; |
| + | } |
| + | |
| + | .btn a.external:visited { |
| + | color: rgb(255, 255, 255); |
| + | text-decoration: none; |
| + | } |
| + | |
| + | .btn a.external:hover { |
| + | color: rgb(255,255,255); |
| + | text-decoration: underline; |
| + | } |
| + | |
| + | .btn:hover { |
| + | background-color: rgba(85, 73, 92,0.5); |
| + | transition: 1s ease; |
| + | text-decoration: underline; |
| + | } |
| + | |
| + | |
| + | .mainpage_row { |
| + | display: flex; |
| + | flex-direction: row; |
| + | flex-flow: row wrap; |
| + | justify-content: space-between; |
| + | padding: 0; |
| + | margin: 0 -5px 0 -5px; |
| + | } |
| + | |
| + | .mainpage_box { |
| + | flex: 1; |
| + | margin: 5px; |
| + | min-width: 210px; |
| + | border: 0px solid #CCC; |
| + | padding: 10px 10px 10px 10px; |
| + | } |
| + | |
| + | .mainpage_box h2 { |
| + | color: rgb(85,73,92); |
| + | font-family: 'Rubik', sans-serif; |
| + | font-size: 24px; |
| + | } |
| + | |
| + | .mainpage_box h3 { |
| + | color: rgb(85,73,92); |
| + | font-family: 'Rubik', sans-serif; |
| + | font-size: 21px; |
| + | font-weight: normal; |
| + | } |
| + | |
| + | .learnBar { |
| + | padding: 10px; |
| + | margin: 5px 0px 0px 0px; |
| + | border: 1px solid purple; |
| + | border-radius: 20px; |
| + | } |
| + | |
| + | .searchBar { |
| + | background-color: rgb(0,0,128); |
| + | color: rgb(255,255,255); |
| + | padding: 10px; |
| + | border: 1px solid transparent; |
| + | border-radius: 20px; |
| + | } |
| + | |
| + | .searchBar a { |
| + | color: rgb(255,255,255); |
| + | } |
| + | |
| + | .start { |
| + | font-family: 'Nunito Sans', sans-serif; |
| + | background-color: rgba(85, 73, 92,0.8); |
| + | border: 1px solid rgb(85, 73, 92); |
| + | color: rgb(255,255,255); |
| + | padding: 10px; |
| + | max-width:50%; |
| + | height:auto; |
| + | } |
| + | |
| + | .start:hover { |
| + | background-color: rgba(85, 73, 92,0.5); |
| + | transition: 1s ease; |
| + | } |
| + | |
| + | .items a { |
| + | color: rgb(255,255,255); |
| + | text-decoration: none; |
| + | white-space: nowrap; |
| + | } |
| + | |
| + | .items a:visited { |
| + | color: rgb(255,255,255); |
| + | text-decoration: none; |
| + | } |
| + | |
| + | .items a:hover { |
| + | color: rgb(255,255,255); |
| + | text-decoration: underline; |
| + | } |
| + | |
| + | .items a.external { |
| + | color: rgb(255,255,255); |
| + | text-decoration: none; |
| + | } |
| + | |
| + | .items a.external:visited { |
| + | color: rgb(255,255,255); |
| + | text-decoration: none; |
| + | } |
| + | |
| + | .items a.external:hover { |
| + | color: rgb(255,255,255); |
| + | text-decoration: underline; |
| + | } |
| + | |
| + | .fadein img { |
| + | opacity:1; |
| + | transition: 1s ease; |
| + | } |
| + | |
| + | .fadein img:hover { |
| + | opacity:0.5; |
| + | transition: 1s ease; |
| + | } |
| + | |
| + | .start-icon { |
| + | margin: 0px 5px 0px 5px; |
| + | } |
| + | |
| + | .alert { |
| + | border: 1px solid transparent; |
| + | } |
| + | |
| + | .alert-primary { |
| + | background-color: rgba(1, 204, 220, 0.16); |
| + | box-shadow: 0px 0px 2px #03fff5; |
| + | border-color: rgb(1, 204, 220); |
| + | border-style: solid; |
| + | border-left: 3px solid #2f6aa5; |
| + | border-right: 3px solid #2f6aa5; |
| + | border-bottom-right-radius: 6px; |
| + | border-top-right-radius: 6px; |
| + | border-bottom-left-radius: 6px; |
| + | border-top-left-radius: 6px; |
| + | padding: 3px 10px 3px 10px; |
| + | } |
| + | |
| + | .alert-primary:hover { |
| + | background-color: rgba(1, 204, 220, 0.3); |
| + | transition: 0.5s; |
| + | } |
| + | |
| + | .times |
| + | { |
| + | -webkit-animation: blink 2s 1 both; |
| + | animation: blink 2s 1 both; |
| + | } |
| + | |
| + | @-webkit-keyframes blink { |
| + | 0%, |
| + | 50%, |
| + | 100% { |
| + | opacity: 1; |
| + | } |
| + | 25%, |
| + | 75% { |
| + | opacity: 0; |
| + | } |
| + | } |
| + | @keyframes blink { |
| + | 0%, |
| + | 50%, |
| + | 100% { |
| + | opacity: 1; |
| + | } |
| + | 25%, |
| + | 75% { |
| + | opacity: 0; |
| + | } |
| + | } |
| + | |
| + | }} |
| + | |
| + | <multilang> |
| @fr|__NOTOC__ | | @fr|__NOTOC__ |
− | <!--Avis système | + | <!--The following line of code hides the page title--> |
| + | {{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}} |
| + | <div style="font-size: 200%"><span style="color: #55495C">''' Bienvenue sur le wiki des voyages en toute sécurité pour les éducateurs !'''</div> |
| <div class="mainpage_row"> | | <div class="mainpage_row"> |
| <div class="mainpage_box"> | | <div class="mainpage_box"> |
− | <h2><span> Bienvenue sur le wiki des voyages en toute sécurité pour les éducateurs !</span></h2> | + | <h2><span> ''' À propos de cette page''' </span></h2> |
| <div> | | <div> |
| Cette page vise à vous donner une meilleure compréhension des informations, conseils, services et outils du gouvernement du Canada pour aider vos professeurs et étudiants à voyager en toute sécurité à l'étranger. Nous espérons que ce wiki sera un outil utile pour favoriser l'engagement et la collaboration avec votre établissement. | | Cette page vise à vous donner une meilleure compréhension des informations, conseils, services et outils du gouvernement du Canada pour aider vos professeurs et étudiants à voyager en toute sécurité à l'étranger. Nous espérons que ce wiki sera un outil utile pour favoriser l'engagement et la collaboration avec votre établissement. |
− | </div>
| |
− | </multilang>
| |