有觉性 以安住且中立的心 照见身心的实相
MediaWiki:Timeless.css
来自Dhamma.cn
注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。
/* 这里放置的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;
}
