MediaWiki:Common.css

Материал из Ascaron Online
Версия от 07:23, 5 апреля 2025; Admin (обсуждение | вклад) (Новая страница: «Размещённый здесь CSS будет применяться ко всем темам оформления: Стили для скелетона: .skeleton { background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: skeleton-loading 1.5s infinite ease-in-out; color: transparent; border-radius: 5px; } @keyframes skeleton-loading { 0% { background-position: -2...»)
(разн.) ← Предыдущая версия | Текущая версия (разн.) | Следующая версия → (разн.)
Перейти к навигации Перейти к поиску

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

  • 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 будет применяться ко всем темам оформления */
/* Стили для скелетона */
.skeleton {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s infinite ease-in-out;
    color: transparent;
    border-radius: 5px;
}

@keyframes skeleton-loading {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

/* Применение скелетона к элементам */
.skeleton-text {
    height: 20px;
    width: 100%;
    margin-bottom: 10px;
}

.skeleton-image {
    width: 100%;
    height: 200px;
    margin-bottom: 15px;
}