MediaWiki:Common.css

Материал из Celadon | Wiki Skyrat
Версия от 18:52, 8 октября 2020; imported>Yawet330 (Testing)
(разн.) ← Предыдущая версия | Текущая версия (разн.) | Следующая версия → (разн.)
Перейти к навигации Перейти к поиску

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
/* CSS placed here will be applied to all skins */

.collapsible {
  display: block;
  margin-bottom: 1rem;
}

  .collapser {
    cursor: pointer;
    border: 1px transparent dotted;
  }

  .arrow {
    margin-left: 0.5em;
    display: inline-block;
    transform: rotate(90deg);
    transition: transform .25s ease-out;
  }

  input:checked ~ .arrow,
  input:checked ~ .collapser .arrow {
    transform: rotate(270deg);
  }

  .collapsed {
    font-size: 0;
    margin: 0;
    opacity: 0;
    padding: 0;

    /* fade out, then shrink */
    transition:   
      opacity .25s,
      margin .5s 0.25s,
      font-size .5s 0.25s,
      padding .5s .25s;
  }

  input:checked ~ .collapsed {
    font-size: 16px;
    opacity: 1;
    height: auto;
    padding: 5px 0;
    
    /* grow, then fade in */
    transition:   
      margin .25s,
      padding .25s,
      font-size .25s,
      opacity .5s .25s;
  }