|
|
| （未顯示同一使用者於中間所作的 2次修訂） |
| 第1行： |
第1行： |
| /* --- 1. 全局配置 --- */
| |
| :root {
| |
| --brand-color: #007bff; /* 你的品牌主色 */
| |
| --bg-gray: #f9f9f9;
| |
| --border-color: #e2e8f0;
| |
| }
| |
|
| |
|
| /* 移除 MediaWiki 預設的笨重外框 */
| |
| #content {
| |
| border: none !important;
| |
| background: white !important;
| |
| box-shadow: 0 4px 20px rgba(0,0,0,0.08);
| |
| border-radius: 12px;
| |
| margin: 20px auto;
| |
| max-width: 1200px; /* 限制寬度，閱讀更舒適 */
| |
| padding: 3em !important;
| |
| }
| |
|
| |
| /* --- 2. 標題與字體 --- */
| |
| body {
| |
| font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
| |
| background-color: var(--bg-gray) !important;
| |
| }
| |
|
| |
| #firstHeading {
| |
| font-size: 2.5rem !important;
| |
| font-weight: 800 !important;
| |
| border: none !important;
| |
| margin-bottom: 0.5em !important;
| |
| }
| |
|
| |
| /* 在標題下方加一條漸層線 */
| |
| #firstHeading::after {
| |
| content: "";
| |
| display: block;
| |
| width: 60px;
| |
| height: 5px;
| |
| background: var(--brand-color);
| |
| border-radius: 10px;
| |
| margin-top: 10px;
| |
| }
| |
|
| |
| /* --- 3. 側邊導覽列大改 --- */
| |
| #mw-panel {
| |
| width: 12em !important;
| |
| padding-left: 20px !important;
| |
| }
| |
|
| |
| #mw-panel .portal h3 {
| |
| background: none !important;
| |
| color: #1a202c !important;
| |
| font-weight: 700 !important;
| |
| text-transform: uppercase;
| |
| font-size: 0.75rem !important;
| |
| }
| |
|
| |
| /* --- 4. 自訂組件（用於首頁與教學） --- */
| |
| /* 卡片樣式 */
| |
| .mw-card {
| |
| background: #ffffff;
| |
| border: 1px solid var(--border-color);
| |
| border-radius: 10px;
| |
| padding: 20px;
| |
| transition: transform 0.2s;
| |
| }
| |
| .mw-card:hover {
| |
| transform: translateY(-5px);
| |
| box-shadow: 0 10px 15px rgba(0,0,0,0.1);
| |
| }
| |
|
| |
| /* 專業側邊資訊欄 (Infobox) */
| |
| .portable-infobox {
| |
| float: right;
| |
| width: 300px;
| |
| background: #f8fafc;
| |
| border: 1px solid var(--border-color);
| |
| border-top: 5px solid var(--brand-color);
| |
| margin-left: 20px;
| |
| padding: 15px;
| |
| border-radius: 4px;
| |
| }
| |
