查看“MediaWiki:Common.css”的源代码

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


/* 全站 */
body {
    background-color: #EBF2F5 !important; /* 替换为所需背景色 */
    color: #333; /* 设置文本颜色 */
    font-family: 'FangSong', serif;  /* 设置字体为 仿宋 */
}

.mw-page-container {
    background-color: #EBF2F5 !important; /* 有效的背景色 */
}

.mw-body, .vector-body {
    background-color: #EBF2F5;  /* 设置主体区域背景颜色 */
}

#footer, #p-footer {
    background-color: #EBF2F5 !important;  /* 页脚 */
    color: #EBF2F5 !important;
}

.mw-footer {
    border-top: 1px solid #e8f2f6;  /* 底部分割线颜色 */
}

.mw-footer li {
    color: #EBF2F5 !important;  /* 底部字体颜色 */
}

#p-personal, #p-views, #p-namespaces, #p-logo {
    background-color: #EBF2F5; !important;/* 页眉背景色 */
    color: #000000; /* 页眉文字颜色 */
}

#p-navigation a {
    color: #69b9c7; /* 设置导航栏链接文字颜色 */
}

#p-navigation a:hover {
    color: #69b9c7; /* 设置导航栏链接悬停颜色 */
}

#mw-panel {
    background-color: #EBF2F5; /* 侧边栏背景色 */
    color: #000000; /* 侧边栏文字颜色 */
}

#mw-panel a {
    color: #69b9c7; /* 设置侧边栏链接颜色 */
}

#mw-panel a:hover {
    color: #69b9c7; /* 设置侧边栏链接悬停颜色 */
}

table {
    background-color: #EBF2F5; /* 表格背景色 */
    border: 1px solid #EBF2F5; /* 表格边框颜色 */
}

input, textarea {
    background-color: #ffffff; /* 输入框背景色 */
    color: #333333; /* 输入框文字颜色 */
    border: 1px solid #a1d3dd; /* 输入框边框颜色 */
}

.smw-form {
    background-color: #EBF2F5; /* 表单背景色 */
    padding: 15px;
    border: 1px solid #e0e0e0;
}

a {
    color: #69b9c7;  /* 设置默认链接颜色 */
}

a:hover {
    color: #69b9c7;  /* 设置悬停时的链接颜色 */
}

button, .button {
    background-color: #a1d3dd;  /* 设置按钮背景色 */
    color: white;  /* 设置按钮文字颜色 */
    border: none;
    padding: 10px 20px;
    cursor: pointer;
}

input, textarea {
    font-family: 'FangSong', serif;  /* 设置输入框字体 */
    font-size: 14px;  /* 设置输入框字体大小 */
    border: 1px solid #a1d3dd;  /* 设置输入框边框 */
    padding: 8px;
}


/* 仅针对 Vector 皮肤修改背景颜色 */
#content {
    background-color: #EBF2F5;
}



/*按钮或链接*/
.vector-menu-tabs .mw-list-item a {
    color: #a1d3dd !important; /* 替换为所需背景色 */
}

/* 自定义 mw-ui-button 样式 */
.mw-ui-button {
    background-color: #a1d3dd; /* 背景色 */
    color: white; /* 文字颜色 */
    border: none; /* 去除边框 */
    border-radius: 5px; /* 圆角边框 */
    cursor: pointer; /* 鼠标悬停样式 */
}

/* 悬停效果 */
.mw-ui-button:hover {
    background-color: #a1d3dd; /* 悬停背景色 */
}


/* 修改搜索输入框样式 */
.mw-searchInput,
.searchboxInput,
.mw-ui-input,
.mw-ui-input-inline {
    background-color: #ffffff; /* 输入框背景颜色 */
    border: 1px solid #a1d3dd; /* 边框颜色 */
    border-radius: 4px; /* 圆角边框 */
}

/* 鼠标悬停时效果 */
.mw-searchInput:hover,
.searchboxInput:hover,
.mw-ui-input:hover,
.mw-ui-input-inline:hover {
    border-color: #a1d3dd; /* 悬停时边框颜色 */
}

/* 焦点状态（聚焦时的效果） */
.mw-searchInput:focus,
.searchboxInput:focus,
.mw-ui-input:focus,
.mw-ui-input-inline:focus {
    border-color: #a1d3dd; /* 聚焦时边框颜色 */
}

/* timeless模板修改 */
.mw-wiki-title {
    font-size: 23px;  /* 设置输入框字体大小 */
}
.color-middle {
background: #69b9c7 !important;  /* 底部字体颜色 */
}
.color-left {
background: #69b9c7 !important;  /* 底部字体颜色 */
}
.color-right {
background: #69b9c7 !important;  /* 底部字体颜色 */
}