https://www.rosssurnameproject.net/wiki/index.php?action=history&feed=atom&title=Template%3AInfobox%2Fstyles.css 2026-08-15T15:38:59Z Revision history for this page on the wiki MediaWiki 1.44.3 https://www.rosssurnameproject.net/wiki/index.php?title=Template:Infobox/styles.css&diff=1399&oldid=prev 2025-10-21T01:24:08Z

<p>1 revision imported</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <tr class="diff-title" lang="en"> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 01:24, 21 October 2025</td> </tr><tr><td colspan="2" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div> </td></tr></table>

Redheadkelly https://www.rosssurnameproject.net/wiki/index.php?title=Template:Infobox/styles.css&diff=1398&oldid=prev 2024-12-10T00:48:41Z

<p></p> <p><b>New page</b></p><div>/* From Tolkien Gateway */<br /> .infobox {<br /> position: relative;<br /> width: 320px;<br /> padding: 16px 0;<br /> border: var(--tg-border-base);<br /> border-radius: var(--tg-border-radius-large);<br /> border-spacing: 0;<br /> color: var(--tg-color-base);<br /> background-color: var(--tg-color-surface-2);<br /> line-height: var(--tg-line-height-xx-small);<br /> font-size: var(--tg-font-size-small);<br /> }<br /> <br /> .infobox th,<br /> .infobox td {<br /> padding: 0; /* Remove default padding */<br /> vertical-align: top;<br /> }<br /> <br /> .infobox tr &gt; *:first-child {<br /> padding-left: 16px;<br /> }<br /> <br /> .infobox tr &gt; *:last-child {<br /> padding-right: 16px;<br /> }<br /> <br /> .infobox .infobox-title {<br /> font-size: var(--tg-font-size-x-large);<br /> padding-bottom: 4px;<br /> }<br /> <br /> .infobox-title,<br /> .infobox-header {<br /> color: var(--tg-color-emphasized);<br /> }<br /> <br /> .infobox-title,<br /> .infobox-subtitle {<br /> line-height: var(--tg-line-height-xxx-small);<br /> }<br /> <br /> .infobox .infobox-image {<br /> border-top-left-radius: var(--tg-border-radius-large);<br /> border-top-right-radius: var(--tg-border-radius-large);<br /> padding: 0 !important;<br /> transform: translateY(-16px);<br /> overflow: hidden;<br /> }<br /> <br /> .infobox-image &gt; figure,<br /> .infobox-image &gt; figure &gt; figcaption {<br /> /* Reset styles from other skins */<br /> border: 0;<br /> padding: 0;<br /> background: transparent;<br /> box-shadow: none;<br /> }<br /> <br /> .infobox-image &gt; figure {<br /> margin-top: 0;<br /> margin-bottom: 0;<br /> overflow: hidden;<br /> }<br /> <br /> .infobox-image .mw-file-description {<br /> border-radius: var(--tg-border-radius-sharp) !important;<br /> }<br /> <br /> .infobox-image &gt; figure &gt; figcaption {<br /> padding-left: 16px;<br /> padding-right: 16px;<br /> text-align: center;<br /> }<br /> <br /> .infobox-image &gt; figure &gt; a::after,<br /> .infobox-image &gt; figure &gt; figcaption::before {<br /> /* Remove link icon */<br /> content: none;<br /> }<br /> <br /> .infobox-image &gt; figure img {<br /> margin: 0;<br /> border: 0;<br /> }<br /> <br /> .infobox-image,<br /> .infobox-subtitle,<br /> .infobox-caption {<br /> text-align: center;<br /> }<br /> <br /> .infobox-subtitle,<br /> .infobox-caption {<br /> color: var(--tg-color-subtle);<br /> font-size: var(--tg-font-size-x-small);<br /> }<br /> <br /> .infobox .infobox-caption {<br /> padding-top: 4px;<br /> padding-bottom: 4px;<br /> }<br /> <br /> .infobox .infobox-header {<br /> padding-top: 12px;<br /> padding-bottom: 8px;<br /> }<br /> <br /> .infobox-header:not(.infobox-title) span {<br /> display: flex;<br /> align-items: center;<br /> gap: 1rem;<br /> white-space: nowrap;<br /> color: var(--tg-color-subtle);<br /> font-size: var(--tg-font-size-x-small);<br /> font-weight: var(--tg-font-weight-regular);<br /> }<br /> <br /> .infobox-header:not(.infobox-title) span:before,<br /> .infobox-header:not(.infobox-title) span:after {<br /> content: &quot; &quot;;<br /> height: 1px;<br /> width: 100%;<br /> background-color: var(--tg-border-color-base);<br /> }<br /> <br /> .infobox .infobox-data,<br /> .infobox .infobox-label {<br /> padding: 8px;<br /> }<br /> <br /> .infobox-label {<br /> text-align: start;<br /> vertical-align: top;<br /> }<br /> <br /> @media (max-width: 640px) {<br /> .infobox {<br /> width: 100%;<br /> }<br /> <br /> .infobox-image &gt; figure {<br /> margin-top: 16px;<br /> }<br /> }<br /> <br /> /* From Wikipedia Module:Infobox/styles.css */<br /> <br /> .infobox-subbox {<br /> padding: 0;<br /> border: none;<br /> margin: -3px;<br /> width: auto;<br /> min-width: 100%;<br /> font-size: 100%;<br /> clear: none;<br /> float: none;<br /> background-color: transparent;<br /> }<br /> <br /> .infobox-3cols-child {<br /> margin: auto;<br /> }<br /> <br /> .infobox-navbar {<br /> font-size: 100%;<br /> }<br /> <br /> .infobox-header,<br /> .infobox-subheader,<br /> .infobox-above,<br /> .infobox-title,<br /> .infobox-image,<br /> .infobox-full-data,<br /> .infobox-below {<br /> text-align: center;<br /> }</div>

Redheadkelly