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. 全局背景与字体重置 */
body.skin-timeless {
    background-color: #f8fafc !important; 
    color: #334155 !important;            
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* 2. 主内容区域卡片化 - 强效穿透 */
body.skin-timeless #mw-content-container,
body.skin-timeless #mw-content {
    background: #ffffff !important;
    border-radius: 0.75rem !important;    
    border: 1px solid #e2e8f0 !important; 
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important; 
    padding: 2rem !important;             
}

/* 3. 页面标题现代化 */
body.skin-timeless .firstHeading {
    color: #0f172a !important;            
    font-weight: 700 !important;          
    letter-spacing: -0.025em !important;  
    border-bottom: 2px solid #f1f5f9 !important; 
    padding-bottom: 0.5rem !important;
}

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

/* 5. 搜索框圆角化 */
body.skin-timeless #p-search input[type="search"] {
    border-radius: 9999px !important;     
    border: 1px solid #cbd5e1 !important; 
    padding-left: 1rem !important;
}

/* 6. 全局链接颜色改为 Tailwind 经典 Indigo 蓝 */
body.skin-timeless a {
    color: #4f46e5 !important;            
    text-decoration: none !important;
}
body.skin-timeless a:hover {
    color: #6366f1 !important;            
    text-decoration: underline !important;
}