/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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.3.34@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.34@@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.3.34@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.34@@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[1].use[1]!./node_modules/_@umijs_bundler-webpack@4.3.34@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.34@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/pages/Problems/OjForm/CodePanel/index.less ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .code-panel-container { width: 100%; height: calc(100vh - 121px); background-color: #1c1c1c; } .code-panel-container .action-bar { 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 .action-bar span { flex: 1 0; } .code-panel-container .action-bar 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.3.34@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.34@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Problems/OjForm/index.less?modules ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .header___HqHSe { display: flex; flex-flow: row nowrap; align-items: center; height: 65px; width: 100%; background: #070f19; color: #fff; padding: 0 20px; } .header___HqHSe h2 { text-align: center; color: #fff; flex: 1 0 auto; margin: 0; font-size: 16px; } .header___HqHSe a { color: #fff; } .header___HqHSe div { display: flex; flex-flow: row nowrap; align-items: center; } .header___HqHSe div img { border-radius: 15px; margin-right: 10px; } .checkboxs___ObBnD span[class~='ant-checkbox'] { top: 0px !important; } .field___w_sM6 { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; } .field___w_sM6 > div { width: 48%; } .oj-form-container____odYP { height: calc(100vh - 65px); overflow: hidden; } .oj-left-panel___emEB2 { height: calc(100vh - 121px); } .oj-form-info___m00Ag { padding: 20px 15px; height: 100%; overflow: auto; } .footer___O4iSJ { display: flex; align-items: center; justify-content: center; height: 56px; background: #121c24; } .footer___O4iSJ > button { margin-right: 20px; } .collapse___Ltfkj div[class~='ant-collapse-header'] { align-items: center !important; } .test-case-name___miZcb { display: flex; flex-flow: row nowrap; align-items: center; float: left; color: rgba(0, 0, 0, 0.65); } .test-case-name___miZcb > div { margin: 0 15px 0 15px !important; } .btn-remove-case___cHap2 { position: relative; font-size: 20px; color: #8e8e8e; border-radius: 50%; vertical-align: center; } .btn-remove-case___cHap2:hover { color: #fff; background: #e7514f; } .icon-tag___gmyTb { font-size: 20px; margin-left: 10px; color: #4ebc7e; } .btn_back___tNmX3 { color: #888 !important; cursor: pointer; } .btn_back___tNmX3 span { margin-right: 6px; } .testJi___L3fHb { flex-direction: row !important; } .testJi___L3fHb .ant-form-item-control-input-content { margin-top: -4px; margin-left: 20px; } .upBtn___RGH6X { position: relative; } .upBtn___RGH6X button { position: absolute !important; z-index: 10; top: -47px; right: 4px; } /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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.3.34@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.34@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/pages/MyProblem/index.less ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .right-panel { position: relative; } .btn-notes { position: absolute; 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); will-change: transform; cursor: pointer; opacity: 0.5; transition: transform 0.3s linear, opacity 0.3s linear; z-index: 100; display: flex; flex-flow: column nowrap; justify-content: center; } .btn-notes:hover { opacity: 1; color: #fff; transform: translateX(-10px); } .note-form-area { position: absolute; right: 10px; top: 50%; width: 450px; margin-top: -100px; background: #fff; border-radius: 5px; padding: 14px 10px 0; transform: translateX(500px); will-change: transform; transition: transform 0.3s; } .note-form-area.active { transform: translateX(0); } .oj-modal .ant-modal-body { padding: 0; } .oj-modal .oj-modal-content { display: flex; flex-direction: column; align-items: center; } .oj-modal .oj-modal-content > aside { font-size: 14px; margin-top: 50px; color: #333; width: 438px; } .oj-modal .oj-modal-head { width: 100%; height: 120px; padding-left: 177px; padding-right: 40px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #f1f1f1; } .oj-modal .oj-modal-btn { width: 180px; height: 50px; background: #0152d9; border-radius: 4px; font-size: 16px; font-weight: 500; color: #ffffff; cursor: pointer; line-height: 50px; text-align: center; margin-bottom: 30px; } .oj-modal .oj-modal-tt { margin-right: 51px; display: inline-flex; flex-direction: column; transform: translateY(-4px); } .oj-modal .oj-modal-tt > span:last-child { width: 160px; height: 6px; background: #e7f3ff; border-radius: 3px; } .oj-modal .oj-modal-tt > span:last-child span { display: inherit; width: 60px; height: 6px; background: #0152d9; border-radius: 3px; } .oj-modal i { color: #666; cursor: pointer; } .oj-select { margin-left: 20px; } .oj-select .ant-select-selector { background: #25343e !important; border: 0px !important; height: 30px !important; } .oj-select .ant-select-arrow { color: #ffffff; } .oj-select .ant-select-selection-item { color: #ffffff; font-size: 12px; line-height: 30px !important; } .exercise_user_info { font-size: 14px; font-weight: 400; color: #B2BACB; } .exercise_user_info span { font-size: 16px; font-weight: 500; color: #55BFD6; } /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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.3.34@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.34@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/pages/MyProblem/TestCasePanel/index.less ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .footer { display: flex; flex-flow: row nowrap; align-items: center; height: 56px; background: #121c24; color: #fff; padding: 0 20px; justify-content: space-between; } .test-case-panel { position: relative; } .test-case-panel .error { font-size: 12px; color: #fb3226; } .test-case-panel .test-case-panel-body { position: absolute; will-change: transform; width: 100%; transition: all 0.2s linear; bottom: 0; transform: translate3d(0, 350px, 0); opacity: 0.1; } .test-case-panel .test-case-panel-body pre { max-height: 150px; overflow: auto; } .test-case-panel .test-case-panel-body.active { transform: translate3d(0, -56px, 0); opacity: 1; } .test-case-panel .tab-panel-body { padding: 20px 10px; height: 240px; background-color: #070f19; display: flex; flex-flow: column nowrap; justify-content: center; color: #ddd; } .test-case-panel .tab-panel-body .tip { text-align: center; } .test-case-panel .tab-panel-body textarea { background: #070f19 !important; color: #fff; font-size: 14px; border: 0 solid transparent !important; height: 200px; outline: none; } .test-case-panel .btn-green { margin-right: 10px; color: #28bd8b; border-color: #28bd8b; } .test-case-panel .btn-blue { margin-right: 10px; color: #0152d9; border-color: #0152d9; } .test-case-panel .btn-blue span { pointer-events: none; } .test-case-panel .btn-collapse { position: absolute; top: 0; width: 54px; height: 27px; left: 50%; margin-left: -27px; background: #2a3a4f; z-index: 8; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; color: #fff; text-align: center; cursor: pointer; opacity: 0.4; transition: all 0.3s; } .test-case-panel .btn-collapse.up { top: -294px; } ul.s-navs { list-style: none; margin: 0; padding: 0 17px; height: 54px; display: flex; flex-flow: row nowrap; align-items: center; background: #0f1e31; font-size: 14px; color: #ddd; } ul.s-navs.bg-white { background: #fff; color: #888; } ul.s-navs.bg-white a { color: #888; } ul.s-navs a { color: #ddd; display: block; margin-right: 20px; height: 54px; line-height: 54px; border-bottom: 2px solid transparent; } ul.s-navs a.active { color: #5091ff; border-bottom: 2px solid #5091ff; } #educoder .custom-ant-disabled:disabled { color: inherit; } /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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.3.34@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.34@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/Spinner/index.less?modules ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .ldsRing___mpBZC { position: relative; width: 40px; height: 40px; margin: 0 auto; } .idsRingWrapper___Of9_n { position: absolute; z-index: 1000; width: 100%; height: 100%; left: 0; top: 0; display: flex; flex-flow: column nowrap; justify-content: center; } .idsRingWrapper___Of9_n p { text-align: center; margin-top: 12px; } .ldsRing___mpBZC div { box-sizing: border-box; display: block; position: absolute; width: 32px; height: 32px; margin: 4px; border: 4px solid #1976d2; border-radius: 50%; animation: ldsring___o0w2t 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #1976d2 transparent transparent transparent; } .ldsRing___mpBZC div:nth-child(1) { animation-delay: -0.45s; } .ldsRing___mpBZC div:nth-child(2) { animation-delay: -0.3s; } .ldsRing___mpBZC div:nth-child(3) { animation-delay: -0.15s; } @keyframes ldsring___o0w2t { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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.3.34@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.34@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/MyProblem/LeftPanel/index.less?modules ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .flex_box_center___rM3g8 { justify-content: center; align-items: center; -webkit-justify-content: center; box-align: center; } .flex_space_between___Oc7SE { justify-content: space-between; -webkit-box-pack: justify; } .flex_box_vertical_center___MnmYE { align-items: center; box-align: center; } .flex_box_center_end___QQh83 { 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___ZRFbL { flex-direction: column; box-orient: block-axis; } .left-panel___SKGyd { position: relative; } .left-panel___SKGyd .tab-panel-body___gABdv { padding: 0 16px; height: calc(100vh - 121px); overflow: auto; } .left-panel___SKGyd .tab-panel-body___gABdv pre:empty { display: none; } .left-panel___SKGyd .b1___QpbmK { border-bottom: 1px solid #eaecef; } .left-panel___SKGyd .oj-width-input___eJQWT { width: 270px; } @media screen and (max-width: 1280px) { .left-panel___SKGyd { /*当屏幕尺寸小于1280px时,应用下面的CSS样式*/ } .left-panel___SKGyd .oj-mr___AxILO { margin-right: 20px; } .left-panel___SKGyd .oj-width-input___eJQWT { width: 235px; } } .s-navs___FXwOi { list-style: none; margin: 0; padding: 0 17px; height: 54px; display: flex; flex-flow: row nowrap; align-items: center; background: #0f1e31; font-size: 14px; color: #ddd; } .s-navs___FXwOi li { margin-right: 40px; } .s-navs___FXwOi.bg-white___kbZ6r { background: #fff; color: #888; } .s-navs___FXwOi.bg-white___kbZ6r a { color: #888; } .s-navs___FXwOi a { color: #ddd; display: block; margin-right: 20px; height: 54px; line-height: 54px; border-bottom: 2px solid transparent; } .s-navs___FXwOi a.active___QGOnZ { color: #5091ff; border-bottom: 2px solid #5091ff; } .list___PXTsq { display: flex; align-items: center; justify-content: space-between; height: 40px; padding: 0px 20px; cursor: pointer; } .list___PXTsq div { width: 90%; display: flex; align-items: center; } .list___PXTsq div span { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; width: 100%; } .list___PXTsq:hover { background-color: rgba(38, 52, 70, 0.73); } .list___PXTsq.active___QGOnZ { background-color: #263446 !important; } .btns___F8yZK { width: 90px; height: 26px; background: #165dff; border-radius: 2px; font-size: 12px; position: absolute; z-index: 10; left: 16px; bottom: 18px; display: flex; align-items: center; color: #fff; cursor: pointer; } .btns___F8yZK i { font-size: 12px; margin-left: 10px; margin-right: 6px; } "#educoder" .drawer___xdGaT .ant-input-search { border: 0; background: #25343e; } "#educoder" .drawer___xdGaT .ant-input-search input { background: #25343e; } "#educoder" .drawer___xdGaT .ant-input-search .ant-input-search-icon { color: #898989; } "#educoder" .drawer___xdGaT .ant-input-search .ant-input-search-icon::before { border-left: 1px solid transparent; } "#educoder" .drawer___xdGaT .ant-select .ant-select-selector { background: #25343e !important; border: 0px !important; height: 30px !important; } "#educoder" .drawer___xdGaT .ant-select .ant-select-arrow { color: #ffffff; } "#educoder" .drawer___xdGaT .ant-select.ant-select-multiple .ant-select-selection-item { color: #ffffff; line-height: 22px !important; background: #767676; border: 0; font-size: 12px; } "#educoder" .drawer___xdGaT .ant-select.ant-select-single .ant-select-selection-item { height: 30px; line-height: 30px; color: #fff; } "#educoder" .drawer___xdGaT .ant-select.ant-select-single .ant-select-clear { background: #25343e; color: #fff; } "#educoder" .drawer___xdGaT .ant-select .ant-select-selection-placeholder { line-height: 30px !important; color: #ffffff; } "#educoder" .drawer___xdGaT .ant-pagination .ant-pagination-item-active { border-color: #0152d9 !important; background-color: #0152d9 !important; } "#educoder" .drawer___xdGaT .ant-pagination .ant-pagination-item-link { background-color: transparent; color: #ffffff; } "#educoder" .drawer___xdGaT .ant-pagination .ant-pagination-item { background-color: transparent; border: 1px solid #656f87; } "#educoder" .drawer___xdGaT .ant-pagination .ant-pagination-item a { color: #ffffff; } "#educoder" .drawer___xdGaT .ant-pagination .ant-pagination-item-ellipsis { color: #ffffff; } "#educoder" .drawer___xdGaT .ant-pagination .ant-pagination-options { color: #656f87; } "#educoder" .drawer___xdGaT .ant-pagination .ant-pagination-options input { color: #ffffff; width: 40px; background: transparent; } "#educoder" .drawer___xdGaT .ant-pagination button, "#educoder" .drawer___xdGaT .ant-pagination input { line-height: normal; line-height: initial; border: 1px solid #656f87 !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.3.34@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.34@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/MyProblem/LeftPanel/SubmitList/index.less?modules ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .pagination___yDAjZ { text-align: center; margin-top: 10px; } .info___ATmsa { display: flex; flex-flow: row nowrap; align-items: center; height: 56px; list-style: none; background: #fff; justify-content: space-between; } .wrap____KX19 [class~='xterm'] [class~='xterm-viewport'] { overflow: auto !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.3.34@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.34@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/MyProblem/LeftPanel/Description/index.less?modules ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .desc___iOAgd { padding: 8px 0; height: calc(100vh - 233px); overflow: auto; } .info___GPALq, .commit-info___Hk6Za { list-style: none; color: #888; display: flex; flex-flow: row nowrap; height: 56px; align-items: center; font-size: 14px; width: 100%; padding: 0; } .info___GPALq { border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; } .info___GPALq li { margin-right: 8px; } .commit-info___Hk6Za { font-size: 12px; border-top: 1px solid #f4f4f4; padding-left: 112px; } .commit-info___Hk6Za i { cursor: pointer; } .commit-info___Hk6Za li { margin-right: 8px; } /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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.3.34@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.34@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/pages/MyProblem/LeftPanel/Discuss/index.less ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .discuss-panel { height: calc(100vh - 173px); overflow: auto; padding: 0 16px; } /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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.3.34@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.34@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/pages/MyProblem/LeftPanel/Discuss/discuss-item/index.less ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .discuss-item-container { display: flex; flex-flow: row nowrap; width: 100%; padding: 15px; border-bottom: 1px solid #e3e3e3; overflow: hidden; } .discuss-item-container section { margin-left: 15px; flex: 1 1 auto; width: 100%; } .discuss-item-container .grey { color: #ccc; } .discuss-content { margin: 4px 0; word-break: break-word; word-wrap: break-word; } .discuss-content img { max-width: 200px; } .discuss-info { display: flex; flex-flow: row wrap; align-items: center; color: #999; line-height: 16px; font-size: 12px; } .discuss-info .top { color: #ffffff; padding: 0 8px; background: #ff4343; border-radius: 8px; text-align: center; } .discuss-info .gift { cursor: default; } .discuss-info .view-code { color: #4cacff; } .discuss-info a { color: #999; } .discuss-info a, .discuss-info span { margin-right: 15px; } .btn-group { display: flex; flex-flow: row nowrap; justify-content: flex-end; margin-bottom: 8px; } .btn-group .btn-top .iconfont { transform: rotate(180deg); display: inline-block; } .btn-group a { width: 31px; text-align: center; color: #888; } .btn-group a .iconfont { font-size: 14px !important; } .second-discuss .btn-group { opacity: 0; } .second-discuss:hover { background: #ebebeb; } .second-discuss:hover .btn-group { opacity: 1; } .reply-discuss-container { background: #f4f4f4; border-radius: 4px; margin-bottom: 6px; position: relative; margin-top: 6px; } .reply-discuss-container:before { content: ' '; position: absolute; border-color: black; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; left: 13px; top: -9px; border-bottom: 10px solid #f4f4f4; } /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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.3.34@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.34@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/pages/tasks/left-panel/discuss/discuss-editor/index.less ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .discuss-item-editor { width: 100%; overflow: hidden; } .discuss-item-editor .btn-send { cursor: pointer; border: none; padding: 0 12px; color: #fff; letter-spacing: 1px; text-align: center; font-size: 14px; height: 30px; line-height: 30px; border-radius: 2px; font-weight: 400; margin-right: 22px; margin-top: 6px; background: #0152d9; float: right; } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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.3.34@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.34@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/components/image-preview/index.less ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .image-preview-container { display: flex; flex-flow: column nowrap; position: fixed; align-items: center; justify-content: center; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; background: rgba(0, 0, 0, 0.8); } .image-preview-container .image-preview { transition: transform 0.4s linear; max-width: 86%; } .image-preview-container .button-group { display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-end; position: absolute; z-index: 101; right: 10px; top: 10px; } .image-preview-container .button-group a, .image-preview-container .button-group button { color: rgba(0, 0, 0, 0.65); margin-right: 10px; display: flex; flex-flow: row nowrap; align-items: center; } .preview-wrp-group { overflow: auto; width: 100%; text-align: center; } /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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.3.34@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.34@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/MyProblem/LeftPanel/Discuss/discuss-input-editor/index.less?modules ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .dis-input-editor-container___nKGxx { position: relative; background: #fff; width: 100%; box-shadow: 0px -3px 5px 0px rgba(76, 172, 255, 0.2); } .dis-input-editor-container___nKGxx.active___tmt7T { position: absolute; height: calc(100vh - 65px); background: transparent; z-index: 1000; width: 100%; display: flex; flex-flow: column nowrap; justify-content: center; top: 0; } .dis-input-editor-container___nKGxx .input-mask___epEle { flex: 1 0; background: rgba(0, 0, 0, 0); width: 100%; } .dis-input-editor-container___nKGxx .text-area___Vry8W { display: flex; flex-flow: row nowrap; padding: 10px 20px; align-items: center; } .dis-input-editor-container___nKGxx .text-area___Vry8W input { border-radius: 15px; border: 1px solid #eaeaea; background-color: #fff; overflow: hidden; height: 32px; padding: 0 16px; line-height: 32px; outline: none; flex: 1 0; margin-right: 10px; } .dis-input-editor-container___nKGxx .text-area___Vry8W a { color: #888; display: block; height: 32px; line-height: 32px; margin-right: 20px; display: flex; flex-flow: row nowrap; align-items: center; } .dis-input-editor-container___nKGxx .text-area___Vry8W a span { line-height: 32px; font-size: 16px; } .dis-input-editor-container___nKGxx .tip-container___plpA3 { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .dis-input-editor-container___nKGxx .tip-container___plpA3 p { font-size: 12px; color: #ff6800; } .dis-input-editor-container___nKGxx .hide___kPfyC { display: none; } .dis-input-editor-container___nKGxx .md-container___u85aq { background: #fff; padding: 10px 20px; } .btn-send___deQ5v { cursor: pointer; display: inline-block; border: none; padding: 0 12px; color: #fff; background: #0152d9; letter-spacing: 1px; text-align: center; font-size: 14px; height: 30px; line-height: 30px; border-radius: 2px; font-weight: 400; } /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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.3.34@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.34@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/Exercise/index.less?modules ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .exitFullScreenModalWrapper___aNB9Q div[class~='ant-modal-confirm-btns'] { float: none; display: flex; justify-content: center; margin-bottom: 20px; } .exitFullScreenModalWrapper___aNB9Q div[class~='ant-modal-confirm-btns'] button { width: 120px; height: 38px; background: #f6f7f9 #3061d0; border-radius: 2px; } .exitFullScreenModal___HIMyY { text-align: center; font-size: 30px; font-weight: 400; } .exitFullScreenModal___HIMyY .warningIcon___xEURa { height: 88px; margin-bottom: 20px; } .exitFullScreenModal___HIMyY .warningText___W6NPJ { color: #e30000; } .exitFullScreenModal___HIMyY .countdownWrapper___n8g1M { display: inline-block; } .forcedModalWrapper___JPMQ2 .forcedModalContent___uY5FV { text-align: center; } .forcedModalWrapper___JPMQ2 .forcedModalContent___uY5FV .forcedText___C3CrF { font-size: 30px; font-weight: 500; color: #E30000; margin-bottom: 10px; } .forcedModalWrapper___JPMQ2 .forcedModalContent___uY5FV .screenNumText___oljHN { font-size: 14px; font-weight: 400; color: #333333; margin-bottom: 20px; } .forcedModalWrapper___JPMQ2 .forcedModalContent___uY5FV img { height: 85px; margin-bottom: 20px; }