MediaWiki:Common.css: различия между версиями
Перейти к навигации
Перейти к поиску
Gryadka (обсуждение | вклад) Нет описания правки |
Gryadka (обсуждение | вклад) Нет описания правки |
||
Строка 136: | Строка 136: | ||
/* Стили таблицы */ | /* Стили таблицы */ | ||
.skill-training-table { | .skill-training-table { | ||
border-collapse: | border-collapse: collapse; | ||
margin-left: 1em; /* Отступ слева для всей таблицы */ | margin-left: 1em; /* Отступ слева для всей таблицы */ | ||
} | } | ||
/* Стили ячеек с иконками */ | /* Стили для ячеек с иконками */ | ||
.skill-training-table td.icon-cell { | .skill-training-table td.icon-cell { | ||
padding: 0; /* | width: 50px; /* Фиксированная ширина ячейки */ | ||
height: 50px; /* Фиксированная высота ячейки */ | |||
background-color: transparent; /* | padding: 0; /* Убрать отступы */ | ||
border: none; /* Убрать границы */ | |||
background-color: transparent; /* Прозрачный фон */ | |||
vertical-align: middle; /* Выравнивание по центру */ | |||
} | } | ||
/* Стили | /* Стили для иконок */ | ||
.skill-training- | .skill-training-icon { | ||
width: 50px; /* Ширина картинки */ | |||
height: 50px; /* Высота картинки */ | |||
display: block; /* Блочное отображение */ | |||
margin: auto; /* Автоматические отступы для выравнивания по центру */ | |||
} | } | ||
/* Подсветка ячеек при наведении (только | /* Подсветка ячеек при наведении (только ячейки с иконками) */ | ||
.skill-training-table td.icon-cell:hover { | .skill-training-table td.icon-cell:hover { | ||
background-color: #f0f0f0; | background-color: #f0f0f0; | ||
} | } | ||
/* Стили для | /* Стили для текстовых ячеек */ | ||
.skill-training- | .skill-training-table td.text-cell { | ||
padding: 0 4px; /* Отступы справа и слева */ | |||
border: none; /* Убрать границы */ | |||
vertical-align: middle; /* Выравнивание по центру */ | |||
} | } |
Версия от 23:24, 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; flex-wrap: nowrap; overflow-x: auto; /* добавляет горизонтальный скролл, если содержимое выходит за пределы */ scrollbar-width: none; /* Для Firefox */ -ms-overflow-style: none; /* Для Internet Explorer 10+ */ } .event-container::-webkit-scrollbar { display: none; /* Для WebKit браузеров, таких как Chrome и Safari */ } .event-block { flex: 0 0 auto; padding: 10px; margin-right: 20px; border: 1px solid rgba(0, 0, 0, 0.1); width: 400px; /* Установите максимальную ширину блока по вашему желанию */ height: 400px; /* Установите максимальную ширину блока по вашему желанию */ flex-shrink: 0; } .event-container .event-block:first-child { margin-left: 0px; /* или любое другое значение, которое подходит */ } .event-content { display: flex; flex-direction: column; max-width: 100%; /* Используйте 100% для автоматического соответствия ширине блока */ } .event-image { /* Стили для изображения */ } .event-details { /* Стили для деталей события */ overflow: hidden; /* Обрезать текст, который выходит за пределы блока */ overflow-wrap: break-word; /* Allows long words to wrap */ white-space: normal; /* Ensures the text does not overflow */ box-sizing: border-box; /* Includes padding and border in the element's total width and height */ /* Add other styles as required */ } .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; } /* Стили таблицы */ .skill-training-table { border-collapse: collapse; margin-left: 1em; /* Отступ слева для всей таблицы */ } /* Стили для ячеек с иконками */ .skill-training-table td.icon-cell { width: 50px; /* Фиксированная ширина ячейки */ height: 50px; /* Фиксированная высота ячейки */ padding: 0; /* Убрать отступы */ border: none; /* Убрать границы */ background-color: transparent; /* Прозрачный фон */ vertical-align: middle; /* Выравнивание по центру */ } /* Стили для иконок */ .skill-training-icon { width: 50px; /* Ширина картинки */ height: 50px; /* Высота картинки */ display: block; /* Блочное отображение */ margin: auto; /* Автоматические отступы для выравнивания по центру */ } /* Подсветка ячеек при наведении (только ячейки с иконками) */ .skill-training-table td.icon-cell:hover { background-color: #f0f0f0; } /* Стили для текстовых ячеек */ .skill-training-table td.text-cell { padding: 0 4px; /* Отступы справа и слева */ border: none; /* Убрать границы */ vertical-align: middle; /* Выравнивание по центру */ }