MediaWiki:Common.css: различия между версиями
Pok (обсуждение | вклад) Нет описания правки |
Pok (обсуждение | вклад) Нет описания правки |
||
| (не показаны 3 промежуточные версии этого же участника) | |||
| Строка 2020: | Строка 2020: | ||
.js-project-menu { | .js-project-menu { | ||
display: inline-flex; | display: inline-flex; | ||
gap: | gap: 6px; | ||
font-size: var(--font-size-s); | |||
} | } | ||
| Строка 2026: | Строка 2027: | ||
user-select: none; | user-select: none; | ||
-webkit-user-drag: none; | -webkit-user-drag: none; | ||
transition-property: background, box-shadow; | transition-property: background,box-shadow; | ||
transition-duration: var(--transition-time); | transition-duration: var(--transition-time); | ||
cursor: pointer; | cursor: pointer; | ||
padding: 0.2em 0. | padding: 0.2em 0.4em; | ||
font-weight: bold; | font-weight: bold; | ||
border-bottom: solid 2px | border-bottom: solid 2px var(--theme-text-color-dark); | ||
border-radius: var(--border-radius-low) var(--border-radius-low) 0 0; | |||
color: var(--theme-text-color-dark); | |||
opacity: 0.75; | |||
} | } | ||
| Строка 2038: | Строка 2042: | ||
} | } | ||
.js-project-menu input:checked + label, | |||
.js-project-menu label:hover { | .js-project-menu label:hover { | ||
opacity: 1; | |||
} | } | ||
.js-project-menu input | .js-project-menu input:not(:checked) + label { | ||
background: unset !important; | |||
} | } | ||
.js-project-menu input#project-Corvax | .js-project-menu input#project-Corvax + label { | ||
color: var(--text-color-crimson); | color: var(--text-color-crimson); | ||
border-bottom-color: var(--text-color-crimson); | border-bottom-color: var(--text-color-crimson); | ||
background: var(--bg-color-pastel-red-dark); | |||
} | |||
.js-project-menu input#project-WL + label { | |||
color: var(--text-color-dark-salmon); | |||
border-bottom-color: var(--text-color-darksalmon); | |||
} | |||
.js-project-menu input#project-CM + label { | |||
color: var(--text-color-turquoise); | |||
border-bottom-color: var(--text-color-turquoise); | |||
} | |||
.js-project-menu input#project-Frontier + label { | |||
color: var(--text-color-violet); | |||
border-bottom-color: var(--text-color-violet); | |||
} | |||
.js-project-menu input#project-Fallout + label { | |||
color: var(--text-color-silver); | |||
border-bottom-color: var(--text-color-silver); | |||
} | |||
.js-project-menu input#project-SW + label { | |||
color: var(--text-color-crimson); | |||
border-bottom-color: var(--text-color-crimson); | |||
background: var(--bg-color-pastel-red-dark); | |||
} | |||
.js-project-menu input#project-Wega + label { | |||
color: var(--text-color-pink); | |||
border-bottom-color: var(--text-color-pink); | |||
} | |||
.js-project-menu input#project-Goob + label { | |||
color: var(--text-color-blue); | |||
border-bottom-color: var(--text-color-blue); | |||
background: var(--bg-color-blue-dark); | |||
} | } | ||