https://ss14-wiki.rp-s.tech/index.php?action=history&feed=atom&title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3ARulesBox 2026-04-28T04:48:10Z История изменений этой страницы в вики MediaWiki 1.43.0-rc.0 https://ss14-wiki.rp-s.tech/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:RulesBox&diff=5153&oldid=prev 2024-12-16T23:16:34Z

<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="ru"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Предыдущая версия</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Версия от 23:16, 16 декабря 2024</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l67">Строка 67:</td> <td colspan="2" class="diff-lineno">Строка 67:</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> overflow-y: auto;</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> overflow-y: auto;</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> margin-top: 10px;</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> margin-top: 10px;</div></td></tr> <tr><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: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><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: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">.mw-collapsible-toggle {</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><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: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> position: absolute;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><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: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> top: 12px;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><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: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> right: 12px;</del></div></td><td colspan="2" class="diff-side-added"></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;"><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> </table>

Atima https://ss14-wiki.rp-s.tech/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:RulesBox&diff=4469&oldid=prev 2024-08-29T22:53:55Z

<p>Новая страница: «&lt;div class=&quot;rules__block&quot; style=&quot;margin: {{{margin|20px 5px}}};border-left: {{{border-size|5px}}} solid {{{border-color|#2B30BD}}};padding: {{{padding|12px}}};color: {{{color|lightgrey}}};&gt; &lt;div class=&quot;rules__container&quot;&gt; {{#if: {{{title|}}} | &lt;div class=&quot;rules__title&quot;&gt;&#039;&#039;&#039;{{{title}}}&#039;&#039;&#039;&lt;/div&gt; }} {{#if: {{{content|}}} | &lt;div class=&quot;rules__content&quot; style=&quot;margin-top: {{{margin-top-content|10px}}};&gt;{{{content}}}&lt;/div&gt; }} &lt;/div&gt; {{#ifeq: {{{1|}}}...»</p> <p><b>Новая страница</b></p><div>&lt;div class=&quot;rules__block&quot; style=&quot;margin: {{{margin|20px 5px}}};border-left: {{{border-size|5px}}} solid {{{border-color|#2B30BD}}};padding: {{{padding|12px}}};color: {{{color|lightgrey}}};&gt;<br /> &lt;div class=&quot;rules__container&quot;&gt;<br /> {{#if: {{{title|}}} | <br /> &lt;div class=&quot;rules__title&quot;&gt;&#039;&#039;&#039;{{{title}}}&#039;&#039;&#039;&lt;/div&gt;<br /> }}<br /> {{#if: {{{content|}}} | <br /> &lt;div class=&quot;rules__content&quot; style=&quot;margin-top: {{{margin-top-content|10px}}};&gt;{{{content}}}&lt;/div&gt;<br /> }}<br /> &lt;/div&gt;<br /> {{#ifeq: {{{1|}}} | addition |<br /> &lt;div class=&quot;rules__container--addition mw-collapsible mw-collapsed&quot;&gt;<br /> &lt;div class=&quot;rules__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__content--addition mw-collapsible-content&quot;&gt;{{{content-addition}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> }}<br /> &lt;/div&gt;<br /> &lt;!-- Не изменяемый CSS --&gt;<br /> &lt;div class=&quot;customCSS&quot; style=&quot;display:none&quot;&gt;<br /> .rules__block {<br /> position: relative;<br /> display: flex;<br /> justify-content: space-between;<br /> text-align: left;<br /> background-color: #282831;<br /> border-radius: 0.3em;<br /> box-shadow: 0 4px 2px rgba(0, 0, 0, 0.3);<br /> transition: background 0.3s ease, box-shadow 0.3s ease;<br /> }<br /> .rules__block:hover {<br /> background: #2b2b35;<br /> box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);<br /> }<br /> .rules__block li {<br /> margin-top: 12px;<br /> }<br /> .rules__container {<br /> <br /> }<br /> .rules__title {<br /> font-size: 1.3em;<br /> }<br /> .rules__content {<br /> <br /> }<br /> .rules__title--addition {<br /> font-size: 1em;<br /> display: flex;<br /> align-items: center;<br /> }<br /> .rules__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: #34343f;<br /> border-left: 4px solid #434353;<br /> box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);<br /> transition: background 0.3s ease;<br /> }<br /> .rules__content--addition {<br /> flex-grow: 1;<br /> overflow-y: auto;<br /> margin-top: 10px;<br /> }<br /> .mw-collapsible-toggle {<br /> position: absolute;<br /> top: 12px;<br /> right: 12px;<br /> }<br /> /* Адаптивные стили для мобильных устройств */<br /> @media (max-width: 700px) {<br /> .rules__block {<br /> flex-direction: column;<br /> margin: 20px 0;<br /> }<br /> .rules__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__container--addition:hover {<br /> background: #33333b;<br /> }<br /> .rules__block:hover {<br /> background: #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 /> <br /> &lt;/div&gt;</div>

Atima