| Line 1: |
Line 1: |
| | {{#css: | | {{#css: |
| | + | |
| | <!-- LAYOUT --> | | <!-- LAYOUT --> |
| | .section{ | | .section{ |
| Line 27: |
Line 28: |
| | padding-right: 15px; | | padding-right: 15px; |
| | padding-left: 15px; | | padding-left: 15px; |
| | + | } |
| | + | |
| | + | .card { |
| | + | position: relative; |
| | + | display: flex; |
| | + | flex-direction: column; |
| | + | min-width: 0; |
| | + | word-wrap: break-word; |
| | + | background-clip: border-box; |
| | + | padding: 0 1.5rem 0 1.5rem; |
| | + | } |
| | + | |
| | + | .card-body { |
| | + | flex: 1 1 auto; |
| | + | padding: 12px; |
| | } | | } |
| | | | |
| Line 32: |
Line 48: |
| | @media (max-width: 576px) { | | @media (max-width: 576px) { |
| | .col-sm-12 { flex: 0 0 100%; max-width: 100%; } | | .col-sm-12 { flex: 0 0 100%; max-width: 100%; } |
| − | .card { padding-top: 22px !important; padding-bottom: 12px !important; padding-left: 15px !important; } | + | .card { padding-top: 22px !important; padding-bottom: 12px !important; padding-left: 10px !important; } |
| | .card-body { padding: 0 !important; } | | .card-body { padding: 0 !important; } |
| | .section { margin-left: -10px; margin-bottom: 20px; } | | .section { margin-left: -10px; margin-bottom: 20px; } |
| Line 46: |
Line 62: |
| | .col-md-8 { flex: 0 0 66%; max-width: 66%; } | | .col-md-8 { flex: 0 0 66%; max-width: 66%; } |
| | .col-md-10 { flex: 0 0 80%; max-width: 80%; } | | .col-md-10 { flex: 0 0 80%; max-width: 80%; } |
| | + | .card { padding-left: 10px !important; } |
| | + | .card-body { padding: 0 !important; } |
| | .section { margin-left: 10px; } | | .section { margin-left: 10px; } |
| | .section p { padding-top: 10px; } | | .section p { padding-top: 10px; } |
| Line 118: |
Line 136: |
| | | | |
| | <!-- CHECKLIST --> | | <!-- CHECKLIST --> |
| − | .checklistCont { border: 0px; margin: 1.5rem 0 1.5rem 0; flex: 0 0 80%; max-width: 80%; } | + | .checklistCont { border: 0px; margin: 1.5rem 0 1.5rem 0; } |
| | | | |
| − | .checkbox { display: inline-block; color: white !important; background-color: #6D4E86; margin-right: 10px; padding: 0px 8px 0px 8px; } | + | .checkbox { display: inline-block; background-color: #6D4E86; margin-right: 10px; padding: 0px 8px 0px 8px; color: white !important; } |
| | | | |
| | .mw-parser-output .external { background: none; padding-right: 0; } | | .mw-parser-output .external { background: none; padding-right: 0; } |
| Line 150: |
Line 168: |
| | | | |
| | .up {transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } | | .up {transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } |
| | + | |
| | }} | | }} |
| | == <span style="color:#AF3C43">Under Construction</span> == | | == <span style="color:#AF3C43">Under Construction</span> == |
| Line 175: |
Line 194: |
| | </div> | | </div> |
| | | | |
| − | <div class="section col-sm-12 col-lg-8" id="expect"> | + | <div class="section col-sm-12 col-lg-10" id="expect"> |
| | == What to expect as a new ESDC employee == | | == What to expect as a new ESDC employee == |
| | | | |
| Line 185: |
Line 204: |
| | </div> | | </div> |
| | | | |
| − | <div class="section col-sm-12 col-lg-8" id="onboarding"> | + | <div class="section col-sm-12 col-lg-10" id="onboarding"> |
| | == What is Onboarding? == | | == What is Onboarding? == |
| | | | |
| Line 193: |
Line 212: |
| | </div> | | </div> |
| | | | |
| − | <div class="section col-sm-12 col-lg-8" id="checklist"> | + | <div class="section col-sm-12 col-lg-10" id="checklist"> |
| | == Pre-Arrival Checklist - Are you ready for your first day? ==<!-- ROX Modified text to lead to subpages. Reason: To remove one of the sections below. Subpage links covered in menu. --> | | == Pre-Arrival Checklist - Are you ready for your first day? ==<!-- ROX Modified text to lead to subpages. Reason: To remove one of the sections below. Subpage links covered in menu. --> |
| | | | |
| Line 200: |
Line 219: |
| | <p>We are actively developing new content for other segments of our workforce. Be sure to check back regularly.</p> | | <p>We are actively developing new content for other segments of our workforce. Be sure to check back regularly.</p> |
| | | | |
| − | <div class="checklistCont"> | + | <div class="checklistCont col-sm-12 col-lg-10"> |
| | | | |
| | <div class="card"> | | <div class="card"> |