layout cuối cùng, chỉ chỉnh hình ảnh nữa thôi
This commit is contained in:
@@ -26,29 +26,29 @@
|
||||
filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 30px rgba(255, 255, 255, 0.9));
|
||||
}
|
||||
|
||||
/* Hamburger icon - brand red to ensure visibility on light or white banners */
|
||||
#mobile-hamburger .hamburger-inner,
|
||||
#mobile-hamburger .hamburger-inner::before,
|
||||
#mobile-hamburger .hamburger-inner::after {
|
||||
/* Hamburger icon - white only on transparent headers */
|
||||
:is(.transparent-header, body:has(.transparent-header)) #mobile-hamburger .hamburger-inner,
|
||||
:is(.transparent-header, body:has(.transparent-header)) #mobile-hamburger .hamburger-inner::before,
|
||||
:is(.transparent-header, body:has(.transparent-header)) #mobile-hamburger .hamburger-inner::after {
|
||||
background-color: var(--color-white) !important;
|
||||
}
|
||||
|
||||
/* Desktop only: main nav links are white (header is transparent over hero image) */
|
||||
/* Desktop only: main nav links are white when header is transparent over hero image */
|
||||
@media (min-width: 1200px) {
|
||||
|
||||
#l--main-header .m--main-menu>li>.link-arrow-wrapper>a,
|
||||
#l--main-header .m--main-menu>li>.link-arrow-wrapper>button,
|
||||
#l--main-header .m--main-menu>li>a {
|
||||
:is(.transparent-header, body:has(.transparent-header)) #l--main-header .m--main-menu>li>.link-arrow-wrapper>a,
|
||||
:is(.transparent-header, body:has(.transparent-header)) #l--main-header .m--main-menu>li>.link-arrow-wrapper>button,
|
||||
:is(.transparent-header, body:has(.transparent-header)) #l--main-header .m--main-menu>li>a {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#l--main-header .m--main-menu>li>.link-arrow-wrapper>a:hover,
|
||||
#l--main-header .m--main-menu>li>.link-arrow-wrapper>a:focus {
|
||||
:is(.transparent-header, body:has(.transparent-header)) #l--main-header .m--main-menu>li>.link-arrow-wrapper>a:hover,
|
||||
:is(.transparent-header, body:has(.transparent-header)) #l--main-header .m--main-menu>li>.link-arrow-wrapper>a:focus {
|
||||
color: #e5e5e5 !important;
|
||||
}
|
||||
|
||||
/* Arrow SVG fill - white on desktop */
|
||||
#l--main-header .m--main-menu>li .has-submenu path {
|
||||
:is(.transparent-header, body:has(.transparent-header)) #l--main-header .m--main-menu>li .has-submenu path {
|
||||
fill: #fff !important;
|
||||
}
|
||||
}
|
||||
@@ -1350,9 +1350,9 @@
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script defer src="/Undergraduate Study _ UMass Amherst_files/jquery.min.js.download"></script>
|
||||
<script defer src="/Undergraduate Study _ UMass Amherst_files/lazysizes.min.js.download"></script>
|
||||
<script defer src="/js/custom-umass.js"></script>
|
||||
<script defer src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
||||
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js"></script>
|
||||
<script defer th:src="@{/js/custom-umass.js}"></script>
|
||||
|
||||
<style>
|
||||
.transparent-header [data-component-id="umass_base:site-header"] #mobile-hamburger .hamburger-inner,
|
||||
|
||||
Reference in New Issue
Block a user