Changes

296 bytes added ,  21:12, 19 October 2021
no edit summary
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">