Изменения

Материал из Chaotic Onyx
Перейти к навигацииПерейти к поиску
м
Я буду гореть в аду за такой плохой код, дай бог его никто не будет читать и разбираться
Строка 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>

Навигация