Rewrite footer markup to zib_footer_con contract: single adaptive logo (white-src/dark-src), fcode-links HTML primary, float third column, hidden-xs, toggle-radius contacts, miniimg structure, customize-first footer-conter. Restyle zibll-shell CSS and drop conflicting site-footer BEM padding so filled footer data matches Zibll layout.
35 lines
1.0 KiB
CSS
35 lines
1.0 KiB
CSS
/* ============================================================
|
|
* AKSRT Footer utilities — float buttons start + device helpers
|
|
* Main template_1 shell: zibll-shell.css
|
|
* Tabbar / float details: part-2.css+
|
|
* ============================================================ */
|
|
|
|
:root {
|
|
--aksrt-footer-tabbar-height: 49px;
|
|
}
|
|
|
|
/* Device visibility utility classes */
|
|
@media (max-width: 767px) {
|
|
.hide-on-mobile { display: none !important; }
|
|
.hidden-xs { display: none !important; }
|
|
}
|
|
@media (min-width: 768px) {
|
|
.hide-on-desktop { display: none !important; }
|
|
.hide-on-pc { display: none !important; }
|
|
}
|
|
|
|
/* ============================================================
|
|
* 浮动右侧按钮组(模仿 zibll float-right)— continued in part-2
|
|
* ============================================================ */
|
|
/* 对齐 zibll: bottom 60px, z-index 1030 */
|
|
.float-right-btns {
|
|
position: fixed;
|
|
right: 20px;
|
|
bottom: 60px;
|
|
z-index: 1030;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
transition: opacity 0.3s ease;
|
|
}
|