214
edits
Important: The GCConnex decommission will not affect GCCollab or GCWiki. Thank you and happy collaborating!
Changes
Jump to navigation
Jump to search
The Office of Drug Research and Surveillance/Survey Results (view source)
Revision as of 14:50, 21 August 2025
, 21 AugustCreated page with "{{#css: body { font-family: 'Nunito Sans', sans-serif; } .res-img img { max-width:100%; height:auto; } #topten { margin-..."
{{#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>
@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>
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>
