https://sacreduniverse.wiki/w/index.php?action=history&feed=atom&title=MediaWiki%3ACommon.css 2026-08-18T05:21:48Z Revision history for this page on the wiki MediaWiki 1.43.9 https://sacreduniverse.wiki/w/index.php?title=MediaWiki:Common.css&diff=2&oldid=prev 2026-08-18T03:36:06Z

<p>Phase 0: site styling and navigation</p> <p><b>New page</b></p><div>/* ==========================================================================<br /> Sacred Universe Wiki - site styles<br /> TemplateStyles is not available on this install, so all shared styling<br /> lives here. Edit with care: this file affects every page.<br /> ========================================================================== */<br /> <br /> /* --- Palette -------------------------------------------------------------<br /> Gold is the Sacred Symbol. Each kingdom carries its element&#039;s accent. */<br /> :root {<br /> --sw-gold: #b8892b;<br /> --sw-gold-soft: #f3e6c8;<br /> --sw-ink: #202122;<br /> --sw-rule: #c8ccd1;<br /> --sw-panel: #f8f9fa;<br /> --sw-land: #3f7d3f;<br /> --sw-water: #2b6cb0;<br /> --sw-fire: #b8412b;<br /> --sw-air: #6b7787;<br /> }<br /> <br /> /* --- Infoboxes ---------------------------------------------------------- */<br /> .sw-infobox {<br /> float: right;<br /> clear: right;<br /> width: 23em;<br /> max-width: 100%;<br /> margin: 0 0 1.2em 1.5em;<br /> border: 1px solid var(--sw-rule);<br /> border-top: 3px solid var(--sw-gold);<br /> border-radius: 3px;<br /> background: var(--sw-panel);<br /> font-size: 88%;<br /> line-height: 1.5;<br /> box-shadow: 0 1px 3px rgba(0,0,0,.07);<br /> overflow: hidden;<br /> }<br /> .sw-infobox-title {<br /> padding: .6em .8em;<br /> background: var(--sw-gold-soft);<br /> border-bottom: 1px solid var(--sw-rule);<br /> font-family: Georgia, &#039;Times New Roman&#039;, serif;<br /> font-size: 1.25em;<br /> font-weight: 600;<br /> line-height: 1.25;<br /> text-align: center;<br /> color: var(--sw-ink);<br /> }<br /> .sw-infobox-image { padding: .8em .8em .2em; text-align: center; }<br /> .sw-infobox-image img { max-width: 100%; height: auto; }<br /> .sw-infobox-caption {<br /> padding-top: .4em;<br /> font-size: .92em;<br /> font-style: italic;<br /> color: #54595d;<br /> }<br /> .sw-infobox-noimage {<br /> margin: .8em .8em 0;<br /> padding: 1.6em .5em;<br /> border: 1px dashed var(--sw-rule);<br /> border-radius: 3px;<br /> text-align: center;<br /> font-size: .92em;<br /> color: #72777d;<br /> }<br /> .sw-infobox-data {<br /> width: 100%;<br /> margin: .8em 0 0;<br /> border-collapse: collapse;<br /> background: transparent;<br /> }<br /> .sw-infobox-data th,<br /> .sw-infobox-data td {<br /> padding: .4em .8em;<br /> border-top: 1px solid #eaecf0;<br /> text-align: left;<br /> vertical-align: top;<br /> }<br /> .sw-infobox-data th {<br /> width: 38%;<br /> font-weight: 600;<br /> color: #54595d;<br /> }<br /> .sw-infobox-section th {<br /> background: #eef0f2;<br /> font-size: .92em;<br /> text-transform: uppercase;<br /> letter-spacing: .04em;<br /> }<br /> <br /> /* Kingdom accents. Add the class to an infobox or a main-page tile. */<br /> .sw-land { --sw-gold: #3f7d3f; }<br /> .sw-water { --sw-gold: #2b6cb0; }<br /> .sw-fire { --sw-gold: #b8412b; }<br /> .sw-air { --sw-gold: #6b7787; }<br /> .sw-land .sw-infobox-title, .sw-land.sw-tile h3 { background: #e6f0e6; }<br /> .sw-water .sw-infobox-title, .sw-water.sw-tile h3 { background: #e3edf8; }<br /> .sw-fire .sw-infobox-title, .sw-fire.sw-tile h3 { background: #f8e6e2; }<br /> .sw-air .sw-infobox-title, .sw-air.sw-tile h3 { background: #eceef1; }<br /> <br /> /* --- Banners ------------------------------------------------------------ */<br /> .sw-banner {<br /> margin: 0 0 1em;<br /> padding: .7em 1em;<br /> border: 1px solid var(--sw-rule);<br /> border-left: 4px solid var(--sw-gold);<br /> border-radius: 3px;<br /> background: var(--sw-panel);<br /> font-size: 95%;<br /> }<br /> .sw-banner-spoiler { border-left-color: #b8412b; background: #fdf3f1; }<br /> .sw-banner-stub { border-left-color: #6b7787; font-style: italic; }<br /> <br /> /* --- Pull quotes -------------------------------------------------------- */<br /> .sw-quote {<br /> margin: 1em 0 1em 1.5em;<br /> padding: .2em 0 .2em 1em;<br /> border-left: 3px solid var(--sw-gold);<br /> font-family: Georgia, &#039;Times New Roman&#039;, serif;<br /> font-size: 1.05em;<br /> font-style: italic;<br /> color: #3c4043;<br /> }<br /> .sw-quote-attr {<br /> display: block;<br /> margin-top: .4em;<br /> font-size: .85em;<br /> font-style: normal;<br /> color: #72777d;<br /> }<br /> <br /> /* --- Navboxes ----------------------------------------------------------- */<br /> .sw-navbox {<br /> clear: both;<br /> width: 100%;<br /> margin: 1.5em 0 0;<br /> border: 1px solid var(--sw-rule);<br /> border-radius: 3px;<br /> background: var(--sw-panel);<br /> font-size: 88%;<br /> }<br /> .sw-navbox-title {<br /> padding: .45em .8em;<br /> background: var(--sw-gold-soft);<br /> border-bottom: 1px solid var(--sw-rule);<br /> font-weight: 600;<br /> text-align: center;<br /> }<br /> .sw-navbox-row { display: flex; border-top: 1px solid #eaecf0; }<br /> .sw-navbox-group {<br /> flex: 0 0 10em;<br /> padding: .45em .8em;<br /> background: #eef0f2;<br /> font-weight: 600;<br /> font-size: .95em;<br /> }<br /> .sw-navbox-list { flex: 1; padding: .45em .8em; }<br /> <br /> /* --- Kingdom tiles on the Main Page ------------------------------------- */<br /> .sw-tiles { display: flex; flex-wrap: wrap; gap: 1em; margin: 1em 0; }<br /> .sw-tile {<br /> flex: 1 1 13em;<br /> border: 1px solid var(--sw-rule);<br /> border-top: 3px solid var(--sw-gold);<br /> border-radius: 3px;<br /> background: var(--sw-panel);<br /> overflow: hidden;<br /> }<br /> .sw-tile h3 {<br /> margin: 0;<br /> padding: .5em .8em;<br /> border: none;<br /> font-size: 1.05em;<br /> font-family: Georgia, &#039;Times New Roman&#039;, serif;<br /> }<br /> .sw-tile p { margin: 0; padding: .7em .8em; font-size: .92em; color: #54595d; }<br /> <br /> /* --- Misc --------------------------------------------------------------- */<br /> .sw-lead { font-size: 1.03em; }<br /> .sw-dablink { margin: 0 0 .8em; padding-left: 1.6em; font-style: italic; color: #54595d; }<br /> <br /> /* --- Mobile ------------------------------------------------------------- */<br /> @media screen and (max-width: 720px) {<br /> .sw-infobox { float: none; width: auto; margin: 0 0 1.2em; }<br /> .sw-navbox-row { display: block; }<br /> .sw-navbox-group { flex: none; }<br /> }<br /> <br /> /* --- Night mode (Vector 2022) ------------------------------------------- */<br /> @media screen {<br /> html.skin-theme-clientpref-night .sw-infobox,<br /> html.skin-theme-clientpref-night .sw-navbox,<br /> html.skin-theme-clientpref-night .sw-banner,<br /> html.skin-theme-clientpref-night .sw-tile {<br /> background: #27292d;<br /> border-color: #54595d;<br /> }<br /> html.skin-theme-clientpref-night .sw-infobox-title,<br /> html.skin-theme-clientpref-night .sw-navbox-title,<br /> html.skin-theme-clientpref-night .sw-tile h3 { background: #35302250; color: #eaecf0; }<br /> html.skin-theme-clientpref-night .sw-navbox-group,<br /> html.skin-theme-clientpref-night .sw-infobox-section th { background: #33363a; }<br /> html.skin-theme-clientpref-night .sw-infobox-data th,<br /> html.skin-theme-clientpref-night .sw-infobox-data td { border-top-color: #404449; }<br /> html.skin-theme-clientpref-night .sw-infobox-data th,<br /> html.skin-theme-clientpref-night .sw-quote,<br /> html.skin-theme-clientpref-night .sw-tile p { color: #c8ccd1; }<br /> }</div>

SiteAdmin