https://learn.devc.dev/w/history/MediaWiki:Mainpage.css?feed=atom 2026-04-08T20:06:22Z 本wiki上该页面的版本历史 MediaWiki 1.45.1 https://learn.devc.dev/index.php?title=MediaWiki:Mainpage.css&diff=1681&oldid=prev 2026-01-12T15:44:34Z

<p>Mainpage.css 清空并提示已迁移</p> <a href="https://learn.devc.dev/index.php?title=MediaWiki:Mainpage.css&amp;diff=1681&amp;oldid=1679">显示更改</a>

Maintenance script https://learn.devc.dev/index.php?title=MediaWiki:Mainpage.css&diff=1679&oldid=prev 2026-01-12T15:39:49Z

<p>首页样式使用 ASCII 页类名</p> <a href="https://learn.devc.dev/index.php?title=MediaWiki:Mainpage.css&amp;diff=1679&amp;oldid=1655">显示更改</a>

Maintenance script https://learn.devc.dev/index.php?title=MediaWiki:Mainpage.css&diff=1655&oldid=prev 2026-01-11T01:28:16Z

<p>XP-jia移动页面<a href="/w/edit/MediaWiki:%E9%A6%96%E9%A1%B5.css?redlink=1" class="new" title="MediaWiki:首页.css（页面不存在）">MediaWiki:首页.css</a>至<a href="/wiki/MediaWiki:Mainpage.css" title="MediaWiki:Mainpage.css">MediaWiki:Mainpage.css</a>，不留重定向：​标题有错别字</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="zh-Hans"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上一版本</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2026年1月11日 (日) 09:28的版本</td> </tr><tr><td colspan="4" class="diff-notice" lang="zh-Hans"><div class="mw-diff-empty">（没有差异）</div> </td></tr> <!-- diff cache key learn:diff:1.41:old-1654:rev-1655 --> </table>

XP-jia https://learn.devc.dev/index.php?title=MediaWiki:Mainpage.css&diff=1654&oldid=prev 2026-01-10T16:49:43Z

<p></p> <p><b>新页面</b></p><div>/* 首页样式：仅在首页生效 */<br /> body.page-首页 .banner {<br /> height: auto;<br /> display: flex;<br /> flex-direction: column;<br /> justify-content: center;<br /> align-items: center;<br /> background: linear-gradient(135deg, #8B0000, #B22222); /* 改进对比度 */<br /> color: white;<br /> font-weight: bold;<br /> border-radius: 12px;<br /> padding: 12px 24px;<br /> box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);<br /> text-align: center;<br /> }<br /> <br /> body.page-首页 .banner-text {<br /> margin: 0;<br /> line-height: 1.4;<br /> }<br /> <br /> body.page-首页 .banner .chinese-text {<br /> font-size: 24px;<br /> font-weight: 700;<br /> }<br /> <br /> body.page-首页 .banner .english-text {<br /> font-size: 16px;<br /> font-weight: 500;<br /> opacity: 0.9;<br /> }<br /> <br /> /* 当屏幕宽度大于 768px（如平板和大屏幕设备） */<br /> @media screen and (min-width: 768px) {<br /> body.page-首页 .banner .chinese-text {<br /> font-size: 28px;<br /> }<br /> <br /> body.page-首页 .banner .english-text {<br /> font-size: 18px;<br /> }<br /> }<br /> <br /> /* 当屏幕宽度小于 480px（如手机设备） */<br /> @media screen and (max-width: 480px) {<br /> body.page-首页 .banner .chinese-text {<br /> font-size: 20px;<br /> }<br /> <br /> body.page-首页 .banner .english-text {<br /> font-size: 14px;<br /> }<br /> }<br /> <br /> /* 内容块样式 */<br /> body.page-首页 .content-box {<br /> margin: 10px;<br /> padding: 20px;<br /> border-radius: 10px;<br /> border: 1px solid #e0e0e0;<br /> -webkit-transition: -webkit-transform 0.3s ease, box-shadow 0.3s ease;<br /> transition: transform 0.3s ease, box-shadow 0.3s ease;<br /> will-change: transform; /* 性能优化 */<br /> backface-visibility: hidden; /* 性能优化 */<br /> }<br /> <br /> body.page-首页 .content-box:hover {<br /> -webkit-transform: translateY(-5px);<br /> -moz-transform: translateY(-5px);<br /> transform: translateY(-5px);<br /> box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);<br /> }<br /> <br /> body.page-首页 .content-box:focus {<br /> outline: 2px solid #0066cc; /* 可访问性改进 */<br /> outline-offset: 2px;<br /> }<br /> <br /> body.page-首页 .content-box h2 {<br /> position: relative;<br /> padding-bottom: 10px;<br /> margin-bottom: 10px;<br /> border-bottom: 2px solid red;<br /> }<br /> <br /> body.page-首页 .content-box p {<br /> line-height: 1.6;<br /> }<br /> <br /> /* Flex 容器 */<br /> body.page-首页 .flex-container {<br /> display: flex;<br /> justify-content: space-between;<br /> gap: 20px;<br /> }<br /> <br /> body.page-首页 .flex-container .content-box {<br /> flex: 1;<br /> max-width: 33.33%;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* 移动端优化 */<br /> @media (max-width: 768px) {<br /> body.page-首页 .flex-container {<br /> flex-direction: column;<br /> gap: 15px; /* 统一间距 */<br /> }<br /> <br /> body.page-首页 .flex-container .content-box {<br /> max-width: none; /* 移除限制 */<br /> width: 100%;<br /> margin-bottom: 0; /* 统一使用 gap */<br /> }<br /> <br /> body.page-首页 .banner .chinese-text,<br /> body.page-首页 .banner .english-text {<br /> text-align: center;<br /> }<br /> <br /> body.page-首页 .banner .chinese-text {<br /> font-size: 20px;<br /> }<br /> <br /> body.page-首页 .banner .english-text {<br /> font-size: 14px;<br /> }<br /> }<br /> <br /> /* 为减少动画的用户提供支持 */<br /> @media (prefers-reduced-motion: reduce) {<br /> body.page-首页 .content-box {<br /> -webkit-transition: none;<br /> transition: none;<br /> }<br /> <br /> body.page-首页 .content-box:hover {<br /> -webkit-transform: none;<br /> -moz-transform: none;<br /> transform: none;<br /> }<br /> }<br /> <br /> /* 暗色模式覆盖（Citizen: night） */<br /> .skin-theme-clientpref-night body.page-首页 .banner {<br /> background: linear-gradient(135deg, #3a0c0c, #5a1a1a);<br /> box-shadow: 0 6px 16px rgba(0, 0, 0, 0.45);<br /> }<br /> <br /> .skin-theme-clientpref-night body.page-首页 .content-box {<br /> border-color: #2f2f2f;<br /> background-color: #1c1c1c;<br /> }<br /> <br /> .skin-theme-clientpref-night body.page-首页 .content-box:hover {<br /> box-shadow: 0 10px 22px rgba(0, 0, 0, 0.55);<br /> }<br /> <br /> .skin-theme-clientpref-night body.page-首页 .content-box:focus {<br /> outline-color: #5ea0ff;<br /> }<br /> <br /> .skin-theme-clientpref-night body.page-首页 .content-box h2 {<br /> border-bottom-color: #b94a4a;<br /> }</div>

Maintenance script