MediaWiki:Tweeki.css
From ASDSO Dam Safety Toolbox
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* 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"); }