233
edits
Changes
mLine 1:
Line 1: − − <!-- Styling for the columns --> Line 12:
Line 10: + Line 24:
Line 23: − − <!-- Mobile UI styling --> Line 31:
Line 28: − + + + + + + + − − <!-- Tablet UI styling --> Line 48:
Line 49: − + Line 55:
Line 56: − − <!-- Desktop UI styling --> Line 78:
Line 77: − − <!-- Font styling --> Line 93:
Line 90: − + − <!-- Nav Menu Styling -->+ + + + + + + + + + + + Line 114:
Line 122: + Line 131:
Line 140: − + + + + + Line 139:
Line 152: − background-color: #002D42; + − color:white; − } − .primary-btn:hover{ − background-color: #00131c !important; − } − .primary-btn.active, .primary-btn.active:hover{ − background-color: #F5F5F5 !important; − + − + − − <!-- Checklist styling --> − margin: 1.5rem 0 1.5rem 0; + − } − .mw-parser-output .external{ − background:none; − padding-right:0; − } − .mw-collapsible{ − margin-bottom: 5px; − } − .checkbox{ − display:inline-block; − width: 1rem; − height: 1rem !important; − border: solid 1px black; − margin-right: 10px; Line 184:
Line 174: − − <!-- Back to top Button styling --> Line 201:
Line 189: − } − .fixed{ − position:fixed; − bottom:5px; − right:5px; − } − .arrow { − border: solid black; − border-width: 0 3px 3px 0; − display: inline-block; − padding: 3px; − } − .up { − transform: rotate(-135deg); − -webkit-transform: rotate(-135deg); − <!-- More Button styling --> Line 248:
Line 220: + + + + + + + + + + + + + + + Line 257:
Line 244: − +
increase padding for h2 (mobile)
{{#css:
{{#css:
.row{
.row{
display:flex;
display:flex;
background-color:#F5F5F5;
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,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
padding-left: 15px;
padding-left: 15px;
}
}
@media (max-width: 576px) {
@media (max-width: 576px) {
.col-sm-12 {
.col-sm-12 {
max-width: 100%; }
max-width: 100%; }
.section{
.section{
padding: 6px 0 20px 0;
padding: 10px 0 20px 0;
}
.tabContainer{
margin-bottom: -1rem !important;
}
}
.navContainer{
.navContainer{
padding-bottom: -1rem !important;
padding-bottom: -1rem !important;
}
h2{
padding-top: 21px;
}
}
}
}
@media screen and (min-width: 576px) {
@media screen and (min-width: 576px) {
.col-md-6 {
.col-md-6 {
max-width: 30%; }
max-width: 30%; }
.section{
.section{
padding: 6px 0 20px 20px;
padding: 10px 0 20px 20px;
}
}
.col-md-8{
.col-md-8{
}
}
}
}
@media screen and (min-width: 992px) {
@media screen and (min-width: 992px) {
.col-lg {
.col-lg {
}
}
}
}
h1,h2{
h1,h2{
font-family: 'Helvetica', sans-serif !important;
font-family: 'Helvetica', sans-serif !important;
font-weight: 700;
font-weight: 700;
}
}
.mw-collapsible{
margin-bottom: 5px;
}
.checkbox{
display:inline-block;
width: 1rem;
height: 1rem !important;
border: solid 1px black;
margin-right: 10px;
}
.floatL{
float:left;
}
.navMenu{
.navMenu{
list-style:none;
list-style:none;
padding-bottom:0px !important;
padding-bottom:0px !important;
}
}
.navMenu li{
.navMenu li{
border: solid 1px #002D42;
border: solid 1px #002D42;
border-radius:10px;
border-radius:10px;
}
}
.primary-btn a, .btn-info a, .arrow.up:hover {
.navMenu .active a, .primary-btn.active a, .btn-info a, .arrow.up:hover {
color: white !important;
color: white !important;
text-decoration:none;
text-decoration:none;
}
.mw-parser-output .external{
background:none;
padding-right:0;
}
}
.primary-btn{
.primary-btn{
border: none !important;
border: none !important;
border-radius: 10px 10px 0 0 !important;
border-radius: 10px 10px 0 0 !important;
background-color: #F5F5F5;
}
}
.primary-btn.active a{
.primary-btn.active{
color: black !important;
background-color: #002D42;
}
}
.checklistCont{
.checklistCont{
border: 1px solid black;
border: 1px solid black;
padding: 1.5rem 0 1.5rem 0;
border-radius: 10px;
border-radius: 10px;
}
}
.card {
.card {
flex: 1 1 auto;
flex: 1 1 auto;
padding: 12px; }
padding: 12px; }
.btn-backtotop {
.btn-backtotop {
border: 1px solid #CECECE;
border: 1px solid #CECECE;
color: white;
color: white;
text-decoration: none;
text-decoration: none;
}
}
.btn {
.btn {
display: inline-block;
display: inline-block;
border-color: #F5F5F5;
border-color: #F5F5F5;
margin-bottom: 12px;
margin-bottom: 12px;
}
.fixed{
position:fixed;
bottom:5px;
right:5px;
}
.arrow {
border: solid black;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
}
.up {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
}
}}
}}
<li class="primary-btn active"> [https://wiki.gccollab.ca/ESDC_Onboarding Home]</li>
<li class="primary-btn active"> [https://wiki.gccollab.ca/ESDC_Onboarding Home]</li>
<li class="primary-btn"> [[ESDC_Onboarding/Executive|Executive]] </li>
<li class="primary-btn"> [[ESDC_Onboarding/Executive|Executive]] </li>
<li class="primary-btn"> Student(Coming Soon)</li>
<li class="primary-btn"> [[ESDC_Onboarding_Executive|This is a Test tab]] </li>
</ul>
</ul>
</div>
</div>