Шаблон:DepartmentTabs/styles.css: различия между версиями
Aylong (обсуждение | вклад) мНет описания правки |
Aylong (обсуждение | вклад) мНет описания правки |
||
(не показано 5 промежуточных версий этого же участника) | |||
Строка 5: | Строка 5: | ||
flex-grow: 1; | flex-grow: 1; | ||
gap: 0.25rem; | gap: 0.25rem; | ||
} | } | ||
Строка 17: | Строка 16: | ||
.department-tab a { | .department-tab a { | ||
user-select: none; | user-select: none; | ||
flex-grow: 1; | flex-grow: 1; | ||
align-content: center; | |||
text-align: center; | text-align: center; | ||
font-weight: bold; | font-weight: bold; | ||
height: 1.5em; | |||
padding: 0.25em 1em; | |||
background-color: var(--deptab); | background-color: var(--deptab); | ||
color: var(--color-text-translucent); | color: var(--color-text-translucent); | ||
border: var(--border-classic); | border: var(--border-classic); | ||
border-color: var(--deptab-hover); | border-color: var(--deptab-hover); | ||
border-radius: var(--border-radius- | border-radius: var(--border-radius-small); | ||
transition-property: background-color, color; | transition-property: background-color, color; | ||
} | } | ||
Строка 39: | Строка 40: | ||
.department-tab a:hover, | .department-tab a:hover, | ||
.department-tab a:active { | .department-tab a:active { | ||
color: var(--color- | color: var(--color-white); | ||
} | } | ||
.department-tab a.mw-selflink { | .department-tab a.mw-selflink { | ||
background-color: var(--deptab-hover) !important; | background-color: var(--deptab-hover) !important; | ||
color: var(--color- | color: var(--color-white) !important; | ||
box-shadow: 0 0 0. | box-shadow: 0 0 0.33em 1px var(--deptab-hover); | ||
z-index: var(--index-fore); | z-index: var(--index-fore); | ||
} | } |
Текущая версия от 13:33, 8 мая 2025
.department-tabs {
overflow: auto;
display: flex;
flex-wrap: wrap;
flex-grow: 1;
gap: 0.25rem;
}
.department-tab {
display: inline-flex;
position: relative;
flex-grow: 1;
flex-basis: 5%;
}
.department-tab a {
user-select: none;
flex-grow: 1;
align-content: center;
text-align: center;
font-weight: bold;
height: 1.5em;
padding: 0.25em 1em;
background-color: var(--deptab);
color: var(--color-text-translucent);
border: var(--border-classic);
border-color: var(--deptab-hover);
border-radius: var(--border-radius-small);
transition-property: background-color, color;
}
.department-tab a:hover {
background-color: var(--deptab-hover);
}
.department-tab a:active {
background-color: var(--deptab);
}
.department-tab a:hover,
.department-tab a:active {
color: var(--color-white);
}
.department-tab a.mw-selflink {
background-color: var(--deptab-hover) !important;
color: var(--color-white) !important;
box-shadow: 0 0 0.33em 1px var(--deptab-hover);
z-index: var(--index-fore);
}