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
20 KiB
1 line
20 KiB
.split-pane-area{height:calc(100vh - 65px)}.split-pane-area .right_pane_code_wrap{position:relative;background:#1e1e1e}.split-pane-area .right_pane_code_wrap .editor_nodte_area,.split-pane-area .right_pane_code_wrap .student_notes{position:absolute;z-index:100}.split-pane-area .right_pane_code_wrap .student_notes{right:0;top:50%;width:36px;height:36px;margin-top:-18px;border-radius:50%;background:#5091ff;color:#fff;font-size:18px;text-align:center;transform:translateX(18px);cursor:pointer;opacity:.5;transition:all .3s}.split-pane-area .right_pane_code_wrap .student_notes:hover{opacity:1;transform:translateX(-10px)}.split-pane-area .right_pane_code_wrap .editor_nodte_area{right:10px;top:50%;width:450px;height:200px;margin-top:-100px;background:#fff;border-radius:5px;padding:14px 10px 0;transform:translateX(500px);transition:all .3s}.split-pane-area .right_pane_code_wrap .editor_nodte_area.active{transform:translateX(0)}.right_pane_code_wrap{flex:0 0 auto;height:100%;overflow:hidden}.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}.user_code_tab_area .ant-tabs-tabpane{background:#fff}.number_area{display:flex;position:absolute;align-items:center;justify-content:space-between;bottom:0;height:56px;width:100%;box-sizing:border-box;border-top:1px solid #f4f4f4;padding:0 20px;background:#fff}.number_area .flex_count,.number_area .flex_info,.number_area .flex_quill{display:flex;flex-direction:row;justify-content:space-between}.number_area .flex_info{justify-content:flex-end}.number_area .flex_info .like{margin-left:20px}.number_area .flex_info .like.active .numb_icon{color:#5091ff}.number_area .flex_quill{flex:1;align-items:center;height:100%;top:10px;margin-right:20px}.commit_record_area{background:#fff}.task_description_area{height:calc(100vh - 177px)}.task_description_area .task_desc_area{height:calc(100vh - 242px);overflow-y:auto;padding:20px;background:#fff}.task_description_area .desc_area_header{display:flex;justify-content:space-between;align-items:center;height:64px;padding:0 20px;background:#fff;box-sizing:border-box;border-bottom:1px solid #f4f4f4}.task_description_area .desc_area_header .header_flex{font-size:14px}.task_description_area .desc_area_header .header_flex .flex_label{color:#888;margin-right:10px}.task_description_area .desc_area_header .header_flex .flex_value{font-weight:500;color:#333}.student_study_header .study_quit{position:absolute;right:20px}.student_study_header .quit-btn{cursor:pointer;margin-left:30px;color:#888;transition:all .3s}.student_study_header .quit-btn:hover{color:#5091ff}.student_study_header .quit-btn .quit-icon{margin-right:5px}.add_editor_list_area,.task_comment_task{box-sizing:border-box;border-bottom:1px solid #f4f4f4}.task_comment_task{display:flex;flex-direction:column;justify-content:space-between;background:#fff;padding:0 20px;height:calc(100vh - 177px);overflow-y:auto}.task_comment_task .task_comment_page{padding:10px 0;text-align:center}.comment_list_wrapper{box-sizing:border-box}.comment_list_wrapper .empty_comment{display:flex;height:calc(100vh - 200px);width:100%;justify-content:center;align-items:center}.comment_list_wrapper .comment_item_show{display:block}.comment_list_wrapper .comment_item_hide{display:none}.comment_list_wrapper .comment_item_area{display:flex;padding:20px 0;box-sizing:border-box;border-bottom:1px solid #f4f4f4}.comment_list_wrapper .comment_item_area .comment_child_item_area:hover .item-close{display:inline-block}.comment_list_wrapper .comment_item_area .flex-image{width:48px;height:48px;border-radius:50%}.comment_list_wrapper .comment_item_area .item-desc{flex:1;margin-left:5px}.comment_list_wrapper .comment_item_area .item-header{font-size:14px;line-height:14px;color:#333;margin-left:15px}.comment_list_wrapper .comment_item_area .item-header .item-time{font-size:12px;line-height:14px;margin-left:20px}.comment_list_wrapper .comment_item_area .item-header .item-close{display:none;cursor:pointer;float:right}.comment_list_wrapper .comment_item_area .item-header .item-close.hide{display:none}.comment_list_wrapper .comment_item_area .item-ctx{position:relative;line-height:22px;font-size:12px;color:#333;margin-top:10px;vertical-align:top}.comment_list_wrapper .comment_item_area .comment_icon_area{display:flex;justify-content:flex-end;margin-top:10px}.comment_list_wrapper .comment_item_area .comment_icon_area .comment-icon-margin{margin-left:20px}.comment_list_wrapper .comment_item_area .comment_icon_area .comment-icon-margin-10{margin-left:10px}.comment_list_wrapper .comment_item_area .show_upload_image{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000}.comment_list_wrapper .comment_item_area .show_upload_image:before{position:absolute;height:100%;width:100%;content:"";background:#000;opacity:.7}.comment_list_wrapper .comment_item_area .show_upload_image .image_info{display:flex;position:absolute;width:80%;height:80%;left:10%;top:10%;justify-content:center;align-items:center}.comment_list_wrapper .comment_item_area .show_upload_image .image_info .image{display:block;width:100%}.comment_list_wrapper .comment_item_area .show_upload_image .image_close{position:absolute;right:20px;top:20px;color:#fff;cursor:pointer}.comment_list_wrapper .comment_icon_count{cursor:pointer;font-size:12px;line-height:1.5}.comment_list_wrapper .comment_icon_count .comment_icon{color:#333}.comment_list_wrapper .comment_icon_count .comment_count{color:#999;margin-left:10px;transition:color .3s}.comment_list_wrapper .comment_icon_count .comment_count_none{margin-left:0}.comment_list_wrapper .comment_icon_count:hover .comment_count,.comment_list_wrapper .comment_icon_count:hover .comment_icon{color:#5091ff}.comment_list_wrapper .comment_item_append_list{display:none;position:relative;background-color:#fafafa;border-radius:5px;padding:0 15px 10px;margin:15px 0}.comment_list_wrapper .comment_item_append_list.active{display:block}.comment_list_wrapper .comment_item_append_list:before{position:absolute;left:15px;bottom:100%;height:0;width:0;content:"";border:10px solid transparent;border-bottom-color:#fafafa}.comment_list_wrapper .comment_item_append_list .comment_item_loadmore{display:none;padding-top:10px;cursor:pointer}.comment_list_wrapper .comment_item_append_list .comment_item_loadmore .loadmore-icon,.comment_list_wrapper .comment_item_append_list .comment_item_loadmore .loadmore-txt{color:#999;text-align:center;font-size:12px}.comment_list_wrapper .comment_item_append_list .comment_item_loadmore.show{display:block}.comment_list_wrapper .icon_font_size_14{font-size:14px!important}.comment_form_area,.comment_form_bottom_area{width:100%}.comment_form_area{position:relative;background:#fff}.comment_form_area .ant-form-explain{padding-left:0}.comment_form_area .show_input{margin-top:10px}.comment_form_bottom_area{position:relative;background:#fff;top:10px}.comment_form_bottom_area.active{position:absolute;background:#fff;left:0;right:0;top:-230px;padding:0 20px}.commit_record_area{padding:0 20px;overflow-y:auto;height:calc(100vh - 122px)}.commit_record_area .commit_record_table_pagination{height:100%;display:flex;flex-direction:column;justify-content:space-between}.commit_record_area .commit_record_table_pagination .commit_record_pagination{padding:10px 0;text-align:center}.commit_record_area .record_header{display:flex;height:66px;align-items:center}.commit_record_area .record_header .record_result{color:#333;font-size:16px}.commit_record_area .record_header .copy_error{visibility:hidden;text-align:right;flex:1;padding-right:40px}.commit_record_area .record_header .copy_error.show_error_copy{visibility:visible}.commit_record_area .record_header .copy_error,.commit_record_area .record_header .show_detail{color:#5091ff;font-size:14px;cursor:pointer}.commit_record_area .record_header .icon_style{font-size:12px;margin-left:2px;cursor:pointer}.commit_record_area .record_header .record_result_suc{color:#28bd8b}.commit_record_area .record_header .record_result_err{color:#e51c24}.commit_record_area .record_error_info{display:none;padding:20px 30px;word-wrap:break-word}.commit_record_area .show_error_code{display:block;background:#fafafa;color:#e51c24;margin-bottom:20px}.error_result_wrap.error_result_txt{padding:20px 30px}.error_result_wrap.error_result_code{height:150px}.error_result_wrap.error_result_code .error_result_code_txt{line-height:32px}.text_number_area{display:flex}.flex_vertical{flex-direction:column;justify-content:space-around;align-items:center}.flex_horizontal{flex-direction:row}.text_icon_numb,.text_label_numb{line-height:18px;vertical-align:top}.text_icon_numb .numb_value,.text_label_numb .numb_value{font-size:14px}.text_label_numb .numb_value{color:#333}.text_label_numb .text_label{font-size:12px}.text_icon_numb .numb_icon{font-size:16px;margin-right:5px;color:#333;cursor:pointer}.text_icon_numb .numb_value{color:#999}.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{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}}.pane_control_area{position:relative}.pane_control_area .show-panel{display:block}.pane_control_area .hide-panel{display:none}.pane_control_area.active .control-tab{display:block;opacity:1}.pane_control_area .pane_control_collapse{position:absolute;width:55px;height:27px;background:#2a3a4f;border-bottom-left-radius:55px;border-bottom-right-radius:55px;left:50%;margin-left:-27px;text-align:center;color:#fff;line-height:27px;opacity:.5;transition:opacity .3s;z-index:10}.pane_control_area .pane_control_collapse .icon{position:relative;top:0}.pane_control_area .pane_control_collapse:hover{opacity:.8}.pane_control_area .control-tab{position:absolute;bottom:56px;width:100%;display:none}.pane_control_area .ant-tabs-bar{padding:0}.pane_control_area .ant-tabs-nav .ant-tabs-tab{padding:12px 0}.ant-tabs-bar{padding:0 10px;margin:0;border-bottom:transparent}.ant-tabs-ink-bar{bottom:1px}.pane_control_opts{display:flex;justify-content:space-between;align-items:center;z-index:20;height:56px;padding-right:20px;padding-left:5px;background:#121c24}.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}.setting_drawer .ant-drawer-body{height:calc(100vh - 120px);overflow-y:auto}.setting_drawer .ant-drawer-content{top:120px}.tab_ctx_area{display:flex;height:100%;color:#666;font-size:14px}.tab_ctx_area.pos_start{justify-content:flex-start}.tab_ctx_area.pos_center{justify-content:center;align-items:center}.tab_ctx_area.pos_end{justify-content:flex-end}.tab_ctx_area .ctx_default{margin:10px 20px}.tab_ctx_area .ctx_loaded,.tab_ctx_area .ctx_loading{display:flex;position:relative;flex-direction:column;top:-20px;color:#1890ff}.tab_ctx_area .ctx_loaded .ctx_icon,.tab_ctx_area .ctx_loading .ctx_icon{font-size:40px;margin-bottom:10px}.user_case_form{display:flex;align-items:flex-start;padding:20px 10px;margin:0}.user_case_form .input_area{flex:1}.user_case_form .flex_l,.user_case_form .input_area .ant-form-item-required{color:#fff}.user_case_form .input_textarea_style{background:#070f19!important;color:#fff;border:0 solid transparent!important;height:200px;outline:none}.excute_result_area{display:flex;height:268px;width:100%}.excute_result_area.excute_flex_center{align-items:center;justify-content:center}.excute_result_area .init_ctx{color:#666}.excute_result_area .loaded_ctx,.excute_result_area .loading_ctx{display:flex;flex-direction:column;color:#1890ff}.excute_result_area .loaded_ctx .ctx_icon,.excute_result_area .loading_ctx .ctx_icon{font-size:40px;margin-bottom:10px}.excute_result_info{padding:10px 30px 20px;color:#fff;height:268px;overflow-y:auto;background-color:#070f19}.excute_result_info .result_info_style{word-wrap:break-word;color:#ccc}.excute_result_info .excute_head_area{line-height:30px}.excute_result_info .excute_head_area .excute_suc{color:#28bd8b}.excute_result_info .excute_head_area .excute_err{color:#e51c24}.default-tab-container{width:100%}.default-tab-container .tabs-nav{height:54px;background:#0f1e31;font-size:14px;font-family:MicrosoftYaHei;color:#ddd;line-height:14px;padding:0 17px;display:flex;flex-flow:row nowrap;align-items:center}.default-tab-container .tabs-nav a{display:block;margin-right:30px;color:#ddd;height:54px;line-height:54px;border-bottom:2px solid transparent}.default-tab-container .tabs-nav a.active{font-family:MicrosoftYaHeiSemibold;color:#5091ff;border-bottom:2px solid #5091ff}.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} |