Changes

5,930 bytes added ,  14:54, 19 November 2021
no edit summary
Line 31: Line 31:     
[[File:IStock-919803440.jpg|right|frameless|500x500px|alt=image floue]]
 
[[File:IStock-919803440.jpg|right|frameless|500x500px|alt=image floue]]
 +
 +
 +
{{#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(108,77,133,0.8);
 +
        border: 1px solid rgb(108,77,133);
 +
        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(108,77,133,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(109,82,139);
 +
    font-family: 'Rubik', sans-serif;
 +
    font-size: 24px;
 +
            }
 +
 +
.mainpage_box h3 {
 +
color: rgb(109,82,139);
 +
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(108,77,133,0.8);
 +
        border: 1px solid rgb(108,77,133);
 +
        color: rgb(255,255,255);
 +
        padding: 10px;
 +
        max-width:50%;
 +
        height:auto;
 +
            }
 +
 +
.start:hover {
 +
  background-color: rgba(108,77,133,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>
 +
@en|__NOTOC__
 +
<!--SYSTEM NOTICE
 +
<div class="alert alert-primary>
 +
      <p><span class="start-icon times" role="presentation" aria-hidden="true"></span>
 +
 +
 +
 +
'''Possible Service Shutdown '''<br />
 +
<br>
 +
A possible interruption of services may occur this weekend as we perform an update. During this period, GCwiki may experience intermittent downtime.
 +
</p>
 +
</div>-->
 +
 +
 +
 +
 +
</div>
 +
</div>
 +
 +
<div class="mainpage_row">
 +
<div class="mainpage_box">
 +
<h2>Getting started</h2>
 +
    <div class="items">
 +
 +
  [[File:IStock-919803440.jpg|33px|link=]]  <span class="start" style="margin: 1px; line-height: 4em;">[https://support.gccollab.ca/en/support/solutions/folders/2100032745 LIRE]</span>
 +
  [[File:IStock-919803440.jpg|33px|link=]]  <span class="start" style="margin: -8px; line-height: 4em">[[GCwiki:Cheatsheet_-_Aide-M%C3%A9moire|LIRE]]</span>
 +
  [[File:IStock-919803440.jpg|33px|link=]]  <span nowrap class="start" style="margin: 1px; line-height: 4em">[[Special:Search|LIRE]]</span>
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
 +
<div class="mainpage_row">
 +
<div class="mainpage_box">
 +
<h2>DANS CE NUMÉRO</h2>
 +
<br>
 +
{| style="text-align: center;"
 +
|- 
 +
| class="res-img fadein" style="padding: 0px 10px" | [[File:IStock-919803440.jpg|100px|link=https://osez-dare.aadnc-aandc.gc.ca/fra/1380732103233/1380732134447]]
 +
| class="res-img fadein" style="padding: 0px 10px" | [[File:IStock-919803440.jpg|100px|link=https://osez-dare.aadnc-aandc.gc.ca/fra/1380732103233/1380732134447]]
 +
| class="res-img fadein" style="padding: 0px 10px" | [[File:IStock-919803440.jpg|100px|link=https://osez-dare.aadnc-aandc.gc.ca/fra/1380732103233/1380732134447]]
 +
 +
|}
2,913

edits