Merge pull request 'feat(shell): polish header/hero overlay and footer zibll classes' (#92) from worktree-homepage-zibll-1to1 into main
Reviewed-on: CYL/wordpress-theme-aksrt#92
This commit is contained in:
@@ -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");
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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 </header>, 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;
|
||||
}
|
||||
|
||||
+6
-6
@@ -103,7 +103,7 @@ $render_link_url = function ($raw) {
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<footer class="footer site-footer--<?php echo esc_attr($footer_layout); ?>" data-aksrt-shell="site-footer" role="contentinfo">
|
||||
<footer class="footer site-footer site-footer--<?php echo esc_attr($footer_layout); ?>" data-aksrt-shell="site-footer" role="contentinfo">
|
||||
<?php if (is_active_sidebar('all_footer')) : ?>
|
||||
<div class="site-footer__widgets container-footer">
|
||||
<?php dynamic_sidebar('all_footer'); ?>
|
||||
@@ -123,9 +123,9 @@ $render_link_url = function ($raw) {
|
||||
<?php if ($_has_brand) : ?>
|
||||
<div class="site-footer__brand col-lg-4 col-md-6<?php echo esc_attr($_brand_vis_cls); ?>">
|
||||
<?php if (!empty($footer_brand['img'])) : ?>
|
||||
<img class="site-footer__logo site-footer__logo--day" src="<?php echo esc_url($footer_brand['img']); ?>" alt="<?php echo esc_attr($blog_name); ?>">
|
||||
<img class="site-footer__logo site-footer__logo--day footer-logo" src="<?php echo esc_url($footer_brand['img']); ?>" alt="<?php echo esc_attr($blog_name); ?>">
|
||||
<?php if (!empty($footer_brand['img_dark'])) : ?>
|
||||
<img class="site-footer__logo site-footer__logo--night" src="<?php echo esc_url($footer_brand['img_dark']); ?>" alt="<?php echo esc_attr($blog_name); ?>">
|
||||
<img class="site-footer__logo site-footer__logo--night footer-logo" src="<?php echo esc_url($footer_brand['img_dark']); ?>" alt="<?php echo esc_attr($blog_name); ?>">
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
<?php if (!empty($footer_brand['title'])) : ?>
|
||||
@@ -133,7 +133,7 @@ $render_link_url = function ($raw) {
|
||||
<?php endif; ?>
|
||||
<p class="site-footer__desc"><?php echo esc_html($blog_description); ?></p>
|
||||
<?php if (!empty($footer_contacts)) : ?>
|
||||
<div class="social-row">
|
||||
<div class="social-row footer-contact">
|
||||
<?php foreach ($footer_contacts as $contact) :
|
||||
$c_icon = $contact['icon'] ?? '';
|
||||
$c_url = $contact['url'] ?? '#';
|
||||
@@ -156,7 +156,7 @@ $render_link_url = function ($raw) {
|
||||
<?php if (!empty($friend_links)) : ?>
|
||||
<div class="site-footer__friends">
|
||||
<h5 class="site-footer__friends-title"><?php esc_html_e('友情链接', 'aksrt'); ?></h5>
|
||||
<div class="site-footer__friends-list">
|
||||
<div class="site-footer__friends-list fcode-links">
|
||||
<?php foreach ($friend_links as $fl) : ?>
|
||||
<a href="<?php echo esc_url($fl['url'] ?? '#'); ?>" target="_blank" rel="noopener noreferrer nofollow"><?php echo esc_html($fl['name'] ?? ''); ?></a>
|
||||
<?php endforeach; ?>
|
||||
@@ -279,7 +279,7 @@ $render_link_url = function ($raw) {
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<p class="site-footer__copyright">
|
||||
<p class="site-footer__copyright footer-conter">
|
||||
© <?php echo esc_html(gmdate('Y')); ?>
|
||||
<?php echo esc_html($blog_name); ?>.
|
||||
<?php
|
||||
|
||||
+1
-1
@@ -219,7 +219,7 @@ if (!empty($aksrt_bg_styles)) {
|
||||
wp_nav_menu([
|
||||
'theme_location' => 'primary',
|
||||
'container' => false,
|
||||
'menu_class' => 'nav-desktop',
|
||||
'menu_class' => 'nav-desktop navbar-nav',
|
||||
'fallback_cb' => false,
|
||||
'depth' => 3,
|
||||
]);
|
||||
|
||||
Reference in New Issue
Block a user