9,036
edits
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 6: | Line 6: | ||
border-radius: 10px; /* Закругленные углы */ | border-radius: 10px; /* Закругленные углы */ | ||
padding: 5px; /* Внутренние отступы */ | padding: 5px; /* Внутренние отступы */ | ||
margin-bottom: 1px; /* Отступ между элементами списка */ | margin-bottom: 1px; /* Отступ между элементами списка *// | ||
list-style-type: none; /* Убираем стандартные маркеры списка */ | list-style-type: none; /* Убираем стандартные маркеры списка */ | ||
display: inline-block; /* Для уменьшения ширины до содержимого */ | display: inline-block; /* Для уменьшения ширины до содержимого */ | ||
| Line 25: | Line 25: | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
background-image: url(' | background-image: url('/images/1/1e/Clancy_Gif_Intro.gif'); /* Замените на путь к вашей картинке */ | ||
background-size: cover; /* Масштабируем картинку чтобы покрывала весь элемент */ | background-size: cover; /* Масштабируем картинку чтобы покрывала весь элемент */ | ||
background-repeat: no-repeat; /* Отключаем повтор картинки */ | background-repeat: no-repeat; /* Отключаем повтор картинки */ | ||
| Line 33: | Line 33: | ||
border-radius: 10px; /* Закругленные углы для картинки */ | border-radius: 10px; /* Закругленные углы для картинки */ | ||
z-index: 0; /* Размещение позади текста */ | z-index: 0; /* Размещение позади текста */ | ||
} | |||
li.explore-adaptive-item:hover { | |||
background-color: transparent; /* Убираем цвет фона при наведении */ | |||
border-color: transparent; /* Убираем цвет рамки при наведении */ | |||
color: #D02019; /* Цвет текста при наведении */ | |||
} | } | ||
li.explore-adaptive-item:hover::before { | li.explore-adaptive-item:hover::before { | ||
opacity: | opacity: 1; /* Картинка становится полностью видимой при наведении */ | ||
} | } | ||
li.explore-adaptive-item:hover { | /* Убедимся, что текст не меняет других стилей при наведении */ | ||
li.explore-adaptive-item:hover * { | |||
position: relative; | |||
z-index: 1; /* Текст размещается поверх картинки */ | |||
color: inherit; /* Сохраняем цвет текста при наведении */ | |||
text-decoration: none; /* Убираем возможные подчеркивания */ | |||
} | } | ||
/* Убедимся, что текст не меняет других стилей при наведении */ | /* Убедимся, что текст не меняет других стилей при наведении */ | ||