MediaWiki:Home-header-styles.css
MediaWiki界面页面
更多操作
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* 首页头部样式 */
.home-header {
text-align: center;
padding: 2.5rem 1rem;
width: 100%;
box-sizing: border-box;
}
.home-header__title {
font-size: 2.8rem;
font-weight: bold;
margin: 0.2rem 0 0.8rem;
line-height: 1.2;
}
.home-header__subtitle {
font-size: 1.1rem;
color: #666;
margin-bottom: 2rem;
}
.home-header__search {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.6rem;
padding: 0.9rem 2.2rem;
background-color: #f8f9fa;
border-radius: 999px;
cursor: pointer;
font-size: 1rem;
color: #333;
transition: background-color 0.2s ease;
max-width: 480px;
margin: 0 auto;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.home-header__search:hover {
background-color: #eaecef;
}
.home-header__searchIcon img {
width: 18px;
height: 18px;
vertical-align: middle;
}
.home-header__searchText {
vertical-align: middle;
}