MediaWiki:Common.css: различия между версиями
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) Нет описания правки |
||
| (не показано 5 промежуточных версий этого же участника) | |||
| Строка 1056: | Строка 1056: | ||
grid-template-columns: 1fr; | grid-template-columns: 1fr; | ||
} | } | ||
} | |||
/*=== Шаблон:Сущность ===*/ | |||
.ts-Cut-layout { | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: center; | |||
gap: 8px; | |||
padding: 10px 18px; | |||
box-shadow: var(--box-shadow-high); | |||
background-color: var(--bg-color); /* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-200) */ | |||
border-radius: var(--border-radius-low); | |||
height: inherit; | |||
box-sizing: border-box; | |||
--clip: 1em; | |||
clip-path: polygon(0 0, calc(100% - var(--clip)) 0, 100% var(--clip), 100% 100%, var(--clip) 100%, 0 calc(100% - var(--clip))); | |||
} | |||
.ts-Cut-layout__header { | |||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; | |||
gap: 8px; | |||
} | |||
.ts-Cut-layout__header-arrow { | |||
display: grid; | |||
grid-template-columns: 1fr auto 1fr; | |||
text-align: center; | |||
} | |||
.ts-Cut-layout__body { | |||
flex-grow: 100; | |||
padding: 8px; | |||
position: relative; | |||
font-size: var(--font-size-s); | |||
overflow: auto; | |||
margin: 0 6px; | |||
background: rgba(0, 0, 0, var(--alpha-s)); | |||
border-radius: var(--border-radius-low); | |||
} | } | ||
| Строка 1948: | Строка 1989: | ||
/* #region Классы */ | /* #region Классы */ | ||
/* ============ */ | /* ============ */ | ||
/* Складной списки с кнопкой в ширину всего блока */ | |||
.collapsible-title { | |||
display: grid; | |||
} | |||
.collapsible-title > *:not(.mw-collapsible-content) { | |||
grid-row: 1; | |||
grid-column: 1 / 3; | |||
} | |||
.collapsible-title > .mw-collapsible-content { | |||
grid-row: 2; | |||
grid-column: 1 / 3; | |||
} | |||
/* Делает кнопку раскрытия складного списка в виде стрелочки */ | |||
.collapsible-toggle-arrow::before { | |||
--wh-ratio: 1.5; | |||
--w: 0.9em; | |||
--h: calc(var(--w) / var(--wh-ratio)); | |||
content: ""; | |||
background-image: url(/images/1/12/Inverted_triangle.svg); | |||
display: inline-block; | |||
background-size: cover; | |||
width: var(--w); | |||
height: var(--h); | |||
margin: 0 0.1em; | |||
transition: transform 60ms ease; | |||
} | |||
.mw-collapsible:has(.mw-collapsible-toggle-collapsed) > .collapsible-toggle-arrow::before { | |||
transform: rotate(-90deg); | |||
} | |||
.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle *, | |||
.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle::after, | |||
.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle::before { | |||
display: none; | |||
} | |||
/* Ссылка на весь контейнер кнопки */ | /* Ссылка на весь контейнер кнопки */ | ||
| Строка 2144: | Строка 2225: | ||
margin-bottom: 0 | margin-bottom: 0 | ||
} | } | ||
@media (max-width: 800px) { | @media (max-width: 800px) { | ||
| Строка 2155: | Строка 2238: | ||
gap: 8px; | gap: 8px; | ||
grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 30vw, 300px), 1fr)); | grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 30vw, 300px), 1fr)); | ||
} | |||
.grid-big-item-adaptive { | |||
display: grid; | |||
gap: 10px; | |||
grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 30vw, 400px), 1fr)); | |||
} | } | ||
| Строка 3099: | Строка 3188: | ||
clear: right; | clear: right; | ||
margin: 0 0 1em 1em; | margin: 0 0 1em 1em; | ||
width: 400px; | |||
box-sizing: border-box; | box-sizing: border-box; | ||
position: relative; | position: relative; | ||
| Строка 3581: | Строка 3669: | ||
background-size: cover; | background-size: cover; | ||
margin: 0; | margin: 0; | ||
} | |||
#pt-notifications-notice .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen::after, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-unseen-notifications::after { | |||
background-color: var(--color-contrast); | |||
} | } | ||