|
.physton-gradio-container { |
|
|
|
--hoverScale120-animation: all 0.3s; |
|
|
|
// .hover-scale-120:hover |
|
--hoverScale120-hover-transform: scale(1.2); |
|
|
|
|
|
--hoverScale140-animation: all 0.3s; |
|
|
|
// .hover-scale-140:hover |
|
--hoverScale140-hover-transform: scale(1.4); |
|
|
|
|
|
--physton-common-red: #d81e06; |
|
--physton-common-blue: #4a54ff; |
|
|
|
|
|
--iconSvg-padding: 1px; |
|
--iconSvg-box-sizing: border-box; |
|
|
|
// .common-popup-bg |
|
--commonPopupBg-position: fixed; |
|
--commonPopupBg-top: 0; |
|
--commonPopupBg-left: 0; |
|
--commonPopupBg-width: 100%; |
|
--commonPopupBg-height: 100%; |
|
--commonPopupBg-z-index: 2000; |
|
--commonPopupBg-display: flex; |
|
--commonPopupBg-justify-content: center; |
|
--commonPopupBg-align-items: center; |
|
--commonPopupBg-background: rgba(0, 0, 0, 0.5); |
|
|
|
|
|
--commonPopupMainBackground-box-shadow: 0 0 3px 0 @common-blue; |
|
--commonPopupMainBackground-border-radius: 6px 6px 4px 4px; |
|
--commonPopupMainBackground-background-color: rgba(30, 30, 30, .9); |
|
--commonPopupMainBackground-transition: height .1s ease-in-out, width .1s ease-in-out; |
|
|
|
// .common-popup-main |
|
--commonPopupMain-height: auto; |
|
--commonPopupMain-margin: 0; |
|
--commonPopupMain-color: #fff; |
|
|
|
|
|
--commonPopupClose-display: block; |
|
--commonPopupClose-padding: 4px; |
|
--commonPopupClose-position: absolute; |
|
--commonPopupClose-right: -14px; |
|
--commonPopupClose-top: -14px; |
|
--commonPopupClose-background: rgba(255, 255, 255, .6); |
|
--commonPopupClose-border-radius: 50%; |
|
--commonPopupClose-box-shadow: 0 1px 5px 0 @common-red; |
|
--commonPopupClose-cursor: pointer; |
|
--commonPopupClose-z-index: 1; |
|
|
|
|
|
--commonPopupClose-hover-background: @common-red; |
|
|
|
|
|
--commonPopupClose-iconSvgClose-width: auto; |
|
--commonPopupClose-iconSvgClose-height: 20px; |
|
--commonPopupClose-iconSvgClose-color: #000; |
|
|
|
|
|
--commonColourfulBackground-background: @common-blue linear-gradient(315deg, #6772FF 0, #00F9E5 100%) center center; |
|
--commonColourfulBackground-background-size: 104% 104%; |
|
|
|
|
|
--ppp-ppm-pastePopupTitle-font-size: 14px; |
|
--ppp-ppm-pastePopupTitle-font-weight: bold; |
|
--ppp-ppm-pastePopupTitle-margin-bottom: 10px; |
|
--ppp-ppm-pastePopupTitle-word-break: keep-all; |
|
--ppp-ppm-pastePopupTitle-white-space: nowrap; |
|
--ppp-ppm-pastePopupTitle-overflow: hidden; |
|
|
|
|
|
--ppp-ppm-ppb-pasteContent-background: rgba(30, 30, 30, .9); |
|
--ppp-ppm-ppb-pasteContent-border: 1px solid #3c3c3c; |
|
--ppp-ppm-ppb-pasteContent-padding: 4px; |
|
--ppp-ppm-ppb-pasteContent-width: 100%; |
|
--ppp-ppm-ppb-pasteContent-font-size: 14px; |
|
--ppp-ppm-ppb-pasteContent-color: #fff; |
|
--ppp-ppm-ppb-pasteContent-resize: none; |
|
--ppp-ppm-ppb-pasteContent-height: 400px; |
|
--ppp-ppm-ppb-pasteContent-box-sizing: border-box; |
|
|
|
// .physton-paste-popup .paste-popup-main .paste-popup-body .paste-content:hover |
|
--ppp-ppm-ppb-pasteContent-hover-outline: none; |
|
--ppp-ppm-ppb-pasteContent-hover-border-color: @common-blue; |
|
|
|
|
|
--ppp-ppm-ppb-pasteSubmit-border-radius: 10px; |
|
--ppp-ppm-ppb-pasteSubmit-padding: 10px; |
|
--ppp-ppm-ppb-pasteSubmit-margin-top: 10px; |
|
--ppp-ppm-ppb-pasteSubmit-text-align: center; |
|
--ppp-ppm-ppb-pasteSubmit-color: #fff; |
|
--ppp-ppm-ppb-pasteSubmit-font-size: 20px; |
|
--ppp-ppm-ppb-pasteSubmit-cursor: pointer; |
|
--ppp-ppm-ppb-pasteSubmit-display: flex; |
|
--ppp-ppm-ppb-pasteSubmit-justify-content: center; |
|
--ppp-ppm-ppb-pasteSubmit-align-items: center; |
|
|
|
|
|
--ppp-ppm-ppb-pasteSubmitHover-box-shadow: 0 0 14px @common-blue; |
|
|
|
|
|
--ppp-ppm-ppb-ps-iconSvgLoading-width: auto; |
|
--ppp-ppm-ppb-ps-iconSvgLoading-height: 20px; |
|
--ppp-ppm-ppb-ps-iconSvgLoading-color: none; |
|
|
|
// .physton-prompt |
|
--pp-border: 1px solid rgba(0, 0, 0, .04); |
|
--pp-padding: 0; |
|
--pp-margin: 5px 0; |
|
|
|
|
|
--pp-div-line-height: 1; |
|
|
|
|
|
--pp-svg-display: inline-block; |
|
|
|
|
|
--pp-iconSvg-display: inline-block; |
|
--pp-iconSvg-line-height: 0; |
|
|
|
|
|
--pp-promptMainFold-max-height: 36px; |
|
|
|
|
|
--pp-pmf-promptUnfold-transform: rotate(180deg); |
|
|
|
|
|
--pp-pmf-promptTags-display: none; |
|
|
|
// .physton-prompt .prompt-main.fold .show-group-tags |
|
--pp-pmf-showGroupTags-display: none; |
|
|
|
|
|
--pp-pmf-groupTabs-display: none; |
|
|
|
// .physton-prompt .prompt-header |
|
--pp-promptHeader-margin: 0; |
|
|
|
--pp-promptHeader-padding: 0 10px; |
|
--pp-promptHeader-display: flex; |
|
--pp-promptHeader-justify-content: flex-start; |
|
--pp-promptHeader-align-items: center; |
|
--pp-promptHeader-border-bottom: 1px dashed rgba(0, 0, 0, .04); |
|
--pp-promptHeader-flex-wrap: wrap; |
|
|
|
|
|
--pp-promptHeaderAny-margin: 5px 0; |
|
--pp-promptHeaderAny-margin-right: 10px; |
|
|
|
|
|
--pp-promptHeaderAnyLastChild-margin-right: 0; |
|
|
|
|
|
--pp-ph-promptUnfold-cursor: pointer; |
|
--pp-ph-promptUnfold-margin-right: 2px; |
|
--pp-ph-promptUnfold-animation: all .3s; |
|
|
|
// .physton-prompt .prompt-header .prompt-unfold .icon-svg-unfold |
|
--pp-ph-pu-iconSvgUnfold-width: auto; |
|
--pp-ph-pu-iconSvgUnfold-height: 20px; |
|
--pp-ph-pu-iconSvgUnfold-color: #02b7fd; |
|
|
|
|
|
--pp-ph-ebi-iconSvgI18n-width: auto; |
|
--pp-ph-ebi-iconSvgI18n-height: 18px; |
|
--pp-ph-ebi-iconSvgI18n-color: #d81e06; |
|
--pp-ph-ebi-iconSvgSetting-width: auto; |
|
--pp-ph-ebi-iconSvgSetting-height: 18px; |
|
--pp-ph-ebi-iconSvgSetting-color: #d81e06; |
|
--pp-ph-ebi-iconSvgHistory-width: auto; |
|
--pp-ph-ebi-iconSvgHistory-height: 18px; |
|
--pp-ph-ebi-iconSvgHistory-color: #02b7fd; |
|
--pp-ph-ebi-iconSvgFavorite-width: auto; |
|
--pp-ph-ebi-iconSvgFavorite-height: 18px; |
|
--pp-ph-ebi-iconSvgFavorite-color: #02b7fd; |
|
--pp-ph-ebi-iconSvgTranslate-width: auto; |
|
--pp-ph-ebi-iconSvgTranslate-height: 18px; |
|
--pp-ph-ebi-iconSvgTranslate-color: #ad6800; |
|
--pp-ph-ebi-iconSvgEnglish-width: auto; |
|
--pp-ph-ebi-iconSvgEnglish-height: 18px; |
|
--pp-ph-ebi-iconSvgEnglish-color: #ad6800; |
|
--pp-ph-ebi-iconSvgLoading-width: auto; |
|
--pp-ph-ebi-iconSvgLoading-height: 18px; |
|
--pp-ph-ebi-iconSvgLoading-color: none; |
|
--pp-ph-ebi-iconSvgCopy-width: auto; |
|
--pp-ph-ebi-iconSvgCopy-height: 18px; |
|
--pp-ph-ebi-iconSvgCopy-color: rgba(0, 0, 0, .88); |
|
--pp-ph-ebi-iconSvgRemove-width: auto; |
|
--pp-ph-ebi-iconSvgRemove-height: 18px; |
|
--pp-ph-ebi-iconSvgRemove-color: #d81e06; |
|
--pp-ph-ebi-iconSvgChatgpt-width: auto; |
|
--pp-ph-ebi-iconSvgChatgpt-height: 18px; |
|
--pp-ph-ebi-iconSvgChatgpt-color: #02b7fd; |
|
|
|
|
|
--pp-ph-sb-iconSvgApi-width: auto; |
|
--pp-ph-sb-iconSvgApi-height: 22px; |
|
--pp-ph-sb-iconSvgApi-color: #d81e06; |
|
--pp-ph-sb-iconSvgFormat-width: auto; |
|
--pp-ph-sb-iconSvgFormat-height: 22px; |
|
--pp-ph-sb-iconSvgFormat-color: #d81e06; |
|
--pp-ph-sb-iconSvgBlacklist-width: auto; |
|
--pp-ph-sb-iconSvgBlacklist-height: 22px; |
|
--pp-ph-sb-iconSvgBlacklist-color: #d81e06; |
|
--pp-ph-sb-iconSvgTheme-width: auto; |
|
--pp-ph-sb-iconSvgTheme-height: 22px; |
|
--pp-ph-sb-iconSvgTheme-color: #02b7fd; |
|
--pp-ph-sb-iconSvgTranslate-width: auto; |
|
--pp-ph-sb-iconSvgTranslate-height: 22px; |
|
--pp-ph-sb-iconSvgTranslate-color: #ad6800; |
|
--pp-ph-sb-iconSvgEnglish-width: auto; |
|
--pp-ph-sb-iconSvgEnglish-height: 22px; |
|
--pp-ph-sb-iconSvgEnglish-color: #ad6800; |
|
--pp-ph-sb-iconSvgRemoveSpace-width: auto; |
|
--pp-ph-sb-iconSvgRemoveSpace-height: 22px; |
|
--pp-ph-sb-iconSvgRemoveSpace-color: #1f2937; |
|
--pp-ph-sb-iconSvgTooltip-width: auto; |
|
--pp-ph-sb-iconSvgTooltip-height: 22px; |
|
--pp-ph-sb-iconSvgTooltip-color: #1f2937; |
|
--pp-ph-sb-iconSvgAbout-width: auto; |
|
--pp-ph-sb-iconSvgAbout-height: 22px; |
|
--pp-ph-sb-iconSvgAbout-color: #1f2937; |
|
--pp-ph-sb-iconSvgSun-width: auto; |
|
--pp-ph-sb-iconSvgSun-height: 22px; |
|
--pp-ph-sb-iconSvgSun-color: #1f2937; |
|
--pp-ph-sb-iconSvgMoon-width: auto; |
|
--pp-ph-sb-iconSvgMoon-height: 22px; |
|
--pp-ph-sb-iconSvgMoon-color: #1f2937; |
|
|
|
|
|
--pp-ph-iconSvgInput-width: auto; |
|
--pp-ph-iconSvgInput-height: 22px; |
|
--pp-ph-iconSvgInput-color: rgba(0, 0, 0, .88); |
|
|
|
|
|
--pp-ph-pal-iconSvgWrap-width: auto; |
|
--pp-ph-pal-iconSvgWrap-height: 16px; |
|
--pp-ph-pal-iconSvgWrap-color: #fff; |
|
--pp-ph-pal-iconSvgHistory-width: auto; |
|
--pp-ph-pal-iconSvgHistory-height: 16px; |
|
--pp-ph-pal-iconSvgHistory-color: #fff; |
|
--pp-ph-pal-iconSvgFavorite-width: auto; |
|
--pp-ph-pal-iconSvgFavorite-height: 16px; |
|
--pp-ph-pal-iconSvgFavorite-color: #fff; |
|
|
|
|
|
--pp-ph-promptHeaderTitle-font-weight: bold; |
|
--pp-ph-promptHeaderTitle-font-size: 1rem; |
|
--pp-ph-promptHeaderTitle-white-space: nowrap; |
|
|
|
|
|
--pp-ph-promptHeaderCounter-font-size: .9rem; |
|
--pp-ph-promptHeaderCounter-min-width: 64px; |
|
|
|
|
|
--pp-ph-promptHeaderBreak-flex-basis: 100%; |
|
--pp-ph-promptHeaderBreak-height: 0; |
|
--pp-ph-promptHeaderBreak-margin-bottom: 0; |
|
|
|
|
|
--pp-ph-promptHeaderExtend-margin-right: 10px; |
|
--pp-ph-promptHeaderExtend-display: flex; |
|
--pp-ph-promptHeaderExtend-justify-content: flex-start; |
|
--pp-ph-promptHeaderExtend-align-items: center; |
|
|
|
|
|
--pp-ph-promptHeaderExtendLastChild-margin-right: 0; |
|
|
|
|
|
--pp-ph-phe-extendTitle-font-size: 0.8rem; |
|
--pp-ph-phe-extendTitle-margin-right: 5px; |
|
|
|
|
|
--pp-ph-phe-promptAppend-position: relative; |
|
--pp-ph-phe-promptAppend-flex: 1; |
|
|
|
|
|
--pp-ph-phe-pa-extendContent-width: 100%; |
|
--pp-ph-phe-pa-extendContent-display: flex; |
|
--pp-ph-phe-pa-extendContent-justify-content: flex-end; |
|
--pp-ph-phe-pa-extendContent-align-items: center; |
|
|
|
|
|
--pp-ph-phe-ec-selectSelectBtn-padding: 0 10px 0 5px; |
|
--pp-ph-phe-ec-selectSelectBtn-font-size: 0.8rem; |
|
--pp-ph-phe-ec-selectSelectBtn-appearance: auto; |
|
--pp-ph-phe-ec-selectSelectBtn-border: 1px solid rgba(0, 0, 0, .88); |
|
--pp-ph-phe-ec-selectSelectBtn-background: #fff; |
|
--pp-ph-phe-ec-selectSelectBtn-color: rgba(0, 0, 0, .88); |
|
--pp-ph-phe-ec-selectSelectBtn-height: 20px; |
|
--pp-ph-phe-ec-selectSelectBtn-line-height: 20px; |
|
|
|
|
|
--pp-ph-phe-ec-selectSelectBtnHover-border-color: #1677ff; |
|
|
|
|
|
--pp-ph-phe-ec-selectBtn-cursor: pointer; |
|
--pp-ph-phe-ec-selectBtn-padding: 0 10px; |
|
|
|
|
|
--pp-ph-phe-ec-selectBtnHover-background: #0958d9; |
|
--pp-ph-phe-ec-selectBtnHover-border-color: #0958d9; |
|
|
|
|
|
--pp-ph-phe-ec-autocompleteresults-top: 26px; |
|
|
|
|
|
--pp-ph-phe-ec-inputTagAppend-display: inline-block; |
|
--pp-ph-phe-ec-inputTagAppend-height: 26px; |
|
--pp-ph-phe-ec-inputTagAppend-padding: 4px; |
|
--pp-ph-phe-ec-inputTagAppend-border: 1px solid rgba(0, 0, 0, .12); |
|
--pp-ph-phe-ec-inputTagAppend-appearance: none; |
|
--pp-ph-phe-ec-inputTagAppend-background-color: transparent; |
|
--pp-ph-phe-ec-inputTagAppend-font-size: 0.9rem; |
|
--pp-ph-phe-ec-inputTagAppend-line-height: 0.9rem; |
|
--pp-ph-phe-ec-inputTagAppend-font-family: inherit; |
|
--pp-ph-phe-ec-inputTagAppend-font-weight: inherit; |
|
--pp-ph-phe-ec-inputTagAppend-border-radius: 4px; |
|
--pp-ph-phe-ec-inputTagAppend-min-width: 200px; |
|
--pp-ph-phe-ec-inputTagAppend-width: 80%; |
|
--pp-ph-phe-ec-inputTagAppend-text-align: left; |
|
--pp-ph-phe-ec-inputTagAppend-resize: none; |
|
--pp-ph-phe-ec-inputTagAppend-min-height: unset; |
|
--pp-ph-phe-ec-inputTagAppend-max-height: unset; |
|
|
|
|
|
--pp-ph-phe-ec-inputTagAppendFocus-box-shadow: none; |
|
--pp-ph-phe-ec-inputTagAppendFocus-border-color: #02b7fd; |
|
|
|
|
|
--pp-ph-phe-ec-extendBtnGroup-display: flex; |
|
--pp-ph-phe-ec-extendBtnGroup-justify-content: center; |
|
--pp-ph-phe-ec-extendBtnGroup-align-items: center; |
|
--pp-ph-phe-ec-extendBtnGroup-color: rgba(0, 0, 0, .88); |
|
--pp-ph-phe-ec-extendBtnGroup-background: rgba(0, 0, 0, .06); |
|
--pp-ph-phe-ec-extendBtnGroup-border: 1px solid rgba(0, 0, 0, .04); |
|
--pp-ph-phe-ec-extendBtnGroup-padding: 0; |
|
--pp-ph-phe-ec-extendBtnGroup-border-radius: 4px; |
|
|
|
|
|
--pp-ph-phe-ec-ebg-extendBtnItem-cursor: pointer; |
|
--pp-ph-phe-ec-ebg-extendBtnItem-height: 26px; |
|
--pp-ph-phe-ec-ebg-extendBtnItem-width: 30px; |
|
--pp-ph-phe-ec-ebg-extendBtnItem-display: flex; |
|
--pp-ph-phe-ec-ebg-extendBtnItem-justify-content: center; |
|
--pp-ph-phe-ec-ebg-extendBtnItem-align-items: center; |
|
--pp-ph-phe-ec-ebg-extendBtnItem-position: relative; |
|
|
|
|
|
--pp-ph-phe-ec-ebg-extendBtnItemFirstChild-border-left: 0; |
|
--pp-ph-phe-ec-ebg-extendBtnItemFirstChild-margin-left: 0; |
|
|
|
|
|
--pp-ph-phe-ec-ebg-ebih-settingBox-display: flex; |
|
|
|
// .physton-prompt .prompt-header .prompt-header-extend .extend-content .extend-btn-group .extend-btn-item:hover.red-dot icon:after |
|
--pp-ph-phe-ec-ebg-ebihrd-iconAfter-display: none; |
|
|
|
|
|
--pp-ph-phe-ec-ebg-ebird-iconAfter-content: ''; |
|
--pp-ph-phe-ec-ebg-ebird-iconAfter-display: block; |
|
--pp-ph-phe-ec-ebg-ebird-iconAfter-width: 8px; |
|
--pp-ph-phe-ec-ebg-ebird-iconAfter-height: 8px; |
|
--pp-ph-phe-ec-ebg-ebird-iconAfter-background: var(--physton-common-red); |
|
--pp-ph-phe-ec-ebg-ebird-iconAfter-border-radius: 50%; |
|
--pp-ph-phe-ec-ebg-ebird-iconAfter-position: absolute; |
|
--pp-ph-phe-ec-ebg-ebird-iconAfter-top: -4px; |
|
--pp-ph-phe-ec-ebg-ebird-iconAfter-right: -4px; |
|
|
|
|
|
--pp-ph-phe-ec-ebg-ebi-settingBox-display: none; |
|
--pp-ph-phe-ec-ebg-ebi-settingBox-position: absolute; |
|
--pp-ph-phe-ec-ebg-ebi-settingBox-background: #e6f4ff; |
|
--pp-ph-phe-ec-ebg-ebi-settingBox-top: -5px; |
|
--pp-ph-phe-ec-ebg-ebi-settingBox-left: 28px; |
|
--pp-ph-phe-ec-ebg-ebi-settingBox-justify-content: flex-start; |
|
--pp-ph-phe-ec-ebg-ebi-settingBox-align-items: center; |
|
--pp-ph-phe-ec-ebg-ebi-settingBox-width: max-content; |
|
--pp-ph-phe-ec-ebg-ebi-settingBox-height: 36px; |
|
--pp-ph-phe-ec-ebg-ebi-settingBox-padding: 0 10px; |
|
--pp-ph-phe-ec-ebg-ebi-settingBox-box-shadow: 0 0 3px 0 @common-blue; |
|
--pp-ph-phe-ec-ebg-ebi-settingBox-border-radius: 6px 6px 4px 4px; |
|
--pp-ph-phe-ec-ebg-ebi-settingBox-z-index: 10; |
|
|
|
|
|
--pp-ph-phe-ec-ebg-ebi-settingBoxAny-margin-left: 5px; |
|
|
|
|
|
--pp-ph-phe-ec-ebg-ebi-settingBoxAnyFirstChild-margin-left: 0; |
|
|
|
|
|
--pp-ph-phe-ec-ebg-gradioButtonA-height: 26px; |
|
--pp-ph-phe-ec-ebg-gradioButtonA-min-height: 26px; |
|
--pp-ph-phe-ec-ebg-gradioButtonA-max-height: 26px; |
|
|
|
|
|
--pp-ph-phe-ec-gradioCheckbox-cursor: pointer; |
|
|
|
|
|
--pp-ph-phe-ec-inputCheckbox-position: relative; |
|
--pp-ph-phe-ec-inputCheckbox-box-shadow: none; |
|
--pp-ph-phe-ec-inputCheckbox-border: 1px solid #7c7c7c; |
|
--pp-ph-phe-ec-inputCheckbox-border-radius: 4px; |
|
--pp-ph-phe-ec-inputCheckbox-background-color: rgba(0, 0, 0, .02); |
|
--pp-ph-phe-ec-inputCheckbox-line-height: 1.4; |
|
--pp-ph-phe-ec-inputCheckbox-width: 16px; |
|
--pp-ph-phe-ec-inputCheckbox-height: 16px; |
|
|
|
|
|
--pp-ph-phe-ec-inputCheckboxChecked-border-color: #1677ff; |
|
--pp-ph-phe-ec-inputCheckboxChecked-background-color: #1677ff; |
|
|
|
|
|
--pp-promptTags-display: flex; |
|
--pp-promptTags-flex-wrap: wrap; |
|
--pp-promptTags-justify-content: flex-start; |
|
--pp-promptTags-align-items: flex-start; |
|
--pp-promptTags-position: relative; |
|
--pp-promptTags-padding: 5px 10px 0; |
|
|
|
|
|
--pp-pt-ds-btnTagExtend-display: none; |
|
|
|
// .physton-prompt .prompt-tags .prompt-tag-edit |
|
--pp-pt-pte-iconSvgWrap-width: auto; |
|
--pp-pt-pte-iconSvgWrap-height: 16px; |
|
--pp-pt-pte-iconSvgWrap-color: #02b7fd; |
|
|
|
|
|
--pp-pt-btd-iconSvgClose-width: auto; |
|
--pp-pt-btd-iconSvgClose-height: 10px; |
|
--pp-pt-btd-iconSvgClose-color: #000; |
|
|
|
|
|
--pp-pt-bte-iconSvgWeightParenthesesInc-width: auto; |
|
--pp-pt-bte-iconSvgWeightParenthesesInc-height: 20px; |
|
--pp-pt-bte-iconSvgWeightParenthesesInc-color: #ff6969; |
|
--pp-pt-bte-iconSvgWeightParenthesesDec-width: auto; |
|
--pp-pt-bte-iconSvgWeightParenthesesDec-height: 20px; |
|
--pp-pt-bte-iconSvgWeightParenthesesDec-color: #ff6969; |
|
--pp-pt-bte-iconSvgWeightBracketsInc-width: auto; |
|
--pp-pt-bte-iconSvgWeightBracketsInc-height: 20px; |
|
--pp-pt-bte-iconSvgWeightBracketsInc-color: #84ff8f; |
|
--pp-pt-bte-iconSvgWeightBracketsDec-width: auto; |
|
--pp-pt-bte-iconSvgWeightBracketsDec-height: 20px; |
|
--pp-pt-bte-iconSvgWeightBracketsDec-color: #84ff8f; |
|
--pp-pt-bte-iconSvgEnglish-width: auto; |
|
--pp-pt-bte-iconSvgEnglish-height: 20px; |
|
--pp-pt-bte-iconSvgEnglish-color: #ff9900; |
|
--pp-pt-bte-iconSvgLoading-width: auto; |
|
--pp-pt-bte-iconSvgLoading-height: 20px; |
|
--pp-pt-bte-iconSvgLoading-color: none; |
|
--pp-pt-bte-iconSvgCopy-width: auto; |
|
--pp-pt-bte-iconSvgCopy-height: 20px; |
|
--pp-pt-bte-iconSvgCopy-color: #3c3c3c; |
|
--pp-pt-bte-iconSvgDisabled-width: auto; |
|
--pp-pt-bte-iconSvgDisabled-height: 20px; |
|
--pp-pt-bte-iconSvgDisabled-color: #ff472f; |
|
--pp-pt-bte-iconSvgEnable-width: auto; |
|
--pp-pt-bte-iconSvgEnable-height: 20px; |
|
--pp-pt-bte-iconSvgEnable-color: #00eeff; |
|
--pp-pt-bte-iconSvgWrap-width: auto; |
|
--pp-pt-bte-iconSvgWrap-height: 20px; |
|
--pp-pt-bte-iconSvgWrap-color: #00eeff; |
|
--pp-pt-bte-iconSvgFavoriteNo-width: auto; |
|
--pp-pt-bte-iconSvgFavoriteNo-height: 20px; |
|
--pp-pt-bte-iconSvgFavoriteNo-color: none; |
|
--pp-pt-bte-iconSvgFavoriteYes-width: auto; |
|
--pp-pt-bte-iconSvgFavoriteYes-height: 20px; |
|
--pp-pt-bte-iconSvgFavoriteYes-color: none; |
|
|
|
// .physton-prompt .prompt-tags .prompt-local-language |
|
--pp-pt-pll-iconSvgTranslate-width: auto; |
|
--pp-pt-pll-iconSvgTranslate-height: 16px; |
|
--pp-pt-pll-iconSvgTranslate-color: rgba(0, 0, 0, .88); |
|
--pp-pt-pll-iconSvgLoading-width: auto; |
|
--pp-pt-pll-iconSvgLoading-height: 16px; |
|
--pp-pt-pll-iconSvgLoading-color: none; |
|
|
|
// .physton-prompt .prompt-tags .drop-select-bg |
|
--pp-pt-dropSelectBg-position: fixed; |
|
--pp-pt-dropSelectBg-display: none; |
|
--pp-pt-dropSelectBg-left: 0; |
|
--pp-pt-dropSelectBg-top: 0; |
|
--pp-pt-dropSelectBg-width: 100%; |
|
--pp-pt-dropSelectBg-height: 100%; |
|
--pp-pt-dropSelectBg-z-index: 999; |
|
|
|
|
|
--pp-pt-dropSelectBox-position: absolute; |
|
--pp-pt-dropSelectBox-display: none; |
|
--pp-pt-dropSelectBox-left: 0; |
|
--pp-pt-dropSelectBox-top: 0; |
|
--pp-pt-dropSelectBox-width: 0; |
|
--pp-pt-dropSelectBox-height: 0; |
|
--pp-pt-dropSelectBox-box-sizing: border-box; |
|
--pp-pt-dropSelectBox-background: rgba(0, 175, 255, 0.2); |
|
--pp-pt-dropSelectBox-border: 1px solid rgba(0, 175, 255, 0.8); |
|
--pp-pt-dropSelectBox-z-index: 1000; |
|
|
|
|
|
--pp-pt-dropSelectBtns-position: absolute; |
|
--pp-pt-dropSelectBtns-display: none; |
|
--pp-pt-dropSelectBtns-left: 0; |
|
--pp-pt-dropSelectBtns-top: 0; |
|
--pp-pt-dropSelectBtns-width: auto; |
|
--pp-pt-dropSelectBtns-height: auto; |
|
--pp-pt-dropSelectBtns-z-index: 1000; |
|
--pp-pt-dropSelectBtns-justify-content: flex-start; |
|
--pp-pt-dropSelectBtns-align-items: center; |
|
--pp-pt-dropSelectBtns-padding: 0; |
|
--pp-pt-dropSelectBtns-box-sizing: border-box; |
|
--pp-pt-dropSelectBtns-box-shadow: 0 0 3px #4a54ff; |
|
--pp-pt-dropSelectBtns-background: #0c0c0c; |
|
--pp-pt-dropSelectBtns-border-radius: 4px; |
|
--pp-pt-dropSelectBtns-overflow: hidden; |
|
--pp-pt-dsb-iconSvgCopy-width: auto; |
|
--pp-pt-dsb-iconSvgCopy-height: 20px; |
|
--pp-pt-dsb-iconSvgCopy-color: #c5c5c5; |
|
--pp-pt-dsb-iconSvgDisabled-width: auto; |
|
--pp-pt-dsb-iconSvgDisabled-height: 20px; |
|
--pp-pt-dsb-iconSvgDisabled-color: #ff472f; |
|
--pp-pt-dsb-iconSvgEnable-width: auto; |
|
--pp-pt-dsb-iconSvgEnable-height: 20px; |
|
--pp-pt-dsb-iconSvgEnable-color: #2fff53; |
|
--pp-pt-dsb-iconSvgFavoriteNo-width: auto; |
|
--pp-pt-dsb-iconSvgFavoriteNo-height: 20px; |
|
--pp-pt-dsb-iconSvgFavoriteNo-color: none; |
|
--pp-pt-dsb-iconSvgFavoriteYes-width: auto; |
|
--pp-pt-dsb-iconSvgFavoriteYes-height: 20px; |
|
--pp-pt-dsb-iconSvgFavoriteYes-color: none; |
|
--pp-pt-dsb-iconSvgRemove-width: auto; |
|
--pp-pt-dsb-iconSvgRemove-height: 20px; |
|
--pp-pt-dsb-iconSvgRemove-color: #ff472f; |
|
|
|
|
|
--pp-pt-dsb-btnsTitle-color: #fff; |
|
--pp-pt-dsb-btnsTitle-padding: 0 5px; |
|
--pp-pt-dsb-btnsTitle-border-right: 1px solid rgba(255, 255, 255, 0.2); |
|
--pp-pt-dsb-btnsTitle-height: 32px; |
|
--pp-pt-dsb-btnsTitle-line-height: 32px; |
|
|
|
|
|
--pp-pt-dsb-button-height: 32px; |
|
--pp-pt-dsb-button-width: 32px; |
|
--pp-pt-dsb-button-border: 0; |
|
--pp-pt-dsb-button-border-radius: 0; |
|
--pp-pt-dsb-button-padding: 5px; |
|
--pp-pt-dsb-button-min-width: auto; |
|
--pp-pt-dsb-button-font-size: 0.9rem; |
|
--pp-pt-dsb-button-min-height: auto; |
|
--pp-pt-dsb-button-background: transparent; |
|
--pp-pt-dsb-button-color: #fff; |
|
--pp-pt-dsb-button-border-right: 1px solid rgba(255, 255, 255, 0.2); |
|
|
|
|
|
--pp-pt-dsb-buttonLastChild-border-right: 0; |
|
|
|
|
|
--pp-pt-dsb-buttonHover-background: rgba(255, 255, 255, 0.2); |
|
|
|
|
|
--pp-pt-dsb-promptTagsList-display: flex; |
|
--pp-pt-dsb-promptTagsList-flex-wrap: wrap; |
|
--pp-pt-dsb-promptTagsList-justify-content: flex-start; |
|
--pp-pt-dsb-promptTagsList-align-items: flex-start; |
|
--pp-pt-dsb-promptTagsList-width: 100%; |
|
|
|
|
|
--pp-pt-dsb-ptl-promptWrap-display: none; |
|
--pp-pt-dsb-ptl-promptWrap-flex-basis: 100%; |
|
--pp-pt-dsb-ptl-promptWrap-height: 0; |
|
--pp-pt-dsb-ptl-promptWrap-margin: 0; |
|
--pp-pt-dsb-ptl-promptWrap-padding: 0; |
|
|
|
|
|
--pp-pt-dsb-ptl-promptTag-margin-bottom: 8px; |
|
--pp-pt-dsb-ptl-promptTag-margin-right: 10px; |
|
--pp-pt-dsb-ptl-promptTag-display: block; |
|
--pp-pt-dsb-ptl-promptTag-align-items: center; |
|
--pp-pt-dsb-ptl-promptTag-max-width: 100%; |
|
|
|
|
|
--pp-pt-dsb-ptl-promptTagLastChild-margin-right: 12px; |
|
|
|
|
|
--pp-pt-dsb-ptl-ptd-promptTagEdit-opacity: .7; |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ss-ds-promptTagValue-background: rgba(0, 175, 255, 0.4); |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-promptTagMain-width: 100%; |
|
--pp-pt-dsb-ptl-pt-promptTagMain-display: flex; |
|
--pp-pt-dsb-ptl-pt-promptTagMain-justify-content: flex-start; |
|
--pp-pt-dsb-ptl-pt-promptTagMain-align-items: flex-start; |
|
--pp-pt-dsb-ptl-pt-promptTagMain-position: relative; |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptmh-pte-btnTagExtend-box-shadow: 0 0 3px 0 @common-blue; |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptmh-btnTagExtend-display: flex; |
|
|
|
// .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit |
|
--pp-pt-dsb-ptl-pt-ptm-promptTagEdit-width: 100%; |
|
--pp-pt-dsb-ptl-pt-ptm-promptTagEdit-display: flex; |
|
--pp-pt-dsb-ptl-pt-ptm-promptTagEdit-justify-content: flex-start; |
|
--pp-pt-dsb-ptl-pt-ptm-promptTagEdit-align-items: center; |
|
--pp-pt-dsb-ptl-pt-ptm-promptTagEdit-position: relative; |
|
--pp-pt-dsb-ptl-pt-ptm-promptTagEdit-border-radius: 4px; |
|
--pp-pt-dsb-ptl-pt-ptm-promptTagEdit-min-height: 26px; |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-width: calc(100% - 16px); |
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-padding: 4px; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-font-size: 0.9rem; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-height: auto; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-border-radius: 4px; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-border-top-right-radius: 0; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-border-bottom-right-radius: 0; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-display: flex; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-align-items: center; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-justify-content: flex-start; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-color: rgba(0, 0, 0, .88); |
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-background: rgba(0, 0, 0, .06); |
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-border: 1px solid rgba(0, 0, 0, .04); |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueNegTag-color: rgba(0, 0, 0, .88); |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueLoraTag-color: #597ef7; |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueLoraNotExists-background: #ffccc7; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueLoraNotExists-animation: lora-not-exists 1s infinite; |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueLycoTag-color: #597ef7; |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueLycoNotExists-background: #ffccc7; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueLycoNotExists-animation: lora-not-exists 1s infinite; |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueEmbeddingTag-color: #33bcb7; |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueHover-border-color: rgba(0, 0, 0, .06); |
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueHover-background: rgba(0, 0, 0, .15); |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-pte-ptv-character-line-height: 1rem; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-ptv-character-white-space: break-spaces; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-ptv-character-word-break: break-all; |
|
|
|
// .physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .prompt-tag-edit .prompt-tag-value .weight-character |
|
--pp-pt-dsb-ptl-pt-ptm-pte-ptv-weightCharacter-color: @common-red; |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-pte-ptv-breakCharacter-color: #c6c6c6; |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-pte-inputTagEdit-padding: 4px; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-inputTagEdit-max-width: calc(100% - 16px); |
|
--pp-pt-dsb-ptl-pt-ptm-pte-inputTagEdit-border-radius: 4px; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-inputTagEdit-border-top-right-radius: 0; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-inputTagEdit-border-bottom-right-radius: 0; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-inputTagEdit-max-height: unset; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-inputTagEdit-resize: none; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-inputTagEdit-line-height: 1rem; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-inputTagEdit-font-size: 0.9rem; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-inputTagEdit-background: transparent; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-inputTagEdit-min-height: 26px; |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-display: flex; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-justify-content: center; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-align-items: center; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-cursor: pointer; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-border: 1px solid rgba(0, 0, 0, .04); |
|
--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-background: rgba(0, 0, 0, .06); |
|
--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-padding: 0; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-width: 16px; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-height: 100%; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-border-left: 0; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-border-radius: 0; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-border-top-right-radius: 4px; |
|
--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-border-bottom-right-radius: 4px; |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDeleteHover-bbackground: @common-red; |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-pte-btdh-svg-fill: #fff; |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-display: none; |
|
--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-justify-content: flex-start; |
|
--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-align-items: center; |
|
--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-position: absolute; |
|
--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-top: -32px; |
|
--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-left: 0; |
|
--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-z-index: 100; |
|
--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-padding: 0; |
|
--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-box-shadow: 0 0 3px 0 @common-blue; |
|
--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-border-radius: 4px; |
|
--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-overflow: hidden; |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-bte-button-height: 32px; |
|
--pp-pt-dsb-ptl-pt-ptm-bte-button-width: 32px; |
|
--pp-pt-dsb-ptl-pt-ptm-bte-button-border: 0; |
|
--pp-pt-dsb-ptl-pt-ptm-bte-button-border-radius: 0; |
|
--pp-pt-dsb-ptl-pt-ptm-bte-button-padding: 5px; |
|
--pp-pt-dsb-ptl-pt-ptm-bte-button-min-width: auto; |
|
--pp-pt-dsb-ptl-pt-ptm-bte-button-font-size: 0.9rem; |
|
--pp-pt-dsb-ptl-pt-ptm-bte-button-min-height: auto; |
|
--pp-pt-dsb-ptl-pt-ptm-bte-button-background: transparent; |
|
--pp-pt-dsb-ptl-pt-ptm-bte-button-color: #fff; |
|
--pp-pt-dsb-ptl-pt-ptm-bte-button-border-right: 1px solid rgba(255, 255, 255, 0.2); |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-bte-buttonLastChild-border-right: 0; |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-bte-buttonHover-background: rgba(255, 255, 255, 0.2); |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-bte-input-width: 54px; |
|
--pp-pt-dsb-ptl-pt-ptm-bte-input-border: 0; |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-bte-inputNumer-width: 90px; |
|
--pp-pt-dsb-ptl-pt-ptm-bte-inputNumer-border: 0; |
|
--pp-pt-dsb-ptl-pt-ptm-bte-inputNumer-padding: 0; |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-bte-vue-number-input__button-width: 1.5rem; |
|
--pp-pt-dsb-ptl-pt-ptm-bte-vue-number-input__button-background: rgba(255, 255, 255, .9); |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-bte-vue-number-input__input-height: 32px; |
|
--pp-pt-dsb-ptl-pt-ptm-bte-vue-number-input__input-border: 0; |
|
--pp-pt-dsb-ptl-pt-ptm-bte-vue-number-input__input-padding: 0 26px; |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-promptLocalLanguage-margin-top: 2px; |
|
--pp-pt-dsb-ptl-pt-promptLocalLanguage-display: flex; |
|
--pp-pt-dsb-ptl-pt-promptLocalLanguage-justify-content: flex-start; |
|
--pp-pt-dsb-ptl-pt-promptLocalLanguage-align-items: center; |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-pll-translateToLocal-cursor: pointer; |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-pll-localLanguage-font-size: .8rem; |
|
--pp-pt-dsb-ptl-pt-pll-localLanguage-color: rgba(0, 0, 0, .45); |
|
--pp-pt-dsb-ptl-pt-pll-localLanguage-margin-left: 2px; |
|
--pp-pt-dsb-ptl-pt-pll-localLanguage-pointer-events: none; |
|
|
|
// .physton-prompt .prompt-tags input[type="text"], input[type="number"] |
|
--pp-pt-input-display: inline-block; |
|
--pp-pt-input-overflow-y: scroll; |
|
--pp-pt-input-height: 24px; |
|
--pp-pt-input-padding: 4px; |
|
--pp-pt-input-border: 1px solid #02b7fd; |
|
--pp-pt-input-appearance: none; |
|
--pp-pt-input-background-color: transparent; |
|
--pp-pt-input-font-size: 0.9rem; |
|
--pp-pt-input-line-height: 0.9rem; |
|
--pp-pt-input-font-family: inherit; |
|
--pp-pt-input-font-weight: inherit; |
|
--pp-pt-input-border-radius: 4px; |
|
|
|
|
|
--pp-pt-inputFocus-box-shadow: none; |
|
--pp-pt-inputFocus-border-color: rgba(0, 0, 0, .04); |
|
|
|
|
|
--pp-pt-gradioButton-max-width: none; |
|
--pp-pt-gradioButton-width: auto; |
|
--pp-pt-gradioButton-padding: 4px 12px; |
|
|
|
|
|
--pp-pt-promptAppendList-width: auto; |
|
--pp-pt-promptAppendList-padding: 0; |
|
--pp-pt-promptAppendList-position: absolute; |
|
--pp-pt-promptAppendList-z-index: 1000; |
|
--pp-pt-promptAppendList-background: rgba(30, 30, 30, .5); |
|
|
|
|
|
--pp-pt-pal-promptAppendGroup-font-size: 14px; |
|
--pp-pt-pal-promptAppendGroup-color: #fff; |
|
--pp-pt-pal-promptAppendGroup-padding: 10px; |
|
--pp-pt-pal-promptAppendGroup-cursor: pointer; |
|
--pp-pt-pal-promptAppendGroup-position: relative; |
|
|
|
|
|
--pp-pt-pal-paghs-appendGroupList-display: block; |
|
|
|
|
|
--pp-pt-pal-pag-appendGroupName-display: flex; |
|
--pp-pt-pal-pag-appendGroupName-justify-content: flex-start; |
|
--pp-pt-pal-pag-appendGroupName-align-items: center; |
|
--pp-pt-pal-pag-appendGroupName-cursor: pointer; |
|
--pp-pt-pal-pag-appendGroupName-flex-wrap: nowrap; |
|
--pp-pt-pal-pag-appendGroupName-white-space: nowrap; |
|
|
|
|
|
--pp-pt-pal-pag-agn-nameIcon-margin-right: 5px; |
|
|
|
|
|
--pp-pt-pal-pag-agn-arrowRight-margin-left: 20px; |
|
|
|
|
|
--pp-pt-pal-pag-agn-arrowRightAfter-content: ''; |
|
--pp-pt-pal-pag-agn-arrowRightAfter-display: inline-block; |
|
--pp-pt-pal-pag-agn-arrowRightAfter-width: 0; |
|
--pp-pt-pal-pag-agn-arrowRightAfter-height: 0; |
|
--pp-pt-pal-pag-agn-arrowRightAfter-border-top: 6px solid transparent; |
|
--pp-pt-pal-pag-agn-arrowRightAfter-border-bottom: 6px solid transparent; |
|
--pp-pt-pal-pag-agn-arrowRightAfter-border-left: 6px solid #fff; |
|
|
|
|
|
--pp-pt-pal-pag-appendGroupList-background: rgba(30, 30, 30, .5); |
|
--pp-pt-pal-pag-appendGroupList-display: none; |
|
--pp-pt-pal-pag-appendGroupList-position: absolute; |
|
--pp-pt-pal-pag-appendGroupList-top: 0; |
|
--pp-pt-pal-pag-appendGroupList-left: 100%; |
|
--pp-pt-pal-pag-appendGroupList-height: 400px; |
|
--pp-pt-pal-pag-appendGroupList-overflow: hidden; |
|
--pp-pt-pal-pag-appendGroupList-overflow-y: scroll; |
|
|
|
|
|
--pp-pt-pal-pag-agl-appendItem-width: 100%; |
|
--pp-pt-pal-pag-agl-appendItem-font-size: 14px; |
|
--pp-pt-pal-pag-agl-appendItem-color: #fff; |
|
--pp-pt-pal-pag-agl-appendItem-padding: 10px; |
|
--pp-pt-pal-pag-agl-appendItem-cursor: pointer; |
|
--pp-pt-pal-pag-agl-appendItem-position: relative; |
|
|
|
|
|
--pp-pt-pal-pag-agl-ai-tagsName-width: 300px; |
|
--pp-pt-pal-pag-agl-ai-tagsName-overflow: hidden; |
|
--pp-pt-pal-pag-agl-ai-tagsName-text-overflow: ellipsis; |
|
--pp-pt-pal-pag-agl-ai-tagsName-white-space: nowrap; |
|
--pp-pt-pal-pag-agl-ai-tagsName-display: inline-block; |
|
|
|
|
|
--pp-pt-pal-pag-tagsDetail-position: absolute; |
|
--pp-pt-pal-pag-tagsDetail-right: 0; |
|
--pp-pt-pal-pag-tagsDetail-top: 100%; |
|
--pp-pt-pal-pag-tagsDetail-width: 400px; |
|
--pp-pt-pal-pag-tagsDetail-z-index: 1001; |
|
--pp-pt-pal-pag-tagsDetail-opacity: .9; |
|
--pp-pt-pal-pag-tagsDetail-padding: 10px; |
|
--pp-pt-pal-pag-tagsDetail-color: #1d1d1d; |
|
|
|
|
|
--pp-pt-pal-pag-td-tagsList-display: flex; |
|
--pp-pt-pal-pag-td-tagsList-justify-content: flex-start; |
|
--pp-pt-pal-pag-td-tagsList-align-items: flex-start; |
|
--pp-pt-pal-pag-td-tagsList-flex-wrap: wrap; |
|
|
|
|
|
--pp-pt-pal-pag-td-tl-itemWrap-flex-basis: 100%; |
|
--pp-pt-pal-pag-td-tl-itemWrap-height: 0; |
|
--pp-pt-pal-pag-td-tl-itemWrap-margin: 0; |
|
--pp-pt-pal-pag-td-tl-itemWrap-padding: 0; |
|
|
|
|
|
--pp-pt-pal-pag-td-tl-tagsItem-margin-right: 5px; |
|
--pp-pt-pal-pag-td-tl-tagsItem-margin-bottom: 5px; |
|
|
|
|
|
--pp-pt-pal-pag-td-tl-tagsItemLastChild-margin-right: 0; |
|
|
|
|
|
--pp-pt-pal-pag-td-tl-ti-itemTagValue-padding: 4px 6px; |
|
--pp-pt-pal-pag-td-tl-ti-itemTagValue-border-radius: 5px; |
|
--pp-pt-pal-pag-td-tl-ti-itemTagValue-background: rgba(30, 30, 30, .9); |
|
--pp-pt-pal-pag-td-tl-ti-itemTagValue-font-size: 12px; |
|
--pp-pt-pal-pag-td-tl-ti-itemTagValue-color: #fff; |
|
|
|
|
|
--pp-pt-pal-pag-td-tl-ti-itemTagLocalValue-font-size: 12px; |
|
--pp-pt-pal-pag-td-tl-ti-itemTagLocalValue-margin-top: 2px; |
|
|
|
|
|
--pp-pt-pal-showGroupTags-position: relative; |
|
--pp-pt-pal-showGroupTags-width: 20px; |
|
--pp-pt-pal-showGroupTags-height: 20px; |
|
--pp-pt-pal-showGroupTags-margin-top: -10px; |
|
--pp-pt-pal-showGroupTags-margin-left: calc(100% - 22px); |
|
--pp-pt-pal-showGroupTags-cursor: pointer; |
|
|
|
|
|
--pp-pt-pal-sgt-iconSvgUnfold-width: 20px; |
|
--pp-pt-pal-sgt-iconSvgUnfold-height: 20px; |
|
--pp-pt-pal-sgt-iconSvgUnfold-color: rgba(39, 105, 155, .5); |
|
|
|
|
|
--pp-pt-pal-showGroupTagsHided-transform: rotate(180deg); |
|
|
|
|
|
--pp-pt-groupTabs-margin-top: 2px; |
|
|
|
|
|
--pp-pt-gt-groupHeader-display: flex; |
|
--pp-pt-gt-groupHeader-flex-wrap: nowrap; |
|
--pp-pt-gt-groupHeader-background: rgba(39, 105, 155, 0.1); |
|
--pp-pt-gt-groupHeader-border-radius: 6px; |
|
--pp-pt-gt-groupHeader-border-bottom-left-radius: 0; |
|
--pp-pt-gt-groupHeader-border-bottom-right-radius: 0; |
|
--pp-pt-gt-groupHeader-overflow: hidden; |
|
--pp-pt-gt-groupHeader-overflow-x: auto; |
|
|
|
|
|
--pp-pt-gt-groupHeaderWebkitScrollbar-height: 4px; |
|
--pp-pt-gt-groupHeaderWebkitScrollbar-background: rgba(39, 105, 155, 0.3); |
|
|
|
|
|
--pp-pt-gt-groupHeaderWebkitScrollbarThumb-background: rgba(39, 105, 155, 0.5); |
|
--pp-pt-gt-groupHeaderWebkitScrollbarThumb-border-radius: 2px; |
|
|
|
|
|
--pp-pt-gt-groupHeaderWebkitScrollbarThumbHover-background: rgba(39, 105, 155, 0.7); |
|
|
|
|
|
--pp-pt-gt-gh-groupTab-cursor: pointer; |
|
--pp-pt-gt-gh-groupTab-padding: 8px 14px; |
|
--pp-pt-gt-gh-groupTab-border-right: 1px solid #e0e0e0; |
|
--pp-pt-gt-gh-groupTab-font-size: 14px; |
|
--pp-pt-gt-gh-groupTab-color: #000; |
|
--pp-pt-gt-gh-groupTab-white-space: nowrap; |
|
|
|
|
|
--pp-pt-gt-gh-groupTabHoverActive-background: #262d97; |
|
--pp-pt-gt-gh-groupTabHoverActive-color: #fff; |
|
|
|
|
|
--pp-pt-gt-gh-groupTabLastChild-border-right: 0; |
|
|
|
|
|
--pp-pt-gt-groupBody-padding: 4px; |
|
--pp-pt-gt-groupBody-border: 1px dashed rgba(39, 105, 155, .3); |
|
|
|
|
|
--pp-pt-gt-gb-groupMain-display: none; |
|
|
|
// .physton-prompt .prompt-tags .group-tabs .group-body .group-main.active |
|
--pp-pt-gt-gb-groupMainActive-display: block; |
|
|
|
|
|
--pp-pt-gt-gb-gm-subGroupHeader-display: flex; |
|
--pp-pt-gt-gb-gm-subGroupHeader-flex-wrap: wrap; |
|
--pp-pt-gt-gb-gm-subGroupHeader-align-items: center; |
|
|
|
|
|
--pp-pt-gt-gb-gm-sgh-subGroupTab-cursor: pointer; |
|
--pp-pt-gt-gb-gm-sgh-subGroupTab-padding: 6px 10px; |
|
--pp-pt-gt-gb-gm-sgh-subGroupTab-border-bottom: 2px solid transparent; |
|
--pp-pt-gt-gb-gm-sgh-subGroupTab-background: rgba(28, 71, 104, 0.1); |
|
--pp-pt-gt-gb-gm-sgh-subGroupTab-border-radius: 2px; |
|
--pp-pt-gt-gb-gm-sgh-subGroupTab-margin-bottom: 4px; |
|
--pp-pt-gt-gb-gm-sgh-subGroupTab-font-size: 14px; |
|
--pp-pt-gt-gb-gm-sgh-subGroupTab-color: #000; |
|
|
|
|
|
--pp-pt-gt-gb-gm-sgh-subGroupTabHoverActive-border-bottom: 2px solid @common-blue; |
|
|
|
|
|
--pp-pt-gt-gb-gm-sgh-subGroupTabWrap-flex-basis: 100%; |
|
--pp-pt-gt-gb-gm-sgh-subGroupTabWrap-height: 0; |
|
--pp-pt-gt-gb-gm-sgh-subGroupTabWrap-overflow: hidden; |
|
|
|
|
|
--pp-pt-gt-gb-gm-subGroupMain-display: none; |
|
|
|
// .physton-prompt .prompt-tags .group-tabs .group-body .group-main .sub-group-main.active |
|
--pp-pt-gt-gb-gm-subGroupMainActive-display: block; |
|
|
|
|
|
--pp-pt-gt-gb-gm-sgm-groupTags-display: flex; |
|
--pp-pt-gt-gb-gm-sgm-groupTags-flex-wrap: wrap; |
|
--pp-pt-gt-gb-gm-sgm-groupTags-align-items: self-start; |
|
|
|
|
|
--pp-pt-gt-gb-gm-sgm-gt-tagItem-margin: 4px; |
|
--pp-pt-gt-gb-gm-sgm-gt-tagItem-cursor: pointer; |
|
|
|
|
|
--pp-pt-gt-gb-gm-sgm-gt-tagItemHover-background: rgba(0, 0, 0, .1); |
|
|
|
|
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagLocal-padding: 4px 10px; |
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagLocal-background: rgba(0, 187, 255, .1); |
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagLocal-border-top-left-radius: 4px; |
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagLocal-border-bottom-left-radius: 4px; |
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagLocal-text-align: center; |
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagLocal-font-size: 14px; |
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagLocal-color: #2c2c2c; |
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagLocal-max-width: 300px; |
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagLocal-white-space: nowrap; |
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagLocal-text-overflow: ellipsis; |
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagLocal-overflow: hidden; |
|
|
|
|
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-padding: 4px 10px; |
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-background: rgba(0, 0, 0, .06); |
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-border-top-right-radius: 4px; |
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-border-bottom-right-radius: 4px; |
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-text-align: center; |
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-font-size: 12px; |
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-color: #7f7f7f; |
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-max-width: 300px; |
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-white-space: nowrap; |
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-text-overflow: ellipsis; |
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-overflow: hidden; |
|
|
|
|
|
--pp-pt-gt-gb-gm-sgm-tagsFooter-margin-top: 5px; |
|
--pp-pt-gt-gb-gm-sgm-tagsFooter-padding-top: 5px; |
|
--pp-pt-gt-gb-gm-sgm-tagsFooter-display: flex; |
|
--pp-pt-gt-gb-gm-sgm-tagsFooter-justify-content: space-between; |
|
--pp-pt-gt-gb-gm-sgm-tagsFooter-align-items: center; |
|
--pp-pt-gt-gb-gm-sgm-tagsFooter-border-top: 1px dashed rgba(0, 0, 0, 0.04); |
|
|
|
|
|
--pp-pt-gt-gb-gm-sgm-tf-tagsColor-display: flex; |
|
--pp-pt-gt-gb-gm-sgm-tf-tagsColor-justify-content: flex-start; |
|
--pp-pt-gt-gb-gm-sgm-tf-tagsColor-align-items: center; |
|
|
|
|
|
--pp-pt-gt-gb-gm-sgm-tf-tc-div-font-size: 14px; |
|
--pp-pt-gt-gb-gm-sgm-tf-tc-div-color: #7f7f7f; |
|
--pp-pt-gt-gb-gm-sgm-tf-tc-div-white-space: nowrap; |
|
|
|
|
|
--pp-pt-gt-gb-gm-sgm-tf-tc-tagsColorResetClear-width: 20px; |
|
--pp-pt-gt-gb-gm-sgm-tf-tc-tagsColorResetClear-height: 20px; |
|
--pp-pt-gt-gb-gm-sgm-tf-tc-tagsColorResetClear-border-radius: 2px; |
|
--pp-pt-gt-gb-gm-sgm-tf-tc-tagsColorResetClear-border: 1px solid #ccc; |
|
--pp-pt-gt-gb-gm-sgm-tf-tc-tagsColorResetClear-display: flex; |
|
--pp-pt-gt-gb-gm-sgm-tf-tc-tagsColorResetClear-justify-content: center; |
|
--pp-pt-gt-gb-gm-sgm-tf-tc-tagsColorResetClear-align-items: center; |
|
--pp-pt-gt-gb-gm-sgm-tf-tc-tagsColorResetClear-margin-left: 5px; |
|
|
|
|
|
--pp-pt-gt-gb-gm-sgm-tf-tc-tcrc-iconSvgReset-width: 16px; |
|
--pp-pt-gt-gb-gm-sgm-tf-tc-tcrc-iconSvgReset-height: 16px; |
|
--pp-pt-gt-gb-gm-sgm-tf-tc-tcrc-iconSvgReset-color: #7f7f7f; |
|
--pp-pt-gt-gb-gm-sgm-tf-tc-tcrc-iconSvgClear-width: 16px; |
|
--pp-pt-gt-gb-gm-sgm-tf-tc-tcrc-iconSvgClear-height: 16px; |
|
--pp-pt-gt-gb-gm-sgm-tf-tc-tcrc-iconSvgClear-color: #7f7f7f; |
|
|
|
|
|
--pp-pt-gt-gb-gm-sgm-tf-tc-tagsColorPicker-margin-left: 5px; |
|
|
|
|
|
--pp-pt-gt-gb-gm-sgm-tf-tc-vcColorWrap-width: 20px; |
|
--pp-pt-gt-gb-gm-sgm-tf-tc-vcColorWrap-height: 20px; |
|
--pp-pt-gt-gb-gm-sgm-tf-tc-vcColorWrap-border: 1px solid #ccc; |
|
--pp-pt-gt-gb-gm-sgm-tf-tc-vcColorWrap-margin-right: 0; |
|
|
|
|
|
--pp-pt-gt-gb-gm-sgm-tf-tagsCopyRight-color: #7f7f7f; |
|
--pp-pt-gt-gb-gm-sgm-tf-tagsCopyRight-font-size: 12px; |
|
--pp-pt-gt-gb-gm-sgm-tf-tagsCopyRight-transform-origin: top right; |
|
--pp-pt-gt-gb-gm-sgm-tf-tagsCopyRight-transform: scale(.8); |
|
|
|
|
|
--ppfpph-width: 500px; |
|
--ppfpph-padding: 0; |
|
--ppfpph-position: absolute; |
|
--ppfpph-z-index: 999; |
|
--ppfpph-top: 0; |
|
--ppfpph-left: 0; |
|
--ppfpph-overflow: visible; |
|
|
|
|
|
--ppfpph-popupTabs-display: flex; |
|
--ppfpph-popupTabs-justify-content: space-around; |
|
--ppfpph-popupTabs-align-items: center; |
|
--ppfpph-popupTabs-border-top-left-radius: 6px; |
|
--ppfpph-popupTabs-border-top-right-radius: 6px; |
|
--ppfpph-popupTabs-overflow: hidden; |
|
|
|
|
|
--ppfpph-pt-popupTab-padding: 5px 0; |
|
--ppfpph-pt-popupTab-cursor: pointer; |
|
--ppfpph-pt-popupTab-position: relative; |
|
--ppfpph-pt-popupTab-flex: 1; |
|
--ppfpph-pt-popupTab-border-bottom: 1px solid #787878; |
|
|
|
|
|
--ppfpph-pt-popupTabHoverActive-border-bottom: 0; |
|
|
|
|
|
--ppfpph-pt-pt-tntytc-text-align: center; |
|
--ppfpph-pt-pt-tntytc-color: #fff; |
|
|
|
|
|
--ppfpph-pt-pt-tabName-font-size: 14px; |
|
|
|
|
|
--ppfpph-pt-pt-tabType-font-size: 12px; |
|
--ppfpph-pt-pt-tabType-margin-top: 4px; |
|
|
|
|
|
--ppfpph-pt-pt-tabCount-display: none; |
|
|
|
// .physton-prompt-favorite, .physton-prompt-history .popup-detail |
|
--ppfpph-popupDetail-position: absolute; |
|
--ppfpph-popupDetail-left: 100%; |
|
--ppfpph-popupDetail-top: 0; |
|
--ppfpph-popupDetail-width: 400px; |
|
--ppfpph-popupDetail-z-index: 1000; |
|
--ppfpph-popupDetail-padding: 10px; |
|
--ppfpph-popupDetail-color: #1d1d1d; |
|
|
|
|
|
--ppfpph-pd-popupItemTags-display: flex; |
|
--ppfpph-pd-popupItemTags-justify-content: flex-start; |
|
--ppfpph-pd-popupItemTags-align-items: flex-start; |
|
--ppfpph-pd-popupItemTags-flex-wrap: wrap; |
|
|
|
|
|
--ppfpph-pd-pit-itemWrap-flex-basis: 100%; |
|
--ppfpph-pd-pit-itemWrap-height: 0; |
|
--ppfpph-pd-pit-itemWrap-margin: 0; |
|
--ppfpph-pd-pit-itemWrap-padding: 0; |
|
|
|
|
|
--ppfpph-pd-pit-itemTag-margin-right: 5px; |
|
--ppfpph-pd-pit-itemTag-margin-bottom: 5px; |
|
|
|
|
|
--ppfpph-pd-pit-itemTagLastChild-margin-right: 0; |
|
|
|
|
|
--ppfpph-pd-pit-it-itemTagValue-padding: 4px 6px; |
|
--ppfpph-pd-pit-it-itemTagValue-border-radius: 5px; |
|
--ppfpph-pd-pit-it-itemTagValue-background: rgba(30, 30, 30, .9); |
|
--ppfpph-pd-pit-it-itemTagValue-font-size: 12px; |
|
--ppfpph-pd-pit-it-itemTagValue-color: #fff; |
|
|
|
|
|
--ppfpph-pd-pit-it-it-localValue-font-size: 12px; |
|
--ppfpph-pd-pit-it-it-localValue-margin-top: 2px; |
|
|
|
|
|
--ppfpph-popupTabContent-display: none; |
|
--ppfpph-popupTabContent-width: 100%; |
|
--ppfpph-popupTabContent-height: 500px; |
|
|
|
|
|
--ppfpph-popupTabContentActive-display: block; |
|
|
|
|
|
--ppfpph-ptc-contentList-width: 100%; |
|
--ppfpph-ptc-contentList-height: 500px; |
|
--ppfpph-ptc-contentList-overflow: hidden; |
|
--ppfpph-ptc-contentList-overflow-y: auto; |
|
|
|
|
|
--ppfpph-ptc-cl-clearBtn-background: rgba(30, 30, 30, .9); |
|
--ppfpph-ptc-cl-clearBtn-position: sticky; |
|
--ppfpph-ptc-cl-clearBtn-top: 0; |
|
--ppfpph-ptc-cl-clearBtn-padding: 10px 10px; |
|
--ppfpph-ptc-cl-clearBtn-cursor: pointer; |
|
--ppfpph-ptc-cl-clearBtn-border-bottom: 1px solid @common-blue; |
|
--ppfpph-ptc-cl-clearBtn-color: @common-red; |
|
--ppfpph-ptc-cl-clearBtn-text-align: center; |
|
--ppfpph-ptc-cl-clearBtn-display: flex; |
|
--ppfpph-ptc-cl-clearBtn-justify-content: center; |
|
--ppfpph-ptc-cl-clearBtn-align-items: center; |
|
|
|
|
|
--ppfpph-ptc-cl-clearBtnHover-border-bottom: 1px solid @common-red; |
|
--ppfpph-ptc-cl-clearBtnHover-font-weight: bold; |
|
|
|
|
|
--ppfpph-ptc-cl-cb-iconSvgRemove-width: auto; |
|
--ppfpph-ptc-cl-cb-iconSvgRemove-height: 18px; |
|
--ppfpph-ptc-cl-cb-iconSvgRemove-color: #ff4a4a; |
|
|
|
|
|
--ppfpph-ptc-cl-contentItem-padding: 6px 10px; |
|
--ppfpph-ptc-cl-contentItem-border-bottom: 1px solid #3c3c3c; |
|
--ppfpph-ptc-cl-contentItem-cursor: pointer; |
|
|
|
|
|
--ppfpph-ptc-cl-contentItemHover-background: rgba(255, 255, 255, .2); |
|
|
|
|
|
--ppfpph-ptc-cl-cih-itemPrompt-overflow: visible; |
|
--ppfpph-ptc-cl-cih-itemPrompt-white-space: normal; |
|
|
|
// .physton-prompt-favorite, .physton-prompt-history .popup-tab-content .content-list .content-item .item-header |
|
--ppfpph-ptc-cl-ci-itemHeader-display: flex; |
|
--ppfpph-ptc-cl-ci-itemHeader-justify-content: space-between; |
|
--ppfpph-ptc-cl-ci-itemHeader-align-items: center; |
|
--ppfpph-ptc-cl-ci-itemHeader-margin-bottom: 5px; |
|
|
|
|
|
--ppfpph-ptc-cl-ci-ih-itemHeaderLeftRight-display: flex; |
|
--ppfpph-ptc-cl-ci-ih-itemHeaderLeftRight-justify-content: flex-start; |
|
--ppfpph-ptc-cl-ci-ih-itemHeaderLeftRight-align-items: center; |
|
--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgRemove-width: auto; |
|
--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgRemove-height: 14px; |
|
--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgRemove-color: #ff4a4a; |
|
--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgFavoriteYes-width: auto; |
|
--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgFavoriteYes-height: 20px; |
|
--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgFavoriteYes-color: none; |
|
--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgFavoriteNo-width: auto; |
|
--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgFavoriteNo-height: 20px; |
|
--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgFavoriteNo-color: none; |
|
--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgCopy-width: auto; |
|
--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgCopy-height: 20px; |
|
--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgCopy-color: #fff; |
|
--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgUse-width: auto; |
|
--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgUse-height: 20px; |
|
--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgUse-color: #fff; |
|
|
|
|
|
--ppfpph-ptc-cl-ci-ih-ihlr-div-margin-right: 10px; |
|
--ppfpph-ptc-cl-ci-ih-ihlr-div-font-size: 14px; |
|
--ppfpph-ptc-cl-ci-ih-ihlr-div-color: #fff; |
|
|
|
|
|
--ppfpph-ptc-cl-ci-ih-ihlr-divLastChild-margin-right: 0; |
|
|
|
|
|
--ppfpph-ptc-cl-ci-ih-itemHeaderLeft-flex: .94; |
|
|
|
|
|
--ppfpph-ptc-cl-ci-ih-ihl-itemHeaderIndex-background: @common-blue; |
|
--ppfpph-ptc-cl-ci-ih-ihl-itemHeaderIndex-padding: 2px 0; |
|
--ppfpph-ptc-cl-ci-ih-ihl-itemHeaderIndex-width: 32px; |
|
--ppfpph-ptc-cl-ci-ih-ihl-itemHeaderIndex-text-align: center; |
|
|
|
|
|
--ppfpph-ptc-cl-ci-ih-ihl-itemHeaderTime-width: 100px; |
|
|
|
|
|
--ppfpph-ptc-cl-ci-ih-ihl-itemHeaderName-flex: 1; |
|
|
|
|
|
--ppfpph-ptc-cl-ci-ih-ihl-ihn-headerNameInput-background: transparent; |
|
--ppfpph-ptc-cl-ci-ih-ihl-ihn-headerNameInput-border: 1px solid #3c3c3c; |
|
--ppfpph-ptc-cl-ci-ih-ihl-ihn-headerNameInput-height: 20px; |
|
--ppfpph-ptc-cl-ci-ih-ihl-ihn-headerNameInput-padding: 0 4px; |
|
--ppfpph-ptc-cl-ci-ih-ihl-ihn-headerNameInput-width: 100%; |
|
--ppfpph-ptc-cl-ci-ih-ihl-ihn-headerNameInput-font-size: 12px; |
|
--ppfpph-ptc-cl-ci-ih-ihl-ihn-headerNameInput-color: #00F9E5; |
|
|
|
|
|
--ppfpph-ptc-cl-ci-ih-ihl-ihn-headerNameInputFocus-outline: none; |
|
--ppfpph-ptc-cl-ci-ih-ihl-ihn-headerNameInputFocus-border-color: @common-blue; |
|
|
|
|
|
--ppfpph-ptc-cl-ci-ih-itemHeaderRight-font-size: 12px; |
|
--ppfpph-ptc-cl-ci-ih-itemHeaderRight-color: #fff; |
|
|
|
|
|
--ppfpph-ptc-cl-ci-itemPrompt-margin-top: 5px; |
|
--ppfpph-ptc-cl-ci-itemPrompt-font-size: 14px; |
|
--ppfpph-ptc-cl-ci-itemPrompt-line-height: 18px; |
|
--ppfpph-ptc-cl-ci-itemPrompt-color: #fff; |
|
--ppfpph-ptc-cl-ci-itemPrompt-overflow: hidden; |
|
--ppfpph-ptc-cl-ci-itemPrompt-text-overflow: ellipsis; |
|
--ppfpph-ptc-cl-ci-itemPrompt-white-space: nowrap; |
|
|
|
|
|
--ppfpph-ptc-contentEmpty-height: 100%; |
|
--ppfpph-ptc-contentEmpty-display: flex; |
|
--ppfpph-ptc-contentEmpty-justify-content: center; |
|
--ppfpph-ptc-contentEmpty-align-items: center; |
|
--ppfpph-ptc-ce-iconSvgLoading-width: auto; |
|
--ppfpph-ptc-ce-iconSvgLoading-height: 64px; |
|
--ppfpph-ptc-ce-iconSvgLoading-color: none; |
|
|
|
// .physton-prompt-favorite, .physton-prompt-history .popup-tab-content .content-empty span |
|
--ppfpph-ptc-ce-span-font-size: 22px; |
|
--ppfpph-ptc-ce-span-color: #999; |
|
|
|
|
|
--ppsl-languageMain-height: 70%; |
|
--ppsl-languageMain-position: relative; |
|
|
|
|
|
--ppsl-languageList-height: 100%; |
|
--ppsl-languageList-overflow: hidden; |
|
--ppsl-languageList-overflow-y: scroll; |
|
--ppsl-languageList-display: block; |
|
--ppsl-languageList-position: relative; |
|
--ppsl-languageList-box-shadow: 0 0 3px @common-blue; |
|
--ppsl-languageList-border-radius: 6px 6px 4px 4px; |
|
--ppsl-languageList-background-color: #1e1e1ee6; |
|
--ppsl-languageList-transition: height .1s ease-in-out, width .1s ease-in-out; |
|
|
|
// .physton-prompt-select-language .language-list .language-item |
|
--ppsl-ll-languageItem-font-size: 14px; |
|
--ppsl-ll-languageItem-color: #fff; |
|
--ppsl-ll-languageItem-padding: 10px; |
|
--ppsl-ll-languageItem-cursor: pointer; |
|
|
|
|
|
--ppf-formatMain-min-height: 300px; |
|
--ppf-formatMain-position: relative; |
|
|
|
|
|
--ppf-fm-formatList-display: block; |
|
--ppf-fm-formatList-position: relative; |
|
--ppf-fm-formatList-box-shadow: 0 0 3px @common-blue; |
|
--ppf-fm-formatList-border-radius: 6px 6px 4px 4px; |
|
--ppf-fm-formatList-background-color: #1e1e1ee6; |
|
--ppf-fm-formatList-transition: height .1s ease-in-out, width .1s ease-in-out; |
|
--ppf-fm-formatList-padding: 20px 40px; |
|
|
|
|
|
--ppf-fm-fl-formatItem-display: flex; |
|
--ppf-fm-fl-formatItem-justify-content: flex-start; |
|
--ppf-fm-fl-formatItem-align-items: flex-start; |
|
--ppf-fm-fl-formatItem-margin-top: 10px; |
|
|
|
|
|
--ppf-fm-fl-formatItemFirstChild-margin-top: 0; |
|
|
|
|
|
--ppf-fm-fl-fi-formatCheckbox-position: relative; |
|
--ppf-fm-fl-fi-formatCheckbox-box-shadow: none; |
|
--ppf-fm-fl-fi-formatCheckbox-border: 1px solid #7c7c7c; |
|
--ppf-fm-fl-fi-formatCheckbox-border-radius: 4px; |
|
--ppf-fm-fl-fi-formatCheckbox-background-color: rgba(0, 0, 0, .02); |
|
--ppf-fm-fl-fi-formatCheckbox-line-height: 1.4; |
|
--ppf-fm-fl-fi-formatCheckbox-width: 16px; |
|
--ppf-fm-fl-fi-formatCheckbox-height: 16px; |
|
--ppf-fm-fl-fi-formatCheckbox-margin-top: 2px; |
|
|
|
|
|
--ppf-fm-fl-fi-formatCheckboxChecked-border-color: #1677ff; |
|
--ppf-fm-fl-fi-formatCheckboxChecked-background-color: #1677ff; |
|
|
|
|
|
--ppf-fm-fl-fi-formatDesc-font-size: 14px; |
|
--ppf-fm-fl-fi-formatDesc-line-height: 20px; |
|
--ppf-fm-fl-fi-formatDesc-color: #fff; |
|
--ppf-fm-fl-fi-formatDesc-margin-left: 10px; |
|
|
|
|
|
--ppb-blacklistMain-position: relative; |
|
|
|
|
|
--ppb-bm-blacklistBody-display: flex; |
|
--ppb-bm-blacklistBody-flex-wrap: wrap; |
|
--ppb-bm-blacklistBody-width: 500px; |
|
--ppb-bm-blacklistBody-position: relative; |
|
--ppb-bm-blacklistBody-box-shadow: 0 0 3px @common-blue; |
|
--ppb-bm-blacklistBody-border-radius: 6px 6px 4px 4px; |
|
--ppb-bm-blacklistBody-background-color: #1e1e1ee6; |
|
--ppb-bm-blacklistBody-transition: height .1s ease-in-out, width .1s ease-in-out; |
|
--ppb-bm-blacklistBody-padding: 20px 40px; |
|
--ppb-bm-blacklistBody-box-sizing: border-box; |
|
|
|
// .physton-prompt-blacklist .blacklist-main .blacklist-body .blacklist-wrap |
|
--ppb-bm-bb-blacklistWrap-flex-basis: 100%; |
|
|
|
|
|
--ppb-bm-bb-blacklistDesc-color: @common-red; |
|
--ppb-bm-bb-blacklistDesc-flex-basis: 100%; |
|
|
|
|
|
--ppb-bm-bb-blacklistGroup-margin: 10px; |
|
--ppb-bm-bb-blacklistGroup-flex-grow: 1; |
|
|
|
|
|
--ppb-bm-bb-bg-groupTitle-font-size: 14px; |
|
--ppb-bm-bb-bg-groupTitle-color: #fff; |
|
|
|
|
|
--ppb-bm-bb-bg-groupContent-margin-top: 10px; |
|
--ppb-bm-bb-bg-groupContent-width: 100%; |
|
--ppb-bm-bb-bg-groupContent-height: 100px; |
|
--ppb-bm-bb-bg-groupContent-resize: none; |
|
--ppb-bm-bb-bg-groupContent-background: transparent; |
|
--ppb-bm-bb-bg-groupContent-border: 1px solid #787878; |
|
--ppb-bm-bb-bg-groupContent-color: #fff; |
|
|
|
|
|
--ppb-bm-bb-settingBtns-flex-basis: 100%; |
|
--ppb-bm-bb-settingBtns-display: flex; |
|
--ppb-bm-bb-settingBtns-justify-content: flex-end; |
|
--ppb-bm-bb-settingBtns-align-items: center; |
|
--ppb-bm-bb-settingBtns-margin-top: 10px; |
|
|
|
|
|
--ppb-bm-bb-sb-blacklistSave-cursor: pointer; |
|
--ppb-bm-bb-sb-blacklistSave-display: inline-block; |
|
--ppb-bm-bb-sb-blacklistSave-padding: 0 40px; |
|
--ppb-bm-bb-sb-blacklistSave-height: 40px; |
|
--ppb-bm-bb-sb-blacklistSave-line-height: 40px; |
|
--ppb-bm-bb-sb-blacklistSave-color: #fff; |
|
--ppb-bm-bb-sb-blacklistSave-border-radius: 4px; |
|
--ppb-bm-bb-sb-blacklistSave-margin-right: 10px; |
|
|
|
|
|
--ppb-bm-bb-sb-blacklistClose-cursor: pointer; |
|
--ppb-bm-bb-sb-blacklistClose-display: inline-block; |
|
--ppb-bm-bb-sb-blacklistClose-padding: 0 40px; |
|
--ppb-bm-bb-sb-blacklistClose-height: 40px; |
|
--ppb-bm-bb-sb-blacklistClose-line-height: 40px; |
|
--ppb-bm-bb-sb-blacklistClose-color: @common-blue; |
|
--ppb-bm-bb-sb-blacklistClose-background: transparent; |
|
--ppb-bm-bb-sb-blacklistClose-border: 1px solid @common-blue; |
|
--ppb-bm-bb-sb-blacklistClose-border-radius: 4px; |
|
|
|
|
|
--pps-z-index: 1999; |
|
|
|
|
|
--pps-stateMain-min-height: 300px; |
|
--pps-stateMain-position: relative; |
|
|
|
|
|
--pps-sm-stateBody-display: block; |
|
--pps-sm-stateBody-position: relative; |
|
--pps-sm-stateBody-box-shadow: 0 0 3px @common-blue; |
|
--pps-sm-stateBody-border-radius: 6px 6px 4px 4px; |
|
--pps-sm-stateBody-background-color: #1e1e1ee6; |
|
--pps-sm-stateBody-transition: height .1s ease-in-out, width .1s ease-in-out; |
|
--pps-sm-stateBody-padding: 20px; |
|
--pps-sm-stateBody-font-size: 14px; |
|
--pps-sm-stateBody-color: #fff; |
|
|
|
|
|
--pps-sm-sb-todayNowShow-position: absolute; |
|
--pps-sm-sb-todayNowShow-right: 20px; |
|
--pps-sm-sb-todayNowShow-top: 20px; |
|
|
|
|
|
--pps-sm-sb-tns-label-display: flex; |
|
--pps-sm-sb-tns-label-justify-content: flex-start; |
|
--pps-sm-sb-tns-label-align-items: center; |
|
--pps-sm-sb-tns-label-color: #ff1d00; |
|
|
|
|
|
--pps-sm-sb-tns-input-margin-right: 5px; |
|
--pps-sm-sb-tns-input-width: 16px; |
|
--pps-sm-sb-tns-input-height: 16px; |
|
|
|
|
|
--pps-sm-sb-stateBodyName-font-size: 18px; |
|
--pps-sm-sb-stateBodyName-font-weight: bold; |
|
--pps-sm-sb-stateBodyName-margin-bottom: 10px; |
|
|
|
|
|
--pps-sm-sb-stateBodyLanguage-color: #374151; |
|
--pps-sm-sb-stateBodyLanguage-background: #fff; |
|
--pps-sm-sb-stateBodyLanguage-border: 1px solid #e5e7eb; |
|
--pps-sm-sb-stateBodyLanguage-padding: 5px 0; |
|
--pps-sm-sb-stateBodyLanguage-line-height: 20px; |
|
--pps-sm-sb-stateBodyLanguage-border-radius: 4px; |
|
--pps-sm-sb-stateBodyLanguage-margin-bottom: 10px; |
|
--pps-sm-sb-stateBodyLanguage-display: flex; |
|
--pps-sm-sb-stateBodyLanguage-width: 235px; |
|
--pps-sm-sb-stateBodyLanguage-cursor: pointer; |
|
|
|
|
|
--pps-sm-sb-stateBodyLanguageHover-background: #dcdcdc; |
|
--pps-sm-sb-stateBodyLanguageHover-border-color: #d81e06; |
|
|
|
|
|
--pps-sm-sb-sbl-iconSvgI18n-width: auto; |
|
--pps-sm-sb-sbl-iconSvgI18n-height: 20px; |
|
--pps-sm-sb-sbl-iconSvgI18n-color: #d81e06; |
|
--pps-sm-sb-sbl-iconSvgI18n-margin: 0 10px; |
|
|
|
|
|
--pps-sm-sb-stateBodyDesc-color: #00e6ff; |
|
--pps-sm-sb-stateBodyDesc-font-size: 16px; |
|
--pps-sm-sb-stateBodyDesc-white-space: break-spaces; |
|
--pps-sm-sb-stateBodyDesc-word-break: break-all; |
|
|
|
// .physton-packages-state .state-main .state-body .package-list |
|
--pps-sm-sb-packageList-margin-top: 10px; |
|
--pps-sm-sb-packageList-border: 1px solid #545454; |
|
--pps-sm-sb-packageList-padding: 10px; |
|
|
|
|
|
--pps-sm-sb-pl-packageItem-padding: 5px 0; |
|
--pps-sm-sb-pl-packageItem-display: flex; |
|
--pps-sm-sb-pl-packageItem-justify-content: flex-start; |
|
--pps-sm-sb-pl-packageItem-align-items: center; |
|
|
|
|
|
--pps-sm-sb-pl-pi-packageName-width: 150px; |
|
|
|
|
|
--pps-sm-sb-pl-pi-packageState-width: 150px; |
|
|
|
|
|
--pps-sm-sb-pl-pi-packageStateNotInstall-color: #ff1d00; |
|
|
|
|
|
--pps-sm-sb-pl-pi-packageCommand-white-space: nowrap; |
|
|
|
|
|
--pps-sm-sb-btnPackagesInstall-cursor: pointer; |
|
--pps-sm-sb-btnPackagesInstall-display: inline-block; |
|
--pps-sm-sb-btnPackagesInstall-padding: 0 40px; |
|
--pps-sm-sb-btnPackagesInstall-height: 40px; |
|
--pps-sm-sb-btnPackagesInstall-line-height: 40px; |
|
--pps-sm-sb-btnPackagesInstall-color: #fff; |
|
--pps-sm-sb-btnPackagesInstall-border-radius: 4px; |
|
--pps-sm-sb-btnPackagesInstall-margin-top: 10px; |
|
--pps-sm-sb-bpi-iconSvgLoading-width: auto; |
|
--pps-sm-sb-bpi-iconSvgLoading-height: 40px; |
|
--pps-sm-sb-bpi-iconSvgLoading-color: none; |
|
|
|
// .physton-packages-state .state-main .state-body .install-result |
|
--pps-sm-sb-installResult-margin-top: 10px; |
|
--pps-sm-sb-installResult-border: 1px solid #545454; |
|
--pps-sm-sb-installResult-padding: 10px; |
|
|
|
|
|
--pps-sm-sb-ir-resultContent-margin-top: 5px; |
|
--pps-sm-sb-ir-resultContent-white-space: pre; |
|
--pps-sm-sb-ir-resultContent-color: #00e6ff; |
|
--pps-sm-sb-ir-resultContent-line-height: 20px; |
|
--pps-sm-sb-ir-resultContent-overflow: hidden; |
|
--pps-sm-sb-ir-resultContent-overflow-y: auto; |
|
--pps-sm-sb-ir-resultContent-border: 1px solid #003c43; |
|
--pps-sm-sb-ir-resultContent-padding: 5px; |
|
--pps-sm-sb-ir-resultContent-max-height: 200px; |
|
|
|
|
|
--ppts-tsm-translateSettingContent-max-height: 600px; |
|
--ppts-tsm-translateSettingContent-overflow: hidden; |
|
--ppts-tsm-translateSettingContent-overflow-y: auto; |
|
--ppts-tsm-translateSettingContent-padding: 6px; |
|
--ppts-tsm-translateSettingContent-border: 1px solid #464646; |
|
--ppts-tsm-translateSettingContent-border-radius: 6px; |
|
|
|
|
|
--ppts-tsm-translateSettingContentWebkitScrollbar-width: 6px; |
|
--ppts-tsm-translateSettingContentWebkitScrollbar-height: 6px; |
|
|
|
|
|
--ppts-tsm-settingLine-display: flex; |
|
--ppts-tsm-settingLine-justify-content: flex-start; |
|
--ppts-tsm-settingLine-align-items: flex-start; |
|
--ppts-tsm-settingLine-margin-bottom: 10px; |
|
|
|
|
|
--ppts-tsm-sl-lineTitle-font-size: 16px; |
|
--ppts-tsm-sl-lineTitle-font-weight: bold; |
|
--ppts-tsm-sl-lineTitle-color: #fff; |
|
--ppts-tsm-sl-lineTitle-width: 150px; |
|
--ppts-tsm-sl-lineTitle-line-height: 24px; |
|
|
|
|
|
--ppts-tsm-sl-lineContent-flex: 1; |
|
--ppts-tsm-sl-lineContent-font-size: 14px; |
|
--ppts-tsm-sl-lineContent-color: #fff; |
|
|
|
|
|
--ppts-tsm-sl-lc-spanP-font-size: 14px; |
|
--ppts-tsm-sl-lc-spanP-color: #fff; |
|
|
|
|
|
--ppts-tsm-sl-lc-p-margin: 5px 0; |
|
|
|
|
|
--ppts-tsm-sl-lc-a-font-size: 14px; |
|
--ppts-tsm-sl-lc-a-color: #108bb5; |
|
--ppts-tsm-sl-lc-a-text-decoration: underline; |
|
|
|
|
|
--ppts-tsm-sl-lc-commonRed-color: #ff1d00; |
|
--ppts-tsm-sl-lc-commonRed-font-size: 14px; |
|
|
|
|
|
--ppts-tsm-sl-lc-apiName-display: inline-block; |
|
--ppts-tsm-sl-lc-apiName-color: #1d1d1d; |
|
--ppts-tsm-sl-lc-apiName-border-radius: 2px; |
|
--ppts-tsm-sl-lc-apiName-padding: 4px; |
|
|
|
|
|
--ppts-tsm-sl-lc-inputTextareaSelect-background: rgba(30, 30, 30, .9); |
|
--ppts-tsm-sl-lc-inputTextareaSelect-border: 1px solid #3c3c3c; |
|
--ppts-tsm-sl-lc-inputTextareaSelect-padding: 4px; |
|
--ppts-tsm-sl-lc-inputTextareaSelect-width: 100%; |
|
--ppts-tsm-sl-lc-inputTextareaSelect-font-size: 14px; |
|
--ppts-tsm-sl-lc-inputTextareaSelect-color: #fff; |
|
--ppts-tsm-sl-lc-inputTextareaSelect-resize: none; |
|
|
|
// .physton-prompt-translate-setting .translate-setting-main .setting-line .line-content input[type='text'], textarea, select:focus |
|
--ppts-tsm-sl-lc-inputTextareaSelectFocus-outline: none; |
|
--ppts-tsm-sl-lc-inputTextareaSelectFocus-border-color: @common-blue; |
|
|
|
|
|
--ppts-tsm-sl-lc-onlyCsvOnAuto-cursor: pointer; |
|
--ppts-tsm-sl-lc-onlyCsvOnAuto-margin: 10px 0; |
|
--ppts-tsm-sl-lc-onlyCsvOnAuto-display: flex; |
|
--ppts-tsm-sl-lc-onlyCsvOnAuto-justify-content: flex-start; |
|
--ppts-tsm-sl-lc-onlyCsvOnAuto-align-items: center; |
|
|
|
|
|
--ppts-tsm-sl-lc-ocoa-input-margin-right: 5px; |
|
--ppts-tsm-sl-lc-ocoa-input-width: 20px; |
|
--ppts-tsm-sl-lc-ocoa-input-height: 20px; |
|
|
|
|
|
--ppts-tsm-sl-lc-ocoa-span-color: #ff9f37; |
|
--ppts-tsm-sl-lc-ocoa-span-white-space: break-spaces; |
|
--ppts-tsm-sl-lc-ocoa-span-word-break: break-all; |
|
|
|
// .physton-prompt-translate-setting .translate-setting-main .setting-line .line-content .line-row |
|
--ppts-tsm-sl-lc-lineRow-display: flex; |
|
--ppts-tsm-sl-lc-lineRow-justify-content: flex-start; |
|
|
|
// .physton-prompt-translate-setting .translate-setting-main .setting-line .line-content .line-row > * |
|
--ppts-tsm-sl-lc-lineRowAny-margin-left: 4px; |
|
|
|
|
|
--ppts-tsm-sl-lc-lineRowAnyLastChild-margin-left: 0; |
|
|
|
|
|
--ppts-tsm-sl-lc-refreshBtn-cursor: pointer; |
|
--ppts-tsm-sl-lc-refreshBtn-width: 28px; |
|
--ppts-tsm-sl-lc-refreshBtn-height: 28px; |
|
--ppts-tsm-sl-lc-refreshBtn-background: #000; |
|
--ppts-tsm-sl-lc-refreshBtn-display: flex; |
|
--ppts-tsm-sl-lc-refreshBtn-justify-content: center; |
|
--ppts-tsm-sl-lc-refreshBtn-align-items: center; |
|
--ppts-tsm-sl-lc-refreshBtn-border-radius: 4px; |
|
--ppts-tsm-sl-lc-rb-iconSvgLoading-width: auto; |
|
--ppts-tsm-sl-lc-rb-iconSvgLoading-height: 20px; |
|
--ppts-tsm-sl-lc-rb-iconSvgLoading-color: none; |
|
--ppts-tsm-sl-lc-rb-iconSvgRefresh-width: auto; |
|
--ppts-tsm-sl-lc-rb-iconSvgRefresh-height: 20px; |
|
--ppts-tsm-sl-lc-rb-iconSvgRefresh-color: #02b7fd; |
|
|
|
|
|
--ppts-tsm-sl-lc-testInput-height: 70px; |
|
|
|
|
|
--ppts-tsm-sl-lc-testBtn-cursor: pointer; |
|
--ppts-tsm-sl-lc-testBtn-display: inline-block; |
|
--ppts-tsm-sl-lc-testBtn-padding: 0 40px; |
|
--ppts-tsm-sl-lc-testBtn-height: 32px; |
|
--ppts-tsm-sl-lc-testBtn-line-height: 32px; |
|
--ppts-tsm-sl-lc-testBtn-color: #fff; |
|
--ppts-tsm-sl-lc-testBtn-background: #108bb5; |
|
--ppts-tsm-sl-lc-testBtn-border-radius: 4px; |
|
--ppts-tsm-sl-lc-tb-iconSvgLoading-width: auto; |
|
--ppts-tsm-sl-lc-tb-iconSvgLoading-height: 40px; |
|
--ppts-tsm-sl-lc-tb-iconSvgLoading-color: none; |
|
|
|
// .physton-prompt-translate-setting .translate-setting-main .setting-line .line-content .translate-error |
|
--ppts-tsm-sl-lc-translateError-color: @common-red; |
|
--ppts-tsm-sl-lc-translateError-font-size: 14px; |
|
--ppts-tsm-sl-lc-translateError-margin-bottom: 10px; |
|
|
|
|
|
--ppts-tsm-sl-lc-helpList-font-size: 14px; |
|
--ppts-tsm-sl-lc-helpList-line-height: 24px; |
|
|
|
|
|
--ppts-tsm-sl-lc-hl-helpItem-margin-bottom: 10px; |
|
|
|
|
|
--ppts-tsm-sl-lc-hl-helpItemAnyLastChild-margin-bottom: 0; |
|
|
|
|
|
--ppts-tsm-sl-lc-hl-hi-a-color: #fff; |
|
--ppts-tsm-sl-lc-hl-hi-a-text-decoration: none; |
|
--ppts-tsm-sl-lc-hl-hi-a-font-size: 14px; |
|
--ppts-tsm-sl-lc-hl-hi-a-border-bottom: 1px solid #fff; |
|
--ppts-tsm-sl-lc-hl-hi-a-padding-bottom: 4px; |
|
|
|
|
|
--ppts-tsm-sl-lc-hl-hi-aHover-color: #108bb5; |
|
--ppts-tsm-sl-lc-hl-hi-aHover-border-bottom-color: #108bb5; |
|
|
|
|
|
--ppts-tsm-settingBtns-display: flex; |
|
--ppts-tsm-settingBtns-justify-content: flex-end; |
|
--ppts-tsm-settingBtns-align-items: center; |
|
--ppts-tsm-settingBtns-margin-top: 10px; |
|
|
|
|
|
--ppts-tsm-sb-translateSave-cursor: pointer; |
|
--ppts-tsm-sb-translateSave-display: inline-block; |
|
--ppts-tsm-sb-translateSave-padding: 0 40px; |
|
--ppts-tsm-sb-translateSave-height: 40px; |
|
--ppts-tsm-sb-translateSave-line-height: 40px; |
|
--ppts-tsm-sb-translateSave-color: #fff; |
|
--ppts-tsm-sb-translateSave-border-radius: 4px; |
|
--ppts-tsm-sb-translateSave-margin-right: 10px; |
|
|
|
|
|
--ppts-tsm-sb-translateClose-cursor: pointer; |
|
--ppts-tsm-sb-translateClose-display: inline-block; |
|
--ppts-tsm-sb-translateClose-padding: 0 40px; |
|
--ppts-tsm-sb-translateClose-height: 40px; |
|
--ppts-tsm-sb-translateClose-line-height: 40px; |
|
--ppts-tsm-sb-translateClose-color: @common-blue; |
|
--ppts-tsm-sb-translateClose-background: transparent; |
|
--ppts-tsm-sb-translateClose-border: 1px solid @common-blue; |
|
--ppts-tsm-sb-translateClose-border-radius: 4px; |
|
|
|
|
|
--ppec-justify-content: flex-end; |
|
--ppec-align-items: flex-end; |
|
--ppec-background: rgba(0, 0, 0, .2); |
|
|
|
|
|
--ppec-extensionMain-height: 500px; |
|
--ppec-extensionMain-position: relative; |
|
--ppec-extensionMain-margin-right: 20px; |
|
--ppec-extensionMain-margin-bottom: 20px; |
|
|
|
|
|
--ppec-em-extensionList-height: 100%; |
|
--ppec-em-extensionList-overflow: hidden; |
|
--ppec-em-extensionList-overflow-y: scroll; |
|
--ppec-em-extensionList-display: block; |
|
--ppec-em-extensionList-position: relative; |
|
--ppec-em-extensionList-box-shadow: 0 0 3px @common-blue; |
|
--ppec-em-extensionList-border-radius: 6px 6px 4px 4px; |
|
--ppec-em-extensionList-background-color: #1e1e1ee6; |
|
--ppec-em-extensionList-transition: height .1s ease-in-out, width .1s ease-in-out; |
|
|
|
// .physton-prompt-extension-css .extension-main .extension-list .extension-table |
|
--ppec-em-el-extensionTable-border: 0; |
|
|
|
|
|
--ppec-em-el-et-trTd-border: 0; |
|
--ppec-em-el-et-trTd-margin: 0; |
|
--ppec-em-el-et-trTd-font-size: 14px; |
|
--ppec-em-el-et-trTd-color: #fff; |
|
--ppec-em-el-et-trTd-padding: 5px; |
|
--ppec-em-el-et-trTd-background: transparent; |
|
|
|
|
|
--ppec-em-el-et-trTdHover-background: transparent; |
|
|
|
|
|
--ppec-em-el-ei-extensionCheckbox-position: relative; |
|
--ppec-em-el-ei-extensionCheckbox-box-shadow: none; |
|
--ppec-em-el-ei-extensionCheckbox-border: 1px solid #7c7c7c; |
|
--ppec-em-el-ei-extensionCheckbox-border-radius: 4px; |
|
--ppec-em-el-ei-extensionCheckbox-background-color: rgba(0, 0, 0, .02); |
|
--ppec-em-el-ei-extensionCheckbox-line-height: 1.4; |
|
--ppec-em-el-ei-extensionCheckbox-width: 20px; |
|
--ppec-em-el-ei-extensionCheckbox-height: 20px; |
|
|
|
|
|
--ppec-em-el-ei-extensionCheckboxChecked-border-color: #1677ff; |
|
--ppec-em-el-ei-extensionCheckboxChecked-background-color: #1677ff; |
|
|
|
|
|
--ppec-em-el-ei-enEtEd-white-space: nowrap; |
|
--ppec-em-el-ei-enEtEd-overflow: hidden; |
|
--ppec-em-el-ei-enEtEd-text-overflow: ellipsis; |
|
|
|
|
|
--ppec-em-el-ei-extensionAuthor-text-align: right; |
|
|
|
// .physton-chatgpt-prompt .chatgpt-main |
|
--pcp-chatgptMain-position: relative; |
|
--pcp-chatgptMain-width: 900px; |
|
|
|
|
|
--pcp-cm-chatgptBody-display: block; |
|
--pcp-cm-chatgptBody-position: relative; |
|
--pcp-cm-chatgptBody-box-shadow: 0 0 3px @common-blue; |
|
--pcp-cm-chatgptBody-border-radius: 6px 6px 4px 4px; |
|
--pcp-cm-chatgptBody-background-color: #1e1e1ee6; |
|
--pcp-cm-chatgptBody-transition: height .1s ease-in-out, width .1s ease-in-out; |
|
--pcp-cm-chatgptBody-padding: 20px; |
|
--pcp-cm-chatgptBody-font-size: 14px; |
|
--pcp-cm-chatgptBody-color: #fff; |
|
|
|
|
|
--pcp-cm-cb-bodyPanel-border: 1px solid #434343; |
|
--pcp-cm-cb-bodyPanel-border-radius: 6px; |
|
--pcp-cm-cb-bodyPanel-overflow: hidden; |
|
--pcp-cm-cb-bodyPanel-margin-bottom: 15px; |
|
|
|
|
|
--pcp-cm-cb-bodyPanelFold-max-height: 36px; |
|
|
|
|
|
--pcp-cm-cb-bpf-panelUnfold-transform: rotate(180deg); |
|
|
|
|
|
--pcp-cm-cb-bpf-panelContent-display: none; |
|
|
|
// .physton-chatgpt-prompt .chatgpt-main .chatgpt-body .body-panel .panel-header |
|
--pcp-cm-cb-bp-panelHeader-background: #626262; |
|
--pcp-cm-cb-bp-panelHeader-width: 100%; |
|
--pcp-cm-cb-bp-panelHeader-padding: 5px 10px; |
|
--pcp-cm-cb-bp-panelHeader-box-sizing: border-box; |
|
--pcp-cm-cb-bp-panelHeader-display: flex; |
|
--pcp-cm-cb-bp-panelHeader-justify-content: flex-start; |
|
--pcp-cm-cb-bp-panelHeader-align-items: center; |
|
|
|
|
|
--pcp-cm-cb-bp-ph-panelUnfold-cursor: pointer; |
|
--pcp-cm-cb-bp-ph-panelUnfold-margin-right: 2px; |
|
--pcp-cm-cb-bp-ph-panelUnfold-animation: all .3s; |
|
|
|
// .physton-chatgpt-prompt .chatgpt-main .chatgpt-body .body-panel .panel-header .panel-unfold .icon-svg-unfold |
|
--pcp-cm-cb-bp-ph-pu-iconSvgUnfold-display: flex; |
|
--pcp-cm-cb-bp-ph-pu-iconSvgUnfold-justify-content: center; |
|
--pcp-cm-cb-bp-ph-pu-iconSvgUnfold-align-items: center; |
|
--pcp-cm-cb-bp-ph-pu-iconSvgUnfold-width: auto; |
|
--pcp-cm-cb-bp-ph-pu-iconSvgUnfold-height: 20px; |
|
--pcp-cm-cb-bp-ph-pu-iconSvgUnfold-color: #02b7fd; |
|
|
|
|
|
--pcp-cm-cb-bp-ph-panelTitle-font-weight: bold; |
|
--pcp-cm-cb-bp-ph-panelTitle-font-size: 16px; |
|
--pcp-cm-cb-bp-ph-panelTitle-color: #fff; |
|
|
|
|
|
--pcp-cm-cb-bp-panelContent-padding: 12px; |
|
|
|
|
|
--pcp-cm-cb-bodyLine-display: flex; |
|
--pcp-cm-cb-bodyLine-justify-content: flex-start; |
|
--pcp-cm-cb-bodyLine-align-items: flex-start; |
|
--pcp-cm-cb-bodyLine-margin-bottom: 10px; |
|
|
|
|
|
--pcp-cm-cb-bodyLineLastChild-margin-bottom: 0; |
|
|
|
|
|
--pcp-cm-cb-bl-lineTitle-font-size: 16px; |
|
--pcp-cm-cb-bl-lineTitle-font-weight: bold; |
|
--pcp-cm-cb-bl-lineTitle-color: #fff; |
|
--pcp-cm-cb-bl-lineTitle-width: 140px; |
|
--pcp-cm-cb-bl-lineTitle-line-height: 24px; |
|
--pcp-cm-cb-bl-lineTitle-margin-right: 10px; |
|
|
|
|
|
--pcp-cm-cb-bl-lt-lineSubtitle-font-size: 12px; |
|
--pcp-cm-cb-bl-lt-lineSubtitle-font-weight: normal; |
|
--pcp-cm-cb-bl-lt-lineSubtitle-color: #a4a4a4; |
|
|
|
|
|
--pcp-cm-cb-bl-lineContent-flex: 1; |
|
--pcp-cm-cb-bl-lineContent-font-size: 14px; |
|
--pcp-cm-cb-bl-lineContent-color: #fff; |
|
|
|
|
|
--pcp-cm-cb-bl-lc-textRight-text-align: right; |
|
|
|
// .physton-chatgpt-prompt .chatgpt-main .chatgpt-body .body-line .line-content span, p |
|
--pcp-cm-cb-bl-lc-spanP-font-size: 14px; |
|
--pcp-cm-cb-bl-lc-spanP-color: #fff; |
|
|
|
|
|
--pcp-cm-cb-bl-lc-p-margin: 5px 0; |
|
|
|
|
|
--pcp-cm-cb-bl-lc-a-font-size: 14px; |
|
--pcp-cm-cb-bl-lc-a-color: #108bb5; |
|
--pcp-cm-cb-bl-lc-a-text-decoration: underline; |
|
|
|
|
|
--pcp-cm-cb-bl-lc-inputTextareaSelect-background: rgba(30, 30, 30, .9); |
|
--pcp-cm-cb-bl-lc-inputTextareaSelect-border: 1px solid #3c3c3c; |
|
--pcp-cm-cb-bl-lc-inputTextareaSelect-padding: 4px; |
|
--pcp-cm-cb-bl-lc-inputTextareaSelect-width: 100%; |
|
--pcp-cm-cb-bl-lc-inputTextareaSelect-font-size: 14px; |
|
--pcp-cm-cb-bl-lc-inputTextareaSelect-color: #fff; |
|
--pcp-cm-cb-bl-lc-inputTextareaSelect-resize: none; |
|
--pcp-cm-cb-bl-lc-inputTextareaSelect-box-sizing: border-box; |
|
|
|
|
|
--pcp-cm-cb-bl-lc-inputTextareaSelectFocus-outline: none; |
|
--pcp-cm-cb-bl-lc-inputTextareaSelectFocus-border-color: @common-blue; |
|
|
|
|
|
--pcp-cm-cb-bl-lc-textarea-line-height: 20px; |
|
|
|
|
|
--pcp-cm-cb-bl-lc-commonBtn-cursor: pointer; |
|
--pcp-cm-cb-bl-lc-commonBtn-display: inline-block; |
|
--pcp-cm-cb-bl-lc-commonBtn-padding: 0 30px; |
|
--pcp-cm-cb-bl-lc-commonBtn-height: 30px; |
|
--pcp-cm-cb-bl-lc-commonBtn-line-height: 30px; |
|
--pcp-cm-cb-bl-lc-commonBtn-color: #fff; |
|
--pcp-cm-cb-bl-lc-commonBtn-border-radius: 4px; |
|
--pcp-cm-cb-bl-lc-cb-iconSvgLoading-width: auto; |
|
--pcp-cm-cb-bl-lc-cb-iconSvgLoading-height: 30px; |
|
--pcp-cm-cb-bl-lc-cb-iconSvgLoading-color: none; |
|
|
|
// .physton-chatgpt-prompt .chatgpt-main .chatgpt-body .body-line .line-content .common-sub-btn |
|
--pcp-cm-cb-bl-lc-commonSubBtn-cursor: pointer; |
|
--pcp-cm-cb-bl-lc-commonSubBtn-display: inline-block; |
|
--pcp-cm-cb-bl-lc-commonSubBtn-padding: 0 30px; |
|
--pcp-cm-cb-bl-lc-commonSubBtn-height: 30px; |
|
--pcp-cm-cb-bl-lc-commonSubBtn-line-height: 30px; |
|
--pcp-cm-cb-bl-lc-commonSubBtn-color: @common-blue; |
|
--pcp-cm-cb-bl-lc-commonSubBtn-background: transparent; |
|
--pcp-cm-cb-bl-lc-commonSubBtn-border: 1px solid @common-blue; |
|
--pcp-cm-cb-bl-lc-commonSubBtn-border-radius: 4px; |
|
|
|
|
|
--pap-aboutMain-position: relative; |
|
--pap-aboutMain-width: 700px; |
|
|
|
|
|
--pap-cm-aboutBody-display: block; |
|
--pap-cm-aboutBody-position: relative; |
|
--pap-cm-aboutBody-box-shadow: 0 0 3px @common-blue; |
|
--pap-cm-aboutBody-border-radius: 6px 6px 4px 4px; |
|
--pap-cm-aboutBody-background-color: #1e1e1ee6; |
|
--pap-cm-aboutBody-transition: height .1s ease-in-out, width .1s ease-in-out; |
|
--pap-cm-aboutBody-padding: 20px; |
|
--pap-cm-aboutBody-font-size: 14px; |
|
--pap-cm-aboutBody-color: #fff; |
|
|
|
|
|
--pap-cm-ab-a-color: #108bb5; |
|
--pap-cm-ab-a-text-decoration: underline; |
|
|
|
|
|
--pap-cm-ab-img-margin-right: 5px; |
|
|
|
|
|
--pap-cm-ab-bodyTitle-margin: 0 0 20px 0; |
|
--pap-cm-ab-bodyTitle-font-size: 30px; |
|
|
|
|
|
--pap-cm-ab-hasNewVersion-color: var(--physton-common-red); |
|
--pap-cm-ab-hasNewVersion-animation: blink 1s linear infinite; |
|
|
|
|
|
--pap-cm-ab-versionList-height: 400px; |
|
--pap-cm-ab-versionList-overflow: hidden; |
|
--pap-cm-ab-versionList-overflow-y: auto; |
|
--pap-cm-ab-versionList-border: 1px solid #434343; |
|
--pap-cm-ab-versionList-border-radius: 6px; |
|
|
|
|
|
--pap-cm-ab-vl-iconSvgLoading-width: auto; |
|
--pap-cm-ab-vl-iconSvgLoading-height: 50px; |
|
--pap-cm-ab-vl-iconSvgLoading-color: none; |
|
|
|
// .physton-about-prompt .about-main .about-body .version-list .version-item |
|
--pap-cm-ab-vl-versionItem-margin: 5px; |
|
--pap-cm-ab-vl-versionItem-padding: 5px; |
|
--pap-cm-ab-vl-versionItem-border-bottom: 1px dashed #434343; |
|
|
|
|
|
--pap-cm-ab-vl-vi-itemHeader-display: flex; |
|
--pap-cm-ab-vl-vi-itemHeader-justify-content: space-between; |
|
--pap-cm-ab-vl-vi-itemHeader-align-items: center; |
|
|
|
|
|
--pap-cm-ab-vl-vi-versionMsg-margin-top: 5px; |
|
--pap-cm-ab-vl-vi-versionMsg-color: #c3c3c3; |
|
|
|
|
|
--physton-highlight-prompt-background: rgba(0, 175, 255, 0.2); |
|
} |
|
|
|
.hover-scale-120 { |
|
animation: var(--hoverScale120-animation); |
|
|
|
&:hover { |
|
transform: var(--hoverScale120-hover-transform); |
|
} |
|
} |
|
|
|
.hover-scale-140 { |
|
animation: var(--hoverScale140-animation); |
|
|
|
&:hover { |
|
transform: var(--hoverScale140-hover-transform); |
|
} |
|
} |
|
|
|
@common-red: var(--physton-common-red); |
|
@common-blue: var(--physton-common-blue); |
|
|
|
.set-icon-svg(@width: 20px, @height: 20px, @fill: none, @className: icon-svg) when (@fill=none) { |
|
|
|
|
|
|
|
|
|
|
|
.@{className} svg { |
|
width: @width; |
|
height: @height; |
|
padding: var(--iconSvg-padding); |
|
box-sizing: var(--iconSvg-box-sizing); |
|
} |
|
} |
|
|
|
.set-icon-svg(@width: 20px, @height: 20px, @fill: none, @className: icon-svg) when not (@fill=none) { |
|
|
|
|
|
|
|
|
|
|
|
.@{className} svg { |
|
width: @width; |
|
height: @height; |
|
padding: var(--iconSvg-padding); |
|
box-sizing: var(--iconSvg-box-sizing); |
|
|
|
path { |
|
fill: @fill; |
|
} |
|
} |
|
} |
|
|
|
.common-popup-bg() { |
|
position: var(--commonPopupBg-position); |
|
top: var(--commonPopupBg-top); |
|
left: var(--commonPopupBg-left); |
|
width: var(--commonPopupBg-width); |
|
height: var(--commonPopupBg-height); |
|
z-index: var(--commonPopupBg-z-index); |
|
display: var(--commonPopupBg-display); |
|
justify-content: var(--commonPopupBg-justify-content); |
|
align-items: var(--commonPopupBg-align-items); |
|
background: var(--commonPopupBg-background); |
|
} |
|
|
|
.common-popup-main-background() { |
|
box-shadow: var(--commonPopupMainBackground-box-shadow); |
|
border-radius: var(--commonPopupMainBackground-border-radius); |
|
background-color: var(--commonPopupMainBackground-background-color); |
|
transition: var(--commonPopupMainBackground-transition); |
|
} |
|
|
|
.common-popup-main(@width: 700px, @padding: 20px, @position: relative) { |
|
width: @width; |
|
height: var(--commonPopupMain-height); |
|
padding: @padding; |
|
margin: var(--commonPopupMain-margin); |
|
.common-popup-main-background(); |
|
color: var(--commonPopupMain-color); |
|
position: @position; |
|
} |
|
|
|
.common-popup-close() { |
|
display: var(--commonPopupClose-display); |
|
padding: var(--commonPopupClose-padding); |
|
position: var(--commonPopupClose-position); |
|
right: var(--commonPopupClose-right); |
|
top: var(--commonPopupClose-top); |
|
background: var(--commonPopupClose-background); |
|
border-radius: var(--commonPopupClose-border-radius); |
|
box-shadow: var(--commonPopupClose-box-shadow); |
|
cursor: var(--commonPopupClose-cursor); |
|
z-index: var(--commonPopupClose-z-index); |
|
|
|
&:hover { |
|
background: var(--commonPopupClose-hover-background); |
|
} |
|
|
|
.set-icon-svg(var(--commonPopupClose-iconSvgClose-width), var(--commonPopupClose-iconSvgClose-height), var(--commonPopupClose-iconSvgClose-color), icon-svg-close); |
|
} |
|
|
|
.common-colourful-background() { |
|
background: var(--commonColourfulBackground-background); |
|
background-size: var(--commonColourfulBackground-background-size); |
|
} |
|
|
|
.vue-number-input { |
|
display: block; |
|
font-size: 0; |
|
max-width: 100%; |
|
overflow: hidden; |
|
position: relative; |
|
|
|
&__button { |
|
background-color: #fff; |
|
border: 0; |
|
border-radius: 0.25rem; |
|
bottom: 1px; |
|
position: absolute; |
|
top: 1px; |
|
width: 2.5rem; |
|
z-index: 1; |
|
|
|
&:focus { |
|
outline: none; |
|
} |
|
|
|
&:hover { |
|
&::before, |
|
&::after { |
|
background-color: #0074d9; |
|
} |
|
} |
|
|
|
&:disabled { |
|
opacity: 0.65; |
|
|
|
&::before, |
|
&::after { |
|
background-color: #ddd; |
|
} |
|
} |
|
|
|
&::before, |
|
&::after { |
|
background-color: #111; |
|
content: ""; |
|
left: 50%; |
|
position: absolute; |
|
top: 50%; |
|
transform: translate(-50%, -50%); |
|
transition: background-color 0.15s; |
|
} |
|
|
|
&::before { |
|
height: 1px; |
|
width: 50%; |
|
} |
|
|
|
&::after { |
|
height: 50%; |
|
width: 1px; |
|
} |
|
|
|
&--minus { |
|
border-bottom-right-radius: 0; |
|
border-right: 1px solid #ddd; |
|
border-top-right-radius: 0; |
|
left: 1px; |
|
|
|
&::after { |
|
visibility: hidden; |
|
} |
|
} |
|
|
|
&--plus { |
|
border-bottom-left-radius: 0; |
|
border-left: 1px solid #ddd; |
|
border-top-left-radius: 0; |
|
right: 1px; |
|
} |
|
} |
|
|
|
&__input { |
|
-moz-appearance: textfield; |
|
background-color: #fff; |
|
border: 1px solid #ddd; |
|
border-radius: 0.25rem; |
|
display: block; |
|
font-size: 1rem; |
|
line-height: 1.5; |
|
max-width: 100%; |
|
min-height: 1.5rem; |
|
min-width: 3rem; |
|
padding: 0.4375rem 0.875rem; |
|
transition: border-color 0.15s; |
|
width: 100%; |
|
|
|
&::-webkit-outer-spin-button, |
|
&::-webkit-inner-spin-button { |
|
-webkit-appearance: none; |
|
} |
|
|
|
&:focus { |
|
border-color: #0074d9; |
|
outline: none; |
|
} |
|
|
|
&:disabled, |
|
&[readonly] { |
|
background-color: #f8f8f8; |
|
} |
|
} |
|
|
|
&--inline { |
|
display: inline-block; |
|
|
|
& > input { |
|
display: inline-block; |
|
width: 12.5rem; |
|
} |
|
} |
|
|
|
&--center { |
|
& > input { |
|
text-align: center; |
|
} |
|
} |
|
|
|
&--controls { |
|
& > input { |
|
padding-left: 3.375rem; |
|
padding-right: 3.375rem; |
|
} |
|
} |
|
|
|
&--small { |
|
& > input { |
|
border-radius: 0.1875rem; |
|
font-size: 0.875rem; |
|
padding: 0.25rem 0.5rem; |
|
} |
|
|
|
&.vue-number-input--inline > input { |
|
width: 10rem; |
|
} |
|
|
|
&.vue-number-input--controls > button { |
|
width: 2rem; |
|
} |
|
|
|
&.vue-number-input--controls > input { |
|
padding-left: 2.5rem; |
|
padding-right: 2.5rem; |
|
} |
|
} |
|
|
|
&--large { |
|
& > input { |
|
border-radius: 0.3125rem; |
|
font-size: 1.25rem; |
|
padding: 0.5rem 1rem; |
|
} |
|
|
|
&.vue-number-input--inline > input { |
|
width: 15rem; |
|
} |
|
|
|
&.vue-number-input--controls > button { |
|
width: 3rem; |
|
} |
|
|
|
&.vue-number-input--controls > input { |
|
padding-left: 4rem; |
|
padding-right: 4rem; |
|
} |
|
} |
|
} |
|
|
|
.physton-paste-popup { |
|
.common-popup-bg(); |
|
|
|
.paste-popup-main { |
|
.common-popup-main(); |
|
|
|
.paste-popup-close { |
|
.common-popup-close(); |
|
} |
|
|
|
.paste-popup-title { |
|
font-size: var(--ppp-ppm-pastePopupTitle-font-size); |
|
font-weight: var(--ppp-ppm-pastePopupTitle-font-weight); |
|
margin-bottom: var(--ppp-ppm-pastePopupTitle-margin-bottom); |
|
word-break: var(--ppp-ppm-pastePopupTitle-word-break); |
|
white-space: var(--ppp-ppm-pastePopupTitle-white-space); |
|
overflow: var(--ppp-ppm-pastePopupTitle-overflow); |
|
} |
|
|
|
.paste-popup-body { |
|
.paste-content { |
|
background: var(--ppp-ppm-ppb-pasteContent-background); |
|
border: var(--ppp-ppm-ppb-pasteContent-border); |
|
padding: var(--ppp-ppm-ppb-pasteContent-padding); |
|
width: var(--ppp-ppm-ppb-pasteContent-width); |
|
font-size: var(--ppp-ppm-ppb-pasteContent-font-size); |
|
color: var(--ppp-ppm-ppb-pasteContent-color); |
|
resize: var(--ppp-ppm-ppb-pasteContent-resize); |
|
height: var(--ppp-ppm-ppb-pasteContent-height); |
|
box-sizing: var(--ppp-ppm-ppb-pasteContent-box-sizing); |
|
|
|
&:focus { |
|
outline: var(--ppp-ppm-ppb-pasteContent-hover-outline); |
|
border-color: var(--ppp-ppm-ppb-pasteContent-hover-border-color); |
|
} |
|
} |
|
|
|
.paste-submit { |
|
.common-colourful-background(); |
|
border-radius: var(--ppp-ppm-ppb-pasteSubmit-border-radius); |
|
padding: var(--ppp-ppm-ppb-pasteSubmit-padding); |
|
margin-top: var(--ppp-ppm-ppb-pasteSubmit-margin-top); |
|
text-align: var(--ppp-ppm-ppb-pasteSubmit-text-align); |
|
color: var(--ppp-ppm-ppb-pasteSubmit-color); |
|
font-size: var(--ppp-ppm-ppb-pasteSubmit-font-size); |
|
cursor: var(--ppp-ppm-ppb-pasteSubmit-cursor); |
|
display: var(--ppp-ppm-ppb-pasteSubmit-display); |
|
justify-content: var(--ppp-ppm-ppb-pasteSubmit-justify-content); |
|
align-items: var(--ppp-ppm-ppb-pasteSubmit-align-items); |
|
|
|
&:hover { |
|
box-shadow: var(--ppp-ppm-ppb-pasteSubmitHover-box-shadow); |
|
} |
|
|
|
.set-icon-svg(var(--ppp-ppm-ppb-ps-iconSvgLoading-width), var(--ppp-ppm-ppb-ps-iconSvgLoading-height), var(--ppp-ppm-ppb-ps-iconSvgLoading-color), icon-svg-loading); |
|
} |
|
} |
|
} |
|
} |
|
|
|
.physton-prompt { |
|
border: var(--pp-border); |
|
padding: var(--pp-padding); |
|
margin: var(--pp-margin); |
|
|
|
div { |
|
line-height: var(--pp-div-line-height); |
|
} |
|
|
|
svg { |
|
display: var(--pp-svg-display); |
|
} |
|
|
|
.icon-svg { |
|
display: var(--pp-iconSvg-display); |
|
line-height: var(--pp-iconSvg-line-height); |
|
} |
|
|
|
.prompt-main { |
|
&.fold { |
|
max-height: var(--pp-promptMainFold-max-height); |
|
|
|
.prompt-unfold { |
|
transform: var(--pp-pmf-promptUnfold-transform); |
|
} |
|
|
|
.prompt-tags { |
|
display: var(--pp-pmf-promptTags-display); |
|
} |
|
|
|
.show-group-tags { |
|
display: var(--pp-pmf-showGroupTags-display); |
|
} |
|
|
|
.group-tabs { |
|
display: var(--pp-pmf-groupTabs-display); |
|
} |
|
} |
|
} |
|
|
|
.prompt-header { |
|
margin: var(--pp-promptHeader-margin); |
|
padding: var(--pp-promptHeader-padding); |
|
display: var(--pp-promptHeader-display); |
|
justify-content: var(--pp-promptHeader-justify-content); |
|
align-items: var(--pp-promptHeader-align-items); |
|
border-bottom: var(--pp-promptHeader-border-bottom); |
|
flex-wrap: var(--pp-promptHeader-flex-wrap); |
|
|
|
> * { |
|
margin: var(--pp-promptHeaderAny-margin); |
|
margin-right: var(--pp-promptHeaderAny-margin-right); |
|
|
|
&:last-child { |
|
margin-right: var(--pp-promptHeaderAnyLastChild-margin-right); |
|
} |
|
} |
|
|
|
.prompt-unfold { |
|
cursor: var(--pp-ph-promptUnfold-cursor); |
|
margin-right: var(--pp-ph-promptUnfold-margin-right); |
|
animation: var(--pp-ph-promptUnfold-animation); |
|
} |
|
|
|
.prompt-unfold { |
|
.set-icon-svg(var(--pp-ph-pu-iconSvgUnfold-width), var(--pp-ph-pu-iconSvgUnfold-height), var(--pp-ph-pu-iconSvgUnfold-color), icon-svg-unfold); |
|
} |
|
|
|
.extend-btn-item { |
|
.set-icon-svg(var(--pp-ph-ebi-iconSvgI18n-width), var(--pp-ph-ebi-iconSvgI18n-height), var(--pp-ph-ebi-iconSvgI18n-color), icon-svg-i18n); |
|
.set-icon-svg(var(--pp-ph-ebi-iconSvgSetting-width), var(--pp-ph-ebi-iconSvgSetting-height), var(--pp-ph-ebi-iconSvgSetting-color), icon-svg-setting); |
|
.set-icon-svg(var(--pp-ph-ebi-iconSvgHistory-width), var(--pp-ph-ebi-iconSvgHistory-height), var(--pp-ph-ebi-iconSvgHistory-color), icon-svg-history); |
|
.set-icon-svg(var(--pp-ph-ebi-iconSvgFavorite-width), var(--pp-ph-ebi-iconSvgFavorite-height), var(--pp-ph-ebi-iconSvgFavorite-color), icon-svg-favorite); |
|
.set-icon-svg(var(--pp-ph-ebi-iconSvgTranslate-width), var(--pp-ph-ebi-iconSvgTranslate-height), var(--pp-ph-ebi-iconSvgTranslate-color), icon-svg-translate); |
|
.set-icon-svg(var(--pp-ph-ebi-iconSvgEnglish-width), var(--pp-ph-ebi-iconSvgEnglish-height), var(--pp-ph-ebi-iconSvgEnglish-color), icon-svg-english); |
|
.set-icon-svg(var(--pp-ph-ebi-iconSvgLoading-width), var(--pp-ph-ebi-iconSvgLoading-height), var(--pp-ph-ebi-iconSvgLoading-color), icon-svg-loading); |
|
.set-icon-svg(var(--pp-ph-ebi-iconSvgCopy-width), var(--pp-ph-ebi-iconSvgCopy-height), var(--pp-ph-ebi-iconSvgCopy-color), icon-svg-copy); |
|
.set-icon-svg(var(--pp-ph-ebi-iconSvgRemove-width), var(--pp-ph-ebi-iconSvgRemove-height), var(--pp-ph-ebi-iconSvgRemove-color), icon-svg-remove); |
|
.set-icon-svg(var(--pp-ph-ebi-iconSvgChatgpt-width), var(--pp-ph-ebi-iconSvgChatgpt-height), var(--pp-ph-ebi-iconSvgChatgpt-color), icon-svg-chatgpt); |
|
} |
|
|
|
.setting-box { |
|
.set-icon-svg(var(--pp-ph-sb-iconSvgApi-width), var(--pp-ph-sb-iconSvgApi-height), var(--pp-ph-sb-iconSvgApi-color), icon-svg-api); |
|
.set-icon-svg(var(--pp-ph-sb-iconSvgFormat-width), var(--pp-ph-sb-iconSvgFormat-height), var(--pp-ph-sb-iconSvgFormat-color), icon-svg-format); |
|
.set-icon-svg(var(--pp-ph-sb-iconSvgBlacklist-width), var(--pp-ph-sb-iconSvgBlacklist-height), var(--pp-ph-sb-iconSvgBlacklist-color), icon-svg-blacklist); |
|
.set-icon-svg(var(--pp-ph-sb-iconSvgTheme-width), var(--pp-ph-sb-iconSvgTheme-height), var(--pp-ph-sb-iconSvgTheme-color), icon-svg-theme); |
|
.set-icon-svg(var(--pp-ph-sb-iconSvgTranslate-width), var(--pp-ph-sb-iconSvgTranslate-height), var(--pp-ph-sb-iconSvgTranslate-color), icon-svg-translate); |
|
.set-icon-svg(var(--pp-ph-sb-iconSvgEnglish-width), var(--pp-ph-sb-iconSvgEnglish-height), var(--pp-ph-sb-iconSvgEnglish-color), icon-svg-english); |
|
.set-icon-svg(var(--pp-ph-sb-iconSvgRemoveSpace-width), var(--pp-ph-sb-iconSvgRemoveSpace-height), var(--pp-ph-sb-iconSvgRemoveSpace-color), icon-svg-remove-space); |
|
.set-icon-svg(var(--pp-ph-sb-iconSvgTooltip-width), var(--pp-ph-sb-iconSvgTooltip-height), var(--pp-ph-sb-iconSvgTooltip-color), icon-svg-tooltip); |
|
.set-icon-svg(var(--pp-ph-sb-iconSvgAbout-width), var(--pp-ph-sb-iconSvgAbout-height), var(--pp-ph-sb-iconSvgAbout-color), icon-svg-about); |
|
.set-icon-svg(var(--pp-ph-sb-iconSvgSun-width), var(--pp-ph-sb-iconSvgSun-height), var(--pp-ph-sb-iconSvgSun-color), icon-svg-sun); |
|
.set-icon-svg(var(--pp-ph-sb-iconSvgMoon-width), var(--pp-ph-sb-iconSvgMoon-height), var(--pp-ph-sb-iconSvgMoon-color), icon-svg-moon); |
|
} |
|
|
|
.set-icon-svg(var(--pp-ph-iconSvgInput-width), var(--pp-ph-iconSvgInput-height), var(--pp-ph-iconSvgInput-color), icon-svg-input); |
|
|
|
.prompt-append-list { |
|
.set-icon-svg(var(--pp-ph-pal-iconSvgWrap-width), var(--pp-ph-pal-iconSvgWrap-height), var(--pp-ph-pal-iconSvgWrap-color), icon-svg-wrap); |
|
.set-icon-svg(var(--pp-ph-pal-iconSvgHistory-width), var(--pp-ph-pal-iconSvgHistory-height), var(--pp-ph-pal-iconSvgHistory-color), icon-svg-history); |
|
.set-icon-svg(var(--pp-ph-pal-iconSvgFavorite-width), var(--pp-ph-pal-iconSvgFavorite-height), var(--pp-ph-pal-iconSvgFavorite-color), icon-svg-favorite); |
|
} |
|
|
|
.prompt-header-title { |
|
font-weight: var(--pp-ph-promptHeaderTitle-font-weight); |
|
font-size: var(--pp-ph-promptHeaderTitle-font-size); |
|
white-space: var(--pp-ph-promptHeaderTitle-white-space); |
|
} |
|
|
|
.prompt-header-counter { |
|
font-size: var(--pp-ph-promptHeaderCounter-font-size); |
|
min-width: var(--pp-ph-promptHeaderCounter-min-width); |
|
} |
|
|
|
.prompt-header-break { |
|
flex-basis: var(--pp-ph-promptHeaderBreak-flex-basis); |
|
height: var(--pp-ph-promptHeaderBreak-height); |
|
margin-bottom: var(--pp-ph-promptHeaderBreak-margin-bottom); |
|
} |
|
|
|
.prompt-header-extend { |
|
margin-right: var(--pp-ph-promptHeaderExtend-margin-right); |
|
display: var(--pp-ph-promptHeaderExtend-display); |
|
justify-content: var(--pp-ph-promptHeaderExtend-justify-content); |
|
align-items: var(--pp-ph-promptHeaderExtend-align-items); |
|
|
|
&:last-child { |
|
margin-right: var(--pp-ph-promptHeaderExtendLastChild-margin-right); |
|
} |
|
|
|
.extend-title { |
|
font-size: var(--pp-ph-phe-extendTitle-font-size); |
|
margin-right: var(--pp-ph-phe-extendTitle-margin-right); |
|
} |
|
|
|
&.prompt-append { |
|
position: var(--pp-ph-phe-promptAppend-position); |
|
flex: var(--pp-ph-phe-promptAppend-flex); |
|
|
|
.extend-content { |
|
width: var(--pp-ph-phe-pa-extendContent-width); |
|
display: var(--pp-ph-phe-pa-extendContent-display); |
|
justify-content: var(--pp-ph-phe-pa-extendContent-justify-content); |
|
align-items: var(--pp-ph-phe-pa-extendContent-align-items); |
|
} |
|
} |
|
|
|
.extend-content { |
|
select, .select-btn { |
|
padding: var(--pp-ph-phe-ec-selectSelectBtn-padding); |
|
font-size: var(--pp-ph-phe-ec-selectSelectBtn-font-size); |
|
appearance: var(--pp-ph-phe-ec-selectSelectBtn-appearance); |
|
border: var(--pp-ph-phe-ec-selectSelectBtn-border); |
|
background: var(--pp-ph-phe-ec-selectSelectBtn-background); |
|
color: var(--pp-ph-phe-ec-selectSelectBtn-color); |
|
height: var(--pp-ph-phe-ec-selectSelectBtn-height); |
|
line-height: var(--pp-ph-phe-ec-selectSelectBtn-line-height); |
|
|
|
&:hover { |
|
border-color: var(--pp-ph-phe-ec-selectSelectBtnHover-border-color); |
|
} |
|
} |
|
|
|
.select-btn { |
|
cursor: var(--pp-ph-phe-ec-selectBtn-cursor); |
|
padding: var(--pp-ph-phe-ec-selectBtn-padding); |
|
|
|
&:hover { |
|
background: var(--pp-ph-phe-ec-selectBtnHover-background); |
|
border-color: var(--pp-ph-phe-ec-selectBtnHover-border-color); |
|
} |
|
} |
|
|
|
.autocompleteResults, .autocompleteParent { |
|
top: var(--pp-ph-phe-ec-autocompleteresults-top) !important; |
|
} |
|
|
|
.input-tag-append { |
|
display: var(--pp-ph-phe-ec-inputTagAppend-display); |
|
height: var(--pp-ph-phe-ec-inputTagAppend-height) !important; |
|
padding: var(--pp-ph-phe-ec-inputTagAppend-padding) !important; |
|
border: var(--pp-ph-phe-ec-inputTagAppend-border); |
|
appearance: var(--pp-ph-phe-ec-inputTagAppend-appearance); |
|
background-color: var(--pp-ph-phe-ec-inputTagAppend-background-color); |
|
font-size: var(--pp-ph-phe-ec-inputTagAppend-font-size) !important; |
|
line-height: var(--pp-ph-phe-ec-inputTagAppend-line-height) !important; |
|
font-family: var(--pp-ph-phe-ec-inputTagAppend-font-family); |
|
font-weight: var(--pp-ph-phe-ec-inputTagAppend-font-weight); |
|
border-radius: var(--pp-ph-phe-ec-inputTagAppend-border-radius) !important; |
|
min-width: var(--pp-ph-phe-ec-inputTagAppend-min-width); |
|
width: var(--pp-ph-phe-ec-inputTagAppend-width); |
|
text-align: var(--pp-ph-phe-ec-inputTagAppend-text-align); |
|
resize: var(--pp-ph-phe-ec-inputTagAppend-resize); |
|
min-height: var(--pp-ph-phe-ec-inputTagAppend-min-height); |
|
max-height: var(--pp-ph-phe-ec-inputTagAppend-max-height); |
|
|
|
&:focus { |
|
box-shadow: var(--pp-ph-phe-ec-inputTagAppendFocus-box-shadow) !important; |
|
border-color: var(--pp-ph-phe-ec-inputTagAppendFocus-border-color); |
|
} |
|
} |
|
|
|
.extend-btn-group { |
|
display: var(--pp-ph-phe-ec-extendBtnGroup-display); |
|
justify-content: var(--pp-ph-phe-ec-extendBtnGroup-justify-content); |
|
align-items: var(--pp-ph-phe-ec-extendBtnGroup-align-items); |
|
color: var(--pp-ph-phe-ec-extendBtnGroup-color); |
|
background: var(--pp-ph-phe-ec-extendBtnGroup-background); |
|
border: var(--pp-ph-phe-ec-extendBtnGroup-border); |
|
padding: var(--pp-ph-phe-ec-extendBtnGroup-padding); |
|
border-radius: var(--pp-ph-phe-ec-extendBtnGroup-border-radius); |
|
|
|
.extend-btn-item { |
|
cursor: var(--pp-ph-phe-ec-ebg-extendBtnItem-cursor); |
|
height: var(--pp-ph-phe-ec-ebg-extendBtnItem-height); |
|
width: var(--pp-ph-phe-ec-ebg-extendBtnItem-width); |
|
display: var(--pp-ph-phe-ec-ebg-extendBtnItem-display); |
|
justify-content: var(--pp-ph-phe-ec-ebg-extendBtnItem-justify-content); |
|
align-items: var(--pp-ph-phe-ec-ebg-extendBtnItem-align-items); |
|
position: var(--pp-ph-phe-ec-ebg-extendBtnItem-position); |
|
|
|
&:first-child { |
|
border-left: var(--pp-ph-phe-ec-ebg-extendBtnItemFirstChild-border-left); |
|
margin-left: var(--pp-ph-phe-ec-ebg-extendBtnItemFirstChild-margin-left); |
|
} |
|
|
|
&:hover { |
|
.setting-box { |
|
display: var(--pp-ph-phe-ec-ebg-ebih-settingBox-display); |
|
} |
|
|
|
&.red-dot { |
|
> .icon-svg-setting, > .icon-svg-about { |
|
&:after { |
|
display: var(--pp-ph-phe-ec-ebg-ebihrd-iconAfter-display); |
|
} |
|
} |
|
} |
|
} |
|
|
|
&.red-dot { |
|
> .icon-svg-setting, > .icon-svg-about { |
|
&:after { |
|
content: var(--pp-ph-phe-ec-ebg-ebird-iconAfter-content); |
|
display: var(--pp-ph-phe-ec-ebg-ebird-iconAfter-display); |
|
width: var(--pp-ph-phe-ec-ebg-ebird-iconAfter-width); |
|
height: var(--pp-ph-phe-ec-ebg-ebird-iconAfter-height); |
|
background: var(--pp-ph-phe-ec-ebg-ebird-iconAfter-background); |
|
border-radius: var(--pp-ph-phe-ec-ebg-ebird-iconAfter-border-radius); |
|
position: var(--pp-ph-phe-ec-ebg-ebird-iconAfter-position); |
|
top: var(--pp-ph-phe-ec-ebg-ebird-iconAfter-top); |
|
right: var(--pp-ph-phe-ec-ebg-ebird-iconAfter-right); |
|
} |
|
} |
|
} |
|
|
|
.setting-box { |
|
display: var(--pp-ph-phe-ec-ebg-ebi-settingBox-display); |
|
position: var(--pp-ph-phe-ec-ebg-ebi-settingBox-position); |
|
background: var(--pp-ph-phe-ec-ebg-ebi-settingBox-background); |
|
top: var(--pp-ph-phe-ec-ebg-ebi-settingBox-top); |
|
left: var(--pp-ph-phe-ec-ebg-ebi-settingBox-left); |
|
justify-content: var(--pp-ph-phe-ec-ebg-ebi-settingBox-justify-content); |
|
align-items: var(--pp-ph-phe-ec-ebg-ebi-settingBox-align-items); |
|
width: var(--pp-ph-phe-ec-ebg-ebi-settingBox-width); |
|
height: var(--pp-ph-phe-ec-ebg-ebi-settingBox-height); |
|
padding: var(--pp-ph-phe-ec-ebg-ebi-settingBox-padding); |
|
box-shadow: var(--pp-ph-phe-ec-ebg-ebi-settingBox-box-shadow); |
|
border-radius: var(--pp-ph-phe-ec-ebg-ebi-settingBox-border-radius); |
|
z-index: var(--pp-ph-phe-ec-ebg-ebi-settingBox-z-index); |
|
|
|
> * { |
|
margin-left: var(--pp-ph-phe-ec-ebg-ebi-settingBoxAny-margin-left); |
|
|
|
&:first-child { |
|
margin-left: var(--pp-ph-phe-ec-ebg-ebi-settingBoxAnyFirstChild-margin-left); |
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
.gradio-button, a { |
|
height: var(--pp-ph-phe-ec-ebg-gradioButtonA-height) !important; |
|
min-height: var(--pp-ph-phe-ec-ebg-gradioButtonA-min-height) !important; |
|
max-height: var(--pp-ph-phe-ec-ebg-gradioButtonA-max-height) !important; |
|
} |
|
|
|
.gradio-checkbox { |
|
cursor: var(--pp-ph-phe-ec-gradioCheckbox-cursor); |
|
} |
|
|
|
input[type="checkbox"] { |
|
position: var(--pp-ph-phe-ec-inputCheckbox-position); |
|
box-shadow: var(--pp-ph-phe-ec-inputCheckbox-box-shadow); |
|
border: var(--pp-ph-phe-ec-inputCheckbox-border); |
|
border-radius: var(--pp-ph-phe-ec-inputCheckbox-border-radius); |
|
background-color: var(--pp-ph-phe-ec-inputCheckbox-background-color); |
|
line-height: var(--pp-ph-phe-ec-inputCheckbox-line-height); |
|
width: var(--pp-ph-phe-ec-inputCheckbox-width); |
|
height: var(--pp-ph-phe-ec-inputCheckbox-height); |
|
|
|
&:checked { |
|
border-color: var(--pp-ph-phe-ec-inputCheckboxChecked-border-color); |
|
background-color: var(--pp-ph-phe-ec-inputCheckboxChecked-background-color); |
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
.prompt-tags { |
|
display: var(--pp-promptTags-display); |
|
flex-wrap: var(--pp-promptTags-flex-wrap); |
|
justify-content: var(--pp-promptTags-justify-content); |
|
align-items: var(--pp-promptTags-align-items); |
|
position: var(--pp-promptTags-position); |
|
padding: var(--pp-promptTags-padding); |
|
|
|
&.droping, &.selecting { |
|
.btn-tag-extend { |
|
display: var(--pp-pt-ds-btnTagExtend-display) !important; |
|
} |
|
} |
|
|
|
&.selecting { |
|
* { |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
} |
|
} |
|
|
|
.prompt-tag-edit { |
|
.set-icon-svg(var(--pp-pt-pte-iconSvgWrap-width), var(--pp-pt-pte-iconSvgWrap-height), var(--pp-pt-pte-iconSvgWrap-color), icon-svg-wrap); |
|
} |
|
|
|
.btn-tag-delete { |
|
.set-icon-svg(var(--pp-pt-btd-iconSvgClose-width), var(--pp-pt-btd-iconSvgClose-height), var(--pp-pt-btd-iconSvgClose-color), icon-svg-close); |
|
} |
|
|
|
.btn-tag-extend { |
|
.set-icon-svg(var(--pp-pt-bte-iconSvgWeightParenthesesInc-width), var(--pp-pt-bte-iconSvgWeightParenthesesInc-height), var(--pp-pt-bte-iconSvgWeightParenthesesInc-color), icon-svg-weight-parentheses-inc); |
|
.set-icon-svg(var(--pp-pt-bte-iconSvgWeightParenthesesDec-width), var(--pp-pt-bte-iconSvgWeightParenthesesDec-height), var(--pp-pt-bte-iconSvgWeightParenthesesDec-color), icon-svg-weight-parentheses-dec); |
|
.set-icon-svg(var(--pp-pt-bte-iconSvgWeightBracketsInc-width), var(--pp-pt-bte-iconSvgWeightBracketsInc-height), var(--pp-pt-bte-iconSvgWeightBracketsInc-color), icon-svg-weight-brackets-inc); |
|
.set-icon-svg(var(--pp-pt-bte-iconSvgWeightBracketsDec-width), var(--pp-pt-bte-iconSvgWeightBracketsDec-height), var(--pp-pt-bte-iconSvgWeightBracketsDec-color), icon-svg-weight-brackets-dec); |
|
.set-icon-svg(var(--pp-pt-bte-iconSvgEnglish-width), var(--pp-pt-bte-iconSvgEnglish-height), var(--pp-pt-bte-iconSvgEnglish-color), icon-svg-english); |
|
.set-icon-svg(var(--pp-pt-bte-iconSvgLoading-width), var(--pp-pt-bte-iconSvgLoading-height), var(--pp-pt-bte-iconSvgLoading-color), icon-svg-loading); |
|
.set-icon-svg(var(--pp-pt-bte-iconSvgCopy-width), var(--pp-pt-bte-iconSvgCopy-height), var(--pp-pt-bte-iconSvgCopy-color), icon-svg-copy); |
|
.set-icon-svg(var(--pp-pt-bte-iconSvgDisabled-width), var(--pp-pt-bte-iconSvgDisabled-height), var(--pp-pt-bte-iconSvgDisabled-color), icon-svg-disabled); |
|
.set-icon-svg(var(--pp-pt-bte-iconSvgEnable-width), var(--pp-pt-bte-iconSvgEnable-height), var(--pp-pt-bte-iconSvgEnable-color), icon-svg-enable); |
|
.set-icon-svg(var(--pp-pt-bte-iconSvgWrap-width), var(--pp-pt-bte-iconSvgWrap-height), var(--pp-pt-bte-iconSvgWrap-color), icon-svg-wrap); |
|
.set-icon-svg(var(--pp-pt-bte-iconSvgFavoriteNo-width), var(--pp-pt-bte-iconSvgFavoriteNo-height), var(--pp-pt-bte-iconSvgFavoriteNo-color), icon-svg-favorite-no); |
|
.set-icon-svg(var(--pp-pt-bte-iconSvgFavoriteYes-width), var(--pp-pt-bte-iconSvgFavoriteYes-height), var(--pp-pt-bte-iconSvgFavoriteYes-color), icon-svg-favorite-yes); |
|
} |
|
|
|
.prompt-local-language { |
|
.set-icon-svg(var(--pp-pt-pll-iconSvgTranslate-width), var(--pp-pt-pll-iconSvgTranslate-height), var(--pp-pt-pll-iconSvgTranslate-color), icon-svg-translate); |
|
.set-icon-svg(var(--pp-pt-pll-iconSvgLoading-width), var(--pp-pt-pll-iconSvgLoading-height), var(--pp-pt-pll-iconSvgLoading-color), icon-svg-loading); |
|
} |
|
|
|
.drop-select-bg { |
|
position: var(--pp-pt-dropSelectBg-position); |
|
display: var(--pp-pt-dropSelectBg-display); |
|
left: var(--pp-pt-dropSelectBg-left); |
|
top: var(--pp-pt-dropSelectBg-top); |
|
width: var(--pp-pt-dropSelectBg-width); |
|
height: var(--pp-pt-dropSelectBg-height); |
|
z-index: var(--pp-pt-dropSelectBg-z-index); |
|
} |
|
|
|
.drop-select-box { |
|
position: var(--pp-pt-dropSelectBox-position); |
|
display: var(--pp-pt-dropSelectBox-display); |
|
left: var(--pp-pt-dropSelectBox-left); |
|
top: var(--pp-pt-dropSelectBox-top); |
|
width: var(--pp-pt-dropSelectBox-width); |
|
height: var(--pp-pt-dropSelectBox-height); |
|
box-sizing: var(--pp-pt-dropSelectBox-box-sizing); |
|
background: var(--pp-pt-dropSelectBox-background); |
|
border: var(--pp-pt-dropSelectBox-border); |
|
z-index: var(--pp-pt-dropSelectBox-z-index); |
|
} |
|
|
|
.drop-select-btns { |
|
position: var(--pp-pt-dropSelectBtns-position); |
|
display: var(--pp-pt-dropSelectBtns-display); |
|
left: var(--pp-pt-dropSelectBtns-left); |
|
top: var(--pp-pt-dropSelectBtns-top); |
|
width: var(--pp-pt-dropSelectBtns-width); |
|
height: var(--pp-pt-dropSelectBtns-height); |
|
z-index: var(--pp-pt-dropSelectBtns-z-index); |
|
|
|
justify-content: var(--pp-pt-dropSelectBtns-justify-content); |
|
align-items: var(--pp-pt-dropSelectBtns-align-items); |
|
padding: var(--pp-pt-dropSelectBtns-padding); |
|
box-sizing: var(--pp-pt-dropSelectBtns-box-sizing); |
|
box-shadow: var(--pp-pt-dropSelectBtns-box-shadow); |
|
background: var(--pp-pt-dropSelectBtns-background); |
|
border-radius: var(--pp-pt-dropSelectBtns-border-radius); |
|
overflow: var(--pp-pt-dropSelectBtns-overflow); |
|
|
|
.set-icon-svg(var(--pp-pt-dsb-iconSvgCopy-width), var(--pp-pt-dsb-iconSvgCopy-height), var(--pp-pt-dsb-iconSvgCopy-color), icon-svg-copy); |
|
.set-icon-svg(var(--pp-pt-dsb-iconSvgDisabled-width), var(--pp-pt-dsb-iconSvgDisabled-height), var(--pp-pt-dsb-iconSvgDisabled-color), icon-svg-disabled); |
|
.set-icon-svg(var(--pp-pt-dsb-iconSvgEnable-width), var(--pp-pt-dsb-iconSvgEnable-height), var(--pp-pt-dsb-iconSvgEnable-color), icon-svg-enable); |
|
.set-icon-svg(var(--pp-pt-dsb-iconSvgFavoriteNo-width), var(--pp-pt-dsb-iconSvgFavoriteNo-height), var(--pp-pt-dsb-iconSvgFavoriteNo-color), icon-svg-favorite-no); |
|
.set-icon-svg(var(--pp-pt-dsb-iconSvgFavoriteYes-width), var(--pp-pt-dsb-iconSvgFavoriteYes-height), var(--pp-pt-dsb-iconSvgFavoriteYes-color), icon-svg-favorite-yes); |
|
.set-icon-svg(var(--pp-pt-dsb-iconSvgRemove-width), var(--pp-pt-dsb-iconSvgRemove-height), var(--pp-pt-dsb-iconSvgRemove-color), icon-svg-remove); |
|
|
|
.btns-title { |
|
color: var(--pp-pt-dsb-btnsTitle-color); |
|
padding: var(--pp-pt-dsb-btnsTitle-padding); |
|
border-right: var(--pp-pt-dsb-btnsTitle-border-right); |
|
height: var(--pp-pt-dsb-btnsTitle-height); |
|
line-height: var(--pp-pt-dsb-btnsTitle-line-height); |
|
} |
|
|
|
> button { |
|
height: var(--pp-pt-dsb-button-height); |
|
width: var(--pp-pt-dsb-button-width); |
|
border: var(--pp-pt-dsb-button-border); |
|
border-radius: var(--pp-pt-dsb-button-border-radius); |
|
padding: var(--pp-pt-dsb-button-padding); |
|
min-width: var(--pp-pt-dsb-button-min-width); |
|
font-size: var(--pp-pt-dsb-button-font-size); |
|
min-height: var(--pp-pt-dsb-button-min-height); |
|
background: var(--pp-pt-dsb-button-background); |
|
color: var(--pp-pt-dsb-button-color); |
|
border-right: var(--pp-pt-dsb-button-border-right); |
|
|
|
&:last-child { |
|
border-right: var(--pp-pt-dsb-buttonLastChild-border-right); |
|
} |
|
|
|
&:hover { |
|
background: var(--pp-pt-dsb-buttonHover-background); |
|
} |
|
} |
|
} |
|
|
|
.prompt-tags-list { |
|
display: var(--pp-pt-dsb-promptTagsList-display); |
|
flex-wrap: var(--pp-pt-dsb-promptTagsList-flex-wrap); |
|
justify-content: var(--pp-pt-dsb-promptTagsList-justify-content); |
|
align-items: var(--pp-pt-dsb-promptTagsList-align-items); |
|
width: var(--pp-pt-dsb-promptTagsList-width); |
|
|
|
.prompt-wrap { |
|
display: var(--pp-pt-dsb-ptl-promptWrap-display); |
|
flex-basis: var(--pp-pt-dsb-ptl-promptWrap-flex-basis); |
|
height: var(--pp-pt-dsb-ptl-promptWrap-height); |
|
margin: var(--pp-pt-dsb-ptl-promptWrap-margin); |
|
padding: var(--pp-pt-dsb-ptl-promptWrap-padding); |
|
} |
|
|
|
.prompt-tag { |
|
margin-bottom: var(--pp-pt-dsb-ptl-promptTag-margin-bottom); |
|
margin-right: var(--pp-pt-dsb-ptl-promptTag-margin-right); |
|
display: var(--pp-pt-dsb-ptl-promptTag-display); |
|
align-items: var(--pp-pt-dsb-ptl-promptTag-align-items); |
|
max-width: var(--pp-pt-dsb-ptl-promptTag-max-width); |
|
|
|
&:last-child { |
|
margin-right: var(--pp-pt-dsb-ptl-promptTagLastChild-margin-right); |
|
} |
|
|
|
&.disabled { |
|
.prompt-tag-edit { |
|
opacity: var(--pp-pt-dsb-ptl-ptd-promptTagEdit-opacity); |
|
} |
|
} |
|
|
|
&.sortable-selected, &.drop-selected { |
|
.prompt-tag-value { |
|
background: var(--pp-pt-dsb-ptl-pt-ss-ds-promptTagValue-background) !important; |
|
} |
|
} |
|
|
|
.prompt-tag-main { |
|
width: var(--pp-pt-dsb-ptl-pt-promptTagMain-width); |
|
display: var(--pp-pt-dsb-ptl-pt-promptTagMain-display); |
|
justify-content: var(--pp-pt-dsb-ptl-pt-promptTagMain-justify-content); |
|
align-items: var(--pp-pt-dsb-ptl-pt-promptTagMain-align-items); |
|
position: var(--pp-pt-dsb-ptl-pt-promptTagMain-position); |
|
|
|
&:hover { |
|
.prompt-tag-edit, .btn-tag-extend { |
|
box-shadow: var(--pp-pt-dsb-ptl-pt-ptmh-pte-btnTagExtend-box-shadow); |
|
} |
|
|
|
.btn-tag-extend { |
|
display: var(--pp-pt-dsb-ptl-pt-ptmh-btnTagExtend-display); |
|
} |
|
} |
|
|
|
.prompt-tag-edit { |
|
width: var(--pp-pt-dsb-ptl-pt-ptm-promptTagEdit-width); |
|
display: var(--pp-pt-dsb-ptl-pt-ptm-promptTagEdit-display); |
|
justify-content: var(--pp-pt-dsb-ptl-pt-ptm-promptTagEdit-justify-content); |
|
align-items: var(--pp-pt-dsb-ptl-pt-ptm-promptTagEdit-align-items); |
|
position: var(--pp-pt-dsb-ptl-pt-ptm-promptTagEdit-position); |
|
border-radius: var(--pp-pt-dsb-ptl-pt-ptm-promptTagEdit-border-radius); |
|
min-height: var(--pp-pt-dsb-ptl-pt-ptm-promptTagEdit-min-height); |
|
|
|
.prompt-tag-value { |
|
width: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-width); |
|
padding: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-padding); |
|
font-size: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-font-size); |
|
height: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-height); |
|
border-radius: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-border-radius); |
|
border-top-right-radius: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-border-top-right-radius); |
|
border-bottom-right-radius: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-border-bottom-right-radius); |
|
display: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-display); |
|
align-items: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-align-items); |
|
justify-content: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-justify-content); |
|
color: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-color); |
|
background: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-background); |
|
border: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-border); |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
|
|
&.neg-tag { |
|
color: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueNegTag-color); |
|
} |
|
|
|
&.lora-tag { |
|
color: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueLoraTag-color); |
|
} |
|
|
|
&.lora-not-exists { |
|
background: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueLoraNotExists-background); |
|
animation: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueLoraNotExists-animation); |
|
} |
|
|
|
&.lyco-tag { |
|
color: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueLycoTag-color); |
|
} |
|
|
|
&.lyco-not-exists { |
|
background: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueLycoNotExists-background); |
|
animation: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueLycoNotExists-animation); |
|
} |
|
|
|
@keyframes lora-not-exists { |
|
0% { |
|
opacity: 1; |
|
} |
|
50% { |
|
opacity: .7; |
|
} |
|
100% { |
|
opacity: 1; |
|
} |
|
} |
|
|
|
&.embedding-tag { |
|
color: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueEmbeddingTag-color); |
|
} |
|
|
|
&:hover { |
|
border-color: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueHover-border-color); |
|
background: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueHover-background); |
|
color: var(--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueHover-color); |
|
} |
|
|
|
.character { |
|
line-height: var(--pp-pt-dsb-ptl-pt-ptm-pte-ptv-character-line-height); |
|
white-space: var(--pp-pt-dsb-ptl-pt-ptm-pte-ptv-character-white-space); |
|
word-break: var(--pp-pt-dsb-ptl-pt-ptm-pte-ptv-character-word-break); |
|
} |
|
|
|
.weight-character { |
|
color: var(--pp-pt-dsb-ptl-pt-ptm-pte-ptv-weightCharacter-color); |
|
} |
|
|
|
.break-character { |
|
color: var(--pp-pt-dsb-ptl-pt-ptm-pte-ptv-breakCharacter-color); |
|
} |
|
} |
|
|
|
.input-tag-edit { |
|
padding: var(--pp-pt-dsb-ptl-pt-ptm-pte-inputTagEdit-padding); |
|
max-width: var(--pp-pt-dsb-ptl-pt-ptm-pte-inputTagEdit-max-width); |
|
border-radius: var(--pp-pt-dsb-ptl-pt-ptm-pte-inputTagEdit-border-radius) !important; |
|
border-top-right-radius: var(--pp-pt-dsb-ptl-pt-ptm-pte-inputTagEdit-border-top-right-radius) !important; |
|
border-bottom-right-radius: var(--pp-pt-dsb-ptl-pt-ptm-pte-inputTagEdit-border-bottom-right-radius) !important; |
|
max-height: var(--pp-pt-dsb-ptl-pt-ptm-pte-inputTagEdit-max-height); |
|
resize: var(--pp-pt-dsb-ptl-pt-ptm-pte-inputTagEdit-resize); |
|
line-height: var(--pp-pt-dsb-ptl-pt-ptm-pte-inputTagEdit-line-height); |
|
font-size: var(--pp-pt-dsb-ptl-pt-ptm-pte-inputTagEdit-font-size); |
|
background: var(--pp-pt-dsb-ptl-pt-ptm-pte-inputTagEdit-background); |
|
min-height: var(--pp-pt-dsb-ptl-pt-ptm-pte-inputTagEdit-min-height); |
|
} |
|
|
|
.btn-tag-delete { |
|
display: var(--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-display); |
|
justify-content: var(--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-justify-content); |
|
align-items: var(--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-align-items); |
|
cursor: var(--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-cursor); |
|
border: var(--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-border); |
|
background: var(--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-background); |
|
padding: var(--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-padding); |
|
width: var(--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-width); |
|
height: var(--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-height); |
|
border-left: var(--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-border-left); |
|
border-radius: var(--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-border-radius); |
|
border-top-right-radius: var(--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-border-top-right-radius); |
|
border-bottom-right-radius: var(--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-border-bottom-right-radius); |
|
|
|
&:hover { |
|
background: var(--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDeleteHover-bbackground); |
|
|
|
svg { |
|
fill: var(--pp-pt-dsb-ptl-pt-ptm-pte-btdh-svg-fill) !important; |
|
} |
|
} |
|
} |
|
} |
|
|
|
.btn-tag-extend { |
|
display: var(--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-display); |
|
justify-content: var(--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-justify-content); |
|
align-items: var(--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-align-items); |
|
position: var(--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-position); |
|
top: var(--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-top); |
|
left: var(--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-left); |
|
z-index: var(--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-z-index); |
|
padding: var(--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-padding); |
|
box-shadow: var(--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-box-shadow); |
|
.common-colourful-background(); |
|
border-radius: var(--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-border-radius); |
|
overflow: var(--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-overflow); |
|
|
|
> button { |
|
height: var(--pp-pt-dsb-ptl-pt-ptm-bte-button-height); |
|
width: var(--pp-pt-dsb-ptl-pt-ptm-bte-button-width); |
|
border: var(--pp-pt-dsb-ptl-pt-ptm-bte-button-border); |
|
border-radius: var(--pp-pt-dsb-ptl-pt-ptm-bte-button-border-radius); |
|
padding: var(--pp-pt-dsb-ptl-pt-ptm-bte-button-padding); |
|
min-width: var(--pp-pt-dsb-ptl-pt-ptm-bte-button-min-width); |
|
font-size: var(--pp-pt-dsb-ptl-pt-ptm-bte-button-font-size); |
|
min-height: var(--pp-pt-dsb-ptl-pt-ptm-bte-button-min-height); |
|
background: var(--pp-pt-dsb-ptl-pt-ptm-bte-button-background); |
|
color: var(--pp-pt-dsb-ptl-pt-ptm-bte-button-color); |
|
border-right: var(--pp-pt-dsb-ptl-pt-ptm-bte-button-border-right); |
|
|
|
&:last-child { |
|
border-right: var(--pp-pt-dsb-ptl-pt-ptm-bte-buttonLastChild-border-right); |
|
} |
|
|
|
&:hover { |
|
background: var(--pp-pt-dsb-ptl-pt-ptm-bte-buttonHover-background); |
|
} |
|
} |
|
|
|
> input { |
|
width: var(--pp-pt-dsb-ptl-pt-ptm-bte-input-width); |
|
border: var(--pp-pt-dsb-ptl-pt-ptm-bte-input-border); |
|
} |
|
|
|
.input-number { |
|
width: var(--pp-pt-dsb-ptl-pt-ptm-bte-inputNumer-width); |
|
border: var(--pp-pt-dsb-ptl-pt-ptm-bte-inputNumer-border); |
|
padding: var(--pp-pt-dsb-ptl-pt-ptm-bte-inputNumer-padding); |
|
|
|
.vue-number-input__button { |
|
width: var(--pp-pt-dsb-ptl-pt-ptm-bte-vue-number-input__button-width); |
|
background: var(--pp-pt-dsb-ptl-pt-ptm-bte-vue-number-input__button-background); |
|
} |
|
|
|
.vue-number-input__input { |
|
height: var(--pp-pt-dsb-ptl-pt-ptm-bte-vue-number-input__input-height); |
|
border: var(--pp-pt-dsb-ptl-pt-ptm-bte-vue-number-input__input-border); |
|
padding: var(--pp-pt-dsb-ptl-pt-ptm-bte-vue-number-input__input-padding); |
|
} |
|
} |
|
|
|
input[type=number]::-webkit-inner-spin-button, |
|
input[type=number]::-webkit-outer-spin-button { |
|
opacity: 1; |
|
} |
|
} |
|
} |
|
|
|
.prompt-local-language { |
|
margin-top: var(--pp-pt-dsb-ptl-pt-promptLocalLanguage-margin-top); |
|
display: var(--pp-pt-dsb-ptl-pt-promptLocalLanguage-display); |
|
justify-content: var(--pp-pt-dsb-ptl-pt-promptLocalLanguage-justify-content); |
|
align-items: var(--pp-pt-dsb-ptl-pt-promptLocalLanguage-align-items); |
|
|
|
.translate-to-local { |
|
cursor: var(--pp-pt-dsb-ptl-pt-pll-translateToLocal-cursor); |
|
} |
|
|
|
.local-language { |
|
font-size: var(--pp-pt-dsb-ptl-pt-pll-localLanguage-font-size); |
|
color: var(--pp-pt-dsb-ptl-pt-pll-localLanguage-color); |
|
margin-left: var(--pp-pt-dsb-ptl-pt-pll-localLanguage-margin-left); |
|
pointer-events: var(--pp-pt-dsb-ptl-pt-pll-localLanguage-pointer-events); |
|
} |
|
} |
|
} |
|
} |
|
|
|
input[type="text"], input[type="number"] { |
|
display: var(--pp-pt-input-display); |
|
overflow-y: var(--pp-pt-input-overflow-y); |
|
height: var(--pp-pt-input-height); |
|
padding: var(--pp-pt-input-padding); |
|
border: var(--pp-pt-input-border); |
|
appearance: var(--pp-pt-input-appearance); |
|
background-color: var(--pp-pt-input-background-color); |
|
font-size: var(--pp-pt-input-font-size); |
|
line-height: var(--pp-pt-input-line-height); |
|
font-family: var(--pp-pt-input-font-family); |
|
font-weight: var(--pp-pt-input-font-weight); |
|
border-radius: var(--pp-pt-input-border-radius); |
|
|
|
&:focus { |
|
box-shadow: var(--pp-pt-inputFocus-box-shadow); |
|
border-color: var(--pp-pt-inputFocus-border-color); |
|
} |
|
} |
|
|
|
.gradio-button { |
|
max-width: var(--pp-pt-gradioButton-max-width) !important; |
|
width: var(--pp-pt-gradioButton-width) !important; |
|
padding: var(--pp-pt-gradioButton-padding) !important; |
|
} |
|
} |
|
|
|
.prompt-append-list { |
|
.common-popup-main(var(--pp-pt-promptAppendList-width), var(--pp-pt-promptAppendList-padding), var(--pp-pt-promptAppendList-position)); |
|
z-index: var(--pp-pt-promptAppendList-z-index); |
|
background: var(--pp-pt-promptAppendList-background); |
|
|
|
.prompt-append-group { |
|
font-size: var(--pp-pt-pal-promptAppendGroup-font-size); |
|
color: var(--pp-pt-pal-promptAppendGroup-color); |
|
padding: var(--pp-pt-pal-promptAppendGroup-padding); |
|
cursor: var(--pp-pt-pal-promptAppendGroup-cursor); |
|
position: var(--pp-pt-pal-promptAppendGroup-position); |
|
|
|
&:hover, &.selected { |
|
.common-colourful-background(); |
|
|
|
.append-group-list { |
|
display: var(--pp-pt-pal-paghs-appendGroupList-display); |
|
} |
|
} |
|
|
|
.append-group-name { |
|
display: var(--pp-pt-pal-pag-appendGroupName-display); |
|
justify-content: var(--pp-pt-pal-pag-appendGroupName-justify-content); |
|
align-items: var(--pp-pt-pal-pag-appendGroupName-align-items); |
|
cursor: var(--pp-pt-pal-pag-appendGroupName-cursor); |
|
flex-wrap: var(--pp-pt-pal-pag-appendGroupName-flex-wrap); |
|
white-space: var(--pp-pt-pal-pag-appendGroupName-white-space); |
|
|
|
.name-icon { |
|
margin-right: var(--pp-pt-pal-pag-agn-nameIcon-margin-right); |
|
} |
|
|
|
.arrow-right { |
|
margin-left: var(--pp-pt-pal-pag-agn-arrowRight-margin-left); |
|
|
|
&::after { |
|
content: var(--pp-pt-pal-pag-agn-arrowRightAfter-content); |
|
display: var(--pp-pt-pal-pag-agn-arrowRightAfter-display); |
|
width: var(--pp-pt-pal-pag-agn-arrowRightAfter-width); |
|
height: var(--pp-pt-pal-pag-agn-arrowRightAfter-height); |
|
border-top: var(--pp-pt-pal-pag-agn-arrowRightAfter-border-top); |
|
border-bottom: var(--pp-pt-pal-pag-agn-arrowRightAfter-border-bottom); |
|
border-left: var(--pp-pt-pal-pag-agn-arrowRightAfter-border-left); |
|
} |
|
} |
|
} |
|
|
|
.append-group-list { |
|
.common-popup-main-background(); |
|
background: var(--pp-pt-pal-pag-appendGroupList-background); |
|
display: var(--pp-pt-pal-pag-appendGroupList-display); |
|
position: var(--pp-pt-pal-pag-appendGroupList-position); |
|
top: var(--pp-pt-pal-pag-appendGroupList-top); |
|
left: var(--pp-pt-pal-pag-appendGroupList-left); |
|
height: var(--pp-pt-pal-pag-appendGroupList-height); |
|
overflow: var(--pp-pt-pal-pag-appendGroupList-overflow); |
|
overflow-y: var(--pp-pt-pal-pag-appendGroupList-overflow-y); |
|
|
|
.append-item { |
|
width: var(--pp-pt-pal-pag-agl-appendItem-width); |
|
font-size: var(--pp-pt-pal-pag-agl-appendItem-font-size); |
|
color: var(--pp-pt-pal-pag-agl-appendItem-color); |
|
padding: var(--pp-pt-pal-pag-agl-appendItem-padding); |
|
cursor: var(--pp-pt-pal-pag-agl-appendItem-cursor); |
|
position: var(--pp-pt-pal-pag-agl-appendItem-position); |
|
|
|
&:hover, &.selected { |
|
.common-colourful-background(); |
|
} |
|
|
|
.tags-name { |
|
width: var(--pp-pt-pal-pag-agl-ai-tagsName-width); |
|
overflow: var(--pp-pt-pal-pag-agl-ai-tagsName-overflow); |
|
text-overflow: var(--pp-pt-pal-pag-agl-ai-tagsName-text-overflow); |
|
white-space: var(--pp-pt-pal-pag-agl-ai-tagsName-white-space); |
|
display: var(--pp-pt-pal-pag-agl-ai-tagsName-display); |
|
} |
|
} |
|
} |
|
|
|
.tags-detail { |
|
position: var(--pp-pt-pal-pag-tagsDetail-position); |
|
right: var(--pp-pt-pal-pag-tagsDetail-right); |
|
top: var(--pp-pt-pal-pag-tagsDetail-top); |
|
width: var(--pp-pt-pal-pag-tagsDetail-width); |
|
z-index: var(--pp-pt-pal-pag-tagsDetail-z-index); |
|
.common-colourful-background(); |
|
.common-popup-main-background(); |
|
opacity: var(--pp-pt-pal-pag-tagsDetail-opacity); |
|
padding: var(--pp-pt-pal-pag-tagsDetail-padding); |
|
color: var(--pp-pt-pal-pag-tagsDetail-color); |
|
|
|
.tags-list { |
|
display: var(--pp-pt-pal-pag-td-tagsList-display); |
|
justify-content: var(--pp-pt-pal-pag-td-tagsList-justify-content); |
|
align-items: var(--pp-pt-pal-pag-td-tagsList-align-items); |
|
flex-wrap: var(--pp-pt-pal-pag-td-tagsList-flex-wrap); |
|
|
|
.item-wrap { |
|
flex-basis: var(--pp-pt-pal-pag-td-tl-itemWrap-flex-basis); |
|
height: var(--pp-pt-pal-pag-td-tl-itemWrap-height); |
|
margin: var(--pp-pt-pal-pag-td-tl-itemWrap-margin); |
|
padding: var(--pp-pt-pal-pag-td-tl-itemWrap-padding); |
|
} |
|
|
|
.tags-item { |
|
margin-right: var(--pp-pt-pal-pag-td-tl-tagsItem-margin-right); |
|
margin-bottom: var(--pp-pt-pal-pag-td-tl-tagsItem-margin-bottom); |
|
|
|
&:last-child { |
|
margin-right: var(--pp-pt-pal-pag-td-tl-tagsItemLastChild-margin-right); |
|
} |
|
|
|
.item-tag-value { |
|
padding: var(--pp-pt-pal-pag-td-tl-ti-itemTagValue-padding); |
|
border-radius: var(--pp-pt-pal-pag-td-tl-ti-itemTagValue-border-radius); |
|
background: var(--pp-pt-pal-pag-td-tl-ti-itemTagValue-background); |
|
font-size: var(--pp-pt-pal-pag-td-tl-ti-itemTagValue-font-size); |
|
color: var(--pp-pt-pal-pag-td-tl-ti-itemTagValue-color); |
|
} |
|
|
|
.item-tag-local-value { |
|
font-size: var(--pp-pt-pal-pag-td-tl-ti-itemTagLocalValue-font-size); |
|
margin-top: var(--pp-pt-pal-pag-td-tl-ti-itemTagLocalValue-margin-top); |
|
} |
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
.show-group-tags { |
|
position: var(--pp-pt-pal-showGroupTags-position); |
|
width: var(--pp-pt-pal-showGroupTags-width); |
|
height: var(--pp-pt-pal-showGroupTags-height); |
|
margin-top: var(--pp-pt-pal-showGroupTags-margin-top); |
|
margin-left: var(--pp-pt-pal-showGroupTags-margin-left); |
|
cursor: var(--pp-pt-pal-showGroupTags-cursor); |
|
.set-icon-svg(var(--pp-pt-pal-sgt-iconSvgUnfold-width), var(--pp-pt-pal-sgt-iconSvgUnfold-height), var(--pp-pt-pal-sgt-iconSvgUnfold-color), icon-svg-unfold); |
|
|
|
&.hided { |
|
transform: var(--pp-pt-pal-showGroupTagsHided-transform); |
|
} |
|
} |
|
|
|
.group-tabs { |
|
margin-top: var(--pp-pt-groupTabs-margin-top); |
|
|
|
.group-header { |
|
display: var(--pp-pt-gt-groupHeader-display); |
|
flex-wrap: var(--pp-pt-gt-groupHeader-flex-wrap); |
|
background: var(--pp-pt-gt-groupHeader-background); |
|
border-radius: var(--pp-pt-gt-groupHeader-border-radius); |
|
border-bottom-left-radius: var(--pp-pt-gt-groupHeader-border-bottom-left-radius); |
|
border-bottom-right-radius: var(--pp-pt-gt-groupHeader-border-bottom-right-radius); |
|
overflow: var(--pp-pt-gt-groupHeader-overflow); |
|
overflow-x: var(--pp-pt-gt-groupHeader-overflow-x); |
|
|
|
&::-webkit-scrollbar { |
|
height: var(--pp-pt-gt-groupHeaderWebkitScrollbar-height); |
|
background: var(--pp-pt-gt-groupHeaderWebkitScrollbar-background); |
|
} |
|
|
|
&::-webkit-scrollbar-thumb { |
|
background: var(--pp-pt-gt-groupHeaderWebkitScrollbarThumb-background); |
|
border-radius: var(--pp-pt-gt-groupHeaderWebkitScrollbarThumb-border-radius); |
|
|
|
&:hover { |
|
background: var(--pp-pt-gt-groupHeaderWebkitScrollbarThumbHover-background); |
|
} |
|
} |
|
|
|
.group-tab { |
|
cursor: var(--pp-pt-gt-gh-groupTab-cursor); |
|
padding: var(--pp-pt-gt-gh-groupTab-padding); |
|
border-right: var(--pp-pt-gt-gh-groupTab-border-right); |
|
font-size: var(--pp-pt-gt-gh-groupTab-font-size); |
|
color: var(--pp-pt-gt-gh-groupTab-color); |
|
white-space: var(--pp-pt-gt-gh-groupTab-white-space); |
|
|
|
&:hover, &.active { |
|
background: var(--pp-pt-gt-gh-groupTabHoverActive-background); |
|
color: var(--pp-pt-gt-gh-groupTabHoverActive-color); |
|
} |
|
|
|
&:last-child { |
|
border-right: var(--pp-pt-gt-gh-groupTabLastChild-border-right); |
|
} |
|
} |
|
} |
|
|
|
.group-body { |
|
padding: var(--pp-pt-gt-groupBody-padding); |
|
border: var(--pp-pt-gt-groupBody-border); |
|
|
|
.group-main { |
|
display: var(--pp-pt-gt-gb-groupMain-display); |
|
|
|
&.active { |
|
display: var(--pp-pt-gt-gb-groupMainActive-display); |
|
} |
|
|
|
.sub-group-header { |
|
display: var(--pp-pt-gt-gb-gm-subGroupHeader-display); |
|
flex-wrap: var(--pp-pt-gt-gb-gm-subGroupHeader-flex-wrap); |
|
align-items: var(--pp-pt-gt-gb-gm-subGroupHeader-align-items); |
|
|
|
.sub-group-tab { |
|
cursor: var(--pp-pt-gt-gb-gm-sgh-subGroupTab-cursor); |
|
padding: var(--pp-pt-gt-gb-gm-sgh-subGroupTab-padding); |
|
border-bottom: var(--pp-pt-gt-gb-gm-sgh-subGroupTab-border-bottom); |
|
background: var(--pp-pt-gt-gb-gm-sgh-subGroupTab-background); |
|
border-radius: var(--pp-pt-gt-gb-gm-sgh-subGroupTab-border-radius); |
|
margin-bottom: var(--pp-pt-gt-gb-gm-sgh-subGroupTab-margin-bottom); |
|
font-size: var(--pp-pt-gt-gb-gm-sgh-subGroupTab-font-size); |
|
color: var(--pp-pt-gt-gb-gm-sgh-subGroupTab-color); |
|
|
|
&:hover, &.active { |
|
border-bottom: var(--pp-pt-gt-gb-gm-sgh-subGroupTabHoverActive-border-bottom); |
|
} |
|
} |
|
|
|
.sub-group-tag-wrap { |
|
flex-basis: var(--pp-pt-gt-gb-gm-sgh-subGroupTabWrap-flex-basis); |
|
height: var(--pp-pt-gt-gb-gm-sgh-subGroupTabWrap-height); |
|
overflow: var(--pp-pt-gt-gb-gm-sgh-subGroupTabWrap-overflow); |
|
} |
|
} |
|
|
|
.sub-group-body { |
|
|
|
} |
|
|
|
.sub-group-main { |
|
display: var(--pp-pt-gt-gb-gm-subGroupMain-display); |
|
|
|
&.active { |
|
display: var(--pp-pt-gt-gb-gm-subGroupMainActive-display); |
|
} |
|
|
|
.group-tags { |
|
display: var(--pp-pt-gt-gb-gm-sgm-groupTags-display); |
|
flex-wrap: var(--pp-pt-gt-gb-gm-sgm-groupTags-flex-wrap); |
|
align-items: var(--pp-pt-gt-gb-gm-sgm-groupTags-align-items); |
|
|
|
.tag-item { |
|
margin: var(--pp-pt-gt-gb-gm-sgm-gt-tagItem-margin); |
|
cursor: var(--pp-pt-gt-gb-gm-sgm-gt-tagItem-cursor); |
|
|
|
&:hover { |
|
background: var(--pp-pt-gt-gb-gm-sgm-gt-tagItemHover-background); |
|
} |
|
|
|
.tag-local { |
|
padding: var(--pp-pt-gt-gb-gm-sgm-gt-ti-tagLocal-padding); |
|
background: var(--pp-pt-gt-gb-gm-sgm-gt-ti-tagLocal-background); |
|
border-top-left-radius: var(--pp-pt-gt-gb-gm-sgm-gt-ti-tagLocal-border-top-left-radius); |
|
border-bottom-left-radius: var(--pp-pt-gt-gb-gm-sgm-gt-ti-tagLocal-border-bottom-left-radius); |
|
text-align: var(--pp-pt-gt-gb-gm-sgm-gt-ti-tagLocal-text-align); |
|
font-size: var(--pp-pt-gt-gb-gm-sgm-gt-ti-tagLocal-font-size); |
|
color: var(--pp-pt-gt-gb-gm-sgm-gt-ti-tagLocal-color); |
|
max-width: var(--pp-pt-gt-gb-gm-sgm-gt-ti-tagLocal-max-width); |
|
white-space: var(--pp-pt-gt-gb-gm-sgm-gt-ti-tagLocal-white-space); |
|
text-overflow: var(--pp-pt-gt-gb-gm-sgm-gt-ti-tagLocal-text-overflow); |
|
overflow: var(--pp-pt-gt-gb-gm-sgm-gt-ti-tagLocal-overflow); |
|
} |
|
|
|
.tag-en { |
|
padding: var(--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-padding); |
|
background: var(--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-background); |
|
border-top-right-radius: var(--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-border-top-right-radius); |
|
border-bottom-right-radius: var(--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-border-bottom-right-radius); |
|
text-align: var(--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-text-align); |
|
font-size: var(--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-font-size); |
|
color: var(--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-color); |
|
max-width: var(--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-max-width); |
|
white-space: var(--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-white-space); |
|
text-overflow: var(--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-text-overflow); |
|
overflow: var(--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-overflow); |
|
} |
|
} |
|
} |
|
|
|
.tags-footer { |
|
margin-top: var(--pp-pt-gt-gb-gm-sgm-tagsFooter-margin-top); |
|
padding-top: var(--pp-pt-gt-gb-gm-sgm-tagsFooter-padding-top); |
|
display: var(--pp-pt-gt-gb-gm-sgm-tagsFooter-display); |
|
justify-content: var(--pp-pt-gt-gb-gm-sgm-tagsFooter-justify-content); |
|
align-items: var(--pp-pt-gt-gb-gm-sgm-tagsFooter-align-items); |
|
border-top: var(--pp-pt-gt-gb-gm-sgm-tagsFooter-border-top); |
|
|
|
.tags-color { |
|
display: var(--pp-pt-gt-gb-gm-sgm-tf-tagsColor-display); |
|
justify-content: var(--pp-pt-gt-gb-gm-sgm-tf-tagsColor-justify-content); |
|
align-items: var(--pp-pt-gt-gb-gm-sgm-tf-tagsColor-align-items); |
|
|
|
> div { |
|
font-size: var(--pp-pt-gt-gb-gm-sgm-tf-tc-div-font-size); |
|
color: var(--pp-pt-gt-gb-gm-sgm-tf-tc-div-color); |
|
white-space: var(--pp-pt-gt-gb-gm-sgm-tf-tc-div-white-space); |
|
} |
|
|
|
.tags-color-reset, .tags-color-clear { |
|
width: var(--pp-pt-gt-gb-gm-sgm-tf-tc-tagsColorResetClear-width); |
|
height: var(--pp-pt-gt-gb-gm-sgm-tf-tc-tagsColorResetClear-height); |
|
border-radius: var(--pp-pt-gt-gb-gm-sgm-tf-tc-tagsColorResetClear-border-radius); |
|
border: var(--pp-pt-gt-gb-gm-sgm-tf-tc-tagsColorResetClear-border); |
|
display: var(--pp-pt-gt-gb-gm-sgm-tf-tc-tagsColorResetClear-display); |
|
justify-content: var(--pp-pt-gt-gb-gm-sgm-tf-tc-tagsColorResetClear-justify-content); |
|
align-items: var(--pp-pt-gt-gb-gm-sgm-tf-tc-tagsColorResetClear-align-items); |
|
margin-left: var(--pp-pt-gt-gb-gm-sgm-tf-tc-tagsColorResetClear-margin-left); |
|
|
|
.set-icon-svg(var(--pp-pt-gt-gb-gm-sgm-tf-tc-tcrc-iconSvgReset-width), var(--pp-pt-gt-gb-gm-sgm-tf-tc-tcrc-iconSvgReset-height), var(--pp-pt-gt-gb-gm-sgm-tf-tc-tcrc-iconSvgReset-color), icon-svg-reset); |
|
.set-icon-svg(var(--pp-pt-gt-gb-gm-sgm-tf-tc-tcrc-iconSvgClear-width), var(--pp-pt-gt-gb-gm-sgm-tf-tc-tcrc-iconSvgClear-height), var(--pp-pt-gt-gb-gm-sgm-tf-tc-tcrc-iconSvgClear-color), icon-svg-clear); |
|
} |
|
|
|
.tags-color-picker { |
|
margin-left: var(--pp-pt-gt-gb-gm-sgm-tf-tc-tagsColorPicker-margin-left); |
|
} |
|
|
|
.vc-color-wrap { |
|
width: var(--pp-pt-gt-gb-gm-sgm-tf-tc-vcColorWrap-width) !important; |
|
height: var(--pp-pt-gt-gb-gm-sgm-tf-tc-vcColorWrap-height) !important; |
|
border: var(--pp-pt-gt-gb-gm-sgm-tf-tc-vcColorWrap-border); |
|
margin-right: var(--pp-pt-gt-gb-gm-sgm-tf-tc-vcColorWrap-margin-right) !important; |
|
} |
|
} |
|
|
|
.tags-copyright { |
|
color: var(--pp-pt-gt-gb-gm-sgm-tf-tagsCopyRight-color); |
|
font-size: var(--pp-pt-gt-gb-gm-sgm-tf-tagsCopyRight-font-size); |
|
transform-origin: var(--pp-pt-gt-gb-gm-sgm-tf-tagsCopyRight-transform-origin); |
|
transform: var(--pp-pt-gt-gb-gm-sgm-tf-tagsCopyRight-transform); |
|
} |
|
} |
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
.physton-prompt-favorite, .physton-prompt-history { |
|
.common-popup-main(var(--ppfpph-width), var(--ppfpph-padding), var(--ppfpph-position)); |
|
z-index: var(--ppfpph-z-index); |
|
top: var(--ppfpph-top); |
|
left: var(--ppfpph-left); |
|
overflow: var(--ppfpph-overflow); |
|
|
|
.popup-tabs { |
|
display: var(--ppfpph-popupTabs-display); |
|
justify-content: var(--ppfpph-popupTabs-justify-content); |
|
align-items: var(--ppfpph-popupTabs-align-items); |
|
border-top-left-radius: var(--ppfpph-popupTabs-border-top-left-radius); |
|
border-top-right-radius: var(--ppfpph-popupTabs-border-top-right-radius); |
|
overflow: var(--ppfpph-popupTabs-overflow); |
|
|
|
.popup-tab { |
|
padding: var(--ppfpph-pt-popupTab-padding); |
|
cursor: var(--ppfpph-pt-popupTab-cursor); |
|
position: var(--ppfpph-pt-popupTab-position); |
|
flex: var(--ppfpph-pt-popupTab-flex); |
|
border-bottom: var(--ppfpph-pt-popupTab-border-bottom); |
|
|
|
&:hover, &.active { |
|
.common-colourful-background(); |
|
border-bottom: var(--ppfpph-pt-popupTabHoverActive-border-bottom); |
|
} |
|
|
|
.tab-name, .tab-type, .tab-count { |
|
text-align: var(--ppfpph-pt-pt-tntytc-text-align); |
|
color: var(--ppfpph-pt-pt-tntytc-color); |
|
} |
|
|
|
.tab-name { |
|
font-size: var(--ppfpph-pt-pt-tabName-font-size); |
|
} |
|
|
|
.tab-type { |
|
font-size: var(--ppfpph-pt-pt-tabType-font-size); |
|
margin-top: var(--ppfpph-pt-pt-tabType-margin-top); |
|
} |
|
|
|
.tab-count { |
|
display: var(--ppfpph-pt-pt-tabCount-display); |
|
} |
|
} |
|
} |
|
|
|
.popup-detail { |
|
position: var(--ppfpph-popupDetail-position); |
|
left: var(--ppfpph-popupDetail-left); |
|
top: var(--ppfpph-popupDetail-top); |
|
width: var(--ppfpph-popupDetail-width); |
|
z-index: var(--ppfpph-popupDetail-z-index); |
|
.common-colourful-background(); |
|
.common-popup-main-background(); |
|
padding: var(--ppfpph-popupDetail-padding); |
|
color: var(--ppfpph-popupDetail-color); |
|
|
|
.popup-item-tags { |
|
display: var(--ppfpph-pd-popupItemTags-display); |
|
justify-content: var(--ppfpph-pd-popupItemTags-justify-content); |
|
align-items: var(--ppfpph-pd-popupItemTags-align-items); |
|
flex-wrap: var(--ppfpph-pd-popupItemTags-flex-wrap); |
|
|
|
.item-wrap { |
|
flex-basis: var(--ppfpph-pd-pit-itemWrap-flex-basis); |
|
height: var(--ppfpph-pd-pit-itemWrap-height); |
|
margin: var(--ppfpph-pd-pit-itemWrap-margin); |
|
padding: var(--ppfpph-pd-pit-itemWrap-padding); |
|
} |
|
|
|
.item-tag { |
|
margin-right: var(--ppfpph-pd-pit-itemTag-margin-right); |
|
margin-bottom: var(--ppfpph-pd-pit-itemTag-margin-bottom); |
|
|
|
&:last-child { |
|
margin-right: var(--ppfpph-pd-pit-itemTagLastChild-margin-right); |
|
} |
|
|
|
.item-tag-value { |
|
padding: var(--ppfpph-pd-pit-it-itemTagValue-padding); |
|
border-radius: var(--ppfpph-pd-pit-it-itemTagValue-border-radius); |
|
background: var(--ppfpph-pd-pit-it-itemTagValue-background); |
|
font-size: var(--ppfpph-pd-pit-it-itemTagValue-font-size); |
|
color: var(--ppfpph-pd-pit-it-itemTagValue-color); |
|
} |
|
|
|
.item-tag-local-value { |
|
font-size: var(--ppfpph-pd-pit-it-it-localValue-font-size); |
|
margin-top: var(--ppfpph-pd-pit-it-it-localValue-margin-top); |
|
} |
|
} |
|
} |
|
} |
|
|
|
.popup-tab-content { |
|
display: var(--ppfpph-popupTabContent-display); |
|
width: var(--ppfpph-popupTabContent-width); |
|
height: var(--ppfpph-popupTabContent-height); |
|
|
|
&.active { |
|
display: var(--ppfpph-popupTabContentActive-display); |
|
} |
|
|
|
.content-list { |
|
width: var(--ppfpph-ptc-contentList-width); |
|
height: var(--ppfpph-ptc-contentList-height); |
|
overflow: var(--ppfpph-ptc-contentList-overflow); |
|
overflow-y: var(--ppfpph-ptc-contentList-overflow-y); |
|
|
|
.clear-btn { |
|
background: var(--ppfpph-ptc-cl-clearBtn-background); |
|
position: var(--ppfpph-ptc-cl-clearBtn-position); |
|
top: var(--ppfpph-ptc-cl-clearBtn-top); |
|
padding: var(--ppfpph-ptc-cl-clearBtn-padding); |
|
cursor: var(--ppfpph-ptc-cl-clearBtn-cursor); |
|
border-bottom: var(--ppfpph-ptc-cl-clearBtn-border-bottom); |
|
color: var(--ppfpph-ptc-cl-clearBtn-color); |
|
text-align: var(--ppfpph-ptc-cl-clearBtn-text-align); |
|
display: var(--ppfpph-ptc-cl-clearBtn-display); |
|
justify-content: var(--ppfpph-ptc-cl-clearBtn-justify-content); |
|
align-items: var(--ppfpph-ptc-cl-clearBtn-align-items); |
|
|
|
&:hover { |
|
border-bottom: var(--ppfpph-ptc-cl-clearBtnHover-border-bottom); |
|
font-weight: var(--ppfpph-ptc-cl-clearBtnHover-font-weight); |
|
} |
|
|
|
.set-icon-svg(var(--ppfpph-ptc-cl-cb-iconSvgRemove-width), var(--ppfpph-ptc-cl-cb-iconSvgRemove-height), var(--ppfpph-ptc-cl-cb-iconSvgRemove-color), icon-svg-remove); |
|
} |
|
|
|
.content-item { |
|
padding: var(--ppfpph-ptc-cl-contentItem-padding); |
|
border-bottom: var(--ppfpph-ptc-cl-contentItem-border-bottom); |
|
cursor: var(--ppfpph-ptc-cl-contentItem-cursor); |
|
|
|
&:hover { |
|
background: var(--ppfpph-ptc-cl-contentItemHover-background); |
|
|
|
.item-prompt { |
|
overflow: var(--ppfpph-ptc-cl-cih-itemPrompt-overflow); |
|
white-space: var(--ppfpph-ptc-cl-cih-itemPrompt-white-space); |
|
} |
|
} |
|
|
|
.item-header { |
|
display: var(--ppfpph-ptc-cl-ci-itemHeader-display); |
|
justify-content: var(--ppfpph-ptc-cl-ci-itemHeader-justify-content); |
|
align-items: var(--ppfpph-ptc-cl-ci-itemHeader-align-items); |
|
margin-bottom: var(--ppfpph-ptc-cl-ci-itemHeader-margin-bottom); |
|
|
|
.item-header-left, .item-header-right { |
|
display: var(--ppfpph-ptc-cl-ci-ih-itemHeaderLeftRight-display); |
|
justify-content: var(--ppfpph-ptc-cl-ci-ih-itemHeaderLeftRight-justify-content); |
|
align-items: var(--ppfpph-ptc-cl-ci-ih-itemHeaderLeftRight-align-items); |
|
|
|
.set-icon-svg(var(--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgRemove-width), var(--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgRemove-height), var(--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgRemove-color), icon-svg-remove); |
|
.set-icon-svg(var(--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgFavoriteYes-width), var(--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgFavoriteYes-height), var(--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgFavoriteYes-color), icon-svg-favorite-yes); |
|
.set-icon-svg(var(--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgFavoriteNo-width), var(--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgFavoriteNo-height), var(--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgFavoriteNo-color), icon-svg-favorite-no); |
|
.set-icon-svg(var(--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgCopy-width), var(--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgCopy-height), var(--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgCopy-color), icon-svg-copy); |
|
.set-icon-svg(var(--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgUse-width), var(--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgUse-height), var(--ppfpph-ptc-cl-ci-ih-ihlr-iconSvgUse-color), icon-svg-use); |
|
|
|
> div { |
|
margin-right: var(--ppfpph-ptc-cl-ci-ih-ihlr-div-margin-right); |
|
font-size: var(--ppfpph-ptc-cl-ci-ih-ihlr-div-font-size); |
|
color: var(--ppfpph-ptc-cl-ci-ih-ihlr-div-color); |
|
|
|
&:last-child { |
|
margin-right: var(--ppfpph-ptc-cl-ci-ih-ihlr-divLastChild-margin-right); |
|
} |
|
} |
|
} |
|
|
|
.item-header-left { |
|
flex: var(--ppfpph-ptc-cl-ci-ih-itemHeaderLeft-flex); |
|
|
|
.item-header-index { |
|
background: var(--ppfpph-ptc-cl-ci-ih-ihl-itemHeaderIndex-background); |
|
padding: var(--ppfpph-ptc-cl-ci-ih-ihl-itemHeaderIndex-padding); |
|
width: var(--ppfpph-ptc-cl-ci-ih-ihl-itemHeaderIndex-width); |
|
text-align: var(--ppfpph-ptc-cl-ci-ih-ihl-itemHeaderIndex-text-align); |
|
} |
|
|
|
.item-header-time { |
|
width: var(--ppfpph-ptc-cl-ci-ih-ihl-itemHeaderTime-width); |
|
} |
|
|
|
.item-header-name { |
|
flex: var(--ppfpph-ptc-cl-ci-ih-ihl-itemHeaderName-flex); |
|
|
|
.header-name-input { |
|
background: var(--ppfpph-ptc-cl-ci-ih-ihl-ihn-headerNameInput-background); |
|
border: var(--ppfpph-ptc-cl-ci-ih-ihl-ihn-headerNameInput-border); |
|
height: var(--ppfpph-ptc-cl-ci-ih-ihl-ihn-headerNameInput-height); |
|
padding: var(--ppfpph-ptc-cl-ci-ih-ihl-ihn-headerNameInput-padding); |
|
width: var(--ppfpph-ptc-cl-ci-ih-ihl-ihn-headerNameInput-width); |
|
font-size: var(--ppfpph-ptc-cl-ci-ih-ihl-ihn-headerNameInput-font-size); |
|
color: var(--ppfpph-ptc-cl-ci-ih-ihl-ihn-headerNameInput-color); |
|
|
|
&:focus { |
|
outline: var(--ppfpph-ptc-cl-ci-ih-ihl-ihn-headerNameInputFocus-outline); |
|
border-color: var(--ppfpph-ptc-cl-ci-ih-ihl-ihn-headerNameInputFocus-border-color); |
|
} |
|
} |
|
} |
|
} |
|
|
|
.item-header-right { |
|
font-size: var(--ppfpph-ptc-cl-ci-ih-itemHeaderRight-font-size); |
|
color: var(--ppfpph-ptc-cl-ci-ih-itemHeaderRight-color); |
|
} |
|
} |
|
|
|
.item-prompt { |
|
margin-top: var(--ppfpph-ptc-cl-ci-itemPrompt-margin-top); |
|
font-size: var(--ppfpph-ptc-cl-ci-itemPrompt-font-size); |
|
line-height: var(--ppfpph-ptc-cl-ci-itemPrompt-line-height); |
|
color: var(--ppfpph-ptc-cl-ci-itemPrompt-color); |
|
overflow: var(--ppfpph-ptc-cl-ci-itemPrompt-overflow); |
|
text-overflow: var(--ppfpph-ptc-cl-ci-itemPrompt-text-overflow); |
|
white-space: var(--ppfpph-ptc-cl-ci-itemPrompt-white-space); |
|
} |
|
} |
|
} |
|
|
|
.content-empty { |
|
height: var(--ppfpph-ptc-contentEmpty-height); |
|
display: var(--ppfpph-ptc-contentEmpty-display); |
|
justify-content: var(--ppfpph-ptc-contentEmpty-justify-content); |
|
align-items: var(--ppfpph-ptc-contentEmpty-align-items); |
|
|
|
.set-icon-svg(var(--ppfpph-ptc-ce-iconSvgLoading-width), var(--ppfpph-ptc-ce-iconSvgLoading-height), var(--ppfpph-ptc-ce-iconSvgLoading-color), icon-svg-loading); |
|
|
|
span { |
|
font-size: var(--ppfpph-ptc-ce-span-font-size); |
|
color: var(--ppfpph-ptc-ce-span-color); |
|
} |
|
} |
|
} |
|
} |
|
|
|
.physton-prompt-select-language { |
|
.common-popup-bg(); |
|
|
|
.language-main { |
|
height: var(--ppsl-languageMain-height); |
|
position: var(--ppsl-languageMain-position); |
|
|
|
.language-close { |
|
.common-popup-close(); |
|
} |
|
|
|
.language-list { |
|
height: var(--ppsl-languageList-height); |
|
overflow: var(--ppsl-languageList-overflow); |
|
overflow-y: var(--ppsl-languageList-overflow-y); |
|
display: var(--ppsl-languageList-display); |
|
position: var(--ppsl-languageList-position); |
|
box-shadow: var(--ppsl-languageList-box-shadow); |
|
border-radius: var(--ppsl-languageList-border-radius); |
|
background-color: var(--ppsl-languageList-background-color); |
|
transition: var(--ppsl-languageList-transition); |
|
|
|
.language-item { |
|
font-size: var(--ppsl-ll-languageItem-font-size); |
|
color: var(--ppsl-ll-languageItem-color); |
|
padding: var(--ppsl-ll-languageItem-padding); |
|
cursor: var(--ppsl-ll-languageItem-cursor); |
|
|
|
&:hover, &.selected { |
|
.common-colourful-background(); |
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
.physton-prompt-format { |
|
.common-popup-bg(); |
|
|
|
.format-main { |
|
min-height: var(--ppf-formatMain-min-height); |
|
position: var(--ppf-formatMain-position); |
|
|
|
.format-close { |
|
.common-popup-close(); |
|
} |
|
|
|
.format-list { |
|
display: var(--ppf-fm-formatList-display); |
|
position: var(--ppf-fm-formatList-position); |
|
box-shadow: var(--ppf-fm-formatList-box-shadow); |
|
border-radius: var(--ppf-fm-formatList-border-radius); |
|
background-color: var(--ppf-fm-formatList-background-color); |
|
transition: var(--ppf-fm-formatList-transition); |
|
padding: var(--ppf-fm-formatList-padding); |
|
|
|
.format-item { |
|
display: var(--ppf-fm-fl-formatItem-display); |
|
justify-content: var(--ppf-fm-fl-formatItem-justify-content); |
|
align-items: var(--ppf-fm-fl-formatItem-align-items); |
|
margin-top: var(--ppf-fm-fl-formatItem-margin-top); |
|
|
|
&:first-child { |
|
margin-top: var(--ppf-fm-fl-formatItemFirstChild-margin-top); |
|
} |
|
|
|
.format-checkbox { |
|
position: var(--ppf-fm-fl-fi-formatCheckbox-position); |
|
box-shadow: var(--ppf-fm-fl-fi-formatCheckbox-box-shadow); |
|
border: var(--ppf-fm-fl-fi-formatCheckbox-border); |
|
border-radius: var(--ppf-fm-fl-fi-formatCheckbox-border-radius); |
|
background-color: var(--ppf-fm-fl-fi-formatCheckbox-background-color); |
|
line-height: var(--ppf-fm-fl-fi-formatCheckbox-line-height); |
|
width: var(--ppf-fm-fl-fi-formatCheckbox-width); |
|
height: var(--ppf-fm-fl-fi-formatCheckbox-height); |
|
margin-top: var(--ppf-fm-fl-fi-formatCheckbox-margin-top); |
|
|
|
&:checked { |
|
border-color: var(--ppf-fm-fl-fi-formatCheckboxChecked-border-color); |
|
background-color: var(--ppf-fm-fl-fi-formatCheckboxChecked-background-color); |
|
} |
|
} |
|
|
|
.format-desc { |
|
font-size: var(--ppf-fm-fl-fi-formatDesc-font-size); |
|
line-height: var(--ppf-fm-fl-fi-formatDesc-line-height); |
|
color: var(--ppf-fm-fl-fi-formatDesc-color); |
|
margin-left: var(--ppf-fm-fl-fi-formatDesc-margin-left); |
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
.physton-prompt-blacklist { |
|
.common-popup-bg(); |
|
|
|
.blacklist-main { |
|
position: var(--ppb-blacklistMain-position); |
|
|
|
.blacklist-body { |
|
display: var(--ppb-bm-blacklistBody-display); |
|
flex-wrap: var(--ppb-bm-blacklistBody-flex-wrap); |
|
width: var(--ppb-bm-blacklistBody-width); |
|
position: var(--ppb-bm-blacklistBody-position); |
|
box-shadow: var(--ppb-bm-blacklistBody-box-shadow); |
|
border-radius: var(--ppb-bm-blacklistBody-border-radius); |
|
background-color: var(--ppb-bm-blacklistBody-background-color); |
|
transition: var(--ppb-bm-blacklistBody-transition); |
|
padding: var(--ppb-bm-blacklistBody-padding); |
|
box-sizing: var(--ppb-bm-blacklistBody-box-sizing); |
|
|
|
.blacklist-wrap { |
|
flex-basis: var(--ppb-bm-bb-blacklistWrap-flex-basis); |
|
} |
|
|
|
.blacklist-desc { |
|
color: var(--ppb-bm-bb-blacklistDesc-color); |
|
flex-basis: var(--ppb-bm-bb-blacklistDesc-flex-basis); |
|
} |
|
|
|
.blacklist-group { |
|
margin: var(--ppb-bm-bb-blacklistGroup-margin); |
|
flex-grow: var(--ppb-bm-bb-blacklistGroup-flex-grow); |
|
|
|
.group-title { |
|
font-size: var(--ppb-bm-bb-bg-groupTitle-font-size); |
|
color: var(--ppb-bm-bb-bg-groupTitle-color); |
|
} |
|
|
|
.group-content { |
|
margin-top: var(--ppb-bm-bb-bg-groupContent-margin-top); |
|
width: var(--ppb-bm-bb-bg-groupContent-width); |
|
height: var(--ppb-bm-bb-bg-groupContent-height); |
|
resize: var(--ppb-bm-bb-bg-groupContent-resize); |
|
background: var(--ppb-bm-bb-bg-groupContent-background); |
|
border: var(--ppb-bm-bb-bg-groupContent-border); |
|
color: var(--ppb-bm-bb-bg-groupContent-color); |
|
} |
|
} |
|
|
|
.setting-btns { |
|
flex-basis: var(--ppb-bm-bb-settingBtns-flex-basis); |
|
display: var(--ppb-bm-bb-settingBtns-display); |
|
justify-content: var(--ppb-bm-bb-settingBtns-justify-content); |
|
align-items: var(--ppb-bm-bb-settingBtns-align-items); |
|
margin-top: var(--ppb-bm-bb-settingBtns-margin-top); |
|
|
|
.blacklist-save { |
|
cursor: var(--ppb-bm-bb-sb-blacklistSave-cursor); |
|
display: var(--ppb-bm-bb-sb-blacklistSave-display); |
|
padding: var(--ppb-bm-bb-sb-blacklistSave-padding); |
|
height: var(--ppb-bm-bb-sb-blacklistSave-height); |
|
line-height: var(--ppb-bm-bb-sb-blacklistSave-line-height); |
|
color: var(--ppb-bm-bb-sb-blacklistSave-color); |
|
.common-colourful-background(); |
|
border-radius: var(--ppb-bm-bb-sb-blacklistSave-border-radius); |
|
margin-right: var(--ppb-bm-bb-sb-blacklistSave-margin-right); |
|
} |
|
|
|
.blacklist-close { |
|
cursor: var(--ppb-bm-bb-sb-blacklistClose-cursor); |
|
display: var(--ppb-bm-bb-sb-blacklistClose-display); |
|
padding: var(--ppb-bm-bb-sb-blacklistClose-padding); |
|
height: var(--ppb-bm-bb-sb-blacklistClose-height); |
|
line-height: var(--ppb-bm-bb-sb-blacklistClose-line-height); |
|
color: var(--ppb-bm-bb-sb-blacklistClose-color); |
|
background: var(--ppb-bm-bb-sb-blacklistClose-background); |
|
border: var(--ppb-bm-bb-sb-blacklistClose-border); |
|
border-radius: var(--ppb-bm-bb-sb-blacklistClose-border-radius); |
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
.physton-packages-state { |
|
.common-popup-bg(); |
|
z-index: var(--pps-z-index); |
|
|
|
.state-main { |
|
min-height: var(--pps-stateMain-min-height); |
|
position: var(--pps-stateMain-position); |
|
|
|
.state-close { |
|
.common-popup-close(); |
|
} |
|
|
|
.state-body { |
|
display: var(--pps-sm-stateBody-display); |
|
position: var(--pps-sm-stateBody-position); |
|
box-shadow: var(--pps-sm-stateBody-box-shadow); |
|
border-radius: var(--pps-sm-stateBody-border-radius); |
|
background-color: var(--pps-sm-stateBody-background-color); |
|
transition: var(--pps-sm-stateBody-transition); |
|
padding: var(--pps-sm-stateBody-padding); |
|
font-size: var(--pps-sm-stateBody-font-size); |
|
color: var(--pps-sm-stateBody-color); |
|
|
|
.today-now-show { |
|
position: var(--pps-sm-sb-todayNowShow-position); |
|
right: var(--pps-sm-sb-todayNowShow-right); |
|
top: var(--pps-sm-sb-todayNowShow-top); |
|
|
|
label { |
|
display: var(--pps-sm-sb-tns-label-display); |
|
justify-content: var(--pps-sm-sb-tns-label-justify-content); |
|
align-items: var(--pps-sm-sb-tns-label-align-items); |
|
color: var(--pps-sm-sb-tns-label-color); |
|
} |
|
|
|
input[type='checkbox'] { |
|
margin-right: var(--pps-sm-sb-tns-input-margin-right); |
|
width: var(--pps-sm-sb-tns-input-width); |
|
height: var(--pps-sm-sb-tns-input-height); |
|
} |
|
} |
|
|
|
.state-body-name { |
|
font-size: var(--pps-sm-sb-stateBodyName-font-size); |
|
font-weight: var(--pps-sm-sb-stateBodyName-font-weight); |
|
margin-bottom: var(--pps-sm-sb-stateBodyName-margin-bottom); |
|
} |
|
|
|
.state-body-language { |
|
color: var(--pps-sm-sb-stateBodyLanguage-color); |
|
background: var(--pps-sm-sb-stateBodyLanguage-background); |
|
border: var(--pps-sm-sb-stateBodyLanguage-border); |
|
padding: var(--pps-sm-sb-stateBodyLanguage-padding); |
|
line-height: var(--pps-sm-sb-stateBodyLanguage-line-height); |
|
border-radius: var(--pps-sm-sb-stateBodyLanguage-border-radius); |
|
margin-bottom: var(--pps-sm-sb-stateBodyLanguage-margin-bottom); |
|
display: var(--pps-sm-sb-stateBodyLanguage-display); |
|
width: var(--pps-sm-sb-stateBodyLanguage-width); |
|
cursor: var(--pps-sm-sb-stateBodyLanguage-cursor); |
|
|
|
&:hover { |
|
background: var(--pps-sm-sb-stateBodyLanguageHover-background); |
|
border-color: var(--pps-sm-sb-stateBodyLanguageHover-border-color); |
|
} |
|
|
|
.set-icon-svg(var(--pps-sm-sb-sbl-iconSvgI18n-width), var(--pps-sm-sb-sbl-iconSvgI18n-height), var(--pps-sm-sb-sbl-iconSvgI18n-color), icon-svg-i18n); |
|
|
|
.icon-svg-i18n { |
|
margin: var(--pps-sm-sb-sbl-iconSvgI18n-margin); |
|
} |
|
} |
|
|
|
.state-body-desc { |
|
color: var(--pps-sm-sb-stateBodyDesc-color); |
|
font-size: var(--pps-sm-sb-stateBodyDesc-font-size); |
|
white-space: var(--pps-sm-sb-stateBodyDesc-white-space); |
|
word-break: var(--pps-sm-sb-stateBodyDesc-word-break); |
|
} |
|
|
|
.package-list { |
|
margin-top: var(--pps-sm-sb-packageList-margin-top); |
|
border: var(--pps-sm-sb-packageList-border); |
|
padding: var(--pps-sm-sb-packageList-padding); |
|
|
|
.package-item { |
|
padding: var(--pps-sm-sb-pl-packageItem-padding); |
|
display: var(--pps-sm-sb-pl-packageItem-display); |
|
justify-content: var(--pps-sm-sb-pl-packageItem-justify-content); |
|
align-items: var(--pps-sm-sb-pl-packageItem-align-items); |
|
|
|
.package-name { |
|
width: var(--pps-sm-sb-pl-pi-packageName-width); |
|
} |
|
|
|
.package-state { |
|
width: var(--pps-sm-sb-pl-pi-packageState-width); |
|
|
|
&.installed { |
|
|
|
} |
|
|
|
&.not_install { |
|
color: var(--pps-sm-sb-pl-pi-packageStateNotInstall-color); |
|
} |
|
} |
|
|
|
.package-command { |
|
white-space: var(--pps-sm-sb-pl-pi-packageCommand-white-space); |
|
} |
|
} |
|
} |
|
|
|
.btn-packages-install { |
|
cursor: var(--pps-sm-sb-btnPackagesInstall-cursor); |
|
display: var(--pps-sm-sb-btnPackagesInstall-display); |
|
padding: var(--pps-sm-sb-btnPackagesInstall-padding); |
|
height: var(--pps-sm-sb-btnPackagesInstall-height); |
|
line-height: var(--pps-sm-sb-btnPackagesInstall-line-height); |
|
color: var(--pps-sm-sb-btnPackagesInstall-color); |
|
.common-colourful-background(); |
|
border-radius: var(--pps-sm-sb-btnPackagesInstall-border-radius); |
|
margin-top: var(--pps-sm-sb-btnPackagesInstall-margin-top); |
|
|
|
.set-icon-svg(var(--pps-sm-sb-bpi-iconSvgLoading-width), var(--pps-sm-sb-bpi-iconSvgLoading-height), var(--pps-sm-sb-bpi-iconSvgLoading-color), icon-svg-loading); |
|
} |
|
|
|
.install-result { |
|
margin-top: var(--pps-sm-sb-installResult-margin-top); |
|
border: var(--pps-sm-sb-installResult-border); |
|
padding: var(--pps-sm-sb-installResult-padding); |
|
|
|
.result-content { |
|
margin-top: var(--pps-sm-sb-ir-resultContent-margin-top); |
|
white-space: var(--pps-sm-sb-ir-resultContent-white-space); |
|
color: var(--pps-sm-sb-ir-resultContent-color); |
|
line-height: var(--pps-sm-sb-ir-resultContent-line-height); |
|
overflow: var(--pps-sm-sb-ir-resultContent-overflow); |
|
overflow-y: var(--pps-sm-sb-ir-resultContent-overflow-y); |
|
border: var(--pps-sm-sb-ir-resultContent-border); |
|
padding: var(--pps-sm-sb-ir-resultContent-padding); |
|
max-height: var(--pps-sm-sb-ir-resultContent-max-height); |
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
.physton-prompt-translate-setting { |
|
.common-popup-bg(); |
|
|
|
.translate-setting-main { |
|
.common-popup-main(); |
|
|
|
.translate-setting-content { |
|
max-height: var(--ppts-tsm-translateSettingContent-max-height); |
|
overflow: var(--ppts-tsm-translateSettingContent-overflow); |
|
overflow-y: var(--ppts-tsm-translateSettingContent-overflow-y); |
|
padding: var(--ppts-tsm-translateSettingContent-padding); |
|
border: var(--ppts-tsm-translateSettingContent-border); |
|
border-radius: var(--ppts-tsm-translateSettingContent-border-radius); |
|
|
|
|
|
&::-webkit-scrollbar { |
|
width: var(--ppts-tsm-translateSettingContentWebkitScrollbar-width); |
|
height: var(--ppts-tsm-translateSettingContentWebkitScrollbar-height); |
|
} |
|
} |
|
|
|
.setting-line { |
|
display: var(--ppts-tsm-settingLine-display); |
|
justify-content: var(--ppts-tsm-settingLine-justify-content); |
|
align-items: var(--ppts-tsm-settingLine-align-items); |
|
margin-bottom: var(--ppts-tsm-settingLine-margin-bottom); |
|
|
|
.line-title { |
|
font-size: var(--ppts-tsm-sl-lineTitle-font-size); |
|
font-weight: var(--ppts-tsm-sl-lineTitle-font-weight); |
|
color: var(--ppts-tsm-sl-lineTitle-color); |
|
width: var(--ppts-tsm-sl-lineTitle-width); |
|
line-height: var(--ppts-tsm-sl-lineTitle-line-height); |
|
} |
|
|
|
.line-content { |
|
flex: var(--ppts-tsm-sl-lineContent-flex); |
|
font-size: var(--ppts-tsm-sl-lineContent-font-size); |
|
color: var(--ppts-tsm-sl-lineContent-color); |
|
|
|
span, p { |
|
font-size: var(--ppts-tsm-sl-lc-spanP-font-size); |
|
color: var(--ppts-tsm-sl-lc-spanP-color); |
|
} |
|
|
|
p { |
|
margin: var(--ppts-tsm-sl-lc-p-margin); |
|
} |
|
|
|
a { |
|
font-size: var(--ppts-tsm-sl-lc-a-font-size); |
|
color: var(--ppts-tsm-sl-lc-a-color); |
|
text-decoration: var(--ppts-tsm-sl-lc-a-text-decoration); |
|
} |
|
|
|
.common-red { |
|
color: var(--ppts-tsm-sl-lc-commonRed-color); |
|
font-size: var(--ppts-tsm-sl-lc-commonRed-font-size); |
|
} |
|
|
|
.api-name { |
|
display: var(--ppts-tsm-sl-lc-apiName-display); |
|
.common-colourful-background(); |
|
color: var(--ppts-tsm-sl-lc-apiName-color); |
|
border-radius: var(--ppts-tsm-sl-lc-apiName-border-radius); |
|
padding: var(--ppts-tsm-sl-lc-apiName-padding); |
|
} |
|
|
|
input[type='text'], textarea, select { |
|
background: var(--ppts-tsm-sl-lc-inputTextareaSelect-background); |
|
border: var(--ppts-tsm-sl-lc-inputTextareaSelect-border); |
|
padding: var(--ppts-tsm-sl-lc-inputTextareaSelect-padding); |
|
width: var(--ppts-tsm-sl-lc-inputTextareaSelect-width); |
|
font-size: var(--ppts-tsm-sl-lc-inputTextareaSelect-font-size); |
|
color: var(--ppts-tsm-sl-lc-inputTextareaSelect-color); |
|
resize: var(--ppts-tsm-sl-lc-inputTextareaSelect-resize); |
|
|
|
&:focus { |
|
outline: var(--ppts-tsm-sl-lc-inputTextareaSelectFocus-outline); |
|
border-color: var(--ppts-tsm-sl-lc-inputTextareaSelectFocus-border-color); |
|
} |
|
} |
|
|
|
.onlyCsvOnAuto { |
|
cursor: var(--ppts-tsm-sl-lc-onlyCsvOnAuto-cursor); |
|
margin: var(--ppts-tsm-sl-lc-onlyCsvOnAuto-margin); |
|
display: var(--ppts-tsm-sl-lc-onlyCsvOnAuto-display); |
|
justify-content: var(--ppts-tsm-sl-lc-onlyCsvOnAuto-justify-content); |
|
align-items: var(--ppts-tsm-sl-lc-onlyCsvOnAuto-align-items); |
|
|
|
input[type='checkbox'] { |
|
margin-right: var(--ppts-tsm-sl-lc-ocoa-input-margin-right); |
|
width: var(--ppts-tsm-sl-lc-ocoa-input-width); |
|
height: var(--ppts-tsm-sl-lc-ocoa-input-height); |
|
} |
|
|
|
span { |
|
color: var(--ppts-tsm-sl-lc-ocoa-span-color); |
|
white-space: var(--ppts-tsm-sl-lc-ocoa-span-white-space); |
|
word-break: var(--ppts-tsm-sl-lc-ocoa-span-word-break); |
|
} |
|
} |
|
|
|
.line-row { |
|
display: var(--ppts-tsm-sl-lc-lineRow-display); |
|
justify-content: var(--ppts-tsm-sl-lc-lineRow-justify-content); |
|
|
|
> * { |
|
margin-left: var(--ppts-tsm-sl-lc-lineRowAny-margin-left); |
|
|
|
&:first-child { |
|
margin-left: var(--ppts-tsm-sl-lc-lineRowAnyLastChild-margin-left); |
|
} |
|
} |
|
} |
|
|
|
.refresh-btn { |
|
cursor: var(--ppts-tsm-sl-lc-refreshBtn-cursor); |
|
width: var(--ppts-tsm-sl-lc-refreshBtn-width); |
|
height: var(--ppts-tsm-sl-lc-refreshBtn-height); |
|
background: var(--ppts-tsm-sl-lc-refreshBtn-background); |
|
display: var(--ppts-tsm-sl-lc-refreshBtn-display); |
|
justify-content: var(--ppts-tsm-sl-lc-refreshBtn-justify-content); |
|
align-items: var(--ppts-tsm-sl-lc-refreshBtn-align-items); |
|
border-radius: var(--ppts-tsm-sl-lc-refreshBtn-border-radius); |
|
|
|
.set-icon-svg(var(--ppts-tsm-sl-lc-rb-iconSvgLoading-width), var(--ppts-tsm-sl-lc-rb-iconSvgLoading-height), var(--ppts-tsm-sl-lc-rb-iconSvgLoading-color), icon-svg-loading); |
|
.set-icon-svg(var(--ppts-tsm-sl-lc-rb-iconSvgRefresh-width), var(--ppts-tsm-sl-lc-rb-iconSvgRefresh-height), var(--ppts-tsm-sl-lc-rb-iconSvgRefresh-color), icon-svg-refresh); |
|
} |
|
|
|
.test-input { |
|
height: var(--ppts-tsm-sl-lc-testInput-height); |
|
} |
|
|
|
.test-btn { |
|
cursor: var(--ppts-tsm-sl-lc-testBtn-cursor); |
|
display: var(--ppts-tsm-sl-lc-testBtn-display); |
|
padding: var(--ppts-tsm-sl-lc-testBtn-padding); |
|
height: var(--ppts-tsm-sl-lc-testBtn-height); |
|
line-height: var(--ppts-tsm-sl-lc-testBtn-line-height); |
|
color: var(--ppts-tsm-sl-lc-testBtn-color); |
|
background: var(--ppts-tsm-sl-lc-testBtn-background); |
|
border-radius: var(--ppts-tsm-sl-lc-testBtn-border-radius); |
|
|
|
.set-icon-svg(var(--ppts-tsm-sl-lc-tb-iconSvgLoading-width), var(--ppts-tsm-sl-lc-tb-iconSvgLoading-height), var(--ppts-tsm-sl-lc-tb-iconSvgLoading-color), icon-svg-loading); |
|
} |
|
|
|
.translate-error { |
|
color: var(--ppts-tsm-sl-lc-translateError-color); |
|
font-size: var(--ppts-tsm-sl-lc-translateError-font-size); |
|
margin-bottom: var(--ppts-tsm-sl-lc-translateError-margin-bottom); |
|
} |
|
|
|
.help-list { |
|
font-size: var(--ppts-tsm-sl-lc-helpList-font-size); |
|
line-height: var(--ppts-tsm-sl-lc-helpList-line-height); |
|
|
|
.help-item { |
|
margin-bottom: var(--ppts-tsm-sl-lc-hl-helpItem-margin-bottom); |
|
|
|
&:last-child { |
|
margin-bottom: var(--ppts-tsm-sl-lc-hl-helpItemAnyLastChild-margin-bottom); |
|
} |
|
|
|
a { |
|
color: var(--ppts-tsm-sl-lc-hl-hi-a-color); |
|
text-decoration: var(--ppts-tsm-sl-lc-hl-hi-a-text-decoration); |
|
font-size: var(--ppts-tsm-sl-lc-hl-hi-a-font-size); |
|
border-bottom: var(--ppts-tsm-sl-lc-hl-hi-a-border-bottom); |
|
padding-bottom: var(--ppts-tsm-sl-lc-hl-hi-a-padding-bottom); |
|
|
|
&:hover { |
|
color: var(--ppts-tsm-sl-lc-hl-hi-aHover-color); |
|
border-bottom-color: var(--ppts-tsm-sl-lc-hl-hi-aHover-border-bottom-color); |
|
} |
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
.setting-btns { |
|
display: var(--ppts-tsm-settingBtns-display); |
|
justify-content: var(--ppts-tsm-settingBtns-justify-content); |
|
align-items: var(--ppts-tsm-settingBtns-align-items); |
|
margin-top: var(--ppts-tsm-settingBtns-margin-top); |
|
|
|
.translate-save { |
|
cursor: var(--ppts-tsm-sb-translateSave-cursor); |
|
display: var(--ppts-tsm-sb-translateSave-display); |
|
padding: var(--ppts-tsm-sb-translateSave-padding); |
|
height: var(--ppts-tsm-sb-translateSave-height); |
|
line-height: var(--ppts-tsm-sb-translateSave-line-height); |
|
color: var(--ppts-tsm-sb-translateSave-color); |
|
.common-colourful-background(); |
|
border-radius: var(--ppts-tsm-sb-translateSave-border-radius); |
|
margin-right: var(--ppts-tsm-sb-translateSave-margin-right); |
|
} |
|
|
|
.translate-close { |
|
cursor: var(--ppts-tsm-sb-translateClose-cursor); |
|
display: var(--ppts-tsm-sb-translateClose-display); |
|
padding: var(--ppts-tsm-sb-translateClose-padding); |
|
height: var(--ppts-tsm-sb-translateClose-height); |
|
line-height: var(--ppts-tsm-sb-translateClose-line-height); |
|
color: var(--ppts-tsm-sb-translateClose-color); |
|
background: var(--ppts-tsm-sb-translateClose-background); |
|
border: var(--ppts-tsm-sb-translateClose-border); |
|
border-radius: var(--ppts-tsm-sb-translateClose-border-radius); |
|
} |
|
} |
|
} |
|
} |
|
|
|
.physton-prompt-extension-css { |
|
.common-popup-bg(); |
|
justify-content: var(--ppec-justify-content); |
|
align-items: var(--ppec-align-items); |
|
background: var(--ppec-background); |
|
|
|
.extension-main { |
|
height: var(--ppec-extensionMain-height); |
|
position: var(--ppec-extensionMain-position); |
|
margin-right: var(--ppec-extensionMain-margin-right); |
|
margin-bottom: var(--ppec-extensionMain-margin-bottom); |
|
|
|
.extension-close { |
|
.common-popup-close(); |
|
} |
|
|
|
.extension-list { |
|
height: var(--ppec-em-extensionList-height); |
|
overflow: var(--ppec-em-extensionList-overflow); |
|
overflow-y: var(--ppec-em-extensionList-overflow-y); |
|
display: var(--ppec-em-extensionList-display); |
|
position: var(--ppec-em-extensionList-position); |
|
box-shadow: var(--ppec-em-extensionList-box-shadow); |
|
border-radius: var(--ppec-em-extensionList-border-radius); |
|
background-color: var(--ppec-em-extensionList-background-color); |
|
transition: var(--ppec-em-extensionList-transition); |
|
|
|
.extension-table { |
|
border: var(--ppec-em-el-extensionTable-border); |
|
|
|
tr, td { |
|
border: var(--ppec-em-el-et-trTd-border) !important; |
|
margin: var(--ppec-em-el-et-trTd-margin) !important; |
|
font-size: var(--ppec-em-el-et-trTd-font-size); |
|
color: var(--ppec-em-el-et-trTd-color); |
|
padding: var(--ppec-em-el-et-trTd-padding) !important; |
|
background: var(--ppec-em-el-et-trTd-background) !important; |
|
|
|
&:hover { |
|
background: var(--ppec-em-el-et-trTdHover-background) !important; |
|
} |
|
} |
|
} |
|
|
|
.extension-item { |
|
.extension-checkbox { |
|
position: var(--ppec-em-el-ei-extensionCheckbox-position); |
|
box-shadow: var(--ppec-em-el-ei-extensionCheckbox-box-shadow); |
|
border: var(--ppec-em-el-ei-extensionCheckbox-border); |
|
border-radius: var(--ppec-em-el-ei-extensionCheckbox-border-radius); |
|
background-color: var(--ppec-em-el-ei-extensionCheckbox-background-color); |
|
line-height: var(--ppec-em-el-ei-extensionCheckbox-line-height); |
|
width: var(--ppec-em-el-ei-extensionCheckbox-width); |
|
height: var(--ppec-em-el-ei-extensionCheckbox-height); |
|
|
|
&:checked { |
|
border-color: var(--ppec-em-el-ei-extensionCheckboxChecked-border-color); |
|
background-color: var(--ppec-em-el-ei-extensionCheckboxChecked-background-color); |
|
} |
|
} |
|
|
|
.extension-name, .extension-type, .extension-dir, .extension-author { |
|
white-space: var(--ppec-em-el-ei-enEtEd-white-space); |
|
overflow: var(--ppec-em-el-ei-enEtEd-overflow); |
|
text-overflow: var(--ppec-em-el-ei-enEtEd-text-overflow); |
|
} |
|
|
|
.extension-name { |
|
} |
|
|
|
.extension-type { |
|
} |
|
|
|
.extension-dir { |
|
} |
|
|
|
.extension-author { |
|
text-align: var(--ppec-em-el-ei-extensionAuthor-text-align); |
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
.physton-chatgpt-prompt { |
|
.common-popup-bg(); |
|
|
|
.chatgpt-main { |
|
position: var(--pcp-chatgptMain-position); |
|
width: var(--pcp-chatgptMain-width); |
|
|
|
.chatgpt-close { |
|
.common-popup-close(); |
|
} |
|
|
|
.chatgpt-body { |
|
display: var(--pcp-cm-chatgptBody-display); |
|
position: var(--pcp-cm-chatgptBody-position); |
|
box-shadow: var(--pcp-cm-chatgptBody-box-shadow); |
|
border-radius: var(--pcp-cm-chatgptBody-border-radius); |
|
background-color: var(--pcp-cm-chatgptBody-background-color); |
|
transition: var(--pcp-cm-chatgptBody-transition); |
|
padding: var(--pcp-cm-chatgptBody-padding); |
|
font-size: var(--pcp-cm-chatgptBody-font-size); |
|
color: var(--pcp-cm-chatgptBody-color); |
|
|
|
.body-panel { |
|
border: var(--pcp-cm-cb-bodyPanel-border); |
|
border-radius: var(--pcp-cm-cb-bodyPanel-border-radius); |
|
overflow: var(--pcp-cm-cb-bodyPanel-overflow); |
|
margin-bottom: var(--pcp-cm-cb-bodyPanel-margin-bottom); |
|
|
|
&.fold { |
|
max-height: var(--pcp-cm-cb-bodyPanelFold-max-height); |
|
|
|
.panel-unfold { |
|
transform: var(--pcp-cm-cb-bpf-panelUnfold-transform); |
|
} |
|
|
|
.panel-content { |
|
display: var(--pcp-cm-cb-bpf-panelContent-display); |
|
} |
|
} |
|
|
|
.panel-header { |
|
background: var(--pcp-cm-cb-bp-panelHeader-background); |
|
width: var(--pcp-cm-cb-bp-panelHeader-width); |
|
padding: var(--pcp-cm-cb-bp-panelHeader-padding); |
|
box-sizing: var(--pcp-cm-cb-bp-panelHeader-box-sizing); |
|
display: var(--pcp-cm-cb-bp-panelHeader-display); |
|
justify-content: var(--pcp-cm-cb-bp-panelHeader-justify-content); |
|
align-items: var(--pcp-cm-cb-bp-panelHeader-align-items); |
|
|
|
.panel-unfold { |
|
cursor: var(--pcp-cm-cb-bp-ph-panelUnfold-cursor); |
|
margin-right: var(--pcp-cm-cb-bp-ph-panelUnfold-margin-right); |
|
animation: var(--pcp-cm-cb-bp-ph-panelUnfold-animation); |
|
|
|
.icon-svg-unfold { |
|
display: var(--pcp-cm-cb-bp-ph-pu-iconSvgUnfold-display); |
|
justify-content: var(--pcp-cm-cb-bp-ph-pu-iconSvgUnfold-justify-content); |
|
align-items: var(--pcp-cm-cb-bp-ph-pu-iconSvgUnfold-align-items); |
|
} |
|
|
|
.set-icon-svg(var(--pcp-cm-cb-bp-ph-pu-iconSvgUnfold-width), var(--pcp-cm-cb-bp-ph-pu-iconSvgUnfold-height), var(--pcp-cm-cb-bp-ph-pu-iconSvgUnfold-color), icon-svg-unfold); |
|
} |
|
|
|
.panel-title { |
|
font-weight: var(--pcp-cm-cb-bp-ph-panelTitle-font-weight); |
|
font-size: var(--pcp-cm-cb-bp-ph-panelTitle-font-size); |
|
color: var(--pcp-cm-cb-bp-ph-panelTitle-color); |
|
} |
|
} |
|
|
|
.panel-content { |
|
padding: var(--pcp-cm-cb-bp-panelContent-padding); |
|
} |
|
} |
|
|
|
.body-line { |
|
display: var(--pcp-cm-cb-bodyLine-display); |
|
justify-content: var(--pcp-cm-cb-bodyLine-justify-content); |
|
align-items: var(--pcp-cm-cb-bodyLine-align-items); |
|
margin-bottom: var(--pcp-cm-cb-bodyLine-margin-bottom); |
|
|
|
&:last-child { |
|
margin-bottom: var(--pcp-cm-cb-bodyLineLastChild-margin-bottom); |
|
} |
|
|
|
.line-title { |
|
font-size: var(--pcp-cm-cb-bl-lineTitle-font-size); |
|
font-weight: var(--pcp-cm-cb-bl-lineTitle-font-weight); |
|
color: var(--pcp-cm-cb-bl-lineTitle-color); |
|
width: var(--pcp-cm-cb-bl-lineTitle-width); |
|
line-height: var(--pcp-cm-cb-bl-lineTitle-line-height); |
|
margin-right: var(--pcp-cm-cb-bl-lineTitle-margin-right); |
|
|
|
.line-subtitle { |
|
font-size: var(--pcp-cm-cb-bl-lt-lineSubtitle-font-size); |
|
font-weight: var(--pcp-cm-cb-bl-lt-lineSubtitle-font-weight); |
|
color: var(--pcp-cm-cb-bl-lt-lineSubtitle-color); |
|
} |
|
} |
|
|
|
.line-content { |
|
flex: var(--pcp-cm-cb-bl-lineContent-flex); |
|
font-size: var(--pcp-cm-cb-bl-lineContent-font-size); |
|
color: var(--pcp-cm-cb-bl-lineContent-color); |
|
|
|
&.text-right { |
|
text-align: var(--pcp-cm-cb-bl-lc-textRight-text-align); |
|
} |
|
|
|
span, p { |
|
font-size: var(--pcp-cm-cb-bl-lc-spanP-font-size); |
|
color: var(--pcp-cm-cb-bl-lc-spanP-color); |
|
} |
|
|
|
p { |
|
margin: var(--pcp-cm-cb-bl-lc-p-margin); |
|
} |
|
|
|
a { |
|
font-size: var(--pcp-cm-cb-bl-lc-a-font-size); |
|
color: var(--pcp-cm-cb-bl-lc-a-color); |
|
text-decoration: var(--pcp-cm-cb-bl-lc-a-text-decoration); |
|
} |
|
|
|
input[type='text'], textarea, select { |
|
background: var(--pcp-cm-cb-bl-lc-inputTextareaSelect-background); |
|
border: var(--pcp-cm-cb-bl-lc-inputTextareaSelect-border); |
|
padding: var(--pcp-cm-cb-bl-lc-inputTextareaSelect-padding); |
|
width: var(--pcp-cm-cb-bl-lc-inputTextareaSelect-width); |
|
font-size: var(--pcp-cm-cb-bl-lc-inputTextareaSelect-font-size); |
|
color: var(--pcp-cm-cb-bl-lc-inputTextareaSelect-color); |
|
resize: var(--pcp-cm-cb-bl-lc-inputTextareaSelect-resize); |
|
box-sizing: var(--pcp-cm-cb-bl-lc-inputTextareaSelect-box-sizing); |
|
|
|
&:focus { |
|
outline: var(--pcp-cm-cb-bl-lc-inputTextareaSelectFocus-outline); |
|
border-color: var(--pcp-cm-cb-bl-lc-inputTextareaSelectFocus-border-color); |
|
} |
|
} |
|
|
|
textarea { |
|
line-height: var(--pcp-cm-cb-bl-lc-textarea-line-height); |
|
} |
|
|
|
.common-btn { |
|
cursor: var(--pcp-cm-cb-bl-lc-commonBtn-cursor); |
|
display: var(--pcp-cm-cb-bl-lc-commonBtn-display); |
|
padding: var(--pcp-cm-cb-bl-lc-commonBtn-padding); |
|
height: var(--pcp-cm-cb-bl-lc-commonBtn-height); |
|
line-height: var(--pcp-cm-cb-bl-lc-commonBtn-line-height); |
|
color: var(--pcp-cm-cb-bl-lc-commonBtn-color); |
|
.common-colourful-background(); |
|
border-radius: var(--pcp-cm-cb-bl-lc-commonBtn-border-radius); |
|
|
|
.set-icon-svg(var(--pcp-cm-cb-bl-lc-cb-iconSvgLoading-width), var(--pcp-cm-cb-bl-lc-cb-iconSvgLoading-height), var(--pcp-cm-cb-bl-lc-cb-iconSvgLoading-color), icon-svg-loading); |
|
} |
|
|
|
.common-sub-btn { |
|
cursor: var(--pcp-cm-cb-bl-lc-commonSubBtn-cursor); |
|
display: var(--pcp-cm-cb-bl-lc-commonSubBtn-display); |
|
padding: var(--pcp-cm-cb-bl-lc-commonSubBtn-padding); |
|
height: var(--pcp-cm-cb-bl-lc-commonSubBtn-height); |
|
line-height: var(--pcp-cm-cb-bl-lc-commonSubBtn-line-height); |
|
color: var(--pcp-cm-cb-bl-lc-commonSubBtn-color); |
|
background: var(--pcp-cm-cb-bl-lc-commonSubBtn-background); |
|
border: var(--pcp-cm-cb-bl-lc-commonSubBtn-border); |
|
border-radius: var(--pcp-cm-cb-bl-lc-commonSubBtn-border-radius); |
|
} |
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
.physton-about-prompt { |
|
.common-popup-bg(); |
|
|
|
.about-main { |
|
position: var(--pap-aboutMain-position); |
|
width: var(--pap-aboutMain-width); |
|
|
|
.about-close { |
|
.common-popup-close(); |
|
} |
|
|
|
.about-body { |
|
display: var(--pap-cm-aboutBody-display); |
|
position: var(--pap-cm-aboutBody-position); |
|
box-shadow: var(--pap-cm-aboutBody-box-shadow); |
|
border-radius: var(--pap-cm-aboutBody-border-radius); |
|
background-color: var(--pap-cm-aboutBody-background-color); |
|
transition: var(--pap-cm-aboutBody-transition); |
|
padding: var(--pap-cm-aboutBody-padding); |
|
font-size: var(--pap-cm-aboutBody-font-size); |
|
color: var(--pap-cm-aboutBody-color); |
|
|
|
a { |
|
color: var(--pap-cm-ab-a-color); |
|
text-decoration: var(--pap-cm-ab-a-text-decoration); |
|
} |
|
|
|
img { |
|
margin-right: var(--pap-cm-ab-img-margin-right); |
|
} |
|
|
|
.body-title { |
|
margin: var(--pap-cm-ab-bodyTitle-margin); |
|
font-size: var(--pap-cm-ab-bodyTitle-font-size); |
|
} |
|
|
|
.has-new-version { |
|
color: var(--pap-cm-ab-hasNewVersion-color); |
|
animation: var(--pap-cm-ab-hasNewVersion-animation); |
|
} |
|
|
|
@keyframes blink { |
|
0% { |
|
opacity: 1; |
|
} |
|
50% { |
|
opacity: .8; |
|
} |
|
100% { |
|
opacity: 1; |
|
} |
|
} |
|
|
|
.version-list { |
|
height: var(--pap-cm-ab-versionList-height); |
|
overflow: var(--pap-cm-ab-versionList-overflow); |
|
overflow-y: var(--pap-cm-ab-versionList-overflow-y); |
|
border: var(--pap-cm-ab-versionList-border); |
|
border-radius: var(--pap-cm-ab-versionList-border-radius); |
|
|
|
.set-icon-svg(var(--pap-cm-ab-vl-iconSvgLoading-width), var(--pap-cm-ab-vl-iconSvgLoading-height), var(--pap-cm-ab-vl-iconSvgLoading-color), icon-svg-loading); |
|
|
|
.version-item { |
|
margin: var(--pap-cm-ab-vl-versionItem-margin); |
|
padding: var(--pap-cm-ab-vl-versionItem-padding); |
|
border-bottom: var(--pap-cm-ab-vl-versionItem-border-bottom); |
|
|
|
.item-header { |
|
display: var(--pap-cm-ab-vl-vi-itemHeader-display); |
|
justify-content: var(--pap-cm-ab-vl-vi-itemHeader-justify-content); |
|
align-items: var(--pap-cm-ab-vl-vi-itemHeader-align-items); |
|
|
|
.version-sha { |
|
|
|
} |
|
|
|
.version-date { |
|
|
|
} |
|
} |
|
|
|
.version-msg { |
|
margin-top: var(--pap-cm-ab-vl-vi-versionMsg-margin-top); |
|
color: var(--pap-cm-ab-vl-vi-versionMsg-color); |
|
} |
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
.physton-highlight-prompt { |
|
background: var(--physton-highlight-prompt-background); |
|
} |
|
|
|
.physton-prompt-lobehub { |
|
#tabs > .tabitem.gradio-tabitem { |
|
overflow: unset; |
|
} |
|
|
|
.app.gradio-container { |
|
overflow: unset; |
|
} |
|
} |
|
|
|
|
|
.physton-gradio-container { |
|
&.light { |
|
|
|
} |
|
|
|
&.dark { |
|
|
|
|
|
|
|
--pp-border: 1px solid rgba(255, 255, 255, .08); |
|
|
|
|
|
--pp-promptHeader-border-bottom: 1px dashed rgba(255, 255, 255, .08); |
|
--pp-ph-iconSvgInput-color: rgba(255, 255, 255, .85); |
|
|
|
|
|
--pp-ph-ebi-iconSvgTranslate-color: #ff9900; |
|
--pp-ph-ebi-iconSvgEnglish-color: #ff9900; |
|
--pp-ph-ebi-iconSvgCopy-color: rgba(255, 255, 255, .85); |
|
|
|
|
|
--pp-ph-phe-ec-extendBtnGroup-color: rgba(255, 255, 255, .85); |
|
--pp-ph-phe-ec-extendBtnGroup-background: rgba(255, 255, 255, .12); |
|
--pp-ph-phe-ec-extendBtnGroup-border: 1px solid rgba(255, 255, 255, .08); |
|
|
|
|
|
--pp-ph-phe-ec-selectSelectBtn-border: 1px solid rgba(255, 255, 255, .85); |
|
--pp-ph-phe-ec-selectSelectBtn-background: #1f1f1f; |
|
--pp-ph-phe-ec-selectSelectBtn-color: rgba(255, 255, 255, .85); |
|
|
|
|
|
--pp-ph-phe-ec-selectSelectBtnHover-border-color: #1668dc; |
|
|
|
|
|
--pp-ph-phe-ec-selectBtnHover-background: #3c89e8; |
|
--pp-ph-phe-ec-selectBtnHover-border-color: #3c89e8; |
|
|
|
|
|
--pp-ph-phe-ec-ebg-ebi-settingBox-background: #0c0c0c; |
|
--pp-ph-sb-iconSvgRemoveSpace-color: #c5c5c5; |
|
--pp-ph-sb-iconSvgTooltip-color: #c5c5c5; |
|
--pp-ph-sb-iconSvgAbout-color: #c5c5c5; |
|
--pp-ph-sb-iconSvgSun-color: #c5c5c5; |
|
--pp-ph-sb-iconSvgMoon-color: #c5c5c5; |
|
|
|
|
|
--pp-ph-phe-ec-inputCheckbox-border: 1px solid rgba(255, 255, 255, .08); |
|
--pp-ph-phe-ec-inputCheckbox-background-color: rgba(255, 255, 255, .04); |
|
|
|
|
|
--pp-ph-phe-ec-inputTagAppend-border: 1px solid rgba(255, 255, 255, 0.12); |
|
|
|
|
|
--pp-pt-pll-iconSvgTranslate-color: rgba(255, 255, 255, .85); |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-color: rgba(255, 255, 255, .85); |
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-background: rgba(255, 255, 255, .12); |
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValue-border: 1px solid rgba(255, 255, 255, .08); |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueNegTag-color: rgba(255, 255, 255, .85); |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueHover-border-color: rgba(255, 255, 255, .12); |
|
--pp-pt-dsb-ptl-pt-ptm-pte-promptTagValueHover-background: rgba(255, 255, 255, .18); |
|
|
|
|
|
-pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-border: 1px solid rgba(255, 255, 255, .08); |
|
--pp-pt-dsb-ptl-pt-ptm-pte-btnTagDelete-background: rgba(255, 255, 255, .12); |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-pll-localLanguage-color: rgba(255, 255, 255, .45); |
|
|
|
|
|
--pp-pt-inputFocus-border-color: rgba(255, 255, 255, .08); |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-btnTagExtend-box-shadow: 0 0 3px #4a54ff; |
|
--pp-pt-bte-iconSvgCopy-color: #c5c5c5; |
|
|
|
|
|
--pp-pt-dsb-ptl-pt-ptm-bte-vue-number-input__button-background: #2a2a2a; |
|
|
|
.physton-prompt .prompt-tags .prompt-tags-list .prompt-tag .prompt-tag-main .btn-tag-extend { |
|
background: #0c0c0c; |
|
|
|
.input-number .vue-number-input__button { |
|
&:after, &:before { |
|
background-color: #fff !important; |
|
} |
|
} |
|
} |
|
|
|
|
|
--pp-pt-pal-sgt-iconSvgUnfold-color: rgba(28, 71, 104, 1); |
|
|
|
|
|
--pp-pt-gt-groupHeader-background: rgba(28, 71, 104, 0.5); |
|
|
|
|
|
--pp-pt-gt-gh-groupTab-color: rgba(255, 255, 255, 0.85); |
|
--pp-pt-gt-gh-groupTab-border-right: 1px solid #404040; |
|
|
|
|
|
--pp-pt-gt-gb-gm-sgh-subGroupTab-background: rgba(28, 71, 104, 0.5); |
|
--pp-pt-gt-gb-gm-sgh-subGroupTab-color: rgba(255, 255, 255, 0.85); |
|
|
|
|
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagLocal-color: rgba(255, 255, 255, 0.85); |
|
|
|
|
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-background: rgba(255, 255, 255, 0.12); |
|
--pp-pt-gt-gb-gm-sgm-gt-ti-tagEn-color: #a6a6a6; |
|
|
|
|
|
--pp-pt-gt-gb-gm-sgm-tf-tc-div-color: rgba(255, 255, 255, 0.85); |
|
|
|
|
|
--pp-pt-gt-gb-gm-sgm-tf-tc-tcrc-iconSvgReset-color: rgba(255, 255, 255, 0.85); |
|
--pp-pt-gt-gb-gm-sgm-tf-tc-tcrc-iconSvgClear-color: rgba(255, 255, 255, 0.85); |
|
|
|
|
|
--pp-pt-gt-gb-gm-sgm-tf-tagsCopyRight-color: rgba(255, 255, 255, 0.85); |
|
} |
|
} |
