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