https://9on0wiki.gunmu.dns.navy/index.php?action=history&feed=atom&title=Template%3A%E6%8C%89%E9%92%AE%2Fstyles.css 2026-08-27T17:34:34Z 本wiki上该页面的版本历史 MediaWiki 1.46.0 https://9on0wiki.gunmu.dns.navy/index.php?title=Template:%E6%8C%89%E9%92%AE/styles.css&diff=227&oldid=prev 2026-08-25T11:20:23Z

<p>&quot;新增按钮模板（可选图片/圆形/圆角矩形/下方label），首页顶部加入建设wiki按钮行&quot;</p> <p><b>新页面</b></p><div>/* ===== 按钮（Template:按钮/styles.css）===== */<br /> .wiki-button-anchor {<br /> display: inline-block;<br /> text-decoration: none !important;<br /> }<br /> <br /> .wiki-button {<br /> display: inline-flex;<br /> flex-direction: column;<br /> align-items: center;<br /> gap: 6px;<br /> padding: 8px;<br /> border-radius: 10px;<br /> transition: transform .2s ease;<br /> }<br /> <br /> .wiki-button:hover {<br /> transform: translateY(-3px);<br /> }<br /> <br /> /* 图标容器 */<br /> .wiki-button-icon {<br /> display: inline-flex;<br /> align-items: center;<br /> justify-content: center;<br /> min-width: 40px;<br /> min-height: 40px;<br /> padding: 4px;<br /> background: #fff;<br /> border: 2px solid #D4E8C0;<br /> border-radius: 12px;<br /> box-shadow: 0 2px 6px rgba(143, 188, 143, .3);<br /> overflow: hidden;<br /> transition: box-shadow .2s ease, border-color .2s ease;<br /> }<br /> <br /> .wiki-button-icon img {<br /> display: block;<br /> max-width: 100%;<br /> height: auto;<br /> }<br /> <br /> .wiki-button:hover .wiki-button-icon {<br /> border-color: #8FBC8F;<br /> box-shadow: 0 6px 16px rgba(143, 188, 143, .45);<br /> }<br /> <br /> /* 形状：圆角矩形（默认） */<br /> .wiki-button-圆角矩形 .wiki-button-icon {<br /> border-radius: 12px;<br /> }<br /> <br /> /* 形状：圆形 */<br /> .wiki-button-圆形 .wiki-button-icon {<br /> border-radius: 50%;<br /> }<br /> <br /> /* 无图片时使用的 emoji 图标 */<br /> .wiki-button-emoji {<br /> display: inline-block;<br /> font-size: 36px;<br /> line-height: 1;<br /> padding: 6px;<br /> }<br /> <br /> /* 按钮下方标签 */<br /> .wiki-button-label {<br /> font-size: .95em;<br /> font-weight: 600;<br /> color: #2E6B45;<br /> line-height: 1.3;<br /> text-align: center;<br /> }<br /> <br /> .wiki-button:hover .wiki-button-label {<br /> color: #8FBC8F;<br /> }</div>

DoubleCircle