陋室

MediaWiki:Common.css：修订间差异

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

XP-jia​（留言 | 贡献）

3个用户组
1,055次编辑
删除的内容 添加的内容
XP-jia​（留言 | 贡献）
行政员、​界面管理员、​管理员
1,055次编辑
ds2
标签：已被回退
XP-jia​（留言 | 贡献）
行政员、​界面管理员、​管理员
1,055次编辑
ds3
标签：已被回退
第70行：
 
/* ===========================
网格新布局 - 简约版样式
=========================== */
.section-group {
.flex-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px,2fr 1fr));
gap: 20px;
margin: 20px30px 0;
align-items: start;
}
 
.homepage-section-group.reverse {
grid-template-columns: 1fr 2fr;
margin: 30px 0;
}
 
.featured-card {
grid-row: span 2;
}
 
.card-group {
display: flex;
flex-direction: column;
gap: 20px;
}
 
.featured-card .content-box {
height: auto;
min-height: 300px;
display: flex;
flex-direction: column;
justify-content: center;
}
 
.card-group .content-box {
flex: 1;
min-height: 140px;
}
 
第87行 ⟶ 第111行：
=========================== */
/* 知识掌握模型区域 */
.knowledge-model {
.content-box:first-of-type {
background: #fff;
border-left: 4px solid #3498db;
background: #f8fbfd;
}
 
/* 最近更改区域 */
.recent-changes {
.content-box:nth-of-type(2) {
border-left: 4px solid #e74c3c;
}
 
/* 哲学与思想 */
.philosophy {
.homepage-section:nth-child(1) .content-box:nth-child(1) {
border-left: 4px solid #3498db;
background: #f0f8ff;
}
 
/* 文学与艺术 */
.literature {
.homepage-section:nth-child(1) .content-box:nth-child(2) {
border-left: 4px solid #9b59b6;
background: #faf8ff;
}
 
/* 管理与人文 */
.management {
border-left: 4px solid #d35400;
background: #fff8f0;
}
 
/* 技术与数据 */
.technology {
.homepage-section:nth-child(1) .content-box:nth-child(3) {
border-left: 4px solid #2ecc71;
background: #f0fff8;
}
 
/* 工程与实践 */
.engineering {
.homepage-section:nth-child(2) .content-box:nth-child(1) {
border-left: 4px solid #e67e22;
background: #fffaf0;
}
 
/* 软件与系统 */
.software {
border-left: 4px solid #34495e;
background: #f8f9fa;
}
 
/* 数据与智能 */
.data-intelligence {
.homepage-section:nth-child(2) .content-box:nth-child(2) {
border-left: 4px solid #1abc9c;
background: #f0fffc;
}
 
/* 软件与系统 */
.homepage-section:nth-child(2) .content-box:nth-child(3) {
border-left: 4px solid #34495e;
}
 
/* 学习与成长 */
.learning {
.homepage-section:nth-child(3) .content-box:nth-child(1) {
border-left: 4px solid #f39c12;
background: #fffcf0;
}
 
/* 管理与人文 */
.homepage-section:nth-child(3) .content-box:nth-child(2) {
border-left: 4px solid #d35400;
}
 
/* 竞赛与创造 */
.competition {
.homepage-section:nth-child(3) .content-box:nth-child(3) {
border-left: 4px solid #c0392b;
background: #fff0f0;
}
 
/* 站点与结构 */
.site-structure {
.content-box:last-of-type {
border-left: 4px solid #7f8c8d;
background: #f5f5f5;
}
 
第150行 ⟶ 第184行：
导航框样式 - 简约版
=========================== */
.nav-container {
.navbox {
background: #f8f9fa;
border-radius: 6px;
第158行 ⟶ 第192行：
}
 
.navboxnav-container a {
color: #2980b9;
text-decoration: none;
第164行 ⟶ 第198行：
}
 
.navboxnav-container a:hover {
color: #1a5276;
text-decoration: underline;
第182行 ⟶ 第216行：
/* 平板设备 */
@media screen and (max-width: 1024px) {
.section-group,
.flex-container {
.section-group.reverse {
grid-template-columns: repeat(2, 1fr);
grid-template-columns: 1fr;
gap: 16px;
}
.featured-card {
grid-row: auto;
}
.card-group {
flex-direction: row;
}
}
第189行 ⟶ 第233行：
/* 手机设备 */
@media screen and (max-width: 768px) {
.section-group,
.flex-container {
.section-group.reverse {
grid-template-columns: 1fr;
gap: 16px;
}
 
.card-group {
flex-direction: column;
}
.content-box {
padding: 16px;
第225行 ⟶ 第274行：
.banner .chinese-text {
font-size: 18px;
}
.featured-card .content-box {
min-height: 250px;
}
}
取自“https://xn--k7y073b.xn--6qqs2j68e.xn--fiqs8s/wiki/MediaWiki:Common.css”