子比自定义代码样式-网站建设服务中心-电脑网络-本牛千智丨专注WorkFine开发

子比自定义代码样式

图片类

图片下半部分模糊去除

注意:可能会影响图片标题

/*图库模糊去除开始*/
/* 方法2:防止父容器添加模糊层(常见于某些主题) */
.wp-block-image,
.wp-block-gallery .blocks-gallery-item {
    position: relative !important;
}

/* 移除 ::before 伪元素,避免额外的背景或效果 */
.wp-block-image::before,
.blocks-gallery-item::before {
    display: none !important;
}

/* 调整 figcaption 样式 */
figcaption.wp-element-caption {
    /* 去除阴影效果 */
    box-shadow: none !important;

    /* 设置文字颜色 */
    color: #ffffff !important; /* 白色,可以根据需要更改为其他颜色 */

    /* 可选:根据需求调整其他样式属性 */
    padding: 4px 8px !important;
    font-size: 16px !important;
    text-align: center !important;
    line-height: 1.4 !important;
    background-color: transparent !important; /* 确保没有背景颜色 */
}
/*图库模糊去除结束*/

自用备份


/* Mermaid 插件开始*/
/* 前端 Mermaid 图表自动跟随主题主色 */
.wp-block-merpress-mermaidjs .mermaid svg .flowchart-link,
.wp-block-merpress-mermaidjs .mermaid svg .edgePath .path {
    stroke: var(--focus-color, #005299) !important; /* 如果变量不存在,回退到 #005299 */
    stroke-width: 1px !important;
}
.wp-block-merpress-mermaidjs .mermaid svg .arrowMarkerPath {
    fill: var(--focus-color, #005299) !important;
    stroke: var(--focus-color, #005299) !important;
}

/* 通用:所有 Merpress 图表容器 */
.wp-block-merpress-mermaidjs {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* 针对 Mermaid 源码渲染(SVG) */
.wp-block-merpress-mermaidjs.diagram-source-mermaid .mermaid,
.wp-block-merpress-mermaidjs.diagram-source-mermaid .mermaid svg {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

/* 针对图片输出模式(包括懒加载后的图片) */
.wp-block-merpress-mermaidjs.diagram-source-image img,
.wp-block-merpress-mermaidjs img.lazyloaded,
.wp-block-merpress-mermaidjs img.lazyloadafter {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    /* 关键:清除可能被 JS 设置的固定尺寸 */
    min-width: 0 !important;
    min-height: 0 !important;
}

/* Mermaid 插件结束*/


/* 子比主题:优化文章阅读字体 + 字间距 */
.article-content {
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif !important;
    letter-spacing: 0.08em !important;
    font-size: 16px; /* 可选:确保正文字号适中 */
    line-height: 1.8; /* 可选:增加行高提升可读性 */
}

.article-title {
    font-family: "Helvetica Neue", "PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif !important;
    letter-spacing: 0.06em !important; /* 标题字间距略小更稳重 */
}
/*分类文字隐藏*/
body > main > div > div > div.page-cover.zib-widget > div.list-inline.box-body.page-cover-con > div.title-h-left, div.em09.page-desc {display: none}

/*行代码*/
.wp-posts-content code:not([class]) {
 font-size: 95%;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #D95A4E;
    background-color: rgba(254,206,125,.3);
    margin: 2px 2px 2px 2px;
}


/*文章随机彩色标签*/
.article-tags{margin-bottom: 10px}.article-tags a{padding: 4px 10px;background-color: #19B5FE;color: white;font-size: 12px;line-height: 16px;font-weight: 400;margin: 0 5px 5px 0;border-radius: 2px;display: inline-block}.article-tags a:nth-child(5n){background-color: #4A4A4A;color: #FFF}.article-tags a:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.article-tags a:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.article-tags a:nth-child(5n+3){background-color: #1ac756;color: #FFF}.article-tags a:nth-child(5n+4){background-color: #19B5FE;color: #FFF}.article-tags a:hover{background-color: #1B1B1B;color: #FFF}



/*鼠标移动图片外发光*/
.wp-posts-content img:hover {
box-shadow:0px 0px 8px #63B8FF;
}


/*文本选择颜色*/
::selection {
    background:#005095;
    color: #FFFFFF;
}


/*鸿蒙字体*/
    @font-face{
        font-family: "HarmonyOS_Sans_SC_Medium";
        src: url("/wp-content/Font/HarmonyOS_Sans_SC_Medium.woff2") format("woff2");
        font-display: swap;
      }
      *{
        font-family: "HarmonyOS_Sans_SC_Medium";
      }
/*文章卡片隐藏价格信息*/
.meta-pay
{display: none}

/*专题名称隐藏*/
.list-inline.box-body.abs-center.text-center,.page-mask {
  display: none;
}

/*分类遮照隐藏*/
.linear-mask {
  display: none;
}


鸿蒙字体应用代码

/*鸿蒙字体*/
    @font-face{
        font-family: "HarmonyOS_Sans_SC_Medium";
        src: url("/wp-content/Font/HarmonyOS_Sans_SC_Medium.woff2") format("woff2");
        font-display: swap;
      }
      *{
        font-family: "HarmonyOS_Sans_SC_Medium";
      }
请登录后发表评论

    请登录后查看回复内容