#etranslate-language-embedded-selector-theme2{ user-select: none; z-index: 99999999999; } .embed-etranslate-LanguageList { display: inline-block; cursor: pointer; font-size: 14px; direction: ltr; position: relative; } .etranslate-language-float-link { border: 1px solid rgb(224, 226, 228); background-color: white; } .rectangle_flag:before { content: "\00a0"; } .select-dropdown-flag-icon-link { font-size: 20px; box-sizing: content-box; background-size: contain; background-position: 50%; background-repeat: no-repeat; background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; } .select-dropdown-flag-icon-link:before { content: "\00a0"; } #etranslate-language-embedded-selector-theme2{ width: fit-content; } #etranslate-language-embedded-selector-theme2 ul { margin: 0px; -webkit-transition: max-height 0.3s, visibility 0.2s, opacity 0.2s; -moz-transition: max-height 0.3s, visibility 0.2s, opacity 0.2s; -ms-transition: max-height 0.3s, visibility 0.2s, opacity 0.2s; -o-transition: max-height 0.3s, visibility 0.2s, opacity 0.2s; transition: all 0.2s; scrollbar-width: thin; } .embed-etranslate-flag-wrapper { display: flex; align-items: center; width: 28px; height: 28px; font-size: 20px; margin-right: 3px; } .embed-etranslate-language-list-button { padding: 8px 10px 8px 10px; display: flex; align-items: center; justify-content: space-between; -webkit-transition: max-height 0.2s, visibility 0.2s, opacity 0.2s; -moz-transition: max-height 0.2s, visibility 0.2s, opacity 0.2s; -ms-transition: max-height 0.2s, visibility 0.2s, opacity 0.2s; -o-transition: max-height 0.2s, visibility 0.2s, opacity 0.2s; transition: all 0.2s; } .embed-etranslate-language-list-button-centent { display: flex; align-items: center; } .embed-etranslate-language-arrow { display: block !important; width: 27px; height: 13px; transition: all 0.2s; position: relative; user-select: none; margin-left: 5px; } #embed-etranslate-language-arrow-new-img { width: 100%; height: 100%; position: absolute; } .etranslate-language-arrow-up { transform: rotate(-45deg) !important; } .etranslate-language-arrow-down { transform: rotate(135deg) !important; } .embed-etranslate-language-list-button:hover { opacity: 0.8 } .embed-etranslate-language-list-dropdown { overflow: auto; width: auto; background: white; user-select: none; z-index: 500; flex-direction: row; justify-content: flex-start; align-items: center; margin: 0px; transition: max-height 0.3s, visibility 0.2s, opacity 0.2s; -webkit-overflow-scrolling: touch; overflow: -moz-scrollbars-none; display: block; padding-left: 0; } .embed-etranslate-language-list-dropdown::-webkit-scrollbar { width: 6px; /*高宽分别对应横竖滚动条的尺寸*/ } .embed-etranslate-language-list-dropdown::-webkit-scrollbar-thumb { background: rgba(18, 17, 39, 0.2); border-radius: 15px; } .embed-etranslate-language-list-dropdown::-webkit-scrollbar-track { box-shadow: inset 0 0 5px transparent; border-radius: 15px; } .embed-etranslate-language-list-dropdown > li { margin: 0px !important; padding: 8px 10px 8px 10px; cursor: pointer; color: inherit; line-height: inherit !important; } .embed-etranslate-language-list-dropdown > li:before { margin: 0px !important; background-color: inherit !important; } .embed-etranslate-lo-select-dropdown-item { display: flex !important; align-items: center; -webkit-transition: max-height 0.3s, visibility 0.2s, opacity 0.2s; -moz-transition: max-height 0.3s, visibility 0.2s, opacity 0.2s; -ms-transition: max-height 0.3s, visibility 0.2s, opacity 0.2s; -o-transition: max-height 0.3s, visibility 0.2s, opacity 0.2s; transition: all 0.2s; } .embed-etranslate-language-name { padding-top: 1px; margin-right: 5px; } .embed-etranslate-lo-select-dropdown-item:hover { /* color: rgba(27, 160, 227, 1); */ opacity: 0.8 } .lo-select-up { position: absolute; bottom: 100%; } .lo-select-selection-item-top { border-bottom: 0px; } .lo-select-selection-item-bottom { border-top: 0px; } .rectangle_flag:before { content: "\00a0"; } .flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; border-radius: 4px; } .circle_flag { border-radius: 50%; box-sizing: content-box !important; width: 1em; } .embed-etranslate-language-list-dropdown-box { position: absolute; border-radius: 12px; overflow: hidden; top: calc(100% + 5px); -webkit-mask-image: -webkit-radial-gradient(white, black); z-index:99999999999; } .embed-etranslate-language-list-dropdown-logo-theme2 { height: 44px; padding-right: 18px; padding-left: 14px; display: flex; align-items: center; justify-content: center; } .embed-etranslate-language-list-dropdown-logo-content { width: 100%; height: 100%; border-top: 1px solid rgba(18, 17, 39, 0.1); display: flex !important; align-items: center; justify-content: center; user-select: none; text-decoration: none; } .embed-etranslate-language-list-dropdown-logo-img { width: auto; height: 16px; } .embed-etranslate-language-list-dropdown-logo-img img { width: 100%; height: 100%; transform: translateY(-3px); } .embed-etranslate-language-list-dropdown-logo-title { font-family: 'SeoulHangang'; font-style: normal; font-weight: 400; font-size: 12px; color: #D1D1DB; margin-left: 6px; }