Шаблон:DepartmentTabs/styles.css: различия между версиями
| Aylong (обсуждение | вклад) мНет описания правки | Aylong (обсуждение | вклад) мНет описания правки | ||
| Строка 25: | Строка 25: | ||
| 	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; | ||
| } | } | ||
Версия от 10:07, 8 мая 2025
.department-tabs {
	overflow: auto;
	display: flex;
	flex-wrap: wrap;
	flex-grow: 1;
	gap: 0.25rem;
	padding: 0.25rem;
}
.department-tab {
	display: inline-flex;
	position: relative;
	flex-grow: 1;
	flex-basis: 5%;
}
.department-tab a {
	user-select: none;
	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-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);
}
