http://wiki.astrorpg.com/index.php?action=history&feed=atom&title=Module%3AInfobox%2Fstyles.css 2026-04-17T22:01:37Z Revision history for this page on the wiki MediaWiki 1.44.0 http://wiki.astrorpg.com/index.php?title=Module:Infobox/styles.css&diff=159&oldid=prev 2025-08-07T10:19:16Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 10:19, 7 August 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l13">Line 13:</td> <td colspan="2" class="diff-lineno">Line 13:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> text-align: left;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> text-align: left;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> display: block;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> display: block;</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> padding-bottom: var(--space-sm);</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <!-- diff cache key astro_wiki:diff:1.41:old-121:rev-159:php=table --> </table>

Astro-adm http://wiki.astrorpg.com/index.php?title=Module:Infobox/styles.css&diff=121&oldid=prev 2025-08-07T03:47:01Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 03:47, 7 August 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l223">Line 223:</td> <td colspan="2" class="diff-lineno">Line 223:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> display: block;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> display: block;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> }</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">}</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">.infobox caption {</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">    display: block;          /* Para respeitar o fluxo normal */</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">    text-align: center;      /* Centraliza o texto */</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">    font-size: 1.3rem;        /* Tamanho maior */</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">    font-weight: bold;        /* Negrito */</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">    margin: 1em 0;            /* Espaçamento acima e abaixo */</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td></tr> <!-- diff cache key astro_wiki:diff:1.41:old-116:rev-121:php=table --> </table>

Astro-adm http://wiki.astrorpg.com/index.php?title=Module:Infobox/styles.css&diff=116&oldid=prev 2025-08-07T03:41:07Z

<p>Created page with &quot;.infobox { <span class="autocomment">In case if tooltips go out of boundary: </span> overflow: visible; width: 100%; max-width: 400px; margin-top: 0; margin-bottom: var( --space-md ); background: var( --color-surface-1 ); border: 1px solid var( --border-color-base ); border-radius: var( --border-radius-medium ); border-spacing: 0; font-size: 0.875rem; text-align: left; display: block; } <span class="autocomment">Table elements: </span> .infobox tbody { display: flex; flex-wrap: wrap; } .infobox tr { display: f...&quot;</p> <p><b>New page</b></p><div>.infobox {<br /> /* In case if tooltips go out of boundary */<br /> overflow: visible;<br /> width: 100%;<br /> max-width: 400px;<br /> margin-top: 0;<br /> margin-bottom: var( --space-md );<br /> background: var( --color-surface-1 );<br /> border: 1px solid var( --border-color-base );<br /> border-radius: var( --border-radius-medium );<br /> border-spacing: 0;<br /> font-size: 0.875rem;<br /> text-align: left;<br /> display: block;<br /> }<br /> <br /> /* Table elements */<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 column */<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 image */<br /> .infobox .infobox-image {<br /> overflow: hidden;<br /> padding: 0;<br /> margin-top: 0;<br /> border-radius: var( --border-radius-medium ) var( --border-radius-medium ) 0 0;<br /> }<br /> <br /> .infobox-image td {<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 img {<br /> display: block;<br /> max-width: 100%;<br /> background: var( --background-color-button-quiet--hover );<br /> }<br /> <br /> /* Neutral background for all transprent SVG */<br /> .infobox-image img[ src$=&#039;.svg&#039; ] {<br /> background: #eaecf0;<br /> }<br /> <br /> /* Infobox title */<br /> .infobox .infobox-title {<br /> width: 100%;<br /> margin-top: 20px;<br /> margin-bottom: 5px;<br /> color: var( --color-emphasized );<br /> font-size: var( --font-size-x-large );<br /> line-height: var( --line-height-xxx-small );<br /> }<br /> <br /> /* Infobox indicator */<br /> .infobox .infobox-indicator {<br /> margin-top: 0;<br /> padding: 0;<br /> }<br /> <br /> /* Infobox subtitle */<br /> .infobox .infobox-subtitle {<br /> /* Cancel infobox-title bottom margin */<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 header */<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-emphasized );<br /> line-height: var( --line-height-xxx-small );<br /> font-size: 1rem;<br /> }<br /> <br /> /* Infobox value */<br /> .infobox-data th {<br /> color: var( --color-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 button */<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 /> /* Collapsible toggle */<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-progressive );<br /> }<br /> <br /> .infobox tr:first-of-type .mw-collapsible-toggle-collapsed .mw-collapsible-text:hover {<br /> background: var( --color-progressive--hover );<br /> }<br /> <br /> .infobox tr:first-of-type .mw-collapsible-toggle-collapsed .mw-collapsible-text:active {<br /> background: var( --color-progressive--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 /> }</div>

Astro-adm