对小工具进行了一些修复

This commit is contained in:
2026-08-26 09:30:40 +08:00
parent bb9413cba6
commit 411905f919
7 changed files with 128 additions and 43 deletions
+25 -8
View File
@@ -63,14 +63,31 @@
.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 { 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; }
.aksrt-widget-icon-card:hover > i { transform:scale(1.05); }
.aksrt-widget-icon-card span { display: flex; flex-direction: column; gap: 5px; }
.aksrt-widget-icon-card small { color: var(--muted-color, #8a8c98); }
/* Zibll icon-card contracts (vertical + horizontal variants). */
.icon-card { max-width:280px; margin-left:auto; margin-right:auto; text-align:center; color:var(--main-color,#333); }
.icon-card .card-icon { display:inline-block; height:1.1em; transition:.3s; }
.icon-card .card-icon.toggle-radius { width:2.2em; height:2.2em; }
.icon-card .toggle-radius .fa { font-size:.9em; }
.icon-card:hover .card-icon { transform:scale(1.05); }
.icon-card .card-icon img, .icon-cover-icon img { width:1em; height:1em; object-fit:contain; vertical-align:middle; }
.icon-cover-card { min-width:0; color:var(--main-color,#333); }
.icon-cover-card .icon-cover-icon { display:inline-flex; align-items:center; justify-content:center; flex:none; }
.icon-cover-card .icon-cover-desc { min-width:0; }
.icon-cover-card .icon-cover-desc > div { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.icon-cover-card a, .icon-card a { color:inherit; text-decoration:none; }
.icon-cover-card .font-bold, .icon-card .font-bold { font-weight:700; }
.icon-cover-card .muted-color, .icon-card .muted-color { color:var(--muted-color,#8a8c98); }
.icon-cover-card .badg.cir { border-radius:50%; }
.icon-cover-card .badg.cir.radius4 { border-radius:4px; }
.zib-widget { border-radius:var(--main-radius,8px); background:var(--main-bg-color,#fff); box-shadow:0 0 10px var(--main-shadow,rgba(116,116,116,.08)); }
.zib-widget.padding-10 { padding:10px; }
.zib-widget.nobottom.notop { padding-top:0; padding-bottom:0; }
.row.gutters-5 { margin-left:-2.5px; margin-right:-2.5px; }
.row.gutters-5 > [class*="col-"] { padding-left:2.5px; padding-right:2.5px; }
@media (max-width:767px) {
.icon-card, .icon-cover-card { font-size:12px; }
.icon-cover-card { padding-top:8px; padding-bottom:8px; }
}
.aksrt-widget-video { position: relative; overflow: hidden; border-radius: var(--aksrt-widget-radius); background: #000; aspect-ratio: 16 / 9; }
.aksrt-widget-video--4-3 { aspect-ratio: 4 / 3; }.aksrt-widget-video--1-1 { aspect-ratio: 1; }.aksrt-widget-video--auto { aspect-ratio: auto; }