MediaWiki:Common.css: различия между версиями
Перейти к навигации
Перейти к поиску
(Новая страница: «→Размещённый здесь CSS будет применяться ко всем темам оформления: .mw-wiki-logo { background-size: cover; }») |
Нет описания правки |
||
| (не показана 1 промежуточная версия этого же участника) | |||
| Строка 1: | Строка 1: | ||
.mw-wiki-logo { | .mw-wiki-logo { | ||
background-size: cover; | background-size: cover; | ||
} | |||
/* Стили для изображений */ | |||
.mw-default-size img { | |||
max-width: 600px; | |||
height: auto; /* Сохраняет пропорции */ | |||
} | |||
/* Стили для контейнера полноэкранного просмотра */ | |||
.fullscreen-container { | |||
position: fixed; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
height: 100%; | |||
background-color: rgba(0, 0, 0, 0.8); /* Черный полупрозрачный фон */ | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
z-index: 9999; /* Перемещаем поверх других элементов */ | |||
} | |||
/* Стили для изображения в полноэкранном режиме */ | |||
.fullscreen-image { | |||
max-width: 90%; | |||
max-height: 90%; | |||
} | |||
/* Стили для кнопки закрытия */ | |||
.close-button { | |||
position: absolute; | |||
top: 10px; | |||
right: 10px; | |||
background-color: transparent; | |||
color: white; | |||
border: none; | |||
padding: 5px 10px; | |||
font-size: 16px; | |||
cursor: pointer; | |||
} | } | ||
Текущая версия от 13:06, 27 апреля 2024
.mw-wiki-logo {
background-size: cover;
}
/* Стили для изображений */
.mw-default-size img {
max-width: 600px;
height: auto; /* Сохраняет пропорции */
}
/* Стили для контейнера полноэкранного просмотра */
.fullscreen-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8); /* Черный полупрозрачный фон */
display: flex;
justify-content: center;
align-items: center;
z-index: 9999; /* Перемещаем поверх других элементов */
}
/* Стили для изображения в полноэкранном режиме */
.fullscreen-image {
max-width: 90%;
max-height: 90%;
}
/* Стили для кнопки закрытия */
.close-button {
position: absolute;
top: 10px;
right: 10px;
background-color: transparent;
color: white;
border: none;
padding: 5px 10px;
font-size: 16px;
cursor: pointer;
}