Шаблон: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);
}