// TODO: Replace with @import 'mediawiki.skin.variables.less'; with MW core LTS v1.42 dependency. @import '../../lib/codex-design-tokens/theme-wikimedia-ui-legacy.less'; @import 'mediawiki.mixins'; .imelabel { display: block; padding-bottom: 10px; font-size: 10pt; line-height: 16pt; } .imelabel span { padding-left: 5px; } .imelabel input { float: left; } .uls-ime-menu-settings-item { background-color: #f8f9fa; color: @color-base; border-top: @border-width-base @border-style-base @border-color-subtle; border-radius: 0 0 @border-radius-base @border-radius-base; margin-top: 6px; padding: 4px 2px; position: relative; } .uls-ime-disable-link { background: transparent url( ../images/remove-input.svg ) no-repeat left top; background-size: auto 16px; padding-left: 22px; padding-right: 26px; padding-bottom: 10px; cursor: pointer; } .uls-ime-more-settings-link { background: transparent url( ../images/cog.svg ) no-repeat center top; background-size: auto 14px; border-left: @border-width-base @border-style-base @border-color-subtle; width: 22px; height: 14px; position: absolute; right: 0; cursor: pointer; } .uls-ime-menu-settings-item > a:hover { background-color: @background-color-interactive-subtle; color: @color-emphasized; } .uls-input-settings-imes-title:empty { display: none; } .uls-input-settings-disable-info, .uls-input-settings-no-inputmethods { color: @color-subtle; padding-top: 10px; padding-bottom: 15px; font-size: 11pt; } .down + .uls-input-settings-caret { display: inline-block; width: 0; height: 0; border-top: 0; border-right: 8px @border-style-base @border-color-transparent; border-left: 8px @border-style-base @border-color-transparent; border-bottom: 8px @border-style-base #f8f9fa; content: ''; position: relative; vertical-align: bottom; top: 12px; left: -16%; margin: 0 -8px; } .uls-input-settings-toggle { padding-top: 10px; margin-bottom: 10px; } .uls-input-settings .uls-input-settings-inputmethods-list { margin: 12px 0; padding: 6px 10px; background: #f8f9fa; .uls-input-settings-name { unicode-bidi: -moz-isolate; unicode-bidi: isolate; } } .uls-input-settings .cdx-radio { position: relative; } .uls-ime-notification-bubble .link { // TODO: Replace with `@color-link` with skin variables. color: @color-progressive; cursor: pointer; } .uls-input-settings .uls-ime-help { margin-left: 10px; } /* Ime menu customizations */ .ime-perime-help { display: none; } .ime-checked .ime-perime-help { display: inline-block; width: 20px; height: 100%; position: absolute; top: 0; bottom: 0; right: 4px; opacity: @opacity-icon-base; padding: 0; background: transparent url( ../images/help.svg ) no-repeat right center; background-size: 16px 16px; } .ime-checked .ime-perime-help:hover { opacity: 1; }