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.
NewEduCoderBuild/p__Question__AddOrEdit__ind...

654 lines
22 KiB

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Question/AddOrEdit/index.less?modules ***!
\*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[id="educoder"] .header___N_IdR {
display: flex;
flex-flow: row nowrap;
align-items: center;
height: 65px;
width: 100%;
background: #070f19;
color: #fff;
padding: 0 20px;
}
[id="educoder"] .header___N_IdR h2 {
text-align: center;
color: #fff;
flex: 1 0 auto;
margin: 0;
font-size: 16px;
}
[id="educoder"] .header___N_IdR a {
color: #fff;
}
[id="educoder"] .header___N_IdR div {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
[id="educoder"] .header___N_IdR div img {
border-radius: 15px;
margin-right: 10px;
}
[id="educoder"] .field___XG_dh {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
}
[id="educoder"] .field___XG_dh > div {
width: 48%;
}
[id="educoder"] .oj-form-container___syYzK {
height: calc(100vh - 65px);
overflow: hidden;
}
[id="educoder"] .oj-left-panel___L082x {
height: calc(100vh - 121px);
}
[id="educoder"] .oj-form-info___q0IU5 {
padding: 20px 15px;
height: 100%;
overflow: auto;
background: #fff;
}
[id="educoder"] .footer___pGCM2 {
display: flex;
align-items: center;
justify-content: center;
height: 56px;
background: #121c24;
position: relative;
}
[id="educoder"] .footer___pGCM2 .result___LM9Ms {
position: absolute;
z-index: 10;
left: 20px;
display: flex;
align-items: center;
justify-content: center;
}
[id="educoder"] .footer___pGCM2 .result___LM9Ms > span {
font-size: 14px;
color: #fff;
}
[id="educoder"] .footer___pGCM2 .passText___nUoL4 {
font-size: 14px;
font-weight: 400;
color: #2fc25b;
margin-left: 18px;
}
[id="educoder"] .footer___pGCM2 .passText___nUoL4 i {
font-size: 14px;
margin-right: 8px;
}
[id="educoder"] .footer___pGCM2 .noPassText___ECHHG {
font-size: 14px;
font-weight: 400;
color: #e53333;
margin-left: 18px;
}
[id="educoder"] .footer___pGCM2 .noPassText___ECHHG i {
font-size: 14px;
margin-right: 8px;
}
[id="educoder"] .footer___pGCM2 .noPassText___ECHHG > span {
color: #0152d9;
font-size: 14px;
font-weight: 500;
margin-left: 10px;
text-decoration: underline;
cursor: pointer;
}
[id="educoder"] .footer___pGCM2 .pass___tDubp {
width: 68px;
height: 28px;
border-radius: 4px;
border: 1px solid #2fc25b;
font-size: 14px;
font-weight: 500;
color: #2fc25b;
cursor: pointer;
line-height: 26px;
text-align: center;
margin-left: 18px;
margin-right: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
[id="educoder"] .footer___pGCM2 .noPass___ilYvg {
cursor: pointer;
width: 82px;
height: 28px;
border-radius: 4px;
border: 1px solid #e53333;
font-size: 14px;
font-weight: 500;
color: #e53333;
line-height: 26px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
[id="educoder"] .footer___pGCM2 > button {
margin-right: 20px;
}
[id="educoder"] .footer___pGCM2 .ant-btn[disabled] {
background: #f5f5f5 !important;
}
[id="educoder"] .test-case-name___MI_KD {
display: flex;
flex-flow: row nowrap;
align-items: center;
float: left;
color: rgba(0, 0, 0, 0.65) !important;
}
[id="educoder"] .test-case-name___MI_KD > div {
margin: 0 15px 0 15px;
}
[id="educoder"] .btn-remove-case___OiaTQ {
position: relative;
font-size: 20px;
color: #8e8e8e;
border-radius: 50%;
vertical-align: center;
}
[id="educoder"] .btn-remove-case___OiaTQ:hover {
color: #fff;
background: #e7514f;
}
[id="educoder"] .icon-tag___D86WO {
font-size: 20px;
margin-left: 10px;
color: #4ebc7e;
}
[id="educoder"] .btn_back___FyaSY {
color: #888 !important;
cursor: pointer;
}
[id="educoder"] .btn_back___FyaSY span {
margin-right: 6px;
}
[id="educoder"] .testJi___NDviK {
flex-direction: row !important;
}
[id="educoder"] .testJi___NDviK .ant-form-item-control-input-content {
margin-top: -4px;
margin-left: 20px;
}
[id="educoder"] .upBtn___FiZX4 {
position: relative;
}
[id="educoder"] .upBtn___FiZX4 button {
position: absolute;
z-index: 10;
top: -47px;
right: 4px;
}
[id="educoder"] .oj-problems___xb70g .resize-x-bar {
display: none !important;
}
[id="educoder"] .row___v036E {
display: flex;
}
[id="educoder"] .row___v036E .ant-select-multiple .ant-select-selector {
min-height: 40px !important;
background-color: #f1f1f1;
border: 0;
padding: 0 10px;
}
[id="educoder"] .row___v036E .ant-select-multiple .ant-select-selection-item-content {
font-size: 12px;
}
[id="educoder"] .row___v036E .ant-select-multiple .ant-select-selection-item-remove > .anticon {
vertical-align: -0.1em;
}
[id="educoder"] .row___v036E .ant-select-single .ant-select-selector {
height: 40px !important;
background-color: #f1f1f1;
border: 0;
padding: 0 10px;
}
[id="educoder"] .row___v036E .ant-select-single .ant-select-selection-item,
[id="educoder"] .row___v036E .ant-select-single .ant-select-selection-placeholder {
line-height: 40px !important;
}
[id="educoder"] .row___v036E .a___yRaYH {
width: 25%;
}
[id="educoder"] .row___v036E .b___gWQyu {
width: 70%;
display: flex;
align-items: center;
margin-left: 40px;
}
[id="educoder"] .row___v036E .b___gWQyu > div {
width: 100%;
}
[id="educoder"] .row___v036E .b___gWQyu > button {
margin-left: 7px;
height: 40px;
margin-top: 12px;
}
[id="educoder"] .inputTwo___IZ9og {
width: 100% !important;
}
[id="educoder"] .inputTwo___IZ9og .ant-input-number {
height: 40px;
background-color: #f1f1f1;
padding: 0 20px 0 3px;
border: 0;
border-radius: 4px;
}
[id="educoder"] .inputTwo___IZ9og .ant-input-number .ant-input-number-input-wrap {
height: 40px;
line-height: 40px;
}
[id="educoder"] .inputTwo___IZ9og .ant-input-number > input,
[id="educoder"] .inputTwo___IZ9og .ant-input-number > span {
font-size: 16px;
background-color: #f1f1f1;
}
[id="educoder"] .inputOne____NmcT .ant-input-affix-wrapper {
height: 50px;
background-color: #f1f1f1 !important;
padding: 0 20px;
border-radius: 4px;
}
[id="educoder"] .inputOne____NmcT .ant-input-affix-wrapper > input,
[id="educoder"] .inputOne____NmcT .ant-input-affix-wrapper > span {
font-size: 16px;
background-color: #f1f1f1 !important;
}
[id="educoder"] .cusModal___fJ5gm [class~='ant-modal-confirm-btns'] {
display: none;
}
[id="educoder"] .oj-custom-large-spin___Aar0g {
max-height: 80vh !important;
position: fixed !important;
z-index: 1000 !important;
top: 50% !important;
left: 50% !important;
width: 50px !important;
height: 50px !important;
}
[id="educoder"] .MdEditor___hgoes [class~='CodeMirror-gutters'] {
left: 0px !important;
}
[id="educoder"] .MdEditor___hgoes [class~='CodeMirror-gutter-wrapper'] {
left: -30px !important;
}
[id="educoder"] .MdEditor___hgoes [class~='CodeMirror-cursor'] {
height: 25px !important;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/components/SplitContainer/index.less ***!
\**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.split-panel-container {
width: 100%;
height: calc(100vh - 121px);
display: flex;
flex-flow: row nowrap;
align-items: center;
overflow: hidden;
}
.split-panel-container > section {
height: 100%;
}
.split-panel-container.my-problems {
height: calc(100vh - 65px);
}
.split-panel-container .resize-x-bar {
width: 4px;
cursor: ew-resize;
height: 100%;
display: flex;
flex-flow: column nowrap;
justify-content: center;
background: #111c24;
}
.split-panel-container .btn-resize {
display: flex;
flex-flow: column nowrap;
text-align: center;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
font-size: 24px;
z-index: 10;
border-radius: 50%;
position: absolute;
margin-left: -10px;
opacity: 0.7;
box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
background-color: #e0e0e0;
color: rgba(0, 0, 0, 0.87);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/components/tpi-code-setting/index.less ***!
\****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tpi-code-setting {
height: calc(100vh - 54px);
background: #031b2a;
color: #ddd;
font-size: 13px;
line-height: 17px;
}
.tpi-code-setting.oj {
height: calc(100vh - 65px);
}
.tpi-code-setting h3 {
color: #008cff;
font-size: 16px;
line-height: 21px;
padding-bottom: 12px;
text-align: left;
width: 100%;
display: block;
border-bottom: 1px solid #092436;
}
.tpi-code-setting .file-item {
color: #ddd;
padding: 20px 0 0 0;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
}
.tpi-code-setting .file-item.action {
justify-content: flex-start;
}
.tpi-code-setting .file-item.action .iconfont {
margin-right: 21px;
}
.tpi-code-setting .file-item span {
max-width: 148px;
}
.tpi-code-setting .file-item:last-child {
margin-bottom: 25px;
}
.tpi-code-setting span {
color: #597a8f;
}
.setting-drawer .ant-drawer-content-wrapper {
top: 54px;
bottom: 51px;
}
.setting-drawer .ant-drawer-content {
height: auto;
}
.oj .ant-drawer-content-wrapper {
top: 65px;
}
.setting-drawer .ant-drawer-body,
.oj .ant-drawer-body {
background: #031b2a;
}
.setting-drawer .ant-drawer-body,
.oj .ant-drawer-body {
height: auto;
}
.setting-drawer .ant-select-selection,
.oj .ant-select-selection {
width: 120px;
background: #0a2030;
color: #597a8f;
border: 1px solid #597a8f;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Question/AddOrEdit/CodePanel/index.less?modules ***!
\*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.code-panel-container___BZjjl {
width: 100%;
height: calc(100vh - 121px);
background-color: #1c1c1c;
}
.code-panel-container___BZjjl .action-oj-bar___xbXpK {
height: 56px;
display: flex;
width: 100%;
color: #fff;
flex-flow: row nowrap;
align-items: center;
padding: 0 20px;
justify-content: space-between;
background: #121c24;
}
.code-panel-container___BZjjl .action-oj-bar___xbXpK > div {
height: 30px;
background: #25343e;
border-radius: 4px;
font-size: 14px;
padding: 0 20px;
line-height: 30px;
cursor: pointer;
margin-right: 10px;
}
.code-panel-container___BZjjl .action-oj-bar___xbXpK > div:last-of-type {
margin-right: auto;
}
.code-panel-container___BZjjl .action-oj-bar___xbXpK > div.active___EMVKI {
background: #0152d9;
color: #fff;
}
.code-panel-container___BZjjl .action-oj-bar___xbXpK span {
flex: 1 0;
}
.code-panel-container___BZjjl .action-oj-bar___xbXpK a {
color: #fff;
margin-left: 10px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Question/AddOrEdit/ManageModal/index.less?modules ***!
\*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex_box_center___4yAaY {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___YaUgM {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___zR3dp {
align-items: center;
box-align: center;
}
.flex_box_center_end___rwgS5 {
justify-content: flex-end;
align-items: center;
-webkit-justify-content: flex-end;
-webkit-align-items: center;
-webkit-box-align: center;
-webkit-box-pack: end;
box-align: center;
box-pack: end;
}
.flex_box_column___LhFeP {
flex-direction: column;
box-orient: block-axis;
}
.wrap___xTL91 .in___eSY86 {
width: 100%;
border-radius: 4px;
margin-top: 30px;
margin-bottom: 20px;
}
.wrap___xTL91 .btns___UdEGI {
display: flex;
justify-content: flex-end;
align-items: center;
padding: 15px 0px 30px 40px !important;
}
.wrap___xTL91 .btns___UdEGI > button {
min-width: 100px;
height: 40px;
border-radius: 4px;
font-size: 16px;
}
.customModal___CL0OL .ant-modal-close-x {
width: 86px;
height: 66px;
line-height: 66px;
}
.customModal___CL0OL .ant-modal-content {
border-radius: 4px;
overflow: hidden;
}
.customModal___CL0OL .ant-modal-header {
padding: 22px 40px;
}
.customModal___CL0OL .ant-modal-header .ant-modal-title {
font-size: 18px;
font-weight: 400;
}
.customModal___CL0OL .ant-modal-body {
padding: 0;
}
.customModal___CL0OL .ant-tabs-nav-wrap {
padding-left: 0 !important;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Shixuns/Edit/body/Level/Challenges/components/UploadFile/index.less?modules ***!
\***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wrap___MkYbQ [class~='ant-upload-drag'] {
background: rgba(24, 144, 255, 0.04) !important;
border-radius: 4px;
border: 1px dashed #0152d9;
}
.wrap___MkYbQ .colorBlue___onjbP {
color: #0152d9;
}
.wrap___MkYbQ .repeatedName___nbqnE {
color: red;
}
.wrap___MkYbQ .text___xvutp {
margin-top: 20px;
color: #464F66;
line-height: 24px;
}
.wrap___MkYbQ .greyText___dihvZ {
font-size: 14px;
font-weight: 400;
color: #5F6368;
}
.wrap___MkYbQ .noData___LxOJA {
height: 180px;
margin-bottom: 30px;
}
.wrap___MkYbQ .noData___LxOJA .dragger___y7F4A {
display: flex;
align-items: center;
justify-content: center;
}
.wrap___MkYbQ .noData___LxOJA .dragger___y7F4A img {
width: 46px;
}
.wrap___MkYbQ .noData___LxOJA .dragger___y7F4A span {
font-size: 14px;
font-weight: 400;
color: #9096A3;
}
.wrap___MkYbQ .noData___LxOJA .dragger___y7F4A .uploadText___Et3KS {
color: #3061D0;
}
.wrap___MkYbQ .btnS___k1e6j {
height: 32px;
border-radius: 4px;
background: #3061D0;
}
.wrap___MkYbQ .btnS___k1e6j i {
margin-right: 6px;
}
.wrap___MkYbQ .testCaseRadio___q1wXT label[class~='ant-radio-button-wrapper'] {
width: 60px;
height: 38px;
background: #F6F7F9;
box-shadow: inset 0px 1px 3px 0px #D7D8D9;
border-radius: 23px;
border: none;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 20px;
}
.wrap___MkYbQ .testCaseRadio___q1wXT label[class~='ant-radio-button-wrapper']::before {
background-color: transparent;
}
.wrap___MkYbQ .testCaseRadio___q1wXT label[class~='ant-radio-button-wrapper'] span {
color: #464F66;
font-size: 14px;
}
.wrap___MkYbQ .testCaseRadio___q1wXT label[class~='ant-radio-button-wrapper-checked'] {
background-color: #fff;
box-shadow: 0px 2px 4px 0px #E0DFE1;
border: 1px solid #BACFFE;
background: #D3E0FD linear-gradient(180deg, #FFFFFF 0%, #F6F7F9 100%);
}
.wrap___MkYbQ .testCaseRadio___q1wXT label[class~='ant-radio-button-wrapper-checked']:first-child {
border-right-color: #BACFFE;
}
.wrap___MkYbQ .testCaseRadio___q1wXT label[class~='ant-radio-button-wrapper-checked']:focus-within {
box-shadow: 0px 2px 4px 0px #E0DFE1;
}
.wrap___MkYbQ .testCaseRadio___q1wXT label[class~='ant-radio-button-wrapper-checked'] span {
color: #165DFF;
font-size: 14px;
}
.head___s4Eix {
display: flex;
margin-bottom: 36px;
}
.head___s4Eix .operation___JCAVh {
text-align: center;
}
.head___s4Eix > div {
color: #5F6368;
font-size: 14px;
text-align: left;
display: inline-block;
}
.listWrapper___xW3b4 {
max-height: 214px;
overflow: auto;
}
.listWrapper___xW3b4::-webkit-scrollbar {
display: none;
}
.listWrapper___xW3b4 .list___dCbd6 {
display: flex;
margin-bottom: 36px;
}
.listWrapper___xW3b4 .list___dCbd6 .del___abNho {
color: #e53333;
cursor: pointer;
}
.listWrapper___xW3b4 .list___dCbd6 .info___J1Wmf {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 12px;
}
.listWrapper___xW3b4 .list___dCbd6 .info___J1Wmf > span {
color: #3061D0;
cursor: pointer;
text-decoration: underline;
}
.listWrapper___xW3b4 .list___dCbd6 > div {
text-align: left;
display: inline-block;
background: #fff;
}