trang about đã đúng layout, bắt đầu đổ data vô

This commit is contained in:
NAS\NASPC
2026-06-02 08:53:40 +07:00
parent 66aaefebe9
commit bd1dd1b309
13 changed files with 246 additions and 126 deletions
@@ -13,7 +13,6 @@
[data-component-id="umass_base:site-header"] {
justify-content: flex-end !important;
position: relative;
/* ensure absolute logo is relative to header if needed, though usually fixed to top */
}
[data-component-id="umass_base:header-branding"] img {
@@ -26,11 +25,30 @@
filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 30px rgba(255, 255, 255, 0.9));
}
/* Force white color for mobile hamburger icon when transparent header is active */
.transparent-header #mobile-hamburger .hamburger-inner,
.transparent-header #mobile-hamburger .hamburger-inner::before,
.transparent-header #mobile-hamburger .hamburger-inner::after {
background-color: var(--color-white) !important;
/* Hamburger icon - white on transparent header (mobile only shows it on dark bg) */
#mobile-hamburger .hamburger-inner,
#mobile-hamburger .hamburger-inner::before,
#mobile-hamburger .hamburger-inner::after {
background-color: #fff !important;
}
/* Desktop only: main nav links are white (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 {
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 {
color: #e5e5e5 !important;
}
/* Arrow SVG fill - white on desktop */
#l--main-header .m--main-menu > li .has-submenu path {
fill: #fff !important;
}
}
</style>
@@ -1317,6 +1335,44 @@
</div>
</div>
</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>
<style>
.transparent-header [data-component-id="umass_base:site-header"] #mobile-hamburger .hamburger-inner,
.transparent-header [data-component-id="umass_base:site-header"] #mobile-hamburger .hamburger-inner::before,
.transparent-header [data-component-id="umass_base:site-header"] #mobile-hamburger .hamburger-inner::after {
background-color: #fff;
}
.transparent-header [data-component-id="umass_base:site-header"] .primary-navigation .m--main-menu > li a {
color: #fff;
}
.transparent-header [data-component-id="umass_base:site-header"] .primary-navigation .m--main-menu > li a:hover,
.transparent-header [data-component-id="umass_base:site-header"] .primary-navigation .m--main-menu > li a:focus {
color: #e5e5e5;
}
.transparent-header [data-component-id="umass_base:site-header"] .primary-navigation .m--main-menu > li span {
color: #fff;
}
.transparent-header [data-component-id="umass_base:site-header"] .primary-navigation .m--main-menu > li li span {
color: #ffb300;
}
#l--main-header {
margin: 0 auto;
position: relative;
z-index: 102;
}
</style>
</header>
</header>