kate522
6c354fb086
Align single-post layout/visuals with Zibll: fix sidebar-over-content float geometry (position:unset, 311px token, kill Bootstrap/container padding and the 280px sidebar override), demote theme-box to spacing- only, unify breadcrumb/cover/graphic utilities, and split aksrt-single render helpers under the file-size limit.
120 lines
2.5 KiB
CSS
120 lines
2.5 KiB
CSS
/* ========== 面包屑导航 — 对齐 zibll .breadcrumb (main.css) ========== */
|
|
/* Single source for breadcrumb chrome. Do not re-define in layout.css. */
|
|
|
|
.breadcrumb,
|
|
ul.breadcrumb,
|
|
.breadcrumb-nav,
|
|
.breadcrumbs-wrap {
|
|
background: transparent;
|
|
font-size: 13px;
|
|
padding: 0 8px;
|
|
margin: 0 0 12px;
|
|
opacity: 0.6;
|
|
line-height: 1.8;
|
|
list-style: none;
|
|
}
|
|
|
|
.breadcrumb-nav ol,
|
|
.breadcrumb-nav ul,
|
|
ul.breadcrumb,
|
|
.breadcrumbs.breadcrumb {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: block;
|
|
}
|
|
|
|
/* Zibll uses flat li + li:before separators (not flex-gap nodes) */
|
|
.breadcrumb > li,
|
|
ul.breadcrumb > li,
|
|
.breadcrumb-nav li,
|
|
.breadcrumbs.breadcrumb > li {
|
|
display: inline;
|
|
}
|
|
|
|
.breadcrumb > li + li:before,
|
|
ul.breadcrumb > li + li:before,
|
|
.breadcrumb-nav li + li:before {
|
|
content: "/";
|
|
padding: 0 0 0 6px;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
/* Archive/nav variant may still stamp sep nodes — keep neutral */
|
|
.breadcrumbs.breadcrumb .breadcrumbs__sep {
|
|
padding: 0 6px;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.breadcrumb a,
|
|
ul.breadcrumb a,
|
|
.breadcrumb-nav a,
|
|
.breadcrumbs a {
|
|
color: var(--muted-2-color, var(--color-ink-4, #999));
|
|
text-decoration: none;
|
|
transition: color 0.2s;
|
|
}
|
|
|
|
.breadcrumb a:hover,
|
|
ul.breadcrumb a:hover,
|
|
.breadcrumb-nav a:hover,
|
|
.breadcrumbs a:hover {
|
|
color: var(--focus-color, var(--color-primary, #f04494));
|
|
}
|
|
|
|
.breadcrumb > li:last-child,
|
|
ul.breadcrumb > li:last-child,
|
|
.breadcrumb-nav .current,
|
|
.breadcrumbs__item.is-current {
|
|
color: var(--main-color, var(--color-ink-2, #4e5358));
|
|
}
|
|
|
|
/* Cover / video footer breadcrumb — Zibll single-cover-con / single-video */
|
|
.single-cover-con .breadcrumb,
|
|
.single-cover-con ul.breadcrumb,
|
|
.single-cover-con .breadcrumb-nav,
|
|
.post-breadcrumbs .breadcrumb,
|
|
.single-video .breadcrumb {
|
|
font-size: 13px;
|
|
margin: 5px 0 0 -6px;
|
|
opacity: unset;
|
|
padding: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
.single-video .breadcrumb {
|
|
padding: 0;
|
|
}
|
|
|
|
.single-cover-con .breadcrumb,
|
|
.single-cover-con ul.breadcrumb,
|
|
.single-cover-con .breadcrumb-nav {
|
|
color: rgba(255, 255, 255, 0.85);
|
|
}
|
|
|
|
.single-cover-con .breadcrumb a,
|
|
.single-cover-con ul.breadcrumb a,
|
|
.single-cover-con .breadcrumb-nav a {
|
|
color: rgba(255, 255, 255, 0.85);
|
|
}
|
|
|
|
.single-cover-con .breadcrumb a:hover,
|
|
.single-cover-con ul.breadcrumb a:hover,
|
|
.single-cover-con .breadcrumb-nav a:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.single-cover-con .breadcrumb > li:last-child,
|
|
.single-cover-con ul.breadcrumb > li:last-child {
|
|
color: #fff;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.breadcrumb,
|
|
ul.breadcrumb,
|
|
.breadcrumb-nav,
|
|
.breadcrumbs-wrap {
|
|
font-size: 12px;
|
|
}
|
|
}
|