|
|
| Line 37: |
Line 37: |
| position: relative; /* Для позиционирования псевдоэлементов */ | | 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; /* Вертикальное выравнивание текста */
| |
| }
| |
|
| |
|
| |
|
| .lyric-table th, | | .lyric-table th, |