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 5: | Line 5: | ||
border: 2px solid #999; /* Цвет и толщина рамки */ | border: 2px solid #999; /* Цвет и толщина рамки */ | ||
border-radius: 10px; /* Закругленные углы */ | border-radius: 10px; /* Закругленные углы */ | ||
padding: | padding: 5px; /* Внутренние отступы */ | ||
margin-bottom: 1px; /* Отступ между элементами списка */ | margin-bottom: 1px; /* Отступ между элементами списка */ | ||
list-style-type: none; /* Убираем стандартные маркеры списка */ | list-style-type: none; /* Убираем стандартные маркеры списка */ | ||
display: inline-block; /* Для уменьшения ширины до содержимого */ | display: inline-block; /* Для уменьшения ширины до содержимого */ | ||
min-width: 150px; /* Минимальная ширина элемента */ | min-width: 150px; /* Минимальная ширина элемента */ | ||
min-height: | min-height: 50px; /* Минимальная высота элемента */ | ||
max-width: 100%; /* Максимальная ширина до 100% контейнера */ | max-width: 100%; /* Максимальная ширина до 100% контейнера */ | ||
word-wrap: break-word; /* Перенос длинных слов на следующую строку */ | word-wrap: break-word; /* Перенос длинных слов на следующую строку */ | ||
box-sizing: border-box; /* Учитываем рамку и отступы в размерах */ | box-sizing: border-box; /* Учитываем рамку и отступы в размерах */ | ||
position: relative; /* Необходим для позиционирования псевдоэлемента */ | position: relative; /* Необходим для позиционирования псевдоэлемента */ | ||
color: #FFFFFF; /* Изначальный цвет текста белый */ | |||
transition: background-color 0.4s ease, color 0.4s ease; /* Плавный переход для фона и цвета текста */ | transition: background-color 0.4s ease, color 0.4s ease; /* Плавный переход для фона и цвета текста */ | ||
/* Добавляем фоновую картинку с полупрозрачностью */ | |||
background-image: url('/images/1/1e/Clancy_Gif_Intro.gif'); /* Замените на путь к вашей картинке */ | |||
background-size: cover; /* Масштабируем картинку чтобы покрывала весь элемент */ | |||
background-repeat: no-repeat; /* Отключаем повтор картинки */ | |||
background-position: center; /* Центрируем картинку */ | |||
background-color: rgba(208, 32, 25, 0.7); /* Полупрозрачный цвет фона, поверх картинки */ | |||
} | } | ||