MediaWiki:Common.css
MediaWiki介面頁面
更多操作
注意:在您發布之後,您可能需要清除瀏覽器快取才能看到變更。
- Firefox或Safari:按住Shift時點擊重新整理,或按Ctrl-F5或Ctrl-R(Mac則為⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac則為⌘-Shift-R)
- Edge:按住Ctrl時點擊重新整理,或按Ctrl-F5。
/* --- 全局背景與字體設定 --- */
body {
background-color: #f4f7f9 !important; /* 全局淺灰背景,增加質感 */
font-family: "Inter", "Segoe UI", "PingFang TC", "Microsoft JhengHei", sans-serif !important;
}
/* --- 內容區域優化 (中間白色的部分) --- */
#content {
background-color: #ffffff !important;
border: 1px solid #e1e4e8 !important;
border-radius: 8px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important; /* 增加懸浮感 */
padding: 2.5em !important;
margin-top: 10px !important;
}
/* --- 首頁大標題樣式優化 --- */
#firstHeading {
border-bottom: 2px solid #007bff !important;
font-size: 2.2em !important;
color: #1a202c !important;
font-weight: 700 !important;
padding-bottom: 0.5em !important;
}
/* --- 頂部導覽列 (閱讀、編輯、檢視歷史) --- */
#p-views ul li {
background-color: transparent !important;
border: none !important;
}
#p-views ul li a {
color: #4a5568 !important;
padding: 0.5em 1em !important;
transition: all 0.2s ease;
}
#p-views ul li.selected a {
color: #007bff !important;
border-bottom: 2px solid #007bff !important;
font-weight: bold !important;
}
/* --- 側邊欄 (Sidebar) 優化 --- */
#mw-panel {
padding-top: 1em !important;
}
#mw-panel .portal h3 {
color: #2d3748 !important;
font-weight: bold !important;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.85em !important;
}
#mw-panel .portal .body ul li a {
color: #4a5568 !important;
font-size: 0.95em !important;
}
#mw-panel .portal .body ul li a:hover {
color: #007bff !important;
text-decoration: none !important;
}
/* --- 搜尋框優化 --- */
#searchInput {
border-radius: 20px !important;
border: 1px solid #cbd5e0 !important;
padding: 5px 15px !important;
}
/* --- 全局表格與區塊 (承接上一次的優化) --- */
.wikitable {
border-radius: 8px !important;
overflow: hidden;
border: none !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.wikitable th {
background-color: #007bff !important;
border: none !important;
}
/* 移除預設的頁底裝飾 */
#footer {
border: none !important;
background: transparent !important;
color: #718096 !important;
}