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