MediaWiki:Collapse.css: различия между версиями
Перейти к навигации
Перейти к поиску
Rodion (обсуждение | вклад) Нет описания правки |
Rodion (обсуждение | вклад) Нет описания правки |
||
| Строка 1: | Строка 1: | ||
/* Minimal collapsible blocks */ | /* Minimal collapsible blocks with enhanced interactivity */ | ||
.mw-collapsible { | .mw-collapsible { | ||
margin: 0. | margin: 0.5em 0; | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
border-radius: 2px; | border-radius: 2px; | ||
overflow: hidden; | |||
} | } | ||
.mw-collapsible-toggle { | .mw-collapsible-toggle { | ||
font-weight: bold; | font-weight: bold; | ||
padding: 0. | padding: 0.5em 2em 0.5em 0.8em; | ||
cursor: pointer; | cursor: pointer; | ||
color: #202122; | color: #202122; | ||
| Строка 15: | Строка 16: | ||
border-bottom: 1px solid #c8ccd1; | border-bottom: 1px solid #c8ccd1; | ||
position: relative; | position: relative; | ||
transition: background-color 0.2s; | |||
user-select: none; | |||
} | } | ||
| Строка 22: | Строка 24: | ||
} | } | ||
.mw-collapsible-toggle:after { | .mw-collapsible-toggle:after { | ||
content: ""; | content: ""; | ||
position: absolute; | position: absolute; | ||
right: 0. | right: 0.8em; | ||
top: 50%; | top: 50%; | ||
transform: translateY(-50%); | transform: translateY(-50%); | ||
| Строка 34: | Строка 35: | ||
border-right: 5px solid transparent; | border-right: 5px solid transparent; | ||
border-top: 5px solid #54595d; | border-top: 5px solid #54595d; | ||
transition: transform 0.2s | transition: transform 0.2s; | ||
} | } | ||
| Строка 42: | Строка 43: | ||
.mw-collapsible-content { | .mw-collapsible-content { | ||
padding: | padding: 0.8em; | ||
background-color: # | background-color: #fff; | ||
transition: opacity 0.2s ease; | |||
} | } | ||
Версия от 17:06, 9 мая 2025
/* Minimal collapsible blocks with enhanced interactivity */
.mw-collapsible {
margin: 0.5em 0;
border: 1px solid #a2a9b1;
background-color: #f8f9fa;
border-radius: 2px;
overflow: hidden;
}
.mw-collapsible-toggle {
font-weight: bold;
padding: 0.5em 2em 0.5em 0.8em;
cursor: pointer;
color: #202122;
background-color: #eaecf0;
border-bottom: 1px solid #c8ccd1;
position: relative;
transition: background-color 0.2s;
user-select: none;
}
.mw-collapsible-toggle:hover {
background-color: #e0e2e6;
}
.mw-collapsible-toggle:after {
content: "";
position: absolute;
right: 0.8em;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #54595d;
transition: transform 0.2s;
}
.mw-collapsed .mw-collapsible-toggle:after {
transform: translateY(-50%) rotate(-90deg);
}
.mw-collapsible-content {
padding: 0.8em;
background-color: #fff;
transition: opacity 0.2s ease;
}
.mw-collapsed .mw-collapsible-content {
display: none;
}