233
edits
Changes
Jump to navigation
Jump to search
Line 1:
Line 1: − + − + − − .row{ − display:flex; − flex-wrap: wrap; − margin-right: -15px; − margin-left: -15px; − max-width: 100%; − } − .greybg{ − 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-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-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, − .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, − .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, − − position: relative; − width: 100%; − min-height: 1px; − padding-right: 15px; − padding-left: 15px; − } − − <!-- Mobile UI styling --> − @media (max-width: 576px) { − .col-sm-12 { − flex: 0 0 100%; − max-width: 100%; } − .section{ − padding: 6px 0 20px 0; − } − .navContainer{ − padding-bottom: -1rem !important; − } − } − − <!-- Tablet UI styling --> − @media screen and (min-width: 576px) { − .col-md-6 { − flex: 0 0 450%; − max-width: 45%; − } − .col-md-4 { − flex: 0 0 30%; − max-width: 30%; } − .section{ − padding: 6px 0 20px 20px; − } − .col-md-8{ − flex: 0 0 66%; − max-width:66%; − } − } − − <!-- Desktop UI styling --> − @media screen and (min-width: 992px) { − .col-lg { − flex-basis: 0; − flex-grow: 1; − max-width: 100%; } − .col-lg-4 { − flex: 0 0 30%; − max-width: 30%; } − .col-lg-2{ − flex: 0 0 15%; − max-width: 15%; − } − .col-lg-6{ − flex: 0 0 45%; − max-width:45%; − } − .col-lg-8{ − flex: 0 0 66%; − max-width:66%; − } − } − − <!-- Font styling --> − h1,h2{ − font-family: 'Helvetica', sans-serif !important; − } − h2{ − font-weight: 700; − border-bottom:none; − } − a{ − text-decoration: underline; − } − .bold{ − font-weight: 700; − } − − <!-- Nav Menu Styling --> − .navMenu{ − list-style:none; − } − .navContainer{ − overflow: auto; − width: 100%; − white-space:nowrap; − background-color: #F5F5F5; − border-bottom: 5px solid #AF3C43; − } − .navContainer::-webkit-scrollbar, .tabContainer::-webkit-scrollbar{ − color: rgba(0,0,0,0); − } − .tabContainer{ − overflow: auto; − width: 100%; − white-space:nowrap; − padding-bottom:0px !important; − } − .navMenu li{ − border: solid 1px #002D42; − display: inline-block; − margin: 8px 8px 0 8px; − border-radius: 10px; − padding: 8px; − } − .navContainer .navMenu li { − margin-bottom: 8px; − } − .navMenu li a{ − text-decoration: none; − } − .navMenu li:hover:not(.active){ − background-color: #CECECE; − border-radius:10px; − } − .primary-btn a, .btn-info a, .arrow.up:hover { − color: white !important; − text-decoration:none; − } − .primary-btn{ − padding:8px 24px !important; − border: none !important; − border-radius: 10px 10px 0 0 !important; − background-color: #002D42; − color:white; − } − .primary-btn:hover{ − background-color: #00131c !important; − } − .primary-btn.active, .primary-btn.active:hover{ − background-color: #F5F5F5 !important; − } − .primary-btn.active a{ − color: black !important; − } − − <!-- Checklist styling --> − .checklistCont{ − border: 1px solid black; − margin: 1.5rem 0 1.5rem 0; − border-radius: 10px; − } − .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; − } − .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; } − − <!-- Back to top Button styling --> − .btn-backtotop { − border: 1px solid #CECECE; − border-radius: 1.5rem; − background-color: #F5F5F5; − box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); − color: #666666; − font-weight: 600; } − .btn-backtotop .icon { − margin-right: 5px; } − .btn-backtotop:hover{ − color: white; − background-color: #002D42; } − .btn-backtotop a:hover{ − color: white; − text-decoration: none; − } − .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 --> − .btn { − display: inline-block; − font-weight: 400; − text-align: center; − white-space: nowrap; − vertical-align: middle; − user-select: none; − border: 1px solid transparent; − padding: 0.375rem 0.75rem; − font-size: 1rem; − line-height: 1.5; − 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; } − .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; − } − }} −
ESDC Onboarding/Executive (view source)
Revision as of 15:38, 20 October 2021
, 15:38, 20 October 2021added css template
{{#css:
{{Onboarding-css}}<!-- Source code for the CSS file. Do not remove -->
<div><h2> <span style="color:#6D4E86">Under Construction</span> </h2> </div>
<!-- Styling for the columns -->
.col-xl-auto {
<div><h2><big style="color:#AF3C43">Under Construction </big></h2></div>
<div class="nav" role="navigation" id="top">
<div class="nav" role="navigation" id="top">
<div class="tabContainer">
<div class="tabContainer">
