乾坤堂修改记录

乾坤堂模板自定义CSS

/*%u5B57%u4F53*/
.ipsRichText{
    font-family: "Georgia", "Times New Roman", serif;
}

/*%u5934%u50CF%u5C45%u53F3*/
.ipsUserNav--member{
    flex-direction: row-reverse;
}

/*%u79FB%u52A8%u7AEF%u9690%u85CF%u5143%u7D20*/
@container (max-width:750px){
    .ipsData--table.ipsData--forum-category :is(.ipsData__desc, .ipsData__last){
        display: none;
    }
}

/*%u79FB%u52A8%u7AEF%u9690%u85CF%u5143%u7D20*/
@media screen and (max-width: 750px) {
    .ipsData__stats {
        display: none !important;
    }
}


/*%u9690%u85CF%u535A%u5BA2%u9876%u56FE*/
.ipsCoverPhoto {
    display: none !important;
}

/* %u79FB%u52A8%u7AEF%u7F6E%u9876%u4E0B%u8F7D%u4FA7%u8FB9%u680F%u548C%u5C01%u9762%u56FE */
@media screen and (max-width: 750px) {
    .ipsColumns__secondary.i-basis_380,
    .i-basis_100p {
        order: -1;
        width: 100%;
    }
}

/*%u79FB%u52A8%u7AEF%u9690%u85CF%u6587%u4EF6%u4FE1%u606F*/
@media screen and (max-width: 767px) {
    .ipsList.ipsList--label-value.ipsList--border.ipsList--icons {
        display: none !important;
    }
}

/*%u79FB%u52A8%u7AEF%u9690%u85CF%u53D1%u5E16%u5E95%u90E8%u8BBE%u7F6E*/
@media screen and (max-width: 750px) {
  .ipsForm.ipsForm--vertical.ipsForm--topic-mod-options {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
    .ipsData.ipsData--table.ipsData--forumFeedView {
        display: none !important;
    }
}

.ipsItemStatus.ipsItemStatus_read {
    display: none !important;
}

.ipsIndicator {
    display: none !important;
}

.ipsData.ipsData--table.ipsData--category.ipsData--forum-category.ipsBox__content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* %u9879%u4E4B%u95F4%u95F4%u8DDD%uFF0C%u53EF%u6839%u636E%u559C%u597D%u8C03%u6574 */
}

/* %u5F3A%u5236%u4E24%u5217%u677F%u5757 */
.ipsData.ipsData--table.ipsData--category.ipsData--forum-category.ipsBox__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* %u4E24%u5217 */
    gap: 20px; /* %u95F4%u8DDD */
}

/* %u9690%u85CF%u672A%u8BFB%u5E16%u5B50%u7684%u9AD8%u4EAE%u6837%u5F0F */
.ipsItemStatus.ipsItemStatus_unread {
    background-color: transparent !important; /* %u53BB%u6389%u80CC%u666F%u8272 */
    color: inherit !important; /* %u6062%u590D%u9ED8%u8BA4%u6587%u5B57%u989C%u8272 */
}

.ipsData__meta {
    display: none !important;
}

/* %u79FB%u52A8%u7AEF%u7F29%u653E%u4E3A 0.8 */
@media screen and (max-width: 768px) {
    body {
        zoom: 0.9;
    }
}

.ipsBox,
.ipsPull {
    margin-bottom: 5px;
    padding-bottom: 3px;
    line-height: 1.1;
}

/*在移动端隐藏块间距*/
@media screen and (max-width: 768px) {
    .cWidgetContainer--isGroup {
        display: none !important;
    }
}

/*隐藏下载数元素*/
.ipsData__stats {
    display: none !important;
}

游客提示登录才可以查看内容

{{if !member.member_id}}
<style>
  .content-blur {
    filter: blur(3px);
    pointer-events: none;
    user-select: none;
  }
  .blur-overlay {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background: rgba(255,255,255,0.8);
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    text-align: center;
    font-size: 20px;
    color: #333;
  }
  .blur-overlay a {
    color: #0066cc;
    text-decoration: underline;
  }
</style>
<script>
  document.addEventListener("DOMContentLoaded", function () {
    const urlPath = window.location.pathname;
    const isTargetPage = urlPath.match(/^\/(blogs|gallery)\//);

    if (isTargetPage) {
      // 找到内容区域 - 根据你的网站结构调整选择器
      const contentArea = document.querySelector('.content-area, .post-content, .article-content') || 
                          document.querySelector('main, article') || 
                          document.getElementById('content');
      
      if (contentArea) {
        // 只模糊内容区域
        contentArea.classList.add("content-blur");

        // 添加遮罩层
        const overlay = document.createElement("div");
        overlay.className = "blur-overlay";
        overlay.innerHTML = '您需要 <a href="/login">登录</a> 才能查看完整内容';
        
        // 将遮罩层插入到内容区域附近
        contentArea.parentNode.insertBefore(overlay, contentArea.nextSibling);
      }
    }
  });
</script>
{{endif}}