https://wiki.sunrise14.top/w/index.php?action=history&feed=atom&title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3ARulesBox
Шаблон:RulesBox - История изменений
2026-05-13T11:11:00Z
История изменений этой страницы в вики
MediaWiki 1.41.0
https://wiki.sunrise14.top/w/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:RulesBox&diff=10110&oldid=prev
Sand Arh: тест
2024-09-17T20:49:30Z
<p>тест</p>
<p><b>Новая страница</b></p><div><div class="rules__block" style="margin:{{{margin|20px 5px}}};border-left:{{{border-size|5px}}} solid {{{border-color|#404053}}};padding:{{{padding|12px}}};color:{{{color|lightgrey}}};><br />
<div class="rules__container"><br />
{{#if: {{{title|}}} | <br />
<div class="rules__title">'''{{{title}}}'''</div><br />
}}<br />
{{#if: {{{content|}}} | <br />
<div class="rules__content" style="margin-top:{{{margin-top-content|10px}}};>{{{content}}}</div><br />
}}<br />
</div><br />
{{#ifeq: {{{1|}}} | addition |<br />
<div class="rules__container--addition mw-collapsible mw-collapsed"><br />
<div class="rules__title--addition"><span style="white-space: nowrap;">'''{{{title-addition}}}'''</span></div><br />
<div class="rules__content--addition mw-collapsible-content">{{{content-addition}}}</div><br />
</div><br />
}}<br />
</div><br />
<!-- Не изменяемый CSS --><br />
<div class="customCSS" style="display:none"><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: {{{margin-li|8px}}};<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 />
</div></div>
Sand Arh