模板:主题-汇佳：修订间差异

来自SOKA CAFE
可视化wikitext
Banmad3n
Banmad3n（留言 | 贡献） （Beautification）
Banmad3n
Banmad3n（留言 | 贡献） （优化Skin）
 
（未显示同一用户的2个中间版本）
第2行： 第2行：
<html>
<html>
<style>
<style>
/**
/* --- 1. Imports & Root Variables --- */
* HUIJIA FUN - TIMELESS CONSOLIDATED THEME (v3.4)
* Fix: Corrected @import syntax for LXGW WenKai
*/
 
/* --- 1. Imports --- */
@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&family=Noto+Serif+SC:wght@600;900&family=JetBrains+Mono:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&family=Noto+Serif+SC:wght@600;900&family=JetBrains+Mono:wght@400;700&display=swap');
@import url('https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-webfont@1.1.0/style.css');
@import url('https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-webfont@1.1.0/style.css');


/* --- 2. Root Variables --- */
:root {
:root {
     --mw-primary: #025F32;
     --mw-primary: #025F32;
第21行： 第15行：
     --mw-border: #A3B1A8;
     --mw-border: #A3B1A8;
     --mw-radius: 12px;
     --mw-radius: 12px;
   
    /* 字体定义 */
     --font-heading: 'ZCOOL XiaoWei', 'Noto Serif SC', serif;
     --font-heading: 'ZCOOL XiaoWei', 'Noto Serif SC', serif;
    /* 这里的字体名称必须与 CDN 样式表内的定义的名称一致 */
     --font-body: 'LXGW WenKai Screen', 'PingFang SC', 'Microsoft YaHei', sans-serif;
     --font-body: 'LXGW WenKai Screen', 'PingFang SC', 'Microsoft YaHei', sans-serif;
     --font-code: 'JetBrains Mono', monospace;
     --font-code: 'JetBrains Mono', monospace;
   
     --shadow-subtle: 0 10px 30px rgba(0, 0, 0, 0.04);
     --shadow-subtle: 0 10px 30px rgba(0, 0, 0, 0.04);
}
}


/* --- 3. Global Typography & Layout --- */
/* --- 2. Global Typography & Layout --- */
body {
body {
     background-color: var(--mw-bg-page);
     background-color: var(--mw-bg-page);
     color: #2c3e50;
     color: #2c3e50;
     font-family: var(--font-body);
     font-family: var(--font-body);
     line-height: 1.85;
     line-height: 1.75;
     -webkit-font-smoothing: antialiased;
     -webkit-font-smoothing: antialiased; /* Ported from CN for crisper EN text */
}
}


第43行： 第33行：
     background: transparent;
     background: transparent;
     padding-top: 0px;
     padding-top: 0px;
    box-shadow: 0 0px 0px 0px transparent;
}
}


#mw-content {
#mw-content {
     background-color: var(--mw-bg-card);
     background-color: var(--mw-bg-card);
     padding: 35px 40px;
     padding: 25px 30px; /* Ported from CN for better whitespace */
     border-radius: var(--mw-radius);
     border-radius: var(--mw-radius);
     border: 1px solid var(--mw-border);
     border: 1px solid var(--mw-border);
第55行： 第46行：
}
}


/* --- 4. Avatar & Logo Symmetry --- */
/* --- 3. Avatar & Logo Symmetry --- */
#p-logo, .mw-portlet-logo {
#p-logo, .mw-portlet-logo {
     display: flex !important;
     display: flex !important;
第64行： 第55行：
}
}


/* #p-logo img {
#p-logo img {
     border-radius: 4px;
     border-radius: 4px;
     box-shadow: 0 4px 12px rgba(0,0,0,0.06);
     box-shadow: 0 4px 12px rgba(0,0,0,0.06);
     transition: transform 0.2s ease;
     transition: transform 0.2s ease;
} */
}


#p-logo img:hover {
#p-logo img:hover {
第74行： 第65行：
}
}


/* --- 5. Fixed Pill Search Bar --- */
/* --- 4. Fixed Pill Search Bar --- */
#p-search {
#p-search {
     margin: 0 20px !important;
     margin: 0 20px !important;
