72 lines
1.4 KiB
CSS
Executable File
72 lines
1.4 KiB
CSS
Executable File
.o-thumb-img {
|
||
width: 1001%;
|
||
height: 100%;
|
||
object-fit: cover; /* 效果等同于 background-size: cover */
|
||
}
|
||
|
||
/* 初始态：透明且向下偏移一点点 */
|
||
.ajax-item-fade-in {
|
||
opacity: 0;
|
||
transform: translateY(20px);
|
||
transition: all 0.6s cubic-bezier(0.21, 0.6, 0.35, 1);
|
||
}
|
||
|
||
/* 激活态：自然升起淡入 */
|
||
.ajax-item-fade-in.is-visible {
|
||
opacity: 1;
|
||
transform: translateY(0);
|
||
}
|
||
|
||
.subCopy {
|
||
background-color:gray;
|
||
padding:6px;
|
||
color:#fff;
|
||
}
|
||
|
||
/* 你的 Header 变成固定定位，不占位了 */
|
||
#header {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
z-index: 900;
|
||
height: 70px;
|
||
transition: transform 0.3s ease;
|
||
}
|
||
|
||
/* 隐藏逻辑不变 */
|
||
#header.is-hidden {
|
||
transform: translateY(-100%);
|
||
}
|
||
|
||
/* 关键：给 body 或者包装层加一个 padding，把 Header 的位置留出来 */
|
||
body {
|
||
padding-top: 70px;
|
||
}
|
||
|
||
.theiaStickySidebar[style*="position: fixed"] {
|
||
/* 重点：让它的 top 偏移量动态化 */
|
||
top:24px;
|
||
margin-top: var(--header-offset) !important;
|
||
/* margin-top: -70px !important;*/
|
||
transition: margin-top 0.3s ease; /* 跟 Header 的动画保持同步，丝滑！ */
|
||
}
|
||
|
||
/*.nice-popup {*/
|
||
/* z-index: 1001 !important;*/
|
||
/*}*/
|
||
|
||
/* 当按钮有 loading 类时，直接从浏览器层禁掉所有点击事件 */
|
||
.is-loading {
|
||
pointer-events: none;
|
||
cursor: not-allowed;
|
||
}
|
||
|
||
h2,h3 {
|
||
display:inline;
|
||
}
|
||
|
||
.href {
|
||
color: var(--href) !important;
|
||
}
|