MediaWiki:Common.css:修订间差异
来自高堡奇驹Wiki|The Pony in The High Castle Wiki
创建页面,内容为“→这里放置的CSS将应用于所有皮肤: →替换站点图标为文字: .mw-wiki-logo::before { content: "我的站点"; →将此处的文字替换为你想展示的文字: font-size: 24px; →设置字体大小: font-weight: bold; color: #333; →文字颜色: display: block; text-align: center; line-height: 40px; →控制高度: } .mw-wiki-logo img { display: none; →隐藏默认图标: }” |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
/* 这里放置的CSS将应用于所有皮肤 */ | /* 这里放置的CSS将应用于所有皮肤 */ | ||
/* | /* 全局字体和颜色 */ | ||
.mw- | body, h1, h2, h3, h4, h5, h6, p { | ||
font-family: Arial, sans-serif; /* 设置现代的无衬线字体 */ | |||
font-size: | 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; | font-weight: bold; | ||
color: # | 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:20的版本
/* 这里放置的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%;
}
