MediaWiki:Common.css: различия между версиями
Перейти к навигации
Перейти к поиску
Gryadka (обсуждение | вклад) Нет описания правки |
Gryadka (обсуждение | вклад) Нет описания правки |
||
Строка 134: | Строка 134: | ||
} | } | ||
.skills-container { | |||
font-family: Arial, sans-serif; | |||
} | |||
.skill-section h2 { | |||
color: #333; | |||
text-align: left; | |||
} | |||
.skills-grid { | |||
display: grid; | |||
grid-template-columns: repeat(3, 1fr); | |||
grid-gap: 10px; | |||
} | |||
.skill { | |||
display: flex; | |||
align-items: center; | |||
padding: 5px; | |||
background-color: #f2f2f2; | |||
border-radius: 5px; | |||
transition: background-color 0.3s ease; | |||
} | |||
. | .skill:hover { | ||
background-color: #e2e2e2; /* Пример подсветки при наведении */ | |||
} | } | ||
. | .skill img { | ||
width: 40px; | |||
height: 40px; | |||
margin-right: 10px; | |||
} | } | ||
. | .skill span { | ||
font-size: 16px; | |||
color: #333; | |||
} | } | ||
.more-guides { | |||
. | display: block; | ||
margin-top: 20px; | |||
color: #c00; | |||
text-decoration: none; | |||
font-size: 14px; | |||
} | } | ||
. | .more-guides:hover { | ||
text-decoration: underline; | |||
} |
Версия от 22:42, 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; } .skills-container { font-family: Arial, sans-serif; } .skill-section h2 { color: #333; text-align: left; } .skills-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; } .skill { display: flex; align-items: center; padding: 5px; background-color: #f2f2f2; border-radius: 5px; transition: background-color 0.3s ease; } .skill:hover { background-color: #e2e2e2; /* Пример подсветки при наведении */ } .skill img { width: 40px; height: 40px; margin-right: 10px; } .skill span { font-size: 16px; color: #333; } .more-guides { display: block; margin-top: 20px; color: #c00; text-decoration: none; font-size: 14px; } .more-guides:hover { text-decoration: underline; }