Important: The GCConnex decommission will not affect GCCollab or GCWiki. Thank you and happy collaborating!

Changes

Jump to navigation Jump to search
no edit summary
Line 1: Line 1: −
<!-- SECTIONS OF THIS FILE (search for 'sec#')
+
<!--The following line of code hides the page title-->
Sec1 : Bootstrap & Icon CSS
+
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
Sec2 : Custom CSS Styles (ATIP)
+
__NOTOC__
 +
<div align="center"> [[File:Pattern-greycolour.png| 1120px]]
 +
</div>
 +
 +
{| class="FCK__ShowTableBorders" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #002c49" width="100%" align="center"
 +
|-
 +
|-
 +
| style="border-right: #ccdc00 1px ridge; padding-right: 0px; padding-left: 0px; padding-bottom: 2px; padding-top: 2px; text-align: center; font-family: (Cooper black); font-size: 11pt" width="15%" | '''[[ATIP|<span style="color: Snow">'''Home'''</span>]]'''
 +
| style="border-right: #ccdc00 1px ridge; padding-right: 0px; padding-left: 0px; padding-bottom: 2px; padding-top: 2px; text-align: center; font-family: (Cooper black); font-size: 11pt" width="15%" | [[ATIP|<span style="color: Snow">'''Community'''</span>]]'''
 +
| style="border-right: #ccdc00 1px ridge; padding-right: 0px; padding-left: 0px; padding-bottom: 2px; padding-top: 2px; text-align: center; font-family: (Cooper black); font-size: 11pt" width="15%" | [[ATIP|<span style="color: Snow">'''Access to Information'''</span>]]'''
 +
| style="border-right: #ccdc00 1px ridge; padding-right: 0px; padding-left: 0px; padding-bottom: 2px; padding-top: 2px; text-align: center; font-family: (Cooper black); font-size: 11pt" width="15%" | [[ATIP|<span style="color: Snow">'''Privacy'''</span>]]'''
 +
| style="border-right: #ccdc00 1px ridge; padding-right: 0px; padding-left: 0px; padding-bottom: 2px; padding-top: 2px; text-align: center; font-family: (Cooper black); font-size: 11pt" width="15%" | [[ATIP|<span style="color: Snow">'''Digital Services'''</span>]]'''
 +
| style="border-right: #ccdc00 1px ridge; padding-right: 0px; padding-left: 0px; padding-bottom: 2px; padding-top: 2px; text-align: center; font-family: (Cooper black); font-size: 11pt" width="15%" | [[ATIP|<span style="color: Snow">'''Reporting'''</span>]]'''
 +
| style="border-right: #ccdc00 1px ridge; padding-right: 0px; padding-left: 0px; padding-bottom: 2px; padding-top: 2px; text-align: center; font-family: (Cooper black); font-size: 11pt" width="15%" | [[ATIP/JudyBoothAward|<span style="color: Snow">'''Judy Booth'''</span>]]'''
 +
| style="border-right: #ccdc00 1px ridge; padding-right: 0px; padding-left: 0px; padding-bottom: 2px; padding-top: 2px; text-align: center; font-family: (Cooper black); font-size: 11pt" width="7%" | [[ATIP|<span style="color: Snow">'''FR'''</span>]]''' 
 +
|}
 +
{{#css:
 +
h2 {
   −
========= Sec1 : Bootstrap & Icon CSS ========= -->
+
    text-align: left;
<html>
  −
  <head>
     −
     <!-- Bootstrap core CSS -->
+
     font-size: 30px;
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
+
   
 +
     font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;
   −
    <!-- ICONS : Font Awesome -->
+
    color: #282840;
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
  −
  −
<!-- ========= Sec2 : Custom ATIP Styles ========= -->
  −
<style>
  −
  −
.text-danger * {
  −
color: #CD202C !important; }
  −
  −
html, body {
  −
height: 100%;
  −
-webkit-animation: fadein .5s;
  −
animation: fadein .5s;
  −
}
  −
 
  −
@keyframes fadein {
  −
from {
  −
opacity: 0;
  −
}
  −
to {
  −
  opacity: 1;
  −
}
  −
}
     −
@-webkit-keyframes fadein {
  −
  from {
  −
  opacity: 0;
  −
  }
  −
  to {
  −
  opacity: 1;
  −
  }
  −
}
  −
 
  −
body {
  −
overflow-y: hidden;
  −
background-color: #f8f8f8;
  −
padding-right: 0;
  −
top: 0;
  −
font-family: sans-serif;
  −
font-size: 1rem;
  −
}
  −
 
  −
.super-body {
  −
position: fixed;
  −
overflow-y: scroll;
  −
overflow-x: hidden;
  −
-ms-overflow-x: hidden;
  −
top: 0;
  −
left: 0;
  −
right: 0;
  −
bottom: 0;
  −
z-index: 990;
  −
background-color: #ffffff;
  −
-webkit-transition: all .3s ease-in-out;
  −
transition: all .3s ease-in-out;
  −
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  −
-webkit-overflow-scrolling: touch;
  −
-ms-overflow-style: -ms-autohiding-scrollbar;
  −
}
  −
  −
/* Remove MediaWiki objects */
  −
#mw-panel,
  −
#footer {
  −
display: none;
  −
}
  −
  −
/* Show/Hide MediaWiki Header */
  −
body.mw-head--open .super-body {
  −
    top: 125px;
   
}
 
}
 +
   
 +
p {
 +
    text-align: left;
 +
   
 +
    font-size: 16px;
 +
   
 +
    font-family: Calibri, sans-serif;
 +
   
 +
    color: black;
 +
       
 +
    }
   −
#content {
+
#content h3 {
    position: relative;
  −
    z-index: 990;
  −
}
     −
/* HIDE Visual Editor */
+
    font-size: 16px;
#ca-ve-edit { display: none; }
     −
.zoom {
+
    font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;
transition: .3s ease-in-out;
+
   
}
+
    font-color: white;
 
  −
.zoom:hover {
  −
transform: translate(0px,-3px) scale(1.05);
  −
}
  −
 
  −
/* BOOTSTRAP 4 TBS THEME =================================
  −
==========================================================
  −
========================================================== */
  −
 
  −
/* JUMBOTRON =================================== */
  −
  −
.jumbotron {
  −
background: #E6EBED;
  −
display: block;
  −
position: relative;
  −
z-index: 0;
  −
border-radius: 0;
  −
}
  −
  −
.jumbotron::after {
  −
content: "";
  −
/* background-image: url(https://raw.githubusercontent.com/gctools-outilsgc/design-system/master/project_mgmt/Aurora-Banner-large.png); */
  −
background-image: url(http://www.gcpedia.gc.ca/gcwiki/images/d/d7/IPPD-bg-test1%402x-min.png);
  −
background-size: cover;
  −
background-position: center center;
  −
background-repeat: no-repeat;
  −
  −
opacity: 0.25;
  −
top: 0;
  −
left: 0;
  −
bottom: 0;
  −
right: 0;
  −
position: absolute;
  −
z-index: -1;
  −
}
  −
  −
.jumbotron--styleb::after {
  −
background-image: url(http://www.gcpedia.gc.ca/gcwiki/images/2/2d/Pattern-whitecolour.png);
  −
background-repeat: repeat;
  −
background-size:auto;
  −
opacity: 0.15;
  −
}
  −
 
  −
/* TEXT COLOURS =================================== */
  −
  −
.text-primary { color: #005172 !important; }
  −
.text-secondary { color: #ccdc00 !important; }
  −
.text-success { color: #278400 !important; }
  −
.text-danger { color: #CD202C !important; }
  −
.text-warning { color: #ffa011 !important; }
  −
.text-info { color: #3095B4 !important; }
  −
.text-light { color: #c0cad0 !important; }
  −
.text-dark { color: #21282d !important; }
  −
.text-muted { color: #6a7f8e !important; }
  −
.text-white { color: #FFFFFF !important; }
  −
  −
.text-secondary:hover, .text-secondary a:hover {
  −
color: #ebfe00 !important;
  −
}
  −
  −
/* BACKGROUND COLOURS =================================== */
  −
  −
.bg-primary { background-color: #005172 !important; }
  −
.bg-secondary { background-color: #ccdc00 !important; }
  −
.bg-success { background-color: #278400 !important; }
  −
.bg-danger { background-color: #CD202C !important; }
  −
.bg-warning { background-color: #ffa011 !important; }
  −
.bg-info { background-color: #3095B4 !important; }
  −
.bg-light { background-color: #d3dadf !important; }
  −
.bg-dark { background-color: #37424A !important; }
  −
.bg-white { background-color: #FFFFFF !important; }
  −
  −
.bg-primary {
  −
background: #002c49;
  −
background: -moz-linear-gradient(-45deg, #002c49 0%, #3095B4 100%);
  −
background: -webkit-linear-gradient(-45deg, #002c49 0%,#3095B4 100%);
  −
background: linear-gradient(135deg, #002c49 0%,#3095B4 100%);
  −
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c49', endColorstr='#3095B4',GradientType=1 );
  −
}
  −
  −
.bg-secondary {
  −
background: #ccdc00;
  −
background: -moz-linear-gradient(-45deg, #ccdc00 0%, #f6ff87 100%);
  −
background: -webkit-linear-gradient(-45deg, #ccdc00 0%,#f6ff87 100%);
  −
background: linear-gradient(135deg, #ccdc00 0%,#f6ff87 100%);
  −
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccdc00', endColorstr='#f6ff87',GradientType=1 );
  −
}
  −
  −
.bg-success--gradient {
  −
background: #278400 !important;
  −
background: -moz-linear-gradient(-45deg, #278400 0%, #36b700 100%) !important;
  −
background: -webkit-linear-gradient(-45deg, #278400 0%,#36b700 100%) !important;
  −
background: linear-gradient(135deg, #278400 0%,#36b700 100%) !important;
  −
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#278400', endColorstr='#36b700',GradientType=1 ) !important;
  −
}
  −
  −
.bg-danger--gradient {
  −
background: #CD202C !important;
  −
background: -moz-linear-gradient(-45deg, #CD202C 0%, #e13f4a 100%) !important;
  −
background: -webkit-linear-gradient(-45deg, #CD202C 0%,#e13f4a 100%) !important;
  −
background: linear-gradient(135deg, #CD202C 0%,#e13f4a 100%) !important;
  −
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CD202C', endColorstr='#e13f4a',GradientType=1 ) !important;
  −
}
  −
  −
.bg-warning--gradient {
  −
background: #ffa011 !important;
  −
background: -moz-linear-gradient(-45deg, #ffa011 0%, #ffb444 100%) !important;
  −
background: -webkit-linear-gradient(-45deg, #ffa011 0%,#ffb444 100%) !important;
  −
background: linear-gradient(135deg, #ffa011 0%,#ffb444 100%) !important;
  −
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa011', endColorstr='#ffb444',GradientType=1 ) !important;
  −
}
  −
  −
.bg-info--gradient {
  −
background: #3095B4 !important;
  −
background: -moz-linear-gradient(-45deg, #3095B4 0%, #49afce 100%) !important;
  −
background: -webkit-linear-gradient(-45deg, #3095B4 0%,#49afce 100%) !important;
  −
background: linear-gradient(135deg, #3095B4 0%,#49afce 100%) !important;
  −
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3095B4', endColorstr='#49afce',GradientType=1 ) !important;
  −
}
  −
  −
.bg-light--gradient {
  −
background: #e7ebed !important;
  −
background: -moz-linear-gradient(-45deg, #e7ebed 0%, #fbfbfc 100%) !important;
  −
background: -webkit-linear-gradient(-45deg, #e7ebed 0%,#fbfbfc 100%) !important;
  −
background: linear-gradient(135deg, #e7ebed 0%,#fbfbfc 100%) !important;
  −
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7ebed', endColorstr='#fbfbfc',GradientType=1 ) !important;
  −
}
  −
  −
.bg-dark--gradient {
  −
background: #37424A !important;
  −
background: -moz-linear-gradient(-45deg, #37424A 0%, #4d5c67 100%) !important;
  −
background: -webkit-linear-gradient(-45deg, #37424A 0%,#4d5c67 100%) !important;
  −
background: linear-gradient(135deg, #37424A 0%,#4d5c67 100%) !important;
  −
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37424A', endColorstr='#4d5c67',GradientType=1 ) !important;
  −
}
  −
  −
/* ALERTS =================================== */
  −
  −
.alert-primary {
  −
background-color: #d8f4ff;
  −
border-color: #a5e5ff;
  −
color: #00212e;
  −
}
  −
  −
.alert-secondary {
  −
background-color: #fbffcb;
  −
border-color: #ccdc00;
  −
color: #005172;
  −
}
  −
  −
.alert-success {
  −
background-color: #e4ffd9;
  −
border-color: #a8ff84;
  −
color: #0e2f00;
  −
}
  −
  −
.alert-danger {
  −
background-color: #fedcdd;
  −
border-color: #fcbbbd;
  −
color: #810507;
  −
}
  −
  −
.alert-warning {
  −
background-color: #ffebcc;
  −
border-color: #ffcf88;
  −
color: #774700;
  −
}
  −
  −
.alert-info {
  −
background-color: #d9f0f7;
  −
border-color: #92d5e9;
  −
color: #155567;
  −
}
  −
  −
.alert-light {
  −
background-color: #fbfbfc;
  −
border-color: #dee3e6;
  −
color: #21282d;
  −
}
  −
  −
.alert-dark {
  −
background-color: #37424a;
  −
border-color: #21282d;
  −
color: #d4dadf;
  −
}
  −
  −
.alert-dark .alert-link {
  −
color: white;
  −
}
  −
  −
/* BADGES =================================== */
  −
  −
.badge-primary { background-color: #005172; }
  −
.badge-success { background-color: #278400; }
  −
.badge-danger { background-color: #CD202C; }
  −
.badge-warning { background-color: #ffa011; }
  −
.badge-info { background-color: #3095B4; }
  −
  −
/* BUTTONS =================================== */
  −
  −
.btn-wrap {
  −
white-space: normal !important;
  −
}
  −
 
  −
.btn-primary, .btn-primary:link, .btn-primary:visited {
  −
background: #005172 !important;
  −
border-color: #003950 !important;
  −
color: white;
  −
}
  −
  −
.btn-primary.disabled,
  −
.btn-primary:disabled {
  −
background: #005172 !important;
  −
opacity: 0.65;
  −
}
  −
  −
.btn-primary:not(:disabled):not(.disabled):hover,
  −
.btn-primary:not(:disabled):not(.disabled).active,
  −
.btn-primary:not(:disabled):not(.disabled):active:focus,
  −
.show>.btn-primary.dropdown-toggle:focus {
  −
background: #006994 !important;
  −
border-color: #003950 !important;
  −
}
  −
  −
.btn-secondary, .btn-secondary:link, .btn-secondary:visited {
  −
background: #ccdc00;
  −
border-color: #adba00;
  −
color: #005172;
  −
}
  −
  −
.btn-secondary.disabled,
  −
.btn-secondary:disabled {
  −
background: #ccdc00;
  −
opacity: 0.65;
  −
color: #005172;
  −
}
  −
  −
.btn-secondary:not(:disabled):not(.disabled):hover,
  −
.btn-secondary:not(:disabled):not(.disabled).active:focus,
  −
.btn-secondary:not(:disabled):not(.disabled):active:focus,
  −
.show>.btn-secondary.dropdown-toggle:focus {
  −
background: #ebfe00;
  −
color: #005172;
  −
border-color: #adba00;
  −
}
  −
  −
.btn-success, .btn-success:link, .btn-success:visited {
  −
background: #278400;
  −
border-color: #1d6200;
  −
                color: white;
  −
}
  −
  −
.btn-success.disabled,
  −
.btn-success:disabled {
  −
background: #278400;
  −
opacity: 0.65;
  −
}
  −
  −
.btn-success:not(:disabled):not(.disabled):hover,
  −
.btn-success:not(:disabled):not(.disabled).active:focus,
  −
.btn-success:not(:disabled):not(.disabled):active:focus,
  −
.show>.btn-success.dropdown-toggle:focus {
  −
background: #31a600;
  −
border-color: #1d6200;
  −
}
  −
 
  −
  −
.btn-warning, .btn-warning:link, .btn-warning:visited {
  −
background: #ffa011;
  −
border-color: #ee8f00;
  −
color: white;
  −
}
  −
  −
.btn-warning.disabled,
  −
.btn-warning:disabled {
  −
background: #ffa011;
  −
opacity: 0.65;
  −
}
  −
  −
.btn-warning:not(:disabled):not(.disabled):hover,
  −
.btn-warning:not(:disabled):not(.disabled).active:focus,
  −
.btn-warning:not(:disabled):not(.disabled):active:focus,
  −
.show>.btn-warning.dropdown-toggle:focus {
  −
background: #ffae33;
  −
border-color: #ee8f00;
  −
}
  −
  −
.btn-danger, .btn-danger:link, .btn-danger:visited {
  −
background: #CD202C;
  −
border-color: #b01b26;
  −
color: white;
  −
}
  −
  −
.btn-danger.disabled,
  −
.btn-danger:disabled {
  −
background: #CD202C;
  −
opacity: 0.65;
  −
}
  −
  −
.btn-danger:not(:disabled):not(.disabled):hover,
  −
.btn-danger:not(:disabled):not(.disabled).active:focus,
  −
.btn-danger:not(:disabled):not(.disabled):active:focus,
  −
.show>.btn-danger.dropdown-toggle:focus {
  −
background: #df303c;
  −
border-color: #b01b26;
  −
}
  −
  −
.btn-info, .btn-info:link, .btn-info:visited {
  −
background: #3095B4;
  −
border-color: #297f99;
  −
color: white;
  −
}
  −
  −
.btn-info.disabled,
  −
.btn-info:disabled {
  −
background: #3095B4;
  −
opacity: 0.65;
  −
}
  −
  −
.btn-info:not(:disabled):not(.disabled):hover,
  −
.btn-info:not(:disabled):not(.disabled).active:focus,
  −
.btn-info:not(:disabled):not(.disabled):active:focus,
  −
.show>.btn-info.dropdown-toggle:focus {
  −
background: #3ba9cb;
  −
border-color: #297f99;
  −
}
  −
  −
.btn-light, .btn-light:link, .btn-light:visited {
  −
background: #d3dadf;
  −
border-color: #adbac1;
  −
color: #212121;
  −
}
  −
  −
.btn-light.disabled,
  −
.btn-light:disabled {
  −
background: #d3dadf;
  −
opacity: 0.65;
  −
}
  −
  −
.btn-light:not(:disabled):not(.disabled):hover,
  −
.btn-light:not(:disabled):not(.disabled).active:focus,
  −
.btn-light:not(:disabled):not(.disabled):active:focus,
  −
.show>.btn-light.dropdown-toggle:focus {
  −
background: #f1f3f4;
  −
border-color: #adbac1;
  −
}
  −
  −
.btn-dark, .btn-dark:link, .btn-dark:visited {
  −
background: #37424A;
  −
border-color: #293137;
  −
color: white;
  −
}
  −
  −
.btn-dark.disabled,
  −
.btn-dark:disabled {
  −
background: #37424a;
  −
opacity: 0.65;
  −
}
  −
  −
.btn-dark:not(:disabled):not(.disabled):hover,
  −
.btn-dark:not(:disabled):not(.disabled).active:focus,
  −
.btn-dark:not(:disabled):not(.disabled):active:focus,
  −
.show>.btn-dark.dropdown-toggle:focus {
  −
background: #4d5c67;
  −
border-color: #293137;
  −
}
  −
  −
.btn-link, .btn-link:link, .btn-link:visited {
  −
color: #005172;
  −
}
  −
  −
.btn-link.disabled,
  −
.btn-link:disabled {
  −
color: #005172;
  −
opacity: 0.65;
  −
}
  −
  −
.btn-link:not(:disabled):not(.disabled):hover,
  −
.btn-link:not(:disabled):not(.disabled).active:focus,
  −
.btn-link:not(:disabled):not(.disabled):active:focus,
  −
.show>.btn-link.dropdown-toggle:focus {
  −
color: #3095b4;
  −
}
  −
  −
.btn-accordion::before {
  −
font-family: "Font Awesome 5 Free";
  −
font-weight: 900;
  −
font-size: 2rem; line-height: 1.33rem;
  −
content: "\f107";
  −
display: block;
  −
float: right;
  −
}
  −
  −
.btn-accordion.collapsed::before {
  −
content: "\f105"
  −
}
  −
  −
/* CARD =================================== */
  −
  −
/* DISABLED .card {
  −
background: #f8f8f8;
  −
} */
  −
  −
/* LIST ITEMS =================================== */
   
      
 
      
.list-group-item {
+
    text-align: left;
padding: .75rem 1.25rem !important;
  −
}
  −
 
  −
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  −
background-color: #005172;
  −
border-color: #003950;
  −
}
  −
 
  −
.list-group-item-action:not(.active):focus, .list-group-item-action:not(.active):hover {
  −
background-color: #b6eaff;
  −
}
  −
  −
.list-group-item.disabled, :disabled.list-group-item {
  −
color: #6a7f8e;
  −
background-color: #f1f3f5;
  −
}
  −
  −
.list-group-item.active .badge-primary {
  −
color: #005172;
  −
background-color: white;
  −
}
  −
  −
  −
.list-group-item-primary {
  −
background-color: #d8f4ff;
  −
border-color: #a5e5ff;
  −
color: #00212e;
  −
}
  −
  −
.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover  {
  −
background-color: #94e0ff;
  −
border-color: #61d1ff;
  −
color: #00212e;
  −
}
  −
  −
.list-group-item-secondary {
  −
background-color: #fbffcb;
  −
border-color: #ccdc00;
  −
color: #005172;
  −
}
  −
  −
.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover  {
  −
background-color: #f6ff87;
  −
border-color: #adba00;
  −
color: #00212e;
  −
}
  −
  −
.list-group-item-success {
  −
background-color: #e4ffd9;
  −
border-color: #a8ff84;
  −
color: #0e2f00;
  −
}
  −
  −
.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover  {
  −
background-color: #b4ff95;
  −
border-color: #78ff40;
  −
color: #040d00;
  −
}
  −
  −
.list-group-item-danger {
  −
background-color: #fedcdd;
  −
border-color: #fcbbbd;
  −
color: #810507;
  −
}
  −
  −
.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover  {
  −
background-color: #fb9b9d;
  −
border-color: #fa7a7c;
  −
color: #400204;
  −
}
  −
  −
.list-group-item-warning {
  −
background-color: #ffebcc;
  −
border-color: #ffcf88;
  −
color: #774700;
  −
}
  −
  −
.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover  {
  −
background-color: #ffcf88;
  −
border-color: #ffb444;
  −
color: #331f00;
  −
}
  −
  −
.list-group-item-info {
  −
background-color: #d9f0f7;
  −
border-color: #92d5e9;
  −
color: #155567;
  −
}
  −
  −
.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
  −
background-color: #a0dbec;
  −
border-color: #68c5e0;
  −
color: #09262f;
  −
}
  −
  −
.list-group-item-light {
  −
background-color: #fbfbfc;
  −
border-color: #dee3e6;
  −
color: #21282d;
  −
}
  −
  −
.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
  −
background-color: #d4dadf;
  −
border-color: #b7c1c9;
  −
color: #040506;
  −
}
  −
  −
.list-group-item-dark {
  −
background-color: #37424a;
  −
border-color: #21282d;
  −
color: #d4dadf;
  −
}
  −
  −
  −
.list-group-item-dark.list-group-item-action:focus,
  −
.list-group-item-dark.list-group-item-action:hover {
  −
background-color: #546571;
  −
border-color: #040506;
  −
color: white;
  −
}
  −
  −
/* NAV / NAVBAR =================================== */
  −
  −
/* HEADER EXCEPTIONS ONLY */
  −
.navbar.navbar--en,
  −
.navbar.navbar--fr {
  −
border-radius: 0 !important;
  −
margin-bottom: 0 !important;
  −
box-shadow: 0 -2px 8px rgba(0,0,0,0.45);
  −
z-index: 1003;
  −
}
  −
 
  −
.navbar.navbar--en ul.navbar-nav,
  −
.navbar.navbar--fr ul.navbar-nav {
  −
margin-bottom: 0;
  −
}
  −
  −
/* Center child items in a navbar */
  −
.nav-justified .nav-item {
  −
align-self: center;
  −
}
  −
  −
/* PILLS */
  −
  −
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  −
background-color: #005172;
  −
}
  −
  −
/* .nav-pills .nav-link {
  −
background-color: #e9ecef;
  −
}
  −
  −
.nav-pills .nav-link::hover {
  −
background-color: #d4dadf;
  −
} */
  −
  −
.nav--footer .nav-link {
  −
padding-top: 0; padding-bottom: 0;
  −
}
  −
  −
.navbar-dark .navbar-nav .nav-link {
  −
color: rgba(255,255,255,0.6);
  −
}
  −
 
  −
.navbar-dark .navbar-nav .nav-link:hover {
  −
color: rgba(255,255,255,1);
  −
background: transparent;
  −
}
  −
  −
/* Align items center (for navs with long titles)
  −
.nav {
  −
align-items: center;
  −
}
  −
  −
  −
 
  −
/* PROGRESS =================================== */
  −
  −
.progress-bar {
  −
background-color: #005172;
  −
}
  −
  −
/* FOOTER =================================== */
  −
footer {
  −
background-color: #37424a;
  −
color: white;
  −
padding: 15px 0 5px 0;
  −
}
  −
 
  −
footer *:hover { background: transparent !important; }
  −
  −
/* ===========================================================
  −
GCPEDIA FIXES START HERE
  −
==============================================================
  −
- Specific fixes to the GCPedia MediaWiki CSS
  −
- Overrides A.gcpedia.css, A.load.php, and ahost of others...
  −
==============================================================
  −
============================================================== */
  −
 
  −
/* Override Default MW Styles */
  −
h1, .mw-body h1, .h1,
  −
h2, .mw-body h2, .h2,
  −
h3, .mw-body h3, .h3,
  −
h4, .mw-body h4, .h4,
  −
h5, .mw-body h5, .h5,
  −
h6, .mw-body h6, .h6
  −
{
  −
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  −
font-weight: bold !important;
  −
border-bottom: none !important;
  −
margin-bottom: 0.4em;
  −
margin-top: 0 !important;
  −
padding: 0 !important;
  −
color: inherit;
  −
line-height: 1.1;
  −
}
  −
h2, .mw-body h2, .h2 {
  −
margin-bottom: 0.6em;
  −
}
  −
h3, .mw-body h3, .h3,
  −
h4, .mw-body h4, .h4 {
  −
margin-top: 0.25em;
  −
margin-bottom: 0.5em;
   
}
 
}
   −
h5, .mw-body h5, .h5,
+
pre {
h6, .mw-body h6, .h6 {
  −
margin-top: 0.35em;
  −
margin-bottom: 0.7em;
  −
}
  −
  −
h1, .mw-body h1, .h1 { font-size: 2.4rem; }
  −
h2, .mw-body h2, .h2 { font-size: 1.8rem; }
  −
h3, .mw-body h3, .h3 { font-size: 1.4rem; }
  −
h4, .mw-body h4, .h4 { font-size: 1.1rem; }
  −
h5, .mw-body h5, .h5 { font-size: 0.9rem; text-transform: uppercase; border-top: 1px dotted rgba(0,0,0,0.3); padding-top: 0.2em !important;}
  −
h6, .mw-body h6, .h6 { font-size: 0.7rem; text-transform: uppercase; }
  −
  −
p, .mw-body p, .p {
  −
font-size: 0.9rem;
  −
line-height: 1.6;
  −
margin-bottom: 1em;
  −
}
     −
        .jumbotron h1, .jumbotron .h1 { font-size: 3.6rem; }
+
    background-color: white;
.jumbotron h2, .jumbotron .h2 { font-size: 2.7rem; }
+
   
.jumbotron h3, .jumbotron .h3 { font-size: 2.4rem; }
+
    border-color: 1px solid black;  
.jumbotron h4, .jumbotron .h4 { font-size: 1.8rem; }
+
   
.jumbotron h5, .jumbotron .h5 { font-size: 1.4rem; }
+
    border-width: 0 0 0 4px;
.jumbotron h6, .jumbotron .h6 { font-size: 1.1rem; }
+
   
.jumbotron p { font-size: 1.33rem; }
+
    font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;
 
+
   
.secondary .row h2 a,
  −
.secondary .row h3 a,  
  −
.secondary .row h4 a,  
  −
.home .row h2 a,  
  −
.home .row h3 a,  
  −
.home .row h4 a {
  −
font-size: inherit !important;
  −
}
  −
 
  −
blockquote {
  −
border-left-color: #005172;
   
}
 
}
  −
.navbar
  −
{
  −
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  −
margin-top: 0 !important;
  −
padding: 0 !important;
  −
color: inherit;
  −
}
  −
  −
.navbar-brand {
  −
float: none;
  −
padding: 0 0 0 0.75em;
  −
font-size: 18px;
  −
font-weight: bold !important;
  −
line-height: 40px;
  −
height: 40px;
  −
flex: auto;
  −
}
  −
  −
.navbar-brand img {
  −
height: 40px;
  −
margin: 0 0 0 0.25em; padding: 0;
  −
}
  −
  −
a.navbar-brandːhover { opacityː 0.5 ǃimporant; }
  −
  −
.navbar.navbar--en { display: flex; }
  −
.navbar.navbar--fr { display: none; }
  −
  −
.super-body.fr .navbar.navbar--en { display:none; }
  −
.super-body.fr .navbar.navbar--fr { display: flex; }
  −
  −
@media (min-width: 768px) {
  −
.navbar-collapse.collapse {
  −
display: flex !important;
  −
}
  −
}
  −
  −
footer {
  −
margin-top: 40px;
  −
}
  −
  −
footer.footer--en { display: flex; }
  −
footer.footer--fr { display: none; }
  −
  −
.super-body.fr footer.footer--en { display:none; }
  −
.super-body.fr footer.footer--fr { display: flex; }
  −
  −
  −
  −
  −
ul.nav,
  −
ol.breadcrumb {
  −
margin-left: 0;
  −
}
  −
  −
a:link, a:visited {
  −
color: #0076A7; /*3095b4; */
  −
}
  −
  −
a:hover {
  −
color: #00A0E0; /* 005172; */
  −
text-decoration: underline !important;
  −
}
  −
  −
     −
hr {
+
table {
background-color: transparent !important;
+
    width: 100%;
 
}
 
}
  −
.super-body .text-white a:not(.btn),
  −
.super-body .text-light a:not(.btn) {
  −
color: rgba(255,255,255,0.7);
  −
}
  −
  −
.super-body .text-white a:not(.btn):hover,
  −
.super-body .text-light a:not(.btn):hover {
  −
color: #ccdc00;
  −
}
  −
  −
.super-body .bg-warning a:not(.btn) {
  −
color: rgba(255,255,255,0.7);
  −
}
  −
  −
.super-body .bg-warning a:not(.btn):hover {
  −
color: rgba(255,255,255,0.7);
  −
}
  −
  −
.mw-body-content {
  −
font-size: 0.875em;
  −
}
  −
  −
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {
  −
padding: .75rem 1rem;
  −
margin-left: 0;
  −
}
  −
  −
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
  −
/* disabled margin-left: 0; */
  −
margin-bottom: 1em;
  −
list-style-image: none;
  −
}
     −
.mw-content-ltr ul li, .mw-content-rtl .mw-content-ltr ul li {
+
img {
padding-left: 0.25em;
+
    width: 100%;
padding-bottom: 0.25em;
+
    height: auto;
 
}
 
}
  −
.form-check-input,
  −
input[type="radio"],
  −
input[type="checkbox"] {
  −
margin-left: -1.25rem;
  −
}
  −
  −
.alert > :first-child::before {
  −
position: relative;
  −
left: -4px;
  −
}
  −
  −
.alert > :first-child {
  −
margin-left: 0 !important; /* DISABLED */
  −
}
  −
  −
.modal-backdrop {
  −
display: none !important;
  −
}
  −
  −
.modal {
  −
background: rgba(0,0,0,0.5);
  −
}
  −
  −
.collapse.show { visibility: visible; }
  −
  −
.modal.show .modal-dialog {
  −
-webkit-transform: translate(0,0);
  −
transform: translate(0,0);
  −
}
  −
  −
.modal-content {
  −
background: white;
  −
}
  −
  −
.fade {
  −
opacity: 1;
  −
}
  −
  −
.dropdown-menu {
  −
font-size: 0.875rem;
  −
}
  −
  −
a.list-group-item-dark {
  −
color: #d4dadf;
  −
}
  −
  −
.list-group {
  −
margin-left: 0 !important;
  −
}
  −
  −
.input-group {
  −
display: flex;
  −
}
  −
  −
.input-group-addon, .input-group-btn, .input-group .form-control {
  −
display: flex;
  −
}
  −
  −
.input-group .form-control {
  −
width: auto;
  −
}
  −
  −
/* FIX LANGUAGE BUG - adds extra <p> if you use the <multilang> tag... */
  −
main > p,
  −
main > p + p,
  −
nav > p
  −
.super-body > p {
  −
height: 0;
  −
margin: 0 !important;
  −
overflow: hidden;
  −
}
  −
  −
/* REMOVE LANGUAGE LINK FROM GCPedia TOP NAVIGATION */
  −
#app-brand #wb-lng { visibility: hidden !important; }
  −
  −
  −
/* EQUAL HEIGHT ROWS and CARDS */
  −
  −
.row-eq-height {
  −
  display: -webkit-box;
  −
  display: -webkit-flex;
  −
  display: -ms-flexbox;
  −
  display:        flex;
  −
}
  −
  −
.row-eq-height .card {
  −
height: 100%;
  −
}
  −
     −
</style>
+
}}
  −
</head>
  −
<body>
  −
<section class="super-body </html>{{{langClass}}}<html>">
  −
<!-- =========== END HEAD ============ -->
  −
</html>
 
156

edits

Navigation menu

GCwiki