第84行： 第75行：
     background: #ffffff !important;
     background: #ffffff !important;
     border: 1px solid var(--mw-border) !important;
     border: 1px solid var(--mw-border) !important;
     border-radius: 30px !important;
     border-radius: 30px !important;  
     display: flex !important;
     display: flex !important;
     flex-direction: row !important;
     flex-direction: row !important;
第91行： 第82行：
     transition: all 0.3s ease;
     transition: all 0.3s ease;
     overflow: hidden;
     overflow: hidden;
     max-width: 350px;
     max-width: 350px;  
}
}


第118行： 第109行：
}
}


/* --- 6. Headings with "◈" Decoration --- */
/* --- 5. Headings with "◈" Decoration & Hierarchical Lines --- */
h1, h2, h3, h4, h5, h6 {
h1, h2, h3, h4, h5, h6 {
     font-family: var(--font-heading) !important;
     font-family: var(--font-heading) !important;
    font-weight: 400; /* Retained EN Montserrat weight */
    letter-spacing: -0.01em;
    padding-bottom: 8px;
    margin-bottom: 1em;
    overflow: hidden;
    display: block;
}
.mw-parser-output h1, .mw-parser-output h2, .mw-parser-output h3, .mw-parser-output h4, .mw-parser-output h5, .mw-parser-output h6 {
     font-weight: 400;
     font-weight: 400;
    letter-spacing: 0.05em;
}
 
/* Ported hierarchical underlines from CN */
.mw-parser-output h1 { border-bottom: 4px solid #C8D8C8; }
.mw-parser-output h2 { border-bottom: 4px solid rgba(200, 216, 200, 0.9); }
 
.mw-parser-output h3, .mw-parser-output h4, .mw-parser-output h5, .mw-parser-output h6 {
     border-bottom: none !important;
     border-bottom: none !important;
     position: relative;
     position: relative;
    padding-bottom: 8px;
    overflow: hidden;
    display: block;
}
}


h1::after, h2::after, h3::after, h4::after, h5::after, h6::after {
.mw-parser-output h3::after, .mw-parser-output h4::after, .mw-parser-output h5::after, .mw-parser-output h6::after {
     content: "";
     content: "";
     display: block;
     display: block;
第141行： 第144行：
}
}


h1::after { width: 100%; opacity: 1.0; }
.mw-parser-output h3::after { width: 80%; opacity: 1; }
h2::after { width: 100%; opacity: 1.0; }
.mw-parser-output h4::after { width: 60%; opacity: 0.8; }
h3::after { width: 80%;  opacity: 0.8; }
.mw-parser-output h5::after { width: 40%; opacity: 0.6; }
h4::after { width: 60%; opacity: 0.6; }
.mw-parser-output h6::after { width: 20%; opacity: 0.4; }
h5::after { width: 40%; opacity: 0.4; }
h6::after { width: 20%; opacity: 0.2; }


h1.firstHeading {
h1.firstHeading {
第161行： 第162行：
     color: var(--mw-accent);
     color: var(--mw-accent);
     margin-right: 12px;
     margin-right: 12px;
     font-size: 1em;
     font-size: 0.8em;
     vertical-align: middle;
     vertical-align: middle;
}
}
第170行： 第171行：
     padding-bottom: 5px;
     padding-bottom: 5px;
     margin-top: 2em;
     margin-top: 2em;
    font-size: 1.8em;
}
}


/* --- 7. Source Code & Technical Elements --- */
#personal h2,
#personal .header-avatar {
    overflow: visible;
}
 
/* --- 6. Source Code Beautification --- */
code {
code {
     background-color: #f1f4f1;
     background-color: #f1f4f1;
第195行： 第200行：
}
}


