MediaWiki: Tweeki.css: Difference between revisions
From ASDSO Dam Safety Toolbox
No edit summary |
No edit summary |
||
(3 intermediate revisions by 2 users not shown) | |||
Line 111: | Line 111: | ||
/* DAM SAFETY & TECHNICAL TOPICS BUTTON ICONS */ | /* DAM SAFETY & TECHNICAL TOPICS BUTTON ICONS */ | ||
.dam-safety-section .btn-group a span:not(.site-security-icon), | .dam-safety-section .btn-group a span:not(.site-security-icon), | ||
.technical-topics-section .btn-group a span:not(.hydraulics-icon) { | .technical-topics-section .btn-group a span:not(.hydraulics-icon), | ||
.best-practices-icon, .training-icon, .additional-resources-icon, .contribute-icon, .editing-tips-icon, .tutorials-icon { | |||
width: 50px; | width: 50px; | ||
height: 50px; | height: 50px; | ||
Line 137: | Line 138: | ||
} | } | ||
.dam-safety-section .btn-group a span:not(.site-security-icon), | .dam-safety-section .btn-group a span:not(.site-security-icon), | ||
.technical-topics-section .btn-group a span:not(.hydraulics-icon) { | .technical-topics-section .btn-group a span:not(.hydraulics-icon), | ||
.best-practices-icon, .training-icon, .additional-resources-icon, .contribute-icon, .editing-tips-icon, .tutorials-icon { | |||
width: 30px; | width: 30px; | ||
height: 30px; | height: 30px; | ||
Line 178: | Line 180: | ||
.construction-icon { background-image: url("/images/7/77/Construction_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"); } | .environmental-considerations-icon { background-image: url("/images/f/f3/EnvironmentalConsiderations_Icon.png"); } | ||
/* RESOURCES */ | |||
.best-practices-icon { background-image: url("/images/a/a5/Best-practices.png"); } | |||
.training-icon { background-image: url("/images/5/5c/Trainings.png"); } | |||
.additional-resources-icon { background-image: url("/images/0/04/Additional-Resources-Icon.png"); } | |||
.contribute-icon { background-image: url("/images/a/af/Contribute_Icon.png"); } | |||
.editing-tips-icon { background-image: url("/images/8/8b/Editing_Tips_Icon.png"); } | |||
.tutorials-icon { background-image: url("/images/4/4f/Tutorials_Icon.png"); } |
Latest revision as of 03:04, 2 October 2024
/* 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%; } /* HIDE CREATE ACCOUNT LINK */ #mw-createaccount{ display: none; } /* 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), .best-practices-icon, .training-icon, .additional-resources-icon, .contribute-icon, .editing-tips-icon, .tutorials-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), .best-practices-icon, .training-icon, .additional-resources-icon, .contribute-icon, .editing-tips-icon, .tutorials-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"); } /* RESOURCES */ .best-practices-icon { background-image: url("/images/a/a5/Best-practices.png"); } .training-icon { background-image: url("/images/5/5c/Trainings.png"); } .additional-resources-icon { background-image: url("/images/0/04/Additional-Resources-Icon.png"); } .contribute-icon { background-image: url("/images/a/af/Contribute_Icon.png"); } .editing-tips-icon { background-image: url("/images/8/8b/Editing_Tips_Icon.png"); } .tutorials-icon { background-image: url("/images/4/4f/Tutorials_Icon.png"); }