MediaWiki:Common.css:修订间差异

来自高堡奇驹Wiki|The Pony in The High Castle Wiki
无编辑摘要
无编辑摘要
标签手工回退
 
(未显示同一用户的9个中间版本)
第1行: 第1行:
/* 这里放置的CSS将应用于所有皮肤 */
/* 这里放置的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%;
}

2024年10月26日 (六) 12:46的最新版本

/* 这里放置的CSS将应用于所有皮肤 */