打开/关闭搜索
打开/关闭菜单
30
8
13
1.6K
陋室
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Common.css：修订间差异

MediaWiki界面页面
更多操作
以互动方式浏览历史
←上一编辑下一编辑→
XP-jia​（留言 | 贡献）
行政员、​界面管理员、​管理员
1,047次编辑
删除的内容 添加的内容
XP-jia​（留言 | 贡献）
行政员、​界面管理员、​管理员
1,047次编辑
ds5
标签：已被回退
XP-jia​（留言 | 贡献）
行政员、​界面管理员、​管理员
1,047次编辑
ds6
标签：已被回退
第1行： 第1行：
/* ===========================
/* ===========================
全局字体设置 - 简约版
全局字体设置
=========================== */
=========================== */
body {
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
"Noto Sans", "Noto Sans CJK SC", "Noto Sans CJK TC", "Noto Sans JP",
"Noto Sans", "Noto Sans CJK SC", "Noto Sans CJK TC", "Noto Sans JP",
"Noto Sans KR", sans-serif, "PingFang SC", "Hiragino Sans GB",
"Noto Sans KR", sans-serif, "PingFang SC", "Hiragino Sans GB",
"Microsoft YaHei", "WenQuanYi Micro Hei", "SimSun", "SimHei",
"Microsoft YaHei", "WenQuanYi Micro Hei", "SimSun", "SimHei",
"Songti SC", "KaiTi", "MingLiU", "PMingLiU", "Microsoft JhengHei", "Malgun Gothic";
"Songti SC", "KaiTi", "MingLiU", "PMingLiU", "Microsoft JhengHei", "Malgun Gothic";
background-color: #f8f9fa;
background-color: #f8f9fa;
line-height: 1.6;
line-height: 1.6;
color: #333;
color: #333;
margin: 0;
margin: 0;
padding: 0;
padding: 0;
}
}


