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>
| |