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%; }