MediaWiki:Theme-trench.css: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 2: Line 2:
.table-with-background {
.table-with-background {
     position: relative;
     position: relative;
     z-index: 10;
     z-index: 1;
     width: 68%;
     width: 68%;
     display: grid;
     display: grid;
Line 15: Line 15:
     content: '';
     content: '';
     background-image: url('/images/9/99/Clancy_Tyler.png'); /* Замените на путь к вашему изображению */
     background-image: url('/images/9/99/Clancy_Tyler.png'); /* Замените на путь к вашему изображению */
     background-size: contain;
     position: absolute;
     background-position: left;
    top: 20.5%;  /* Настройте значение по необходимости */
    left: 10%;  /* Настройте значение по необходимости */
    transform: translate(-50%, -90%); /* Настройте смещение */
    z-index: -1; /* Обеспечивает нахождение изображения позади таблицы */
    width: 300px; /* Задайте ширину изображения */
    height: auto; /* Автоматическая высота для сохранения пропорций */
     background-size: cover; /* Изображение будет обрезаться по размеру блока */
     background-repeat: no-repeat;
     background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: -270px; /* Смещение изображения вверх */
    left: 60px; /* Смещение изображения влево */
    width: calc(100% + 100px); /* Ширина изображения больше, чем ширина таблицы */
    height: calc(100% + 100px); /* Высота изображения больше, чем высота таблицы */
    z-index: 0; /* Размещаем изображение позади таблицы */
    opacity: 1; /* Убедитесь, что прозрачность равна 1 (100%) */
    transform: translate(-50%, 0); /* Возможно, изменение одного направления смещения будет работать */
}
}


Navigation menu