Шаблон:DepartmentTabs/styles.css: различия между версиями
Aylong (обсуждение | вклад) мНет описания правки |
Aylong (обсуждение | вклад) мНет описания правки |
||
Строка 1: | Строка 1: | ||
.department-tabs { | .department-tabs { | ||
overflow: auto; | |||
display: flex; | |||
flex-wrap: wrap; | |||
flex-grow: 1; | |||
gap: 0.25rem; | |||
margin: 0.25rem; | |||
} | } | ||
.department-tab { | .department-tab { | ||
display: inline-flex; | |||
position: relative; | |||
flex-grow: 1; | |||
flex-basis: 5%; | |||
} | } | ||
.department-tab a { | .department-tab a { | ||
padding: 0. | padding: 0.25em 1em; | ||
flex-grow: 1; | flex-grow: 1; | ||
text-align: center; | text-align: center; | ||
Строка 28: | Строка 29: | ||
.department-tab a:hover { | .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 { | .department-tab a:active { | ||
color: var(--color-text); | |||
} | } | ||
.department-tab a.mw-selflink { | .department-tab a.mw-selflink { | ||
background-color: var(--deptab-hover) !important; | |||
color: var(--color-text) !important; | |||
box-shadow: var(--shadow-template--medium); | |||
z-index: var(--index-fore); | |||
} | } |
Версия от 06:01, 7 мая 2025
.department-tabs {
overflow: auto;
display: flex;
flex-wrap: wrap;
flex-grow: 1;
gap: 0.25rem;
margin: 0.25rem;
}
.department-tab {
display: inline-flex;
position: relative;
flex-grow: 1;
flex-basis: 5%;
}
.department-tab a {
padding: 0.25em 1em;
flex-grow: 1;
text-align: center;
font-weight: bold;
background-color: var(--deptab);
color: var(--color-text-translucent);
border: var(--border-classic);
border-color: var(--deptab-hover);
border-radius: var(--border-radius-medium);
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-text);
}
.department-tab a.mw-selflink {
background-color: var(--deptab-hover) !important;
color: var(--color-text) !important;
box-shadow: var(--shadow-template--medium);
z-index: var(--index-fore);
}