8,960
edits
MediaWiki:Theme-trench.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary Tag: Manual revert |
No edit summary |
||
| Line 1: | Line 1: | ||
/* Основной стиль для таблицы с изображением позади */ | |||
.table-with-background { | |||
position: relative; | |||
z-index: 1; /* Обеспечиваем, чтобы таблица была выше фона */ | |||
overflow: visible; /* Разрешаем элементам выходить за пределы таблицы */ | |||
} | |||
/* Добавление фонового изображения через псевдоэлемент */ | |||
.table-with-background::before { | |||
content: ''; | |||
background-image: url('/images/6/6f/Josh_Torch.png'); /* Укажите путь к изображению */ | |||
background-size: cover; | |||
background-position: center; | |||
display: block; | |||
position: absolute; | |||
top: -50px; /* Смещение изображения вверх */ | |||
left: -50px; /* Смещение изображения влево */ | |||
width: calc(100% + 100px); /* Ширина изображения больше, чем ширина таблицы */ | |||
height: calc(100% + 100px); /* Высота изображения больше, чем высота таблицы */ | |||
z-index: -1; /* Размещаем изображение позади таблицы */ | |||
opacity: 0.5; /* Опционально: прозрачность для лучшего эффекта */ | |||
border-radius: 10px; /* Опционально: скругление углов, если требуется */ | |||
} | |||
/* Дополнительный контент в ячейке поверх изображения */ | |||
.table-image-cell > * { | |||
position: relative; | |||
z-index: 1; | |||
color: white; /* Цвет текста, если нужен */ | |||
text-align: center; /* Выравнивание текста */ | |||
padding: 10px; /* Отступы вокруг текста */ | |||
} | |||
.infobox-header-trench { | .infobox-header-trench { | ||
background-color: #007BFF; /* Цвет для темной темы */ | background-color: #007BFF; /* Цвет для темной темы */ | ||