/* Theme Name: pic-box Description: A blank child theme of the "puock" theme. Author: c Template: puock Version: 1.0.0 Text Domain: pic-box */ /* 在此开始编写你的子主题样式 */ /* 小屏（< 768px）时两列，预留一些间距用 47.8% */ @media (max-width: 767.98px) { .post-item.col-6 { flex: 0 0 47.8%; max-width: 47.8%; } } /* PC（≥768px）保持 5 列 */ @media (min-width: 768px) { .post-item.col-md-2 { flex: 0 0 24%; max-width: 24%; } figure { margin: 0 120px /* PC端文章详情图片两边间距*/ } } /*小小屏收集一行一个*/ @media (max-width: 379.98px) { /* 提高一点具体性，避免被 .col-6 覆盖 */ .post-item.col-6.col-xs-full { flex: 0 0 100%; width: 100%; max-width: 100%; } } /* 两组卡片的边距 */ #posts .post-item-card:nth-child(odd) { padding-left:0; padding-right:0; } #posts .post-item-card:nth-child(even) { padding-right: 0; padding-left: 0 } /* 首页卡片之间间距 */ .mr-0 { gap: 16px; } /* 整个卡片容器边距 */ .p-block,.widget { margin:0 ; border-radius: 6px } /* 卡片内容！！"文本"！！间距为10 */ #posts .post-item-card .post-info { padding: 10px 0; } /* 卡片内容！！"文本上方"！！间距为10 */ #posts .post-item-card .post-info { margin-top: 0; } /* 卡片内容！！"整体"！！间距为0 */ #posts .post-item .post-item-block { padding: 0; } /* 首页缩略图圆角 */ #posts .post-item .thumbnail { border-radius: 5px 5px 0 0; } /* 页脚上方间距 */ #footer { margin-top: 10px; } /* 卡片标题：最多两行，超出省略号 */ #posts .post-item .post-info .info-title a { white-space: normal !important; /* 允许换行，覆盖原来的 nowrap */ display: -webkit-box; /* 让 -webkit-line-clamp 生效 */ -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 2 行 */ overflow: hidden; /* 超出隐藏并加省略号 */ text-overflow: ellipsis; line-height: 1.4; /* 可按视觉微调 */ max-height: calc(1.4em * 2); display: block; /* 若链接是 inline，建议设为块级（可选） */ font-weight: 600; } /* 可选：很长的连续英文/网址也能断行 */ #posts .post-item .post-info .info-title a { word-break: break-word; /* 或 break-all 视需求 */ } /* 外层容器裁切（隐藏垂直滚动条可能的露出） */ .post-item .meta-scroll { overflow: hidden; } /* 横向一行，不换行；超出可横向滚动；手机顺滑滚动 */ .post-item .meta-track { display: flex; align-items: center; flex-wrap: nowrap; /* 不换行 */ gap: 8px; /* 胶囊之间间距 */ overflow-x: auto; /* 超出时横向滚动 */ overflow-y: hidden; white-space: nowrap; /* 兜底：即使子元素不是 flex 也不换行 */ -webkit-overflow-scrolling: touch; scroll-behavior: smooth; padding-bottom: 2px; /* 兼容某些系统滚动条高度 */ cursor: grab; /* PC 拖动光标（与 JS 配合更自然） */ } /* 可选：隐藏横向滚动条的视觉（仍可滚动） */ .post-item .meta-track::-webkit-scrollbar { height: 0; } .post-item .meta-track { scrollbar-width: none; } /* Firefox */ /* 确保每个子项都当成“胶囊”，不被压缩换行 */ .post-item .meta-track > * { flex: 0 0 auto; } /* 主题里 tags 容器可能是 block 并带上下外边距，改为行内 & 去掉外边距 */ .post-item .meta-track .tags { display: inline-flex !important; flex-wrap: nowrap; align-items: center; gap: 8px; margin: 0 !important; padding: 0; } /* 有些主题会给每个标签加 .mb10，去掉这个外边距以防撑高 */ .post-item .meta-track .mb10 { margin: 0 !important; } /* 分类徽章若没间距，这里加一点右距（可按需调整） */ .post-item .meta-track .badge { /*display: inline-flex;*/ align-items: center; margin-right: 4px; } .simple-page-nav { text-align:center; gap: 2rem; } .simple-page-nav .nav-btn, .simple-page-nav .page-indicator{ display:inline-block; padding:6px 18px; border-radius:6px; background:#fe628e; /* 深灰 */ color:#fff; font-size:14px; } .simple-page-nav .nav-btn.disabled{ opacity:.4; cursor:default; pointer-events:none; } .simple-page-nav .page-indicator{ background:#374151; /* 略深一点 */ } .simple-page-nav .page-indicator strong{ font-weight:600; color:#fff; } /* 追加到 style.css 最后，或放在自定义 CSS 面板中 */ .simple-page-nav .page-indicator{ background: transparent; /* 取消深灰底 */ color: #666; /* 文字变 #666 */ } /* 加粗数字也要同色，否则还是白色 */ .simple-page-nav .page-indicator strong{ color: #666; } .simple-page-nav .page-indicator{ padding: 0; /* 去掉内边距 */ border-radius: 0; /* 去掉圆角 */ } .simple-page-nav .nav-btn { color: #fff !important; /* 或 #666 / #333 等 */ } /* 让正文容器成为定位参照 */ .entry-content, .post-main { position: relative; } /* 覆盖在正文区域的透明热区 */ .page-click-zone { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; /* 默认不拦截事件 */ z-index: 30; /* 适当比图片高，比弹窗低即可 */ } /* 左、右各占 50%，真正可点击 */ .page-click-zone a { position: absolute; top: 0; bottom: 0; width: 50%; text-indent: -9999px; /* 无可见文本 */ pointer-events: auto; /* 恢复可点击 */ } /* 上一页 —— 左箭头光标 */ .page-click-zone .zone-prev { left: 0; cursor: /* ① data:CUR（兼容 Chrome/Edge/Firefox）*/ url("data:image/x-icon;base64,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") 0 0, /* ③ 再回退浏览器原生 w-resize */ w-resize; } /* 下一页 —— 右箭头光标 */ .page-click-zone .zone-next { right: 0; cursor: url("data:image/x-icon;base64,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") 31 0, e-resize; } /* 可选：悬停时给轻微背景提示，调试用，OK 后可删 */ .page-click-zone a:hover { /* background: rgba(0,0,0,.05); */ } /* ① 点击区保持较低层级 */ .page-click-zone { z-index: 5; } /* ② 正文里承担排版的文字块提到更高层级 */ .entry-content p, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content ul, .entry-content ol, .entry-content blockquote, .entry-content pre { position: relative; /* 开启定位环境 */ z-index: 10; /* 比 .page-click-zone 高即可 */ } /* PC端文章详情图片两边间距*/ @media (min-width: 768px) { figure { margin: 0 120px } } /* =============================================================== 显示可见翻页箭头（左 ← / 右 → ）—— 仅靠 CSS & 内嵌 SVG - 默认透明，鼠标进入左右热区时淡入 - 不引入任何外部字体 / 图片文件 - 所有颜色均可在 data‑URI 中自行改写（# 转 %23） =============================================================== */ /* 可调变量（也可删除） */ :root{ --arrow-size: 40px; /* 箭头盒子宽高 */ --arrow-offset: 16px; /* 箭头离页面边缘距离 */ } /* 公共伪元素初始态 */ .page-click-zone .zone-prev::after, .page-click-zone .zone-next::after{ content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: var(--arrow-size); height: var(--arrow-size); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 0; /* 默认隐藏 */ transition: opacity .2s ease; /* 淡入淡出 */ pointer-events: none; /* 不抢点击 */ } /* —— 左侧（上一页）← —— */ .page-click-zone .zone-prev::after{ left: var(--arrow-offset); /* 深灰 #666 → `%23666`；SVG 路径已转义为 URL 安全格式 */ background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23666'%3E%3Cpath%20d='M15.41%207.41L14%206L8%2012L14%2018L15.41%2016.59L10.83%2012z'/%3E%3C/svg%3E"); } /* —— 右侧（下一页）→ —— */ .page-click-zone .zone-next::after{ right: var(--arrow-offset); background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23666'%3E%3Cpath%20d='M8.59%207.41L13.17%2012L8.59%2016.59L10%2018l6-6-6-6z'/%3E%3C/svg%3E"); } /* 悬停时显示箭头（也可改为始终可见：把 opacity:0 → .6，再删掉此段） */ .page-click-zone .zone-prev:hover::after, .page-click-zone .zone-next:hover::after{ opacity: 1; } /* （可选）悬停时给箭头一点点高亮或阴影 */ .page-click-zone .zone-prev:hover::after, .page-click-zone .zone-next:hover::after{ filter: drop-shadow(0 0 2px rgba(0,0,0,.25)); } /* 仅作用于那一条 bar，不影响其它地方 */ .post-meta-bar { margin-top:0; /* 原来 .mt20 是 20px，这里改成需要的数值 */ font-size: 16px /* 覆盖 .t-sm 的 12px */ } /* =============================================================== 仅给“上一篇 / 下一篇”留白、行高、字体等，不改配色 =============================================================== */ /* 外层容器：左右 + 顶部 16px 空隙；底部跟主题用 margin-bottom */ .p-block-box-wrapper{ padding-left: 1rem; /* ← 16px */ padding-right: 1rem; /* → 16px */ padding-top: 1rem; /* ↑ 16px */ margin-bottom: 1rem; /* ↓ 16px，可按需改 */ } /* * 内层 .p-block 继承了主题亮/暗配色，这里只补充布局细节 */ .p-block.p-block-box{ /* 如不想额外内边距就保持 0；否则写 padding:... */ padding: 0; } /* 列内容垂直居中 + 行高统一 */ .single-next-or-pre > .col-6{ display: flex; align-items: center; justify-content: center; min-height: 56px; font-size: .875rem; } /* 中线颜色 – 跟随主题变量 */ .single-next-or-pre .border-end{ border-color: var(--bs-border-color, #e5e5e5); } /* 无链接时淡化 & 禁点 */ .single-next-or-pre a.disabled{ opacity: .55; pointer-events: none; } /* hover 高亮有效链接 */ .single-next-or-pre a:not(.disabled):hover .t-line-1{ color: var(--bs-primary, #007bff); } /* =============================================================== 修复“上一篇 / 下一篇”标题溢出 =============================================================== */ /* 1) 仍然用 flex 垂直居中，但允许子元素收缩 */ .single-next-or-pre > .col-6{ display: flex; align-items: center; justify-content: center; /* 防止超长文字把整列往外挤 */ overflow: hidden; } /* 2) 让 a.abhl / div.abhl 在列里占满宽度，并且可以被压缩 */ .single-next-or-pre > .col-6 > a, .single-next-or-pre > .col-6 > div{ flex: 1 1 0; /* 关键：允许收缩 (1 1 0) + 占满可用空间 */ min-width: 0; /* 关键：让 flex‐item 可以比内容更窄，从而触发省略号 */ display: flex; flex-direction: column; /* 竖排：标题在上， “上一篇”在下 */ align-items: center; justify-content: center; } /* 3) 标题本身做单行省略号 */ .single-next-or-pre .t-line-1{ display: -webkit-box; /* 关键：使用弹性盒模型 */ -webkit-box-orient: vertical; /* 文字垂直排列 */ -webkit-line-clamp: 2; /* 限制显示2行 */ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space:normal; word-break: break-word; /* 长单词/URL强制换行 */ } /* 设置上一篇/下一篇文字样式 */ .single-next-or-pre .abhl span { font-size: 12px; /* 字号 */ color: #999999; /* 颜色 */ font-weight: normal; /* 字重 */ display: block; /* 独占一行（默认样式可能已包含） */ margin-top: 5px; /* 与标题的间距 */ } .post-relevant .post-relevant-item>div:before { z-index: 0; border-radius:4px; } /* 分类圆角 */ .badge { border-radius: 4px; } /* 标签圆角 */ .pk-badge { border-radius: 4px; } .info .c-sub { display: none !important; } #rb-float-actions { position: fixed; right: 10px; bottom: 151px; } /* 暗黑模式 */ body.puock-dark { --pk-bg-body: #000000; --pk-bg-box: #000000; --pk-c-font: #dfdfdf; --pk-bg-box-content: #000000; --pk-c-input-bg: #000000; } /* 白天模式 */ body { --pk-bg-body: #000000; --pk-bg-box: #000000; --pk-c-font: #dfdfdf; --pk-bg-box-content: #000000; --pk-c-input-bg: #000000; } .p-block,.widget { box-shadow: none; } /* 标签样式 */ .pk-badge { display: inline-block; padding: 5px 10px; cursor: pointer; border-radius: 4px; background-color: #ffffff; color: #333333 !important } .badge { top: 0; } .fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas { line-height: 1.23; } /*文字logo*/ #logo .txt-logo { color: #333333; line-height: 45px; font-weight: 600; } /*header菜单字体颜色*/ #menus ul li a { color: rgb(0, 0, 0); font-size: 16px; padding: 0 1rem; } #menus ul .sub-menu { background: #ffffff; min-width: 330px; } #menus ul .sub-menu li{ display:inline-block; /* 或 list-item / flex / unset / revert 等 */ width: 164px; } /* 禁用点击，光标也变成默认 */ .no-click > a{ pointer-events:none; /* 彻底不响应鼠标 */ cursor:default; /* 不再显示小手 */ color:inherit; /* 避免变成 # 链接常见的蓝色 */ } /* ①