Line 7: |
Line 7: |
| max-width: 100%; | | max-width: 100%; |
| } | | } |
− | .section{ | + | .greybg{ |
− | padding: 10px 0; | + | background-color:#F5F5F5; |
| } | | } |
| .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, | | .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, |
Line 32: |
Line 32: |
| display:none; | | display:none; |
| } | | } |
| + | .section{ |
| + | padding: 10px 0 20px 0; |
| + | } |
| } | | } |
| @media screen and (min-width: 576px) { | | @media screen and (min-width: 576px) { |
Line 41: |
Line 44: |
| flex: 0 0 30%; | | flex: 0 0 30%; |
| max-width: 30%; } | | max-width: 30%; } |
| + | .section{ |
| + | padding: 10px 0 20px 20px; |
| + | } |
| } | | } |
| @media screen and (min-width: 992px) { | | @media screen and (min-width: 992px) { |
Line 105: |
Line 111: |
| background-color: #002D42; | | background-color: #002D42; |
| } | | } |
− | .navMenu .active a, .primary-btn a{ | + | .navMenu .active a, .primary-btn a, .btn-info a{ |
| color: white; | | color: white; |
| } | | } |
Line 167: |
Line 173: |
| border-radius: 0.35rem; | | border-radius: 0.35rem; |
| transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } | | transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } |
| + | .btn-info { |
| + | color: #fff; |
| + | background-color: #26374A; |
| + | border-color: #26374A; |
| + | box-shadow: none; } |
| + | .btn-info:hover { |
| + | color: #fff; |
| + | background-color: #00131c; |
| + | border-color: #00131c; } |
| + | .btn-info:focus, .btn-info.focus { |
| + | box-shadow: none, 0 0 0 0.2rem rgba(38, 154, 188, 0.5); } |
| + | .btn-info.disabled, .btn-info:disabled { |
| + | color: #333000; |
| + | background-color: #F5F5F5; |
| + | border-color: #F5F5F5; |
| + | margin-bottom: 12px; |
| + | } |
| .fixed{ | | .fixed{ |
| position:fixed; | | position:fixed; |
Line 193: |
Line 216: |
| </div> | | </div> |
| | | |
− | <h2><big>Under Construction </big></h2> | + | <h2><big style="color:red">Under Construction </big></h2> |
| <div class="section"> | | <div class="section"> |
| == What to expect as a new ESDC employee == | | == What to expect as a new ESDC employee == |
Line 207: |
Line 230: |
| </div> | | </div> |
| | | |
− | <div class="section"> | + | <div class="section greybg"> |
| == What is Onboarding? == | | == What is Onboarding? == |
| <div class="row"> | | <div class="row"> |
Line 266: |
Line 289: |
| <div class="card"> | | <div class="card"> |
| === <span class="checkbox"></span>Review this specific information if it applies to you === | | === <span class="checkbox"></span>Review this specific information if it applies to you === |
− | <div class="mw-collapsible mw-collapsed"> | + | <div class="mw-collapsible"> |
− | <div class="card-body"> | + | <div class="card-body"> |
− | | + | <div class="row"> |
− | *Currently available information
| + | <div class="col-sm-12 col-lg-4"> |
− | **<xxx$$$xxx>Are You An Executive?
| + | <p><strong>Currently available information</strong></p> |
− | *Information still in development
| + | <div class="btn btn-info">[[ESDC_Onboarding_Executive|I Am An Executive]]</div> |
− | **Are You A Student?
| + | </div> |
− | **Other Groups
| + | <div class="col-sm-12 col-lg-4"> |
| + | <p><strong>Information still in development</strong></p> |
| + | <div class="btn btn-info disabled">Are You A Student?</div> |
| + | <div class="btn btn-info disabled">Other Groups</div> |
| + | </div> |
| + | </div> |
| </div> | | </div> |
| </div> | | </div> |