MediaWiki:Common.css

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
• Opera：按 Ctrl-F5。

/* 这里放置的CSS将应用于所有皮肤 */
/* 全局字体和颜色 */
body, h1, h2, h3, h4, h5, h6, p {
    font-family: Arial, sans-serif; /* 设置现代的无衬线字体 */
    color: #333; /* 深灰色文字 */
}

a {
    color: #007bff;
    text-decoration: none;
}

a:hover {
    color: #0056b3; /* 鼠标悬停时的链接颜色 */
    text-decoration: underline;
}
/* 页头 */
#p-personal, #p-logo, #p-search {
    border-bottom: 2px solid #eaeaea;
    padding: 10px 0;
}

#p-logo a img {
    border-radius: 8px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}

/* 页脚 */
#footer {
    background-color: #f9f9f9;
    border-top: 2px solid #eaeaea;
    padding: 20px;
    text-align: center;
    font-size: 14px;
}
/* 内容卡片样式 */
.mw-body {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-top: 20px;
}
/* 按钮美化 */
button, .mw-ui-button, .mw-ui-button {
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 8px 16px;
    font-size: 14px;
    cursor: pointer;
    transition: transform 0.2s ease, background-color 0.2s ease;
}

button:hover, .mw-ui-button:hover, .mw-ui-button:focus {
    background-color: #0056b3;
    transform: scale(1.05);
}
/* 侧边栏美化 */
#mw-panel {
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
}

#mw-panel .portal {
    margin-bottom: 10px;
}

#mw-panel .portal h3 {
    font-size: 16px;
    font-weight: bold;
    color: #007bff;
}
/* 表格样式 */
table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    font-size: 14px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}

table th, table td {
    padding: 10px;
    border: 1px solid #ddd;
}

table th {
    background-color: #f1f1f1;
    color: #333;
}

table tr:nth-child(even) {
    background-color: #f9f9f9;
}
/* 图像样式 */
img {
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 100%;
}