MediaWiki:Common.css: различия между версиями
Перейти к навигации
Перейти к поиску
Gryadka (обсуждение | вклад) Нет описания правки Метка: отменено |
Gryadka (обсуждение | вклад) Нет описания правки Метка: отменено |
||
Строка 54: | Строка 54: | ||
.event-container { | .event-container { | ||
display: flex; | display: flex; | ||
justify-content: center; | justify-content: center; | ||
Строка 60: | Строка 59: | ||
overflow-x: auto; /* добавляет горизонтальный скролл, если содержимое выходит за пределы */ | overflow-x: auto; /* добавляет горизонтальный скролл, если содержимое выходит за пределы */ | ||
white-space: nowrap; /* предотвращает перенос блоков на новую строку */ | white-space: nowrap; /* предотвращает перенос блоков на новую строку */ | ||
padding-left: 20px; | |||
} | } | ||
Версия от 06:37, 20 декабря 2023
.mainpage-recent-updates .tile-halves { flex: 1; align-content: flex-start; margin-right: 0.9rem; } .mainpage-recent-updates .tile-halves:hover .tile-top img { transform: scale(1.04); } .mainpage-recent-updates .tile-halves:last-child { margin-right: 0; } body.wgl-readermode .mainpage-recent-updates .tile-image { max-height: 10.5em; } .mainpage-recent-updates .tile-bottom.link-button a { text-align: left; padding: 1rem 1.5rem 0.75rem; } .mainpage-recent-updates h2 { margin: -0.5em 0 0.3em; } .mainpage-recent-updates p:not(.byline) { font-size: 0.9em; line-height: 1.75em; color: var(--mainpage-recent-updates-description-color); } .mainpage-recent-updates .jagex-promotion .byline { color: #855cd8; } body, #mw-head{ background: url('/images/f/f2/Shapka.png') no-repeat top left; background-size: 1000px 200px !important; background-color: #ffffff; } #mw-panel { margin-top: 20px; } .vector-menu-portal { margin: 10px 10px 10px 0; padding: 0.25em 0; direction: ltr; } .event-container { display: flex; justify-content: center; align-items: center; overflow-x: auto; /* добавляет горизонтальный скролл, если содержимое выходит за пределы */ white-space: nowrap; /* предотвращает перенос блоков на новую строку */ padding-left: 20px; } .event-block { flex: 0 0 auto; border: 1px solid rgba(0, 0, 0, 0.1); padding: 10px; margin-right: 20px; width: 400px; /* Установите максимальную ширину блока по вашему желанию */ height: 400px; /* Установите максимальную ширину блока по вашему желанию */ } .event-content { display: flex; flex-direction: column; max-width: 100%; /* Используйте 100% для автоматического соответствия ширине блока */ } .event-image { /* Стили для изображения */ } .event-details { /* Стили для деталей события */ overflow: hidden; /* Обрезать текст, который выходит за пределы блока */ } .mw-body { border-color: transparent; box-shadow: 0 0.25em 0.6em -0.15em rgba(0,0,0,0.15); margin-top: 0; } .vector-menu-tabs { background-image: none; } .vector-menu-tabs a{ background-image: none; } .vector-menu-tabs-legacy li{ background-image: linear-gradient(to top,#ffffff 0,#ffffff 1px,#ffffff 100%); } .vector-search-box-input { color: var(--text-color); height: 100%; border: none; background: none; padding-left: 1em; } .vector-menu-content { margin-top: 0px; } div#mw-head .vector-menu .vector-menu-heading { background: #f6f6f6; }