kate522/wordpress-theme-aksrt
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:顶部横版卡片

Browse Source
This commit is contained in:
kate522 committed 2026-08-19 17:01:27 +08:00
1 parent d1f700c3d1
commit 0375a11adc
8 files changed
+56 -84
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

assets/css/frontend/header-components.css
-10
View File
@@ -56,16 +56,6 @@
padding-right: 15px;
box-sizing: border-box;
}
.header-slider-card .icon-cover-card.zib-widget,
.header-components-card .icon-cover-card.zib-widget {
margin-bottom: 0;
padding: var(--card-padding, 15px);
box-shadow: 0 0 10px var(--main-shadow, var(--shadow-sm, rgba(116, 116, 116, 0.08)));
border-radius: var(--main-radius, var(--radius, 8px));
background-color: var(--main-bg-color, var(--surface-1, #fff));
height: 100%;
box-sizing: border-box;
}
.filter-blur .header-slider-card .zib-widget,
.filter-blur .header-components-card .zib-widget {
-webkit-backdrop-filter: saturate(5) blur(20px);
assets/css/frontend/header-components/dark-theme.css
+3 -66
View File
@@ -5,6 +5,7 @@ body.dark-theme .header-components-search__form {
background: rgba(30, 30, 30, 0.9);
}
.theme-dark .header-components-search__input,
html.dark .header-components-search__input,
body.dark-theme .header-components-search__input {
@@ -100,18 +101,6 @@ body.dark-theme .header-components-search__input {
margin-bottom: 0;
}
/* Match zibll widget surface so homepage and other page types look identical */
.header-slider-card .icon-cover-card.zib-widget,
.header-components-card .icon-cover-card.zib-widget {
margin-bottom: 0;
padding: var(--card-padding, 15px);
box-shadow: 0 0 10px var(--main-shadow, var(--shadow-sm, rgba(116, 116, 116, 0.08)));
border-radius: var(--main-radius, var(--radius, 8px));
background-color: var(--main-bg-color, var(--surface-1, #fff));
height: 100%;
box-sizing: border-box;
}
/* zibll filter-blur glass on card surfaces + search form */
.filter-blur .header-slider-search .line-form,
.filter-blur .header-components-search .line-form,
@@ -172,12 +161,10 @@ body.dark-theme .filter-blur .header-components-card .zib-widget {
background: var(--blur-bg, rgba(30, 30, 30, 0.75));
}
.header-slider-card .icon-cover-card.zib-widget,
.header-components-card .icon-cover-card.zib-widget {
.header-slider-card .icon-cover-card.zib-widget {
padding: 10px;
}
.header-slider-card .icon-cover-card.padding-10,
.header-components-card .icon-cover-card.padding-10 {
.header-slider-card .icon-cover-card.padding-10 {
padding: 2px;
}
.header-slider-card,
@@ -185,53 +172,3 @@ body.dark-theme .filter-blur .header-components-card .zib-widget {
margin-top: -35px;
}
}
/* icon-cover-card itself is a flex row — do NOT re-skin as a bordered box here.
* Surface comes from .zib-widget / .padding-10; icon badge from .badg.cir + c-*/jb-*. */
.header-slider-card .icon-cover-card,
.header-components-card .icon-cover-card {
display: flex;
align-items: center;
gap: 0;
/* padding comes from .zib-widget or .padding-10 class on the same node */
}
.header-slider-card a.main-color,
.header-components-card a.main-color {
color: inherit;
text-decoration: none;
display: block;
}
.header-slider-card a.main-color:hover,
.header-components-card a.main-color:hover {
color: inherit;
text-decoration: none;
}
/* Let .badg.cir + color modifiers drive icon look; only size/image tweaks here */
.header-slider-card .icon-cover-icon.badg.cir,
.header-components-card .icon-cover-icon.badg.cir {
display: inline-flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
.header-slider-card .icon-cover-icon img,
.header-components-card .icon-cover-icon img {
width: 70%;
height: 70%;
object-fit: contain;
}
.header-slider-card .icon-cover-desc,
.header-components-card .icon-cover-desc {
min-width: 0;
overflow: hidden;
}
.header-slider-card .icon-cover-desc .font-bold,
.header-components-card .icon-cover-desc .font-bold {
font-weight: bold;
}
assets/css/frontend/header-components/search-keywords-row.css
+2 -4
View File
@@ -128,12 +128,10 @@
}
.header-slider-card .icon-cover-card.zib-widget,
.header-components-card .icon-cover-card.zib-widget {
.header-slider-card .icon-cover-card.zib-widget {
padding: 10px;
}
.header-slider-card .icon-cover-card.padding-10,
.header-components-card .icon-cover-card.padding-10 {
.header-slider-card .icon-cover-card.padding-10 {
padding: 2px;
}
assets/widgets/frontend.css
+2 -2
View File
@@ -63,8 +63,8 @@
.aksrt-widget-quote blockquote { margin: 12px 0 0; font-size: 16px; line-height: 1.8; }
.aksrt-widget-quote button { position: absolute; right: 13px; bottom: 13px; width: 30px; height: 30px; border: 0; border-radius: 50%; background: rgba(255,255,255,.16); color: #fff; cursor: pointer; }
.aksrt-widget-icon-card, .aksrt-widget-icon-cards .icon-card, .aksrt-widget-icon-cards .icon-cover-card { min-height: 130px; max-width:280px; margin-right:auto; margin-left:auto; padding: 20px; border-radius: var(--aksrt-widget-radius); background: var(--main-bg-color, #fff); box-shadow: 0 0 10px var(--main-shadow,rgba(116,116,116,.08)); transition: box-shadow .2s; }
.aksrt-widget-icon-card:hover, .aksrt-widget-icon-cards .icon-card:hover, .aksrt-widget-icon-cards .icon-cover-card:hover { box-shadow: 0 0 10px rgba(116,116,116,.14); }
.aksrt-widget-icon-card { min-height: 130px; max-width:280px; margin-right:auto; margin-left:auto; padding: 20px; border-radius: var(--aksrt-widget-radius); background: var(--main-bg-color, #fff); box-shadow: 0 0 10px var(--main-shadow,rgba(116,116,116,.08)); transition: box-shadow .2s; }
.aksrt-widget-icon-card:hover { box-shadow: 0 0 10px rgba(116,116,116,.14); }
.aksrt-widget-icon-card { display: flex; flex-direction: column; gap: 12px; text-align: center; }
.aksrt-widget-icon-cards--cover .aksrt-widget-icon-card { flex-direction: row; align-items: center; text-align: left; }
.aksrt-widget-icon-card > i { font-size: 34px; color: var(--focus-color, #ff5473); transition:transform .3s; }