Шаблон:DepartmentTabs/styles.css: различия между версиями

мНет описания правки
мНет описания правки
Строка 1: Строка 1:
.department-tabs {
.department-tabs {
  overflow: auto;
overflow: auto;
  display: flex;
display: flex;
  flex-wrap: wrap;
flex-wrap: wrap;
  flex-grow: 1;
flex-grow: 1;
  gap: 0.25rem;
gap: 0.25rem;
margin: 0.25rem;
}
}


.department-tab {
.department-tab {
  display: inline-flex;
display: inline-flex;
  position: relative;
position: relative;
  flex-grow: 1;
flex-grow: 1;
  flex-basis: 5%;
flex-basis: 5%;
}
}


.department-tab a {
.department-tab a {
padding: 0.4em 1em;
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);
background-color: var(--deptab-hover);
  color: var(--color-text);
}
 
.department-tab a:active {
background-color: var(--deptab);
}
}


.department-tab a:hover,
.department-tab a:active {
.department-tab a:active {
  background-color: var(--deptab);
color: var(--color-text);
}
}


.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-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);
}
}

Версия от 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);
}