Line 1: |
Line 1: |
− | {{Top toolbar}}{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
| + | {{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}} |
| + | [[fr:GCNumerique-Carrefour]] |
| + | <div class="fullPage"> |
| + | <div class="headerMain"> |
| + | <div class="headerbg"> |
| + | <div class="headercontent"><h1><span class="h1small">#GCDigital</span><span class="newlineh1"><span class="h1colour">Community</span> Hub</span></h1> |
| + | </div> |
| + | {{Top toolbar}}</div> |
| + | </div> |
| {{#css: | | {{#css: |
− | .menubar a:visited { | + | |
− | color: #FFFFFF;
| + | .mw-body { |
| + | padding: 0px !important; |
| } | | } |
| | | |
− | .menubar { | + | |
− | background-color:#3D3D3D;
| + | .headerIcon .floatleft{ |
− | height: auto;
| + | padding-left: 30px; |
− | padding: 0;
| + | padding-top: 30px; |
− | margin: 0;
| + | } |
− | font-family: "Open Sans",sans-serif;
| + | .headerMain { |
− | font-style: normal;
| + | background: black; |
− | font-weight: 200;
| |
| } | | } |
| | | |
− | .menubar ul { | + | .headerbg { |
− | list-style-type: none; | + | margin-top: 0px; |
− | margin: 0; | + | margin-right: 0px; |
− | padding: 0; | + | margin-bottom: 0px; |
− | overflow: hidden; | + | margin-left: 0px; |
− | width: 100%; | + | } |
| + | .lgtoggle { |
| + | float: right; |
| } | | } |
− | | + | .toc |
− | .menubar li:first-child | |
| { | | { |
− | padding-left: 10px !important;
| + | display: none; |
| } | | } |
| | | |
− | .menubar li { | + | .digitalcontent { |
− | display: inline-block; | + | font-family: "Open Sans",sans-serif !important; |
| + | margin-top: 0px; |
| + | margin-right: 0px; |
| + | margin-bottom: 0px; |
| + | margin-left: 0px; |
| + | font-style: normal; |
| + | } |
| + | .headerbg h1 { |
| color: #FFFFFF; | | color: #FFFFFF; |
− | text-align: center; | + | margin-bottom: 0px; |
− | padding-top: 15px; | + | font-size: 60px !important; |
− | padding-bottom: 15px; | + | font-family: "Open Sans",sans-serif !important; |
− | text-decoration: none; | + | border: none; |
| + | font-weight: 800; |
| + | margin-top: 0px; |
| + | padding-left: 30px; |
| } | | } |
| | | |
− | .menubar li:hover { | + | .h1small |
− | background: #000000; | + | { |
| + | padding-bottom: 0px; |
| + | font-size: 40px !important; |
| + | font-weight: 500; |
| } | | } |
| | | |
− | .menubar li:focus | + | .h1colour |
| { | | { |
− | background: #000000; | + | color: #ffffff; |
| } | | } |
− | .rainbow_bar { | + | .newlineh1 |
− | height: 20px;
| + | { |
− | background: linear-gradient(90deg,#ffad31,#52c765,#27c9bc,#ff5958);
| + | display: block; |
| + | text-transform: Sentence; |
| } | | } |
− | .menubar li a { | + | |
− | color: white; | + | .digitalcontent |
− | padding: 20px; | + | { |
| + | padding-left: 30px; |
| + | } |
| + | .digitalcontent h3 |
| + | { |
| + | font-size: 30px; |
| + | font-weight: lighter; |
| } | | } |
− | .menubar li a:hover:not(.active) { | + | |
− | color: #FFFFFF; | + | .digitalcontent h2 |
| + | { |
| + | color: #000000; |
| + | font-size: 30px; |
| + | margin-top: 100px; |
| + | margin-bottom: 100px; |
| + | border: none; |
| + | font-weight: 700; |
| + | font-family: "Open Sans",sans-serif !important; |
| + | } |
| + | |
| + | .headercontent p |
| + | { |
| + | color: #000000; |
| + | font-size: 20px; |
| + | padding: 0; |
| + | margin: 0; |
| } | | } |
| | | |
− | .active {
| + | *{ |
− | color: #FFFFFF;
| + | box-sizing: border-box; |
| } | | } |
| | | |
− | }}
| |
− | <div class="menubar">
| |
− | <ul role="menu">
| |
− | <li role="menuitem">[[DTL_Community_Hub|Home]]</li>
| |
− | <li role="menuitem">[[DTL_Community_Hub/Spotlight|Spotlight]]</li>
| |
− | <li role="menuitem">[[DTL_Community_Hub/Resource_Hub|Resources]]</li>
| |
− | <li role="menuitem">[[DTL_Community_Hub/Talent_Quest|Digital Talent Quest]]</li>
| |
− | <li role="menuitem">[[DTL_Community_Hub/Comm_Program_Updates|Community & Program Updates]]</li>
| |
− | <li role="menuitem">[[DTL_Community_Hub/Event_Calendar|Events Calendar]]</li>
| |
− | <li role="menuitem">[[DTL_Community_Hub/Continuous_Learning|Continuous Learning]]</li>
| |
− | <li role="menuitem">[[DTL_Community_Hub/DTL_Contacts|DTL Contacts]]</li>
| |
− | </ul>
| |
− | </div>
| |
| | | |
− | <div class="rainbow_bar"></div>
| + | /* For smaller screen sizes */ |
| + | @media (min-width: 100px) and (max-width: 950px) |
| + | { |
| + | .headerbg h1 { |
| + | color: #FFFFFF; |
| + | font-size: 30px !important; |
| + | font-weight: 800; |
| + | padding-top: 30px; |
| + | } |
| + | } |
| + | }}{{Css-unstyle-dev}}{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}} |
| + | [[fr:DTL_Community_Hub/Talent_num%C3%A9rique]] |
| + | <div class="fullPage"><div class="digitalcontent"> |
| + | ==='''Getting started'''=== |
| + | </div> |
| + | </div> |