/* --- 8. Sidebar Elements --- */
/* --- 7. Sidebar Elements --- */
.sidebar-chunk {
.sidebar-chunk {
     background-color: var(--mw-bg-sidebar);
     background-color: var(--mw-bg-sidebar);
第205行： 第210行：


.sidebar-chunk h2 {
.sidebar-chunk h2 {
     font-size: 1.1em;
     font-size: 0.85em; /* Retained EN uppercase styling */
     font-family: var(--font-heading);
     text-transform: uppercase;
    letter-spacing: 1.2px;
     border: none;
     border: none;
     margin-bottom: 12px;
     margin-bottom: 12px;
}
}


/* --- 9. Wikitables & Interactive Elements --- */
/* --- 8. Wikitables & Interactive Elements --- */
table.wikitable {
table.wikitable {
     border-radius: var(--mw-radius);
     border-radius: var(--mw-radius);
第225行： 第231行：
     font-family: var(--font-heading);
     font-family: var(--font-heading);
     padding: 12px;
     padding: 12px;
    font-size: 1.1em;
}
}


第235行： 第240行：
a {
a {
     color: var(--mw-link);
     color: var(--mw-link);
    text-decoration: none;
     transition: all 0.2s ease;
     transition: all 0.2s ease;
}
}
第244行： 第248行：
}
}


/* --- 10. Categorization & Footer --- */
/* --- 9. Categorization & Footer --- */
#catlinks {
#catlinks {
     background-color: #f4f8f4;
     background-color: #f4f8f4;
第259行： 第263行：
     border-top: 4px solid var(--mw-primary);
     border-top: 4px solid var(--mw-primary);
}
}
.mw-footer-container { background: transparent; }
/* --- 10. MOBILE FIXES (≤850px) --- */
@media screen and (max-width: 850px) {
    /* Restore Timeless mobile nav (in case global rules interfere) */
    #mw-mf-page-left, .dropdown, .dropdown-active,
    #mw-site-navigation, #mw-related-navigation,
    #site-tools, #personal {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
    .dropdown .mw-portlet-body,
    .dropdown.dropdown-active .mw-portlet-body {
        display: block !important;
        height: auto !important;
        max-height: 70vh !important;
        overflow-y: auto !important;
        background-color: var(--mw-bg-card) !important;
        border: 1px solid var(--mw-border) !important;
        border-radius: var(--mw-radius) !important;
        box-shadow: var(--shadow-subtle) !important;
        z-index: 9999 !important;
        position: relative !important;
    }
    .dropdown-toggle, #ca-more, .mw-ui-icon {
        position: relative !important;
        z-index: 9999 !important;
    }
    /* Hide the empty green sidebar/portlet shells */
    .sidebar-chunk:empty,
    .mw-portlet:empty,
    .mw-portlet:not(:has(li)):not(:has(a)) {
        display: none !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        background: none !important;
    }
    #mw-content-block .sidebar-chunk {
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
        padding: 0 !important;
    }
    #mw-content-block {
        background: transparent !important;
    }
}
</style>
</style>
<script>
<script>
第394行： 第454行：
})();
})();
</script>
</script>
</html></includeonly><noinclude>{{主题-汇佳}}
</html>
</includeonly><noinclude>{{主题-汇佳}}
==描述==
===来源===
作者：[[User:Banmad3n|Serenelle Banmaden]]
 
===说明===
若想在页面使用该主题，请直接在页面源代码中添加以下代码：
<pre>{{主题-汇佳}}</pre>
 
{{信息}}
==测试==
==测试==
===测试2===
===子标题3===
====测试3====
====子标题4====
=====测试4=====
=====子标题5=====
======测试5======
======子标题6======
 
==测试2==
===子标题3===
====子标题4====
=====子标题5=====
======子标题6======
[[分类:模板-主题]]
[[分类:模板-主题]]
</noinclude>
</noinclude>

2026年8月8日 (六) 19:23的最新版本

描述

来源

作者：Serenelle Banmaden

说明

若想在页面使用该主题，请直接在页面源代码中添加以下代码： 

{{主题-汇佳}}
SOKA CAFE

测试

子标题3

子标题4

子标题5
子标题6

测试2

子标题3

子标题4

子标题5
子标题6
取自“https://soka.cafe/index.php?title=模板:主题-汇佳&oldid=3366”