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: Manual revert
Line 2: Line 2:
.table-with-background {
.table-with-background {
     position: relative;
     position: relative;
     z-index: 1; /* Таблица выше изображения */
     z-index: 10;
     width: 68%;
     width: 68%;
     display: grid;
     display: grid;
     margin-left: 0; /* Убедитесь, что значение корректное */
     margin-left: 0; /* Убедитесь, что здесь корректное значение */
     border-radius: 10px 10px 0px 0px;
     border-radius: 10px 10px 0px 0px;
     background-color: #fff; /* Убедитесь, что фон таблицы установлен */
    height: 224px;
    float: left;
     background-color: #fff; /* Убедитесь, что фон таблицы имеет нужный цвет */
}
}


Line 13: 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;
    background-position: left;
    background-repeat: no-repeat;
    display: block;
     position: absolute;
     position: absolute;
     top: 80.5%; /* Настройте значение по необходимости */
     top: -270px; /* Смещение изображения вверх */
     left: 10%;   /* Настройте значение по необходимости */
     left: 60px; /* Смещение изображения влево */
     transform: translate(-50%, -90%); /* Настройте смещение */
     width: calc(100% + 100px); /* Ширина изображения больше, чем ширина таблицы */
     z-index: -1; /* Обеспечивает нахождение изображения позади таблицы */
     height: calc(100% + 100px); /* Высота изображения больше, чем высота таблицы */
     width: 300px; /* Задайте ширину изображения */
     z-index: 0; /* Размещаем изображение позади таблицы */
     height: auto; /* Автоматическая высота для сохранения пропорций */
     opacity: 1; /* Убедитесь, что прозрачность равна 1 (100%) */
     background-size: cover; /* Изображение будет обрезаться по размеру блока */
     transform: translate(-10%, 0%); /* Уменьшите смещение */
    background-repeat: no-repeat;
}
}


Navigation menu