Changes

4,555 bytes added ,  08:47, 21 September 2023
m
no edit summary
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>
 
465

edits