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

мНет описания правки
мНет описания правки
Строка 6: Строка 6:
}
}


.department-tabs-tab {
.department-tab {
   position: relative;
   position: relative;
   display: inline-flex;
   display: inline-flex;
Строка 14: Строка 14:
}
}


.department-tabs-tab a {
.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-tabs-tab a:hover,
.department-tab a:hover {
.department-tabs-tab a:active:hover {
   background-color: var(--deptab-hover);
   background-color: var(--color-bg-hover);
   color: var(--color-text);
   color: var(--color-text-darker);
}
}


.department-tabs-tab a.mw-selflink {
.department-tab a:active {
   background-color: var(--color-bg-focus) !important;
  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);
}