hoàn thành trang about.html
This commit is contained in:
NAS\NASPC
@@ -16,7 +16,8 @@
|
||||
}
|
||||
|
||||
[data-component-id="umass_base:header-branding"] img {
|
||||
filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.9)) drop-shadow(0px 0px 20px rgba(255, 255, 255, 0.7));
|
||||
filter: drop-shadow(2px 0px 0 rgba(255, 255, 255, 1)) drop-shadow(0px 2px 0 rgba(255, 255, 255, 1)) drop-shadow(-2px 0px 0 rgba(255, 255, 255, 1)) drop-shadow(0px -2px 0 rgba(255, 255, 255, 1));
|
||||
|
||||
transition: filter 0.3s ease, transform 0.3s ease;
|
||||
}
|
||||
|
||||
@@ -25,31 +26,44 @@
|
||||
filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 30px rgba(255, 255, 255, 0.9));
|
||||
}
|
||||
|
||||
/* Hamburger icon - white on transparent header (mobile only shows it on dark bg) */
|
||||
/* 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 {
|
||||
background-color: #fff !important;
|
||||
background-color: var(--color-white) !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 {
|
||||
|
||||
#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 {
|
||||
#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 {
|
||||
#l--main-header .m--main-menu>li .has-submenu path {
|
||||
fill: #fff !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile/Tablet: Keep hero banner at perfect 16:9 ratio to prevent black gaps */
|
||||
@media (max-width: 1199px) {
|
||||
|
||||
.cc--hero-landing,
|
||||
.c--hero-landing,
|
||||
.c--hero-landing .image-video-container,
|
||||
.c--hero-landing .f--field.f--image {
|
||||
height: auto !important;
|
||||
min-height: 0 !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="region region-header r--region r--header">
|
||||
@@ -1335,44 +1349,39 @@
|
||||
</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>
|
||||
</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>
|
||||
Reference in New Issue
Block a user