| Line 1: |
Line 1: |
| − | {{#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 --> | |
| − | .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,
| |
| − | .col-xl-auto { | |
| − | 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;
| |
| − | }
| |
| − | }}
| |
| − | <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"> |