https://wiki.stepharvest.com/index.php?action=history&feed=atom&title=Template%3AInfobox_mineral%2Fstyles.css 2026-07-16T13:02:42Z Revision history for this page on the wiki MediaWiki 1.47.0-alpha https://wiki.stepharvest.com/index.php?title=Template:Infobox_mineral/styles.css&diff=299&oldid=prev 2026-06-16T14:05:15Z

<p>Mineral infobox styles</p> <p><b>New page</b></p><div>/* Mineral infobox (ores, gems, materials): the signature wooden frame panel.<br /> TemplateStyles does not allow CSS variables, so hex values are repeated<br /> here. They match the palette in MediaWiki:Common.css. */<br /> <br /> .sh-infobox {<br /> float: right;<br /> clear: right;<br /> width: 280px;<br /> margin: 0 0 1em 1em;<br /> background: #FBF1E1;<br /> color: #2C1810;<br /> border: 6px solid #8B5A2B;<br /> border-radius: 10px;<br /> box-shadow: 3px 4px 0 rgba(93, 58, 26, 0.5);<br /> font-size: 0.92em;<br /> line-height: 1.4;<br /> }<br /> <br /> @media (max-width: 720px) {<br /> .sh-infobox {<br /> float: none;<br /> clear: none;<br /> width: auto;<br /> max-width: 380px;<br /> margin: 0 auto 1em;<br /> }<br /> }<br /> <br /> .sh-infobox-title {<br /> background: #8B5A2B;<br /> color: #FFF8F0;<br /> font-family: &#039;VT323&#039;, monospace;<br /> font-size: 1.7em;<br /> line-height: 1.2;<br /> letter-spacing: 0.5px;<br /> text-align: center;<br /> padding: 3px 10px;<br /> }<br /> <br /> .sh-infobox-image {<br /> text-align: center;<br /> padding: 10px 10px 4px;<br /> }<br /> <br /> .sh-infobox-image img {<br /> image-rendering: pixelated;<br /> }<br /> <br /> .sh-infobox-desc {<br /> font-style: italic;<br /> font-size: 0.95em;<br /> color: #8A7A6E;<br /> text-align: center;<br /> padding: 0 14px 4px;<br /> }<br /> <br /> .sh-infobox-rows {<br /> padding: 4px 10px 10px;<br /> }<br /> <br /> .sh-infobox-section {<br /> font-family: &#039;VT323&#039;, monospace;<br /> font-size: 1.3em;<br /> letter-spacing: 0.5px;<br /> color: #5D3A1A;<br /> background: rgba(201, 166, 107, 0.35);<br /> border-radius: 4px;<br /> text-align: center;<br /> margin: 8px 0 2px;<br /> padding: 0 6px;<br /> }<br /> <br /> .sh-infobox-row {<br /> display: flex;<br /> align-items: baseline;<br /> gap: 8px;<br /> padding: 4px 2px;<br /> border-bottom: 2px solid #C9A66B;<br /> }<br /> <br /> .sh-infobox-row:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .sh-infobox-label {<br /> flex: 0 0 42%;<br /> font-family: &#039;VT323&#039;, monospace;<br /> font-size: 1.15em;<br /> color: #5D3A1A;<br /> }<br /> <br /> .sh-infobox-value {<br /> flex: 1;<br /> }</div>

Admin