Строка 491: |
Строка 491: |
| | | |
| <!-- Начало --> | | <!-- Начало --> |
| + | |
| + | {{#css: |
| + | .mw-collapsible { |
| + | overflow: hidden; |
| + | max-height: 0; |
| + | opacity: 0; |
| + | transition: max-height 1.25s ease-in-out, opacity 1.25s ease-in-out; |
| + | } |
| + | |
| + | .mw-collapsible.collapsed { |
| + | max-height: 0; |
| + | opacity: 0; |
| + | } |
| + | |
| + | .mw-collapsible.expanded { |
| + | max-height: 500px; /* Выбираем максимальную высоту */ |
| + | opacity: 1; |
| + | } |
| + | |
| + | .mw-customtoggle:focus + .mw-collapsible, |
| + | .mw-customtoggle.wds-button:focus + .mw-collapsible { |
| + | max-height: 500px; /* Устанавливаем максимальную высоту для раскрытия */ |
| + | opacity: 1; |
| + | } |
| + | |
| + | .mw-customtoggle { |
| + | cursor: pointer; |
| + | } |
| + | }} |
| | | |
| <div style="text-align:center;"> | | <div style="text-align:center;"> |
Строка 496: |
Строка 525: |
| <tr> | | <tr> |
| <td style="width: 400px; height: 100px; vertical-align: top; border: none;"> | | <td style="width: 400px; height: 100px; vertical-align: top; border: none;"> |
− | <div class="mw-customtoggle-rules wds-button"> | + | <div class="mw-customtoggle wds-button" tabindex="0"> |
| [[Файл:Bay12 Plash.png|500px|link=|alt=Правила]] | | [[Файл:Bay12 Plash.png|500px|link=|alt=Правила]] |
| </div> | | </div> |
− | <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-rules"> | + | <div class="mw-collapsible collapsed" id="mw-customcollapsible-rules"> |
| <table style="margin: 0 auto; width: 100%; height: 100px;"> | | <table style="margin: 0 auto; width: 100%; height: 100px;"> |
| <tr> | | <tr> |
Строка 517: |
Строка 546: |
| </td> | | </td> |
| <td style="width: 400px; height: 100px; vertical-align: top; border: none;"> | | <td style="width: 400px; height: 100px; vertical-align: top; border: none;"> |
− | <div class="mw-customtoggle-guides wds-button"> | + | <div class="mw-customtoggle wds-button" tabindex="0"> |
| [[Файл:Bay12 Plash.png|500px|link=|alt=Популярные руководства]] | | [[Файл:Bay12 Plash.png|500px|link=|alt=Популярные руководства]] |
| </div> | | </div> |
− | <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-guides"> | + | <div class="mw-collapsible collapsed" id="mw-customcollapsible-guides"> |
| <table style="margin: 0 auto; width: 100%; height: 100px;"> | | <table style="margin: 0 auto; width: 100%; height: 100px;"> |
| <tr> | | <tr> |
Строка 539: |
Строка 568: |
| <tr> | | <tr> |
| <td style="width: 400px; height: 100px; vertical-align: top; border: none;"> | | <td style="width: 400px; height: 100px; vertical-align: top; border: none;"> |
− | <div class="mw-customtoggle-beginners wds-button"> | + | <div class="mw-customtoggle wds-button" tabindex="0"> |
| [[Файл:Bay12 Plash.png|500px|link=|alt=Новичку]] | | [[Файл:Bay12 Plash.png|500px|link=|alt=Новичку]] |
| </div> | | </div> |
− | <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-beginners"> | + | <div class="mw-collapsible collapsed" id="mw-customcollapsible-beginners"> |
| <table style="margin: 0 auto; width: 100%; height: 100px;"> | | <table style="margin: 0 auto; width: 100%; height: 100px;"> |
| <tr> | | <tr> |
| <td> | | <td> |
| {{pageframe | | {{pageframe |
− | | color = #88b1ef
| + | | color = #88b1ef |
− | | image = IconConstruction.png
| + | | image = IconConstruction.png |
− | | title = Новенький на станции?
| + | | title = Новенький на станции? |
− | | content = <span style="font-size: 120%;">'''Не уверены с чего начать?'''</span><br>
| + | | content = <span style="font-size: 120%;">'''Не уверены с чего начать?'''</span><br> |
| Прочитайте наше [[Getting Started (SS13)|Руководство для новичков]]!<br> | | Прочитайте наше [[Getting Started (SS13)|Руководство для новичков]]!<br> |
| Нужны уточнения? Прочитайте наши [[Руководства|Руководства для игроков]]!<br> | | Нужны уточнения? Прочитайте наши [[Руководства|Руководства для игроков]]!<br> |
Строка 570: |
Строка 599: |
| </td> | | </td> |
| <td style="width: 400px; height: 100px; vertical-align: top; border: none;"> | | <td style="width: 400px; height: 100px; vertical-align: top; border: none;"> |
− | <div class="mw-customtoggle-modes wds-button"> | + | <div class="mw-customtoggle wds-button" tabindex="0"> |
| [[Файл:Bay12 Plash.png|500px|link=|alt=Режимы и антагонисты]] | | [[Файл:Bay12 Plash.png|500px|link=|alt=Режимы и антагонисты]] |
| </div> | | </div> |
− | <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-modes"> | + | <div class="mw-collapsible collapsed" id="mw-customcollapsible-modes"> |
| <table style="margin: 0 auto; width: 100%; height: 100px;"> | | <table style="margin: 0 auto; width: 100%; height: 100px;"> |
| <tr> | | <tr> |
Строка 591: |
Строка 620: |
| <tr> | | <tr> |
| <td style="width: 400px; height: 100px; vertical-align: top; border: none;"> | | <td style="width: 400px; height: 100px; vertical-align: top; border: none;"> |
− | <div class="mw-customtoggle-roles wds-button"> | + | <div class="mw-customtoggle wds-button" tabindex="0"> |
| [[Файл:Bay12 Plash.png|500px|link=|alt=Роли]] | | [[Файл:Bay12 Plash.png|500px|link=|alt=Роли]] |
| </div> | | </div> |
− | <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-roles"> | + | <div class="mw-collapsible collapsed" id="mw-customcollapsible-roles"> |
| <table style="margin: 0 auto; width: 100%; height: 100px;"> | | <table style="margin: 0 auto; width: 100%; height: 100px;"> |
| <tr> | | <tr> |
Строка 610: |
Строка 639: |
| </td> | | </td> |
| <td style="width: 400px; height: 100px; vertical-align: top; border: none;"> | | <td style="width: 400px; height: 100px; vertical-align: top; border: none;"> |
− | <div class="mw-customtoggle-lore wds-button"> | + | <div class="mw-customtoggle wds-button" tabindex="0"> |
| [[Файл:Bay12 Plash.png|500px|link=|alt=Лор Оникса]] | | [[Файл:Bay12 Plash.png|500px|link=|alt=Лор Оникса]] |
| </div> | | </div> |
− | <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-lore"> | + | <div class="mw-collapsible collapsed" id="mw-customcollapsible-lore"> |
| <table style="margin: 0 auto; width: 100%; height: 100px;"> | | <table style="margin: 0 auto; width: 100%; height: 100px;"> |
| <tr> | | <tr> |