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-wiki-logo::before {
body, h1, h2, h3, h4, h5, h6, p {
     content: "我的站点"; /* 将此处的文字替换为你想展示的文字 */
    font-family: Arial, sans-serif; /* 设置现代的无衬线字体 */
     font-size: 24px; /* 设置字体大小 */
    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: #333; /* 文字颜色 */
     color: #007bff;
     display: block;
}
     text-align: center;
/* 表格样式 */
     line-height: 40px; /* 控制高度 */
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;
}
}


.mw-wiki-logo img {
table tr:nth-child(even) {
     display: none; /* 隐藏默认图标 */
     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%;
}