|
|
| (27 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | {{#css: | + | {{delete}} |
| − | | |
| − | 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>
| |
| − | @en|__NOTOC__
| |
| − | <!--The following line of code hides the page title-->
| |
| − | [[File:WikiButtonFrench.png|300px|frameless|right|link=https://wiki.gccollab.ca/AMC/post-secondaire]]
| |
| − | {{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">'''The Office of Drug Research and Surveillance'''
| |
| − | </div>
| |
| − | | |
| − | </div>
| |
| − | | |
| − | {| class="zebra" style="width:50%
| |
| − | |-
| |
| − | |- style="background-color:lightblue
| |
| − | | style="text-align:center;" | Cell Content
| |
| − | ! Header 1 !! Header 2 !! Header 3
| |
| − | |-
| |
| − | | Row 1, Cell 1 || Row 1, Cell 2 || Row 1, Cell 3
| |
| − | |-
| |
| − | | Row 2, Cell 1 || Row 2, Cell 2 || Row 2, Cell 3
| |
| − | |}
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="mainpage_row">
| |
| − | <div class="mainpage_box">
| |
| − | <h2>'''Connect with us'''</h2>
| |
| − | <br>
| |
| − | {| style="text-align: center;"
| |
| − | |-
| |
| − | | style="padding: 0px 10px" | ['''<big> odrs-brsd@hc-sc.gc.ca </big>''']
| |
| − | |}
| |
| − | | |
| − | </div>
| |
| − | </div>
| |
| − | | |
| − | <br><br>
| |
| − | [[File:CAwordmark.png|500px|frameless|right]]
| |
| − | | |
| − | </multilang>
| |