/* ===========================
/* ===========================
横幅标语样式 - 简约版
横幅标语样式
=========================== */
=========================== */
.banner {
.banner {
background: #2c3e50;
background: #2c3e50;
color: white;
color: white;
border-radius: 8px;
border-radius: 8px;
padding: 20px;
padding: 20px;
text-align: center;
text-align: center;
margin: 20px 0;
margin: 20px 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
}

.banner .chinese-text {
.banner .chinese-text {
font-size: 24px;
font-size: 24px;
font-weight: 600;
font-weight: 600;
margin-bottom: 8px;
margin-bottom: 8px;
}
}

.banner .english-text {
.banner .english-text {
font-size: 16px;
font-size: 16px;
opacity: 0.9;
opacity: 0.9;
}
}


/* ===========================
/* ===========================
基础内容块样式 - 简约版
基础内容块样式
=========================== */
=========================== */
.content-box {
.content-box {
margin: 12px 0;
margin: 12px 0;
padding: 20px;
padding: 20px;
border-radius: 8px;
border-radius: 8px;
background: white;
background: white;
border: 1px solid #e1e5e9;
border: 1px solid #e1e5e9;
transition: all 0.2s ease;
transition: all 0.2s ease;
}
}

.content-box h2 {
.content-box h2 {
font-size: 1.25rem;
font-size: 1.25rem;
font-weight: 600;
font-weight: 600;
color: #2c3e50;
color: #2c3e50;
margin-bottom: 12px;
margin-bottom: 12px;
padding-bottom: 8px;
padding-bottom: 8px;
border-bottom: 2px solid #ecf0f1;
border-bottom: 2px solid #ecf0f1;
}
}

.content-box p {
.content-box p {
color: #555;
color: #555;
font-size: 0.95rem;
font-size: 0.95rem;
margin: 0 0 12px 0;
margin: 0 0 12px 0;
}
}

.content-box:hover {
.content-box:hover {
border-color: #bdc3c7;
border-color: #bdc3c7;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
}


/* ===========================
/* ===========================
新增布局样式
新增布局样式
=========================== */
=========================== */

/* 主要内容区域 */
.content-section {
.content-section {
margin: 20px 0;
margin: 20px 0;
}
}

/* 宽版内容块 */
.wide-box {
.wide-box {
width: 100%;
width: 100%;
box-sizing: border-box;
box-sizing: border-box;
}
}

/* 双栏布局 */
.two-column-section {
.two-column-section {
display: grid;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: 20px;
gap: 20px;
margin: 20px 0;
margin: 20px 0;
}
}

/* 特色高亮区块 */
.highlight-box {
.highlight-box {
background: #f8f9fa;
background: #f8f9fa;
border-left: 4px solid #2ecc71;
border-left: 4px solid #2ecc71;
}
}

.highlight-box h2 {
.highlight-box h2 {
border-bottom-color: #d5f4e6;
border-bottom-color: #d5f4e6;
}
}

/* 导航列布局 */
.nav-container {
.nav-container {
display: grid;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: 20px;
gap: 20px;
margin-top: 15px;
margin-top: 15px;
}
}

.nav-column {
.nav-column {
padding: 15px;
padding: 15px;
background: rgba(0,0,0,0.02);
background: rgba(0,0,0,0.02);
border-radius: 6px;
border-radius: 6px;
border: 1px solid #f1f2f6;
border: 1px solid #f1f2f6;
}
}

.nav-column strong {
.nav-column strong {
color: #2c3e50;
color: #2c3e50;
margin-bottom: 8px;
margin-bottom: 8px;
display: block;
display: block;
font-size: 0.95rem;
font-size: 0.95rem;
}
}

/* 三栏内容 */
.three-column-content {
.three-column-content {
display: grid;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
gap: 20px;
text-align: center;
text-align: center;
margin-top: 15px;
margin-top: 15px;
}
}

.three-column-content > div {
.three-column-content > div {
padding: 15px;
padding: 15px;
background: white;
background: white;
border-radius: 6px;
border-radius: 6px;
border: 1px solid #e1e5e9;
border: 1px solid #e1e5e9;
transition: all 0.2s ease;
transition: all 0.2s ease;
}
}

.three-column-content > div:hover {
.three-column-content > div:hover {
border-color: #3498db;
border-color: #3498db;
}
}

.three-column-content strong {
.three-column-content strong {
color: #2c3e50;
color: #2c3e50;
display: block;
display: block;
margin-bottom: 8px;
margin-bottom: 8px;
}
}

/* 两栏内容 */
.two-column-content {
.two-column-content {
display: grid;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: 20px;
gap: 20px;
margin-top: 15px;
margin-top: 15px;
}
}

.two-column-content > div {
.two-column-content > div {
padding: 15px;
padding: 15px;
background: rgba(0,0,0,0.02);
background: rgba(0,0,0,0.02);
border-radius: 6px;
border-radius: 6px;
border: 1px solid #f1f2f6;
border: 1px solid #f1f2f6;
}
}

.two-column-content strong {
.two-column-content strong {
color: #2c3e50;
color: #2c3e50;
display: block;
display: block;
margin-bottom: 8px;
margin-bottom: 8px;
}
}

/* 站点链接 */
.site-links {
.site-links {
display: grid;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
gap: 15px;
gap: 15px;
margin-top: 15px;
margin-top: 15px;
text-align: center;
text-align: center;
}
}

.site-links > div {
.site-links > div {
padding: 12px;
padding: 12px;
background: white;
background: white;
border: 1px solid #e1e5e9;
border: 1px solid #e1e5e9;
border-radius: 6px;
border-radius: 6px;
transition: all 0.2s ease;
transition: all 0.2s ease;
}
}

.site-links > div:hover {
.site-links > div:hover {
border-color: #3498db;
border-color: #3498db;
}
}

.site-links strong {
.site-links strong {
color: #2c3e50;
color: #2c3e50;
display: block;
display: block;
margin-bottom: 6px;
margin-bottom: 6px;
font-size: 0.9rem;
font-size: 0.9rem;
}
}


/* ===========================
/* ===========================
特殊区域样式 - 简约版
特殊区域样式
=========================== */
=========================== */

/* 知识掌握模型区域 */
.content-section.main-focus .content-box {
.content-section.main-focus .content-box {
border-left: 4px solid #3498db;
border-left: 4px solid #3498db;
background: #f8fbfd;
background: #f8fbfd;
}
}

/* 思想与人文区域 */
.two-column-section .content-box:nth-child(1) {
.two-column-section .content-box:nth-child(1) {
border-left: 4px solid #9b59b6;
border-left: 4px solid #9b59b6;
}
}

/* 技术与工程区域 */
.two-column-section .content-box:nth-child(2) {
.two-column-section .content-box:nth-child(2) {
border-left: 4px solid #e67e22;
border-left: 4px solid #e67e22;
}
}

/* 学习与成长区域 */
.two-column-section:nth-of-type(2) .content-box:nth-child(1) {
.two-column-section:nth-of-type(2) .content-box:nth-child(1) {
border-left: 4px solid #f39c12;
border-left: 4px solid #f39c12;
}
}

/* 竞赛与实践区域 */
.two-column-section:nth-of-type(2) .content-box:nth-child(2) {
.two-column-section:nth-of-type(2) .content-box:nth-child(2) {
border-left: 4px solid #c0392b;
border-left: 4px solid #c0392b;
}
}

/* 管理与系统区域 */
.content-box:nth-last-child(3) {
.content-box:nth-last-child(3) {
border-left: 4px solid #34495e;
border-left: 4px solid #34495e;
}
}

/* 最近更新区域 */
.content-box:nth-last-child(2) {
.content-box:nth-last-child(2) {
border-left: 4px solid #e74c3c;
border-left: 4px solid #e74c3c;
}
}

/* 站点信息区域 */
.content-box:last-of-type {
.content-box:last-of-type {
border-left: 4px solid #7f8c8d;
border-left: 4px solid #7f8c8d;
}
}


/* ===========================
/* ===========================
导航框样式 - 简约版
导航框样式
=========================== */
=========================== */
.navbox {
.navbox {
background: #f8f9fa;
background: #f8f9fa;
border-radius: 6px;
border-radius: 6px;
padding: 12px;
padding: 12px;
margin: 12px 0;
margin: 12px 0;
border: 1px solid #e9ecef;
border: 1px solid #e9ecef;
}
}

.navbox a {
.navbox a {
color: #2980b9;
color: #2980b9;
text-decoration: none;
text-decoration: none;
transition: color 0.2s ease;
transition: color 0.2s ease;
}
}

.navbox a:hover {
.navbox a:hover {
color: #1a5276;
color: #1a5276;
text-decoration: underline;
text-decoration: underline;
}
}


/* ===========================
/* ===========================
链接样式
链接样式
=========================== */
=========================== */
.content-box a {
.content-box a {
color: #2980b9;
color: #2980b9;
text-decoration: none;
text-decoration: none;
transition: color 0.2s ease;
transition: color 0.2s ease;
}
}

.content-box a:hover {
.content-box a:hover {
color: #1a5276;
color: #1a5276;
text-decoration: underline;
text-decoration: underline;
}
}

.mw-redirect {
.mw-redirect {
color: #27ae60;
color: #27ae60;
font-weight: 500;
font-weight: 500;
}
}


/* ===========================
/* ===========================
响应式设计
工具类
=========================== */
=========================== */
@media screen and (max-width: 1024px) {
.text-center {
.two-column-section {
text-align: center;
grid-template-columns: 1fr;
}
}
.nav-container,

.two-column-content {
.text-muted {
grid-template-columns: 1fr;
color: #6c757d;
}
}
.three-column-content,

.mb-0 {
.site-links {
grid-template-columns: 1fr 1fr;
margin-bottom: 0;
}
}

.mt-15 {
margin-top: 15px;
}
}

/* ===========================
响应式设计 - 简约版
=========================== */

/* 平板设备 */
@media screen and (max-width: 1024px) {
.two-column-section {
grid-template-columns: 1fr;
}
.nav-container,
.two-column-content {
grid-template-columns: 1fr;
}
.three-column-content,
.site-links {
grid-template-columns: 1fr 1fr;
}
}

/* 手机设备 */
@media screen and (max-width: 768px) {
@media screen and (max-width: 768px) {
.content-box {
.flex-container {
padding: 16px;
grid-template-columns: 1fr;
margin: 8px 0;
gap: 16px;
}
}
.banner {

padding: 16px;
.content-box {
padding: 16px;
margin: 16px 0;
}
margin: 8px 0;
.banner .chinese-text {
}
font-size: 20px;

}
.banner {
.banner .english-text {
padding: 16px;
font-size: 14px;
margin: 16px 0;
}
}
.three-column-content,

.site-links {
.banner .chinese-text {
grid-template-columns: 1fr;
font-size: 20px;
}
}
.three-column-content > div,

.site-links > div {
.banner .english-text {
margin-bottom: 10px;
font-size: 14px;
}
}
.nav-column {
padding: 12px;
.three-column-content,
}
.site-links {
grid-template-columns: 1fr;
}
.three-column-content > div,
.site-links > div {
margin-bottom: 10px;
}
.nav-column {
padding: 12px;
}
}
}

/* 小屏手机设备 */
@media screen and (max-width: 480px) {
@media screen and (max-width: 480px) {
.content-box {
.content-box {
padding: 14px;
padding: 14px;
}
}
.content-box h2 {

font-size: 1.1rem;
.content-box h2 {
}
font-size: 1.1rem;
.banner .chinese-text {
}
font-size: 18px;

}
.banner .chinese-text {
.nav-container,
font-size: 18px;
.two-column-content,
}
.three-column-content,
.site-links {
.nav-container,
grid-template-columns: 1fr;
.two-column-content,
gap: 12px;
.three-column-content,
}
.site-links {
.nav-column,
grid-template-columns: 1fr;
.two-column-content > div,
gap: 12px;
.three-column-content > div,
}
.site-links > div {
padding: 12px;
.nav-column,
}
.two-column-content > div,
.three-column-content > div,
.site-links > div {
padding: 12px;
}
}
}


/* ===========================
/* ===========================
打印样式
打印样式
=========================== */
=========================== */
@media print {
@media print {
.banner {
.banner {
background: #fff !important;
background: #fff !important;
color: #000 !important;
color: #000 !important;
border: 1px solid #000;
border: 1px solid #000;
}
}
.content-box {
border: 1px solid #000;
.content-box {
box-shadow: none !important;
border: 1px solid #000;
}
box-shadow: none !important;
.nav-column,
}
.two-column-content > div,
.nav-column,
.three-column-content > div,
.two-column-content > div,
.site-links > div {
background: #fff !important;
.three-column-content > div,
border: 1px solid #ddd;
.site-links > div {
}
background: #fff !important;
border: 1px solid #ddd;
}
}
}
检索自“https://learn.houjue.digital/wiki/MediaWiki:Common.css”
著作权

陋室的全部文字提供于 知识共享署名-非商业性使用-相同方式共享 4.0 协议国际版 条款之下，附加条款亦可能适用。请参阅我们的使用条款和隐私政策，使用陋室即视为同意上述条款的约束。

陋室上提及的所有公司名称、产品名称、服务名称和标识均为其各自所有者的商标或注册商标。使用这些商标仅为了识别和说明之目的，并不意味着任何形式的认可或关联。陋室与上述公司及其商标没有任何关系或隶属。

Microsoft®是Microsoft Corporation(微软公司)的商标，Google®是Google LLC的注册商标，Apple®是Apple Inc.(苹果公司)的商标。 Wikipedia®和维基百科标志是维基媒体基金会的注册商标；维基™是维基媒体基金会的商标。维基媒体基金会是按美国国内税收法501(c)(3)登记的非营利慈善机构。 所有其他商标和标识均为其各自所有者的财产。未经相应商标所有者的明确书面同意，不得以任何方式使用这些商标。