Changes

844 bytes added ,  18:18, 6 October 2021
expand and reformat expansion pack accordion, section padding
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>
233

edits