|
Tags: Replaced Manual revert |
| (13 intermediate revisions by the same user not shown) |
| Line 9: |
Line 9: |
| padding-top: 0; | | 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%;
| |
| }
| |
|
| |
|
| |
| /* BUTTON GROUPS */
| |
| .fundamental-section .btn-group { width: 100%; }
| |
| .dam-safety-section .btn-group, .technical-topics-section .btn-group { width: 75%; }
| |
|
| |
| /* BUTTONS */
| |
| .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;
| |
| }
| |
| .btn-gray {
| |
| padding: 5px 0 5px 40px;
| |
| font-size: 25px;
| |
| border: 2px solid #4D4D4A;
| |
| background-color: #F2F2F2;
| |
| color: #4D4D4A;
| |
| }
| |
| .btn-gray:hover { color: #4D4D4A; }
| |
| .btn-green {
| |
| padding: 5px 0 5px 24px;
| |
| font-size: 22px;
| |
| border: 2px solid #42A240;
| |
| background-color: #DEF2DE;
| |
| color:#42A240;
| |
| }
| |
| .btn-green:hover { color:#42A240; }
| |
| .btn-blue {
| |
| padding: 5px 0 5px 24px;
| |
| font-size: 22px;
| |
| 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;
| |
| }
| |
|
| |
| .dam-safety-section .btn-group, .technical-topics-section .btn-group { width: 100%; }
| |
| .btn-green, .btn-blue {
| |
| font-size: 14px;
| |
| padding: 5px;
| |
| }
| |
|
| |
| .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-considerations-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"); }
| |
