MediaWiki:Theme-dark.css: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
Tag: Reverted
No edit summary
Tags: Manual revert Reverted
Line 21: Line 21:
     color: white; /* Белый текст заголовка для контраста */
     color: white; /* Белый текст заголовка для контраста */
}
}
.lyric-table tr {
    background-image:
        linear-gradient(to top, #181818 10%, #3C3C3C 90%), /* Градиент */
        url('/images/6/63/Clancy_-_Border.png'), /* Изображение для верхней части */
        url('/images/6/63/Clancy_-_Border.png'); /* Изображение для нижней части */
    background-repeat: no-repeat, repeat-x, repeat-x; /* Повторение только горизонтально */
    background-position: top 10px center, bottom 10px center; /* Позиционирование с учетом отступов */
    background-size: calc(100% - 20px) auto; /* Уменьшение ширины фона на 20px (по 10px с каждой стороны) */
    background-origin: padding-box; /* Начало изображения от padding */
    padding: 10px 5px; /* Создание отступов для текстового контента */
}


.lyric-table th,
.lyric-table th,
Line 36: Line 50:
}
}


.lyric-table {
/* Левое изображение */
     position: relative;
.lyric-table tr::before {
     border-collapse: collapse;
    content: "";
     width: 100%;
     position: absolute;
}
     top: 10px; /* Отступ сверху */
 
     bottom: 10px; /* Отступ снизу */
.lyric-table tr {
    left: 5px; /* Отступ слева */
     background: linear-gradient(to top, #181818 10%, #3C3C3C 90%);
    width: 20px; /* Ширина изображения */
     position: relative;
    background-image: url('/images/8/8d/Clancy_-_Border_(1).png'); /* Путь к левому изображению */
    background-repeat: repeat-z;
     background-size: contain; /* Подгонка изображения по размеру контейнера */
     background-position: center;
}
}


.lyric-table tr::before,
/* Правое изображение */
.lyric-table tr::after {
.lyric-table tr::after {
     content: "";
     content: "";
     position: absolute;
     position: absolute;
     top: 0;
     top: 10px; /* Отступ сверху */
     bottom: 0;
     bottom: 10px; /* Отступ снизу */
    right: 5px; /* Отступ справа */
     width: 20px; /* Ширина изображения */
     width: 20px; /* Ширина изображения */
     background-size: contain;
     background-image: url('/images/8/8d/Clancy_-_Border_(1).png'); /* Путь к правому изображению */
     background-repeat: no-repeat;
     background-repeat: repeat-z;
     z-index: 1;
     background-size: contain; /* Подгонка изображения по размеру контейнера */
}
     background-position: center;
 
.lyric-table tr::before {
    left: 5px; /* Отступ от левого края */
     background-image: url('/images/8/8d/Clancy_-_Border_(1).png');
}
}
.lyric-table tr::after {
    right: 5px; /* Отступ от правого края */
    background-image: url('/images/8/8d/Clancy_-_Border_(1).png');
}
.lyric-table td {
    padding: 20px 30px; /* Отступы для текста */
    text-align: center;
    position: relative;
    z-index: 2; /* Текст поверх фоновых изображений */
}


.theme-light .mw-parser-output .infobox {
.theme-light .mw-parser-output .infobox {

Navigation menu