https://wiki.spaceonyx.online/index.php?action=history&feed=atom&title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3A%D0%A2%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D0%B0%D0%A0%D0%BE%D0%BB%D0%B5%D0%B9%2Fstyles.css 2026-06-14T15:40:10Z История изменений этой страницы в вики MediaWiki 1.45.3 https://wiki.spaceonyx.online/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:%D0%A2%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D0%B0%D0%A0%D0%BE%D0%BB%D0%B5%D0%B9/styles.css&diff=51&oldid=prev 2026-06-12T10:52:48Z

<p>Новая страница: «<span class="autocomment">Основные стили карточки: </span> .RoleTable-card { display: inline-flex; flex-direction: column; max-width: 100%; min-width: 300px; width: 100%; margin: 0.5em 0 5px 0; padding: 2px; border-radius: 6px; box-sizing: border-box; } <span class="autocomment">Заголовок карточки: </span> .RoleTable-card_header { border-radius: 3px; text-align: center; cursor: pointer; } .RoleTable-card_header_title { displ...»</p> <p><b>Новая страница</b></p><div>/* Основные стили карточки */<br /> .RoleTable-card {<br /> display: inline-flex;<br /> flex-direction: column;<br /> max-width: 100%;<br /> min-width: 300px;<br /> width: 100%;<br /> margin: 0.5em 0 5px 0;<br /> padding: 2px;<br /> border-radius: 6px;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Заголовок карточки */<br /> .RoleTable-card_header {<br /> border-radius: 3px;<br /> text-align: center;<br /> cursor: pointer;<br /> }<br /> <br /> .RoleTable-card_header_title {<br /> display: flex;<br /> justify-content: space-between;<br /> align-items: center;<br /> text-align: left;<br /> margin: 0 6px;<br /> padding: 3px 0;<br /> min-width: 0; /* FIX */<br /> }<br /> <br /> .RoleTable-header_icon {<br /> flex: 0 0 32px;<br /> }<br /> <br /> .RoleTable-card_title {<br /> margin: 6px 0;<br /> color: white;<br /> font-size: 16px;<br /> text-align: center;<br /> flex-grow: 1;<br /> min-width: 0; /* FIX */<br /> overflow: hidden;<br /> text-overflow: ellipsis;<br /> white-space: nowrap;<br /> }<br /> <br /> .RoleTable-card_title a {<br /> color: white !important;<br /> }<br /> <br /> /* Основное содержимое */<br /> .RoleTable-card_content {<br /> margin-top: 3px;<br /> width: 100%;<br /> min-width: 0; /* FIX */<br /> }<br /> <br /> .RoleTable-content_main {<br /> padding: 3px;<br /> display: grid;<br /> grid-template-columns: repeat(5, minmax(0, 1fr)); /* FIX */<br /> gap: 5px;<br /> border-radius: 3px;<br /> width: 100%;<br /> min-width: 0; /* FIX */<br /> }<br /> <br /> .RoleTable-content_main {<br /> box-sizing: border-box;<br /> }<br /> <br /> /* Карточки ролей */<br /> .RoleTable-content_main &gt; .cardRole {<br /> max-width: none;<br /> width: 100%;<br /> min-width: 0;<br /> }<br /> <br /> /* Вторичное содержимое */<br /> .RoleTable-content_secondary {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr)); /* FIX */<br /> gap: 3px;<br /> margin-top: 3px;<br /> width: 100%;<br /> min-width: 0; /* FIX */<br /> }<br /> <br /> .RoleTable-content_secondary &gt; .RoleTable-content_block:only-child {<br /> grid-column: 1 / -1;<br /> }<br /> <br /> .RoleTable-content_block {<br /> border-radius: 3px;<br /> padding: 0 5px;<br /> min-width: 0;<br /> }<br /> <br /> /* Заголовки блоков */<br /> .RoleTable-block_title {<br /> font-weight: bold;<br /> white-space: nowrap;<br /> overflow: hidden;<br /> text-overflow: ellipsis;<br /> }<br /> <br /> /* Контент блоков */<br /> .RoleTable-block_content {<br /> padding: 2px 0;<br /> overflow-wrap: anywhere; /* FIX от длинных строк */<br /> word-break: break-word;<br /> }<br /> <br /> .RoleTable-block_content p {<br /> margin: 0;<br /> }<br /> <br /> /* Адаптация для разных разрешений */<br /> @media (max-width: 1440px) {<br /> .RoleTable-content_main {<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> @media (max-width: 1200px) {<br /> .RoleTable-content_main {<br /> grid-template-columns: repeat(3, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> @media (max-width: 900px) {<br /> .RoleTable-content_main {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> }<br /> <br /> @media (max-width: 640px) {<br /> .RoleTable-content_main,<br /> .RoleTable-content_secondary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .RoleTable-content_block {<br /> min-width: 100%;<br /> }<br /> <br /> .RoleTable-content_secondary &gt; .RoleTable-content_block:only-child {<br /> grid-column: 1;<br /> }<br /> }</div>

Neyran