MediaWiki:Timeless.css

/* 这里放置的CSS将应用于Timeless皮肤 */


/* 这里放置的CSS将应用于Timeless皮肤 */
/* Indefinite content width 
@media screen and (min-width: 851px) {
    .color-middle-container,
    .ts-inner { max-width: none; }
}
*/



/* Top bar font modernization */
#mw-header *,
#mw-site-navigation *,
#mw-related-navigation *  { font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif  }

/* Avoid cutting off letters with descenders: g,j,p,q,y */
#personal h2 span {
    height: 1.5em;
    position:relative;
    bottom:0.1em
}

/* Triangle position patch */
#personal h2::after {
   position: relative;
   bottom: 0.5em;
}




/* Highlight section title upon navigation */

.mw-headline:target {
  background-color: gold;
}


/*content font 

body { color: #5a7425; font-size: 14px; font-family: "Courier New"; }*/


#content h1 { color: #000000; font-size: 18px;}



/* ===== 游客隐藏 Special Pages ===== */

/* 隐藏 Special:SpecialPages 链接 */
body.anonymous a[href*="Special:SpecialPages"] {
    display: none !important;
}

/* 隐藏所有 Special: 链接 */
body.anonymous a[href*="/wiki/Special:"] {
    display: none !important;
}

body.anonymous a[href*="title=Special:"] {
    display: none !important;
}





/* 隐藏页面日志 */
body.anonymous #ca-history {
    display: none !important;
}

/* 隐藏工具栏 */
body.anonymous #p-tb {
    display: none !important;
}





/* Tailwind 风格尝试 */

/* ==========================================================================
   MediaWiki Timeless 主题 - Tailwind 风格改造皮肤
   ========================================================================== */

/* 1. 基础全局背景与字体重置 (类似 Tailwind 的 base 样式) */
body {
    background-color: #f8fafc !important; /* bg-slate-50 */
    color: #334155 !important;            /* text-slate-700 */
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* 2. 主内容区域卡片化 (类似 bg-white rounded-xl shadow-sm) */
#mw-content-container {
    background: #ffffff !important;
    border-radius: 0.75rem !important;    /* rounded-xl */
    border: 1px solid #e2e8f0 !important; /* border-slate-200 */
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important; /* shadow-sm */
    padding: 2rem !important;             /* p-8 */
    margin-top: 1.5rem !important;
}

/* 3. 页面标题现代化 (类似 text-slate-900 font-bold) */
.firstHeading {
    color: #0f172a !important;            /* text-slate-900 */
    font-weight: 700 !important;          /* font-bold */
    letter-spacing: -0.025em !important;  /* tracking-tight */
    border-bottom: 2px solid #f1f5f9 !important; /* border-slate-100 */
    padding-bottom: 0.5rem !important;
}

/* 4. 左侧及顶部导航栏重构 */
#mw-site-navigation .sidebar-chunk, 
#mw-related-navigation .sidebar-chunk {
    background: #ffffff !important;
    border-radius: 0.5rem !important;     /* rounded-lg */
    border: 1px solid #e2e8f0 !important; /* border-slate-200 */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    padding: 1rem !important;
    margin-bottom: 1rem !important;
}

/* 5. 顶部个人工具栏与搜索框 */
#p-search input[type="search"] {
    border-radius: 9999px !important;     /* rounded-full */
    border: 1px solid #cbd5e1 !important; /* border-slate-300 */
    padding-left: 1rem !important;
    transition: all 0.2s;
}

#p-search input[type="search"]:focus {
    border-color: #3b82f6 !important;     /* border-blue-500 */
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3) !important; /* ring-3 ring-blue-500/30 */
    outline: none !important;
}

/* 6. 链接样式现代化 (类似 text-indigo-600 hover:text-indigo-500) */
a {
    color: #4f46e5 !important;            /* text-indigo-600 */
    text-decoration: none !important;
}

a:hover {
    color: #6366f1 !important;            /* text-indigo-500 */
    text-decoration: underline !important;
}

/* 7. Wiki 内置表格与分类标签美化 */
.catlinks {
    background: #f1f5f9 !important;        /* bg-slate-100 */
    border: none !important;
    border-radius: 0.5rem !important;     /* rounded-lg */
    padding: 0.75rem !important;
}