Template:首页/styles.css:修订间差异
外观
删除的内容 添加的内容
创建首页CSS:隐藏标题栏及相关元素 |
加回 a 透明包裹规则 |
||
| (未显示同一用户的25个中间版本) | |||
| 第1行: | 第1行: | ||
/* _addText: "[[Category:首页模板]]" */ |
/* _addText: "[[Category:首页模板]]" */ |
||
/* ==== |
/* ==== 首页布局 ==== */ |
||
.home-container { |
|||
.firstHeading, |
|||
max-width: 720px; |
|||
.vector-page-titlebar, |
|||
margin: 0 auto; |
|||
.vector-page-toolbar, |
|||
padding: 80px 20px 100px; |
|||
.vector-article-toolbar, |
|||
text-align: center; |
|||
#mw-page-header-links, |
|||
#siteSub, |
|||
#contentSub, |
|||
.mw-indicators { |
|||
| ⚫ | |||
} |
} |
||
/* ==== |
/* ==== 品牌区 ==== */ |
||
.home-title { |
|||
#catlinks, |
|||
font-size: 2.4em; |
|||
#footer-info-lastmod { |
|||
font-weight: 400; |
|||
color: #202122; |
|||
letter-spacing: 0.12em; |
|||
margin: 0 0 12px; |
|||
border: 0; |
|||
padding: 0; |
|||
font-family: 'Noto Serif SC', 'SimSun', serif; |
|||
} |
|||
.home-subtitle { |
|||
font-size: 1.05em; |
|||
color: #72777d; |
|||
letter-spacing: 0.2em; |
|||
margin: 0; |
|||
} |
|||
.home-divider { |
|||
width: 60px; |
|||
height: 3px; |
|||
background: #36c; |
|||
margin: 24px auto 0; |
|||
border-radius: 2px; |
|||
} |
|||
/* ==== 搜索区 ==== */ |
|||
.home-search { |
|||
margin-top: 52px; |
|||
} |
|||
.home-desc { |
|||
font-size: 1em; |
|||
color: #54595d; |
|||
margin-bottom: 24px; |
|||
} |
|||
/* ==== 搜索行弹性布局 ==== */ |
|||
.home-search-row { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
gap: 4px; |
|||
flex-wrap: wrap; |
|||
} |
|||
/* ==== 消除中间包裹层 ==== */ |
|||
.home-search-row .mw-inputbox-centered { |
|||
display: contents; |
|||
} |
|||
/* ==== 试试手气:a 透明包裹 ==== */ |
|||
.home-search-row > a { |
|||
display: inline-flex; |
|||
| ⚫ | |||
} |
|||
/* ==== 试试手气按钮高度 ==== */ |
|||
.home-search-row .cdx-button--fake-button--enabled { |
|||
height: 45px; |
|||
cursor: pointer; |
|||
} |
|||
/* ==== 搜索框加宽加高 ==== */ |
|||
.home-container .cdx-text-input__input { |
|||
font-size: 1.05em; |
|||
padding: 10px 14px; |
|||
} |
|||
.home-container .cdx-button { |
|||
font-size: 1em; |
|||
padding: 10px 24px; |
|||
vertical-align: middle; |
|||
} |
} |
||
2026年7月24日 (五) 19:51的最新版本
/* _addText: "[[Category:首页模板]]" */
/* ==== 首页布局 ==== */
.home-container {
max-width: 720px;
margin: 0 auto;
padding: 80px 20px 100px;
text-align: center;
}
/* ==== 品牌区 ==== */
.home-title {
font-size: 2.4em;
font-weight: 400;
color: #202122;
letter-spacing: 0.12em;
margin: 0 0 12px;
border: 0;
padding: 0;
font-family: 'Noto Serif SC', 'SimSun', serif;
}
.home-subtitle {
font-size: 1.05em;
color: #72777d;
letter-spacing: 0.2em;
margin: 0;
}
.home-divider {
width: 60px;
height: 3px;
background: #36c;
margin: 24px auto 0;
border-radius: 2px;
}
/* ==== 搜索区 ==== */
.home-search {
margin-top: 52px;
}
.home-desc {
font-size: 1em;
color: #54595d;
margin-bottom: 24px;
}
/* ==== 搜索行弹性布局 ==== */
.home-search-row {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
flex-wrap: wrap;
}
/* ==== 消除中间包裹层 ==== */
.home-search-row .mw-inputbox-centered {
display: contents;
}
/* ==== 试试手气:a 透明包裹 ==== */
.home-search-row > a {
display: inline-flex;
text-decoration: none !important;
}
/* ==== 试试手气按钮高度 ==== */
.home-search-row .cdx-button--fake-button--enabled {
height: 45px;
cursor: pointer;
}
/* ==== 搜索框加宽加高 ==== */
.home-container .cdx-text-input__input {
font-size: 1.05em;
padding: 10px 14px;
}
.home-container .cdx-button {
font-size: 1em;
padding: 10px 24px;
vertical-align: middle;
}