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__MoopCases__InfoPanel__in...

582 lines
19 KiB

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./node_modules/antd/es/popover/style/index.less ***!
\***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-popover {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 12px;
font-variant: tabular-nums;
line-height: 1.66667;
list-style: none;
font-feature-settings: tnum, "tnum";
position: absolute;
top: 0;
left: 0;
z-index: 1030;
font-weight: normal;
white-space: normal;
text-align: left;
cursor: auto;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.ant-popover-content {
position: relative;
}
.ant-popover::after {
position: absolute;
background: rgba(255, 255, 255, 0.01);
content: '';
}
.ant-popover-hidden {
display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
padding-bottom: 15.3137085px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
padding-left: 15.3137085px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
padding-top: 15.3137085px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
padding-right: 15.3137085px;
}
.ant-popover-inner {
background-color: #fff;
background-clip: padding-box;
border-radius: 2px;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ant-popover {
/* IE10+ */
}
.ant-popover-inner {
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
}
.ant-popover-title {
min-width: 177px;
min-height: 28px;
margin: 0;
padding: 5px 12px 4px;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
border-bottom: 1px solid #f0f0f0;
}
.ant-popover-inner-content {
padding: 8px 12px;
color: rgba(0, 0, 0, 0.85);
}
.ant-popover-message {
display: flex;
padding: 4px 0 12px;
color: rgba(0, 0, 0, 0.85);
font-size: 12px;
}
.ant-popover-message-icon {
display: inline-block;
margin-right: 8px;
color: #faad14;
font-size: 12px;
}
.ant-popover-buttons {
margin-bottom: 4px;
text-align: right;
}
.ant-popover-buttons button:not(:first-child) {
margin-left: 8px;
}
.ant-popover-arrow {
position: absolute;
display: block;
width: 22px;
height: 22px;
overflow: hidden;
background: transparent;
pointer-events: none;
}
.ant-popover-arrow-content {
--antd-arrow-background-color: #fff;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 11.3137085px;
height: 11.3137085px;
margin: auto;
content: '';
pointer-events: auto;
border-radius: 0 0 2px;
pointer-events: none;
}
.ant-popover-arrow-content::before {
position: absolute;
top: -11.3137085px;
left: -11.3137085px;
width: 33.9411255px;
height: 33.9411255px;
background: var(--antd-arrow-background-color);
background-repeat: no-repeat;
background-position: -10px -10px;
content: '';
-webkit-clip-path: inset(33% 33%);
clip-path: inset(33% 33%);
-webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}
.ant-popover-placement-top .ant-popover-arrow,
.ant-popover-placement-topLeft .ant-popover-arrow,
.ant-popover-placement-topRight .ant-popover-arrow {
bottom: 0;
transform: translateY(100%);
}
.ant-popover-placement-top .ant-popover-arrow-content,
.ant-popover-placement-topLeft .ant-popover-arrow-content,
.ant-popover-placement-topRight .ant-popover-arrow-content {
box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
transform: translateY(-11px) rotate(45deg);
}
.ant-popover-placement-top .ant-popover-arrow {
left: 50%;
transform: translateY(100%) translateX(-50%);
}
.ant-popover-placement-topLeft .ant-popover-arrow {
left: 16px;
}
.ant-popover-placement-topRight .ant-popover-arrow {
right: 16px;
}
.ant-popover-placement-right .ant-popover-arrow,
.ant-popover-placement-rightTop .ant-popover-arrow,
.ant-popover-placement-rightBottom .ant-popover-arrow {
left: 0;
transform: translateX(-100%);
}
.ant-popover-placement-right .ant-popover-arrow-content,
.ant-popover-placement-rightTop .ant-popover-arrow-content,
.ant-popover-placement-rightBottom .ant-popover-arrow-content {
box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
transform: translateX(11px) rotate(135deg);
}
.ant-popover-placement-right .ant-popover-arrow {
top: 50%;
transform: translateX(-100%) translateY(-50%);
}
.ant-popover-placement-rightTop .ant-popover-arrow {
top: 12px;
}
.ant-popover-placement-rightBottom .ant-popover-arrow {
bottom: 12px;
}
.ant-popover-placement-bottom .ant-popover-arrow,
.ant-popover-placement-bottomLeft .ant-popover-arrow,
.ant-popover-placement-bottomRight .ant-popover-arrow {
top: 0;
transform: translateY(-100%);
}
.ant-popover-placement-bottom .ant-popover-arrow-content,
.ant-popover-placement-bottomLeft .ant-popover-arrow-content,
.ant-popover-placement-bottomRight .ant-popover-arrow-content {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
transform: translateY(11px) rotate(-135deg);
}
.ant-popover-placement-bottom .ant-popover-arrow {
left: 50%;
transform: translateY(-100%) translateX(-50%);
}
.ant-popover-placement-bottomLeft .ant-popover-arrow {
left: 16px;
}
.ant-popover-placement-bottomRight .ant-popover-arrow {
right: 16px;
}
.ant-popover-placement-left .ant-popover-arrow,
.ant-popover-placement-leftTop .ant-popover-arrow,
.ant-popover-placement-leftBottom .ant-popover-arrow {
right: 0;
transform: translateX(100%);
}
.ant-popover-placement-left .ant-popover-arrow-content,
.ant-popover-placement-leftTop .ant-popover-arrow-content,
.ant-popover-placement-leftBottom .ant-popover-arrow-content {
box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
transform: translateX(-11px) rotate(-45deg);
}
.ant-popover-placement-left .ant-popover-arrow {
top: 50%;
transform: translateX(100%) translateY(-50%);
}
.ant-popover-placement-leftTop .ant-popover-arrow {
top: 12px;
}
.ant-popover-placement-leftBottom .ant-popover-arrow {
bottom: 12px;
}
.ant-popover-pink .ant-popover-inner {
background-color: #eb2f96;
}
.ant-popover-pink .ant-popover-arrow-content {
background-color: #eb2f96;
}
.ant-popover-magenta .ant-popover-inner {
background-color: #eb2f96;
}
.ant-popover-magenta .ant-popover-arrow-content {
background-color: #eb2f96;
}
.ant-popover-red .ant-popover-inner {
background-color: #f5222d;
}
.ant-popover-red .ant-popover-arrow-content {
background-color: #f5222d;
}
.ant-popover-volcano .ant-popover-inner {
background-color: #fa541c;
}
.ant-popover-volcano .ant-popover-arrow-content {
background-color: #fa541c;
}
.ant-popover-orange .ant-popover-inner {
background-color: #fa8c16;
}
.ant-popover-orange .ant-popover-arrow-content {
background-color: #fa8c16;
}
.ant-popover-yellow .ant-popover-inner {
background-color: #fadb14;
}
.ant-popover-yellow .ant-popover-arrow-content {
background-color: #fadb14;
}
.ant-popover-gold .ant-popover-inner {
background-color: #faad14;
}
.ant-popover-gold .ant-popover-arrow-content {
background-color: #faad14;
}
.ant-popover-cyan .ant-popover-inner {
background-color: #13c2c2;
}
.ant-popover-cyan .ant-popover-arrow-content {
background-color: #13c2c2;
}
.ant-popover-lime .ant-popover-inner {
background-color: #a0d911;
}
.ant-popover-lime .ant-popover-arrow-content {
background-color: #a0d911;
}
.ant-popover-green .ant-popover-inner {
background-color: #52c41a;
}
.ant-popover-green .ant-popover-arrow-content {
background-color: #52c41a;
}
.ant-popover-blue .ant-popover-inner {
background-color: #1890ff;
}
.ant-popover-blue .ant-popover-arrow-content {
background-color: #1890ff;
}
.ant-popover-geekblue .ant-popover-inner {
background-color: #2f54eb;
}
.ant-popover-geekblue .ant-popover-arrow-content {
background-color: #2f54eb;
}
.ant-popover-purple .ant-popover-inner {
background-color: #722ed1;
}
.ant-popover-purple .ant-popover-arrow-content {
background-color: #722ed1;
}
.ant-popover-rtl {
direction: rtl;
text-align: right;
}
.ant-popover-rtl .ant-popover-message-icon {
margin-right: 0;
margin-left: 8px;
}
.ant-popover-rtl .ant-popover-message-title {
padding-left: 8px;
}
.ant-popover-rtl .ant-popover-buttons {
text-align: left;
}
.ant-popover-rtl .ant-popover-buttons button {
margin-right: 8px;
margin-left: 0;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./node_modules/antd/es/popconfirm/style/index.less ***!
\**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-popconfirm {
z-index: 1060;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/PreviewAll/index.less?modules ***!
\**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wrp___dq7YK {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 108;
}
.wrp___dq7YK.bgBlack___ARIUV {
background: rgba(0, 0, 0, 0.5);
}
.wrp___dq7YK img,
.wrp___dq7YK video {
max-width: 100%;
max-height: 80%;
text-align: center;
}
.wrp___dq7YK iframe {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #fff;
border: none;
}
.monaco___VnZC3 {
position: absolute;
height: 100%;
width: 100%;
}
.darkBlue___UprA9 * {
font-size: 14px;
}
.darkBlue___UprA9 [class~='margin'],
.darkBlue___UprA9 [class~='monaco-editor-background'] {
background: #0a0e2d !important;
}
.darkBlue___UprA9 [class~='line-numbers'] {
color: white !important;
}
.close___LKoWu {
position: absolute;
right: 40px;
top: 40px;
z-index: 10;
display: flex;
}
.close___LKoWu > span {
background: #4a4a4a;
color: #fff;
width: 40px;
height: 40px;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
margin-left: 10px;
}
.embed___hvpEJ {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*!*******************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./src/components/monaco-editor/index.css ***!
\*******************************************************************************************************************************************************************************************************************************************/
.my-monaco-editor div,
.my-diff-editor div {
font-size: inherit;
}
.my-error-line-wrp{
width: calc(100% - 20px ) !important;
background: rgba(245, 0, 0 ,0.2) !important;
height: auto !important;
color: rgba(245, 0, 0, 1);
}
.noCopyPaste .quick-input-widget{
display: none !important;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/pages/MoopCases/InfoPanel/index.less ***!
\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.moop-info {
width: 1200px;
margin: 0 auto;
}
.moop-info .crumb {
margin: 10px 0 20px 0;
line-height: 20px;
}
.moop-info h2 {
font-size: 22px;
line-height: 40px;
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.moop-info .title {
overflow: hidden;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
}
.moop-info .title a {
font-size: 14px;
text-align: right;
}
.moop-info-body {
padding: 30px;
background: #fff;
}
.moop-info-body .attachment {
list-style: none;
margin: 10px 0 0 0;
padding: 0;
}
.moop-info-body .attachment .iconfont {
color: #29bd8b;
margin-right: 10px;
}
.moop-info-body .attachment a {
display: flex;
flex-flow: row nowrap;
align-items: center;
color: rgba(0, 0, 0, 0.65);
}
.moop-info-body .attachment a span {
margin-right: 10px;
}
.moop-info-body .sum {
width: 100%;
color: #999;
display: flex;
flex-flow: row nowrap;
align-items: center;
font-size: 14px;
}
.moop-info-body .sum span:first-child {
flex: 1 0 auto;
}
.moop-info-body .sum span {
margin-right: 15px;
}
.moop-info-body .desc {
font-size: 16px;
flex: 1 0 auto;
}
.moop-info-body .desc .flex-container > span {
flex: 1 0 auto;
}
.moop-sub-title {
display: flex;
flex-flow: row nowrap;
align-items: center;
margin-bottom: 10px;
}
.moop-sub-title img {
border-radius: 25px;
margin-right: 15px;
}
.praise {
width: 70px;
height: 70px;
background-color: #0152d9;
border-radius: 50%;
color: #fff;
text-align: center;
margin: 20px auto;
cursor: pointer;
line-height: 22px;
border: 0px solid transparent;
outline: none;
display: block;
}
.praise span {
display: block;
}
.praise:disabled {
background: #bcd1e3;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*!**********************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./src/pages/MoopCases/label.css ***!
\**********************************************************************************************************************************************************************************************************************************/
[class^='label-'] {
cursor: pointer;
line-height: 20px;
height: 20px;
padding: 0 9px;
width: 68px;
text-align: center;
border-radius: 9px;
font-size: 12px;
margin-left: 10px;
color: #fff;
}
.label-0 {
background: #fc2b6a;
}
.label-1 {
background: #ff781b;
}
.label-2 {
background: #0152d9;
}
.label-3 {
background: #36c53c;
}