https://irori.cc/index.php?action=history&feed=atom&title=%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%3AInfobox%2Fstyles.css 2026-04-14T13:08:34Z このウィキのこのページに関する変更履歴 MediaWiki 1.44.3 https://irori.cc/index.php?title=%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88:Infobox/styles.css&diff=285&oldid=prev 2026-02-05T15:20:05Z

<p>ページの作成:「.irori-infobox { position: relative; width: 320px; padding: 16px 0; border: var(--border-base); border-radius: var(--border-radius-large); border-spacing: 0; color: var(--color-base); background-color: var(--color-surface-2); line-height: var(--line-height-xx-small); font-size: var(--font-size-small); } .irori-infobox th, .irori-infobox td { padding: 0; vertical-align: top; } .irori-infobox tr &gt; *:first-child { p…」</p> <p><b>新規ページ</b></p><div>.irori-infobox {<br /> position: relative;<br /> width: 320px;<br /> padding: 16px 0;<br /> border: var(--border-base);<br /> border-radius: var(--border-radius-large);<br /> border-spacing: 0;<br /> color: var(--color-base);<br /> background-color: var(--color-surface-2);<br /> line-height: var(--line-height-xx-small);<br /> font-size: var(--font-size-small);<br /> }<br /> <br /> .irori-infobox th,<br /> .irori-infobox td {<br /> padding: 0;<br /> vertical-align: top;<br /> }<br /> <br /> .irori-infobox tr &gt; *:first-child {<br /> padding-left: 16px;<br /> }<br /> <br /> .irori-infobox tr &gt; *:last-child {<br /> padding-right: 16px;<br /> }<br /> <br /> .irori-infobox .irori-infobox-title {<br /> font-size: var(--font-size-x-large);<br /> padding-bottom: 4px;<br /> }<br /> <br /> .irori-infobox-title,<br /> .irori-infobox-header {<br /> color: var(--color-emphasized);<br /> }<br /> <br /> .irori-infobox-title,<br /> .irori-infobox-subtitle {<br /> line-height: var(--line-height-xxx-small);<br /> }<br /> <br /> .irori-infobox .irori-infobox-image {<br /> border-top-left-radius: var(--border-radius-large);<br /> border-top-right-radius: var(--border-radius-large);<br /> padding: 0 !important;<br /> transform: translateY(-16px);<br /> overflow: hidden;<br /> }<br /> <br /> .irori-infobox-image &gt; figure,<br /> .irori-infobox-image &gt; figure &gt; figcaption {<br /> border: 0;<br /> padding: 0;<br /> background: transparent;<br /> box-shadow: none;<br /> }<br /> <br /> .irori-infobox-image &gt; figure {<br /> margin-top: 0;<br /> margin-bottom: 0;<br /> overflow: hidden;<br /> }<br /> <br /> .irori-infobox-image .mw-file-description {<br /> border-radius: var(--border-radius-sharp) !important;<br /> }<br /> <br /> .irori-infobox-image &gt; figure &gt; figcaption {<br /> padding-left: 16px;<br /> padding-right: 16px;<br /> text-align: center;<br /> }<br /> <br /> .irori-infobox-image &gt; figure &gt; a::after,<br /> .irori-infobox-image &gt; figure &gt; figcaption::before {<br /> content: none;<br /> }<br /> <br /> .irori-infobox-image &gt; figure img {<br /> margin: 0;<br /> border: 0;<br /> }<br /> <br /> .irori-infobox-image,<br /> .irori-infobox-subtitle,<br /> .irori-infobox-caption {<br /> text-align: center;<br /> }<br /> <br /> .irori-infobox-subtitle,<br /> .irori-infobox-caption {<br /> color: var(--color-subtle);<br /> font-size: var(--font-size-x-small);<br /> }<br /> <br /> .irori-infobox .irori-infobox-caption {<br /> padding-top: 4px;<br /> padding-bottom: 4px;<br /> }<br /> <br /> .irori-infobox .irori-infobox-header {<br /> padding-top: 12px;<br /> padding-bottom: 8px;<br /> }<br /> <br /> .irori-infobox-header:not(.irori-infobox-title) span {<br /> display: flex;<br /> align-items: center;<br /> gap: 1rem;<br /> white-space: nowrap;<br /> color: var(--color-subtle);<br /> font-size: var(--font-size-x-small);<br /> font-weight: var(--font-weight-regular);<br /> }<br /> <br /> .irori-infobox-header:not(.irori-infobox-title) span:before,<br /> .irori-infobox-header:not(.irori-infobox-title) span:after {<br /> content: &quot; &quot;;<br /> height: 1px;<br /> width: 100%;<br /> background-color: var(--border-color-base);<br /> }<br /> <br /> .irori-infobox .irori-infobox-data,<br /> .irori-infobox .irori-infobox-label {<br /> padding: 8px;<br /> }<br /> <br /> .irori-infobox-label {<br /> text-align: start;<br /> vertical-align: top;<br /> }<br /> <br /> @media (max-width: 640px) {<br /> .irori-infobox {<br /> width: 100%;<br /> }<br /> <br /> .irori-infobox-image &gt; figure {<br /> margin-top: 16px;<br /> }<br /> }</div>

KabanFriends