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]] |
| + | |
| + | |} |