https://wiki.starlight.network/index.php?action=history&feed=atom&title=Template%3ARulesBox 2026-04-05T17:28:06Z Revision history for this page on the wiki MediaWiki 1.43.0 https://wiki.starlight.network/index.php?title=Template:RulesBox&diff=73&oldid=prev 2025-01-02T07:44:13Z

<p>Created page with &quot;&lt;div class=&quot;rules-box__block&quot; style=&quot;background-color:{{{background-color|#282831}}};box-shadow:{{{box-shadow|0 2px 4px rgba(0, 0, 0, 0.35)}}};margin:{{{margin|12px 2px}}};border-left:{{{border-size|5px}}} solid {{{border-color|#404053}}};padding:{{{padding|12px}}};color:{{{color|lightgrey}}};&gt; &lt;div class=&quot;rules-box__container&quot;&gt; {{#if: {{{title|}}} | &lt;div class=&quot;rules-box__title&quot; style=&quot;margin-bottom:{{{margin-bottom-title|8px}}};&gt;&#039;&#039;&#039;{{{title}}}&#039;&#039;&#039;&lt;/div&gt;}} {{#if:...&quot;</p> <p><b>New page</b></p><div>&lt;div class=&quot;rules-box__block&quot; style=&quot;background-color:{{{background-color|#282831}}};box-shadow:{{{box-shadow|0 2px 4px rgba(0, 0, 0, 0.35)}}};margin:{{{margin|12px 2px}}};border-left:{{{border-size|5px}}} solid {{{border-color|#404053}}};padding:{{{padding|12px}}};color:{{{color|lightgrey}}};&gt;<br /> &lt;div class=&quot;rules-box__container&quot;&gt;<br /> {{#if: {{{title|}}} | &lt;div class=&quot;rules-box__title&quot; style=&quot;margin-bottom:{{{margin-bottom-title|8px}}};&gt;&#039;&#039;&#039;{{{title}}}&#039;&#039;&#039;&lt;/div&gt;}}<br /> {{#if: {{{content|}}} | &lt;div class=&quot;rules-box__content&quot;&gt;{{{content}}}&lt;/div&gt;}}<br /> &lt;/div&gt;<br /> {{#ifeq: {{{1|}}} | addition |<br /> &lt;div class=&quot;rules-box__container--addition mw-collapsible mw-collapsed&quot;&gt;<br /> &lt;div class=&quot;rules-box__title--addition&quot;&gt;&lt;span style=&quot;white-space: nowrap;&quot;&gt;&#039;&#039;&#039;{{{title-addition}}}&#039;&#039;&#039;&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;rules-box__content--addition mw-collapsible-content&quot;&gt;{{{content-addition}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> }}<br /> &lt;/div&gt;&lt;!--<br /> <br /> --&gt;{{#css:<br /> .rules-box__block {<br /> position: relative;<br /> display: flex;<br /> justify-content: space-between;<br /> text-align: left;<br /> border-radius: 0.3em;<br /> transition: background-color 0.3s ease, box-shadow 0.3s ease;<br /> }<br /> <br /> .rules-box__block li:not(:first-child) {<br /> margin-top: {{{margin-li|8px}}};<br /> }<br /> <br /> .rules-box__block ol {<br /> margin: 0.3em 0 0 1.5em;<br /> }<br /> <br /> .rules-box__block ul {<br /> margin-top: 0;<br /> }<br /> <br /> .rules-box__container {<br /> <br /> }<br /> <br /> .rules-box__title {<br /> font-size: 1.2em;<br /> }<br /> <br /> .rules-box__content {<br /> <br /> }<br /> <br /> .rules-box__title--addition {<br /> font-size: 1em;<br /> display: flex;<br /> align-items: center;<br /> }<br /> <br /> .rules-box__container--addition {<br /> position: absolute;<br /> display: flex;<br /> flex-direction: column;<br /> max-height: 90%;<br /> top: 0;<br /> right: 0;<br /> width: min(35%, 300px);<br /> padding: 12px;<br /> border-radius: 0.3em;<br /> background-color: #34343f;<br /> border-left: 4px solid #434353;<br /> box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);<br /> transition: background-color 0.3s ease;<br /> }<br /> <br /> .rules-box__content--addition {<br /> flex-grow: 1;<br /> overflow-y: auto;<br /> margin-top: 10px;<br /> }<br /> <br /> .mw-collapsible-toggle {<br /> position: absolute;<br /> top: 12px;<br /> right: 12px;<br /> }<br /> <br /> @media (max-width: 700px) {<br /> .rules-box__block {<br /> flex-direction: column;<br /> margin: 20px 0;<br /> }<br /> .rules-box__container--addition {<br /> position: static;<br /> display: block;<br /> box-sizing: border-box;<br /> width: 100%;<br /> border-left: none;<br /> box-shadow: none;<br /> margin-top: 20px;<br /> }<br /> .rules-box__container--addition:hover {<br /> background-color: #33333b;<br /> }<br /> .rules-box__block:hover {<br /> background-color: #27272e;<br /> box-shadow: 0 4px 2px rgba(0, 0, 0, 0.15);<br /> }<br /> .mw-collapsible-toggle {<br /> position: static;<br /> top: 12px;<br /> right: 12px;<br /> }<br /> }<br /> }}</div>

Rinary