User:Diskdance/VariantAllyDialog-prod.css
注意:保存之后,你必须清除浏览器缓存才能看到做出的更改。Google Chrome、Firefox、Microsoft Edge及Safari:按住⇧ Shift键并单击工具栏的“刷新”按钮。参阅Help:绕过浏览器缓存以获取更多帮助。
.va-button[data-v-33d408d4] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer;
font: inherit;
text-transform: none;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
border-width: 1px;
border-style: solid;
border-radius: 2px;
padding-right: 11px;
padding-left: 11px;
font-weight: bold;
transition-property: background-color, color, border-color, box-shadow;
transition-duration: 100ms;
transition-timing-function: ease-out;
background-color: #f8f9fa;
color: #202122;
border-color: #a2a9b1;
padding-top: 7px;
padding-bottom: 7px;
text-align: left;
display: flex;
align-items: center;
gap: 4px;
}
.va-button[data-v-33d408d4]:hover {
background-color: #fff;
}
.va-button[data-v-33d408d4]:active {
color: #000;
background-color: #eaecf0;
border-color: #72777d;
}
.va-button[data-v-33d408d4]:focus {
outline: 1px solid transparent;
}
.va-button[data-v-33d408d4]:focus:not(:active) {
border-color: #36c;
box-shadow: inset 0 0 0 1px #36c;
}
.va-button--weight-quiet[data-v-33d408d4] {
background-color: rgba(255, 255, 255, 0);
border-color: transparent;
}
.va-button--weight-quiet[data-v-33d408d4]:hover {
background-color: rgba(0, 24, 73, 0.027);
}
.va-button--weight-quiet[data-v-33d408d4]:active {
background-color: rgba(0, 24, 73, 0.082);
}
.va-button--action-progressive[data-v-33d408d4] {
color: #36c;
}
.va-button--action-progressive[data-v-33d408d4]:hover {
color: #447ff5;
background-color: #eaf3ff;
border-color: #36c;
}
.va-button--action-progressive[data-v-33d408d4]:active {
color: #fff;
background-color: #2a4b8d;
border-color: #2a4b8d;
}
.va-button[data-v-33d408d4]:disabled {
background-color: #c8ccd1;
color: #fff;
border-color: transparent;
cursor: not-allowed;
}
.va-button--weight-quiet[data-v-33d408d4]:disabled {
background-color: rgba(255, 255, 255, 0);
color: #72777d;
}
.va-button__text[data-v-33d408d4] {
flex: 1;
}
.va-button__icon[data-v-33d408d4] {
fill: currentColor;
}
.va-button__indicator[data-v-33d408d4] {
fill: currentColor;
}
.va-fade-enter-active[data-v-c22b77e6],
.va-fade-leave-active[data-v-c22b77e6] {
transition-property: opacity;
transition-duration: 250ms;
transition-timing-function: ease;
}
.va-fade-enter-from[data-v-c22b77e6],
.va-fade-leave-to[data-v-c22b77e6] {
opacity: 0;
}
.va-title[data-v-1582c41c] {
border: 0;
padding: 0;
overflow-wrap: break-word;
font-size: 1.5em;
font-weight: 700;
margin: 8px 0;
color: #202122;
}
.va-para[data-v-1582c41c] {
overflow-wrap: break-word;
margin-top: 8px;
margin-bottom: 8px;
color: #202122;
}
.va-para--subtle[data-v-1582c41c] {
color: #54595d;
font-size: 0.75em;
margin-bottom: 6px;
}
.va-variant-prompt[data-v-1582c41c] {
box-sizing: border-box;
z-index: 450;
padding: 16px 24px;
position: fixed;
left: 1.25em;
bottom: 1em;
width: calc(100% - 1.25em * 2);
max-width: 18em;
max-height: calc(100vh - 2em);
overflow: auto;
overscroll-behavior: none;
background-color: #fff;
border: 1px solid #a2a9b1;
border-radius: 2px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Inter', 'Helvetica', 'Arial', sans-serif;
font-size: 1rem;
line-height: normal;
}
.va-variant-prompt__close[data-v-1582c41c] {
padding: 5px;
float: right;
margin-top: 8px;
margin-right: -6px;
}
.va-variant-prompt__title__variant[data-v-1582c41c] {
color: #36c;
}
.va-variant-prompt__options[data-v-1582c41c] {
display: flex;
flex-direction: column;
overflow: hidden;
margin: 12px 0;
border: 1px solid #a2a9b1;
border-radius: 2px;
}
.va-variant-prompt__options__button[data-v-1582c41c] {
font-size: 0.875em;
color: #202122;
background-color: #f8f9fa;
border-radius: 0;
}
.va-variant-prompt__options__button--primary[data-v-1582c41c] {
color: #36c;
}
.va-variant-prompt__options__button[data-v-1582c41c]:hover,
.va-variant-prompt__options__button[data-v-1582c41c]:active {
border-color: transparent;
}
/* Prompt transition effect */
.va-variant-prompt-enter-active[data-v-1582c41c],
.va-variant-prompt-leave-active[data-v-1582c41c] {
transition-property: opacity;
transition-duration: 250ms;
transition-timing-function: ease;
}
.va-variant-prompt-enter-from[data-v-1582c41c],
.va-variant-prompt-leave-to[data-v-1582c41c] {
opacity: 0;
}
.va-select[data-v-c9623b25] {
box-sizing: border-box;
min-height: 32px;
border-width: 1px;
border-style: solid;
border-radius: 2px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 12px;
padding-right: calc(8px + 8px + 1.25em);
font: inherit;
touch-action: manipulation;
line-height: 1.4285714;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: center right 12px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');
background-size: 0.75em;
}
.va-select[data-v-c9623b25]:disabled {
background-color: #eaecf0;
color: #72777d;
border-color: #c8ccd1;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');
opacity: 1;
cursor: not-allowed;
}
.va-select[data-v-c9623b25]:enabled {
background-color: #f8f9fa;
color: #202122;
border-color: #a2a9b1;
transition-property: background-color, color, border-color, box-shadow;
transition-duration: 100ms;
}
.va-select[data-v-c9623b25]:enabled:hover {
background-color: #fff;
color: #404244;
border-color: #a2a9b1;
cursor: hover;
}
.va-select[data-v-c9623b25]:enabled:focus {
border-color: #36c;
box-shadow: inset 0 0 0 1px #36c;
outline: 1px solid transparent;
}
.va-select[data-v-c9623b25]:enabled:active {
color: #000;
border-color: #72777d;
}
.va-title[data-v-41f0faf5] {
border: 0;
padding: 0;
overflow-wrap: break-word;
font-size: 1.5em;
font-weight: 700;
margin: 8px 0;
color: #202122;
}
.va-para[data-v-41f0faf5] {
overflow-wrap: break-word;
margin-top: 8px;
color: #202122;
}
.va-para--subtle[data-v-41f0faf5] {
color: #54595d;
font-size: 0.75em;
margin-bottom: 6px;
}
.va-variant-prompt-mobile[data-v-41f0faf5] {
box-sizing: border-box;
z-index: 450;
padding: 8px 16px;
position: fixed;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
width: 100%;
max-width: 600px;
max-height: calc(100vh - 2em);
overflow: auto;
overscroll-behavior: none;
background-color: #fff;
border: 1px solid #a2a9b1;
border-radius: 2px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Inter', 'Helvetica', 'Arial', sans-serif;
font-size: 1rem;
line-height: normal;
}
.va-variant-prompt-mobile__header[data-v-41f0faf5] {
display: flex;
align-items: center;
}
.va-variant-prompt-mobile__header__title[data-v-41f0faf5] {
flex: 1;
font-size: 1em;
}
.va-variant-prompt-mobile__header__close[data-v-41f0faf5] {
padding: 5px;
margin-right: -6px;
}
.va-variant-prompt-mobile__main[data-v-41f0faf5] {
display: flex;
margin-top: 4px;
}
.va-variant-prompt-mobile__main__select[data-v-41f0faf5] {
margin-right: 12px;
flex: 1;
}
.va-variant-prompt-mobile__main__action[data-v-41f0faf5] {
flex-shrink: 0;
}
.va-variant-prompt-mobile__close[data-v-41f0faf5] {
padding: 5px;
float: right;
margin-right: -6px;
}
/* Prompt transition effect */
.va-variant-prompt-mobile-enter-active[data-v-41f0faf5],
.va-variant-prompt-mobile-leave-active[data-v-41f0faf5] {
transition-property: height, transform;
transition-duration: 250ms;
transition-timing-function: ease;
}
.va-variant-prompt-mobile-enter-from[data-v-41f0faf5],
.va-variant-prompt-mobile-leave-to[data-v-41f0faf5] {
transform: translateY(100%);
}
.skin-vector-2022 .va-variant-prompt {
max-height: calc(100% - 1em - 66px);
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
.vector-toc-available.vector-feature-toc-pinned-clientpref-1 .skin-vector-2022 .va-variant-prompt,
.vector-feature-main-menu-pinned-enabled .skin-vector-2022 .va-variant-prompt {
left: unset;
margin-left: -1.83333333em;
max-width: calc(12.25em + 36px);
padding: 16px;
}
}
@media screen and (min-width: 1200px) {
.skin-vector-2022 .va-variant-prompt {
left: unset;
margin-left: -2.16666667em;
max-width: calc(15.75em + 36px);
}
}