https://wiki.statsape.com/index.php?action=history&feed=atom&title=%E6%A8%A1%E6%9D%BF%3AInfobox_buttons%2Fstyles.css 2026-04-04T05:53:05Z 本wiki上该页面的版本历史 MediaWiki 1.39.6 https://wiki.statsape.com/index.php?title=%E6%A8%A1%E6%9D%BF:Infobox_buttons/styles.css&diff=1079&oldid=prev 2023-07-25T09:23:09Z

<p>创建页面，内容为“<span dir="auto"><span class="autocomment">Infobox button：​</span> .infobox-button { position: relative; } .infobox-extlink-button { display: block; padding: 10px 20px; background: var( --color-primary ); border-radius: 0 0 12px 12px; color: #fff; } .infobox-extlink-button-icon { margin-right: 8px; filter: invert( 1 ); } <span dir="auto"><span class="autocomment">Popup card：​</span> .infobox-extlink-list { position: absolute; z-index: -1; overflow: hidden; width: 100%; padding: 5px 0; background: var( --color-surface-1 ); border-radi…”</span></span></p> <p><b>新页面</b></p><div>/* Infobox button */<br /> .infobox-button {<br /> position: relative;<br /> }<br /> <br /> .infobox-extlink-button {<br /> display: block;<br /> padding: 10px 20px;<br /> background: var( --color-primary );<br /> border-radius: 0 0 12px 12px;<br /> color: #fff;<br /> }<br /> <br /> .infobox-extlink-button-icon {<br /> margin-right: 8px;<br /> filter: invert( 1 );<br /> }<br /> <br /> /* Popup card */<br /> .infobox-extlink-list {<br /> position: absolute;<br /> z-index: -1;<br /> overflow: hidden;<br /> width: 100%;<br /> padding: 5px 0;<br /> background: var( --color-surface-1 );<br /> border-radius: var( --border-radius--medium );<br /> box-shadow: var( --box-shadow-dialog );<br /> opacity: 0;<br /> text-align: left;<br /> transition: transform 250ms ease, opacity 250ms ease;<br /> visibility: hidden;<br /> transform: translateY( -20px );<br /> }<br /> <br /> .infobox-extlink-list p {<br /> margin-bottom: 0;<br /> }<br /> <br /> .infobox-button:hover .infobox-extlink-list {<br /> z-index: 10;<br /> opacity: 1;<br /> visibility: visible;<br /> transform: none;<br /> }<br /> <br /> .infobox-extlink-title {<br /> display: block;<br /> padding: 0 15px;<br /> margin: 5px 0;<br /> color: var( --color-base--subtle );<br /> font-size: 0.8125rem;<br /> font-weight: normal;<br /> letter-spacing: 0.75px;<br /> }<br /> <br /> .infobox-extlink-list ul {<br /> display: flex;<br /> flex-wrap: wrap;<br /> padding: 0 5px;<br /> margin: 0 0 10px 0;<br /> list-style: none;<br /> }<br /> <br /> .infobox-extlink a.external {<br /> display: block;<br /> /* Override external link and file icons */<br /> padding: 5px 10px;<br /> background-image: none;<br /> border-radius: 4px;<br /> transition: background 0.2s ease, color 0.2s ease;<br /> }<br /> <br /> .infobox-extlink a:hover {<br /> background-color: var( --background-color-quiet--hover );<br /> }<br /> <br /> .infobox-extlink a:active {<br /> background-color: var( --background-color-quiet--active );<br /> }<br /> <br /> .infobox-extlink-title:before {<br /> position: absolute;<br /> z-index: -1;<br /> right: 20px;<br /> display: block;<br /> width: 120px;<br /> height: 120px;<br /> margin-top: 5px;<br /> background-position: top right;<br /> background-repeat: no-repeat;<br /> background-size: contain;<br /> opacity: 0.1;<br /> }<br /> <br /> <br /> /* Dark mode */<br /> html.skin-citizen-dark .infobox-extlink-title:before {<br /> filter: invert( 1 );<br /> }</div>

Zeroclanzhang