MediaWiki:Theme-dark.css: Difference between revisions

Jump to navigation Jump to search

MediaWiki:Theme-dark.css (view source)

Revision as of 12:11, 25 August 2024

871 bytes removed ,  25 August 2024
no edit summary
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
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'), /* Изображение для верхней части */
         url('/images/6/63/Clancy_-_Border.png') repeat-x; /* Нижнее изображение */
         url('/images/6/63/Clancy_-_Border.png'); /* Изображение для нижней части */
     background-repeat: repeat-x, repeat-x, repeat-x; /* Повторение верхнего и нижнего изображений по горизонтали */
        url('/images/8/8d/Clancy_-_Border_%281%29.png') no-repeat, /* Левое изображение */
    background-position: top center, bottom center; /* Позиционирование верхнего и нижнего изображений */
        url('/images/8/8d/Clancy_-_Border_%281%29.png') no-repeat; /* Правое изображение */
     background-size: auto, auto; /* Сохранение исходного размера изображений */
     background-repeat: repeat-x, repeat-x; /* Повторение изображения по горизонтали */
     background-blend-mode: overlay; /* Смешивание градиента с изображениями */
     background-size: 20% auto, 20% auto; /* Уменьшение размера изображений до 50% */
      
     background-blend-mode: overlay; /* Смешивание градиента с изображением */
     /* Дополнительные стили для строк таблицы */
     background-position: top 1px left 5px, bottom 10px left 5px; /* Отступы сверху, снизу и по бокам */
     position: relative; /* Необходимо для правильного позиционирования псевдоэлементов */
     background-size: 20% auto, 20% auto; /* Оставить исходный размер изображений */
     background-clip: padding-box; /* Учитывать padding для фонового изображения */
}
}


/* Левое изображение */
.lyric-table th,
.lyric-table tr::before {
.lyric-table td {
     content: "";
     padding: 10px;
     position: absolute;
     text-align: center; /* Выровнять текст по центру */
    top: 10px; /* Отступ сверху */
     vertical-align: middle; /* Выровнять текст по вертикали */
     bottom: 10px; /* Отступ снизу */
     border: none;
     left: 5px; /* Отступ слева */
     color: #DA4541;
     width: 20px; /* Ширина изображения */
     font-family: 'MyCustomFont3', sans-serif;
     background-image: url('/images/8/8d/Clancy_-_Border_(1).png'); /* Путь к левому изображению */
    padding-top: 50px; /* Отступ сверху */
     background-repeat: no-repeat;
     padding-bottom: 10px;
     background-size: contain; /* Подгонка изображения по размеру контейнера */
     padding-left: 15px; /* Отступ слева для учета бокового изображения */
     background-position: center;
     padding-right: 15px; /* Отступ справа для учета бокового изображения */
}
}


/* Правое изображение */
.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; /* Вертикальное выравнивание текста */
}




Retrieved from "https://twentyonewiki.info/index.php/Special:MobileDiff/8510"

Navigation menu