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

对小工具进行了一些修复

Browse Source
This commit is contained in:
kate522
2026-08-26 08:41:24 +08:00
parent e877ceb560
commit bb9413cba6
15 changed files with 463 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/widgets/frontend.css
+53
View File
@@ -150,4 +150,57 @@
.aksrt-widget :where(a, button, input, select, textarea, [tabindex]):focus-visible { outline-color: Highlight !important; }
}
.aksrt-widget--animate { animation: aksrt-widget-fade .55s both; }.aksrt-widget--animate-slideup { animation-name: aksrt-widget-slideup; }.aksrt-widget--animate-slidedown { animation-name: aksrt-widget-slidedown; }.aksrt-widget--animate-slideright { animation-name: aksrt-widget-slideright; }.aksrt-widget--animate-slideleft { animation-name: aksrt-widget-slideleft; }.aksrt-widget--animate-zoomin { animation-name: aksrt-widget-zoomin; }.aksrt-widget--animate-zoomout { animation-name: aksrt-widget-zoomout; }.aksrt-widget--animate-repeat { animation-iteration-count: infinite; animation-duration: 2s; }
/* Zibll modern widget contracts */
.widget-tab-post .tab-content > .tab-pane { display: none; }
.widget-tab-post .tab-content > .tab-pane.active { display: block; }
.widget-tab-post .list-inline { margin: 0 0 15px; padding: 0; list-style: none; }
.widget-tab-post .list-inline > li { display: inline-block; margin: 0 15px 0 0; }
.widget-tab-post .list-inline > li > a { color: inherit; text-decoration: none; cursor: pointer; }
.widget-tab-post .list-inline > li.active > a { color: var(--focus-color, #f04494); }
.widget-tab-post .tab-nav-theme > li { position: relative; padding-bottom: 5px; }
.widget-tab-post .tab-nav-theme > li.active::before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: var(--focus-color, #f04494); }
.widget-tab-post .post_ajax_loader { min-height: 40px; }
.widget-slider-graphic { gap: 10px; align-items: stretch; }
.widget-slider-graphic .slider-col { width: var(--layout-ratio, 60%); min-width: 0; }
.widget-slider-graphic .cover-col { width: calc(100% - var(--layout-ratio, 60%)); }
.widget-slider-graphic .widget-graphic-cover { height: 100%; }
.widget-slider-graphic .widget-graphic-cover > .row { height: 100%; margin: 0 -5px; }
.widget-slider-graphic .widget-graphic-cover > .row > [class*="col-"] { height: 100%; padding: 0 5px; }
.widget-slider-graphic .graphic-cover-item { aspect-ratio: auto; height: var(--cover-ratio, auto); }
.widget-slider-graphic .graphic-cover-item { position: relative; overflow: hidden; min-height: 0; border-radius: var(--aksrt-widget-radius, 8px); background: #111; color: #fff; }
.widget-slider-graphic .graphic-cover-item img, .widget-slider-graphic .graphic-cover-item video { display: block; width: 100%; height: 100%; object-fit: cover; }
.widget-slider-graphic .graphic-cover-title { position: absolute; right: 10px; bottom: 10px; left: 10px; z-index: 1; }
.new-swiper.slide-widget { overflow: hidden; position: relative; }
.new-swiper.slide-widget .swiper-wrapper { height: var(--pc-height, auto); }
.new-swiper.slide-widget.scale-height { height: 0; padding-bottom: var(--scale-height, 35%); }
.new-swiper.slide-widget.scale-height .swiper-wrapper { position: absolute; inset: 0; height: 100%; }
.new-swiper.slide-widget .swiper-slide > a, .new-swiper.slide-widget .swiper-slide > span { position: relative; display: block; width: 100%; height: 100%; }
.new-swiper.slide-widget .swiper-slide img, .new-swiper.slide-widget .swiper-slide video { width: 100%; height: 100%; object-fit: cover; }
.new-swiper.slide-widget .slide-layer { z-index: 1; }
.new-swiper.slide-widget .slide-text { z-index: 2; }
.new-swiper.slide-widget .slide-text.left-bottom { left: 8%; bottom: 10%; }
.new-swiper.slide-widget .slide-text.left-conter { left: 8%; top: 50%; transform: translateY(-50%); }
.new-swiper.slide-widget .slide-text.conter-conter, .new-swiper.slide-widget .slide-text.conter-bottom { left: 50%; transform: translateX(-50%); text-align: center; }
.new-swiper.slide-widget .slide-text.conter-conter { top: 50%; transform: translate(-50%, -50%); }
.new-swiper.slide-widget .slide-text.conter-bottom { bottom: 10%; }
.new-swiper.slide-widget .slide-text.right-conter { right: 8%; top: 50%; transform: translateY(-50%); text-align: right; }
.new-swiper.slide-widget .slide-text.right-bottom { right: 8%; bottom: 10%; text-align: right; }
.new-swiper.slide-widget .slide-title { font-size: var(--text-size-pc, 30px); }
.new-swiper.slide-widget .slide-desc { margin-top: .6em; font-size: 60%; }
@media (max-width: 767px) {
.new-swiper.slide-widget .swiper-wrapper { height: var(--m-height, auto); }
.new-swiper.slide-widget .slide-title { font-size: var(--text-size-m, 20px); }
.widget-slider-graphic { display: block; }
.widget-slider-graphic.m-default { display: flex; }
.widget-slider-graphic.m-default .slider-col { width: var(--layout-ratio, 60%); }
.widget-slider-graphic.m-default .cover-col { width: calc(100% - var(--layout-ratio, 60%)); }
.widget-slider-graphic .slider-col, .widget-slider-graphic .cover-col { width: 100%; }
.widget-slider-graphic.m-hide_slide .slider-col, .widget-slider-graphic.m-hide_cover .cover-col { display: none; }
.widget-slider-graphic .cover-col { width: 100%; }
.widget-slider-graphic .widget-graphic-cover > .row { height: auto; }
.widget-slider-graphic .widget-graphic-cover > .row > [class*="col-"] { height: auto; }
.widget-slider-graphic .graphic-cover-item { height: auto; aspect-ratio: 100 / var(--m-cover-ratio, 45); }
.widget-slider-graphic .cover-col .graphic-text { font-size: var(--font-size-sm, 14px); font-weight: var(--font-weight-sm, normal); color: var(--color-sm, inherit); }
}
@keyframes aksrt-widget-fade { from { opacity: 0; } }@keyframes aksrt-widget-slideup { from { opacity:0;transform:translateY(25px); } }@keyframes aksrt-widget-slidedown { from { opacity:0;transform:translateY(-25px); } }@keyframes aksrt-widget-slideright { from { opacity:0;transform:translateX(-25px); } }@keyframes aksrt-widget-slideleft { from { opacity:0;transform:translateX(25px); } }@keyframes aksrt-widget-zoomin { from { opacity:0;transform:scale(.9); } }@keyframes aksrt-widget-zoomout { from { opacity:0;transform:scale(1.1); } }