8,957
edits
MediaWiki:Theme-dark.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
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'), /* | url('/images/6/63/Clancy_-_Border.png') repeat-x, /* Верхнее изображение */ | ||
url('/images/6/63/Clancy_-_Border.png'); /* | url('/images/6/63/Clancy_-_Border.png') repeat-x; /* Нижнее изображение */ | ||
background-repeat: repeat- | background-repeat: no-repeat, no-repeat; /* Изображения не повторяются по вертикали */ | ||
background- | background-position: top 10px center, bottom 10px center; /* Позиционирование изображений с отступом */ | ||
background- | background-size: calc(100% - 20px) auto, calc(100% - 20px) auto; /* Размер фона с учетом отступов */ | ||
background- | background-clip: padding-box; /* Ограничиваем фон по границам padding */ | ||
background- | background-origin: padding-box; /* Начинаем фон с границы padding */ | ||
background- | background-blend-mode: overlay; /* Смешивание градиента с изображениями */ | ||
padding: 10px 0; /* Отступы для верхнего и нижнего фона */ | |||
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 { | |||
padding: 10px 30px; /* Отступы внутри ячейки (10px сверху/снизу, 30px слева/справа) */ | |||
text-align: center; /* Выравнивание текста по центру */ | |||
vertical-align: middle; /* Вертикальное выравнивание текста */ | |||
} | |||