diff --git a/assets/css/frontend/footer.css b/assets/css/frontend/footer.css index f62048cd..4e861935 100644 --- a/assets/css/frontend/footer.css +++ b/assets/css/frontend/footer.css @@ -2,3 +2,4 @@ @import url("footer/part-2.css"); @import url("footer/part-3.css"); @import url("footer/part-4.css"); +@import url("footer/zibll-shell.css"); diff --git a/assets/css/frontend/footer/zibll-shell.css b/assets/css/frontend/footer/zibll-shell.css new file mode 100644 index 00000000..653792d3 --- /dev/null +++ b/assets/css/frontend/footer/zibll-shell.css @@ -0,0 +1,50 @@ +/** + * Footer zibll shell dual-class bridge + */ +.footer.site-footer { + position: relative; + width: 100%; +} + +.footer .container-footer, +.footer .container-fluid.container-footer { + width: 100%; + max-width: var(--container, 1200px); + margin-left: auto; + margin-right: auto; + padding-left: 15px; + padding-right: 15px; +} + +.footer .footer-logo { + max-height: 48px; + width: auto; + display: inline-block; +} + +.footer .footer-contact a { + display: inline-flex; + align-items: center; + justify-content: center; + margin-right: 10px; +} + +.footer .fcode-links a { + display: inline-block; + margin-right: 12px; + margin-bottom: 6px; +} + +.footer .footer-conter { + margin: 0; + line-height: 1.7; +} + +/* Keep float-right above content, zibll-like */ +#float-right-btns.float-right, +.float-right { + position: fixed; + right: 16px; + bottom: 80px; + z-index: 90; +} diff --git a/assets/css/frontend/header-components/widget-device-visibility.css b/assets/css/frontend/header-components/widget-device-visibility.css index 944509e6..9cbdc0a3 100644 --- a/assets/css/frontend/header-components/widget-device-visibility.css +++ b/assets/css/frontend/header-components/widget-device-visibility.css @@ -13,10 +13,31 @@ /* 首页首屏模块:向上抵消导航占位,保证 Hero 与导航重叠显示 */ .home-modules > .header-components-container:first-child, -.home-modules--fullbleed > .header-components-container:first-child { +.home-modules--fullbleed > .header-components-container:first-child, +/* Fixed homepage: hero is after , not inside .home-modules */ +body.home.header .header-slider-container, +body.home .header-slider-container.header-components-container, +body.front-page .header-slider-container.header-components-container, +body.aksrt-homepage-active .header-slider-container { margin-top: calc(var(--nav-height, 60px) * -1); } +/* Transparent nav sits above the hero slider */ +body.home header.header.show-slide, +body.front-page header.header.show-slide, +body.aksrt-homepage-active header.header.show-slide { + position: relative; + z-index: 20; +} + +body.home header.header.show-slide .site-nav--fixed, +body.front-page header.header.show-slide .site-nav--fixed, +body.aksrt-homepage-active header.header.show-slide .site-nav--fixed { + background: transparent; + border-bottom-color: transparent; + box-shadow: none; +} + /* WordPress Admin Bar 已全局禁用,无需偏移规则 */ /* ============================================================ @@ -300,3 +321,13 @@ text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } + + +/* Fixed homepage hero under absolute show-slide header */ +body.home header.header.show-slide ~ .header-slider-container, +body.front-page header.header.show-slide ~ .header-slider-container, +body.aksrt-homepage-active header.header.show-slide ~ .header-slider-container, +body.home header.header.show-slide ~ .mobile-header ~ .header-slider-container, +body.front-page header.header.show-slide ~ .mobile-header ~ .header-slider-container { + margin-top: 0; +} diff --git a/footer.php b/footer.php index 0f6749c6..d42f5715 100644 --- a/footer.php +++ b/footer.php @@ -103,7 +103,7 @@ $render_link_url = function ($raw) { -