MediaWiki:Common.css

/* 这里放置的CSS将应用于所有皮肤 */
/* timeless模板修改 */
.mw-wiki-title {
font-size: 23px !important;  /* 导航站点 字号 */
}
.color-middle {
background: #69b9c7 !important;  /* 导航上分割线 颜色 */
}
.color-left {
background: #69b9c7 !important;  /* 导航上分割线 颜色 */
}
.color-right {
background: #69b9c7 !important;  /* 导航上分割线 颜色 */
}
#mw-content {
background: #EBF2F5; /* 页面中间背景颜色 */
}
.mw-body h1.firstHeading {
border-bottom: solid 3px #69b9c7; /* 详情标题下划线颜色和高度 */
}
.tools-inline li.selected {
border-bottom-color: #69b9c7; /* 详情二级标题下划线颜色和高度 */
}
#mw-content-container {
background: #EBF2F5; /* 中间整体背景色 */
border-bottom: solid 4px #EBF2F5; /* 底部分割线颜色 */
/* background-image: url(/skins/Timeless/resources/images/cat.svg?31aa0); */
}
.mw-footer-container {
border-top: solid 1px #69b9c7; /* 底部细分割线颜色 */
}
.mw-site-navigation {
    display: none !important;
}
.mw-ui-button {
    background-color: #69b9c7 !important;
    border: solid 1px #69b9c7 !important;
}
button.mw-ui-button, .mw-ui-button {
    background-color: #69b9c7 !important;
    border: solid 1px #69b9c7 !important;
}
* {
    background-image: none !important; /* 所有icon都不显示 */
}

#mw-related-navigation .sidebar-chunk {
background: #f5f9fa; /* 右侧背景色 */
border: solid #f5f9fa;
}
#mw-site-navigation .sidebar-chunk {
background: #f5f9fa;
border: solid #f5f9fa;
}

/* 隐藏未登录用户的 "site-tools" 模块 */
.anononly #site-tools {
    display: none;
}



/* 全站 */
#p-logo {
    display: none; /* 隐藏左侧logo */
}


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-container a {
    color: #6d6d6d;
}


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

.mw-footer li {
    color: #b0b0b0 !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; /* 聚焦时边框颜色 */
}