/* beom 2022.11.18 선물 현물 탭 light mode start */ /* mode_switch stsart */ .type_trade header .header_inner .util>li.mode_switch {display: block;} .switch {position: relative;display: inline-block;width: 30px;height: 17px;top: 5px;} .switch #SLIDER {opacity: 0;width: 0;height: 0;} .track {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;transition: .4s;border-radius: 17px;} .track:before {position: absolute;content: "";height: 20px;width: 20px;left: 0;bottom: 2px;top: 0;bottom: 0;margin: auto 0;transition: .4s;box-shadow: 0 0 7.5px rgba(32, 32, 32, .24);background: #fff url('/img/common/ic_sun.svg');background-repeat: no-repeat;background-position: 50%;background-size: 50%;} #SLIDER:checked+.track {background-color: var(--ee-bi-2);} #SLIDER:focus+.track {box-shadow: 0 0 1px var(--ee-bi-2);} #SLIDER:checked+.track:before {transform: translateX(12px);background: #fff url('/img/common/ic_moon.svg');background-repeat: no-repeat;background-position: 50%;background-size: 50%;} .track:before {border-radius: 50%;} .track.light:before {border-radius: 50%;} #slider2 {opacity: 0;width: 0;height: 0;} .track2 {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;transition: .4s;border-radius: 17px;} .track2:before {position: absolute;content: "";height: 20px;width: 20px;left: 0;bottom: 2px;top: 0;bottom: 0;margin: auto 0;transition: .4s;box-shadow: 0 0 7.5px rgba(32, 32, 32, .24);background: #fff url('/img/common/ic_sun.svg');background-repeat: no-repeat;background-position: 50%;background-size: 50%;} #slider2:checked+.track2 {background-color: var(--ee-bi-2);} #slider2:focus+.track2 {box-shadow: 0 0 1px var(--ee-bi-2);} #slider2:checked+.track2:before {transform: translateX(12px);background: #fff url('/img/common/ic_moon.svg');background-repeat: no-repeat;background-position: 50%;background-size: 50%;} .track2:before {border-radius: 50%;} .track2.light:before {border-radius: 50%;} @media only screen and (max-width: 800px){ .order_list_icon { font-size: 19px !important; margin: -5px 0px 0px 5px !important; } } @media only screen and (max-width: 380px){ #wrap.light .call_order_section { color: #666666 !important; } } /* mode_switch end*/ /* @media (prefers-color-scheme : light) { */ /* nav stsart */ /* nav end */ /* svg invert stsart */ #wrap.light.type_trade header .header_inner .util>li.account .my, #wrap.light.type_trade header .header_inner .util>li.leng_setting .setting_btn, #wrap.light.type_trade header .header_inner .util>li.app_down .down, #wrap.light.type_trade .call_selection i, #wrap.light.type_trade header .menu_btn_m, #wrap.light.type_trade .chart_on i, /* svg invert end */ /* container stsart */ #wrap.light.type_trade label {color: var(--ee-dark);} #wrap.light.type_trade .order_log_table_th_li, #wrap.light.type_trade .order_log_table_td_li {color: var(--ee-dark);} #wrap.light.type_trade .name_section {color: var(--ee-dark);} #wrap.light.type_trade .trading_container {background-color: var(--ee-light-bg);color: var(--ee-dark);} #wrap.light.type_trade .symbol-nav { background-color: var(--ee-light-bg); } #wrap.light.type_trade .symbol-nav__left { background-color: var(--ee-light-bg); } #wrap.light.type_trade .symbol-nav__symbolName { color: var(--ee-dark); } #wrap.light.type_trade .trading_coin_info .body {background-color: var(--ee-light-bg);color: var(--ee-dark);border-color: #eef0f2;} #wrap.light.type_trade .trading_chart { border-color: #eef0f2; background-color:transparent;} /*hyungmin 22.12.03 background-color 추가*/ #wrap.light.type_trade .trading_bid {border-color: #eef0f2; background-color: var(--ee-light-bg);} #wrap.light.type_trade .daily_score > .field_name {color: var(--ee-dark);} #wrap.light.type_trade .daily_score > .field_value {color: var(--ee-dark);} #wrap.light.type_trade .daily_score>.field_value.increase{color: rgb(14,203,129);} #wrap.light.type_trade .daily_score>.field_value.decrease{color: rgb(246,70,93);} #wrap.light.type_trade .order_book_title {color: var(--ee-dark);border-color: #eef0f2;} #wrap.light.type_trade .order_book_selection {border-color: #eef0f2;} #wrap.light.type_trade .order_book_selection_btn.active { color:var(--ee-dark); } #wrap.light.type_trade .order_th {color: var(--ee-dark); border-color: #eef0f2;} #wrap.light.type_trade .index_price {border-color: #eef0f2;} #wrap.light.type_trade .index_price>div:first-child>i {color: var(--ee-dark);} /* beom 2023.01.04 14:05 light mode 시 글 색상 변경 */ #wrap.light.type_trade .recent_title {color: var(--ee-dark);border-color: #eef0f2;} #wrap.light.type_trade .recent_order {color: var(--ee-dark);} #wrap.light.type_trade .trading_right {border-color: #eef0f2;border-bottom: 1px solid #eef0f2;} #wrap.light.type_trade .order_selection {background-color: var(--ee-light-bg);border: none;border: 1px solid #eef0f2;} #wrap.light.type_trade .order_section {background-color: var(--ee-light-bg);color: var(--ee-dark);border: none;border-bottom: 1px solid #eef0f2;} #wrap.light.type_trade .order_section .tab {border-top: 1px solid #eef0f2;} #wrap.light.type_trade .tab_btn {color: var(--ee-dark);border-bottom: 1px solid #eef0f2;} #wrap.light.type_trade .tab_btn.active {border-bottom: 1px solid var(--ee-bi-2);color: var(--ee-bi-2);} #wrap.light.type_trade .price_button {color: var(--ee-dark);border-color: #eef0f2;} #wrap.light.type_trade .price_button.active {background-color: var(--ee-light-gray);color: #f5f5f5; } #wrap.light.type_trade .order_form > div {background-color: #f5f5f5;border-color: #eef0f2;} #wrap.light.type_trade .order_input {background-color: #f5f5f5;color: var(--ee-dark);} #wrap.light.type_trade .amount_selection_btn {background-color: #f5f5f5;} #wrap.light.type_trade .amount_selection_btn:hover {background-color: var(--ee-light-gray);color: var(--ee-light-bg);} #wrap.light.type_trade .amount_selection_btn.on {background-color: var(--ee-light-gray);color: var(--ee-light-bg);}; /*hyungmin 22.12.03 background-color 변경, color 추가*/ #wrap.light.type_trade .order_value label {color: var(--ee-dark);} #wrap.light.type_trade .order_value span {color: var(--ee-dark);} #wrap.light.type_trade .check_form > div span {color: var(--ee-dark);} #wrap.light.type_trade .check_form > div span strong {color: var(--ee-light-gray);} #wrap.light.type_trade .tp_sl_check_box {color: var(--ee-dark);} #wrap.light.type_trade .check_form.open_form {color: var(--ee-dark);} #wrap.light.type_trade .post_only_check_box {color: var(--ee-dark);} #wrap.light.type_trade #POST_ONLY_SELECT {color: var(--ee-dark);} #wrap.light.type_trade #POST_ONLY_SELECT.on {color: #f80;} #wrap.light.type_trade #POST_ONLY_SELECT option {background-color: var(--ee-light-bg);} #wrap.light.type_trade .order_check_box {border: 1px solid var(--ee-dark);} #wrap.light.type_trade .order_check_box.on {background-color: rgb(255,169,0);} #wrap.light.type_trade #TP_SL_INPUT .order_derivatives_price {background-color: var(--ee-light-bg);color: var(--ee-dark);} #wrap.light.type_trade .coin_section {background-color: var(--ee-light-bg);color: var(--ee-dark);border: none;border-bottom: 1px solid #eef0f2;} #wrap.light.type_trade .asset_section label.transfer_asset { color: #f15e29; } #wrap.light.type_trade .info_section {background-color: var(--ee-light-bg);color: var(--ee-dark);border: 1px solid #eef0f2;border-top: none;border-color: #eef0f2;} #wrap.light.type_trade .balance_section label.right {color: var(--ee-dark);} #wrap.light.type_trade .trading_order_log .body {background-color: var(--ee-light-bg);color: var(--ee-dark);border-color: #eef0f2;} #wrap.light.type_trade .order_log_tab_wrap {border-color: #eef0f2;} #wrap.light.type_trade .order_log_tab {border-color: #eef0f2;} #wrap.light.type_trade .order_log_tab .tab {color: var(--ee-dark);} #wrap.light.type_trade .order_log_tab .tab.active {color: #f15e29;} #wrap.light.type_trade .order_log_tab .tab span{color: var(--ee-dark);} #wrap.light.type_trade .order_log_tab .tab.active span {color: #f15e29;} #wrap.light.type_trade .order_log_table_body::-webkit-scrollbar {width: 11.338px;height: 37.795px;border-radius: 5px;} #wrap.light.type_trade .order_log_table_body::-webkit-scrollbar-thumb {background-color: #aaa;} #wrap.light.type_trade .order_log_table_body::-webkit-scrollbar-track {background-color: #eee;} #wrap.light.type_trade .order_log_table_default_inner {color: var(--ee-dark);} #wrap.light.type_trade .order_log_table_td {color: var(--ee-dark);} #wrap.light.type_trade .order_log_table_td:hover {background-color: #eee;} #wrap.light.type_trade .hide_other_symbols.derivatives_log_hide input[type="checkbox"] + label::after {border: 1px solid var(--ee-dark);} #wrap.light.type_trade .hide_other_symbols.derivatives_log_hide input[id="HOS"]:checked + label::after{border: 3px solid rgb(255,169,0);} #wrap.light.type_trade .hide_other_symbols.derivatives_log_hide input[id="HOS"] + label:hover::after {border: 3px solid rgb(255,169,0);} #wrap.light.type_trade .table_active .order_log_table_td_li .cancel_btn {border-color: var(--ee-dark);} #wrap.light.type_trade .table_active .order_log_table_td_li .cancel_btn:hover {background-color: var(--ee-dark);color: #eee;} #wrap.light.type_trade .table_position .order_log_table_td_li_lv {background-color: #f9f4e2} #wrap.light.type_trade .table_position .order_log_table_td_li_input_wrap input {background-color: #f5f5f5;color: var(--ee-dark);} #wrap.light.type_trade .table_position .order_log_table_td_li_input_wrap input::-moz-placeholder, #wrap.light.type_trade .table_position .order_log_table_td_li_input_wrap input:-ms-input-placeholder{color: var(--ee-dark);} #wrap.light.type_trade .table_position .order_log_table_td_li_input_wrap input::placeholder {color: var(--ee-dark);}/*hyungmin 22.12.03 placeholder */ /* share popup start */ #wrap.light.type_trade .pnl_share_wrap {background-color:#fff; color: #666;} #wrap.light.type_trade .share_download{background-color: #fff;} /* share popup end */ /* #wrap.light.type_trade .pnl_share_position span{ color: #fff;} */ /* container end */ /* footer stasrt */ #wrap.light.type_trade footer {background-color: #21202a;} /* footer end */ /* responsive stsart */ @media screen and (max-width: 800px) { #wrap.type_trade.light {background-color: var(--ee-light-bg);} #wrap.light.type_trade .order_log_tab .order_log_tab_select_list {background-color: #f5f5f5;} } /* responsive end */ /* chart start */ #wrap.light.type_trade .chart-controls-bar, #wrap.light.type_trade #footer-chart-panel {background-color: var(--ee-light-bg);} #wrap.light.type_trade .chart-page .group-wWM3zP_M- {background-color: var(--ee-light-bg);} /* chart end */ /* 23.01.06 hyungmin Order TP/SL start */ #wrap.light #TP_SL_INPUT .order_derivatives_tp_sl{background-color:#f5f5f5;} /* Order TP/SL end */ /* } */ /* beom 2022.11.18 선물 현물 탭 light mode end */ /* beom 2022.11.18 선물 현물 탭 dark mode start */ /* @media (prefers-color-scheme : dark) { */ /* nav stsart */ #wrap.dark.type_trade header .header_inner nav>ul>li>a:after { background-color: var(--ee-light-bg); } /* nav end */ /* container stsart */ #wrap.dark.type_trade .trading_container {background-color: var(--ee-dark-bg);} #wrap.dark.type_trade .symbol-nav { background-color: var(--ee-dark-bg); } #wrap.dark.type_trade .symbol-nav__left { background-color: var(--ee-dark-bg); } #wrap.dark.type_trade .trading_coin_info .body {background-color: var(--ee-dark-bg);} #wrap.dark.type_trade .trading_bid {border-color: #212529; background-color: var(--ee-dark-bg);} #wrap.dark.type_trade .order_selection {background-color: var(--ee-dark-bg);} #wrap.dark.type_trade .order_section {background-color: var(--ee-dark-bg);} #wrap.dark.type_trade .price_button.active {background-color: #474d57 } #wrap.dark.type_trade .order_form > div {background-color: #282c32;} #wrap.dark.type_trade .order_input {background-color: #282c32;} #wrap.dark.type_trade .amount_selection_btn {background-color: #212529;;} #wrap.dark.type_trade .amount_selection_btn:hover, #wrap.dark.type_trade .amount_selection_btn.on {background-color: var(--ee-light-gray);} #wrap.dark.type_trade #POST_ONLY_SELECT option {background-color: var(--ee-dark-bg);} #wrap.dark.type_trade .order_check_box {border: 1px solid white;} #wrap.dark.type_trade .order_check_box.on {background-color: rgb(255,169,0);} #wrap.dark.type_trade #TP_SL_INPUT .order_derivatives_price {background-color: var(--ee-light-bg);color: #fff;} #wrap.dark.type_trade .coin_section {background-color: var(--ee-dark-bg);color: #fff;border: none;border-bottom: 1px solid #212529;} #wrap.dark.type_trade .asset_section label.transfer_asset { color: #f15e29; } #wrap.dark.type_trade .info_section {background-color: var(--ee-dark-bg);color: #fff;border: 1px solid #212529;border-top: none;border-color: #212529;} #wrap.dark.type_trade .trading_order_log .body {background-color: var(--ee-dark-bg);color: #fff;border-color: #212529;} /* #wrap.dark.type_trade .order_log_table_td:hover {background-color: #eee;} */ #wrap.dark.type_trade .table_active .order_log_table_td_li .cancel_btn:hover {background-color: var(--ee-dark-bg);} #wrap.dark.type_trade .table_position .order_log_table_td_li_input_wrap input {background-color: #282c32;} /* container end */ /* footer stasrt */ #wrap.dark.type_trade footer {background-color: #11101E;} /* footer end */ /* responsive stsart */ @media screen and (max-width: 800px) { #wrap.type_trade.dark {background-color: var(--ee-dark-bg);} } /* responsive end */ /* chart start */ #wrap.dark.type_trade .chart-controls-bar, #wrap.dark.type_trade #footer-chart-panel {background-color: var(--ee-dark-bg);} #wrap.dark.type_trade .chart-page .group-wWM3zP_M- {background-color: var(--ee-dark-bg);} /* chart end */ /* } */ /* beom 2022.11.18 선물 현물 탭 dark mode end */ /* Transfer Asset start */ #wrap.dark.type_trade .pop_up_trading{color: #333;} /* Transfer Asset end */ /* tpsl_popup start */ #wrap.light .tpsl_popup_wrap{background: #efefef;} #wrap.light .tpsl_title{color: #333;} #wrap.light .tpsl_info_title{color: #333;} #wrap.light .tpsl_info_value{color: #333;} #wrap.light .tpsl_input_info{color: #333;} #wrap.light .tpsl_tip{color: #333;} #wrap.light .tpsl_input{color :#333; background: #fff;} #wrap.light .tpsl_popup_wrap .tpsl_input_box .fa-circle-xmark:hover{color: #555;} #wrap.light .tpsl_popup_wrap .tpsl_info_box .tpsl_info_value.LONG_color{color:var(--ee-green);} #wrap.light .tpsl_popup_wrap .tpsl_info_box .tpsl_info_value.SHORT_color{color:var(--ee-red);} /* tpsl_popup end */ #wrap.light.type_trade .amount_selection_btn {background-color: #f5f5f5;} #wrap.light.type_trade .amount_selection_btn:hover, #wrap.light.type_trade .amount_selection_btn.on {background-color: #848e9c;color: var(--ee-light);}; /*hyungmin 22.12.03 background-color 변경, color 추가*/ #wrap.dark.type_trade .amount_selection_btn {background-color: #212529;;} #wrap.dark.type_trade .amount_selection_btn:hover, #wrap.dark.type_trade .amount_selection_btn.on {background-color: #474d57; color: var(--ee-light);} #wrap.dark .noUi-target{background: #444;box-shadow: inset 0 1px 1px #444;} #wrap.dark .percent_btn{background: #555;} #wrap.dark .noUi-handle{background:#666;}