MediaWiki: Common.css: Difference between revisions

Revision as of 12:41, 18 October 2022

/* CSS placed here will be applied to all skins */
@import url( 'https://fonts.googleapis.com/css?family=Montserrat ');

body {
    font-family: "Montserrat";
}

.with-navbar.with-navbar-fixed {
    padding-top: 0;
}



/* BROUGHT OVER FROM TWEEKI FOR THE MOMENT */
.bg-asdso-blue {
  background-color: #005B99 !important;
}

.asdso-white-font {
  color: #ffffff;
}

#mw-navigation .navbar-nav .nav-link {
  color: #ffffff;
}

#footer {
  background-color: #005B99 !important;
  color: #ffffff !important;
}

#footer hr {
  color: #ffffff !important;
  background-color: #ffffff !important;
}

#footer a {
  color: #ffffff !important;
}

#footer a:hover {
  color: #CECECE !important;
}

.homepage-btn {
  min-width:200px;
  max-width: 500px;
  width: 100%;
}




/* BREADCRUMBS */
/*.page-Purposes_of_Dams #breadcrumbs2 {
   display: none;
}*/



/* BUTTONS */
.btn-group { width: 100%; }
.btn-group a {
  display: flex;
  align-items: center;
  justify-content: start;
  border-radius: 0px; 
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  margin-bottom: 15px;
  padding: 8px;
  font-size: 22px;    
}
.btn-gray { 
  border: 2px solid #4D4D4A;
  background-color: #F2F2F2;
  color: #4D4D4A;
}
.btn-gray:hover { color: #4D4D4A; }
.btn-green { 
  border: 2px solid #42A240; 
  background-color: #DEF2DE; 
  color:#42A240;
}
.btn-green:hover { color:#42A240; }
.btn-blue {  
  border: 2px solid #005B99;
  background-color: #DDEEF7;
  color: #005B99;
}
.btn-blue:hover { color:#005B99; }

/* BUTTON ICONS */
.btn-group a span {
  background-repeat: no-repeat,repeat;
  background-size: 100% auto;
  margin-right: 14px;
}

/* FUNDAMENTALS BUTTON ICONS */
.purpose-icon, .anatomy-icon {
  width: 60px;
  height: 60px;
}
.type-icon {   
  width: 60px;
  height: 53px;
  margin-top: 7px;
}

/* DAM SAFETY & TECHNICAL TOPICS BUTTON ICONS */
.dam-safety-section .btn-group a span:not(.site-security-icon),
.technical-topics-section .btn-group a span:not(.hydraulics-icon) {
  width: 50px;
  height: 50px;
}
.site-security-icon {
  width: 40px;
  height: 50px;
}
.hydraulics-icon {
  width: 50px;
  height: 43px;
  margin-top: 7px;
}

/* MOBILE STYLES */
@media screen and (max-width: 800px) {
  .btn-gray { font-size: 18px; }
  .purpose-icon, .anatomy-icon {
      width: 40px;
      height: 40px;
  }
  .type-icon {
      width: 40px;
      height: 33px;
  }
  .btn-green, .btn-blue { 
      font-size: 14px;
  }

  .dam-safety-section .btn-group a span:not(.site-security-icon),
  .technical-topics-section .btn-group a span:not(.hydraulics-icon) {
      width: 30px;
      height: 30px;
      margin-right: 5px;
  }
  .site-security-icon {
      width: 25px;
      height: 30px;
      margin-right: 5px;
  }
  .hydraulics-icon {
      width: 30px;
      height: 23px;
      margin-top: 5px;
  }
  .dam-safety-section .btn-group .btn-green:first-of-type {
      font-size: 12px;
  } 
}

/* FUNDAMENTALS BUTTON ICONS */
.purpose-icon { background-image: url("/images/7/78/PurposesOfDams_Icon.png"); }
.type-icon { background-image: url("/images/f/f5/TypesOfDams_Icon.png"); }
.anatomy-icon { background-image: url("/images/7/70/AnatomyOfDams_Icon.png"); }

/* DAM SAFETY MANAGEMENT BUTTON ICONS */
.regulatory-icon { background-image: url("/images/2/24/RegulatoryOversight_Icon.png"); }
.operations-icon { background-image: url("/images/5/58/OperationsAndMaintenance_Icon.png"); }
.surveillance-icon { background-image: url("/images/0/05/SurveillanceAndMonitoring_Icon.png"); }
.risk-management-icon { background-image: url("/images/3/3f/RiskManagement_Icon.png"); } 
.public-safety-icon { background-image: url("/images/a/a2/PublicSafety_Icon.png"); }
.site-security-icon { background-image: url("/images/9/92/SiteSecurity_Icon.png"); }
.emergency-management-icon { background-image: url("/images/8/8a/EmergencyManagement_Icon.png"); }
.dam-decommissioning-icon { background-image: url("/images/a/a8/DamDecommissioning_Icon.png"); }

/* TECHNICAL TOPICS */
.general-engineering-icon { background-image: url("/images/7/74/GeneralEngineering_Icon.png"); }
.hydrology-icon { background-image: url("/images/4/48/Hydrology_Icon.png"); }
.hydraulics-icon { background-image: url("/images/3/3e/Hydraulics_Icon.png"); }
.geotechnics-icon { background-image: url("/images/3/3b/GeotechnicsAndGeology_Icon.png"); }
.structures-icon { background-image: url("/images/4/4f/Structures_Icon.png"); }
.seismic-icon { background-image: url("/images/0/0e/SeismicConsiderations_Icon.png"); }
.construction-icon { background-image: url("/images/7/77/Construction_Icon.png"); }
.environmental-considerations-icon { background-image: url("/images/f/f3/EnvironmentalConsiderations_Icon.png"); }