8,957
edits
MediaWiki:Theme-dark.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 23: | Line 23: | ||
.lyric-table tr { | .lyric-table tr { | ||
/* Градиент и верхнее/нижнее изображения */ | |||
background-image: | background-image: | ||
linear-gradient(to top, #181818 10%, #3C3C3C 90%), /* Градиент */ | linear-gradient(to top, #181818 10%, #3C3C3C 90%), /* Градиент */ | ||
url('/images/6/63/Clancy_-_Border.png') repeat-x, /* Верхнее изображение */ | url('/images/6/63/Clancy_-_Border.png') repeat-x, /* Верхнее изображение */ | ||
url('/images/6/63/Clancy_-_Border.png') repeat-x | url('/images/6/63/Clancy_-_Border.png') repeat-x; /* Нижнее изображение */ | ||
background-repeat: repeat-x, repeat-x, repeat-x; /* Повторение верхнего и нижнего изображений по горизонтали */ | |||
background-position: top center, bottom center; /* Позиционирование верхнего и нижнего изображений */ | |||
background-repeat: | background-size: auto, auto; /* Сохранение исходного размера изображений */ | ||
background-position: top | background-blend-mode: overlay; /* Смешивание градиента с изображениями */ | ||
background- | /* Дополнительные стили для строк таблицы */ | ||
background- | position: relative; /* Необходимо для правильного позиционирования псевдоэлементов */ | ||
} | |||
/* Левое изображение */ | |||
.lyric-table tr::before { | |||
content: ""; | |||
position: absolute; | |||
top: 10px; /* Отступ сверху */ | |||
bottom: 10px; /* Отступ снизу */ | |||
left: 5px; /* Отступ слева */ | |||
width: 20px; /* Ширина изображения */ | |||
background-image: url('/images/8/8d/Clancy_-_Border_(1).png'); /* Путь к левому изображению */ | |||
background-repeat: no-repeat; | |||
background-size: contain; /* Подгонка изображения по размеру контейнера */ | |||
background-position: center; | |||
} | |||
/* Правое изображение */ | |||
.lyric-table tr::after { | |||
content: ""; | |||
position: absolute; | |||
top: 10px; /* Отступ сверху */ | |||
bottom: 10px; /* Отступ снизу */ | |||
right: 5px; /* Отступ справа */ | |||
width: 20px; /* Ширина изображения */ | |||
background-image: url('/images/8/8d/Clancy_-_Border_(1).png'); /* Путь к правому изображению */ | |||
background-repeat: no-repeat; | |||
background-size: contain; /* Подгонка изображения по размеру контейнера */ | |||
background-position: center; | |||
} | } | ||
.lyric-table td { | .lyric-table td { | ||
padding: 10px; | padding: 10px 30px; /* Отступы внутри ячейки (10px сверху/снизу, 30px слева/справа) */ | ||
text-align: center; /* | text-align: center; /* Выравнивание текста по центру */ | ||
vertical-align: middle; /* | vertical-align: middle; /* Вертикальное выравнивание текста */ | ||
} | } | ||