You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
13 KiB
1 line
13 KiB
.new_add_task_wrap .split-pane-area{height:calc(100vh - 121px)}.new_add_task_ctl{display:flex;align-items:center;justify-content:center;height:56px;background:#121c24}.new_add_task_ctl>button{margin-right:20px}.quite_btn{position:absolute;right:10px;top:15px;margin-left:30px;color:#888;transition:all .3s;cursor:pointer}.quite_btn:hover{color:#5091ff}.new_add_task_wrap,.record_detail_area,.student_study_warp{height:100vh}.new_add_task_wrap .record_detail_header,.new_add_task_wrap .student_study_header,.new_add_task_wrap .task_header,.record_detail_area .record_detail_header,.record_detail_area .student_study_header,.record_detail_area .task_header,.student_study_warp .record_detail_header,.student_study_warp .student_study_header,.student_study_warp .task_header{height:65px;background:#070f19;padding:0 20px}.new_add_task_wrap .task_header,.record_detail_area .task_header,.student_study_warp .task_header{position:relative;line-height:65px}.new_add_task_wrap .task_header .header_btn,.new_add_task_wrap .task_header .header_title,.record_detail_area .task_header .header_btn,.record_detail_area .task_header .header_title,.student_study_warp .task_header .header_btn,.student_study_warp .task_header .header_title{color:#fff;line-height:65px}.new_add_task_wrap .task_header .header_title,.record_detail_area .task_header .header_title,.student_study_warp .task_header .header_title{font-size:16px;font-weight:700;text-align:center}.new_add_task_wrap .task_header .header_btn,.record_detail_area .task_header .header_btn,.student_study_warp .task_header .header_btn{position:absolute;line-height:32px;top:18px}.new_add_task_wrap .task_header .header_btn:last-child,.record_detail_area .task_header .header_btn:last-child,.student_study_warp .task_header .header_btn:last-child{right:30px}.new_add_task_wrap .pane_right_area,.new_add_task_wrap .record_detail_header,.new_add_task_wrap .split-pane-area,.new_add_task_wrap .student_study_header,.record_detail_area .pane_right_area,.record_detail_area .record_detail_header,.record_detail_area .split-pane-area,.record_detail_area .student_study_header,.student_study_warp .pane_right_area,.student_study_warp .record_detail_header,.student_study_warp .split-pane-area,.student_study_warp .student_study_header{position:relative}.new_add_task_wrap .record_detail_header .avator_nicker,.new_add_task_wrap .record_detail_header .study_name,.new_add_task_wrap .record_detail_header .study_quit,.new_add_task_wrap .student_study_header .avator_nicker,.new_add_task_wrap .student_study_header .study_name,.new_add_task_wrap .student_study_header .study_quit,.record_detail_area .record_detail_header .avator_nicker,.record_detail_area .record_detail_header .study_name,.record_detail_area .record_detail_header .study_quit,.record_detail_area .student_study_header .avator_nicker,.record_detail_area .student_study_header .study_name,.record_detail_area .student_study_header .study_quit,.student_study_warp .record_detail_header .avator_nicker,.student_study_warp .record_detail_header .study_name,.student_study_warp .record_detail_header .study_quit,.student_study_warp .student_study_header .avator_nicker,.student_study_warp .student_study_header .study_name,.student_study_warp .student_study_header .study_quit{color:#fff;line-height:65px}.new_add_task_wrap .record_detail_header .avator_nicker,.new_add_task_wrap .record_detail_header .study_quit,.new_add_task_wrap .student_study_header .avator_nicker,.new_add_task_wrap .student_study_header .study_quit,.record_detail_area .record_detail_header .avator_nicker,.record_detail_area .record_detail_header .study_quit,.record_detail_area .student_study_header .avator_nicker,.record_detail_area .student_study_header .study_quit,.student_study_warp .record_detail_header .avator_nicker,.student_study_warp .record_detail_header .study_quit,.student_study_warp .student_study_header .avator_nicker,.student_study_warp .student_study_header .study_quit{display:inline-block;vertical-align:top}.new_add_task_wrap .record_detail_header .student_nicker,.new_add_task_wrap .student_study_header .student_nicker,.record_detail_area .record_detail_header .student_nicker,.record_detail_area .student_study_header .student_nicker,.student_study_warp .record_detail_header .student_nicker,.student_study_warp .student_study_header .student_nicker{margin-left:10px}.new_add_task_wrap .record_detail_header .student_img,.new_add_task_wrap .student_study_header .student_img,.record_detail_area .record_detail_header .student_img,.record_detail_area .student_study_header .student_img,.student_study_warp .record_detail_header .student_img,.student_study_warp .student_study_header .student_img{width:30px;height:30px}.new_add_task_wrap .record_detail_header .study_quit,.new_add_task_wrap .student_study_header .study_quit,.record_detail_area .record_detail_header .study_quit,.record_detail_area .student_study_header .study_quit,.student_study_warp .record_detail_header .study_quit,.student_study_warp .student_study_header .study_quit{float:right}.new_add_task_wrap .record_detail_header .study_name,.new_add_task_wrap .student_study_header .study_name,.record_detail_area .record_detail_header .study_name,.record_detail_area .student_study_header .study_name,.student_study_warp .record_detail_header .study_name,.student_study_warp .student_study_header .study_name{position:absolute;left:0;right:0;bottom:0;top:0;text-align:center;font-size:16px;font-weight:700}.add_editor_list_area{background:#fff;padding:0 20px;margin:0}.add_editor_list_area .add_editor_item{display:inline-block;height:56px;line-height:56px;box-sizing:border-box;margin-right:30px;border-bottom:2px solid transparent;transition:all .3s;cursor:pointer}.add_editor_list_area .add_editor_item .item-span{color:#666;font-size:16px}.add_editor_list_area .add_editor_item.active{border-bottom-color:#5091ff}.add_editor_list_area .add_editor_item.active .item-span{color:#5091ff}.comp_ctx{overflow-y:auto;margin-right:0!important}.split-pane-area .ant-tabs-nav-wrap,.split-pane-left .ant-tabs-nav-wrap{padding:0 20px}.split-pane-area .ant-tabs-bar,.split-pane-left .ant-tabs-bar{margin:0}.split-pane-area .ant-form-item-control,.split-pane-left .ant-form-item-control{line-height:1}.split-pane-area .editor_area,.split-pane-area .prev_area,.split-pane-left .editor_area,.split-pane-left .prev_area{height:auto}.Resizer{position:relative;background:#111c24;z-index:1;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box}.Resizer:hover{-webkit-transition:all 2s ease;transition:all 2s ease}.Resizer.horizontal{height:4px;margin:-5px 0;border-top:5px solid hsla(0,0%,100%,0);border-bottom:5px solid hsla(0,0%,100%,0);cursor:row-resize;width:100%}.Resizer.horizontal:hover{border-top:5px solid rgba(0,0,0,.5);border-bottom:5px solid rgba(0,0,0,.5)}.Resizer.vertical{width:4px;cursor:col-resize}.Resizer.disabled{cursor:not-allowed}.Resizer.disabled:hover{border-color:transparent}.outer-split-pane>.Resizer{position:relative}.outer-split-pane>.Resizer:after,.outer-split-pane>.Resizer:before{position:absolute;right:-7px;top:50%;transition:opacity,background .3s}.outer-split-pane>.Resizer:before{content:"";border-radius:50%;background:hsla(0,0%,92.2%,.3);width:24px;height:24px}.outer-split-pane>.Resizer:after{content:"\e712";font-family:iconfont;font-size:10px;transform:scale(.8);top:50%;color:#666;margin-top:4px;right:-7px;opacity:.3}.outer-split-pane>.Resizer:hover:before{background:#ebebeb}.outer-split-pane>.Resizer:hover:after{opacity:1}.editor_area{padding:20px 0;overflow-x:hidden}.editor_area .editor_form{display:flex;flex-wrap:wrap;justify-content:space-between}.editor_area .label_text{position:relative;font-size:14px}.editor_area .label_text:before{display:inline-block;margin-right:4px;color:#f5222d;font-size:14px;font-family:SimSun,sans-serif;line-height:1;content:"*"}.editor_area .label_text.nostar:before{content:""}.editor_area .input_area{display:inline-block}.editor_area .input_area.flex_60{padding-right:20px;width:60%}.editor_area .input_area.flex_40{width:40%}.editor_area .input_area.flex_100{width:100%}.editor_area .input_area.flex_50{width:50%}.editor_area .input_area.flex_50_left{padding-right:10px}.editor_area .input_area.flex_50_right{padding-left:10px}.editor_area .label_sub_text{font-size:12px;color:#999}.editor_area .editor_form,.editor_area .test_demo_ctx,.editor_area .test_demo_title{margin:0 20px}.editor_area .editor_form .ant-form-explain,.editor_area .test_demo_ctx .ant-form-explain,.editor_area .test_demo_title .ant-form-explain{margin-top:5px;margin-left:-10px}.editor_area .test_demo_title{display:flex;justify-content:space-between;align-items:center;height:60px;border-bottom:1px solid #d9d9d9;margin-bottom:20px}.editor_area .test_demo_title.fix_top{position:absolute;top:43px;left:-20px;right:-20px;padding:0 26px 0 20px;background:#f9f9f9;z-index:1000}.editor_area .test_demo_title .htest_demo_title{font-size:16px;font-weight:400;color:#333}.editor_area .test_demo_ctx .ncolor979797{font-size:14px;color:#979797!important}.editor_area .collapse_area{margin-bottom:20px}.editor_area .collapse_area .ant-form-item{margin-bottom:0}.collapse_close_icon{position:relative;background:#ebebeb;border-radius:50%;font-size:12px;padding:5px;color:#8e8e8e;transition:all .3s}.collapse_close_icon:hover{color:#fff;background:#e7514f}.knowledge-select-area .ant-select-selection__rendered{margin-bottom:0!important}.knowledge-select-area .ant-select-search--inline{margin-left:5px;margin-top:2px}.knowledge-select-area .knowledge-result{display:flex;flex-direction:row;flex-wrap:wrap}.knowledge-select-area .knowledge-result .knowledge-item{position:relative;border:1px solid #ddd;border-radius:3px;padding:10px;background:#fff;margin-right:10px;margin-top:10px}.knowledge-select-area .knowledge-result .knowledge-item .knowledge-close{display:none;position:absolute;right:-10px;top:-10px;background-color:#fafafa;cursor:pointer}.knowledge-select-area .knowledge-result .knowledge-item:hover .knowledge-close{display:block}.knowledge-select-area .knowledge-result .icon-add-knowledge{line-height:36px;margin-top:10px;margin-right:10px;color:#4ebc7e}.knowledge-form .ant-form-explain{padding:0}.no_result{display:flex;align-items:center;justify-content:center;height:100%}.render_html{padding:20px 30px}.prev_area{padding-left:20px;height:calc(100vh - 110px)}.right_pane_code_wrap{position:relative;background:#1e1e1e;height:100%}.right_pane_code_wrap .code-title,.right_pane_code_wrap .controller-pane,.right_pane_code_wrap .pane_control_opts{display:flex;align-items:center;justify-content:space-between;background:#121c24;color:#fff}.right_pane_code_wrap .code-title,.right_pane_code_wrap .pane_control_opts{padding:0 20px}.right_pane_code_wrap .code-title{height:56px}.right_pane_code_wrap .code-title .code-icon{cursor:pointer}.right_pane_code_wrap .code-pane-wrap{height:800px}.right_pane_code_wrap .pane_control_area{position:absolute;bottom:0;width:100%}.right_pane_code_wrap .pane_control_area .control_tab{position:absolute;bottom:-325px;width:100%;opacity:0}.right_pane_code_wrap .pane_control_area .control_tab.move_up{animation:move_up .3s ease-in}.right_pane_code_wrap .pane_control_area .control_tab.move_up_final{bottom:0;opacity:1}.right_pane_code_wrap .pane_control_area .control_tab.move_down{animation:move_down .3s ease-in-out}.right_pane_code_wrap .pane_control_area .control_tab.move_down_final{bottom:-325px;opacity:0}.right_pane_code_wrap .pane_control_opts{height:56px}.right_pane_code_wrap .ant-tabs-bar{padding:0 10px;margin:0;border-bottom:transparent}.right_pane_code_wrap .ant-tabs-ink-bar{bottom:1px}.right_pane_code_wrap .pane_control_opts{display:flex;justify-content:space-between;z-index:20}.setting_drawer .setting_h2{line-height:50px}.setting_drawer .setting_desc{display:flex;justify-content:space-between;margin-bottom:10px}.setting_drawer .setting_desc .flex_item{line-height:32px;font-size:12px}@keyframes move_up{0%{opacity:0}90%{opacity:.5}to{opacity:1;bottom:0}}@keyframes move_down{0%{opacity:1;bottom:0}10%{opacity:.2}20%{opacity:0}to{opacity:0;bottom:-325px}}.excute_result_area,.monaco_editor_area,.user_case_form{background-color:#070f19}.monaco_editor_area{height:calc(100% - 56px);overflow:hidden}.monaco_editor_area .code_title{display:flex;align-items:center;background-color:#121c24;color:#fff;height:56px;padding:0 20px}.monaco_editor_area .code_title .flex_strict{flex:1}.monaco_editor_area .code_title .flex_normal{color:#e51c24;cursor:pointer;margin-right:20px}.monaco_editor_area .code_title .code-icon{cursor:pointer}.monaco_editor_area .code_title .code-icon,.monaco_editor_area .code_title .flex_normal,.monaco_editor_area .code_title .flex_strict{color:#666}.setting_drawer .ant-drawer-close{color:#fff}.setting_drawer .ant-drawer-content{top:120px;bottom:56px;height:calc(100vh - 176px);background:#070f19;color:#fff}.setting_drawer .ant-drawer-content .setting_h2{color:#fff}.setting_drawer .ant-drawer-content select{color:#fff;background:#222;height:24px;margin-top:4px}.setting_drawer .ant-drawer-content select option{background:gold;color:#fff}.flex_has_save{animation-name:blink;animation-duration:.4s;animation-iteration-count:3}@keyframes blink{50%{color:#fff}}.avator_nicker{position:absolute;color:#fff;line-height:65px;left:20px}.avator_nicker .student_img,.avator_nicker .student_nicker{display:inline-block;vertical-align:top}.avator_nicker .student_nicker{margin-left:10px}.avator_nicker .student_img{width:30px;height:30px;border-radius:50%;margin-top:15px} |