|
|
| 第1行： |
第1行： |
| /* 这里放置的CSS将应用于所有皮肤 */ | | /* 这里放置的CSS将应用于所有皮肤 */ |
| /* 全局字体和颜色 */ | | /* 章节编辑按钮 悬浮出现*/ |
| body, h1, h2, h3, h4, h5, h6, p {
| | h2 .mw-editsection, h3 .mw-editsection, h4 .mw-editsection, h5 .mw-editsection { |
| font-family: Arial, sans-serif; /* 设置现代的无衬线字体 */ | | opacity: 0; |
| color: #333; /* 深灰色文字 */
| |
| } | | } |
| | | h2:hover .mw-editsection, h3:hover .mw-editsection, h4:hover .mw-editsection, h5:hover .mw-editsection { |
| a {
| | opacity: 1; |
| color: #007bff;
| | transition: opacity 0.5s; |
| 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%;
| |
| } | | } |
