Changes

Jump to navigation Jump to search
5,397 bytes removed ,  16:38, 20 October 2021
added css template
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">
233

edits

Navigation menu

GCwiki