MediaWiki:Common.css

注意：在您發布之後，您可能需要清除瀏覽器快取才能看到變更。

• Firefox或Safari：按住Shift時點擊重新整理，或按Ctrl-F5或Ctrl-R（Mac則為⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac則為⌘-Shift-R）
• Edge：按住Ctrl時點擊重新整理，或按Ctrl-F5。

/* --- 專業 Minecraft 託管 Wiki 主題設定 --- */

/* 1. 字體與基礎背景設定 */
body {
    font-family: "Inter", "Segoe UI", "PingFang TC", "Microsoft JhengHei", sans-serif;
    line-height: 1.6;
    color: #333;
}

/* 2. 標題樣式 - 增加科技感邊框 */
h1, h2 {
    border-bottom: 2px solid #007bff; /* 託管商常用的科技藍 */
    padding-bottom: 0.3em;
    font-weight: 600;
}

h3 {
    color: #2c3e50;
    font-weight: 600;
}

/* 3. 程式碼區塊 - 針對 Linux 指令與設定檔優化 */
code {
    background-color: #f8f9fa;
    border: 1px solid #eaecf0;
    border-radius: 3px;
    padding: 0.2em 0.4em;
    font-family: "JetBrains Mono", "Cascadia Code", monospace;
    color: #e83e8c; /* 突顯指令內容 */
}

pre {
    background-color: #2d2d2d; /* 深色背景更像終端機 */
    color: #f8f8f2;
    border-left: 5px solid #007bff;
    padding: 15px;
    overflow: auto;
    border-radius: 4px;
    line-height: 1.45;
}

/* 4. 專業提示框 (Infobox & Message Boxes) */
/* 用於顯示：警告、建議、安裝步驟 */
.message-box {
    padding: 12px 20px;
    margin-bottom: 16px;
    border-left: 6px solid;
    border-radius: 4px;
    background-color: #fdfdfe;
}

.box-info {
    border-color: #17a2b8;
    background-color: #d1ecf1;
    color: #0c5460;
}

.box-warning {
    border-color: #ffc107;
    background-color: #fff3cd;
    color: #856404;
}

.box-danger {
    border-color: #dc3545;
    background-color: #f8d7da;
    color: #721c24;
}

/* 5. 表格樣式 - 用於比較方案或規格 */
.wikitable {
    border-collapse: collapse;
    margin: 1em 0;
    width: 100%;
}

.wikitable th {
    background-color: #007bff !important;
    color: #ffffff !important;
    font-weight: bold;
    text-align: left;
    padding: 10px !important;
}

.wikitable td {
    padding: 10px !important;
    border: 1px solid #dee2e6 !important;
}

.wikitable tr:nth-child(even) {
    background-color: #f8f9fa;
}

/* 6. 側邊欄與導覽優化 */
#mw-panel .portal h3 {
    font-size: 0.9em;
    text-transform: uppercase;
    color: #6c757d;
}

/* 7. 修改連結顏色 - 避免過於鮮豔的藍色 */
a {
    color: #0056b3;
}

a:visited {
    color: #6610f2;
}

/* 8. 針對 Minecraft 元素 (如顏色代碼) 的小工具 */
.mc-color-green { color: #55FF55; }
.mc-color-red { color: #FF5555; }
.mc-color-gold { color: #FFAA00; }