MediaWiki: Tweeki.css: Difference between revisions

Revision as of 18:46, 23 November 2022

/* CSS placed here will affect users of the Tweeki skin */

.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%;
}



/* GOOGLE CUSTOM SEARCH */
#gcws_header {
   display: none;
}


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



/* BUTTONS */
.btn-group { width: 100%; }
.btn-group a {
  display: flex;
  align-items: center;
  justify-content: start;
  text-align: left;
  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-group a { font-size: 14px; }
  .purpose-icon, .anatomy-icon {
      width: 40px;
      height: 40px;
  }
  .type-icon {
      width: 40px;
      height: 33px;
  }
  .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;
  }
}

/* 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"); }