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

MediaWiki:Common.css：修订间差异

MediaWiki界面页面
更多操作
以互动方式浏览历史
←上一编辑下一编辑→
XP-jia​（留言 | 贡献）
行政员、​界面管理员、​管理员
1,047次编辑
删除的内容 添加的内容
XP-jia​（留言 | 贡献）
行政员、​界面管理员、​管理员
1,047次编辑
ds2
标签：已被回退
XP-jia​（留言 | 贡献）
行政员、​界面管理员、​管理员
1,047次编辑
ds3
标签：已被回退
第70行： 第70行：


/* ===========================
/* ===========================
网格布局 - 简约版
新布局样式
=========================== */
=========================== */
.section-group {
.flex-container {
display: grid;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-template-columns: 2fr 1fr;
gap: 20px;
gap: 20px;
margin: 20px 0;
margin: 30px 0;
align-items: start;
}
}


.homepage-section {
.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;
border-left: 4px solid #3498db;
background: #f8fbfd;
}
}


/* 最近更改区域 */
/* 最近更改区域 */
.recent-changes {
.content-box:nth-of-type(2) {
border-left: 4px solid #e74c3c;
border-left: 4px solid #e74c3c;
}
}


/* 哲学与思想 */
/* 哲学与思想 */
.philosophy {
.homepage-section:nth-child(1) .content-box:nth-child(1) {
border-left: 4px solid #3498db;
border-left: 4px solid #3498db;
background: #f0f8ff;
}
}


/* 文学与艺术 */
/* 文学与艺术 */
.literature {
.homepage-section:nth-child(1) .content-box:nth-child(2) {
border-left: 4px solid #9b59b6;
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;
border-left: 4px solid #2ecc71;
background: #f0fff8;
}
}


/* 工程与实践 */
/* 工程与实践 */
.engineering {
.homepage-section:nth-child(2) .content-box:nth-child(1) {
border-left: 4px solid #e67e22;
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;
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;
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;
border-left: 4px solid #c0392b;
background: #fff0f0;
}
}


/* 站点与结构 */
/* 站点与结构 */
.site-structure {
.content-box:last-of-type {
border-left: 4px solid #7f8c8d;
border-left: 4px solid #7f8c8d;
background: #f5f5f5;
}
}


第150行： 第184行：
导航框样式 - 简约版
导航框样式 - 简约版
=========================== */
=========================== */
.nav-container {
.navbox {
background: #f8f9fa;
background: #f8f9fa;
border-radius: 6px;
border-radius: 6px;
第158行： 第192行：
}
}


.navbox a {
.nav-container a {
color: #2980b9;
color: #2980b9;
text-decoration: none;
text-decoration: none;
第164行： 第198行：
}
}


.navbox a:hover {
.nav-container a:hover {
color: #1a5276;
color: #1a5276;
text-decoration: underline;
text-decoration: underline;
第182行： 第216行：
/* 平板设备 */
/* 平板设备 */
@media screen and (max-width: 1024px) {
@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) {
@media screen and (max-width: 768px) {
.section-group,
.flex-container {
.section-group.reverse {
grid-template-columns: 1fr;
grid-template-columns: 1fr;
gap: 16px;
gap: 16px;
}
}

.card-group {
flex-direction: column;
}
.content-box {
.content-box {
padding: 16px;
padding: 16px;
第225行： 第274行：
.banner .chinese-text {
.banner .chinese-text {
font-size: 18px;
font-size: 18px;
}
.featured-card .content-box {
min-height: 250px;
}
}
}
}
检索自“https://learn.houjue.digital/wiki/MediaWiki:Common.css”
著作权

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

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

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