https://wiki.hokubu.cn/w/index.php?action=history&feed=atom&title=%E6%A8%A1%E6%9D%BF%3AInfobox%2Fstyle.css 2026-05-23T00:45:43Z 本wiki上该页面的版本历史 MediaWiki 1.43.3 https://wiki.hokubu.cn/w/index.php?title=%E6%A8%A1%E6%9D%BF:Infobox/style.css&diff=434&oldid=prev 2025-06-11T04:30:50Z

<p>创建页面，内容为“<span class="autocomment">本 CSS 基于星际公民维基修改。 Source: https://starcitizen.tools/Module:Infobox/styles.css 本 CSS 来自于氢气维基百科 Source：https://wiki.hydcraft.cn/Template:Infobox/style.css#L-13：​</span> .infobox { overflow: visible; width: 100%; max-width: 400px; margin-top: 0; margin-bottom: 1.6rem!important; background: var(--color-surface-2); border-radius: 8px; border-spacing: 0; box-shadow: var(--box-shadow-card); font-size: 0.875rem;…”</p> <p><b>新页面</b></p><div>/*<br /> 本 CSS 基于星际公民维基修改。<br /> Source: https://starcitizen.tools/Module:Infobox/styles.css<br /> 本 CSS 来自于氢气维基百科<br /> Source：https://wiki.hydcraft.cn/Template:Infobox/style.css#L-13<br /> */<br /> <br /> .infobox {<br /> overflow: visible;<br /> width: 100%;<br /> max-width: 400px;<br /> margin-top: 0;<br /> margin-bottom: 1.6rem!important;<br /> background: var(--color-surface-2);<br /> border-radius: 8px;<br /> border-spacing: 0;<br /> box-shadow: var(--box-shadow-card);<br /> font-size: 0.875rem;<br /> text-align: left;<br /> }<br /> <br /> .infobox tbody {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .infobox tr {<br /> display: flex;<br /> box-sizing: border-box;<br /> flex-direction: column;<br /> padding: 0 10px;<br /> margin-top: 10px;<br /> }<br /> <br /> .infobox th,<br /> .infobox td {<br /> padding: 0 5px;<br /> }<br /> <br /> .infobox .infobox-nocol {<br /> width: 100%;<br /> flex-direction: row;<br /> }<br /> <br /> .infobox .infobox-nocol th {<br /> width: 30%;<br /> }<br /> <br /> .infobox .infobox-nocol td {<br /> width: 70%;<br /> }<br /> <br /> .infobox .infobox-col1 {<br /> width: 100%;<br /> }<br /> <br /> .infobox .infobox-col2 {<br /> width: 50%;<br /> }<br /> <br /> .infobox .infobox-col3 {<br /> width: calc( 100% / 3 );<br /> }<br /> <br /> .infobox .infobox-col4 {<br /> width: 25%;<br /> }<br /> <br /> .infobox-data {<br /> min-width: 25%;<br /> }<br /> <br /> .infobox .infobox-image {<br /> overflow: hidden;<br /> padding: 0;<br /> margin-top: 0;<br /> border-radius: 8px 8px 0 0;<br /> }<br /> <br /> .infobox-image td {<br /> padding: 0;<br /> }<br /> <br /> .infobox-image th{<br /> padding: 0;<br /> }<br /> <br /> .infobox-image--light .image {<br /> background: #eaecf0;<br /> }<br /> <br /> .infobox-image--dark .image {<br /> background: #2b2f36;<br /> }<br /> <br /> .infobox-image .image:hover img {<br /> transform: scale( 1.1 );<br /> }<br /> <br /> .infobox-image .image img {<br /> display: block;<br /> max-width: 100%;<br /> background: var( --background-color-quiet--hover );<br /> }<br /> <br /> .infobox-image .image img[ src$=&#039;.svg&#039; ] {<br /> background: #eaecf0;<br /> }<br /> <br /> .infobox .infobox-title {<br /> width: 100%;<br /> margin-top: 20px;<br /> margin-bottom: 5px;<br /> color: var( --color-base--emphasized );<br /> font-size: 1.4rem;<br /> line-height: 1.4;<br /> }<br /> <br /> .infobox .infobox-indicator {<br /> margin-top: 0;<br /> padding: 0;<br /> }<br /> <br /> .infobox .infobox-subtitle {<br /> margin-top: -5px;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .infobox .infobox-indicator th,<br /> .infobox .infobox-subtitle th {<br /> display: none;<br /> }<br /> <br /> .infobox .infobox-header {<br /> width: 100%;<br /> padding-top: 15px;<br /> border-top: 1px solid;<br /> border-color: var( --border-color-base );<br /> margin-top: 15px;<br /> color: var( --color-base--emphasized );<br /> font-size: 1rem;<br /> }<br /> <br /> .infobox-data th {<br /> color: var( --color-base--subtle );<br /> font-size: 0.8125rem;<br /> font-weight: normal;<br /> letter-spacing: 0.75px;<br /> }<br /> <br /> .infobox-data td {<br /> font-weight: 600;<br /> }<br /> <br /> .infobox-data ul,<br /> .infobox-data ol {<br /> margin-top: 0;<br /> }<br /> <br /> .infobox .infobox-button-bar {<br /> width: 100%;<br /> padding: 0;<br /> margin-top: 25px;<br /> text-align: center;<br /> }<br /> <br /> .infobox-button-bar th {<br /> padding: 0;<br /> }<br /> <br /> .infobox tr:first-of-type .mw-collapsible-toggle {<br /> position: relative;<br /> display: none;<br /> float: none;<br /> }<br /> <br /> .infobox tr:first-of-type .mw-collapsible-toggle .mw-collapsible-text {<br /> position: absolute;<br /> right: 0;<br /> display: block;<br /> padding: 5px 15px;<br /> background: var( --color-destructive );<br /> border-radius: 0 var( --border-radius--medium );<br /> color: #fff;<br /> }<br /> <br /> .infobox tr:first-of-type .mw-collapsible-toggle .mw-collapsible-text:hover {<br /> background: var( --color-destructive--hover );<br /> }<br /> <br /> .infobox tr:first-of-type .mw-collapsible-toggle .mw-collapsible-text:active {<br /> background: var( --color-destructive--active );<br /> }<br /> <br /> .infobox tr:first-of-type .mw-collapsible-toggle-collapsed .mw-collapsible-text {<br /> background: var( --color-primary );<br /> }<br /> <br /> .infobox tr:first-of-type .mw-collapsible-toggle-collapsed .mw-collapsible-text:hover {<br /> background: var( --color-primary--hover );<br /> }<br /> <br /> .infobox tr:first-of-type .mw-collapsible-toggle-collapsed .mw-collapsible-text:active {<br /> background: var( --color-primary--active );<br /> }<br /> <br /> .infobox tr:first-of-type .mw-collapsible-toggle:before,<br /> .infobox tr:first-of-type .mw-collapsible-toggle:after {<br /> content: none;<br /> }<br /> <br /> @media only screen and ( max-width: 720px ) {<br /> .infobox {<br /> margin-right: auto;<br /> margin-left: auto;<br /> }<br /> <br /> .infobox tr:first-of-type .mw-collapsible-toggle {<br /> display: block;<br /> }<br /> }<br /> <br /> .floatright:disabled {<br /> margin: 0;<br /> }<br /> <br /> .card-button a:hover {<br /> text-decoration: unset!important;<br /> }</div>

目白光明Mejiro Bright