陋室

MediaWiki:Common.css：修订间差异

以互动方式浏览历史
←上一编辑下一编辑→

XP-jia​（留言 | 贡献）

3个用户组
1,055次编辑
删除的内容 添加的内容
XP-jia​（留言 | 贡献）
行政员、​界面管理员、​管理员
1,055次编辑
ds3
标签：已被回退
XP-jia​（留言 | 贡献）
行政员、​界面管理员、​管理员
1,055次编辑
ds5
标签：已被回退
第11行：
line-height: 1.6;
color: #333;
margin: 0;
padding: 0;
}
 
第38行 ⟶ 第40行：
 
/* ===========================
基础内容块样式 - 简约版
=========================== */
.content-box {
第61行 ⟶ 第63行：
color: #555;
font-size: 0.95rem;
margin: 0 0 12px 0;
}
 
第70行 ⟶ 第72行：
 
/* ===========================
新增布局样式
=========================== */
 
.section-group {
/* 主要内容区域 */
.content-section {
margin: 20px 0;
}
 
/* 宽版内容块 */
.wide-box {
width: 100%;
box-sizing: border-box;
}
 
/* 双栏布局 */
.two-column-section {
display: grid;
grid-template-columns: 2fr1fr 1fr;
gap: 20px;
margin: 30px20px 0;
align-items: start;
}
 
/* 特色高亮区块 */
.section-group.reverse {
.highlight-box {
grid-template-columns: 1fr 2fr;
background: #f8f9fa;
border-left: 4px solid #2ecc71;
}
 
.featuredhighlight-cardbox h2 {
border-bottom-color: #d5f4e6;
grid-row: span 2;
}
 
/* 导航列布局 */
.card-group {
.nav-container {
display: flex;
display: grid;
flex-direction: column;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-top: 15px;
}
 
.nav-column {
.featured-card .content-box {
heightpadding: auto15px;
background: rgba(0,0,0,0.02);
min-height: 300px;
displayborder-radius: flex6px;
border: 1px solid #f1f2f6;
flex-direction: column;
justify-content: center;
}
 
.nav-column strong {
.card-group .content-box {
flexcolor: 1#2c3e50;
minmargin-heightbottom: 140px8px;
display: block;
font-size: 0.95rem;
}
 
/* 三栏内容 */
/* ===========================
.three-column-content {
特殊区域样式 - 简约版
display: grid;
=========================== */
grid-template-columns: 1fr 1fr 1fr;
/* 知识掌握模型区域 */
gap: 20px;
.knowledge-model {
text-align: center;
border-left: 4px solid #3498db;
backgroundmargin-top: #f8fbfd15px;
}
 
.three-column-content > div {
/* 最近更改区域 */
padding: 15px;
.recent-changes {
background: white;
border-left: 4px solid #e74c3c;
border-radius: 6px;
border: 1px solid #e1e5e9;
transition: all 0.2s ease;
}
 
.three-column-content > div:hover {
/* 哲学与思想 */
border-color: #3498db;
.philosophy {
border-left: 4px solid #3498db;
background: #f0f8ff;
}
 
.three-column-content strong {
/* 文学与艺术 */
color: #2c3e50;
.literature {
display: block;
border-left: 4px solid #9b59b6;
margin-bottom: 8px;
background: #faf8ff;
}
 
/* 管理与人文两栏内容 */
.two-column-content {
.management {
display: grid;
border-left: 4px solid #d35400;
grid-template-columns: 1fr 1fr;
background: #fff8f0;
gap: 20px;
margin-top: 15px;
}
 
.two-column-content > div {
/* 技术与数据 */
padding: 15px;
.technology {
background: rgba(0,0,0,0.02);
border-left: 4px solid #2ecc71;
border-radius: 6px;
background: #f0fff8;
border: 1px solid #f1f2f6;
}
 
.two-column-content strong {
/* 工程与实践 */
color: #2c3e50;
.engineering {
display: block;
border-left: 4px solid #e67e22;
margin-bottom: 8px;
background: #fffaf0;
}
 
/* 软件与系统站点链接 */
.softwaresite-links {
display: grid;
border-left: 4px solid #34495e;
grid-template-columns: 1fr 1fr 1fr;
background: #f8f9fa;
gap: 15px;
margin-top: 15px;
text-align: center;
}
 
.site-links > div {
/* 数据与智能 */
padding: 12px;
.data-intelligence {
background: white;
border-left: 4px solid #1abc9c;
border: 1px solid #e1e5e9;
background: #f0fffc;
border-radius: 6px;
transition: all 0.2s ease;
}
 
.site-links > div:hover {
/* 学习与成长 */
border-color: #3498db;
.learning {
}
 
.site-links strong {
color: #2c3e50;
display: block;
margin-bottom: 6px;
font-size: 0.9rem;
}
 
/* ===========================
特殊区域样式 - 简约版
=========================== */
 
/* 知识掌握模型区域 */
.content-section.main-focus .content-box {
border-left: 4px solid #3498db;
background: #f8fbfd;
}
 
/* 思想与人文区域 */
.two-column-section .content-box:nth-child(1) {
border-left: 4px solid #9b59b6;
}
 
/* 技术与工程区域 */
.two-column-section .content-box:nth-child(2) {
border-left: 4px solid #e67e22;
}
 
/* 学习与成长区域 */
.two-column-section:nth-of-type(2) .content-box:nth-child(1) {
border-left: 4px solid #f39c12;
background: #fffcf0;
}
 
/* 竞赛与创造实践区域 */
.two-column-section:nth-of-type(2) .content-box:nth-child(2) {
.competition {
border-left: 4px solid #c0392b;
background: #fff0f0;
}
 
/* 站点管理与结构系统区域 */
.content-box:nth-last-child(3) {
.site-structure {
border-left: 4px solid #34495e;
}
 
/* 最近更新区域 */
.content-box:nth-last-child(2) {
border-left: 4px solid #e74c3c;
}
 
/* 站点信息区域 */
.content-box:last-of-type {
border-left: 4px solid #7f8c8d;
background: #f5f5f5;
}
 
第184行 ⟶ 第250行：
导航框样式 - 简约版
=========================== */
.navbox {
.nav-container {
background: #f8f9fa;
border-radius: 6px;
第192行 ⟶ 第258行：
}
 
.nav-containernavbox a {
color: #2980b9;
text-decoration: none;
第198行 ⟶ 第264行：
}
 
.nav-containernavbox a:hover {
color: #1a5276;
text-decoration: underline;
第204行 ⟶ 第270行：
 
/* ===========================
特殊链接样式
=========================== */
.content-box a {
color: #2980b9;
text-decoration: none;
transition: color 0.2s ease;
}
 
.content-box a:hover {
color: #1a5276;
text-decoration: underline;
}
 
.mw-redirect {
color: #27ae60;
font-weight: 500;
}
 
/* ===========================
工具类
=========================== */
.text-center {
text-align: center;
}
 
.text-muted {
color: #6c757d;
}
 
.mb-0 {
margin-bottom: 0;
}
 
.mt-15 {
margin-top: 15px;
}
 
第216行 ⟶ 第313行：
/* 平板设备 */
@media screen and (max-width: 1024px) {
.two-column-section {
.section-group,
.section-group.reverse {
grid-template-columns: 1fr;
gap: 16px;
}
.nav-container,
.featured-card {
.two-column-content {
grid-row: auto;
grid-template-columns: 1fr;
}
.three-column-content,
.card-group {
.site-links {
flex-direction: row;
grid-template-columns: 1fr 1fr;
}
}
第233行 ⟶ 第330行：
/* 手机设备 */
@media screen and (max-width: 768px) {
.flex-container {
.section-group,
.section-group.reverse {
grid-template-columns: 1fr;
gap: 16px;
}
 
.card-group {
flex-direction: column;
}
.content-box {
padding: 16px;
第259行 ⟶ 第351行：
.banner .english-text {
font-size: 14px;
}
.three-column-content,
.site-links {
grid-template-columns: 1fr;
}
.three-column-content > div,
.site-links > div {
margin-bottom: 10px;
}
.nav-column {
padding: 12px;
}
}
第276行 ⟶ 第382行：
}
.nav-container,
.featured-card .content-box {
.two-column-content,
min-height: 250px;
.three-column-content,
.site-links {
grid-template-columns: 1fr;
gap: 12px;
}
.nav-column,
.two-column-content > div,
.three-column-content > div,
.site-links > div {
padding: 12px;
}
}
 
/* ===========================
打印样式
=========================== */
@media print {
.banner {
background: #fff !important;
color: #000 !important;
border: 1px solid #000;
}
.content-box {
border: 1px solid #000;
box-shadow: none !important;
}
.nav-column,
.two-column-content > div,
.three-column-content > div,
.site-links > div {
background: #fff !important;
border: 1px solid #ddd;
}
}
取自“https://xn--k7y073b.xn--6qqs2j68e.xn--fiqs8s/wiki/MediaWiki:Common.css”