mirror of
https://github.com/wahyd4/ant-design.git
synced 2026-08-15 15:56:33 +10:00
18615 lines
441 KiB
CSS
18615 lines
441 KiB
CSS
/* Make clicks pass-through */
|
|
#nprogress {
|
|
pointer-events: none;
|
|
}
|
|
|
|
#nprogress .bar {
|
|
background: #29d;
|
|
|
|
position: fixed;
|
|
z-index: 1031;
|
|
top: 0;
|
|
left: 0;
|
|
|
|
width: 100%;
|
|
height: 2px;
|
|
}
|
|
|
|
/* Fancy blur effect */
|
|
#nprogress .peg {
|
|
display: block;
|
|
position: absolute;
|
|
right: 0px;
|
|
width: 100px;
|
|
height: 100%;
|
|
box-shadow: 0 0 10px #29d, 0 0 5px #29d;
|
|
opacity: 1.0;
|
|
|
|
-webkit-transform: rotate(3deg) translate(0px, -4px);
|
|
transform: rotate(3deg) translate(0px, -4px);
|
|
}
|
|
|
|
/* Remove these to get rid of the spinner */
|
|
#nprogress .spinner {
|
|
display: block;
|
|
position: fixed;
|
|
z-index: 1031;
|
|
top: 15px;
|
|
right: 15px;
|
|
}
|
|
|
|
#nprogress .spinner-icon {
|
|
width: 18px;
|
|
height: 18px;
|
|
box-sizing: border-box;
|
|
|
|
border: solid 2px transparent;
|
|
border-top-color: #29d;
|
|
border-left-color: #29d;
|
|
border-radius: 50%;
|
|
|
|
-webkit-animation: nprogress-spinner 400ms linear infinite;
|
|
animation: nprogress-spinner 400ms linear infinite;
|
|
}
|
|
|
|
.nprogress-custom-parent {
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.nprogress-custom-parent #nprogress .spinner,
|
|
.nprogress-custom-parent #nprogress .bar {
|
|
position: absolute;
|
|
}
|
|
|
|
@-webkit-keyframes nprogress-spinner {
|
|
0% { -webkit-transform: rotate(0deg); }
|
|
100% { -webkit-transform: rotate(360deg); }
|
|
}
|
|
@keyframes nprogress-spinner {
|
|
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
|
|
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
|
|
}
|
|
|
|
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
|
|
/**
|
|
* 1. Change the default font family in all browsers (opinionated).
|
|
* 2. Correct the line height in all browsers.
|
|
* 3. Prevent adjustments of font size after orientation changes in
|
|
* IE on Windows Phone and in iOS.
|
|
*/
|
|
/* Document
|
|
========================================================================== */
|
|
html {
|
|
font-family: sans-serif;
|
|
/* 1 */
|
|
line-height: 1.15;
|
|
/* 2 */
|
|
-ms-text-size-adjust: 100%;
|
|
/* 3 */
|
|
-webkit-text-size-adjust: 100%;
|
|
/* 3 */
|
|
}
|
|
/* Sections
|
|
========================================================================== */
|
|
/**
|
|
* Remove the margin in all browsers (opinionated).
|
|
*/
|
|
body {
|
|
margin: 0;
|
|
}
|
|
/**
|
|
* Add the correct display in IE 9-.
|
|
*/
|
|
article,
|
|
aside,
|
|
footer,
|
|
header,
|
|
nav,
|
|
section {
|
|
display: block;
|
|
}
|
|
/**
|
|
* Correct the font size and margin on `h1` elements within `section` and
|
|
* `article` contexts in Chrome, Firefox, and Safari.
|
|
*/
|
|
h1 {
|
|
font-size: 2em;
|
|
margin: 0.67em 0;
|
|
}
|
|
/* Grouping content
|
|
========================================================================== */
|
|
/**
|
|
* Add the correct display in IE 9-.
|
|
* 1. Add the correct display in IE.
|
|
*/
|
|
figcaption,
|
|
figure,
|
|
main {
|
|
/* 1 */
|
|
display: block;
|
|
}
|
|
/**
|
|
* Add the correct margin in IE 8.
|
|
*/
|
|
figure {
|
|
margin: 1em 40px;
|
|
}
|
|
/**
|
|
* 1. Add the correct box sizing in Firefox.
|
|
* 2. Show the overflow in Edge and IE.
|
|
*/
|
|
hr {
|
|
box-sizing: content-box;
|
|
/* 1 */
|
|
height: 0;
|
|
/* 1 */
|
|
overflow: visible;
|
|
/* 2 */
|
|
}
|
|
/**
|
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
* 2. Correct the odd `em` font sizing in all browsers.
|
|
*/
|
|
pre {
|
|
font-family: monospace, monospace;
|
|
/* 1 */
|
|
font-size: 1em;
|
|
/* 2 */
|
|
}
|
|
/* Text-level semantics
|
|
========================================================================== */
|
|
/**
|
|
* 1. Remove the gray background on active links in IE 10.
|
|
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
|
|
*/
|
|
a {
|
|
background-color: transparent;
|
|
/* 1 */
|
|
-webkit-text-decoration-skip: objects;
|
|
/* 2 */
|
|
}
|
|
/**
|
|
* Remove the outline on focused links when they are also active or hovered
|
|
* in all browsers (opinionated).
|
|
*/
|
|
a:active,
|
|
a:hover {
|
|
outline-width: 0;
|
|
}
|
|
/**
|
|
* 1. Remove the bottom border in Firefox 39-.
|
|
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
|
*/
|
|
abbr[title] {
|
|
border-bottom: none;
|
|
/* 1 */
|
|
text-decoration: underline;
|
|
/* 2 */
|
|
text-decoration: underline dotted;
|
|
/* 2 */
|
|
}
|
|
/**
|
|
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
|
*/
|
|
b,
|
|
strong {
|
|
font-weight: inherit;
|
|
}
|
|
/**
|
|
* Add the correct font weight in Chrome, Edge, and Safari.
|
|
*/
|
|
b,
|
|
strong {
|
|
font-weight: bolder;
|
|
}
|
|
/**
|
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
* 2. Correct the odd `em` font sizing in all browsers.
|
|
*/
|
|
code,
|
|
kbd,
|
|
samp {
|
|
font-family: monospace, monospace;
|
|
/* 1 */
|
|
font-size: 1em;
|
|
/* 2 */
|
|
}
|
|
/**
|
|
* Add the correct font style in Android 4.3-.
|
|
*/
|
|
dfn {
|
|
font-style: italic;
|
|
}
|
|
/**
|
|
* Add the correct background and color in IE 9-.
|
|
*/
|
|
mark {
|
|
background-color: #ff0;
|
|
color: #000;
|
|
}
|
|
/**
|
|
* Add the correct font size in all browsers.
|
|
*/
|
|
small {
|
|
font-size: 80%;
|
|
}
|
|
/**
|
|
* Prevent `sub` and `sup` elements from affecting the line height in
|
|
* all browsers.
|
|
*/
|
|
sub,
|
|
sup {
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
position: relative;
|
|
vertical-align: baseline;
|
|
}
|
|
sub {
|
|
bottom: -0.25em;
|
|
}
|
|
sup {
|
|
top: -0.5em;
|
|
}
|
|
/* Embedded content
|
|
========================================================================== */
|
|
/**
|
|
* Add the correct display in IE 9-.
|
|
*/
|
|
audio,
|
|
video {
|
|
display: inline-block;
|
|
}
|
|
/**
|
|
* Add the correct display in iOS 4-7.
|
|
*/
|
|
audio:not([controls]) {
|
|
display: none;
|
|
height: 0;
|
|
}
|
|
/**
|
|
* Remove the border on images inside links in IE 10-.
|
|
*/
|
|
img {
|
|
border-style: none;
|
|
}
|
|
/**
|
|
* Hide the overflow in IE.
|
|
*/
|
|
svg:not(:root) {
|
|
overflow: hidden;
|
|
}
|
|
/* Forms
|
|
========================================================================== */
|
|
/**
|
|
* 1. Change the font styles in all browsers (opinionated).
|
|
* 2. Remove the margin in Firefox and Safari.
|
|
*/
|
|
button,
|
|
input,
|
|
optgroup,
|
|
select,
|
|
textarea {
|
|
font-family: sans-serif;
|
|
/* 1 */
|
|
font-size: 100%;
|
|
/* 1 */
|
|
line-height: 1.15;
|
|
/* 1 */
|
|
margin: 0;
|
|
/* 2 */
|
|
}
|
|
/**
|
|
* Show the overflow in IE.
|
|
* 1. Show the overflow in Edge.
|
|
*/
|
|
button,
|
|
input {
|
|
/* 1 */
|
|
overflow: visible;
|
|
}
|
|
/**
|
|
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
|
* 1. Remove the inheritance of text transform in Firefox.
|
|
*/
|
|
button,
|
|
select {
|
|
/* 1 */
|
|
text-transform: none;
|
|
}
|
|
/**
|
|
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
|
* controls in Android 4.
|
|
* 2. Correct the inability to style clickable types in iOS and Safari.
|
|
*/
|
|
button,
|
|
html [type="button"],
|
|
[type="reset"],
|
|
[type="submit"] {
|
|
-webkit-appearance: button;
|
|
/* 2 */
|
|
}
|
|
/**
|
|
* Remove the inner border and padding in Firefox.
|
|
*/
|
|
button::-moz-focus-inner,
|
|
[type="button"]::-moz-focus-inner,
|
|
[type="reset"]::-moz-focus-inner,
|
|
[type="submit"]::-moz-focus-inner {
|
|
border-style: none;
|
|
padding: 0;
|
|
}
|
|
/**
|
|
* Restore the focus styles unset by the previous rule.
|
|
*/
|
|
button:-moz-focusring,
|
|
[type="button"]:-moz-focusring,
|
|
[type="reset"]:-moz-focusring,
|
|
[type="submit"]:-moz-focusring {
|
|
outline: 1px dotted ButtonText;
|
|
}
|
|
/**
|
|
* Change the border, margin, and padding in all browsers (opinionated).
|
|
*/
|
|
fieldset {
|
|
border: 1px solid #c0c0c0;
|
|
margin: 0 2px;
|
|
padding: 0.35em 0.625em 0.75em;
|
|
}
|
|
/**
|
|
* 1. Correct the text wrapping in Edge and IE.
|
|
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
|
* 3. Remove the padding so developers are not caught out when they zero out
|
|
* `fieldset` elements in all browsers.
|
|
*/
|
|
legend {
|
|
box-sizing: border-box;
|
|
/* 1 */
|
|
color: inherit;
|
|
/* 2 */
|
|
display: table;
|
|
/* 1 */
|
|
max-width: 100%;
|
|
/* 1 */
|
|
padding: 0;
|
|
/* 3 */
|
|
white-space: normal;
|
|
/* 1 */
|
|
}
|
|
/**
|
|
* 1. Add the correct display in IE 9-.
|
|
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
|
*/
|
|
progress {
|
|
display: inline-block;
|
|
/* 1 */
|
|
vertical-align: baseline;
|
|
/* 2 */
|
|
}
|
|
/**
|
|
* Remove the default vertical scrollbar in IE.
|
|
*/
|
|
textarea {
|
|
overflow: auto;
|
|
}
|
|
/**
|
|
* 1. Add the correct box sizing in IE 10-.
|
|
* 2. Remove the padding in IE 10-.
|
|
*/
|
|
[type="checkbox"],
|
|
[type="radio"] {
|
|
box-sizing: border-box;
|
|
/* 1 */
|
|
padding: 0;
|
|
/* 2 */
|
|
}
|
|
/**
|
|
* Correct the cursor style of increment and decrement buttons in Chrome.
|
|
*/
|
|
[type="number"]::-webkit-inner-spin-button,
|
|
[type="number"]::-webkit-outer-spin-button {
|
|
height: auto;
|
|
}
|
|
/**
|
|
* 1. Correct the odd appearance in Chrome and Safari.
|
|
* 2. Correct the outline style in Safari.
|
|
*/
|
|
[type="search"] {
|
|
-webkit-appearance: textfield;
|
|
/* 1 */
|
|
outline-offset: -2px;
|
|
/* 2 */
|
|
}
|
|
/**
|
|
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
|
|
*/
|
|
[type="search"]::-webkit-search-cancel-button,
|
|
[type="search"]::-webkit-search-decoration {
|
|
-webkit-appearance: none;
|
|
}
|
|
/**
|
|
* 1. Correct the inability to style clickable types in iOS and Safari.
|
|
* 2. Change font properties to `inherit` in Safari.
|
|
*/
|
|
::-webkit-file-upload-button {
|
|
-webkit-appearance: button;
|
|
/* 1 */
|
|
font: inherit;
|
|
/* 2 */
|
|
}
|
|
/* Interactive
|
|
========================================================================== */
|
|
/*
|
|
* Add the correct display in IE 9-.
|
|
* 1. Add the correct display in Edge, IE, and Firefox.
|
|
*/
|
|
details,
|
|
menu {
|
|
display: block;
|
|
}
|
|
/*
|
|
* Add the correct display in all browsers.
|
|
*/
|
|
summary {
|
|
display: list-item;
|
|
}
|
|
/* Scripting
|
|
========================================================================== */
|
|
/**
|
|
* Add the correct display in IE 9-.
|
|
*/
|
|
canvas {
|
|
display: inline-block;
|
|
}
|
|
/**
|
|
* Add the correct display in IE.
|
|
*/
|
|
template {
|
|
display: none;
|
|
}
|
|
/* Hidden
|
|
========================================================================== */
|
|
/**
|
|
* Add the correct display in IE 10-.
|
|
*/
|
|
[hidden] {
|
|
display: none;
|
|
}
|
|
* {
|
|
box-sizing: border-box;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
*:before,
|
|
*:after {
|
|
box-sizing: border-box;
|
|
}
|
|
html,
|
|
body {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
background-color: #fff;
|
|
}
|
|
body,
|
|
div,
|
|
dl,
|
|
dt,
|
|
dd,
|
|
ul,
|
|
ol,
|
|
li,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
pre,
|
|
code,
|
|
form,
|
|
fieldset,
|
|
legend,
|
|
input,
|
|
textarea,
|
|
p,
|
|
blockquote,
|
|
th,
|
|
td,
|
|
hr,
|
|
button,
|
|
article,
|
|
aside,
|
|
details,
|
|
figcaption,
|
|
figure,
|
|
footer,
|
|
header,
|
|
hgroup,
|
|
menu,
|
|
nav,
|
|
section {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
button,
|
|
input,
|
|
select,
|
|
textarea {
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
color: inherit;
|
|
}
|
|
ul,
|
|
ol {
|
|
list-style: none;
|
|
}
|
|
input::-ms-clear,
|
|
input::-ms-reveal {
|
|
display: none;
|
|
}
|
|
::-moz-selection {
|
|
background: #108ee9;
|
|
color: #fff;
|
|
}
|
|
::selection {
|
|
background: #108ee9;
|
|
color: #fff;
|
|
}
|
|
a {
|
|
color: #108ee9;
|
|
background: transparent;
|
|
text-decoration: none;
|
|
outline: none;
|
|
cursor: pointer;
|
|
-webkit-transition: color .3s ease;
|
|
transition: color .3s ease;
|
|
}
|
|
a:hover {
|
|
color: #49a9ee;
|
|
}
|
|
a:active {
|
|
color: #0e77ca;
|
|
}
|
|
a:active,
|
|
a:hover {
|
|
outline: 0;
|
|
text-decoration: none;
|
|
}
|
|
a[disabled] {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
cursor: not-allowed;
|
|
pointer-events: none;
|
|
}
|
|
.ant-divider {
|
|
margin: 0 6px;
|
|
display: inline-block;
|
|
height: 8px;
|
|
width: 1px;
|
|
background: #ccc;
|
|
}
|
|
code,
|
|
kbd,
|
|
pre,
|
|
samp {
|
|
font-family: Consolas, Menlo, Courier, monospace;
|
|
}
|
|
.clearfix {
|
|
zoom: 1;
|
|
}
|
|
.clearfix:before,
|
|
.clearfix:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.clearfix:after {
|
|
clear: both;
|
|
visibility: hidden;
|
|
font-size: 0;
|
|
height: 0;
|
|
}
|
|
@font-face {
|
|
font-family: 'anticon';
|
|
src: url('https://at.alicdn.com/t/font_r5u29ls31bgldi.eot');
|
|
/* IE9*/
|
|
src: url('https://at.alicdn.com/t/font_r5u29ls31bgldi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://at.alicdn.com/t/font_r5u29ls31bgldi.woff') format('woff'), /* chrome、firefox */ url('https://at.alicdn.com/t/font_r5u29ls31bgldi.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://at.alicdn.com/t/font_r5u29ls31bgldi.svg#iconfont') format('svg');
|
|
/* iOS 4.1- */
|
|
}
|
|
.anticon {
|
|
display: inline-block;
|
|
font-style: normal;
|
|
vertical-align: baseline;
|
|
text-align: center;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.anticon:before {
|
|
display: block;
|
|
font-family: "anticon" !important;
|
|
}
|
|
.anticon-step-forward:before {
|
|
content: "\E600";
|
|
}
|
|
.anticon-step-backward:before {
|
|
content: "\E601";
|
|
}
|
|
.anticon-forward:before {
|
|
content: "\E602";
|
|
}
|
|
.anticon-backward:before {
|
|
content: "\E603";
|
|
}
|
|
.anticon-caret-right:before {
|
|
content: "\E604";
|
|
}
|
|
.anticon-caret-left:before {
|
|
content: "\E605";
|
|
}
|
|
.anticon-caret-down:before {
|
|
content: "\E606";
|
|
}
|
|
.anticon-caret-up:before {
|
|
content: "\E607";
|
|
}
|
|
.anticon-right-circle:before {
|
|
content: "\E608";
|
|
}
|
|
.anticon-circle-right:before {
|
|
content: "\E608";
|
|
}
|
|
.anticon-caret-circle-right:before {
|
|
content: "\E608";
|
|
}
|
|
.anticon-left-circle:before {
|
|
content: "\E609";
|
|
}
|
|
.anticon-circle-left:before {
|
|
content: "\E609";
|
|
}
|
|
.anticon-caret-circle-left:before {
|
|
content: "\E609";
|
|
}
|
|
.anticon-up-circle:before {
|
|
content: "\E60A";
|
|
}
|
|
.anticon-circle-up:before {
|
|
content: "\E60A";
|
|
}
|
|
.anticon-caret-circle-up:before {
|
|
content: "\E60A";
|
|
}
|
|
.anticon-down-circle:before {
|
|
content: "\E60B";
|
|
}
|
|
.anticon-circle-down:before {
|
|
content: "\E60B";
|
|
}
|
|
.anticon-caret-circle-down:before {
|
|
content: "\E60B";
|
|
}
|
|
.anticon-right-circle-o:before {
|
|
content: "\E60C";
|
|
}
|
|
.anticon-circle-o-right:before {
|
|
content: "\E60C";
|
|
}
|
|
.anticon-caret-circle-o-right:before {
|
|
content: "\E60C";
|
|
}
|
|
.anticon-left-circle-o:before {
|
|
content: "\E60D";
|
|
}
|
|
.anticon-circle-o-left:before {
|
|
content: "\E60D";
|
|
}
|
|
.anticon-caret-circle-o-left:before {
|
|
content: "\E60D";
|
|
}
|
|
.anticon-up-circle-o:before {
|
|
content: "\E60E";
|
|
}
|
|
.anticon-circle-o-up:before {
|
|
content: "\E60E";
|
|
}
|
|
.anticon-caret-circle-o-up:before {
|
|
content: "\E60E";
|
|
}
|
|
.anticon-down-circle-o:before {
|
|
content: "\E60F";
|
|
}
|
|
.anticon-circle-o-down:before {
|
|
content: "\E60F";
|
|
}
|
|
.anticon-caret-circle-o-down:before {
|
|
content: "\E60F";
|
|
}
|
|
.anticon-verticle-left:before {
|
|
content: "\E610";
|
|
}
|
|
.anticon-verticle-right:before {
|
|
content: "\E611";
|
|
}
|
|
.anticon-rollback:before {
|
|
content: "\E612";
|
|
}
|
|
.anticon-retweet:before {
|
|
content: "\E613";
|
|
}
|
|
.anticon-shrink:before {
|
|
content: "\E614";
|
|
}
|
|
.anticon-arrows-alt:before {
|
|
content: "\E615";
|
|
}
|
|
.anticon-arrow-salt:before {
|
|
content: "\E615";
|
|
}
|
|
.anticon-reload:before {
|
|
content: "\E616";
|
|
}
|
|
.anticon-double-right:before {
|
|
content: "\E617";
|
|
}
|
|
.anticon-double-left:before {
|
|
content: "\E618";
|
|
}
|
|
.anticon-arrow-down:before {
|
|
content: "\E619";
|
|
}
|
|
.anticon-arrow-up:before {
|
|
content: "\E61A";
|
|
}
|
|
.anticon-arrow-right:before {
|
|
content: "\E61B";
|
|
}
|
|
.anticon-arrow-left:before {
|
|
content: "\E61C";
|
|
}
|
|
.anticon-down:before {
|
|
content: "\E61D";
|
|
}
|
|
.anticon-up:before {
|
|
content: "\E61E";
|
|
}
|
|
.anticon-right:before {
|
|
content: "\E61F";
|
|
}
|
|
.anticon-left:before {
|
|
content: "\E620";
|
|
}
|
|
.anticon-minus-square-o:before {
|
|
content: "\E621";
|
|
}
|
|
.anticon-minus-circle:before {
|
|
content: "\E622";
|
|
}
|
|
.anticon-minus-circle-o:before {
|
|
content: "\E623";
|
|
}
|
|
.anticon-minus:before {
|
|
content: "\E624";
|
|
}
|
|
.anticon-plus-circle-o:before {
|
|
content: "\E625";
|
|
}
|
|
.anticon-plus-circle:before {
|
|
content: "\E626";
|
|
}
|
|
.anticon-plus:before {
|
|
content: "\E627";
|
|
}
|
|
.anticon-info-circle:before {
|
|
content: "\E628";
|
|
}
|
|
.anticon-info-circle-o:before {
|
|
content: "\E629";
|
|
}
|
|
.anticon-info:before {
|
|
content: "\E62A";
|
|
}
|
|
.anticon-exclamation:before {
|
|
content: "\E62B";
|
|
}
|
|
.anticon-exclamation-circle:before {
|
|
content: "\E62C";
|
|
}
|
|
.anticon-exclamation-circle-o:before {
|
|
content: "\E62D";
|
|
}
|
|
.anticon-close-circle:before {
|
|
content: "\E62E";
|
|
}
|
|
.anticon-cross-circle:before {
|
|
content: "\E62E";
|
|
}
|
|
.anticon-close-circle-o:before {
|
|
content: "\E62F";
|
|
}
|
|
.anticon-cross-circle-o:before {
|
|
content: "\E62F";
|
|
}
|
|
.anticon-check-circle:before {
|
|
content: "\E630";
|
|
}
|
|
.anticon-check-circle-o:before {
|
|
content: "\E631";
|
|
}
|
|
.anticon-check:before {
|
|
content: "\E632";
|
|
}
|
|
.anticon-close:before {
|
|
content: "\E633";
|
|
}
|
|
.anticon-cross:before {
|
|
content: "\E633";
|
|
}
|
|
.anticon-customer-service:before {
|
|
content: "\E634";
|
|
}
|
|
.anticon-customerservice:before {
|
|
content: "\E634";
|
|
}
|
|
.anticon-credit-card:before {
|
|
content: "\E635";
|
|
}
|
|
.anticon-code-o:before {
|
|
content: "\E636";
|
|
}
|
|
.anticon-book:before {
|
|
content: "\E637";
|
|
}
|
|
.anticon-bar-chart:before {
|
|
content: "\E638";
|
|
}
|
|
.anticon-bars:before {
|
|
content: "\E639";
|
|
}
|
|
.anticon-question:before {
|
|
content: "\E63A";
|
|
}
|
|
.anticon-question-circle:before {
|
|
content: "\E63B";
|
|
}
|
|
.anticon-question-circle-o:before {
|
|
content: "\E63C";
|
|
}
|
|
.anticon-pause:before {
|
|
content: "\E63D";
|
|
}
|
|
.anticon-pause-circle:before {
|
|
content: "\E63E";
|
|
}
|
|
.anticon-pause-circle-o:before {
|
|
content: "\E63F";
|
|
}
|
|
.anticon-clock-circle:before {
|
|
content: "\E640";
|
|
}
|
|
.anticon-clock-circle-o:before {
|
|
content: "\E641";
|
|
}
|
|
.anticon-swap:before {
|
|
content: "\E642";
|
|
}
|
|
.anticon-swap-left:before {
|
|
content: "\E643";
|
|
}
|
|
.anticon-swap-right:before {
|
|
content: "\E644";
|
|
}
|
|
.anticon-plus-square-o:before {
|
|
content: "\E645";
|
|
}
|
|
.anticon-frown:before {
|
|
content: "\E646";
|
|
}
|
|
.anticon-frown-circle:before {
|
|
content: "\E646";
|
|
}
|
|
.anticon-ellipsis:before {
|
|
content: "\E647";
|
|
}
|
|
.anticon-copy:before {
|
|
content: "\E648";
|
|
}
|
|
.anticon-menu-fold:before {
|
|
content: "\E658";
|
|
}
|
|
.anticon-mail:before {
|
|
content: "\E659";
|
|
}
|
|
.anticon-logout:before {
|
|
content: "\E65A";
|
|
}
|
|
.anticon-link:before {
|
|
content: "\E65B";
|
|
}
|
|
.anticon-area-chart:before {
|
|
content: "\E65C";
|
|
}
|
|
.anticon-line-chart:before {
|
|
content: "\E65D";
|
|
}
|
|
.anticon-home:before {
|
|
content: "\E65E";
|
|
}
|
|
.anticon-laptop:before {
|
|
content: "\E65F";
|
|
}
|
|
.anticon-star:before {
|
|
content: "\E660";
|
|
}
|
|
.anticon-star-o:before {
|
|
content: "\E661";
|
|
}
|
|
.anticon-folder:before {
|
|
content: "\E662";
|
|
}
|
|
.anticon-filter:before {
|
|
content: "\E663";
|
|
}
|
|
.anticon-file:before {
|
|
content: "\E664";
|
|
}
|
|
.anticon-exception:before {
|
|
content: "\E665";
|
|
}
|
|
.anticon-meh:before {
|
|
content: "\E666";
|
|
}
|
|
.anticon-meh-circle:before {
|
|
content: "\E666";
|
|
}
|
|
.anticon-meh-o:before {
|
|
content: "\E667";
|
|
}
|
|
.anticon-shopping-cart:before {
|
|
content: "\E668";
|
|
}
|
|
.anticon-save:before {
|
|
content: "\E669";
|
|
}
|
|
.anticon-user:before {
|
|
content: "\E66A";
|
|
}
|
|
.anticon-video-camera:before {
|
|
content: "\E66B";
|
|
}
|
|
.anticon-to-top:before {
|
|
content: "\E66C";
|
|
}
|
|
.anticon-team:before {
|
|
content: "\E66D";
|
|
}
|
|
.anticon-tablet:before {
|
|
content: "\E66E";
|
|
}
|
|
.anticon-solution:before {
|
|
content: "\E66F";
|
|
}
|
|
.anticon-search:before {
|
|
content: "\E670";
|
|
}
|
|
.anticon-share-alt:before {
|
|
content: "\E671";
|
|
}
|
|
.anticon-setting:before {
|
|
content: "\E672";
|
|
}
|
|
.anticon-poweroff:before {
|
|
content: "\E6D5";
|
|
}
|
|
.anticon-picture:before {
|
|
content: "\E674";
|
|
}
|
|
.anticon-phone:before {
|
|
content: "\E675";
|
|
}
|
|
.anticon-paper-clip:before {
|
|
content: "\E676";
|
|
}
|
|
.anticon-notification:before {
|
|
content: "\E677";
|
|
}
|
|
.anticon-mobile:before {
|
|
content: "\E678";
|
|
}
|
|
.anticon-menu-unfold:before {
|
|
content: "\E679";
|
|
}
|
|
.anticon-inbox:before {
|
|
content: "\E67A";
|
|
}
|
|
.anticon-lock:before {
|
|
content: "\E67B";
|
|
}
|
|
.anticon-qrcode:before {
|
|
content: "\E67C";
|
|
}
|
|
.anticon-play-circle:before {
|
|
content: "\E6D0";
|
|
}
|
|
.anticon-play-circle-o:before {
|
|
content: "\E6D1";
|
|
}
|
|
.anticon-tag:before {
|
|
content: "\E6D2";
|
|
}
|
|
.anticon-tag-o:before {
|
|
content: "\E6D3";
|
|
}
|
|
.anticon-tags:before {
|
|
content: "\E67D";
|
|
}
|
|
.anticon-tags-o:before {
|
|
content: "\E67E";
|
|
}
|
|
.anticon-cloud-o:before {
|
|
content: "\E67F";
|
|
}
|
|
.anticon-cloud:before {
|
|
content: "\E680";
|
|
}
|
|
.anticon-cloud-upload:before {
|
|
content: "\E681";
|
|
}
|
|
.anticon-cloud-download:before {
|
|
content: "\E682";
|
|
}
|
|
.anticon-cloud-download-o:before {
|
|
content: "\E683";
|
|
}
|
|
.anticon-cloud-upload-o:before {
|
|
content: "\E684";
|
|
}
|
|
.anticon-environment:before {
|
|
content: "\E685";
|
|
}
|
|
.anticon-environment-o:before {
|
|
content: "\E686";
|
|
}
|
|
.anticon-eye:before {
|
|
content: "\E687";
|
|
}
|
|
.anticon-eye-o:before {
|
|
content: "\E688";
|
|
}
|
|
.anticon-camera:before {
|
|
content: "\E689";
|
|
}
|
|
.anticon-camera-o:before {
|
|
content: "\E68A";
|
|
}
|
|
.anticon-windows:before {
|
|
content: "\E68B";
|
|
}
|
|
.anticon-apple:before {
|
|
content: "\E68C";
|
|
}
|
|
.anticon-apple-o:before {
|
|
content: "\E6D4";
|
|
}
|
|
.anticon-android:before {
|
|
content: "\E68D";
|
|
}
|
|
.anticon-aliwangwang:before {
|
|
content: "\E68E";
|
|
}
|
|
.anticon-aliwangwang-o:before {
|
|
content: "\E68F";
|
|
}
|
|
.anticon-export:before {
|
|
content: "\E691";
|
|
}
|
|
.anticon-edit:before {
|
|
content: "\E692";
|
|
}
|
|
.anticon-circle-down-o:before {
|
|
content: "\E693";
|
|
}
|
|
.anticon-circle-down-:before {
|
|
content: "\E694";
|
|
}
|
|
.anticon-appstore-o:before {
|
|
content: "\E695";
|
|
}
|
|
.anticon-appstore:before {
|
|
content: "\E696";
|
|
}
|
|
.anticon-scan:before {
|
|
content: "\E697";
|
|
}
|
|
.anticon-file-text:before {
|
|
content: "\E698";
|
|
}
|
|
.anticon-folder-open:before {
|
|
content: "\E699";
|
|
}
|
|
.anticon-hdd:before {
|
|
content: "\E69A";
|
|
}
|
|
.anticon-ie:before {
|
|
content: "\E69B";
|
|
}
|
|
.anticon-file-jpg:before {
|
|
content: "\E69C";
|
|
}
|
|
.anticon-like:before {
|
|
content: "\E64C";
|
|
}
|
|
.anticon-like-o:before {
|
|
content: "\E69D";
|
|
}
|
|
.anticon-dislike:before {
|
|
content: "\E64B";
|
|
}
|
|
.anticon-dislike-o:before {
|
|
content: "\E69E";
|
|
}
|
|
.anticon-delete:before {
|
|
content: "\E69F";
|
|
}
|
|
.anticon-enter:before {
|
|
content: "\E6A0";
|
|
}
|
|
.anticon-pushpin-o:before {
|
|
content: "\E6A1";
|
|
}
|
|
.anticon-pushpin:before {
|
|
content: "\E6A2";
|
|
}
|
|
.anticon-heart:before {
|
|
content: "\E6A3";
|
|
}
|
|
.anticon-heart-o:before {
|
|
content: "\E6A4";
|
|
}
|
|
.anticon-pay-circle:before {
|
|
content: "\E6A5";
|
|
}
|
|
.anticon-pay-circle-o:before {
|
|
content: "\E6A6";
|
|
}
|
|
.anticon-smile:before {
|
|
content: "\E6A7";
|
|
}
|
|
.anticon-smile-circle:before {
|
|
content: "\E6A7";
|
|
}
|
|
.anticon-smile-o:before {
|
|
content: "\E6A8";
|
|
}
|
|
.anticon-frown-o:before {
|
|
content: "\E6A9";
|
|
}
|
|
.anticon-calculator:before {
|
|
content: "\E6AA";
|
|
}
|
|
.anticon-message:before {
|
|
content: "\E6AB";
|
|
}
|
|
.anticon-chrome:before {
|
|
content: "\E6AC";
|
|
}
|
|
.anticon-github:before {
|
|
content: "\E6AD";
|
|
}
|
|
.anticon-file-unknown:before {
|
|
content: "\E6AF";
|
|
}
|
|
.anticon-file-excel:before {
|
|
content: "\E6B0";
|
|
}
|
|
.anticon-file-ppt:before {
|
|
content: "\E6B1";
|
|
}
|
|
.anticon-file-word:before {
|
|
content: "\E6B2";
|
|
}
|
|
.anticon-file-pdf:before {
|
|
content: "\E6B3";
|
|
}
|
|
.anticon-desktop:before {
|
|
content: "\E6B4";
|
|
}
|
|
.anticon-upload:before {
|
|
content: "\E6B6";
|
|
}
|
|
.anticon-download:before {
|
|
content: "\E6B7";
|
|
}
|
|
.anticon-pie-chart:before {
|
|
content: "\E6B8";
|
|
}
|
|
.anticon-unlock:before {
|
|
content: "\E6BA";
|
|
}
|
|
.anticon-calendar:before {
|
|
content: "\E6BB";
|
|
}
|
|
.anticon-windows-o:before {
|
|
content: "\E6BC";
|
|
}
|
|
.anticon-dot-chart:before {
|
|
content: "\E6BD";
|
|
}
|
|
.anticon-bar-chart:before {
|
|
content: "\E6BE";
|
|
}
|
|
.anticon-code:before {
|
|
content: "\E6BF";
|
|
}
|
|
.anticon-plus-square:before {
|
|
content: "\E6C0";
|
|
}
|
|
.anticon-minus-square:before {
|
|
content: "\E6C1";
|
|
}
|
|
.anticon-close-square:before {
|
|
content: "\E6C2";
|
|
}
|
|
.anticon-close-square-o:before {
|
|
content: "\E6C3";
|
|
}
|
|
.anticon-check-square:before {
|
|
content: "\E6C4";
|
|
}
|
|
.anticon-check-square-o:before {
|
|
content: "\E6C5";
|
|
}
|
|
.anticon-fast-backward:before {
|
|
content: "\E6C6";
|
|
}
|
|
.anticon-fast-forward:before {
|
|
content: "\E6C7";
|
|
}
|
|
.anticon-up-square:before {
|
|
content: "\E6C8";
|
|
}
|
|
.anticon-down-square:before {
|
|
content: "\E6C9";
|
|
}
|
|
.anticon-left-square:before {
|
|
content: "\E6CA";
|
|
}
|
|
.anticon-right-square:before {
|
|
content: "\E6CB";
|
|
}
|
|
.anticon-right-square-o:before {
|
|
content: "\E6CC";
|
|
}
|
|
.anticon-left-square-o:before {
|
|
content: "\E6CD";
|
|
}
|
|
.anticon-down-square-o:before {
|
|
content: "\E6CE";
|
|
}
|
|
.anticon-up-square-o:before {
|
|
content: "\E6CF";
|
|
}
|
|
.anticon-loading:before {
|
|
content: "\E64D";
|
|
}
|
|
.anticon-loading-3-quarters:before {
|
|
content: "\E6AE";
|
|
}
|
|
.anticon-bulb:before {
|
|
content: "\E649";
|
|
}
|
|
.anticon-select:before {
|
|
content: "\E64A";
|
|
}
|
|
.anticon-addfile:before {
|
|
content: "\E910";
|
|
}
|
|
.anticon-addfolder:before {
|
|
content: "\E914";
|
|
}
|
|
.anticon-switcher:before {
|
|
content: "\E913";
|
|
}
|
|
.anticon-rocket:before {
|
|
content: "\E90F";
|
|
}
|
|
.anticon-dingding:before {
|
|
content: "\E923";
|
|
}
|
|
.anticon-dingding-o:before {
|
|
content: "\E925";
|
|
}
|
|
.anticon-spin:before {
|
|
display: inline-block;
|
|
-webkit-animation: loadingCircle 1s infinite linear;
|
|
animation: loadingCircle 1s infinite linear;
|
|
}
|
|
.fade-enter,
|
|
.fade-appear {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.fade-leave {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.fade-enter.fade-enter-active,
|
|
.fade-appear.fade-appear-active {
|
|
-webkit-animation-name: antFadeIn;
|
|
animation-name: antFadeIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.fade-leave.fade-leave-active {
|
|
-webkit-animation-name: antFadeOut;
|
|
animation-name: antFadeOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.fade-enter,
|
|
.fade-appear {
|
|
opacity: 0;
|
|
-webkit-animation-timing-function: linear;
|
|
animation-timing-function: linear;
|
|
}
|
|
.fade-leave {
|
|
-webkit-animation-timing-function: linear;
|
|
animation-timing-function: linear;
|
|
}
|
|
@-webkit-keyframes antFadeIn {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes antFadeIn {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@-webkit-keyframes antFadeOut {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes antFadeOut {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.move-up-enter,
|
|
.move-up-appear {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.move-up-leave {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.move-up-enter.move-up-enter-active,
|
|
.move-up-appear.move-up-appear-active {
|
|
-webkit-animation-name: antMoveUpIn;
|
|
animation-name: antMoveUpIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.move-up-leave.move-up-leave-active {
|
|
-webkit-animation-name: antMoveUpOut;
|
|
animation-name: antMoveUpOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.move-up-enter,
|
|
.move-up-appear {
|
|
opacity: 0;
|
|
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
}
|
|
.move-up-leave {
|
|
-webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
|
|
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
|
|
}
|
|
.move-down-enter,
|
|
.move-down-appear {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.move-down-leave {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.move-down-enter.move-down-enter-active,
|
|
.move-down-appear.move-down-appear-active {
|
|
-webkit-animation-name: antMoveDownIn;
|
|
animation-name: antMoveDownIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.move-down-leave.move-down-leave-active {
|
|
-webkit-animation-name: antMoveDownOut;
|
|
animation-name: antMoveDownOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.move-down-enter,
|
|
.move-down-appear {
|
|
opacity: 0;
|
|
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
}
|
|
.move-down-leave {
|
|
-webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
|
|
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
|
|
}
|
|
.move-left-enter,
|
|
.move-left-appear {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.move-left-leave {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.move-left-enter.move-left-enter-active,
|
|
.move-left-appear.move-left-appear-active {
|
|
-webkit-animation-name: antMoveLeftIn;
|
|
animation-name: antMoveLeftIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.move-left-leave.move-left-leave-active {
|
|
-webkit-animation-name: antMoveLeftOut;
|
|
animation-name: antMoveLeftOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.move-left-enter,
|
|
.move-left-appear {
|
|
opacity: 0;
|
|
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
}
|
|
.move-left-leave {
|
|
-webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
|
|
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
|
|
}
|
|
.move-right-enter,
|
|
.move-right-appear {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.move-right-leave {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.move-right-enter.move-right-enter-active,
|
|
.move-right-appear.move-right-appear-active {
|
|
-webkit-animation-name: antMoveRightIn;
|
|
animation-name: antMoveRightIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.move-right-leave.move-right-leave-active {
|
|
-webkit-animation-name: antMoveRightOut;
|
|
animation-name: antMoveRightOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.move-right-enter,
|
|
.move-right-appear {
|
|
opacity: 0;
|
|
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
}
|
|
.move-right-leave {
|
|
-webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
|
|
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
|
|
}
|
|
@-webkit-keyframes antMoveDownIn {
|
|
0% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateY(100%);
|
|
transform: translateY(100%);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateY(0%);
|
|
transform: translateY(0%);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes antMoveDownIn {
|
|
0% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateY(100%);
|
|
transform: translateY(100%);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateY(0%);
|
|
transform: translateY(0%);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@-webkit-keyframes antMoveDownOut {
|
|
0% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateY(0%);
|
|
transform: translateY(0%);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateY(100%);
|
|
transform: translateY(100%);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes antMoveDownOut {
|
|
0% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateY(0%);
|
|
transform: translateY(0%);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateY(100%);
|
|
transform: translateY(100%);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@-webkit-keyframes antMoveLeftIn {
|
|
0% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateX(-100%);
|
|
transform: translateX(-100%);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateX(0%);
|
|
transform: translateX(0%);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes antMoveLeftIn {
|
|
0% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateX(-100%);
|
|
transform: translateX(-100%);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateX(0%);
|
|
transform: translateX(0%);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@-webkit-keyframes antMoveLeftOut {
|
|
0% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateX(0%);
|
|
transform: translateX(0%);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateX(-100%);
|
|
transform: translateX(-100%);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes antMoveLeftOut {
|
|
0% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateX(0%);
|
|
transform: translateX(0%);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateX(-100%);
|
|
transform: translateX(-100%);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@-webkit-keyframes antMoveRightIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateX(100%);
|
|
transform: translateX(100%);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateX(0%);
|
|
transform: translateX(0%);
|
|
}
|
|
}
|
|
@keyframes antMoveRightIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateX(100%);
|
|
transform: translateX(100%);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateX(0%);
|
|
transform: translateX(0%);
|
|
}
|
|
}
|
|
@-webkit-keyframes antMoveRightOut {
|
|
0% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateX(0%);
|
|
transform: translateX(0%);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateX(100%);
|
|
transform: translateX(100%);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes antMoveRightOut {
|
|
0% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateX(0%);
|
|
transform: translateX(0%);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateX(100%);
|
|
transform: translateX(100%);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@-webkit-keyframes antMoveUpIn {
|
|
0% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateY(-100%);
|
|
transform: translateY(-100%);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateY(0%);
|
|
transform: translateY(0%);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes antMoveUpIn {
|
|
0% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateY(-100%);
|
|
transform: translateY(-100%);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateY(0%);
|
|
transform: translateY(0%);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@-webkit-keyframes antMoveUpOut {
|
|
0% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateY(0%);
|
|
transform: translateY(0%);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateY(-100%);
|
|
transform: translateY(-100%);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes antMoveUpOut {
|
|
0% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateY(0%);
|
|
transform: translateY(0%);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: translateY(-100%);
|
|
transform: translateY(-100%);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@-webkit-keyframes loadingCircle {
|
|
0% {
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
@keyframes loadingCircle {
|
|
0% {
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
.slide-up-enter,
|
|
.slide-up-appear {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.slide-up-leave {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.slide-up-enter.slide-up-enter-active,
|
|
.slide-up-appear.slide-up-appear-active {
|
|
-webkit-animation-name: antSlideUpIn;
|
|
animation-name: antSlideUpIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.slide-up-leave.slide-up-leave-active {
|
|
-webkit-animation-name: antSlideUpOut;
|
|
animation-name: antSlideUpOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.slide-up-enter,
|
|
.slide-up-appear {
|
|
opacity: 0;
|
|
-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
|
|
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
|
|
}
|
|
.slide-up-leave {
|
|
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
}
|
|
.slide-down-enter,
|
|
.slide-down-appear {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.slide-down-leave {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.slide-down-enter.slide-down-enter-active,
|
|
.slide-down-appear.slide-down-appear-active {
|
|
-webkit-animation-name: antSlideDownIn;
|
|
animation-name: antSlideDownIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.slide-down-leave.slide-down-leave-active {
|
|
-webkit-animation-name: antSlideDownOut;
|
|
animation-name: antSlideDownOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.slide-down-enter,
|
|
.slide-down-appear {
|
|
opacity: 0;
|
|
-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
|
|
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
|
|
}
|
|
.slide-down-leave {
|
|
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
}
|
|
.slide-left-enter,
|
|
.slide-left-appear {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.slide-left-leave {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.slide-left-enter.slide-left-enter-active,
|
|
.slide-left-appear.slide-left-appear-active {
|
|
-webkit-animation-name: antSlideLeftIn;
|
|
animation-name: antSlideLeftIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.slide-left-leave.slide-left-leave-active {
|
|
-webkit-animation-name: antSlideLeftOut;
|
|
animation-name: antSlideLeftOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.slide-left-enter,
|
|
.slide-left-appear {
|
|
opacity: 0;
|
|
-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
|
|
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
|
|
}
|
|
.slide-left-leave {
|
|
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
}
|
|
.slide-right-enter,
|
|
.slide-right-appear {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.slide-right-leave {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.slide-right-enter.slide-right-enter-active,
|
|
.slide-right-appear.slide-right-appear-active {
|
|
-webkit-animation-name: antSlideRightIn;
|
|
animation-name: antSlideRightIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.slide-right-leave.slide-right-leave-active {
|
|
-webkit-animation-name: antSlideRightOut;
|
|
animation-name: antSlideRightOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.slide-right-enter,
|
|
.slide-right-appear {
|
|
opacity: 0;
|
|
-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
|
|
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
|
|
}
|
|
.slide-right-leave {
|
|
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
}
|
|
@-webkit-keyframes antSlideUpIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleY(0.8);
|
|
transform: scaleY(0.8);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
}
|
|
}
|
|
@keyframes antSlideUpIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleY(0.8);
|
|
transform: scaleY(0.8);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
}
|
|
}
|
|
@-webkit-keyframes antSlideUpOut {
|
|
0% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleY(0.8);
|
|
transform: scaleY(0.8);
|
|
}
|
|
}
|
|
@keyframes antSlideUpOut {
|
|
0% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleY(0.8);
|
|
transform: scaleY(0.8);
|
|
}
|
|
}
|
|
@-webkit-keyframes antSlideDownIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 100% 100%;
|
|
transform-origin: 100% 100%;
|
|
-webkit-transform: scaleY(0.8);
|
|
transform: scaleY(0.8);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 100% 100%;
|
|
transform-origin: 100% 100%;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
}
|
|
}
|
|
@keyframes antSlideDownIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 100% 100%;
|
|
transform-origin: 100% 100%;
|
|
-webkit-transform: scaleY(0.8);
|
|
transform: scaleY(0.8);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 100% 100%;
|
|
transform-origin: 100% 100%;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
}
|
|
}
|
|
@-webkit-keyframes antSlideDownOut {
|
|
0% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 100% 100%;
|
|
transform-origin: 100% 100%;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 100% 100%;
|
|
transform-origin: 100% 100%;
|
|
-webkit-transform: scaleY(0.8);
|
|
transform: scaleY(0.8);
|
|
}
|
|
}
|
|
@keyframes antSlideDownOut {
|
|
0% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 100% 100%;
|
|
transform-origin: 100% 100%;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 100% 100%;
|
|
transform-origin: 100% 100%;
|
|
-webkit-transform: scaleY(0.8);
|
|
transform: scaleY(0.8);
|
|
}
|
|
}
|
|
@-webkit-keyframes antSlideLeftIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleX(0.8);
|
|
transform: scaleX(0.8);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleX(1);
|
|
transform: scaleX(1);
|
|
}
|
|
}
|
|
@keyframes antSlideLeftIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleX(0.8);
|
|
transform: scaleX(0.8);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleX(1);
|
|
transform: scaleX(1);
|
|
}
|
|
}
|
|
@-webkit-keyframes antSlideLeftOut {
|
|
0% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleX(1);
|
|
transform: scaleX(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleX(0.8);
|
|
transform: scaleX(0.8);
|
|
}
|
|
}
|
|
@keyframes antSlideLeftOut {
|
|
0% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleX(1);
|
|
transform: scaleX(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleX(0.8);
|
|
transform: scaleX(0.8);
|
|
}
|
|
}
|
|
@-webkit-keyframes antSlideRightIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 100% 0%;
|
|
transform-origin: 100% 0%;
|
|
-webkit-transform: scaleX(0.8);
|
|
transform: scaleX(0.8);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 100% 0%;
|
|
transform-origin: 100% 0%;
|
|
-webkit-transform: scaleX(1);
|
|
transform: scaleX(1);
|
|
}
|
|
}
|
|
@keyframes antSlideRightIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 100% 0%;
|
|
transform-origin: 100% 0%;
|
|
-webkit-transform: scaleX(0.8);
|
|
transform: scaleX(0.8);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 100% 0%;
|
|
transform-origin: 100% 0%;
|
|
-webkit-transform: scaleX(1);
|
|
transform: scaleX(1);
|
|
}
|
|
}
|
|
@-webkit-keyframes antSlideRightOut {
|
|
0% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 100% 0%;
|
|
transform-origin: 100% 0%;
|
|
-webkit-transform: scaleX(1);
|
|
transform: scaleX(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 100% 0%;
|
|
transform-origin: 100% 0%;
|
|
-webkit-transform: scaleX(0.8);
|
|
transform: scaleX(0.8);
|
|
}
|
|
}
|
|
@keyframes antSlideRightOut {
|
|
0% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 100% 0%;
|
|
transform-origin: 100% 0%;
|
|
-webkit-transform: scaleX(1);
|
|
transform: scaleX(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 100% 0%;
|
|
transform-origin: 100% 0%;
|
|
-webkit-transform: scaleX(0.8);
|
|
transform: scaleX(0.8);
|
|
}
|
|
}
|
|
.swing-enter,
|
|
.swing-appear {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.swing-enter.swing-enter-active,
|
|
.swing-appear.swing-appear-active {
|
|
-webkit-animation-name: antSwingIn;
|
|
animation-name: antSwingIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
@-webkit-keyframes antSwingIn {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: translateX(0px);
|
|
transform: translateX(0px);
|
|
}
|
|
20% {
|
|
-webkit-transform: translateX(-10px);
|
|
transform: translateX(-10px);
|
|
}
|
|
40% {
|
|
-webkit-transform: translateX(10px);
|
|
transform: translateX(10px);
|
|
}
|
|
60% {
|
|
-webkit-transform: translateX(-5px);
|
|
transform: translateX(-5px);
|
|
}
|
|
80% {
|
|
-webkit-transform: translateX(5px);
|
|
transform: translateX(5px);
|
|
}
|
|
}
|
|
@keyframes antSwingIn {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: translateX(0px);
|
|
transform: translateX(0px);
|
|
}
|
|
20% {
|
|
-webkit-transform: translateX(-10px);
|
|
transform: translateX(-10px);
|
|
}
|
|
40% {
|
|
-webkit-transform: translateX(10px);
|
|
transform: translateX(10px);
|
|
}
|
|
60% {
|
|
-webkit-transform: translateX(-5px);
|
|
transform: translateX(-5px);
|
|
}
|
|
80% {
|
|
-webkit-transform: translateX(5px);
|
|
transform: translateX(5px);
|
|
}
|
|
}
|
|
.zoom-enter,
|
|
.zoom-appear {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-leave {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-enter.zoom-enter-active,
|
|
.zoom-appear.zoom-appear-active {
|
|
-webkit-animation-name: antZoomIn;
|
|
animation-name: antZoomIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-leave.zoom-leave-active {
|
|
-webkit-animation-name: antZoomOut;
|
|
animation-name: antZoomOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-enter,
|
|
.zoom-appear {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
}
|
|
.zoom-leave {
|
|
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
}
|
|
.zoom-big-enter,
|
|
.zoom-big-appear {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-big-leave {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-big-enter.zoom-big-enter-active,
|
|
.zoom-big-appear.zoom-big-appear-active {
|
|
-webkit-animation-name: antZoomBigIn;
|
|
animation-name: antZoomBigIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-big-leave.zoom-big-leave-active {
|
|
-webkit-animation-name: antZoomBigOut;
|
|
animation-name: antZoomBigOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-big-enter,
|
|
.zoom-big-appear {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
}
|
|
.zoom-big-leave {
|
|
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
}
|
|
.zoom-big-fast-enter,
|
|
.zoom-big-fast-appear {
|
|
-webkit-animation-duration: 0.1s;
|
|
animation-duration: 0.1s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-big-fast-leave {
|
|
-webkit-animation-duration: 0.1s;
|
|
animation-duration: 0.1s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-big-fast-enter.zoom-big-fast-enter-active,
|
|
.zoom-big-fast-appear.zoom-big-fast-appear-active {
|
|
-webkit-animation-name: antZoomBigIn;
|
|
animation-name: antZoomBigIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-big-fast-leave.zoom-big-fast-leave-active {
|
|
-webkit-animation-name: antZoomBigOut;
|
|
animation-name: antZoomBigOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-big-fast-enter,
|
|
.zoom-big-fast-appear {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
}
|
|
.zoom-big-fast-leave {
|
|
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
}
|
|
.zoom-up-enter,
|
|
.zoom-up-appear {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-up-leave {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-up-enter.zoom-up-enter-active,
|
|
.zoom-up-appear.zoom-up-appear-active {
|
|
-webkit-animation-name: antZoomUpIn;
|
|
animation-name: antZoomUpIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-up-leave.zoom-up-leave-active {
|
|
-webkit-animation-name: antZoomUpOut;
|
|
animation-name: antZoomUpOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-up-enter,
|
|
.zoom-up-appear {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
}
|
|
.zoom-up-leave {
|
|
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
}
|
|
.zoom-down-enter,
|
|
.zoom-down-appear {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-down-leave {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-down-enter.zoom-down-enter-active,
|
|
.zoom-down-appear.zoom-down-appear-active {
|
|
-webkit-animation-name: antZoomDownIn;
|
|
animation-name: antZoomDownIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-down-leave.zoom-down-leave-active {
|
|
-webkit-animation-name: antZoomDownOut;
|
|
animation-name: antZoomDownOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-down-enter,
|
|
.zoom-down-appear {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
}
|
|
.zoom-down-leave {
|
|
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
}
|
|
.zoom-left-enter,
|
|
.zoom-left-appear {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-left-leave {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-left-enter.zoom-left-enter-active,
|
|
.zoom-left-appear.zoom-left-appear-active {
|
|
-webkit-animation-name: antZoomLeftIn;
|
|
animation-name: antZoomLeftIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-left-leave.zoom-left-leave-active {
|
|
-webkit-animation-name: antZoomLeftOut;
|
|
animation-name: antZoomLeftOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-left-enter,
|
|
.zoom-left-appear {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
}
|
|
.zoom-left-leave {
|
|
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
}
|
|
.zoom-right-enter,
|
|
.zoom-right-appear {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-right-leave {
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-right-enter.zoom-right-enter-active,
|
|
.zoom-right-appear.zoom-right-appear-active {
|
|
-webkit-animation-name: antZoomRightIn;
|
|
animation-name: antZoomRightIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-right-leave.zoom-right-leave-active {
|
|
-webkit-animation-name: antZoomRightOut;
|
|
animation-name: antZoomRightOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-right-enter,
|
|
.zoom-right-appear {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
}
|
|
.zoom-right-leave {
|
|
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
}
|
|
@-webkit-keyframes antZoomIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.2);
|
|
transform: scale(0.2);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@keyframes antZoomIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.2);
|
|
transform: scale(0.2);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@-webkit-keyframes antZoomOut {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.2);
|
|
transform: scale(0.2);
|
|
}
|
|
}
|
|
@keyframes antZoomOut {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.2);
|
|
transform: scale(0.2);
|
|
}
|
|
}
|
|
@-webkit-keyframes antZoomBigIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@keyframes antZoomBigIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@-webkit-keyframes antZoomBigOut {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
}
|
|
@keyframes antZoomBigOut {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
}
|
|
@-webkit-keyframes antZoomUpIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 0%;
|
|
transform-origin: 50% 0%;
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 50% 0%;
|
|
transform-origin: 50% 0%;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@keyframes antZoomUpIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 0%;
|
|
transform-origin: 50% 0%;
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 50% 0%;
|
|
transform-origin: 50% 0%;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@-webkit-keyframes antZoomUpOut {
|
|
0% {
|
|
-webkit-transform-origin: 50% 0%;
|
|
transform-origin: 50% 0%;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 0%;
|
|
transform-origin: 50% 0%;
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
}
|
|
@keyframes antZoomUpOut {
|
|
0% {
|
|
-webkit-transform-origin: 50% 0%;
|
|
transform-origin: 50% 0%;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 0%;
|
|
transform-origin: 50% 0%;
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
}
|
|
@-webkit-keyframes antZoomLeftIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0% 50%;
|
|
transform-origin: 0% 50%;
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 0% 50%;
|
|
transform-origin: 0% 50%;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@keyframes antZoomLeftIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0% 50%;
|
|
transform-origin: 0% 50%;
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 0% 50%;
|
|
transform-origin: 0% 50%;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@-webkit-keyframes antZoomLeftOut {
|
|
0% {
|
|
-webkit-transform-origin: 0% 50%;
|
|
transform-origin: 0% 50%;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0% 50%;
|
|
transform-origin: 0% 50%;
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
}
|
|
@keyframes antZoomLeftOut {
|
|
0% {
|
|
-webkit-transform-origin: 0% 50%;
|
|
transform-origin: 0% 50%;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0% 50%;
|
|
transform-origin: 0% 50%;
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
}
|
|
@-webkit-keyframes antZoomRightIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 100% 50%;
|
|
transform-origin: 100% 50%;
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 100% 50%;
|
|
transform-origin: 100% 50%;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@keyframes antZoomRightIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 100% 50%;
|
|
transform-origin: 100% 50%;
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 100% 50%;
|
|
transform-origin: 100% 50%;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@-webkit-keyframes antZoomRightOut {
|
|
0% {
|
|
-webkit-transform-origin: 100% 50%;
|
|
transform-origin: 100% 50%;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 100% 50%;
|
|
transform-origin: 100% 50%;
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
}
|
|
@keyframes antZoomRightOut {
|
|
0% {
|
|
-webkit-transform-origin: 100% 50%;
|
|
transform-origin: 100% 50%;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 100% 50%;
|
|
transform-origin: 100% 50%;
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
}
|
|
@-webkit-keyframes antZoomDownIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 100%;
|
|
transform-origin: 50% 100%;
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 50% 100%;
|
|
transform-origin: 50% 100%;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@keyframes antZoomDownIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 100%;
|
|
transform-origin: 50% 100%;
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 50% 100%;
|
|
transform-origin: 50% 100%;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@-webkit-keyframes antZoomDownOut {
|
|
0% {
|
|
-webkit-transform-origin: 50% 100%;
|
|
transform-origin: 50% 100%;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 100%;
|
|
transform-origin: 50% 100%;
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
}
|
|
@keyframes antZoomDownOut {
|
|
0% {
|
|
-webkit-transform-origin: 50% 100%;
|
|
transform-origin: 50% 100%;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 100%;
|
|
transform-origin: 50% 100%;
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
}
|
|
.ant-motion-collapse {
|
|
overflow: hidden;
|
|
}
|
|
.ant-motion-collapse-active {
|
|
-webkit-transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
.ant-affix {
|
|
position: fixed;
|
|
z-index: 10;
|
|
}
|
|
.ant-alert {
|
|
position: relative;
|
|
padding: 8px 48px 8px 38px;
|
|
border-radius: 4px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.ant-alert.ant-alert-no-icon {
|
|
padding: 8px 48px 8px 16px;
|
|
}
|
|
.ant-alert-icon {
|
|
font-size: 14px;
|
|
top: 9.5px;
|
|
left: 16px;
|
|
position: absolute;
|
|
}
|
|
.ant-alert-description {
|
|
font-size: 12px;
|
|
line-height: 21px;
|
|
display: none;
|
|
}
|
|
.ant-alert-success {
|
|
border: 1px solid #cfefdf;
|
|
background-color: #ebf8f2;
|
|
}
|
|
.ant-alert-success .ant-alert-icon {
|
|
color: #00A854;
|
|
}
|
|
.ant-alert-info {
|
|
border: 1px solid #d2eafb;
|
|
background-color: #ecf6fd;
|
|
}
|
|
.ant-alert-info .ant-alert-icon {
|
|
color: #108ee9;
|
|
}
|
|
.ant-alert-warning {
|
|
border: 1px solid #fff3cf;
|
|
background-color: #fffaeb;
|
|
}
|
|
.ant-alert-warning .ant-alert-icon {
|
|
color: #ffbf00;
|
|
}
|
|
.ant-alert-error {
|
|
border: 1px solid #fcdbd9;
|
|
background-color: #fef0ef;
|
|
}
|
|
.ant-alert-error .ant-alert-icon {
|
|
color: #F04134;
|
|
}
|
|
.ant-alert-close-icon {
|
|
font-size: 12px;
|
|
position: absolute;
|
|
right: 16px;
|
|
top: 10px;
|
|
height: 12px;
|
|
line-height: 12px;
|
|
overflow: hidden;
|
|
cursor: pointer;
|
|
}
|
|
.ant-alert-close-icon .anticon-cross {
|
|
color: rgba(0, 0, 0, 0.43);
|
|
-webkit-transition: color .3s ease;
|
|
transition: color .3s ease;
|
|
}
|
|
.ant-alert-close-icon .anticon-cross:hover {
|
|
color: #404040;
|
|
}
|
|
.ant-alert-close-text {
|
|
position: absolute;
|
|
right: 16px;
|
|
}
|
|
.ant-alert-with-description {
|
|
padding: 16px 16px 16px 60px;
|
|
position: relative;
|
|
border-radius: 4px;
|
|
margin-bottom: 10px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
line-height: 1.5;
|
|
}
|
|
.ant-alert-with-description.ant-alert-no-icon {
|
|
padding: 16px;
|
|
}
|
|
.ant-alert-with-description .ant-alert-icon {
|
|
position: absolute;
|
|
top: 16px;
|
|
left: 20px;
|
|
font-size: 24px;
|
|
}
|
|
.ant-alert-with-description .ant-alert-close-icon {
|
|
position: absolute;
|
|
top: 16px;
|
|
right: 16px;
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
}
|
|
.ant-alert-with-description .ant-alert-message {
|
|
font-size: 14px;
|
|
color: rgba(0, 0, 0, 0.75);
|
|
display: block;
|
|
margin-bottom: 4px;
|
|
}
|
|
.ant-alert-with-description .ant-alert-description {
|
|
display: block;
|
|
}
|
|
.ant-alert.ant-alert-close {
|
|
height: 0 !important;
|
|
margin: 0;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
-webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
-webkit-transform-origin: 50% 0;
|
|
transform-origin: 50% 0;
|
|
}
|
|
.ant-alert-slide-up-leave {
|
|
-webkit-animation: antAlertSlideUpOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
animation: antAlertSlideUpOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
}
|
|
.ant-alert-banner {
|
|
border-radius: 0;
|
|
border: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
@-webkit-keyframes antAlertSlideUpIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleY(0);
|
|
transform: scaleY(0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
}
|
|
}
|
|
@keyframes antAlertSlideUpIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleY(0);
|
|
transform: scaleY(0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
}
|
|
}
|
|
@-webkit-keyframes antAlertSlideUpOut {
|
|
0% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleY(0);
|
|
transform: scaleY(0);
|
|
}
|
|
}
|
|
@keyframes antAlertSlideUpOut {
|
|
0% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleY(0);
|
|
transform: scaleY(0);
|
|
}
|
|
}
|
|
.ant-anchor {
|
|
position: relative;
|
|
}
|
|
.ant-anchor-wrapper {
|
|
background-color: #fff;
|
|
}
|
|
.ant-anchor-ink {
|
|
position: absolute;
|
|
height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.ant-anchor-ink:before {
|
|
content: ' ';
|
|
position: relative;
|
|
width: 2px;
|
|
height: 100%;
|
|
display: block;
|
|
background-color: #e9e9e9;
|
|
margin: 0 auto;
|
|
}
|
|
.ant-anchor-ink-ball {
|
|
display: none;
|
|
position: absolute;
|
|
width: 9px;
|
|
height: 9px;
|
|
border-radius: 9px;
|
|
border: 3px solid #108ee9;
|
|
background-color: #fff;
|
|
left: 50%;
|
|
-webkit-transition: top 0.3s ease-in-out;
|
|
transition: top 0.3s ease-in-out;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
}
|
|
.ant-anchor-ink-ball.visible {
|
|
display: inline-block;
|
|
}
|
|
.ant-anchor.fixed .ant-anchor-ink .ant-anchor-ink-ball {
|
|
display: none;
|
|
}
|
|
.ant-anchor-link {
|
|
padding: 8px 0 8px 18px;
|
|
line-height: 1;
|
|
}
|
|
.ant-anchor-link .ant-anchor-link {
|
|
padding-top: 6px;
|
|
padding-bottom: 6px;
|
|
}
|
|
.ant-anchor-link-title {
|
|
display: block;
|
|
position: relative;
|
|
-webkit-transition: all .3s;
|
|
transition: all .3s;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
margin-bottom: 8px;
|
|
}
|
|
.ant-anchor-link-title:only-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.ant-anchor-link-active > .ant-anchor-link-title {
|
|
color: #108ee9;
|
|
}
|
|
.ant-anchor-link > .ant-anchor-link {
|
|
font-size: 12px;
|
|
}
|
|
.ant-select {
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
position: relative;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
font-size: 12px;
|
|
}
|
|
.ant-select > ul > li > a {
|
|
padding: 0;
|
|
background-color: #fff;
|
|
}
|
|
.ant-select-arrow {
|
|
font-style: normal;
|
|
vertical-align: baseline;
|
|
text-align: center;
|
|
text-transform: none;
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 8px;
|
|
line-height: 1;
|
|
margin-top: -6px;
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-size: 9px \9;
|
|
-webkit-transform: scale(0.75) rotate(0deg);
|
|
transform: scale(0.75) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
}
|
|
.ant-select-arrow:before {
|
|
display: block;
|
|
font-family: "anticon" !important;
|
|
}
|
|
:root .ant-select-arrow {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-select-arrow {
|
|
font-size: 12px;
|
|
}
|
|
.ant-select-arrow * {
|
|
display: none;
|
|
}
|
|
.ant-select-arrow:before {
|
|
content: '\E61D';
|
|
-webkit-transition: -webkit-transform 0.2s ease;
|
|
transition: -webkit-transform 0.2s ease;
|
|
transition: transform 0.2s ease;
|
|
transition: transform 0.2s ease, -webkit-transform 0.2s ease;
|
|
}
|
|
.ant-select-selection {
|
|
outline: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
background-color: #fff;
|
|
border-radius: 4px;
|
|
border: 1px solid #d9d9d9;
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.ant-select-selection:hover {
|
|
border-color: #49a9ee;
|
|
}
|
|
.ant-select-focused .ant-select-selection,
|
|
.ant-select-selection:focus,
|
|
.ant-select-selection:active {
|
|
border-color: #49a9ee;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
|
|
}
|
|
.ant-select-selection__clear {
|
|
display: inline-block;
|
|
font-style: normal;
|
|
vertical-align: baseline;
|
|
text-align: center;
|
|
text-transform: none;
|
|
text-rendering: auto;
|
|
opacity: 0;
|
|
position: absolute;
|
|
right: 8px;
|
|
z-index: 1;
|
|
background: #fff;
|
|
top: 50%;
|
|
font-size: 12px;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
width: 12px;
|
|
height: 12px;
|
|
margin-top: -6px;
|
|
line-height: 12px;
|
|
cursor: pointer;
|
|
-webkit-transition: color 0.3s ease, opacity 0.15s ease;
|
|
transition: color 0.3s ease, opacity 0.15s ease;
|
|
}
|
|
.ant-select-selection__clear:before {
|
|
display: block;
|
|
font-family: 'anticon';
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
content: "\E62E";
|
|
}
|
|
.ant-select-selection__clear:hover {
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-select-selection:hover .ant-select-selection__clear {
|
|
opacity: 1;
|
|
}
|
|
.ant-select-selection-selected-value {
|
|
float: left;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
max-width: 100%;
|
|
padding-right: 14px;
|
|
}
|
|
.ant-select-disabled {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-select-disabled .ant-select-selection {
|
|
background: #f7f7f7;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-select-disabled .ant-select-selection:hover,
|
|
.ant-select-disabled .ant-select-selection:focus,
|
|
.ant-select-disabled .ant-select-selection:active {
|
|
border-color: #d9d9d9;
|
|
box-shadow: none;
|
|
}
|
|
.ant-select-disabled .ant-select-selection__clear {
|
|
display: none;
|
|
visibility: hidden;
|
|
pointer-events: none;
|
|
}
|
|
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
|
|
background: #e9e9e9;
|
|
color: #aaa;
|
|
padding-right: 10px;
|
|
}
|
|
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove {
|
|
display: none;
|
|
}
|
|
.ant-select-selection--single {
|
|
height: 28px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
.ant-select-selection__rendered {
|
|
display: block;
|
|
margin-left: 8px;
|
|
margin-right: 8px;
|
|
position: relative;
|
|
line-height: 26px;
|
|
}
|
|
.ant-select-selection__rendered:after {
|
|
content: '.';
|
|
visibility: hidden;
|
|
pointer-events: none;
|
|
display: inline-block;
|
|
width: 0;
|
|
}
|
|
.ant-select-lg .ant-select-selection--single {
|
|
height: 32px;
|
|
}
|
|
.ant-select-lg .ant-select-selection__rendered {
|
|
line-height: 30px;
|
|
}
|
|
.ant-select-lg .ant-select-selection--multiple {
|
|
min-height: 32px;
|
|
}
|
|
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li {
|
|
height: 24px;
|
|
line-height: 24px;
|
|
}
|
|
.ant-select-sm .ant-select-selection {
|
|
border-radius: 2px;
|
|
}
|
|
.ant-select-sm .ant-select-selection--single {
|
|
height: 22px;
|
|
}
|
|
.ant-select-sm .ant-select-selection__rendered {
|
|
line-height: 20px;
|
|
}
|
|
.ant-select-sm .ant-select-selection--multiple {
|
|
min-height: 22px;
|
|
}
|
|
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li {
|
|
height: 14px;
|
|
line-height: 14px;
|
|
}
|
|
.ant-select-disabled .ant-select-selection__choice__remove {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
cursor: default;
|
|
}
|
|
.ant-select-disabled .ant-select-selection__choice__remove:hover {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-select-search__field__wrap {
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.ant-select-selection__placeholder,
|
|
.ant-select-search__field__placeholder {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 0;
|
|
right: 9px;
|
|
color: #ccc;
|
|
line-height: 20px;
|
|
height: 20px;
|
|
max-width: 100%;
|
|
margin-top: -10px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.ant-select-search__field__placeholder {
|
|
left: 8px;
|
|
}
|
|
.ant-select-search--inline {
|
|
position: absolute;
|
|
height: 100%;
|
|
}
|
|
.ant-select-selection--multiple .ant-select-search--inline {
|
|
float: left;
|
|
position: static;
|
|
}
|
|
.ant-select-search--inline .ant-select-search__field__wrap {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.ant-select-search--inline .ant-select-search__field {
|
|
border: 0;
|
|
font-size: 100%;
|
|
height: 100%;
|
|
width: 100%;
|
|
background: transparent;
|
|
outline: 0;
|
|
border-radius: 4px;
|
|
}
|
|
.ant-select-search--inline .ant-select-search__field__mirror {
|
|
position: absolute;
|
|
top: 0;
|
|
left: -9999px;
|
|
white-space: pre;
|
|
pointer-events: none;
|
|
}
|
|
.ant-select-search--inline > i {
|
|
float: right;
|
|
}
|
|
.ant-select-selection--multiple {
|
|
min-height: 28px;
|
|
cursor: text;
|
|
padding-bottom: 3px;
|
|
zoom: 1;
|
|
}
|
|
.ant-select-selection--multiple:before,
|
|
.ant-select-selection--multiple:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.ant-select-selection--multiple:after {
|
|
clear: both;
|
|
visibility: hidden;
|
|
font-size: 0;
|
|
height: 0;
|
|
}
|
|
.ant-select-selection--multiple .ant-select-search--inline {
|
|
width: auto;
|
|
padding: 0;
|
|
}
|
|
.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field {
|
|
width: 0.75em;
|
|
}
|
|
.ant-select-selection--multiple .ant-select-selection__rendered {
|
|
margin-left: 5px;
|
|
margin-bottom: -3px;
|
|
height: auto;
|
|
}
|
|
.ant-select-selection--multiple > ul > li,
|
|
.ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
|
|
margin-top: 3px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
}
|
|
.ant-select-selection--multiple .ant-select-selection__choice {
|
|
background-color: #f3f3f3;
|
|
border-radius: 4px;
|
|
cursor: default;
|
|
float: left;
|
|
margin-right: 4px;
|
|
max-width: 99%;
|
|
position: relative;
|
|
overflow: hidden;
|
|
-webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
padding: 0 20px 0 10px;
|
|
}
|
|
.ant-select-selection--multiple .ant-select-selection__choice__disabled {
|
|
padding: 0 10px;
|
|
}
|
|
.ant-select-selection--multiple .ant-select-selection__choice__content {
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
max-width: 100%;
|
|
-webkit-transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.ant-select-selection--multiple .ant-select-selection__choice__remove {
|
|
font-style: normal;
|
|
vertical-align: baseline;
|
|
text-align: center;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
line-height: inherit;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-size: 8px \9;
|
|
-webkit-transform: scale(0.66666667) rotate(0deg);
|
|
transform: scale(0.66666667) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
position: absolute;
|
|
right: 4px;
|
|
padding: 0 0 0 8px;
|
|
}
|
|
.ant-select-selection--multiple .ant-select-selection__choice__remove:before {
|
|
display: block;
|
|
font-family: "anticon" !important;
|
|
}
|
|
:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
|
|
font-size: 12px;
|
|
}
|
|
.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
|
|
color: #404040;
|
|
}
|
|
.ant-select-selection--multiple .ant-select-selection__choice__remove:before {
|
|
content: "\E633";
|
|
}
|
|
.ant-select-open .ant-select-arrow {
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
|
|
-ms-transform: rotate(180deg);
|
|
}
|
|
.ant-select-open .ant-select-arrow:before {
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
.ant-select-open .ant-select-selection {
|
|
border-color: #49a9ee;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
|
|
}
|
|
.ant-select-combobox .ant-select-arrow {
|
|
display: none;
|
|
}
|
|
.ant-select-combobox .ant-select-search--inline {
|
|
height: 100%;
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
.ant-select-combobox .ant-select-search__field__wrap {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.ant-select-combobox .ant-select-search__field {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
z-index: 1;
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
box-shadow: none;
|
|
}
|
|
.ant-select-dropdown {
|
|
background-color: #fff;
|
|
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
|
|
border-radius: 4px;
|
|
box-sizing: border-box;
|
|
z-index: 1050;
|
|
left: -9999px;
|
|
top: -9999px;
|
|
position: absolute;
|
|
outline: none;
|
|
overflow: hidden;
|
|
font-size: 12px;
|
|
}
|
|
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
|
|
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
|
|
-webkit-animation-name: antSlideUpIn;
|
|
animation-name: antSlideUpIn;
|
|
}
|
|
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
|
|
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
|
|
-webkit-animation-name: antSlideDownIn;
|
|
animation-name: antSlideDownIn;
|
|
}
|
|
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
|
|
-webkit-animation-name: antSlideUpOut;
|
|
animation-name: antSlideUpOut;
|
|
}
|
|
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
|
|
-webkit-animation-name: antSlideDownOut;
|
|
animation-name: antSlideDownOut;
|
|
}
|
|
.ant-select-dropdown-hidden {
|
|
display: none;
|
|
}
|
|
.ant-select-dropdown-menu {
|
|
outline: none;
|
|
margin-bottom: 0;
|
|
padding-left: 0;
|
|
list-style: none;
|
|
max-height: 250px;
|
|
overflow: auto;
|
|
}
|
|
.ant-select-dropdown-menu-item-group-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.ant-select-dropdown-menu-item-group-list > .ant-select-dropdown-menu-item {
|
|
padding-left: 24px;
|
|
}
|
|
.ant-select-dropdown-menu-item-group-title {
|
|
color: rgba(0, 0, 0, 0.43);
|
|
line-height: 1.5;
|
|
padding: 8px 16px;
|
|
}
|
|
.ant-select-dropdown-menu-item {
|
|
position: relative;
|
|
display: block;
|
|
padding: 7px 16px;
|
|
font-weight: normal;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
-webkit-transition: background 0.3s ease;
|
|
transition: background 0.3s ease;
|
|
}
|
|
.ant-select-dropdown-menu-item:hover,
|
|
.ant-select-dropdown-menu-item-active {
|
|
background-color: #ecf6fd;
|
|
}
|
|
.ant-select-dropdown-menu-item-disabled {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-select-dropdown-menu-item-disabled:hover {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
background-color: #fff;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-select-dropdown-menu-item-selected,
|
|
.ant-select-dropdown-menu-item-selected:hover {
|
|
background-color: #f7f7f7;
|
|
font-weight: bold;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.ant-select-dropdown-menu-item-divider {
|
|
height: 1px;
|
|
margin: 1px 0;
|
|
overflow: hidden;
|
|
background-color: #e5e5e5;
|
|
line-height: 0;
|
|
}
|
|
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:after {
|
|
font-family: 'anticon';
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
content: "\E632";
|
|
color: transparent;
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-size: 10px \9;
|
|
-webkit-transform: scale(0.83333333) rotate(0deg);
|
|
transform: scale(0.83333333) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
-webkit-transition: all 0.2s ease;
|
|
transition: all 0.2s ease;
|
|
position: absolute;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
right: 16px;
|
|
font-weight: bold;
|
|
text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;
|
|
}
|
|
:root .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:after {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:after {
|
|
font-size: 12px;
|
|
}
|
|
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover:after {
|
|
color: #ddd;
|
|
}
|
|
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled:after {
|
|
display: none;
|
|
}
|
|
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:after,
|
|
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover:after {
|
|
color: #108ee9;
|
|
display: inline-block;
|
|
}
|
|
.ant-select-dropdown-container-open .ant-select-dropdown,
|
|
.ant-select-dropdown-open .ant-select-dropdown {
|
|
display: block;
|
|
}
|
|
.ant-input-search-icon {
|
|
cursor: pointer;
|
|
-webkit-transition: all .3s;
|
|
transition: all .3s;
|
|
font-size: 14px;
|
|
}
|
|
.ant-input-search-icon:hover {
|
|
color: #108ee9;
|
|
}
|
|
.ant-search-input-wrapper {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.ant-search-input.ant-input-group .ant-input:first-child,
|
|
.ant-search-input.ant-input-group .ant-select:first-child {
|
|
border-radius: 4px;
|
|
position: absolute;
|
|
top: -1px;
|
|
width: 100%;
|
|
}
|
|
.ant-search-input.ant-input-group .ant-input:first-child {
|
|
padding-right: 36px;
|
|
}
|
|
.ant-search-input .ant-search-btn {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
background-color: #f7f7f7;
|
|
border-color: #d9d9d9;
|
|
border-radius: 0 3px 3px 0;
|
|
left: -1px;
|
|
position: relative;
|
|
border-width: 0 0 0 1px;
|
|
z-index: 2;
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
}
|
|
.ant-search-input .ant-search-btn > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-search-input .ant-search-btn > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-search-input .ant-search-btn:hover,
|
|
.ant-search-input .ant-search-btn:focus {
|
|
color: #49a9ee;
|
|
background-color: #f7f7f7;
|
|
border-color: #49a9ee;
|
|
}
|
|
.ant-search-input .ant-search-btn:hover > a:only-child,
|
|
.ant-search-input .ant-search-btn:focus > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-search-input .ant-search-btn:hover > a:only-child:after,
|
|
.ant-search-input .ant-search-btn:focus > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-search-input .ant-search-btn:active,
|
|
.ant-search-input .ant-search-btn.active {
|
|
color: #0e77ca;
|
|
background-color: #f7f7f7;
|
|
border-color: #0e77ca;
|
|
}
|
|
.ant-search-input .ant-search-btn:active > a:only-child,
|
|
.ant-search-input .ant-search-btn.active > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-search-input .ant-search-btn:active > a:only-child:after,
|
|
.ant-search-input .ant-search-btn.active > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-search-input .ant-search-btn.disabled,
|
|
.ant-search-input .ant-search-btn[disabled],
|
|
.ant-search-input .ant-search-btn.disabled:hover,
|
|
.ant-search-input .ant-search-btn[disabled]:hover,
|
|
.ant-search-input .ant-search-btn.disabled:focus,
|
|
.ant-search-input .ant-search-btn[disabled]:focus,
|
|
.ant-search-input .ant-search-btn.disabled:active,
|
|
.ant-search-input .ant-search-btn[disabled]:active,
|
|
.ant-search-input .ant-search-btn.disabled.active,
|
|
.ant-search-input .ant-search-btn[disabled].active {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
background-color: #f7f7f7;
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-search-input .ant-search-btn.disabled > a:only-child,
|
|
.ant-search-input .ant-search-btn[disabled] > a:only-child,
|
|
.ant-search-input .ant-search-btn.disabled:hover > a:only-child,
|
|
.ant-search-input .ant-search-btn[disabled]:hover > a:only-child,
|
|
.ant-search-input .ant-search-btn.disabled:focus > a:only-child,
|
|
.ant-search-input .ant-search-btn[disabled]:focus > a:only-child,
|
|
.ant-search-input .ant-search-btn.disabled:active > a:only-child,
|
|
.ant-search-input .ant-search-btn[disabled]:active > a:only-child,
|
|
.ant-search-input .ant-search-btn.disabled.active > a:only-child,
|
|
.ant-search-input .ant-search-btn[disabled].active > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-search-input .ant-search-btn.disabled > a:only-child:after,
|
|
.ant-search-input .ant-search-btn[disabled] > a:only-child:after,
|
|
.ant-search-input .ant-search-btn.disabled:hover > a:only-child:after,
|
|
.ant-search-input .ant-search-btn[disabled]:hover > a:only-child:after,
|
|
.ant-search-input .ant-search-btn.disabled:focus > a:only-child:after,
|
|
.ant-search-input .ant-search-btn[disabled]:focus > a:only-child:after,
|
|
.ant-search-input .ant-search-btn.disabled:active > a:only-child:after,
|
|
.ant-search-input .ant-search-btn[disabled]:active > a:only-child:after,
|
|
.ant-search-input .ant-search-btn.disabled.active > a:only-child:after,
|
|
.ant-search-input .ant-search-btn[disabled].active > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-search-input .ant-search-btn:hover,
|
|
.ant-search-input .ant-search-btn:focus,
|
|
.ant-search-input .ant-search-btn:active,
|
|
.ant-search-input .ant-search-btn.active {
|
|
background: #fff;
|
|
}
|
|
.ant-search-input .ant-search-btn:hover {
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty,
|
|
.ant-search-input:hover .ant-search-btn-noempty {
|
|
color: #fff;
|
|
background-color: #108ee9;
|
|
border-color: #108ee9;
|
|
}
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty > a:only-child,
|
|
.ant-search-input:hover .ant-search-btn-noempty > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty > a:only-child:after,
|
|
.ant-search-input:hover .ant-search-btn-noempty > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:hover,
|
|
.ant-search-input:hover .ant-search-btn-noempty:hover,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:focus,
|
|
.ant-search-input:hover .ant-search-btn-noempty:focus {
|
|
color: #fff;
|
|
background-color: #49a9ee;
|
|
border-color: #49a9ee;
|
|
}
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:hover > a:only-child,
|
|
.ant-search-input:hover .ant-search-btn-noempty:hover > a:only-child,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:focus > a:only-child,
|
|
.ant-search-input:hover .ant-search-btn-noempty:focus > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:hover > a:only-child:after,
|
|
.ant-search-input:hover .ant-search-btn-noempty:hover > a:only-child:after,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:focus > a:only-child:after,
|
|
.ant-search-input:hover .ant-search-btn-noempty:focus > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:active,
|
|
.ant-search-input:hover .ant-search-btn-noempty:active,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.active,
|
|
.ant-search-input:hover .ant-search-btn-noempty.active {
|
|
color: #fff;
|
|
background-color: #0e77ca;
|
|
border-color: #0e77ca;
|
|
}
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:active > a:only-child,
|
|
.ant-search-input:hover .ant-search-btn-noempty:active > a:only-child,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.active > a:only-child,
|
|
.ant-search-input:hover .ant-search-btn-noempty.active > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:active > a:only-child:after,
|
|
.ant-search-input:hover .ant-search-btn-noempty:active > a:only-child:after,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.active > a:only-child:after,
|
|
.ant-search-input:hover .ant-search-btn-noempty.active > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled,
|
|
.ant-search-input:hover .ant-search-btn-noempty.disabled,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled],
|
|
.ant-search-input:hover .ant-search-btn-noempty[disabled],
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:hover,
|
|
.ant-search-input:hover .ant-search-btn-noempty.disabled:hover,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:hover,
|
|
.ant-search-input:hover .ant-search-btn-noempty[disabled]:hover,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:focus,
|
|
.ant-search-input:hover .ant-search-btn-noempty.disabled:focus,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:focus,
|
|
.ant-search-input:hover .ant-search-btn-noempty[disabled]:focus,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:active,
|
|
.ant-search-input:hover .ant-search-btn-noempty.disabled:active,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:active,
|
|
.ant-search-input:hover .ant-search-btn-noempty[disabled]:active,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled.active,
|
|
.ant-search-input:hover .ant-search-btn-noempty.disabled.active,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled].active,
|
|
.ant-search-input:hover .ant-search-btn-noempty[disabled].active {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
background-color: #f7f7f7;
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled > a:only-child,
|
|
.ant-search-input:hover .ant-search-btn-noempty.disabled > a:only-child,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled] > a:only-child,
|
|
.ant-search-input:hover .ant-search-btn-noempty[disabled] > a:only-child,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:hover > a:only-child,
|
|
.ant-search-input:hover .ant-search-btn-noempty.disabled:hover > a:only-child,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:hover > a:only-child,
|
|
.ant-search-input:hover .ant-search-btn-noempty[disabled]:hover > a:only-child,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:focus > a:only-child,
|
|
.ant-search-input:hover .ant-search-btn-noempty.disabled:focus > a:only-child,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:focus > a:only-child,
|
|
.ant-search-input:hover .ant-search-btn-noempty[disabled]:focus > a:only-child,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:active > a:only-child,
|
|
.ant-search-input:hover .ant-search-btn-noempty.disabled:active > a:only-child,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:active > a:only-child,
|
|
.ant-search-input:hover .ant-search-btn-noempty[disabled]:active > a:only-child,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled.active > a:only-child,
|
|
.ant-search-input:hover .ant-search-btn-noempty.disabled.active > a:only-child,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled].active > a:only-child,
|
|
.ant-search-input:hover .ant-search-btn-noempty[disabled].active > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled > a:only-child:after,
|
|
.ant-search-input:hover .ant-search-btn-noempty.disabled > a:only-child:after,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled] > a:only-child:after,
|
|
.ant-search-input:hover .ant-search-btn-noempty[disabled] > a:only-child:after,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:hover > a:only-child:after,
|
|
.ant-search-input:hover .ant-search-btn-noempty.disabled:hover > a:only-child:after,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:hover > a:only-child:after,
|
|
.ant-search-input:hover .ant-search-btn-noempty[disabled]:hover > a:only-child:after,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:focus > a:only-child:after,
|
|
.ant-search-input:hover .ant-search-btn-noempty.disabled:focus > a:only-child:after,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:focus > a:only-child:after,
|
|
.ant-search-input:hover .ant-search-btn-noempty[disabled]:focus > a:only-child:after,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:active > a:only-child:after,
|
|
.ant-search-input:hover .ant-search-btn-noempty.disabled:active > a:only-child:after,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:active > a:only-child:after,
|
|
.ant-search-input:hover .ant-search-btn-noempty[disabled]:active > a:only-child:after,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled.active > a:only-child:after,
|
|
.ant-search-input:hover .ant-search-btn-noempty.disabled.active > a:only-child:after,
|
|
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled].active > a:only-child:after,
|
|
.ant-search-input:hover .ant-search-btn-noempty[disabled].active > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-search-input .ant-select-combobox .ant-select-selection__rendered {
|
|
margin-right: 29px;
|
|
}
|
|
.ant-input {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding: 4px 7px;
|
|
width: 100%;
|
|
height: 28px;
|
|
cursor: text;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
background-color: #fff;
|
|
background-image: none;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 4px;
|
|
-webkit-transition: all .3s;
|
|
transition: all .3s;
|
|
}
|
|
.ant-input::-moz-placeholder {
|
|
color: #ccc;
|
|
opacity: 1;
|
|
}
|
|
.ant-input:-ms-input-placeholder {
|
|
color: #ccc;
|
|
}
|
|
.ant-input::-webkit-input-placeholder {
|
|
color: #ccc;
|
|
}
|
|
.ant-input:hover {
|
|
border-color: #49a9ee;
|
|
}
|
|
.ant-input:focus {
|
|
border-color: #49a9ee;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
|
|
}
|
|
.ant-input[disabled] {
|
|
background-color: #f7f7f7;
|
|
opacity: 1;
|
|
cursor: not-allowed;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-input[disabled]:hover {
|
|
border-color: #e2e2e2;
|
|
}
|
|
textarea.ant-input {
|
|
max-width: 100%;
|
|
height: auto;
|
|
vertical-align: bottom;
|
|
}
|
|
.ant-input-lg {
|
|
padding: 6px 7px;
|
|
height: 32px;
|
|
}
|
|
.ant-input-sm {
|
|
padding: 1px 7px;
|
|
height: 22px;
|
|
border-radius: 2px;
|
|
}
|
|
.ant-input-group {
|
|
position: relative;
|
|
display: table;
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
width: 100%;
|
|
}
|
|
.ant-input-group[class*="col-"] {
|
|
float: none;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.ant-input-group > [class*="col-"] {
|
|
padding-right: 8px;
|
|
}
|
|
.ant-input-group-addon,
|
|
.ant-input-group-wrap,
|
|
.ant-input-group > .ant-input {
|
|
display: table-cell;
|
|
}
|
|
.ant-input-group-addon:not(:first-child):not(:last-child),
|
|
.ant-input-group-wrap:not(:first-child):not(:last-child),
|
|
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
|
|
border-radius: 0;
|
|
}
|
|
.ant-input-group-addon,
|
|
.ant-input-group-wrap {
|
|
width: 1px;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
}
|
|
.ant-input-group-wrap > * {
|
|
display: block !important;
|
|
}
|
|
.ant-input-group .ant-input {
|
|
position: relative;
|
|
z-index: 2;
|
|
float: left;
|
|
width: 100%;
|
|
margin-bottom: 0;
|
|
}
|
|
.ant-input-group-addon {
|
|
padding: 4px 7px;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
line-height: 1;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
text-align: center;
|
|
background-color: #eee;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 4px;
|
|
position: relative;
|
|
-webkit-transition: all .3s;
|
|
transition: all .3s;
|
|
}
|
|
.ant-input-group-addon .ant-select {
|
|
margin: -5px -7px;
|
|
}
|
|
.ant-input-group-addon .ant-select .ant-select-selection {
|
|
background-color: inherit;
|
|
margin: -1px;
|
|
border: 1px solid transparent;
|
|
box-shadow: none;
|
|
}
|
|
.ant-input-group-addon .ant-select-open .ant-select-selection,
|
|
.ant-input-group-addon .ant-select-focused .ant-select-selection {
|
|
color: #108ee9;
|
|
}
|
|
.ant-input-group-addon > i:only-child:after {
|
|
position: absolute;
|
|
content: '';
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
.ant-input-group > span > .ant-input:first-child,
|
|
.ant-input-group > .ant-input:first-child,
|
|
.ant-input-group-addon:first-child {
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.ant-input-group > span > .ant-input:first-child .ant-select .ant-select-selection,
|
|
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
|
|
.ant-input-group-addon:first-child .ant-select .ant-select-selection {
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.ant-input-group > .ant-input-preSuffix-wrapper:not(:first-child) .ant-input {
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
}
|
|
.ant-input-group > .ant-input-preSuffix-wrapper:not(:last-child) .ant-input {
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.ant-input-group-addon:first-child {
|
|
border-right: 0;
|
|
}
|
|
.ant-input-group-addon:last-child {
|
|
border-left: 0;
|
|
}
|
|
.ant-input-group > .ant-input:last-child,
|
|
.ant-input-group-addon:last-child {
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
}
|
|
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
|
|
.ant-input-group-addon:last-child .ant-select .ant-select-selection {
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
}
|
|
.ant-input-group-lg .ant-input,
|
|
.ant-input-group-lg > .ant-input-group-addon {
|
|
padding: 6px 7px;
|
|
height: 32px;
|
|
}
|
|
.ant-input-group-sm .ant-input,
|
|
.ant-input-group-sm > .ant-input-group-addon {
|
|
padding: 1px 7px;
|
|
height: 22px;
|
|
border-radius: 2px;
|
|
}
|
|
.ant-input-group .ant-input-preSuffix-wrapper {
|
|
display: table-cell;
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
.ant-input-group.ant-input-group-compact > * {
|
|
border-radius: 0;
|
|
border-right-width: 0;
|
|
vertical-align: middle;
|
|
}
|
|
.ant-input-group.ant-input-group-compact .ant-input {
|
|
float: none;
|
|
z-index: auto;
|
|
}
|
|
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
|
|
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input {
|
|
border-radius: 0;
|
|
border-right-width: 0;
|
|
}
|
|
.ant-input-group.ant-input-group-compact > *:first-child,
|
|
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,
|
|
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input {
|
|
border-top-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
.ant-input-group.ant-input-group-compact > *:last-child,
|
|
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection,
|
|
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input {
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
border-right-width: 1px;
|
|
}
|
|
.ant-input-preSuffix-wrapper {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.ant-input-preSuffix-wrapper .ant-input {
|
|
z-index: 1;
|
|
}
|
|
.ant-input-preSuffix-wrapper:hover .ant-input {
|
|
border-color: #49a9ee;
|
|
}
|
|
.ant-input-preSuffix-wrapper .ant-input-prefix,
|
|
.ant-input-preSuffix-wrapper .ant-input-suffix {
|
|
position: absolute;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
z-index: 2;
|
|
line-height: 1.2;
|
|
}
|
|
.ant-input-preSuffix-wrapper .ant-input-prefix {
|
|
left: 7px;
|
|
}
|
|
.ant-input-preSuffix-wrapper .ant-input-suffix {
|
|
right: 7px;
|
|
}
|
|
.ant-input-preSuffix-wrapper .ant-input:not(:first-child) {
|
|
padding-left: 24px;
|
|
}
|
|
.ant-input-preSuffix-wrapper .ant-input:not(:last-child) {
|
|
padding-right: 24px;
|
|
}
|
|
.ant-back-top {
|
|
z-index: 10;
|
|
position: fixed;
|
|
right: 100px;
|
|
bottom: 50px;
|
|
height: 40px;
|
|
width: 40px;
|
|
cursor: pointer;
|
|
}
|
|
.ant-back-top-content {
|
|
height: 40px;
|
|
width: 40px;
|
|
border-radius: 20px;
|
|
background-color: rgba(64, 64, 64, 0.4);
|
|
color: #fff;
|
|
text-align: center;
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.ant-back-top-content:hover {
|
|
background-color: rgba(64, 64, 64, 0.6);
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.ant-back-top-icon {
|
|
font-size: 20px;
|
|
margin-top: 10px;
|
|
}
|
|
.ant-badge {
|
|
position: relative;
|
|
display: inline-block;
|
|
line-height: 1;
|
|
vertical-align: middle;
|
|
}
|
|
.ant-badge-count {
|
|
position: absolute;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
top: -10px;
|
|
height: 20px;
|
|
border-radius: 10px;
|
|
min-width: 20px;
|
|
background: #F04134;
|
|
border: 1px solid transparent;
|
|
color: #fff;
|
|
line-height: 18px;
|
|
text-align: center;
|
|
padding: 0 6px;
|
|
font-size: 12px;
|
|
white-space: nowrap;
|
|
-webkit-transform-origin: -10% center;
|
|
transform-origin: -10% center;
|
|
font-family: tahoma;
|
|
box-shadow: 0 0 0 1px #fff;
|
|
}
|
|
.ant-badge-count a,
|
|
.ant-badge-count a:hover {
|
|
color: #fff;
|
|
}
|
|
.ant-badge-dot {
|
|
position: absolute;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
-webkit-transform-origin: 0px center;
|
|
transform-origin: 0px center;
|
|
top: -4px;
|
|
height: 8px;
|
|
width: 8px;
|
|
border-radius: 100%;
|
|
background: #F04134;
|
|
z-index: 10;
|
|
box-shadow: 0 0 0 1px #fff;
|
|
}
|
|
.ant-badge-status {
|
|
line-height: inherit;
|
|
vertical-align: baseline;
|
|
}
|
|
.ant-badge-status-dot {
|
|
width: 8px;
|
|
height: 8px;
|
|
display: inline-block;
|
|
border-radius: 50%;
|
|
}
|
|
.ant-badge-status-success {
|
|
background-color: #00A854;
|
|
}
|
|
.ant-badge-status-processing {
|
|
background-color: #108ee9;
|
|
-webkit-animation: antStatusProcessing 1.2s infinite ease-in-out;
|
|
animation: antStatusProcessing 1.2s infinite ease-in-out;
|
|
}
|
|
.ant-badge-status-default {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.ant-badge-status-error {
|
|
background-color: #F04134;
|
|
}
|
|
.ant-badge-status-warning {
|
|
background-color: #ffbf00;
|
|
}
|
|
.ant-badge-status-text {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
font-size: 12px;
|
|
margin-left: 8px;
|
|
}
|
|
.ant-badge-zoom-appear,
|
|
.ant-badge-zoom-enter {
|
|
-webkit-animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
|
|
animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
}
|
|
.ant-badge-zoom-leave {
|
|
-webkit-animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
|
|
animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
}
|
|
.ant-badge-not-a-wrapper .ant-badge-count {
|
|
top: auto;
|
|
display: block;
|
|
position: relative;
|
|
-webkit-transform: none!important;
|
|
transform: none!important;
|
|
}
|
|
@-webkit-keyframes antStatusProcessing {
|
|
0%,
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
50% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes antStatusProcessing {
|
|
0%,
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
50% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.ant-scroll-number {
|
|
overflow: hidden;
|
|
}
|
|
.ant-scroll-number-only {
|
|
display: inline-block;
|
|
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.ant-scroll-number.not-support-css-animation .ant-scroll-number-only > p {
|
|
display: none;
|
|
}
|
|
.ant-scroll-number.not-support-css-animation .ant-scroll-number-only > p.current {
|
|
display: block;
|
|
}
|
|
@-webkit-keyframes antZoomBadgeIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0) translateX(-50%);
|
|
transform: scale(0) translateX(-50%);
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(1) translateX(-50%);
|
|
transform: scale(1) translateX(-50%);
|
|
}
|
|
}
|
|
@keyframes antZoomBadgeIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0) translateX(-50%);
|
|
transform: scale(0) translateX(-50%);
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(1) translateX(-50%);
|
|
transform: scale(1) translateX(-50%);
|
|
}
|
|
}
|
|
@-webkit-keyframes antZoomBadgeOut {
|
|
0% {
|
|
-webkit-transform: scale(1) translateX(-50%);
|
|
transform: scale(1) translateX(-50%);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0) translateX(-50%);
|
|
transform: scale(0) translateX(-50%);
|
|
}
|
|
}
|
|
@keyframes antZoomBadgeOut {
|
|
0% {
|
|
-webkit-transform: scale(1) translateX(-50%);
|
|
transform: scale(1) translateX(-50%);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0) translateX(-50%);
|
|
transform: scale(0) translateX(-50%);
|
|
}
|
|
}
|
|
.ant-breadcrumb {
|
|
color: rgba(0, 0, 0, 0.43);
|
|
font-size: 12px;
|
|
}
|
|
.ant-breadcrumb a {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
-webkit-transition: color .3s;
|
|
transition: color .3s;
|
|
}
|
|
.ant-breadcrumb a:hover {
|
|
color: #49a9ee;
|
|
}
|
|
.ant-breadcrumb > span:last-child {
|
|
font-weight: bold;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
|
|
display: none;
|
|
}
|
|
.ant-breadcrumb-separator {
|
|
margin: 0 8px;
|
|
color: #d9d9d9;
|
|
}
|
|
.ant-breadcrumb-link > .anticon + span {
|
|
margin-left: 4px;
|
|
}
|
|
.ant-btn {
|
|
display: inline-block;
|
|
margin-bottom: 0;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
background-image: none;
|
|
border: 1px solid transparent;
|
|
white-space: nowrap;
|
|
line-height: 1.5;
|
|
padding: 4px 15px;
|
|
font-size: 12px;
|
|
border-radius: 4px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
position: relative;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
background-color: #f7f7f7;
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-btn > .anticon {
|
|
line-height: 1;
|
|
}
|
|
.ant-btn,
|
|
.ant-btn:active,
|
|
.ant-btn:focus {
|
|
outline: 0;
|
|
}
|
|
.ant-btn:not([disabled]):hover {
|
|
text-decoration: none;
|
|
}
|
|
.ant-btn:not([disabled]):active {
|
|
outline: 0;
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
}
|
|
.ant-btn.disabled,
|
|
.ant-btn[disabled] {
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-btn.disabled > *,
|
|
.ant-btn[disabled] > * {
|
|
pointer-events: none;
|
|
}
|
|
.ant-btn-lg {
|
|
padding: 4px 15px 5px 15px;
|
|
font-size: 14px;
|
|
border-radius: 4px;
|
|
}
|
|
.ant-btn-sm {
|
|
padding: 1px 7px;
|
|
font-size: 12px;
|
|
border-radius: 2px;
|
|
}
|
|
.ant-btn > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-btn > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-btn:hover,
|
|
.ant-btn:focus {
|
|
color: #49a9ee;
|
|
background-color: #f7f7f7;
|
|
border-color: #49a9ee;
|
|
}
|
|
.ant-btn:hover > a:only-child,
|
|
.ant-btn:focus > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-btn:hover > a:only-child:after,
|
|
.ant-btn:focus > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-btn:active,
|
|
.ant-btn.active {
|
|
color: #0e77ca;
|
|
background-color: #f7f7f7;
|
|
border-color: #0e77ca;
|
|
}
|
|
.ant-btn:active > a:only-child,
|
|
.ant-btn.active > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-btn:active > a:only-child:after,
|
|
.ant-btn.active > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-btn.disabled,
|
|
.ant-btn[disabled],
|
|
.ant-btn.disabled:hover,
|
|
.ant-btn[disabled]:hover,
|
|
.ant-btn.disabled:focus,
|
|
.ant-btn[disabled]:focus,
|
|
.ant-btn.disabled:active,
|
|
.ant-btn[disabled]:active,
|
|
.ant-btn.disabled.active,
|
|
.ant-btn[disabled].active {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
background-color: #f7f7f7;
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-btn.disabled > a:only-child,
|
|
.ant-btn[disabled] > a:only-child,
|
|
.ant-btn.disabled:hover > a:only-child,
|
|
.ant-btn[disabled]:hover > a:only-child,
|
|
.ant-btn.disabled:focus > a:only-child,
|
|
.ant-btn[disabled]:focus > a:only-child,
|
|
.ant-btn.disabled:active > a:only-child,
|
|
.ant-btn[disabled]:active > a:only-child,
|
|
.ant-btn.disabled.active > a:only-child,
|
|
.ant-btn[disabled].active > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-btn.disabled > a:only-child:after,
|
|
.ant-btn[disabled] > a:only-child:after,
|
|
.ant-btn.disabled:hover > a:only-child:after,
|
|
.ant-btn[disabled]:hover > a:only-child:after,
|
|
.ant-btn.disabled:focus > a:only-child:after,
|
|
.ant-btn[disabled]:focus > a:only-child:after,
|
|
.ant-btn.disabled:active > a:only-child:after,
|
|
.ant-btn[disabled]:active > a:only-child:after,
|
|
.ant-btn.disabled.active > a:only-child:after,
|
|
.ant-btn[disabled].active > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-btn:hover,
|
|
.ant-btn:focus,
|
|
.ant-btn:active,
|
|
.ant-btn.active {
|
|
background: #fff;
|
|
}
|
|
.ant-btn-primary {
|
|
color: #fff;
|
|
background-color: #108ee9;
|
|
border-color: #108ee9;
|
|
}
|
|
.ant-btn-primary > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-btn-primary > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-btn-primary:hover,
|
|
.ant-btn-primary:focus {
|
|
color: #fff;
|
|
background-color: #49a9ee;
|
|
border-color: #49a9ee;
|
|
}
|
|
.ant-btn-primary:hover > a:only-child,
|
|
.ant-btn-primary:focus > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-btn-primary:hover > a:only-child:after,
|
|
.ant-btn-primary:focus > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-btn-primary:active,
|
|
.ant-btn-primary.active {
|
|
color: #fff;
|
|
background-color: #0e77ca;
|
|
border-color: #0e77ca;
|
|
}
|
|
.ant-btn-primary:active > a:only-child,
|
|
.ant-btn-primary.active > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-btn-primary:active > a:only-child:after,
|
|
.ant-btn-primary.active > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-btn-primary.disabled,
|
|
.ant-btn-primary[disabled],
|
|
.ant-btn-primary.disabled:hover,
|
|
.ant-btn-primary[disabled]:hover,
|
|
.ant-btn-primary.disabled:focus,
|
|
.ant-btn-primary[disabled]:focus,
|
|
.ant-btn-primary.disabled:active,
|
|
.ant-btn-primary[disabled]:active,
|
|
.ant-btn-primary.disabled.active,
|
|
.ant-btn-primary[disabled].active {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
background-color: #f7f7f7;
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-btn-primary.disabled > a:only-child,
|
|
.ant-btn-primary[disabled] > a:only-child,
|
|
.ant-btn-primary.disabled:hover > a:only-child,
|
|
.ant-btn-primary[disabled]:hover > a:only-child,
|
|
.ant-btn-primary.disabled:focus > a:only-child,
|
|
.ant-btn-primary[disabled]:focus > a:only-child,
|
|
.ant-btn-primary.disabled:active > a:only-child,
|
|
.ant-btn-primary[disabled]:active > a:only-child,
|
|
.ant-btn-primary.disabled.active > a:only-child,
|
|
.ant-btn-primary[disabled].active > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-btn-primary.disabled > a:only-child:after,
|
|
.ant-btn-primary[disabled] > a:only-child:after,
|
|
.ant-btn-primary.disabled:hover > a:only-child:after,
|
|
.ant-btn-primary[disabled]:hover > a:only-child:after,
|
|
.ant-btn-primary.disabled:focus > a:only-child:after,
|
|
.ant-btn-primary[disabled]:focus > a:only-child:after,
|
|
.ant-btn-primary.disabled:active > a:only-child:after,
|
|
.ant-btn-primary[disabled]:active > a:only-child:after,
|
|
.ant-btn-primary.disabled.active > a:only-child:after,
|
|
.ant-btn-primary[disabled].active > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
|
|
border-right-color: #0e77ca;
|
|
border-left-color: #0e77ca;
|
|
}
|
|
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
|
|
border-right-color: #0e77ca;
|
|
}
|
|
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
|
|
border-right-color: #d9d9d9;
|
|
}
|
|
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
|
|
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
|
|
border-left-color: #0e77ca;
|
|
}
|
|
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
|
|
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
|
|
border-left-color: #d9d9d9;
|
|
}
|
|
.ant-btn-ghost {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
background-color: transparent;
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-btn-ghost > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-btn-ghost > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-btn-ghost:hover,
|
|
.ant-btn-ghost:focus {
|
|
color: #49a9ee;
|
|
background-color: transparent;
|
|
border-color: #49a9ee;
|
|
}
|
|
.ant-btn-ghost:hover > a:only-child,
|
|
.ant-btn-ghost:focus > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-btn-ghost:hover > a:only-child:after,
|
|
.ant-btn-ghost:focus > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-btn-ghost:active,
|
|
.ant-btn-ghost.active {
|
|
color: #0e77ca;
|
|
background-color: transparent;
|
|
border-color: #0e77ca;
|
|
}
|
|
.ant-btn-ghost:active > a:only-child,
|
|
.ant-btn-ghost.active > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-btn-ghost:active > a:only-child:after,
|
|
.ant-btn-ghost.active > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-btn-ghost.disabled,
|
|
.ant-btn-ghost[disabled],
|
|
.ant-btn-ghost.disabled:hover,
|
|
.ant-btn-ghost[disabled]:hover,
|
|
.ant-btn-ghost.disabled:focus,
|
|
.ant-btn-ghost[disabled]:focus,
|
|
.ant-btn-ghost.disabled:active,
|
|
.ant-btn-ghost[disabled]:active,
|
|
.ant-btn-ghost.disabled.active,
|
|
.ant-btn-ghost[disabled].active {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
background-color: #f7f7f7;
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-btn-ghost.disabled > a:only-child,
|
|
.ant-btn-ghost[disabled] > a:only-child,
|
|
.ant-btn-ghost.disabled:hover > a:only-child,
|
|
.ant-btn-ghost[disabled]:hover > a:only-child,
|
|
.ant-btn-ghost.disabled:focus > a:only-child,
|
|
.ant-btn-ghost[disabled]:focus > a:only-child,
|
|
.ant-btn-ghost.disabled:active > a:only-child,
|
|
.ant-btn-ghost[disabled]:active > a:only-child,
|
|
.ant-btn-ghost.disabled.active > a:only-child,
|
|
.ant-btn-ghost[disabled].active > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-btn-ghost.disabled > a:only-child:after,
|
|
.ant-btn-ghost[disabled] > a:only-child:after,
|
|
.ant-btn-ghost.disabled:hover > a:only-child:after,
|
|
.ant-btn-ghost[disabled]:hover > a:only-child:after,
|
|
.ant-btn-ghost.disabled:focus > a:only-child:after,
|
|
.ant-btn-ghost[disabled]:focus > a:only-child:after,
|
|
.ant-btn-ghost.disabled:active > a:only-child:after,
|
|
.ant-btn-ghost[disabled]:active > a:only-child:after,
|
|
.ant-btn-ghost.disabled.active > a:only-child:after,
|
|
.ant-btn-ghost[disabled].active > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-btn-dashed {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
background-color: transparent;
|
|
border-color: #d9d9d9;
|
|
border-style: dashed;
|
|
}
|
|
.ant-btn-dashed > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-btn-dashed > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-btn-dashed:hover,
|
|
.ant-btn-dashed:focus {
|
|
color: #49a9ee;
|
|
background-color: transparent;
|
|
border-color: #49a9ee;
|
|
}
|
|
.ant-btn-dashed:hover > a:only-child,
|
|
.ant-btn-dashed:focus > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-btn-dashed:hover > a:only-child:after,
|
|
.ant-btn-dashed:focus > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-btn-dashed:active,
|
|
.ant-btn-dashed.active {
|
|
color: #0e77ca;
|
|
background-color: transparent;
|
|
border-color: #0e77ca;
|
|
}
|
|
.ant-btn-dashed:active > a:only-child,
|
|
.ant-btn-dashed.active > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-btn-dashed:active > a:only-child:after,
|
|
.ant-btn-dashed.active > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-btn-dashed.disabled,
|
|
.ant-btn-dashed[disabled],
|
|
.ant-btn-dashed.disabled:hover,
|
|
.ant-btn-dashed[disabled]:hover,
|
|
.ant-btn-dashed.disabled:focus,
|
|
.ant-btn-dashed[disabled]:focus,
|
|
.ant-btn-dashed.disabled:active,
|
|
.ant-btn-dashed[disabled]:active,
|
|
.ant-btn-dashed.disabled.active,
|
|
.ant-btn-dashed[disabled].active {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
background-color: #f7f7f7;
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-btn-dashed.disabled > a:only-child,
|
|
.ant-btn-dashed[disabled] > a:only-child,
|
|
.ant-btn-dashed.disabled:hover > a:only-child,
|
|
.ant-btn-dashed[disabled]:hover > a:only-child,
|
|
.ant-btn-dashed.disabled:focus > a:only-child,
|
|
.ant-btn-dashed[disabled]:focus > a:only-child,
|
|
.ant-btn-dashed.disabled:active > a:only-child,
|
|
.ant-btn-dashed[disabled]:active > a:only-child,
|
|
.ant-btn-dashed.disabled.active > a:only-child,
|
|
.ant-btn-dashed[disabled].active > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-btn-dashed.disabled > a:only-child:after,
|
|
.ant-btn-dashed[disabled] > a:only-child:after,
|
|
.ant-btn-dashed.disabled:hover > a:only-child:after,
|
|
.ant-btn-dashed[disabled]:hover > a:only-child:after,
|
|
.ant-btn-dashed.disabled:focus > a:only-child:after,
|
|
.ant-btn-dashed[disabled]:focus > a:only-child:after,
|
|
.ant-btn-dashed.disabled:active > a:only-child:after,
|
|
.ant-btn-dashed[disabled]:active > a:only-child:after,
|
|
.ant-btn-dashed.disabled.active > a:only-child:after,
|
|
.ant-btn-dashed[disabled].active > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-btn-circle,
|
|
.ant-btn-circle-outline {
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0;
|
|
font-size: 14px;
|
|
border-radius: 50%;
|
|
}
|
|
.ant-btn-circle.ant-btn-lg,
|
|
.ant-btn-circle-outline.ant-btn-lg {
|
|
width: 32px;
|
|
height: 32px;
|
|
padding: 0;
|
|
font-size: 16px;
|
|
border-radius: 50%;
|
|
}
|
|
.ant-btn-circle.ant-btn-sm,
|
|
.ant-btn-circle-outline.ant-btn-sm {
|
|
width: 22px;
|
|
height: 22px;
|
|
padding: 0;
|
|
font-size: 12px;
|
|
border-radius: 50%;
|
|
}
|
|
.ant-btn:before {
|
|
position: absolute;
|
|
top: -1px;
|
|
left: -1px;
|
|
bottom: -1px;
|
|
right: -1px;
|
|
background: #fff;
|
|
opacity: 0.35;
|
|
content: '';
|
|
border-radius: inherit;
|
|
z-index: 1;
|
|
-webkit-transition: opacity .2s;
|
|
transition: opacity .2s;
|
|
pointer-events: none;
|
|
display: none;
|
|
}
|
|
.ant-btn.ant-btn-loading {
|
|
padding-left: 29px;
|
|
pointer-events: none;
|
|
position: relative;
|
|
}
|
|
.ant-btn.ant-btn-loading .anticon {
|
|
margin-left: -14px;
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.ant-btn.ant-btn-loading:before {
|
|
display: block;
|
|
}
|
|
.ant-btn-sm.ant-btn-loading {
|
|
padding-left: 24px;
|
|
}
|
|
.ant-btn-sm.ant-btn-loading .anticon {
|
|
margin-left: -17px;
|
|
}
|
|
.ant-btn-group {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.ant-btn-group > .ant-btn {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.ant-btn-group > .ant-btn:hover,
|
|
.ant-btn-group > .ant-btn:focus,
|
|
.ant-btn-group > .ant-btn:active,
|
|
.ant-btn-group > .ant-btn.active {
|
|
z-index: 2;
|
|
}
|
|
.ant-btn-group > .ant-btn:disabled {
|
|
z-index: 0;
|
|
}
|
|
.ant-btn-group-lg > .ant-btn {
|
|
padding: 4px 15px 5px 15px;
|
|
font-size: 14px;
|
|
border-radius: 4px;
|
|
}
|
|
.ant-btn-group-sm > .ant-btn {
|
|
padding: 1px 7px;
|
|
font-size: 12px;
|
|
border-radius: 2px;
|
|
}
|
|
.ant-btn-group-sm > .ant-btn > .anticon {
|
|
font-size: 12px;
|
|
}
|
|
.ant-btn-group .ant-btn + .ant-btn,
|
|
.ant-btn + .ant-btn-group,
|
|
.ant-btn-group + .ant-btn,
|
|
.ant-btn-group + .ant-btn-group {
|
|
margin-left: -1px;
|
|
}
|
|
.ant-btn-group .ant-btn:not(:first-child):not(:last-child) {
|
|
border-radius: 0;
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
}
|
|
.ant-btn-group > .ant-btn:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.ant-btn-group > .ant-btn:first-child:not(:last-child) {
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0;
|
|
padding-right: 8px;
|
|
}
|
|
.ant-btn-group > .ant-btn:last-child:not(:first-child) {
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
padding-left: 8px;
|
|
}
|
|
.ant-btn-group > .ant-btn-group {
|
|
float: left;
|
|
}
|
|
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
|
|
border-radius: 0;
|
|
}
|
|
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0;
|
|
padding-right: 8px;
|
|
}
|
|
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
padding-left: 8px;
|
|
}
|
|
.ant-btn:not(.ant-btn-circle):not(.ant-btn-circle-outline).ant-btn-icon-only {
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
}
|
|
.ant-btn > .anticon + span,
|
|
.ant-btn > span + .anticon {
|
|
margin-left: 0.5em;
|
|
}
|
|
.ant-btn-clicked:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: -1px;
|
|
left: -1px;
|
|
bottom: -1px;
|
|
right: -1px;
|
|
border-radius: inherit;
|
|
border: 0 solid #108ee9;
|
|
opacity: 0.4;
|
|
-webkit-animation: buttonEffect 0.36s ease-out forwards;
|
|
animation: buttonEffect 0.36s ease-out forwards;
|
|
display: block;
|
|
}
|
|
@-webkit-keyframes buttonEffect {
|
|
to {
|
|
opacity: 0;
|
|
top: -6px;
|
|
left: -6px;
|
|
bottom: -6px;
|
|
right: -6px;
|
|
border-width: 6px;
|
|
}
|
|
}
|
|
@keyframes buttonEffect {
|
|
to {
|
|
opacity: 0;
|
|
top: -6px;
|
|
left: -6px;
|
|
bottom: -6px;
|
|
right: -6px;
|
|
border-width: 6px;
|
|
}
|
|
}
|
|
.ant-fullcalendar {
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
outline: none;
|
|
border-top: 1px solid #d9d9d9;
|
|
}
|
|
.ant-fullcalendar-month-select {
|
|
margin-left: 5px;
|
|
}
|
|
.ant-fullcalendar-header {
|
|
padding: 11px 16px 11px 0;
|
|
text-align: right;
|
|
}
|
|
.ant-fullcalendar-header .ant-select {
|
|
text-align: left;
|
|
}
|
|
.ant-fullcalendar-header .ant-radio-group {
|
|
margin-left: 8px;
|
|
text-align: left;
|
|
}
|
|
.ant-fullcalendar-header label.ant-radio-button {
|
|
height: 22px;
|
|
line-height: 20px;
|
|
padding: 0 10px;
|
|
}
|
|
.ant-fullcalendar-date-panel {
|
|
position: relative;
|
|
outline: none;
|
|
}
|
|
.ant-fullcalendar-calendar-body {
|
|
padding: 8px 8px 14px;
|
|
}
|
|
.ant-fullcalendar table {
|
|
border-collapse: collapse;
|
|
max-width: 100%;
|
|
background-color: transparent;
|
|
width: 100%;
|
|
height: 246px;
|
|
}
|
|
.ant-fullcalendar table,
|
|
.ant-fullcalendar th,
|
|
.ant-fullcalendar td {
|
|
border: 0;
|
|
}
|
|
.ant-fullcalendar td {
|
|
position: relative;
|
|
}
|
|
.ant-fullcalendar-calendar-table {
|
|
border-spacing: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.ant-fullcalendar-column-header {
|
|
line-height: 18px;
|
|
padding: 0;
|
|
width: 33px;
|
|
text-align: center;
|
|
}
|
|
.ant-fullcalendar-column-header .ant-fullcalendar-column-header-inner {
|
|
display: block;
|
|
font-weight: normal;
|
|
}
|
|
.ant-fullcalendar-week-number-header .ant-fullcalendar-column-header-inner {
|
|
display: none;
|
|
}
|
|
.ant-fullcalendar-month,
|
|
.ant-fullcalendar-date {
|
|
text-align: center;
|
|
}
|
|
.ant-fullcalendar-value {
|
|
display: block;
|
|
margin: 0 auto;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
border-radius: 4px;
|
|
width: 22px;
|
|
height: 22px;
|
|
padding: 0;
|
|
background: transparent;
|
|
line-height: 22px;
|
|
}
|
|
.ant-fullcalendar-value:hover {
|
|
background: #ecf6fd;
|
|
cursor: pointer;
|
|
}
|
|
.ant-fullcalendar-month-panel-cell .ant-fullcalendar-value {
|
|
width: 48px;
|
|
}
|
|
.ant-fullcalendar-today .ant-fullcalendar-value,
|
|
.ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value {
|
|
background: #108ee9;
|
|
color: #fff;
|
|
}
|
|
.ant-fullcalendar-disabled-cell .ant-fullcalendar-value {
|
|
cursor: not-allowed;
|
|
color: #bcbcbc;
|
|
background: #f3f3f3;
|
|
border-radius: 0;
|
|
width: auto;
|
|
}
|
|
.ant-fullcalendar-disabled-cell .ant-fullcalendar-value:hover {
|
|
background: #f3f3f3;
|
|
}
|
|
.ant-fullcalendar-disabled-cell-first-of-row .ant-fullcalendar-value {
|
|
border-top-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
.ant-fullcalendar-disabled-cell-last-of-row .ant-fullcalendar-value {
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
.ant-fullcalendar-last-month-cell .ant-fullcalendar-value,
|
|
.ant-fullcalendar-next-month-btn-day .ant-fullcalendar-value {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-fullcalendar-month-panel-table {
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
border-collapse: separate;
|
|
}
|
|
.ant-fullcalendar-content {
|
|
position: absolute;
|
|
width: 100%;
|
|
left: 0;
|
|
bottom: -9px;
|
|
}
|
|
.ant-fullcalendar-fullscreen {
|
|
border-top: 0;
|
|
}
|
|
.ant-fullcalendar-fullscreen .ant-fullcalendar-table {
|
|
table-layout: fixed;
|
|
}
|
|
.ant-fullcalendar-fullscreen .ant-fullcalendar-header .ant-radio-group {
|
|
margin-left: 16px;
|
|
}
|
|
.ant-fullcalendar-fullscreen .ant-fullcalendar-header label.ant-radio-button {
|
|
height: 28px;
|
|
line-height: 26px;
|
|
}
|
|
.ant-fullcalendar-fullscreen .ant-fullcalendar-month,
|
|
.ant-fullcalendar-fullscreen .ant-fullcalendar-date {
|
|
text-align: left;
|
|
margin: 0 4px;
|
|
display: block;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
height: 116px;
|
|
padding: 4px 8px;
|
|
border-top: 2px solid #e9e9e9;
|
|
-webkit-transition: background 0.3s ease;
|
|
transition: background 0.3s ease;
|
|
}
|
|
.ant-fullcalendar-fullscreen .ant-fullcalendar-month:hover,
|
|
.ant-fullcalendar-fullscreen .ant-fullcalendar-date:hover {
|
|
background: #ecf6fd;
|
|
cursor: pointer;
|
|
}
|
|
.ant-fullcalendar-fullscreen .ant-fullcalendar-column-header {
|
|
text-align: right;
|
|
padding-right: 12px;
|
|
padding-bottom: 5px;
|
|
}
|
|
.ant-fullcalendar-fullscreen .ant-fullcalendar-value {
|
|
text-align: right;
|
|
background: transparent;
|
|
width: auto;
|
|
}
|
|
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-month,
|
|
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-date {
|
|
border-top-color: #108ee9;
|
|
background-color: #ecf6fd;
|
|
color: #108ee9;
|
|
}
|
|
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value {
|
|
color: #108ee9;
|
|
}
|
|
.ant-fullcalendar-fullscreen .ant-fullcalendar-last-month-cell .ant-fullcalendar-date,
|
|
.ant-fullcalendar-fullscreen .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-date {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-fullcalendar-fullscreen .ant-fullcalendar-content {
|
|
height: 90px;
|
|
overflow-y: auto;
|
|
position: static;
|
|
width: auto;
|
|
left: auto;
|
|
bottom: auto;
|
|
}
|
|
.ant-radio-group {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
}
|
|
.ant-radio-wrapper {
|
|
font-size: 12px;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
position: relative;
|
|
white-space: nowrap;
|
|
margin-right: 8px;
|
|
cursor: pointer;
|
|
}
|
|
.ant-radio {
|
|
white-space: nowrap;
|
|
outline: none;
|
|
display: inline-block;
|
|
position: relative;
|
|
line-height: 1;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
}
|
|
.ant-radio-wrapper:hover .ant-radio .ant-radio-inner,
|
|
.ant-radio:hover .ant-radio-inner,
|
|
.ant-radio-focused .ant-radio-inner {
|
|
border-color: #108ee9;
|
|
}
|
|
.ant-radio-inner {
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
display: inline-block;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-radius: 14px;
|
|
border-color: #d9d9d9;
|
|
background-color: #fff;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
}
|
|
.ant-radio-inner:after {
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
left: 3px;
|
|
top: 3px;
|
|
border-radius: 4px;
|
|
display: table;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
content: ' ';
|
|
background-color: #108ee9;
|
|
opacity: 0;
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
-webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
}
|
|
.ant-radio-input {
|
|
position: absolute;
|
|
left: 0;
|
|
z-index: 1;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
.ant-radio-checked .ant-radio-inner {
|
|
border-color: #108ee9;
|
|
}
|
|
.ant-radio-checked .ant-radio-inner:after {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 1;
|
|
-webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
}
|
|
.ant-radio-disabled .ant-radio-inner {
|
|
border-color: #d9d9d9 !important;
|
|
background-color: #f3f3f3;
|
|
}
|
|
.ant-radio-disabled .ant-radio-inner:after {
|
|
background-color: #cccccc;
|
|
}
|
|
.ant-radio-disabled + span {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
cursor: not-allowed;
|
|
}
|
|
span.ant-radio + * {
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
}
|
|
.ant-radio-button-wrapper {
|
|
margin: 0;
|
|
height: 28px;
|
|
line-height: 26px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
display: inline-block;
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
cursor: pointer;
|
|
border: 1px solid #d9d9d9;
|
|
border-left: 0;
|
|
background: #fff;
|
|
padding: 0 16px;
|
|
}
|
|
.ant-radio-button-wrapper a {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.ant-radio-button-wrapper > .ant-radio-button {
|
|
margin-left: 0;
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
.ant-radio-group-large .ant-radio-button-wrapper {
|
|
height: 32px;
|
|
line-height: 30px;
|
|
}
|
|
.ant-radio-group-small .ant-radio-button-wrapper {
|
|
height: 22px;
|
|
line-height: 20px;
|
|
padding: 0 12px;
|
|
}
|
|
.ant-radio-group-small .ant-radio-button-wrapper:first-child {
|
|
border-radius: 2px 0 0 2px;
|
|
}
|
|
.ant-radio-group-small .ant-radio-button-wrapper:last-child {
|
|
border-radius: 0 2px 2px 0;
|
|
}
|
|
.ant-radio-button-wrapper:first-child {
|
|
border-radius: 4px 0 0 4px;
|
|
border-left: 1px solid #d9d9d9;
|
|
}
|
|
.ant-radio-button-wrapper:last-child {
|
|
border-radius: 0 4px 4px 0;
|
|
}
|
|
.ant-radio-button-wrapper:first-child:last-child {
|
|
border-radius: 4px;
|
|
}
|
|
.ant-radio-button-wrapper:hover,
|
|
.ant-radio-button-wrapper-focused {
|
|
color: #108ee9;
|
|
position: relative;
|
|
}
|
|
.ant-radio-button-wrapper .ant-radio-inner,
|
|
.ant-radio-button-wrapper input[type="checkbox"],
|
|
.ant-radio-button-wrapper input[type="radio"] {
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
.ant-radio-button-wrapper-checked {
|
|
background: #fff;
|
|
border-color: #108ee9;
|
|
color: #108ee9;
|
|
box-shadow: -1px 0 0 0 #108ee9;
|
|
}
|
|
.ant-radio-button-wrapper-checked:first-child {
|
|
border-color: #108ee9;
|
|
box-shadow: none!important;
|
|
}
|
|
.ant-radio-button-wrapper-checked:hover {
|
|
border-color: #49a9ee;
|
|
box-shadow: -1px 0 0 0 #49a9ee;
|
|
color: #49a9ee;
|
|
}
|
|
.ant-radio-button-wrapper-checked:active {
|
|
border-color: #0e77ca;
|
|
box-shadow: -1px 0 0 0 #0e77ca;
|
|
color: #0e77ca;
|
|
}
|
|
.ant-radio-button-wrapper-disabled {
|
|
border-color: #d9d9d9;
|
|
background-color: #f7f7f7;
|
|
cursor: not-allowed;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-radio-button-wrapper-disabled:first-child,
|
|
.ant-radio-button-wrapper-disabled:hover {
|
|
border-color: #d9d9d9;
|
|
background-color: #f7f7f7;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-radio-button-wrapper-disabled:first-child {
|
|
border-left-color: #d9d9d9;
|
|
}
|
|
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
|
|
color: #fff;
|
|
background-color: #e6e6e6;
|
|
border-color: #d9d9d9;
|
|
box-shadow: none;
|
|
}
|
|
.ant-card {
|
|
background: #fff;
|
|
border-radius: 2px;
|
|
font-size: 12px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
-webkit-transition: all .3s;
|
|
transition: all .3s;
|
|
}
|
|
.ant-card:hover {
|
|
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
|
|
border-color: transparent;
|
|
z-index: 1;
|
|
}
|
|
.ant-card-bordered {
|
|
border: 1px solid #e9e9e9;
|
|
}
|
|
.ant-card-head {
|
|
height: 48px;
|
|
line-height: 48px;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
padding: 0 24px;
|
|
}
|
|
.ant-card-head-title {
|
|
font-size: 14px;
|
|
display: inline-block;
|
|
text-overflow: ellipsis;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
.ant-card-extra {
|
|
position: absolute;
|
|
right: 24px;
|
|
top: 14px;
|
|
}
|
|
.ant-card-body {
|
|
padding: 24px;
|
|
}
|
|
.ant-card-loading .ant-card-body {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.ant-card-loading-block {
|
|
display: inline-block;
|
|
margin: 5px 1% 0;
|
|
height: 14px;
|
|
border-radius: 2px;
|
|
background: -webkit-linear-gradient(left, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
|
|
background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
|
|
-webkit-animation: card-loading 1.4s ease infinite;
|
|
animation: card-loading 1.4s ease infinite;
|
|
background-size: 600% 600%;
|
|
}
|
|
@-webkit-keyframes card-loading {
|
|
0%,
|
|
100% {
|
|
background-position: 0 50%;
|
|
}
|
|
50% {
|
|
background-position: 100% 50%;
|
|
}
|
|
}
|
|
@keyframes card-loading {
|
|
0%,
|
|
100% {
|
|
background-position: 0 50%;
|
|
}
|
|
50% {
|
|
background-position: 100% 50%;
|
|
}
|
|
}
|
|
.ant-carousel .slick-slider {
|
|
position: relative;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
-webkit-touch-callout: none;
|
|
touch-action: pan-y;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
.ant-carousel .slick-list {
|
|
position: relative;
|
|
overflow: hidden;
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.ant-carousel .slick-list:focus {
|
|
outline: none;
|
|
}
|
|
.ant-carousel .slick-list.dragging {
|
|
cursor: pointer;
|
|
}
|
|
.ant-carousel .slick-slider .slick-track,
|
|
.ant-carousel .slick-slider .slick-list {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
.ant-carousel .slick-track {
|
|
position: relative;
|
|
left: 0;
|
|
top: 0;
|
|
display: block;
|
|
}
|
|
.ant-carousel .slick-track:before,
|
|
.ant-carousel .slick-track:after {
|
|
content: "";
|
|
display: table;
|
|
}
|
|
.ant-carousel .slick-track:after {
|
|
clear: both;
|
|
}
|
|
.slick-loading .ant-carousel .slick-track {
|
|
visibility: hidden;
|
|
}
|
|
.ant-carousel .slick-slide {
|
|
float: left;
|
|
height: 100%;
|
|
min-height: 1px;
|
|
display: none;
|
|
}
|
|
[dir="rtl"] .ant-carousel .slick-slide {
|
|
float: right;
|
|
}
|
|
.ant-carousel .slick-slide img {
|
|
display: block;
|
|
}
|
|
.ant-carousel .slick-slide.slick-loading img {
|
|
display: none;
|
|
}
|
|
.ant-carousel .slick-slide.dragging img {
|
|
pointer-events: none;
|
|
}
|
|
.ant-carousel .slick-initialized .slick-slide {
|
|
display: block;
|
|
}
|
|
.ant-carousel .slick-loading .slick-slide {
|
|
visibility: hidden;
|
|
}
|
|
.ant-carousel .slick-vertical .slick-slide {
|
|
display: block;
|
|
height: auto;
|
|
border: 1px solid transparent;
|
|
}
|
|
.ant-carousel .slick-arrow.slick-hidden {
|
|
display: none;
|
|
}
|
|
.ant-carousel .slick-prev,
|
|
.ant-carousel .slick-next {
|
|
position: absolute;
|
|
display: block;
|
|
height: 20px;
|
|
width: 20px;
|
|
line-height: 0;
|
|
font-size: 0;
|
|
cursor: pointer;
|
|
background: transparent;
|
|
color: transparent;
|
|
top: 50%;
|
|
margin-top: -10px;
|
|
padding: 0;
|
|
border: 0;
|
|
outline: none;
|
|
}
|
|
.ant-carousel .slick-prev:hover,
|
|
.ant-carousel .slick-next:hover,
|
|
.ant-carousel .slick-prev:focus,
|
|
.ant-carousel .slick-next:focus {
|
|
outline: none;
|
|
background: transparent;
|
|
color: transparent;
|
|
}
|
|
.ant-carousel .slick-prev:hover:before,
|
|
.ant-carousel .slick-next:hover:before,
|
|
.ant-carousel .slick-prev:focus:before,
|
|
.ant-carousel .slick-next:focus:before {
|
|
opacity: 1;
|
|
}
|
|
.ant-carousel .slick-prev.slick-disabled:before,
|
|
.ant-carousel .slick-next.slick-disabled:before {
|
|
opacity: 0.25;
|
|
}
|
|
.ant-carousel .slick-prev {
|
|
left: -25px;
|
|
}
|
|
.ant-carousel .slick-prev:before {
|
|
content: "\2190";
|
|
}
|
|
.ant-carousel .slick-next {
|
|
right: -25px;
|
|
}
|
|
.ant-carousel .slick-next:before {
|
|
content: "\2192";
|
|
}
|
|
.ant-carousel .slick-dots {
|
|
position: absolute;
|
|
bottom: 12px;
|
|
list-style: none;
|
|
display: block;
|
|
text-align: center;
|
|
padding: 0;
|
|
width: 100%;
|
|
height: 3px;
|
|
}
|
|
.ant-carousel .slick-dots li {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
text-align: center;
|
|
margin: 0 2px;
|
|
padding: 0;
|
|
}
|
|
.ant-carousel .slick-dots li button {
|
|
border: 0;
|
|
cursor: pointer;
|
|
background: #fff;
|
|
opacity: 0.3;
|
|
display: block;
|
|
width: 16px;
|
|
height: 3px;
|
|
border-radius: 1px;
|
|
outline: none;
|
|
font-size: 0;
|
|
color: transparent;
|
|
-webkit-transition: all .5s;
|
|
transition: all .5s;
|
|
}
|
|
.ant-carousel .slick-dots li button:hover,
|
|
.ant-carousel .slick-dots li button:focus {
|
|
opacity: 0.75;
|
|
}
|
|
.ant-carousel .slick-dots li.slick-active button {
|
|
background: #fff;
|
|
opacity: 1;
|
|
width: 24px;
|
|
}
|
|
.ant-carousel .slick-dots li.slick-active button:hover,
|
|
.ant-carousel .slick-dots li.slick-active button:focus {
|
|
opacity: 1;
|
|
}
|
|
.ant-carousel-vertical .slick-dots {
|
|
width: 3px;
|
|
bottom: auto;
|
|
right: 12px;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
height: auto;
|
|
}
|
|
.ant-carousel-vertical .slick-dots li {
|
|
margin: 0 2px;
|
|
vertical-align: baseline;
|
|
}
|
|
.ant-carousel-vertical .slick-dots li button {
|
|
width: 3px;
|
|
height: 16px;
|
|
}
|
|
.ant-carousel-vertical .slick-dots li.slick-active button {
|
|
width: 3px;
|
|
height: 24px;
|
|
}
|
|
.ant-cascader {
|
|
font-size: 12px;
|
|
}
|
|
.ant-cascader-input.ant-input {
|
|
background-color: transparent;
|
|
cursor: pointer;
|
|
width: 100%;
|
|
z-index: 1;
|
|
}
|
|
.ant-cascader-picker {
|
|
position: relative;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
background-color: #fff;
|
|
border-radius: 4px;
|
|
}
|
|
.ant-cascader-picker-with-value .ant-cascader-picker-label {
|
|
color: transparent;
|
|
}
|
|
.ant-cascader-picker-disabled {
|
|
cursor: not-allowed;
|
|
background: #f7f7f7;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-cascader-picker-disabled .ant-cascader-input {
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-cascader-picker-label {
|
|
position: absolute;
|
|
left: 0;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
top: 50%;
|
|
margin-top: -10px;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
padding: 0 12px 0 8px;
|
|
}
|
|
.ant-cascader-picker-clear {
|
|
opacity: 0;
|
|
position: absolute;
|
|
right: 8px;
|
|
z-index: 2;
|
|
background: #fff;
|
|
top: 50%;
|
|
font-size: 12px;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
width: 12px;
|
|
height: 12px;
|
|
margin-top: -6px;
|
|
line-height: 12px;
|
|
cursor: pointer;
|
|
-webkit-transition: color 0.3s ease, opacity 0.15s ease;
|
|
transition: color 0.3s ease, opacity 0.15s ease;
|
|
}
|
|
.ant-cascader-picker-clear:hover {
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-cascader-picker:hover .ant-cascader-picker-clear {
|
|
opacity: 1;
|
|
}
|
|
.ant-cascader-picker-arrow {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 50%;
|
|
right: 8px;
|
|
width: 12px;
|
|
height: 12px;
|
|
margin-top: -6px;
|
|
line-height: 12px;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-size: 9px \9;
|
|
-webkit-transform: scale(0.75) rotate(0deg);
|
|
transform: scale(0.75) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
}
|
|
:root .ant-cascader-picker-arrow {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-cascader-picker-arrow {
|
|
font-size: 12px;
|
|
}
|
|
.ant-cascader-picker-arrow:before {
|
|
-webkit-transition: -webkit-transform 0.2s ease;
|
|
transition: -webkit-transform 0.2s ease;
|
|
transition: transform 0.2s ease;
|
|
transition: transform 0.2s ease, -webkit-transform 0.2s ease;
|
|
}
|
|
.ant-cascader-picker-arrow.ant-cascader-picker-arrow-expand {
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
|
|
}
|
|
.ant-cascader-picker-arrow.ant-cascader-picker-arrow-expand:before {
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
.ant-cascader-menus {
|
|
font-size: 12px;
|
|
background: #fff;
|
|
position: absolute;
|
|
z-index: 1050;
|
|
border-radius: 4px;
|
|
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
|
|
white-space: nowrap;
|
|
}
|
|
.ant-cascader-menus-empty,
|
|
.ant-cascader-menus-hidden {
|
|
display: none;
|
|
}
|
|
.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-bottomLeft,
|
|
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-bottomLeft {
|
|
-webkit-animation-name: antSlideUpIn;
|
|
animation-name: antSlideUpIn;
|
|
}
|
|
.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-topLeft,
|
|
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-topLeft {
|
|
-webkit-animation-name: antSlideDownIn;
|
|
animation-name: antSlideDownIn;
|
|
}
|
|
.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-bottomLeft {
|
|
-webkit-animation-name: antSlideUpOut;
|
|
animation-name: antSlideUpOut;
|
|
}
|
|
.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-topLeft {
|
|
-webkit-animation-name: antSlideDownOut;
|
|
animation-name: antSlideDownOut;
|
|
}
|
|
.ant-cascader-menu {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
min-width: 111px;
|
|
height: 180px;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
border-right: 1px solid #e9e9e9;
|
|
overflow: auto;
|
|
}
|
|
.ant-cascader-menu:first-child {
|
|
border-radius: 4px 0 0 4px;
|
|
}
|
|
.ant-cascader-menu:last-child {
|
|
border-right-color: transparent;
|
|
margin-right: -1px;
|
|
border-radius: 0 4px 4px 0;
|
|
}
|
|
.ant-cascader-menu:only-child {
|
|
border-radius: 4px;
|
|
}
|
|
.ant-cascader-menu-item {
|
|
padding: 7px 26px 7px 16px;
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
}
|
|
.ant-cascader-menu-item:hover {
|
|
background: #ecf6fd;
|
|
}
|
|
.ant-cascader-menu-item-disabled {
|
|
cursor: not-allowed;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-cascader-menu-item-disabled:hover {
|
|
background: transparent;
|
|
}
|
|
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
|
|
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
|
|
background-color: #f7f7f7;
|
|
font-weight: bold;
|
|
}
|
|
.ant-cascader-menu-item-expand {
|
|
position: relative;
|
|
}
|
|
.ant-cascader-menu-item-expand:after {
|
|
font-family: 'anticon';
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
content: "\E61F";
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-size: 8px \9;
|
|
-webkit-transform: scale(0.66666667) rotate(0deg);
|
|
transform: scale(0.66666667) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
position: absolute;
|
|
right: 15px;
|
|
}
|
|
:root .ant-cascader-menu-item-expand:after {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-cascader-menu-item-expand:after {
|
|
font-size: 12px;
|
|
}
|
|
.ant-cascader-menu-item-loading:after {
|
|
font-family: 'anticon';
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
content: "\E64D";
|
|
-webkit-animation: loadingCircle 1s infinite linear;
|
|
animation: loadingCircle 1s infinite linear;
|
|
}
|
|
.ant-cascader-menu-item .ant-cascader-menu-item-keyword {
|
|
color: #F04134;
|
|
}
|
|
.ant-checkbox {
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
outline: none;
|
|
display: inline-block;
|
|
line-height: 1;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
}
|
|
.ant-checkbox-wrapper:hover .ant-checkbox .ant-checkbox-inner,
|
|
.ant-checkbox:hover .ant-checkbox-inner,
|
|
.ant-checkbox-focused .ant-checkbox-inner {
|
|
border-color: #108ee9;
|
|
}
|
|
.ant-checkbox-inner {
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
display: inline-block;
|
|
width: 14px;
|
|
height: 14px;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 3px;
|
|
background-color: #fff;
|
|
-webkit-transition: all .3s;
|
|
transition: all .3s;
|
|
}
|
|
.ant-checkbox-inner:after {
|
|
-webkit-transform: rotate(45deg) scale(0);
|
|
transform: rotate(45deg) scale(0);
|
|
position: absolute;
|
|
left: 4px;
|
|
top: 1px;
|
|
display: table;
|
|
width: 5px;
|
|
height: 8px;
|
|
border: 2px solid #fff;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
content: ' ';
|
|
-webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
|
|
transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
|
|
}
|
|
.ant-checkbox-input {
|
|
position: absolute;
|
|
left: 0;
|
|
z-index: 1;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.ant-checkbox-indeterminate .ant-checkbox-inner:after {
|
|
content: ' ';
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
position: absolute;
|
|
left: 2px;
|
|
top: 5px;
|
|
width: 8px;
|
|
height: 1px;
|
|
}
|
|
.ant-checkbox-checked .ant-checkbox-inner:after {
|
|
-webkit-transform: rotate(45deg) scale(1);
|
|
transform: rotate(45deg) scale(1);
|
|
position: absolute;
|
|
left: 4px;
|
|
top: 1px;
|
|
display: table;
|
|
width: 5px;
|
|
height: 8px;
|
|
border: 2px solid #fff;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
content: ' ';
|
|
-webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
|
|
transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
|
|
}
|
|
.ant-checkbox-checked .ant-checkbox-inner,
|
|
.ant-checkbox-indeterminate .ant-checkbox-inner {
|
|
background-color: #108ee9;
|
|
border-color: #108ee9;
|
|
}
|
|
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {
|
|
-webkit-animation-name: none;
|
|
animation-name: none;
|
|
border-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-checkbox-disabled .ant-checkbox-inner {
|
|
border-color: #d9d9d9 !important;
|
|
background-color: #f3f3f3;
|
|
}
|
|
.ant-checkbox-disabled .ant-checkbox-inner:after {
|
|
-webkit-animation-name: none;
|
|
animation-name: none;
|
|
border-color: #f3f3f3;
|
|
}
|
|
.ant-checkbox-disabled + span {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-checkbox-wrapper {
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
display: inline-block;
|
|
}
|
|
.ant-checkbox-wrapper:not(:last-child) {
|
|
margin-right: 8px;
|
|
}
|
|
.ant-checkbox-wrapper + span,
|
|
.ant-checkbox + span {
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
}
|
|
.ant-checkbox-group {
|
|
font-size: 12px;
|
|
}
|
|
.ant-checkbox-group-item {
|
|
display: inline-block;
|
|
}
|
|
@media \0screen {
|
|
.ant-checkbox-checked .ant-checkbox-inner:before,
|
|
.ant-checkbox-checked .ant-checkbox-inner:after {
|
|
font-family: 'anticon';
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
content: "\E632";
|
|
font-weight: bold;
|
|
font-size: 8px;
|
|
border: 0;
|
|
color: #fff;
|
|
left: 2px;
|
|
top: 3px;
|
|
position: absolute;
|
|
}
|
|
}
|
|
.ant-row {
|
|
position: relative;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
height: auto;
|
|
zoom: 1;
|
|
display: block;
|
|
}
|
|
.ant-row:before,
|
|
.ant-row:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.ant-row:after {
|
|
clear: both;
|
|
visibility: hidden;
|
|
font-size: 0;
|
|
height: 0;
|
|
}
|
|
.ant-row-flex {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-webkit-flex-direction: row;
|
|
flex-direction: row;
|
|
-webkit-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
.ant-row-flex:before,
|
|
.ant-row-flex:after {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
}
|
|
.ant-row-flex-start {
|
|
-webkit-box-pack: start;
|
|
-webkit-justify-content: flex-start;
|
|
justify-content: flex-start;
|
|
}
|
|
.ant-row-flex-center {
|
|
-webkit-box-pack: center;
|
|
-webkit-justify-content: center;
|
|
justify-content: center;
|
|
}
|
|
.ant-row-flex-end {
|
|
-webkit-box-pack: end;
|
|
-webkit-justify-content: flex-end;
|
|
justify-content: flex-end;
|
|
}
|
|
.ant-row-flex-space-between {
|
|
-webkit-box-pack: justify;
|
|
-webkit-justify-content: space-between;
|
|
justify-content: space-between;
|
|
}
|
|
.ant-row-flex-space-around {
|
|
-webkit-justify-content: space-around;
|
|
justify-content: space-around;
|
|
}
|
|
.ant-row-flex-top {
|
|
-webkit-box-align: start;
|
|
-webkit-align-items: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
.ant-row-flex-middle {
|
|
-webkit-box-align: center;
|
|
-webkit-align-items: center;
|
|
align-items: center;
|
|
}
|
|
.ant-row-flex-bottom {
|
|
-webkit-box-align: end;
|
|
-webkit-align-items: flex-end;
|
|
align-items: flex-end;
|
|
}
|
|
.ant-col {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
.ant-col-1, .ant-col-xs-1, .ant-col-sm-1, .ant-col-md-1, .ant-col-lg-1, .ant-col-2, .ant-col-xs-2, .ant-col-sm-2, .ant-col-md-2, .ant-col-lg-2, .ant-col-3, .ant-col-xs-3, .ant-col-sm-3, .ant-col-md-3, .ant-col-lg-3, .ant-col-4, .ant-col-xs-4, .ant-col-sm-4, .ant-col-md-4, .ant-col-lg-4, .ant-col-5, .ant-col-xs-5, .ant-col-sm-5, .ant-col-md-5, .ant-col-lg-5, .ant-col-6, .ant-col-xs-6, .ant-col-sm-6, .ant-col-md-6, .ant-col-lg-6, .ant-col-7, .ant-col-xs-7, .ant-col-sm-7, .ant-col-md-7, .ant-col-lg-7, .ant-col-8, .ant-col-xs-8, .ant-col-sm-8, .ant-col-md-8, .ant-col-lg-8, .ant-col-9, .ant-col-xs-9, .ant-col-sm-9, .ant-col-md-9, .ant-col-lg-9, .ant-col-10, .ant-col-xs-10, .ant-col-sm-10, .ant-col-md-10, .ant-col-lg-10, .ant-col-11, .ant-col-xs-11, .ant-col-sm-11, .ant-col-md-11, .ant-col-lg-11, .ant-col-12, .ant-col-xs-12, .ant-col-sm-12, .ant-col-md-12, .ant-col-lg-12, .ant-col-13, .ant-col-xs-13, .ant-col-sm-13, .ant-col-md-13, .ant-col-lg-13, .ant-col-14, .ant-col-xs-14, .ant-col-sm-14, .ant-col-md-14, .ant-col-lg-14, .ant-col-15, .ant-col-xs-15, .ant-col-sm-15, .ant-col-md-15, .ant-col-lg-15, .ant-col-16, .ant-col-xs-16, .ant-col-sm-16, .ant-col-md-16, .ant-col-lg-16, .ant-col-17, .ant-col-xs-17, .ant-col-sm-17, .ant-col-md-17, .ant-col-lg-17, .ant-col-18, .ant-col-xs-18, .ant-col-sm-18, .ant-col-md-18, .ant-col-lg-18, .ant-col-19, .ant-col-xs-19, .ant-col-sm-19, .ant-col-md-19, .ant-col-lg-19, .ant-col-20, .ant-col-xs-20, .ant-col-sm-20, .ant-col-md-20, .ant-col-lg-20, .ant-col-21, .ant-col-xs-21, .ant-col-sm-21, .ant-col-md-21, .ant-col-lg-21, .ant-col-22, .ant-col-xs-22, .ant-col-sm-22, .ant-col-md-22, .ant-col-lg-22, .ant-col-23, .ant-col-xs-23, .ant-col-sm-23, .ant-col-md-23, .ant-col-lg-23, .ant-col-24, .ant-col-xs-24, .ant-col-sm-24, .ant-col-md-24, .ant-col-lg-24 {
|
|
position: relative;
|
|
min-height: 1px;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.ant-col-1, .ant-col-2, .ant-col-3, .ant-col-4, .ant-col-5, .ant-col-6, .ant-col-7, .ant-col-8, .ant-col-9, .ant-col-10, .ant-col-11, .ant-col-12, .ant-col-13, .ant-col-14, .ant-col-15, .ant-col-16, .ant-col-17, .ant-col-18, .ant-col-19, .ant-col-20, .ant-col-21, .ant-col-22, .ant-col-23, .ant-col-24 {
|
|
float: left;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 auto;
|
|
flex: 0 0 auto;
|
|
}
|
|
.ant-col-24 {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
.ant-col-push-24 {
|
|
left: 100%;
|
|
}
|
|
.ant-col-pull-24 {
|
|
right: 100%;
|
|
}
|
|
.ant-col-offset-24 {
|
|
margin-left: 100%;
|
|
}
|
|
.ant-col-order-24 {
|
|
-webkit-box-ordinal-group: 25;
|
|
-webkit-order: 24;
|
|
order: 24;
|
|
}
|
|
.ant-col-23 {
|
|
display: block;
|
|
width: 95.83333333%;
|
|
}
|
|
.ant-col-push-23 {
|
|
left: 95.83333333%;
|
|
}
|
|
.ant-col-pull-23 {
|
|
right: 95.83333333%;
|
|
}
|
|
.ant-col-offset-23 {
|
|
margin-left: 95.83333333%;
|
|
}
|
|
.ant-col-order-23 {
|
|
-webkit-box-ordinal-group: 24;
|
|
-webkit-order: 23;
|
|
order: 23;
|
|
}
|
|
.ant-col-22 {
|
|
display: block;
|
|
width: 91.66666667%;
|
|
}
|
|
.ant-col-push-22 {
|
|
left: 91.66666667%;
|
|
}
|
|
.ant-col-pull-22 {
|
|
right: 91.66666667%;
|
|
}
|
|
.ant-col-offset-22 {
|
|
margin-left: 91.66666667%;
|
|
}
|
|
.ant-col-order-22 {
|
|
-webkit-box-ordinal-group: 23;
|
|
-webkit-order: 22;
|
|
order: 22;
|
|
}
|
|
.ant-col-21 {
|
|
display: block;
|
|
width: 87.5%;
|
|
}
|
|
.ant-col-push-21 {
|
|
left: 87.5%;
|
|
}
|
|
.ant-col-pull-21 {
|
|
right: 87.5%;
|
|
}
|
|
.ant-col-offset-21 {
|
|
margin-left: 87.5%;
|
|
}
|
|
.ant-col-order-21 {
|
|
-webkit-box-ordinal-group: 22;
|
|
-webkit-order: 21;
|
|
order: 21;
|
|
}
|
|
.ant-col-20 {
|
|
display: block;
|
|
width: 83.33333333%;
|
|
}
|
|
.ant-col-push-20 {
|
|
left: 83.33333333%;
|
|
}
|
|
.ant-col-pull-20 {
|
|
right: 83.33333333%;
|
|
}
|
|
.ant-col-offset-20 {
|
|
margin-left: 83.33333333%;
|
|
}
|
|
.ant-col-order-20 {
|
|
-webkit-box-ordinal-group: 21;
|
|
-webkit-order: 20;
|
|
order: 20;
|
|
}
|
|
.ant-col-19 {
|
|
display: block;
|
|
width: 79.16666667%;
|
|
}
|
|
.ant-col-push-19 {
|
|
left: 79.16666667%;
|
|
}
|
|
.ant-col-pull-19 {
|
|
right: 79.16666667%;
|
|
}
|
|
.ant-col-offset-19 {
|
|
margin-left: 79.16666667%;
|
|
}
|
|
.ant-col-order-19 {
|
|
-webkit-box-ordinal-group: 20;
|
|
-webkit-order: 19;
|
|
order: 19;
|
|
}
|
|
.ant-col-18 {
|
|
display: block;
|
|
width: 75%;
|
|
}
|
|
.ant-col-push-18 {
|
|
left: 75%;
|
|
}
|
|
.ant-col-pull-18 {
|
|
right: 75%;
|
|
}
|
|
.ant-col-offset-18 {
|
|
margin-left: 75%;
|
|
}
|
|
.ant-col-order-18 {
|
|
-webkit-box-ordinal-group: 19;
|
|
-webkit-order: 18;
|
|
order: 18;
|
|
}
|
|
.ant-col-17 {
|
|
display: block;
|
|
width: 70.83333333%;
|
|
}
|
|
.ant-col-push-17 {
|
|
left: 70.83333333%;
|
|
}
|
|
.ant-col-pull-17 {
|
|
right: 70.83333333%;
|
|
}
|
|
.ant-col-offset-17 {
|
|
margin-left: 70.83333333%;
|
|
}
|
|
.ant-col-order-17 {
|
|
-webkit-box-ordinal-group: 18;
|
|
-webkit-order: 17;
|
|
order: 17;
|
|
}
|
|
.ant-col-16 {
|
|
display: block;
|
|
width: 66.66666667%;
|
|
}
|
|
.ant-col-push-16 {
|
|
left: 66.66666667%;
|
|
}
|
|
.ant-col-pull-16 {
|
|
right: 66.66666667%;
|
|
}
|
|
.ant-col-offset-16 {
|
|
margin-left: 66.66666667%;
|
|
}
|
|
.ant-col-order-16 {
|
|
-webkit-box-ordinal-group: 17;
|
|
-webkit-order: 16;
|
|
order: 16;
|
|
}
|
|
.ant-col-15 {
|
|
display: block;
|
|
width: 62.5%;
|
|
}
|
|
.ant-col-push-15 {
|
|
left: 62.5%;
|
|
}
|
|
.ant-col-pull-15 {
|
|
right: 62.5%;
|
|
}
|
|
.ant-col-offset-15 {
|
|
margin-left: 62.5%;
|
|
}
|
|
.ant-col-order-15 {
|
|
-webkit-box-ordinal-group: 16;
|
|
-webkit-order: 15;
|
|
order: 15;
|
|
}
|
|
.ant-col-14 {
|
|
display: block;
|
|
width: 58.33333333%;
|
|
}
|
|
.ant-col-push-14 {
|
|
left: 58.33333333%;
|
|
}
|
|
.ant-col-pull-14 {
|
|
right: 58.33333333%;
|
|
}
|
|
.ant-col-offset-14 {
|
|
margin-left: 58.33333333%;
|
|
}
|
|
.ant-col-order-14 {
|
|
-webkit-box-ordinal-group: 15;
|
|
-webkit-order: 14;
|
|
order: 14;
|
|
}
|
|
.ant-col-13 {
|
|
display: block;
|
|
width: 54.16666667%;
|
|
}
|
|
.ant-col-push-13 {
|
|
left: 54.16666667%;
|
|
}
|
|
.ant-col-pull-13 {
|
|
right: 54.16666667%;
|
|
}
|
|
.ant-col-offset-13 {
|
|
margin-left: 54.16666667%;
|
|
}
|
|
.ant-col-order-13 {
|
|
-webkit-box-ordinal-group: 14;
|
|
-webkit-order: 13;
|
|
order: 13;
|
|
}
|
|
.ant-col-12 {
|
|
display: block;
|
|
width: 50%;
|
|
}
|
|
.ant-col-push-12 {
|
|
left: 50%;
|
|
}
|
|
.ant-col-pull-12 {
|
|
right: 50%;
|
|
}
|
|
.ant-col-offset-12 {
|
|
margin-left: 50%;
|
|
}
|
|
.ant-col-order-12 {
|
|
-webkit-box-ordinal-group: 13;
|
|
-webkit-order: 12;
|
|
order: 12;
|
|
}
|
|
.ant-col-11 {
|
|
display: block;
|
|
width: 45.83333333%;
|
|
}
|
|
.ant-col-push-11 {
|
|
left: 45.83333333%;
|
|
}
|
|
.ant-col-pull-11 {
|
|
right: 45.83333333%;
|
|
}
|
|
.ant-col-offset-11 {
|
|
margin-left: 45.83333333%;
|
|
}
|
|
.ant-col-order-11 {
|
|
-webkit-box-ordinal-group: 12;
|
|
-webkit-order: 11;
|
|
order: 11;
|
|
}
|
|
.ant-col-10 {
|
|
display: block;
|
|
width: 41.66666667%;
|
|
}
|
|
.ant-col-push-10 {
|
|
left: 41.66666667%;
|
|
}
|
|
.ant-col-pull-10 {
|
|
right: 41.66666667%;
|
|
}
|
|
.ant-col-offset-10 {
|
|
margin-left: 41.66666667%;
|
|
}
|
|
.ant-col-order-10 {
|
|
-webkit-box-ordinal-group: 11;
|
|
-webkit-order: 10;
|
|
order: 10;
|
|
}
|
|
.ant-col-9 {
|
|
display: block;
|
|
width: 37.5%;
|
|
}
|
|
.ant-col-push-9 {
|
|
left: 37.5%;
|
|
}
|
|
.ant-col-pull-9 {
|
|
right: 37.5%;
|
|
}
|
|
.ant-col-offset-9 {
|
|
margin-left: 37.5%;
|
|
}
|
|
.ant-col-order-9 {
|
|
-webkit-box-ordinal-group: 10;
|
|
-webkit-order: 9;
|
|
order: 9;
|
|
}
|
|
.ant-col-8 {
|
|
display: block;
|
|
width: 33.33333333%;
|
|
}
|
|
.ant-col-push-8 {
|
|
left: 33.33333333%;
|
|
}
|
|
.ant-col-pull-8 {
|
|
right: 33.33333333%;
|
|
}
|
|
.ant-col-offset-8 {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.ant-col-order-8 {
|
|
-webkit-box-ordinal-group: 9;
|
|
-webkit-order: 8;
|
|
order: 8;
|
|
}
|
|
.ant-col-7 {
|
|
display: block;
|
|
width: 29.16666667%;
|
|
}
|
|
.ant-col-push-7 {
|
|
left: 29.16666667%;
|
|
}
|
|
.ant-col-pull-7 {
|
|
right: 29.16666667%;
|
|
}
|
|
.ant-col-offset-7 {
|
|
margin-left: 29.16666667%;
|
|
}
|
|
.ant-col-order-7 {
|
|
-webkit-box-ordinal-group: 8;
|
|
-webkit-order: 7;
|
|
order: 7;
|
|
}
|
|
.ant-col-6 {
|
|
display: block;
|
|
width: 25%;
|
|
}
|
|
.ant-col-push-6 {
|
|
left: 25%;
|
|
}
|
|
.ant-col-pull-6 {
|
|
right: 25%;
|
|
}
|
|
.ant-col-offset-6 {
|
|
margin-left: 25%;
|
|
}
|
|
.ant-col-order-6 {
|
|
-webkit-box-ordinal-group: 7;
|
|
-webkit-order: 6;
|
|
order: 6;
|
|
}
|
|
.ant-col-5 {
|
|
display: block;
|
|
width: 20.83333333%;
|
|
}
|
|
.ant-col-push-5 {
|
|
left: 20.83333333%;
|
|
}
|
|
.ant-col-pull-5 {
|
|
right: 20.83333333%;
|
|
}
|
|
.ant-col-offset-5 {
|
|
margin-left: 20.83333333%;
|
|
}
|
|
.ant-col-order-5 {
|
|
-webkit-box-ordinal-group: 6;
|
|
-webkit-order: 5;
|
|
order: 5;
|
|
}
|
|
.ant-col-4 {
|
|
display: block;
|
|
width: 16.66666667%;
|
|
}
|
|
.ant-col-push-4 {
|
|
left: 16.66666667%;
|
|
}
|
|
.ant-col-pull-4 {
|
|
right: 16.66666667%;
|
|
}
|
|
.ant-col-offset-4 {
|
|
margin-left: 16.66666667%;
|
|
}
|
|
.ant-col-order-4 {
|
|
-webkit-box-ordinal-group: 5;
|
|
-webkit-order: 4;
|
|
order: 4;
|
|
}
|
|
.ant-col-3 {
|
|
display: block;
|
|
width: 12.5%;
|
|
}
|
|
.ant-col-push-3 {
|
|
left: 12.5%;
|
|
}
|
|
.ant-col-pull-3 {
|
|
right: 12.5%;
|
|
}
|
|
.ant-col-offset-3 {
|
|
margin-left: 12.5%;
|
|
}
|
|
.ant-col-order-3 {
|
|
-webkit-box-ordinal-group: 4;
|
|
-webkit-order: 3;
|
|
order: 3;
|
|
}
|
|
.ant-col-2 {
|
|
display: block;
|
|
width: 8.33333333%;
|
|
}
|
|
.ant-col-push-2 {
|
|
left: 8.33333333%;
|
|
}
|
|
.ant-col-pull-2 {
|
|
right: 8.33333333%;
|
|
}
|
|
.ant-col-offset-2 {
|
|
margin-left: 8.33333333%;
|
|
}
|
|
.ant-col-order-2 {
|
|
-webkit-box-ordinal-group: 3;
|
|
-webkit-order: 2;
|
|
order: 2;
|
|
}
|
|
.ant-col-1 {
|
|
display: block;
|
|
width: 4.16666667%;
|
|
}
|
|
.ant-col-push-1 {
|
|
left: 4.16666667%;
|
|
}
|
|
.ant-col-pull-1 {
|
|
right: 4.16666667%;
|
|
}
|
|
.ant-col-offset-1 {
|
|
margin-left: 4.16666667%;
|
|
}
|
|
.ant-col-order-1 {
|
|
-webkit-box-ordinal-group: 2;
|
|
-webkit-order: 1;
|
|
order: 1;
|
|
}
|
|
.ant-col-0 {
|
|
display: none;
|
|
}
|
|
.ant-col-push-0 {
|
|
left: auto;
|
|
}
|
|
.ant-col-pull-0 {
|
|
right: auto;
|
|
}
|
|
.ant-col-push-0 {
|
|
left: auto;
|
|
}
|
|
.ant-col-pull-0 {
|
|
right: auto;
|
|
}
|
|
.ant-col-offset-0 {
|
|
margin-left: 0;
|
|
}
|
|
.ant-col-order-0 {
|
|
-webkit-box-ordinal-group: 1;
|
|
-webkit-order: 0;
|
|
order: 0;
|
|
}
|
|
.ant-col-xs-1, .ant-col-xs-2, .ant-col-xs-3, .ant-col-xs-4, .ant-col-xs-5, .ant-col-xs-6, .ant-col-xs-7, .ant-col-xs-8, .ant-col-xs-9, .ant-col-xs-10, .ant-col-xs-11, .ant-col-xs-12, .ant-col-xs-13, .ant-col-xs-14, .ant-col-xs-15, .ant-col-xs-16, .ant-col-xs-17, .ant-col-xs-18, .ant-col-xs-19, .ant-col-xs-20, .ant-col-xs-21, .ant-col-xs-22, .ant-col-xs-23, .ant-col-xs-24 {
|
|
float: left;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 auto;
|
|
flex: 0 0 auto;
|
|
}
|
|
.ant-col-xs-24 {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
.ant-col-xs-push-24 {
|
|
left: 100%;
|
|
}
|
|
.ant-col-xs-pull-24 {
|
|
right: 100%;
|
|
}
|
|
.ant-col-xs-offset-24 {
|
|
margin-left: 100%;
|
|
}
|
|
.ant-col-xs-order-24 {
|
|
-webkit-box-ordinal-group: 25;
|
|
-webkit-order: 24;
|
|
order: 24;
|
|
}
|
|
.ant-col-xs-23 {
|
|
display: block;
|
|
width: 95.83333333%;
|
|
}
|
|
.ant-col-xs-push-23 {
|
|
left: 95.83333333%;
|
|
}
|
|
.ant-col-xs-pull-23 {
|
|
right: 95.83333333%;
|
|
}
|
|
.ant-col-xs-offset-23 {
|
|
margin-left: 95.83333333%;
|
|
}
|
|
.ant-col-xs-order-23 {
|
|
-webkit-box-ordinal-group: 24;
|
|
-webkit-order: 23;
|
|
order: 23;
|
|
}
|
|
.ant-col-xs-22 {
|
|
display: block;
|
|
width: 91.66666667%;
|
|
}
|
|
.ant-col-xs-push-22 {
|
|
left: 91.66666667%;
|
|
}
|
|
.ant-col-xs-pull-22 {
|
|
right: 91.66666667%;
|
|
}
|
|
.ant-col-xs-offset-22 {
|
|
margin-left: 91.66666667%;
|
|
}
|
|
.ant-col-xs-order-22 {
|
|
-webkit-box-ordinal-group: 23;
|
|
-webkit-order: 22;
|
|
order: 22;
|
|
}
|
|
.ant-col-xs-21 {
|
|
display: block;
|
|
width: 87.5%;
|
|
}
|
|
.ant-col-xs-push-21 {
|
|
left: 87.5%;
|
|
}
|
|
.ant-col-xs-pull-21 {
|
|
right: 87.5%;
|
|
}
|
|
.ant-col-xs-offset-21 {
|
|
margin-left: 87.5%;
|
|
}
|
|
.ant-col-xs-order-21 {
|
|
-webkit-box-ordinal-group: 22;
|
|
-webkit-order: 21;
|
|
order: 21;
|
|
}
|
|
.ant-col-xs-20 {
|
|
display: block;
|
|
width: 83.33333333%;
|
|
}
|
|
.ant-col-xs-push-20 {
|
|
left: 83.33333333%;
|
|
}
|
|
.ant-col-xs-pull-20 {
|
|
right: 83.33333333%;
|
|
}
|
|
.ant-col-xs-offset-20 {
|
|
margin-left: 83.33333333%;
|
|
}
|
|
.ant-col-xs-order-20 {
|
|
-webkit-box-ordinal-group: 21;
|
|
-webkit-order: 20;
|
|
order: 20;
|
|
}
|
|
.ant-col-xs-19 {
|
|
display: block;
|
|
width: 79.16666667%;
|
|
}
|
|
.ant-col-xs-push-19 {
|
|
left: 79.16666667%;
|
|
}
|
|
.ant-col-xs-pull-19 {
|
|
right: 79.16666667%;
|
|
}
|
|
.ant-col-xs-offset-19 {
|
|
margin-left: 79.16666667%;
|
|
}
|
|
.ant-col-xs-order-19 {
|
|
-webkit-box-ordinal-group: 20;
|
|
-webkit-order: 19;
|
|
order: 19;
|
|
}
|
|
.ant-col-xs-18 {
|
|
display: block;
|
|
width: 75%;
|
|
}
|
|
.ant-col-xs-push-18 {
|
|
left: 75%;
|
|
}
|
|
.ant-col-xs-pull-18 {
|
|
right: 75%;
|
|
}
|
|
.ant-col-xs-offset-18 {
|
|
margin-left: 75%;
|
|
}
|
|
.ant-col-xs-order-18 {
|
|
-webkit-box-ordinal-group: 19;
|
|
-webkit-order: 18;
|
|
order: 18;
|
|
}
|
|
.ant-col-xs-17 {
|
|
display: block;
|
|
width: 70.83333333%;
|
|
}
|
|
.ant-col-xs-push-17 {
|
|
left: 70.83333333%;
|
|
}
|
|
.ant-col-xs-pull-17 {
|
|
right: 70.83333333%;
|
|
}
|
|
.ant-col-xs-offset-17 {
|
|
margin-left: 70.83333333%;
|
|
}
|
|
.ant-col-xs-order-17 {
|
|
-webkit-box-ordinal-group: 18;
|
|
-webkit-order: 17;
|
|
order: 17;
|
|
}
|
|
.ant-col-xs-16 {
|
|
display: block;
|
|
width: 66.66666667%;
|
|
}
|
|
.ant-col-xs-push-16 {
|
|
left: 66.66666667%;
|
|
}
|
|
.ant-col-xs-pull-16 {
|
|
right: 66.66666667%;
|
|
}
|
|
.ant-col-xs-offset-16 {
|
|
margin-left: 66.66666667%;
|
|
}
|
|
.ant-col-xs-order-16 {
|
|
-webkit-box-ordinal-group: 17;
|
|
-webkit-order: 16;
|
|
order: 16;
|
|
}
|
|
.ant-col-xs-15 {
|
|
display: block;
|
|
width: 62.5%;
|
|
}
|
|
.ant-col-xs-push-15 {
|
|
left: 62.5%;
|
|
}
|
|
.ant-col-xs-pull-15 {
|
|
right: 62.5%;
|
|
}
|
|
.ant-col-xs-offset-15 {
|
|
margin-left: 62.5%;
|
|
}
|
|
.ant-col-xs-order-15 {
|
|
-webkit-box-ordinal-group: 16;
|
|
-webkit-order: 15;
|
|
order: 15;
|
|
}
|
|
.ant-col-xs-14 {
|
|
display: block;
|
|
width: 58.33333333%;
|
|
}
|
|
.ant-col-xs-push-14 {
|
|
left: 58.33333333%;
|
|
}
|
|
.ant-col-xs-pull-14 {
|
|
right: 58.33333333%;
|
|
}
|
|
.ant-col-xs-offset-14 {
|
|
margin-left: 58.33333333%;
|
|
}
|
|
.ant-col-xs-order-14 {
|
|
-webkit-box-ordinal-group: 15;
|
|
-webkit-order: 14;
|
|
order: 14;
|
|
}
|
|
.ant-col-xs-13 {
|
|
display: block;
|
|
width: 54.16666667%;
|
|
}
|
|
.ant-col-xs-push-13 {
|
|
left: 54.16666667%;
|
|
}
|
|
.ant-col-xs-pull-13 {
|
|
right: 54.16666667%;
|
|
}
|
|
.ant-col-xs-offset-13 {
|
|
margin-left: 54.16666667%;
|
|
}
|
|
.ant-col-xs-order-13 {
|
|
-webkit-box-ordinal-group: 14;
|
|
-webkit-order: 13;
|
|
order: 13;
|
|
}
|
|
.ant-col-xs-12 {
|
|
display: block;
|
|
width: 50%;
|
|
}
|
|
.ant-col-xs-push-12 {
|
|
left: 50%;
|
|
}
|
|
.ant-col-xs-pull-12 {
|
|
right: 50%;
|
|
}
|
|
.ant-col-xs-offset-12 {
|
|
margin-left: 50%;
|
|
}
|
|
.ant-col-xs-order-12 {
|
|
-webkit-box-ordinal-group: 13;
|
|
-webkit-order: 12;
|
|
order: 12;
|
|
}
|
|
.ant-col-xs-11 {
|
|
display: block;
|
|
width: 45.83333333%;
|
|
}
|
|
.ant-col-xs-push-11 {
|
|
left: 45.83333333%;
|
|
}
|
|
.ant-col-xs-pull-11 {
|
|
right: 45.83333333%;
|
|
}
|
|
.ant-col-xs-offset-11 {
|
|
margin-left: 45.83333333%;
|
|
}
|
|
.ant-col-xs-order-11 {
|
|
-webkit-box-ordinal-group: 12;
|
|
-webkit-order: 11;
|
|
order: 11;
|
|
}
|
|
.ant-col-xs-10 {
|
|
display: block;
|
|
width: 41.66666667%;
|
|
}
|
|
.ant-col-xs-push-10 {
|
|
left: 41.66666667%;
|
|
}
|
|
.ant-col-xs-pull-10 {
|
|
right: 41.66666667%;
|
|
}
|
|
.ant-col-xs-offset-10 {
|
|
margin-left: 41.66666667%;
|
|
}
|
|
.ant-col-xs-order-10 {
|
|
-webkit-box-ordinal-group: 11;
|
|
-webkit-order: 10;
|
|
order: 10;
|
|
}
|
|
.ant-col-xs-9 {
|
|
display: block;
|
|
width: 37.5%;
|
|
}
|
|
.ant-col-xs-push-9 {
|
|
left: 37.5%;
|
|
}
|
|
.ant-col-xs-pull-9 {
|
|
right: 37.5%;
|
|
}
|
|
.ant-col-xs-offset-9 {
|
|
margin-left: 37.5%;
|
|
}
|
|
.ant-col-xs-order-9 {
|
|
-webkit-box-ordinal-group: 10;
|
|
-webkit-order: 9;
|
|
order: 9;
|
|
}
|
|
.ant-col-xs-8 {
|
|
display: block;
|
|
width: 33.33333333%;
|
|
}
|
|
.ant-col-xs-push-8 {
|
|
left: 33.33333333%;
|
|
}
|
|
.ant-col-xs-pull-8 {
|
|
right: 33.33333333%;
|
|
}
|
|
.ant-col-xs-offset-8 {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.ant-col-xs-order-8 {
|
|
-webkit-box-ordinal-group: 9;
|
|
-webkit-order: 8;
|
|
order: 8;
|
|
}
|
|
.ant-col-xs-7 {
|
|
display: block;
|
|
width: 29.16666667%;
|
|
}
|
|
.ant-col-xs-push-7 {
|
|
left: 29.16666667%;
|
|
}
|
|
.ant-col-xs-pull-7 {
|
|
right: 29.16666667%;
|
|
}
|
|
.ant-col-xs-offset-7 {
|
|
margin-left: 29.16666667%;
|
|
}
|
|
.ant-col-xs-order-7 {
|
|
-webkit-box-ordinal-group: 8;
|
|
-webkit-order: 7;
|
|
order: 7;
|
|
}
|
|
.ant-col-xs-6 {
|
|
display: block;
|
|
width: 25%;
|
|
}
|
|
.ant-col-xs-push-6 {
|
|
left: 25%;
|
|
}
|
|
.ant-col-xs-pull-6 {
|
|
right: 25%;
|
|
}
|
|
.ant-col-xs-offset-6 {
|
|
margin-left: 25%;
|
|
}
|
|
.ant-col-xs-order-6 {
|
|
-webkit-box-ordinal-group: 7;
|
|
-webkit-order: 6;
|
|
order: 6;
|
|
}
|
|
.ant-col-xs-5 {
|
|
display: block;
|
|
width: 20.83333333%;
|
|
}
|
|
.ant-col-xs-push-5 {
|
|
left: 20.83333333%;
|
|
}
|
|
.ant-col-xs-pull-5 {
|
|
right: 20.83333333%;
|
|
}
|
|
.ant-col-xs-offset-5 {
|
|
margin-left: 20.83333333%;
|
|
}
|
|
.ant-col-xs-order-5 {
|
|
-webkit-box-ordinal-group: 6;
|
|
-webkit-order: 5;
|
|
order: 5;
|
|
}
|
|
.ant-col-xs-4 {
|
|
display: block;
|
|
width: 16.66666667%;
|
|
}
|
|
.ant-col-xs-push-4 {
|
|
left: 16.66666667%;
|
|
}
|
|
.ant-col-xs-pull-4 {
|
|
right: 16.66666667%;
|
|
}
|
|
.ant-col-xs-offset-4 {
|
|
margin-left: 16.66666667%;
|
|
}
|
|
.ant-col-xs-order-4 {
|
|
-webkit-box-ordinal-group: 5;
|
|
-webkit-order: 4;
|
|
order: 4;
|
|
}
|
|
.ant-col-xs-3 {
|
|
display: block;
|
|
width: 12.5%;
|
|
}
|
|
.ant-col-xs-push-3 {
|
|
left: 12.5%;
|
|
}
|
|
.ant-col-xs-pull-3 {
|
|
right: 12.5%;
|
|
}
|
|
.ant-col-xs-offset-3 {
|
|
margin-left: 12.5%;
|
|
}
|
|
.ant-col-xs-order-3 {
|
|
-webkit-box-ordinal-group: 4;
|
|
-webkit-order: 3;
|
|
order: 3;
|
|
}
|
|
.ant-col-xs-2 {
|
|
display: block;
|
|
width: 8.33333333%;
|
|
}
|
|
.ant-col-xs-push-2 {
|
|
left: 8.33333333%;
|
|
}
|
|
.ant-col-xs-pull-2 {
|
|
right: 8.33333333%;
|
|
}
|
|
.ant-col-xs-offset-2 {
|
|
margin-left: 8.33333333%;
|
|
}
|
|
.ant-col-xs-order-2 {
|
|
-webkit-box-ordinal-group: 3;
|
|
-webkit-order: 2;
|
|
order: 2;
|
|
}
|
|
.ant-col-xs-1 {
|
|
display: block;
|
|
width: 4.16666667%;
|
|
}
|
|
.ant-col-xs-push-1 {
|
|
left: 4.16666667%;
|
|
}
|
|
.ant-col-xs-pull-1 {
|
|
right: 4.16666667%;
|
|
}
|
|
.ant-col-xs-offset-1 {
|
|
margin-left: 4.16666667%;
|
|
}
|
|
.ant-col-xs-order-1 {
|
|
-webkit-box-ordinal-group: 2;
|
|
-webkit-order: 1;
|
|
order: 1;
|
|
}
|
|
.ant-col-xs-0 {
|
|
display: none;
|
|
}
|
|
.ant-col-push-0 {
|
|
left: auto;
|
|
}
|
|
.ant-col-pull-0 {
|
|
right: auto;
|
|
}
|
|
.ant-col-xs-push-0 {
|
|
left: auto;
|
|
}
|
|
.ant-col-xs-pull-0 {
|
|
right: auto;
|
|
}
|
|
.ant-col-xs-offset-0 {
|
|
margin-left: 0;
|
|
}
|
|
.ant-col-xs-order-0 {
|
|
-webkit-box-ordinal-group: 1;
|
|
-webkit-order: 0;
|
|
order: 0;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ant-col-sm-1, .ant-col-sm-2, .ant-col-sm-3, .ant-col-sm-4, .ant-col-sm-5, .ant-col-sm-6, .ant-col-sm-7, .ant-col-sm-8, .ant-col-sm-9, .ant-col-sm-10, .ant-col-sm-11, .ant-col-sm-12, .ant-col-sm-13, .ant-col-sm-14, .ant-col-sm-15, .ant-col-sm-16, .ant-col-sm-17, .ant-col-sm-18, .ant-col-sm-19, .ant-col-sm-20, .ant-col-sm-21, .ant-col-sm-22, .ant-col-sm-23, .ant-col-sm-24 {
|
|
float: left;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 auto;
|
|
flex: 0 0 auto;
|
|
}
|
|
.ant-col-sm-24 {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
.ant-col-sm-push-24 {
|
|
left: 100%;
|
|
}
|
|
.ant-col-sm-pull-24 {
|
|
right: 100%;
|
|
}
|
|
.ant-col-sm-offset-24 {
|
|
margin-left: 100%;
|
|
}
|
|
.ant-col-sm-order-24 {
|
|
-webkit-box-ordinal-group: 25;
|
|
-webkit-order: 24;
|
|
order: 24;
|
|
}
|
|
.ant-col-sm-23 {
|
|
display: block;
|
|
width: 95.83333333%;
|
|
}
|
|
.ant-col-sm-push-23 {
|
|
left: 95.83333333%;
|
|
}
|
|
.ant-col-sm-pull-23 {
|
|
right: 95.83333333%;
|
|
}
|
|
.ant-col-sm-offset-23 {
|
|
margin-left: 95.83333333%;
|
|
}
|
|
.ant-col-sm-order-23 {
|
|
-webkit-box-ordinal-group: 24;
|
|
-webkit-order: 23;
|
|
order: 23;
|
|
}
|
|
.ant-col-sm-22 {
|
|
display: block;
|
|
width: 91.66666667%;
|
|
}
|
|
.ant-col-sm-push-22 {
|
|
left: 91.66666667%;
|
|
}
|
|
.ant-col-sm-pull-22 {
|
|
right: 91.66666667%;
|
|
}
|
|
.ant-col-sm-offset-22 {
|
|
margin-left: 91.66666667%;
|
|
}
|
|
.ant-col-sm-order-22 {
|
|
-webkit-box-ordinal-group: 23;
|
|
-webkit-order: 22;
|
|
order: 22;
|
|
}
|
|
.ant-col-sm-21 {
|
|
display: block;
|
|
width: 87.5%;
|
|
}
|
|
.ant-col-sm-push-21 {
|
|
left: 87.5%;
|
|
}
|
|
.ant-col-sm-pull-21 {
|
|
right: 87.5%;
|
|
}
|
|
.ant-col-sm-offset-21 {
|
|
margin-left: 87.5%;
|
|
}
|
|
.ant-col-sm-order-21 {
|
|
-webkit-box-ordinal-group: 22;
|
|
-webkit-order: 21;
|
|
order: 21;
|
|
}
|
|
.ant-col-sm-20 {
|
|
display: block;
|
|
width: 83.33333333%;
|
|
}
|
|
.ant-col-sm-push-20 {
|
|
left: 83.33333333%;
|
|
}
|
|
.ant-col-sm-pull-20 {
|
|
right: 83.33333333%;
|
|
}
|
|
.ant-col-sm-offset-20 {
|
|
margin-left: 83.33333333%;
|
|
}
|
|
.ant-col-sm-order-20 {
|
|
-webkit-box-ordinal-group: 21;
|
|
-webkit-order: 20;
|
|
order: 20;
|
|
}
|
|
.ant-col-sm-19 {
|
|
display: block;
|
|
width: 79.16666667%;
|
|
}
|
|
.ant-col-sm-push-19 {
|
|
left: 79.16666667%;
|
|
}
|
|
.ant-col-sm-pull-19 {
|
|
right: 79.16666667%;
|
|
}
|
|
.ant-col-sm-offset-19 {
|
|
margin-left: 79.16666667%;
|
|
}
|
|
.ant-col-sm-order-19 {
|
|
-webkit-box-ordinal-group: 20;
|
|
-webkit-order: 19;
|
|
order: 19;
|
|
}
|
|
.ant-col-sm-18 {
|
|
display: block;
|
|
width: 75%;
|
|
}
|
|
.ant-col-sm-push-18 {
|
|
left: 75%;
|
|
}
|
|
.ant-col-sm-pull-18 {
|
|
right: 75%;
|
|
}
|
|
.ant-col-sm-offset-18 {
|
|
margin-left: 75%;
|
|
}
|
|
.ant-col-sm-order-18 {
|
|
-webkit-box-ordinal-group: 19;
|
|
-webkit-order: 18;
|
|
order: 18;
|
|
}
|
|
.ant-col-sm-17 {
|
|
display: block;
|
|
width: 70.83333333%;
|
|
}
|
|
.ant-col-sm-push-17 {
|
|
left: 70.83333333%;
|
|
}
|
|
.ant-col-sm-pull-17 {
|
|
right: 70.83333333%;
|
|
}
|
|
.ant-col-sm-offset-17 {
|
|
margin-left: 70.83333333%;
|
|
}
|
|
.ant-col-sm-order-17 {
|
|
-webkit-box-ordinal-group: 18;
|
|
-webkit-order: 17;
|
|
order: 17;
|
|
}
|
|
.ant-col-sm-16 {
|
|
display: block;
|
|
width: 66.66666667%;
|
|
}
|
|
.ant-col-sm-push-16 {
|
|
left: 66.66666667%;
|
|
}
|
|
.ant-col-sm-pull-16 {
|
|
right: 66.66666667%;
|
|
}
|
|
.ant-col-sm-offset-16 {
|
|
margin-left: 66.66666667%;
|
|
}
|
|
.ant-col-sm-order-16 {
|
|
-webkit-box-ordinal-group: 17;
|
|
-webkit-order: 16;
|
|
order: 16;
|
|
}
|
|
.ant-col-sm-15 {
|
|
display: block;
|
|
width: 62.5%;
|
|
}
|
|
.ant-col-sm-push-15 {
|
|
left: 62.5%;
|
|
}
|
|
.ant-col-sm-pull-15 {
|
|
right: 62.5%;
|
|
}
|
|
.ant-col-sm-offset-15 {
|
|
margin-left: 62.5%;
|
|
}
|
|
.ant-col-sm-order-15 {
|
|
-webkit-box-ordinal-group: 16;
|
|
-webkit-order: 15;
|
|
order: 15;
|
|
}
|
|
.ant-col-sm-14 {
|
|
display: block;
|
|
width: 58.33333333%;
|
|
}
|
|
.ant-col-sm-push-14 {
|
|
left: 58.33333333%;
|
|
}
|
|
.ant-col-sm-pull-14 {
|
|
right: 58.33333333%;
|
|
}
|
|
.ant-col-sm-offset-14 {
|
|
margin-left: 58.33333333%;
|
|
}
|
|
.ant-col-sm-order-14 {
|
|
-webkit-box-ordinal-group: 15;
|
|
-webkit-order: 14;
|
|
order: 14;
|
|
}
|
|
.ant-col-sm-13 {
|
|
display: block;
|
|
width: 54.16666667%;
|
|
}
|
|
.ant-col-sm-push-13 {
|
|
left: 54.16666667%;
|
|
}
|
|
.ant-col-sm-pull-13 {
|
|
right: 54.16666667%;
|
|
}
|
|
.ant-col-sm-offset-13 {
|
|
margin-left: 54.16666667%;
|
|
}
|
|
.ant-col-sm-order-13 {
|
|
-webkit-box-ordinal-group: 14;
|
|
-webkit-order: 13;
|
|
order: 13;
|
|
}
|
|
.ant-col-sm-12 {
|
|
display: block;
|
|
width: 50%;
|
|
}
|
|
.ant-col-sm-push-12 {
|
|
left: 50%;
|
|
}
|
|
.ant-col-sm-pull-12 {
|
|
right: 50%;
|
|
}
|
|
.ant-col-sm-offset-12 {
|
|
margin-left: 50%;
|
|
}
|
|
.ant-col-sm-order-12 {
|
|
-webkit-box-ordinal-group: 13;
|
|
-webkit-order: 12;
|
|
order: 12;
|
|
}
|
|
.ant-col-sm-11 {
|
|
display: block;
|
|
width: 45.83333333%;
|
|
}
|
|
.ant-col-sm-push-11 {
|
|
left: 45.83333333%;
|
|
}
|
|
.ant-col-sm-pull-11 {
|
|
right: 45.83333333%;
|
|
}
|
|
.ant-col-sm-offset-11 {
|
|
margin-left: 45.83333333%;
|
|
}
|
|
.ant-col-sm-order-11 {
|
|
-webkit-box-ordinal-group: 12;
|
|
-webkit-order: 11;
|
|
order: 11;
|
|
}
|
|
.ant-col-sm-10 {
|
|
display: block;
|
|
width: 41.66666667%;
|
|
}
|
|
.ant-col-sm-push-10 {
|
|
left: 41.66666667%;
|
|
}
|
|
.ant-col-sm-pull-10 {
|
|
right: 41.66666667%;
|
|
}
|
|
.ant-col-sm-offset-10 {
|
|
margin-left: 41.66666667%;
|
|
}
|
|
.ant-col-sm-order-10 {
|
|
-webkit-box-ordinal-group: 11;
|
|
-webkit-order: 10;
|
|
order: 10;
|
|
}
|
|
.ant-col-sm-9 {
|
|
display: block;
|
|
width: 37.5%;
|
|
}
|
|
.ant-col-sm-push-9 {
|
|
left: 37.5%;
|
|
}
|
|
.ant-col-sm-pull-9 {
|
|
right: 37.5%;
|
|
}
|
|
.ant-col-sm-offset-9 {
|
|
margin-left: 37.5%;
|
|
}
|
|
.ant-col-sm-order-9 {
|
|
-webkit-box-ordinal-group: 10;
|
|
-webkit-order: 9;
|
|
order: 9;
|
|
}
|
|
.ant-col-sm-8 {
|
|
display: block;
|
|
width: 33.33333333%;
|
|
}
|
|
.ant-col-sm-push-8 {
|
|
left: 33.33333333%;
|
|
}
|
|
.ant-col-sm-pull-8 {
|
|
right: 33.33333333%;
|
|
}
|
|
.ant-col-sm-offset-8 {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.ant-col-sm-order-8 {
|
|
-webkit-box-ordinal-group: 9;
|
|
-webkit-order: 8;
|
|
order: 8;
|
|
}
|
|
.ant-col-sm-7 {
|
|
display: block;
|
|
width: 29.16666667%;
|
|
}
|
|
.ant-col-sm-push-7 {
|
|
left: 29.16666667%;
|
|
}
|
|
.ant-col-sm-pull-7 {
|
|
right: 29.16666667%;
|
|
}
|
|
.ant-col-sm-offset-7 {
|
|
margin-left: 29.16666667%;
|
|
}
|
|
.ant-col-sm-order-7 {
|
|
-webkit-box-ordinal-group: 8;
|
|
-webkit-order: 7;
|
|
order: 7;
|
|
}
|
|
.ant-col-sm-6 {
|
|
display: block;
|
|
width: 25%;
|
|
}
|
|
.ant-col-sm-push-6 {
|
|
left: 25%;
|
|
}
|
|
.ant-col-sm-pull-6 {
|
|
right: 25%;
|
|
}
|
|
.ant-col-sm-offset-6 {
|
|
margin-left: 25%;
|
|
}
|
|
.ant-col-sm-order-6 {
|
|
-webkit-box-ordinal-group: 7;
|
|
-webkit-order: 6;
|
|
order: 6;
|
|
}
|
|
.ant-col-sm-5 {
|
|
display: block;
|
|
width: 20.83333333%;
|
|
}
|
|
.ant-col-sm-push-5 {
|
|
left: 20.83333333%;
|
|
}
|
|
.ant-col-sm-pull-5 {
|
|
right: 20.83333333%;
|
|
}
|
|
.ant-col-sm-offset-5 {
|
|
margin-left: 20.83333333%;
|
|
}
|
|
.ant-col-sm-order-5 {
|
|
-webkit-box-ordinal-group: 6;
|
|
-webkit-order: 5;
|
|
order: 5;
|
|
}
|
|
.ant-col-sm-4 {
|
|
display: block;
|
|
width: 16.66666667%;
|
|
}
|
|
.ant-col-sm-push-4 {
|
|
left: 16.66666667%;
|
|
}
|
|
.ant-col-sm-pull-4 {
|
|
right: 16.66666667%;
|
|
}
|
|
.ant-col-sm-offset-4 {
|
|
margin-left: 16.66666667%;
|
|
}
|
|
.ant-col-sm-order-4 {
|
|
-webkit-box-ordinal-group: 5;
|
|
-webkit-order: 4;
|
|
order: 4;
|
|
}
|
|
.ant-col-sm-3 {
|
|
display: block;
|
|
width: 12.5%;
|
|
}
|
|
.ant-col-sm-push-3 {
|
|
left: 12.5%;
|
|
}
|
|
.ant-col-sm-pull-3 {
|
|
right: 12.5%;
|
|
}
|
|
.ant-col-sm-offset-3 {
|
|
margin-left: 12.5%;
|
|
}
|
|
.ant-col-sm-order-3 {
|
|
-webkit-box-ordinal-group: 4;
|
|
-webkit-order: 3;
|
|
order: 3;
|
|
}
|
|
.ant-col-sm-2 {
|
|
display: block;
|
|
width: 8.33333333%;
|
|
}
|
|
.ant-col-sm-push-2 {
|
|
left: 8.33333333%;
|
|
}
|
|
.ant-col-sm-pull-2 {
|
|
right: 8.33333333%;
|
|
}
|
|
.ant-col-sm-offset-2 {
|
|
margin-left: 8.33333333%;
|
|
}
|
|
.ant-col-sm-order-2 {
|
|
-webkit-box-ordinal-group: 3;
|
|
-webkit-order: 2;
|
|
order: 2;
|
|
}
|
|
.ant-col-sm-1 {
|
|
display: block;
|
|
width: 4.16666667%;
|
|
}
|
|
.ant-col-sm-push-1 {
|
|
left: 4.16666667%;
|
|
}
|
|
.ant-col-sm-pull-1 {
|
|
right: 4.16666667%;
|
|
}
|
|
.ant-col-sm-offset-1 {
|
|
margin-left: 4.16666667%;
|
|
}
|
|
.ant-col-sm-order-1 {
|
|
-webkit-box-ordinal-group: 2;
|
|
-webkit-order: 1;
|
|
order: 1;
|
|
}
|
|
.ant-col-sm-0 {
|
|
display: none;
|
|
}
|
|
.ant-col-push-0 {
|
|
left: auto;
|
|
}
|
|
.ant-col-pull-0 {
|
|
right: auto;
|
|
}
|
|
.ant-col-sm-push-0 {
|
|
left: auto;
|
|
}
|
|
.ant-col-sm-pull-0 {
|
|
right: auto;
|
|
}
|
|
.ant-col-sm-offset-0 {
|
|
margin-left: 0;
|
|
}
|
|
.ant-col-sm-order-0 {
|
|
-webkit-box-ordinal-group: 1;
|
|
-webkit-order: 0;
|
|
order: 0;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.ant-col-md-1, .ant-col-md-2, .ant-col-md-3, .ant-col-md-4, .ant-col-md-5, .ant-col-md-6, .ant-col-md-7, .ant-col-md-8, .ant-col-md-9, .ant-col-md-10, .ant-col-md-11, .ant-col-md-12, .ant-col-md-13, .ant-col-md-14, .ant-col-md-15, .ant-col-md-16, .ant-col-md-17, .ant-col-md-18, .ant-col-md-19, .ant-col-md-20, .ant-col-md-21, .ant-col-md-22, .ant-col-md-23, .ant-col-md-24 {
|
|
float: left;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 auto;
|
|
flex: 0 0 auto;
|
|
}
|
|
.ant-col-md-24 {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
.ant-col-md-push-24 {
|
|
left: 100%;
|
|
}
|
|
.ant-col-md-pull-24 {
|
|
right: 100%;
|
|
}
|
|
.ant-col-md-offset-24 {
|
|
margin-left: 100%;
|
|
}
|
|
.ant-col-md-order-24 {
|
|
-webkit-box-ordinal-group: 25;
|
|
-webkit-order: 24;
|
|
order: 24;
|
|
}
|
|
.ant-col-md-23 {
|
|
display: block;
|
|
width: 95.83333333%;
|
|
}
|
|
.ant-col-md-push-23 {
|
|
left: 95.83333333%;
|
|
}
|
|
.ant-col-md-pull-23 {
|
|
right: 95.83333333%;
|
|
}
|
|
.ant-col-md-offset-23 {
|
|
margin-left: 95.83333333%;
|
|
}
|
|
.ant-col-md-order-23 {
|
|
-webkit-box-ordinal-group: 24;
|
|
-webkit-order: 23;
|
|
order: 23;
|
|
}
|
|
.ant-col-md-22 {
|
|
display: block;
|
|
width: 91.66666667%;
|
|
}
|
|
.ant-col-md-push-22 {
|
|
left: 91.66666667%;
|
|
}
|
|
.ant-col-md-pull-22 {
|
|
right: 91.66666667%;
|
|
}
|
|
.ant-col-md-offset-22 {
|
|
margin-left: 91.66666667%;
|
|
}
|
|
.ant-col-md-order-22 {
|
|
-webkit-box-ordinal-group: 23;
|
|
-webkit-order: 22;
|
|
order: 22;
|
|
}
|
|
.ant-col-md-21 {
|
|
display: block;
|
|
width: 87.5%;
|
|
}
|
|
.ant-col-md-push-21 {
|
|
left: 87.5%;
|
|
}
|
|
.ant-col-md-pull-21 {
|
|
right: 87.5%;
|
|
}
|
|
.ant-col-md-offset-21 {
|
|
margin-left: 87.5%;
|
|
}
|
|
.ant-col-md-order-21 {
|
|
-webkit-box-ordinal-group: 22;
|
|
-webkit-order: 21;
|
|
order: 21;
|
|
}
|
|
.ant-col-md-20 {
|
|
display: block;
|
|
width: 83.33333333%;
|
|
}
|
|
.ant-col-md-push-20 {
|
|
left: 83.33333333%;
|
|
}
|
|
.ant-col-md-pull-20 {
|
|
right: 83.33333333%;
|
|
}
|
|
.ant-col-md-offset-20 {
|
|
margin-left: 83.33333333%;
|
|
}
|
|
.ant-col-md-order-20 {
|
|
-webkit-box-ordinal-group: 21;
|
|
-webkit-order: 20;
|
|
order: 20;
|
|
}
|
|
.ant-col-md-19 {
|
|
display: block;
|
|
width: 79.16666667%;
|
|
}
|
|
.ant-col-md-push-19 {
|
|
left: 79.16666667%;
|
|
}
|
|
.ant-col-md-pull-19 {
|
|
right: 79.16666667%;
|
|
}
|
|
.ant-col-md-offset-19 {
|
|
margin-left: 79.16666667%;
|
|
}
|
|
.ant-col-md-order-19 {
|
|
-webkit-box-ordinal-group: 20;
|
|
-webkit-order: 19;
|
|
order: 19;
|
|
}
|
|
.ant-col-md-18 {
|
|
display: block;
|
|
width: 75%;
|
|
}
|
|
.ant-col-md-push-18 {
|
|
left: 75%;
|
|
}
|
|
.ant-col-md-pull-18 {
|
|
right: 75%;
|
|
}
|
|
.ant-col-md-offset-18 {
|
|
margin-left: 75%;
|
|
}
|
|
.ant-col-md-order-18 {
|
|
-webkit-box-ordinal-group: 19;
|
|
-webkit-order: 18;
|
|
order: 18;
|
|
}
|
|
.ant-col-md-17 {
|
|
display: block;
|
|
width: 70.83333333%;
|
|
}
|
|
.ant-col-md-push-17 {
|
|
left: 70.83333333%;
|
|
}
|
|
.ant-col-md-pull-17 {
|
|
right: 70.83333333%;
|
|
}
|
|
.ant-col-md-offset-17 {
|
|
margin-left: 70.83333333%;
|
|
}
|
|
.ant-col-md-order-17 {
|
|
-webkit-box-ordinal-group: 18;
|
|
-webkit-order: 17;
|
|
order: 17;
|
|
}
|
|
.ant-col-md-16 {
|
|
display: block;
|
|
width: 66.66666667%;
|
|
}
|
|
.ant-col-md-push-16 {
|
|
left: 66.66666667%;
|
|
}
|
|
.ant-col-md-pull-16 {
|
|
right: 66.66666667%;
|
|
}
|
|
.ant-col-md-offset-16 {
|
|
margin-left: 66.66666667%;
|
|
}
|
|
.ant-col-md-order-16 {
|
|
-webkit-box-ordinal-group: 17;
|
|
-webkit-order: 16;
|
|
order: 16;
|
|
}
|
|
.ant-col-md-15 {
|
|
display: block;
|
|
width: 62.5%;
|
|
}
|
|
.ant-col-md-push-15 {
|
|
left: 62.5%;
|
|
}
|
|
.ant-col-md-pull-15 {
|
|
right: 62.5%;
|
|
}
|
|
.ant-col-md-offset-15 {
|
|
margin-left: 62.5%;
|
|
}
|
|
.ant-col-md-order-15 {
|
|
-webkit-box-ordinal-group: 16;
|
|
-webkit-order: 15;
|
|
order: 15;
|
|
}
|
|
.ant-col-md-14 {
|
|
display: block;
|
|
width: 58.33333333%;
|
|
}
|
|
.ant-col-md-push-14 {
|
|
left: 58.33333333%;
|
|
}
|
|
.ant-col-md-pull-14 {
|
|
right: 58.33333333%;
|
|
}
|
|
.ant-col-md-offset-14 {
|
|
margin-left: 58.33333333%;
|
|
}
|
|
.ant-col-md-order-14 {
|
|
-webkit-box-ordinal-group: 15;
|
|
-webkit-order: 14;
|
|
order: 14;
|
|
}
|
|
.ant-col-md-13 {
|
|
display: block;
|
|
width: 54.16666667%;
|
|
}
|
|
.ant-col-md-push-13 {
|
|
left: 54.16666667%;
|
|
}
|
|
.ant-col-md-pull-13 {
|
|
right: 54.16666667%;
|
|
}
|
|
.ant-col-md-offset-13 {
|
|
margin-left: 54.16666667%;
|
|
}
|
|
.ant-col-md-order-13 {
|
|
-webkit-box-ordinal-group: 14;
|
|
-webkit-order: 13;
|
|
order: 13;
|
|
}
|
|
.ant-col-md-12 {
|
|
display: block;
|
|
width: 50%;
|
|
}
|
|
.ant-col-md-push-12 {
|
|
left: 50%;
|
|
}
|
|
.ant-col-md-pull-12 {
|
|
right: 50%;
|
|
}
|
|
.ant-col-md-offset-12 {
|
|
margin-left: 50%;
|
|
}
|
|
.ant-col-md-order-12 {
|
|
-webkit-box-ordinal-group: 13;
|
|
-webkit-order: 12;
|
|
order: 12;
|
|
}
|
|
.ant-col-md-11 {
|
|
display: block;
|
|
width: 45.83333333%;
|
|
}
|
|
.ant-col-md-push-11 {
|
|
left: 45.83333333%;
|
|
}
|
|
.ant-col-md-pull-11 {
|
|
right: 45.83333333%;
|
|
}
|
|
.ant-col-md-offset-11 {
|
|
margin-left: 45.83333333%;
|
|
}
|
|
.ant-col-md-order-11 {
|
|
-webkit-box-ordinal-group: 12;
|
|
-webkit-order: 11;
|
|
order: 11;
|
|
}
|
|
.ant-col-md-10 {
|
|
display: block;
|
|
width: 41.66666667%;
|
|
}
|
|
.ant-col-md-push-10 {
|
|
left: 41.66666667%;
|
|
}
|
|
.ant-col-md-pull-10 {
|
|
right: 41.66666667%;
|
|
}
|
|
.ant-col-md-offset-10 {
|
|
margin-left: 41.66666667%;
|
|
}
|
|
.ant-col-md-order-10 {
|
|
-webkit-box-ordinal-group: 11;
|
|
-webkit-order: 10;
|
|
order: 10;
|
|
}
|
|
.ant-col-md-9 {
|
|
display: block;
|
|
width: 37.5%;
|
|
}
|
|
.ant-col-md-push-9 {
|
|
left: 37.5%;
|
|
}
|
|
.ant-col-md-pull-9 {
|
|
right: 37.5%;
|
|
}
|
|
.ant-col-md-offset-9 {
|
|
margin-left: 37.5%;
|
|
}
|
|
.ant-col-md-order-9 {
|
|
-webkit-box-ordinal-group: 10;
|
|
-webkit-order: 9;
|
|
order: 9;
|
|
}
|
|
.ant-col-md-8 {
|
|
display: block;
|
|
width: 33.33333333%;
|
|
}
|
|
.ant-col-md-push-8 {
|
|
left: 33.33333333%;
|
|
}
|
|
.ant-col-md-pull-8 {
|
|
right: 33.33333333%;
|
|
}
|
|
.ant-col-md-offset-8 {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.ant-col-md-order-8 {
|
|
-webkit-box-ordinal-group: 9;
|
|
-webkit-order: 8;
|
|
order: 8;
|
|
}
|
|
.ant-col-md-7 {
|
|
display: block;
|
|
width: 29.16666667%;
|
|
}
|
|
.ant-col-md-push-7 {
|
|
left: 29.16666667%;
|
|
}
|
|
.ant-col-md-pull-7 {
|
|
right: 29.16666667%;
|
|
}
|
|
.ant-col-md-offset-7 {
|
|
margin-left: 29.16666667%;
|
|
}
|
|
.ant-col-md-order-7 {
|
|
-webkit-box-ordinal-group: 8;
|
|
-webkit-order: 7;
|
|
order: 7;
|
|
}
|
|
.ant-col-md-6 {
|
|
display: block;
|
|
width: 25%;
|
|
}
|
|
.ant-col-md-push-6 {
|
|
left: 25%;
|
|
}
|
|
.ant-col-md-pull-6 {
|
|
right: 25%;
|
|
}
|
|
.ant-col-md-offset-6 {
|
|
margin-left: 25%;
|
|
}
|
|
.ant-col-md-order-6 {
|
|
-webkit-box-ordinal-group: 7;
|
|
-webkit-order: 6;
|
|
order: 6;
|
|
}
|
|
.ant-col-md-5 {
|
|
display: block;
|
|
width: 20.83333333%;
|
|
}
|
|
.ant-col-md-push-5 {
|
|
left: 20.83333333%;
|
|
}
|
|
.ant-col-md-pull-5 {
|
|
right: 20.83333333%;
|
|
}
|
|
.ant-col-md-offset-5 {
|
|
margin-left: 20.83333333%;
|
|
}
|
|
.ant-col-md-order-5 {
|
|
-webkit-box-ordinal-group: 6;
|
|
-webkit-order: 5;
|
|
order: 5;
|
|
}
|
|
.ant-col-md-4 {
|
|
display: block;
|
|
width: 16.66666667%;
|
|
}
|
|
.ant-col-md-push-4 {
|
|
left: 16.66666667%;
|
|
}
|
|
.ant-col-md-pull-4 {
|
|
right: 16.66666667%;
|
|
}
|
|
.ant-col-md-offset-4 {
|
|
margin-left: 16.66666667%;
|
|
}
|
|
.ant-col-md-order-4 {
|
|
-webkit-box-ordinal-group: 5;
|
|
-webkit-order: 4;
|
|
order: 4;
|
|
}
|
|
.ant-col-md-3 {
|
|
display: block;
|
|
width: 12.5%;
|
|
}
|
|
.ant-col-md-push-3 {
|
|
left: 12.5%;
|
|
}
|
|
.ant-col-md-pull-3 {
|
|
right: 12.5%;
|
|
}
|
|
.ant-col-md-offset-3 {
|
|
margin-left: 12.5%;
|
|
}
|
|
.ant-col-md-order-3 {
|
|
-webkit-box-ordinal-group: 4;
|
|
-webkit-order: 3;
|
|
order: 3;
|
|
}
|
|
.ant-col-md-2 {
|
|
display: block;
|
|
width: 8.33333333%;
|
|
}
|
|
.ant-col-md-push-2 {
|
|
left: 8.33333333%;
|
|
}
|
|
.ant-col-md-pull-2 {
|
|
right: 8.33333333%;
|
|
}
|
|
.ant-col-md-offset-2 {
|
|
margin-left: 8.33333333%;
|
|
}
|
|
.ant-col-md-order-2 {
|
|
-webkit-box-ordinal-group: 3;
|
|
-webkit-order: 2;
|
|
order: 2;
|
|
}
|
|
.ant-col-md-1 {
|
|
display: block;
|
|
width: 4.16666667%;
|
|
}
|
|
.ant-col-md-push-1 {
|
|
left: 4.16666667%;
|
|
}
|
|
.ant-col-md-pull-1 {
|
|
right: 4.16666667%;
|
|
}
|
|
.ant-col-md-offset-1 {
|
|
margin-left: 4.16666667%;
|
|
}
|
|
.ant-col-md-order-1 {
|
|
-webkit-box-ordinal-group: 2;
|
|
-webkit-order: 1;
|
|
order: 1;
|
|
}
|
|
.ant-col-md-0 {
|
|
display: none;
|
|
}
|
|
.ant-col-push-0 {
|
|
left: auto;
|
|
}
|
|
.ant-col-pull-0 {
|
|
right: auto;
|
|
}
|
|
.ant-col-md-push-0 {
|
|
left: auto;
|
|
}
|
|
.ant-col-md-pull-0 {
|
|
right: auto;
|
|
}
|
|
.ant-col-md-offset-0 {
|
|
margin-left: 0;
|
|
}
|
|
.ant-col-md-order-0 {
|
|
-webkit-box-ordinal-group: 1;
|
|
-webkit-order: 0;
|
|
order: 0;
|
|
}
|
|
}
|
|
@media (min-width: 1200px) {
|
|
.ant-col-lg-1, .ant-col-lg-2, .ant-col-lg-3, .ant-col-lg-4, .ant-col-lg-5, .ant-col-lg-6, .ant-col-lg-7, .ant-col-lg-8, .ant-col-lg-9, .ant-col-lg-10, .ant-col-lg-11, .ant-col-lg-12, .ant-col-lg-13, .ant-col-lg-14, .ant-col-lg-15, .ant-col-lg-16, .ant-col-lg-17, .ant-col-lg-18, .ant-col-lg-19, .ant-col-lg-20, .ant-col-lg-21, .ant-col-lg-22, .ant-col-lg-23, .ant-col-lg-24 {
|
|
float: left;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 auto;
|
|
flex: 0 0 auto;
|
|
}
|
|
.ant-col-lg-24 {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
.ant-col-lg-push-24 {
|
|
left: 100%;
|
|
}
|
|
.ant-col-lg-pull-24 {
|
|
right: 100%;
|
|
}
|
|
.ant-col-lg-offset-24 {
|
|
margin-left: 100%;
|
|
}
|
|
.ant-col-lg-order-24 {
|
|
-webkit-box-ordinal-group: 25;
|
|
-webkit-order: 24;
|
|
order: 24;
|
|
}
|
|
.ant-col-lg-23 {
|
|
display: block;
|
|
width: 95.83333333%;
|
|
}
|
|
.ant-col-lg-push-23 {
|
|
left: 95.83333333%;
|
|
}
|
|
.ant-col-lg-pull-23 {
|
|
right: 95.83333333%;
|
|
}
|
|
.ant-col-lg-offset-23 {
|
|
margin-left: 95.83333333%;
|
|
}
|
|
.ant-col-lg-order-23 {
|
|
-webkit-box-ordinal-group: 24;
|
|
-webkit-order: 23;
|
|
order: 23;
|
|
}
|
|
.ant-col-lg-22 {
|
|
display: block;
|
|
width: 91.66666667%;
|
|
}
|
|
.ant-col-lg-push-22 {
|
|
left: 91.66666667%;
|
|
}
|
|
.ant-col-lg-pull-22 {
|
|
right: 91.66666667%;
|
|
}
|
|
.ant-col-lg-offset-22 {
|
|
margin-left: 91.66666667%;
|
|
}
|
|
.ant-col-lg-order-22 {
|
|
-webkit-box-ordinal-group: 23;
|
|
-webkit-order: 22;
|
|
order: 22;
|
|
}
|
|
.ant-col-lg-21 {
|
|
display: block;
|
|
width: 87.5%;
|
|
}
|
|
.ant-col-lg-push-21 {
|
|
left: 87.5%;
|
|
}
|
|
.ant-col-lg-pull-21 {
|
|
right: 87.5%;
|
|
}
|
|
.ant-col-lg-offset-21 {
|
|
margin-left: 87.5%;
|
|
}
|
|
.ant-col-lg-order-21 {
|
|
-webkit-box-ordinal-group: 22;
|
|
-webkit-order: 21;
|
|
order: 21;
|
|
}
|
|
.ant-col-lg-20 {
|
|
display: block;
|
|
width: 83.33333333%;
|
|
}
|
|
.ant-col-lg-push-20 {
|
|
left: 83.33333333%;
|
|
}
|
|
.ant-col-lg-pull-20 {
|
|
right: 83.33333333%;
|
|
}
|
|
.ant-col-lg-offset-20 {
|
|
margin-left: 83.33333333%;
|
|
}
|
|
.ant-col-lg-order-20 {
|
|
-webkit-box-ordinal-group: 21;
|
|
-webkit-order: 20;
|
|
order: 20;
|
|
}
|
|
.ant-col-lg-19 {
|
|
display: block;
|
|
width: 79.16666667%;
|
|
}
|
|
.ant-col-lg-push-19 {
|
|
left: 79.16666667%;
|
|
}
|
|
.ant-col-lg-pull-19 {
|
|
right: 79.16666667%;
|
|
}
|
|
.ant-col-lg-offset-19 {
|
|
margin-left: 79.16666667%;
|
|
}
|
|
.ant-col-lg-order-19 {
|
|
-webkit-box-ordinal-group: 20;
|
|
-webkit-order: 19;
|
|
order: 19;
|
|
}
|
|
.ant-col-lg-18 {
|
|
display: block;
|
|
width: 75%;
|
|
}
|
|
.ant-col-lg-push-18 {
|
|
left: 75%;
|
|
}
|
|
.ant-col-lg-pull-18 {
|
|
right: 75%;
|
|
}
|
|
.ant-col-lg-offset-18 {
|
|
margin-left: 75%;
|
|
}
|
|
.ant-col-lg-order-18 {
|
|
-webkit-box-ordinal-group: 19;
|
|
-webkit-order: 18;
|
|
order: 18;
|
|
}
|
|
.ant-col-lg-17 {
|
|
display: block;
|
|
width: 70.83333333%;
|
|
}
|
|
.ant-col-lg-push-17 {
|
|
left: 70.83333333%;
|
|
}
|
|
.ant-col-lg-pull-17 {
|
|
right: 70.83333333%;
|
|
}
|
|
.ant-col-lg-offset-17 {
|
|
margin-left: 70.83333333%;
|
|
}
|
|
.ant-col-lg-order-17 {
|
|
-webkit-box-ordinal-group: 18;
|
|
-webkit-order: 17;
|
|
order: 17;
|
|
}
|
|
.ant-col-lg-16 {
|
|
display: block;
|
|
width: 66.66666667%;
|
|
}
|
|
.ant-col-lg-push-16 {
|
|
left: 66.66666667%;
|
|
}
|
|
.ant-col-lg-pull-16 {
|
|
right: 66.66666667%;
|
|
}
|
|
.ant-col-lg-offset-16 {
|
|
margin-left: 66.66666667%;
|
|
}
|
|
.ant-col-lg-order-16 {
|
|
-webkit-box-ordinal-group: 17;
|
|
-webkit-order: 16;
|
|
order: 16;
|
|
}
|
|
.ant-col-lg-15 {
|
|
display: block;
|
|
width: 62.5%;
|
|
}
|
|
.ant-col-lg-push-15 {
|
|
left: 62.5%;
|
|
}
|
|
.ant-col-lg-pull-15 {
|
|
right: 62.5%;
|
|
}
|
|
.ant-col-lg-offset-15 {
|
|
margin-left: 62.5%;
|
|
}
|
|
.ant-col-lg-order-15 {
|
|
-webkit-box-ordinal-group: 16;
|
|
-webkit-order: 15;
|
|
order: 15;
|
|
}
|
|
.ant-col-lg-14 {
|
|
display: block;
|
|
width: 58.33333333%;
|
|
}
|
|
.ant-col-lg-push-14 {
|
|
left: 58.33333333%;
|
|
}
|
|
.ant-col-lg-pull-14 {
|
|
right: 58.33333333%;
|
|
}
|
|
.ant-col-lg-offset-14 {
|
|
margin-left: 58.33333333%;
|
|
}
|
|
.ant-col-lg-order-14 {
|
|
-webkit-box-ordinal-group: 15;
|
|
-webkit-order: 14;
|
|
order: 14;
|
|
}
|
|
.ant-col-lg-13 {
|
|
display: block;
|
|
width: 54.16666667%;
|
|
}
|
|
.ant-col-lg-push-13 {
|
|
left: 54.16666667%;
|
|
}
|
|
.ant-col-lg-pull-13 {
|
|
right: 54.16666667%;
|
|
}
|
|
.ant-col-lg-offset-13 {
|
|
margin-left: 54.16666667%;
|
|
}
|
|
.ant-col-lg-order-13 {
|
|
-webkit-box-ordinal-group: 14;
|
|
-webkit-order: 13;
|
|
order: 13;
|
|
}
|
|
.ant-col-lg-12 {
|
|
display: block;
|
|
width: 50%;
|
|
}
|
|
.ant-col-lg-push-12 {
|
|
left: 50%;
|
|
}
|
|
.ant-col-lg-pull-12 {
|
|
right: 50%;
|
|
}
|
|
.ant-col-lg-offset-12 {
|
|
margin-left: 50%;
|
|
}
|
|
.ant-col-lg-order-12 {
|
|
-webkit-box-ordinal-group: 13;
|
|
-webkit-order: 12;
|
|
order: 12;
|
|
}
|
|
.ant-col-lg-11 {
|
|
display: block;
|
|
width: 45.83333333%;
|
|
}
|
|
.ant-col-lg-push-11 {
|
|
left: 45.83333333%;
|
|
}
|
|
.ant-col-lg-pull-11 {
|
|
right: 45.83333333%;
|
|
}
|
|
.ant-col-lg-offset-11 {
|
|
margin-left: 45.83333333%;
|
|
}
|
|
.ant-col-lg-order-11 {
|
|
-webkit-box-ordinal-group: 12;
|
|
-webkit-order: 11;
|
|
order: 11;
|
|
}
|
|
.ant-col-lg-10 {
|
|
display: block;
|
|
width: 41.66666667%;
|
|
}
|
|
.ant-col-lg-push-10 {
|
|
left: 41.66666667%;
|
|
}
|
|
.ant-col-lg-pull-10 {
|
|
right: 41.66666667%;
|
|
}
|
|
.ant-col-lg-offset-10 {
|
|
margin-left: 41.66666667%;
|
|
}
|
|
.ant-col-lg-order-10 {
|
|
-webkit-box-ordinal-group: 11;
|
|
-webkit-order: 10;
|
|
order: 10;
|
|
}
|
|
.ant-col-lg-9 {
|
|
display: block;
|
|
width: 37.5%;
|
|
}
|
|
.ant-col-lg-push-9 {
|
|
left: 37.5%;
|
|
}
|
|
.ant-col-lg-pull-9 {
|
|
right: 37.5%;
|
|
}
|
|
.ant-col-lg-offset-9 {
|
|
margin-left: 37.5%;
|
|
}
|
|
.ant-col-lg-order-9 {
|
|
-webkit-box-ordinal-group: 10;
|
|
-webkit-order: 9;
|
|
order: 9;
|
|
}
|
|
.ant-col-lg-8 {
|
|
display: block;
|
|
width: 33.33333333%;
|
|
}
|
|
.ant-col-lg-push-8 {
|
|
left: 33.33333333%;
|
|
}
|
|
.ant-col-lg-pull-8 {
|
|
right: 33.33333333%;
|
|
}
|
|
.ant-col-lg-offset-8 {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.ant-col-lg-order-8 {
|
|
-webkit-box-ordinal-group: 9;
|
|
-webkit-order: 8;
|
|
order: 8;
|
|
}
|
|
.ant-col-lg-7 {
|
|
display: block;
|
|
width: 29.16666667%;
|
|
}
|
|
.ant-col-lg-push-7 {
|
|
left: 29.16666667%;
|
|
}
|
|
.ant-col-lg-pull-7 {
|
|
right: 29.16666667%;
|
|
}
|
|
.ant-col-lg-offset-7 {
|
|
margin-left: 29.16666667%;
|
|
}
|
|
.ant-col-lg-order-7 {
|
|
-webkit-box-ordinal-group: 8;
|
|
-webkit-order: 7;
|
|
order: 7;
|
|
}
|
|
.ant-col-lg-6 {
|
|
display: block;
|
|
width: 25%;
|
|
}
|
|
.ant-col-lg-push-6 {
|
|
left: 25%;
|
|
}
|
|
.ant-col-lg-pull-6 {
|
|
right: 25%;
|
|
}
|
|
.ant-col-lg-offset-6 {
|
|
margin-left: 25%;
|
|
}
|
|
.ant-col-lg-order-6 {
|
|
-webkit-box-ordinal-group: 7;
|
|
-webkit-order: 6;
|
|
order: 6;
|
|
}
|
|
.ant-col-lg-5 {
|
|
display: block;
|
|
width: 20.83333333%;
|
|
}
|
|
.ant-col-lg-push-5 {
|
|
left: 20.83333333%;
|
|
}
|
|
.ant-col-lg-pull-5 {
|
|
right: 20.83333333%;
|
|
}
|
|
.ant-col-lg-offset-5 {
|
|
margin-left: 20.83333333%;
|
|
}
|
|
.ant-col-lg-order-5 {
|
|
-webkit-box-ordinal-group: 6;
|
|
-webkit-order: 5;
|
|
order: 5;
|
|
}
|
|
.ant-col-lg-4 {
|
|
display: block;
|
|
width: 16.66666667%;
|
|
}
|
|
.ant-col-lg-push-4 {
|
|
left: 16.66666667%;
|
|
}
|
|
.ant-col-lg-pull-4 {
|
|
right: 16.66666667%;
|
|
}
|
|
.ant-col-lg-offset-4 {
|
|
margin-left: 16.66666667%;
|
|
}
|
|
.ant-col-lg-order-4 {
|
|
-webkit-box-ordinal-group: 5;
|
|
-webkit-order: 4;
|
|
order: 4;
|
|
}
|
|
.ant-col-lg-3 {
|
|
display: block;
|
|
width: 12.5%;
|
|
}
|
|
.ant-col-lg-push-3 {
|
|
left: 12.5%;
|
|
}
|
|
.ant-col-lg-pull-3 {
|
|
right: 12.5%;
|
|
}
|
|
.ant-col-lg-offset-3 {
|
|
margin-left: 12.5%;
|
|
}
|
|
.ant-col-lg-order-3 {
|
|
-webkit-box-ordinal-group: 4;
|
|
-webkit-order: 3;
|
|
order: 3;
|
|
}
|
|
.ant-col-lg-2 {
|
|
display: block;
|
|
width: 8.33333333%;
|
|
}
|
|
.ant-col-lg-push-2 {
|
|
left: 8.33333333%;
|
|
}
|
|
.ant-col-lg-pull-2 {
|
|
right: 8.33333333%;
|
|
}
|
|
.ant-col-lg-offset-2 {
|
|
margin-left: 8.33333333%;
|
|
}
|
|
.ant-col-lg-order-2 {
|
|
-webkit-box-ordinal-group: 3;
|
|
-webkit-order: 2;
|
|
order: 2;
|
|
}
|
|
.ant-col-lg-1 {
|
|
display: block;
|
|
width: 4.16666667%;
|
|
}
|
|
.ant-col-lg-push-1 {
|
|
left: 4.16666667%;
|
|
}
|
|
.ant-col-lg-pull-1 {
|
|
right: 4.16666667%;
|
|
}
|
|
.ant-col-lg-offset-1 {
|
|
margin-left: 4.16666667%;
|
|
}
|
|
.ant-col-lg-order-1 {
|
|
-webkit-box-ordinal-group: 2;
|
|
-webkit-order: 1;
|
|
order: 1;
|
|
}
|
|
.ant-col-lg-0 {
|
|
display: none;
|
|
}
|
|
.ant-col-push-0 {
|
|
left: auto;
|
|
}
|
|
.ant-col-pull-0 {
|
|
right: auto;
|
|
}
|
|
.ant-col-lg-push-0 {
|
|
left: auto;
|
|
}
|
|
.ant-col-lg-pull-0 {
|
|
right: auto;
|
|
}
|
|
.ant-col-lg-offset-0 {
|
|
margin-left: 0;
|
|
}
|
|
.ant-col-lg-order-0 {
|
|
-webkit-box-ordinal-group: 1;
|
|
-webkit-order: 0;
|
|
order: 0;
|
|
}
|
|
}
|
|
.ant-collapse {
|
|
background-color: #f7f7f7;
|
|
border-radius: 3px;
|
|
border: 1px solid #d9d9d9;
|
|
border-bottom: 0;
|
|
}
|
|
.ant-collapse > .ant-collapse-item {
|
|
border-bottom: 1px solid #d9d9d9;
|
|
}
|
|
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
|
|
height: 38px;
|
|
line-height: 38px;
|
|
padding-left: 32px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
.ant-collapse > .ant-collapse-item > .ant-collapse-header .arrow {
|
|
font-size: 12px;
|
|
font-size: 7px \9;
|
|
-webkit-transform: scale(0.58333333) rotate(270deg);
|
|
transform: scale(0.58333333) rotate(270deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=-0.0000000000000001837, M12=1, M21=-1, M22=-0.0000000000000001837)";
|
|
zoom: 1;
|
|
font-style: normal;
|
|
vertical-align: baseline;
|
|
text-align: center;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
position: absolute;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
display: inline-block;
|
|
margin-right: 8px;
|
|
line-height: 40px;
|
|
content: "\E606";
|
|
vertical-align: middle;
|
|
-webkit-transition: -webkit-transform 0.24s ease;
|
|
transition: -webkit-transform 0.24s ease;
|
|
transition: transform 0.24s ease;
|
|
transition: transform 0.24s ease, -webkit-transform 0.24s ease;
|
|
top: 0;
|
|
left: 16px;
|
|
top: 16px \9;
|
|
left: 0 \9;
|
|
}
|
|
:root .ant-collapse > .ant-collapse-item > .ant-collapse-header .arrow {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-collapse > .ant-collapse-item > .ant-collapse-header .arrow {
|
|
font-size: 12px;
|
|
}
|
|
.ant-collapse > .ant-collapse-item > .ant-collapse-header .arrow:before {
|
|
display: block;
|
|
font-family: "anticon" !important;
|
|
}
|
|
.ant-collapse > .ant-collapse-item > .ant-collapse-header .arrow:before {
|
|
content: "\E606";
|
|
}
|
|
.ant-collapse-anim-active {
|
|
-webkit-transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
.ant-collapse-content {
|
|
overflow: hidden;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
padding: 0 16px;
|
|
background-color: #fff;
|
|
}
|
|
.ant-collapse-content > .ant-collapse-content-box {
|
|
padding-top: 16px;
|
|
padding-bottom: 16px;
|
|
}
|
|
.ant-collapse-content-inactive {
|
|
display: none;
|
|
}
|
|
.ant-collapse-item:last-child > .ant-collapse-content {
|
|
border-radius: 0 0 3px 3px;
|
|
}
|
|
.ant-collapse > .ant-collapse-item > .ant-collapse-header[aria-expanded="true"] .arrow {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-size: 7px \9;
|
|
-webkit-transform: scale(0.58333333) rotate(360deg);
|
|
transform: scale(0.58333333) rotate(360deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0.00000000000000024493, M21=-0.00000000000000024493, M22=1)";
|
|
zoom: 1;
|
|
}
|
|
:root .ant-collapse > .ant-collapse-item > .ant-collapse-header[aria-expanded="true"] .arrow {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-collapse > .ant-collapse-item > .ant-collapse-header[aria-expanded="true"] .arrow {
|
|
font-size: 12px;
|
|
}
|
|
.ant-collapse-borderless {
|
|
background-color: #fff;
|
|
border: 0;
|
|
}
|
|
.ant-collapse-borderless > .ant-collapse-item-active {
|
|
border: 0;
|
|
}
|
|
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
|
|
background-color: transparent;
|
|
border-top: 1px solid #d9d9d9;
|
|
}
|
|
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-header {
|
|
-webkit-transition: all .3s;
|
|
transition: all .3s;
|
|
}
|
|
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-header:hover {
|
|
background-color: #f7f7f7;
|
|
}
|
|
.ant-calendar-picker-container {
|
|
position: absolute;
|
|
z-index: 1050;
|
|
}
|
|
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topLeft,
|
|
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topRight,
|
|
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topLeft,
|
|
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topRight {
|
|
-webkit-animation-name: antSlideDownIn;
|
|
animation-name: antSlideDownIn;
|
|
}
|
|
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomLeft,
|
|
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomRight,
|
|
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomLeft,
|
|
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomRight {
|
|
-webkit-animation-name: antSlideUpIn;
|
|
animation-name: antSlideUpIn;
|
|
}
|
|
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topLeft,
|
|
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topRight {
|
|
-webkit-animation-name: antSlideDownOut;
|
|
animation-name: antSlideDownOut;
|
|
}
|
|
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomLeft,
|
|
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomRight {
|
|
-webkit-animation-name: antSlideUpOut;
|
|
animation-name: antSlideUpOut;
|
|
}
|
|
.ant-calendar-picker {
|
|
position: relative;
|
|
display: inline-block;
|
|
outline: none;
|
|
font-size: 12px;
|
|
-webkit-transition: opacity 0.3s;
|
|
transition: opacity 0.3s;
|
|
}
|
|
.ant-calendar-picker-input {
|
|
outline: none;
|
|
}
|
|
.ant-calendar-picker:hover .ant-calendar-picker-input {
|
|
border-color: #108ee9;
|
|
}
|
|
.ant-calendar-picker-clear {
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
z-index: 1;
|
|
position: absolute;
|
|
right: 7px;
|
|
background: #fff;
|
|
top: 50%;
|
|
font-size: 12px;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
width: 14px;
|
|
height: 14px;
|
|
margin-top: -7px;
|
|
line-height: 14px;
|
|
cursor: pointer;
|
|
-webkit-transition: color 0.3s, opacity 0.3s;
|
|
transition: color 0.3s, opacity 0.3s;
|
|
}
|
|
.ant-calendar-picker-clear:hover {
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-calendar-picker:hover .ant-calendar-picker-clear {
|
|
opacity: 1;
|
|
pointer-events: auto;
|
|
}
|
|
.ant-calendar-picker-icon {
|
|
position: absolute;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-webkit-transition: all .3s;
|
|
transition: all .3s;
|
|
width: 12px;
|
|
height: 12px;
|
|
line-height: 12px;
|
|
right: 8px;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
top: 50%;
|
|
margin-top: -6px;
|
|
}
|
|
.ant-calendar-picker-icon:after {
|
|
content: "\E6BB";
|
|
font-family: "anticon";
|
|
font-size: 12px;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
display: inline-block;
|
|
line-height: 1;
|
|
vertical-align: bottom;
|
|
}
|
|
.ant-calendar {
|
|
position: relative;
|
|
outline: none;
|
|
width: 231px;
|
|
border: 1px solid #fff;
|
|
list-style: none;
|
|
font-size: 12px;
|
|
text-align: left;
|
|
background-color: #fff;
|
|
border-radius: 4px;
|
|
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
|
|
background-clip: padding-box;
|
|
line-height: 1.5;
|
|
}
|
|
.ant-calendar-input-wrap {
|
|
height: 34px;
|
|
padding: 6px;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
}
|
|
.ant-calendar-input {
|
|
border: 0;
|
|
width: 100%;
|
|
cursor: auto;
|
|
outline: 0;
|
|
height: 22px;
|
|
}
|
|
.ant-calendar-week-number {
|
|
width: 286px;
|
|
}
|
|
.ant-calendar-week-number-cell {
|
|
text-align: center;
|
|
}
|
|
.ant-calendar-header {
|
|
height: 34px;
|
|
line-height: 34px;
|
|
text-align: center;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
}
|
|
.ant-calendar-header a:hover {
|
|
color: #49a9ee;
|
|
}
|
|
.ant-calendar-header .ant-calendar-century-select,
|
|
.ant-calendar-header .ant-calendar-decade-select,
|
|
.ant-calendar-header .ant-calendar-year-select,
|
|
.ant-calendar-header .ant-calendar-month-select {
|
|
padding: 0 2px;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
line-height: 34px;
|
|
}
|
|
.ant-calendar-header .ant-calendar-century-select-arrow,
|
|
.ant-calendar-header .ant-calendar-decade-select-arrow,
|
|
.ant-calendar-header .ant-calendar-year-select-arrow,
|
|
.ant-calendar-header .ant-calendar-month-select-arrow {
|
|
display: none;
|
|
}
|
|
.ant-calendar-header .ant-calendar-prev-century-btn,
|
|
.ant-calendar-header .ant-calendar-next-century-btn,
|
|
.ant-calendar-header .ant-calendar-prev-decade-btn,
|
|
.ant-calendar-header .ant-calendar-next-decade-btn,
|
|
.ant-calendar-header .ant-calendar-prev-month-btn,
|
|
.ant-calendar-header .ant-calendar-next-month-btn,
|
|
.ant-calendar-header .ant-calendar-prev-year-btn,
|
|
.ant-calendar-header .ant-calendar-next-year-btn {
|
|
position: absolute;
|
|
top: 0;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
|
|
padding: 0 5px;
|
|
font-size: 16px;
|
|
display: inline-block;
|
|
line-height: 34px;
|
|
}
|
|
.ant-calendar-header .ant-calendar-prev-century-btn,
|
|
.ant-calendar-header .ant-calendar-prev-decade-btn,
|
|
.ant-calendar-header .ant-calendar-prev-year-btn {
|
|
left: 7px;
|
|
}
|
|
.ant-calendar-header .ant-calendar-prev-century-btn:after,
|
|
.ant-calendar-header .ant-calendar-prev-decade-btn:after,
|
|
.ant-calendar-header .ant-calendar-prev-year-btn:after {
|
|
content: '\AB';
|
|
}
|
|
.ant-calendar-header .ant-calendar-next-century-btn,
|
|
.ant-calendar-header .ant-calendar-next-decade-btn,
|
|
.ant-calendar-header .ant-calendar-next-year-btn {
|
|
right: 7px;
|
|
}
|
|
.ant-calendar-header .ant-calendar-next-century-btn:after,
|
|
.ant-calendar-header .ant-calendar-next-decade-btn:after,
|
|
.ant-calendar-header .ant-calendar-next-year-btn:after {
|
|
content: '\BB';
|
|
}
|
|
.ant-calendar-header .ant-calendar-prev-month-btn {
|
|
left: 29px;
|
|
}
|
|
.ant-calendar-header .ant-calendar-prev-month-btn:after {
|
|
content: '\2039';
|
|
}
|
|
.ant-calendar-header .ant-calendar-next-month-btn {
|
|
right: 29px;
|
|
}
|
|
.ant-calendar-header .ant-calendar-next-month-btn:after {
|
|
content: '\203A';
|
|
}
|
|
.ant-calendar-body {
|
|
padding: 4px 8px;
|
|
}
|
|
.ant-calendar table {
|
|
border-collapse: collapse;
|
|
max-width: 100%;
|
|
background-color: transparent;
|
|
width: 100%;
|
|
}
|
|
.ant-calendar table,
|
|
.ant-calendar th,
|
|
.ant-calendar td {
|
|
border: 0;
|
|
}
|
|
.ant-calendar-calendar-table {
|
|
border-spacing: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.ant-calendar-column-header {
|
|
line-height: 18px;
|
|
width: 33px;
|
|
padding: 6px 0;
|
|
text-align: center;
|
|
}
|
|
.ant-calendar-column-header .ant-calendar-column-header-inner {
|
|
display: block;
|
|
font-weight: normal;
|
|
}
|
|
.ant-calendar-week-number-header .ant-calendar-column-header-inner {
|
|
display: none;
|
|
}
|
|
.ant-calendar-cell {
|
|
padding: 4px 0;
|
|
}
|
|
.ant-calendar-date {
|
|
display: block;
|
|
margin: 0 auto;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
border-radius: 2px;
|
|
width: 20px;
|
|
height: 20px;
|
|
line-height: 18px;
|
|
border: 1px solid transparent;
|
|
padding: 0;
|
|
background: transparent;
|
|
text-align: center;
|
|
-webkit-transition: background 0.3s ease;
|
|
transition: background 0.3s ease;
|
|
}
|
|
.ant-calendar-date-panel {
|
|
position: relative;
|
|
}
|
|
.ant-calendar-date:hover {
|
|
background: #ecf6fd;
|
|
cursor: pointer;
|
|
}
|
|
.ant-calendar-date:active {
|
|
color: #fff;
|
|
background: #49a9ee;
|
|
}
|
|
.ant-calendar-today .ant-calendar-date {
|
|
border-color: #108ee9;
|
|
font-weight: bold;
|
|
color: #108ee9;
|
|
}
|
|
.ant-calendar-last-month-cell .ant-calendar-date,
|
|
.ant-calendar-next-month-btn-day .ant-calendar-date {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-calendar-selected-day .ant-calendar-date {
|
|
background: #108ee9;
|
|
color: #fff;
|
|
border: 1px solid transparent;
|
|
}
|
|
.ant-calendar-selected-day .ant-calendar-date:hover {
|
|
background: #108ee9;
|
|
}
|
|
.ant-calendar-disabled-cell .ant-calendar-date {
|
|
cursor: not-allowed;
|
|
color: #bcbcbc;
|
|
background: #f3f3f3;
|
|
border-radius: 0;
|
|
width: auto;
|
|
border: 1px solid transparent;
|
|
}
|
|
.ant-calendar-disabled-cell .ant-calendar-date:hover {
|
|
background: #f3f3f3;
|
|
}
|
|
.ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
|
|
border-top-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
.ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
.ant-calendar-footer-btn {
|
|
border-top: 1px solid #e9e9e9;
|
|
text-align: center;
|
|
display: block;
|
|
line-height: 38px;
|
|
}
|
|
.ant-calendar-footer > div {
|
|
display: inline-block;
|
|
}
|
|
.ant-calendar .ant-calendar-today-btn,
|
|
.ant-calendar .ant-calendar-clear-btn {
|
|
display: inline-block;
|
|
text-align: center;
|
|
margin: 0 0 0 8px;
|
|
}
|
|
.ant-calendar .ant-calendar-today-btn-disabled,
|
|
.ant-calendar .ant-calendar-clear-btn-disabled {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-calendar .ant-calendar-clear-btn {
|
|
display: none;
|
|
position: absolute;
|
|
right: 5px;
|
|
text-indent: -76px;
|
|
overflow: hidden;
|
|
width: 20px;
|
|
height: 20px;
|
|
text-align: center;
|
|
line-height: 20px;
|
|
top: 7px;
|
|
margin: 0;
|
|
}
|
|
.ant-calendar .ant-calendar-clear-btn:after {
|
|
font-family: 'anticon';
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
content: "\E62E";
|
|
font-size: 12px;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
display: inline-block;
|
|
line-height: 1;
|
|
width: 20px;
|
|
text-indent: 43px;
|
|
-webkit-transition: color 0.3s ease;
|
|
transition: color 0.3s ease;
|
|
}
|
|
.ant-calendar .ant-calendar-clear-btn:hover:after {
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn {
|
|
display: inline-block;
|
|
margin-bottom: 0;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
background-image: none;
|
|
border: 1px solid transparent;
|
|
white-space: nowrap;
|
|
line-height: 1.5;
|
|
padding: 4px 15px;
|
|
border-radius: 4px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
position: relative;
|
|
color: #fff;
|
|
background-color: #108ee9;
|
|
border-color: #108ee9;
|
|
padding: 1px 7px;
|
|
font-size: 12px;
|
|
border-radius: 2px;
|
|
position: absolute;
|
|
bottom: 8px;
|
|
right: 9px;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn > .anticon {
|
|
line-height: 1;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn,
|
|
.ant-calendar .ant-calendar-ok-btn:active,
|
|
.ant-calendar .ant-calendar-ok-btn:focus {
|
|
outline: 0;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn:not([disabled]):hover {
|
|
text-decoration: none;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
|
|
outline: 0;
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn.disabled,
|
|
.ant-calendar .ant-calendar-ok-btn[disabled] {
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn.disabled > *,
|
|
.ant-calendar .ant-calendar-ok-btn[disabled] > * {
|
|
pointer-events: none;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn-lg {
|
|
padding: 4px 15px 5px 15px;
|
|
font-size: 14px;
|
|
border-radius: 4px;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn-sm {
|
|
padding: 1px 7px;
|
|
font-size: 12px;
|
|
border-radius: 2px;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn:hover,
|
|
.ant-calendar .ant-calendar-ok-btn:focus {
|
|
color: #fff;
|
|
background-color: #49a9ee;
|
|
border-color: #49a9ee;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child,
|
|
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child:after,
|
|
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn:active,
|
|
.ant-calendar .ant-calendar-ok-btn.active {
|
|
color: #fff;
|
|
background-color: #0e77ca;
|
|
border-color: #0e77ca;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn:active > a:only-child,
|
|
.ant-calendar .ant-calendar-ok-btn.active > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn:active > a:only-child:after,
|
|
.ant-calendar .ant-calendar-ok-btn.active > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn.disabled,
|
|
.ant-calendar .ant-calendar-ok-btn[disabled],
|
|
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
|
|
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
|
|
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
|
|
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
|
|
.ant-calendar .ant-calendar-ok-btn.disabled:active,
|
|
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
|
|
.ant-calendar .ant-calendar-ok-btn.disabled.active,
|
|
.ant-calendar .ant-calendar-ok-btn[disabled].active {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
background-color: #f7f7f7;
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
|
|
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
|
|
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
|
|
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
|
|
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
|
|
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
|
|
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
|
|
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
|
|
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
|
|
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child:after,
|
|
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child:after,
|
|
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child:after,
|
|
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child:after,
|
|
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child:after,
|
|
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child:after,
|
|
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child:after,
|
|
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child:after,
|
|
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child:after,
|
|
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn-disabled {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
background-color: #f7f7f7;
|
|
border-color: #d9d9d9;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn-disabled:hover {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
background-color: #f7f7f7;
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child {
|
|
color: currentColor;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-calendar-range-picker-input {
|
|
background-color: transparent;
|
|
border: 0;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
outline: 0;
|
|
width: 43%;
|
|
text-align: center;
|
|
}
|
|
.ant-calendar-range-picker-input[disabled] {
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-calendar-range-picker-separator {
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-calendar-range {
|
|
width: 470px;
|
|
overflow: hidden;
|
|
}
|
|
.ant-calendar-range .ant-calendar-date-panel::after {
|
|
content: ".";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
visibility: hidden;
|
|
}
|
|
.ant-calendar-range-part {
|
|
width: 50%;
|
|
position: relative;
|
|
}
|
|
.ant-calendar-range-left {
|
|
float: left;
|
|
}
|
|
.ant-calendar-range-left .ant-calendar-time-picker-inner {
|
|
border-right: 2px solid #e9e9e9;
|
|
}
|
|
.ant-calendar-range-right {
|
|
float: right;
|
|
}
|
|
.ant-calendar-range-right .ant-calendar-time-picker-inner {
|
|
border-left: 2px solid #e9e9e9;
|
|
}
|
|
.ant-calendar-range-middle {
|
|
position: absolute;
|
|
left: 50%;
|
|
width: 20px;
|
|
margin-left: -132px;
|
|
text-align: center;
|
|
height: 34px;
|
|
line-height: 34px;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-calendar-range-right .ant-calendar-date-input-wrap {
|
|
margin-left: -118px;
|
|
}
|
|
.ant-calendar-range.ant-calendar-time .ant-calendar-range-middle {
|
|
margin-left: -12px;
|
|
}
|
|
.ant-calendar-range.ant-calendar-time .ant-calendar-range-right .ant-calendar-date-input-wrap {
|
|
margin-left: 0;
|
|
}
|
|
.ant-calendar-range .ant-calendar-input-wrap {
|
|
position: relative;
|
|
height: 34px;
|
|
}
|
|
.ant-calendar-range .ant-calendar-input,
|
|
.ant-calendar-range .ant-calendar-time-picker-input {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding: 4px 7px;
|
|
width: 100%;
|
|
height: 28px;
|
|
cursor: text;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
background-color: #fff;
|
|
background-image: none;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 4px;
|
|
-webkit-transition: all .3s;
|
|
transition: all .3s;
|
|
border-radius: 2px;
|
|
height: 22px;
|
|
border: 0;
|
|
box-shadow: none;
|
|
}
|
|
.ant-calendar-range .ant-calendar-input::-moz-placeholder,
|
|
.ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {
|
|
color: #ccc;
|
|
opacity: 1;
|
|
}
|
|
.ant-calendar-range .ant-calendar-input:-ms-input-placeholder,
|
|
.ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
|
|
color: #ccc;
|
|
}
|
|
.ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,
|
|
.ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder {
|
|
color: #ccc;
|
|
}
|
|
.ant-calendar-range .ant-calendar-input:hover,
|
|
.ant-calendar-range .ant-calendar-time-picker-input:hover {
|
|
border-color: #49a9ee;
|
|
}
|
|
.ant-calendar-range .ant-calendar-input:focus,
|
|
.ant-calendar-range .ant-calendar-time-picker-input:focus {
|
|
border-color: #49a9ee;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
|
|
}
|
|
.ant-calendar-range .ant-calendar-input[disabled],
|
|
.ant-calendar-range .ant-calendar-time-picker-input[disabled] {
|
|
background-color: #f7f7f7;
|
|
opacity: 1;
|
|
cursor: not-allowed;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-calendar-range .ant-calendar-input[disabled]:hover,
|
|
.ant-calendar-range .ant-calendar-time-picker-input[disabled]:hover {
|
|
border-color: #e2e2e2;
|
|
}
|
|
textarea.ant-calendar-range .ant-calendar-input,
|
|
textarea.ant-calendar-range .ant-calendar-time-picker-input {
|
|
max-width: 100%;
|
|
height: auto;
|
|
vertical-align: bottom;
|
|
}
|
|
.ant-calendar-range .ant-calendar-input-lg,
|
|
.ant-calendar-range .ant-calendar-time-picker-input-lg {
|
|
padding: 6px 7px;
|
|
height: 32px;
|
|
}
|
|
.ant-calendar-range .ant-calendar-input-sm,
|
|
.ant-calendar-range .ant-calendar-time-picker-input-sm {
|
|
padding: 1px 7px;
|
|
height: 22px;
|
|
border-radius: 2px;
|
|
}
|
|
.ant-calendar-range .ant-calendar-input:focus,
|
|
.ant-calendar-range .ant-calendar-time-picker-input:focus {
|
|
box-shadow: none;
|
|
}
|
|
.ant-calendar-range .ant-calendar-time-picker-icon {
|
|
display: none;
|
|
}
|
|
.ant-calendar-range.ant-calendar-week-number {
|
|
width: 574px;
|
|
}
|
|
.ant-calendar-range.ant-calendar-week-number .ant-calendar-range-part {
|
|
width: 286px;
|
|
}
|
|
.ant-calendar-range .ant-calendar-year-panel,
|
|
.ant-calendar-range .ant-calendar-month-panel {
|
|
top: 34px;
|
|
}
|
|
.ant-calendar-range .ant-calendar-month-panel .ant-calendar-year-panel {
|
|
top: 0;
|
|
}
|
|
.ant-calendar-range .ant-calendar-decade-panel-table,
|
|
.ant-calendar-range .ant-calendar-year-panel-table,
|
|
.ant-calendar-range .ant-calendar-month-panel-table {
|
|
height: 208px;
|
|
}
|
|
.ant-calendar-range .ant-calendar-in-range-cell {
|
|
border-radius: 0;
|
|
position: relative;
|
|
}
|
|
.ant-calendar-range .ant-calendar-in-range-cell > div {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.ant-calendar-range .ant-calendar-in-range-cell:before {
|
|
content: '';
|
|
display: block;
|
|
background: #ecf6fd;
|
|
border-radius: 0;
|
|
border: 0;
|
|
position: absolute;
|
|
top: 4px;
|
|
bottom: 4px;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.ant-calendar-range-bottom {
|
|
text-align: right;
|
|
}
|
|
.ant-calendar-range-bottom .ant-calendar-footer-btn {
|
|
padding-right: 16px;
|
|
}
|
|
div.ant-calendar-range-quick-selector {
|
|
display: block;
|
|
text-align: left;
|
|
border-top: 1px solid #e9e9e9;
|
|
padding: 10.5px 10px;
|
|
}
|
|
div.ant-calendar-range-quick-selector > a {
|
|
margin-right: 16px;
|
|
}
|
|
.ant-calendar-range .ant-calendar-header,
|
|
.ant-calendar-range .ant-calendar-month-panel-header,
|
|
.ant-calendar-range .ant-calendar-year-panel-header {
|
|
border-bottom: 0;
|
|
}
|
|
.ant-calendar-range .ant-calendar-body,
|
|
.ant-calendar-range .ant-calendar-month-panel-body,
|
|
.ant-calendar-range .ant-calendar-year-panel-body {
|
|
border-top: 1px solid #e9e9e9;
|
|
}
|
|
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker {
|
|
height: 207px;
|
|
width: 100%;
|
|
top: 68px;
|
|
z-index: 2;
|
|
}
|
|
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-panel {
|
|
height: 241px;
|
|
margin-top: -34px;
|
|
}
|
|
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
|
|
padding-top: 34px;
|
|
height: 100%;
|
|
background: none;
|
|
}
|
|
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {
|
|
display: inline-block;
|
|
height: 100%;
|
|
background-color: white;
|
|
border-top: 1px solid #e9e9e9;
|
|
}
|
|
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select {
|
|
height: 100%;
|
|
}
|
|
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select ul {
|
|
max-height: 100%;
|
|
}
|
|
.ant-calendar-range.ant-calendar-time .ant-calendar-footer-btn {
|
|
padding: 9px 12px 9px 0;
|
|
display: block;
|
|
zoom: 1;
|
|
}
|
|
.ant-calendar-range.ant-calendar-time .ant-calendar-footer-btn:before,
|
|
.ant-calendar-range.ant-calendar-time .ant-calendar-footer-btn:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.ant-calendar-range.ant-calendar-time .ant-calendar-footer-btn:after {
|
|
clear: both;
|
|
visibility: hidden;
|
|
font-size: 0;
|
|
height: 0;
|
|
}
|
|
.ant-calendar-range.ant-calendar-time .ant-calendar-ok-btn {
|
|
position: static;
|
|
height: 22px;
|
|
}
|
|
.ant-calendar-range.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
|
|
margin-right: 12px;
|
|
}
|
|
.ant-calendar-range.ant-calendar-time .ant-calendar-today-btn {
|
|
margin: 8px 12px;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
}
|
|
.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker {
|
|
height: 247px;
|
|
}
|
|
.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker-panel {
|
|
height: 281px;
|
|
}
|
|
.ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {
|
|
border-top-color: transparent;
|
|
}
|
|
.ant-calendar-time-picker {
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 34px;
|
|
background-color: #fff;
|
|
}
|
|
.ant-calendar-time-picker-panel {
|
|
z-index: 1050;
|
|
position: absolute;
|
|
width: 100%;
|
|
}
|
|
.ant-calendar-time-picker-inner {
|
|
display: inline-block;
|
|
position: relative;
|
|
outline: none;
|
|
list-style: none;
|
|
font-size: 12px;
|
|
text-align: left;
|
|
background-color: #fff;
|
|
background-clip: padding-box;
|
|
line-height: 1.5;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
.ant-calendar-time-picker-combobox {
|
|
width: 100%;
|
|
}
|
|
.ant-calendar-time-picker-1-column,
|
|
.ant-calendar-time-picker-1-column .ant-calendar-time-picker-select {
|
|
width: 100%;
|
|
}
|
|
.ant-calendar-time-picker-2-columns .ant-calendar-time-picker-select {
|
|
width: 50%;
|
|
}
|
|
.ant-calendar-time-picker-1-column .ant-calendar-time-picker-select li,
|
|
.ant-calendar-time-picker-2-columns .ant-calendar-time-picker-select li {
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
.ant-calendar-time-picker-input-wrap {
|
|
display: none;
|
|
}
|
|
.ant-calendar-time-picker-select {
|
|
float: left;
|
|
font-size: 12px;
|
|
border: 1px solid #e9e9e9;
|
|
border-width: 0 1px;
|
|
margin-left: -1px;
|
|
box-sizing: border-box;
|
|
width: 33.6%;
|
|
overflow: hidden;
|
|
position: relative;
|
|
height: 206px;
|
|
}
|
|
.ant-calendar-time-picker-select:hover {
|
|
overflow-y: auto;
|
|
}
|
|
.ant-calendar-time-picker-select:first-child {
|
|
border-left: 0;
|
|
margin-left: 0;
|
|
}
|
|
.ant-calendar-time-picker-select:last-child {
|
|
border-right: 0;
|
|
}
|
|
.ant-calendar-time-picker-select ul {
|
|
list-style: none;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
max-height: 206px;
|
|
}
|
|
.ant-calendar-time-picker-select li {
|
|
padding: 0 0 0 28px;
|
|
list-style: none;
|
|
box-sizing: content-box;
|
|
margin: 0;
|
|
width: 100%;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-webkit-transition: background 0.3s ease;
|
|
transition: background 0.3s ease;
|
|
}
|
|
.ant-calendar-time-picker-select li:last-child:after {
|
|
content: '';
|
|
height: 182px;
|
|
display: block;
|
|
}
|
|
.ant-calendar-time-picker-select li:hover {
|
|
background: #ecf6fd;
|
|
}
|
|
li.ant-calendar-time-picker-select-option-selected {
|
|
background: #f7f7f7;
|
|
font-weight: bold;
|
|
}
|
|
li.ant-calendar-time-picker-select-option-disabled {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
li.ant-calendar-time-picker-select-option-disabled:hover {
|
|
background: transparent;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-calendar-time .ant-calendar-day-select {
|
|
padding: 0 2px;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
line-height: 34px;
|
|
}
|
|
.ant-calendar-time .ant-calendar-footer {
|
|
text-align: right;
|
|
position: relative;
|
|
height: auto;
|
|
line-height: auto;
|
|
}
|
|
.ant-calendar-time .ant-calendar-footer-btn {
|
|
padding: 10px 0;
|
|
line-height: 1.5;
|
|
text-align: right;
|
|
}
|
|
.ant-calendar-time .ant-calendar-footer .ant-calendar-today-btn {
|
|
float: left;
|
|
margin: 0;
|
|
padding-left: 12px;
|
|
}
|
|
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
|
|
display: inline-block;
|
|
text-align: center;
|
|
margin-right: 60px;
|
|
}
|
|
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-calendar-month-panel {
|
|
left: 0;
|
|
top: 1px;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: #fff;
|
|
z-index: 10;
|
|
position: absolute;
|
|
outline: none;
|
|
border-radius: 4px;
|
|
}
|
|
.ant-calendar-month-panel-hidden {
|
|
display: none;
|
|
}
|
|
.ant-calendar-month-panel-header {
|
|
height: 34px;
|
|
line-height: 34px;
|
|
text-align: center;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
}
|
|
.ant-calendar-month-panel-header a:hover {
|
|
color: #49a9ee;
|
|
}
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select,
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select {
|
|
padding: 0 2px;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
line-height: 34px;
|
|
}
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select-arrow,
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select-arrow,
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select-arrow,
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow {
|
|
display: none;
|
|
}
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn,
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
|
|
position: absolute;
|
|
top: 0;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
|
|
padding: 0 5px;
|
|
font-size: 16px;
|
|
display: inline-block;
|
|
line-height: 34px;
|
|
}
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn {
|
|
left: 7px;
|
|
}
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:after,
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:after,
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:after {
|
|
content: '\AB';
|
|
}
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
|
|
right: 7px;
|
|
}
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:after,
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:after,
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:after {
|
|
content: '\BB';
|
|
}
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn {
|
|
left: 29px;
|
|
}
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:after {
|
|
content: '\2039';
|
|
}
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn {
|
|
right: 29px;
|
|
}
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:after {
|
|
content: '\203A';
|
|
}
|
|
.ant-calendar-month-panel-table {
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
height: 248px;
|
|
border-collapse: separate;
|
|
}
|
|
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
|
|
background: #108ee9;
|
|
color: #fff;
|
|
}
|
|
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
|
|
background: #108ee9;
|
|
color: #fff;
|
|
}
|
|
.ant-calendar-month-panel-cell {
|
|
text-align: center;
|
|
}
|
|
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
|
|
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
|
|
cursor: not-allowed;
|
|
color: #bcbcbc;
|
|
background: #f3f3f3;
|
|
}
|
|
.ant-calendar-month-panel-month {
|
|
display: inline-block;
|
|
margin: 0 auto;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
background: transparent;
|
|
text-align: center;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
padding: 0 6px;
|
|
border-radius: 4px;
|
|
-webkit-transition: background 0.3s ease;
|
|
transition: background 0.3s ease;
|
|
}
|
|
.ant-calendar-month-panel-month:hover {
|
|
background: #ecf6fd;
|
|
cursor: pointer;
|
|
}
|
|
.ant-calendar-year-panel {
|
|
left: 0;
|
|
top: 1px;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: #fff;
|
|
z-index: 10;
|
|
position: absolute;
|
|
outline: none;
|
|
border-radius: 4px;
|
|
}
|
|
.ant-calendar-year-panel-hidden {
|
|
display: none;
|
|
}
|
|
.ant-calendar-year-panel-header {
|
|
height: 34px;
|
|
line-height: 34px;
|
|
text-align: center;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
}
|
|
.ant-calendar-year-panel-header a:hover {
|
|
color: #49a9ee;
|
|
}
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select {
|
|
padding: 0 2px;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
line-height: 34px;
|
|
}
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select-arrow,
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select-arrow,
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select-arrow,
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow {
|
|
display: none;
|
|
}
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn,
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
|
|
position: absolute;
|
|
top: 0;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
|
|
padding: 0 5px;
|
|
font-size: 16px;
|
|
display: inline-block;
|
|
line-height: 34px;
|
|
}
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn {
|
|
left: 7px;
|
|
}
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:after,
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:after,
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:after {
|
|
content: '\AB';
|
|
}
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
|
|
right: 7px;
|
|
}
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:after,
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:after,
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:after {
|
|
content: '\BB';
|
|
}
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn {
|
|
left: 29px;
|
|
}
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:after {
|
|
content: '\2039';
|
|
}
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn {
|
|
right: 29px;
|
|
}
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:after {
|
|
content: '\203A';
|
|
}
|
|
.ant-calendar-year-panel-table {
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
height: 248px;
|
|
border-collapse: separate;
|
|
}
|
|
.ant-calendar-year-panel-cell {
|
|
text-align: center;
|
|
}
|
|
.ant-calendar-year-panel-year {
|
|
display: inline-block;
|
|
margin: 0 auto;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
background: transparent;
|
|
text-align: center;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
padding: 0 6px;
|
|
border-radius: 4px;
|
|
-webkit-transition: background 0.3s ease;
|
|
transition: background 0.3s ease;
|
|
}
|
|
.ant-calendar-year-panel-year:hover {
|
|
background: #ecf6fd;
|
|
cursor: pointer;
|
|
}
|
|
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
|
|
background: #108ee9;
|
|
color: #fff;
|
|
}
|
|
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
|
|
background: #108ee9;
|
|
color: #fff;
|
|
}
|
|
.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
|
|
.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-calendar-decade-panel {
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: #fff;
|
|
z-index: 10;
|
|
position: absolute;
|
|
outline: none;
|
|
border-radius: 4px;
|
|
}
|
|
.ant-calendar-decade-panel-hidden {
|
|
display: none;
|
|
}
|
|
.ant-calendar-decade-panel-header {
|
|
height: 34px;
|
|
line-height: 34px;
|
|
text-align: center;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
}
|
|
.ant-calendar-decade-panel-header a:hover {
|
|
color: #49a9ee;
|
|
}
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select,
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select {
|
|
padding: 0 2px;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
line-height: 34px;
|
|
}
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select-arrow,
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select-arrow,
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select-arrow,
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow {
|
|
display: none;
|
|
}
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn,
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
|
|
position: absolute;
|
|
top: 0;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
|
|
padding: 0 5px;
|
|
font-size: 16px;
|
|
display: inline-block;
|
|
line-height: 34px;
|
|
}
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn {
|
|
left: 7px;
|
|
}
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:after,
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:after,
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:after {
|
|
content: '\AB';
|
|
}
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
|
|
right: 7px;
|
|
}
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:after,
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:after,
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:after {
|
|
content: '\BB';
|
|
}
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn {
|
|
left: 29px;
|
|
}
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:after {
|
|
content: '\2039';
|
|
}
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn {
|
|
right: 29px;
|
|
}
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:after {
|
|
content: '\203A';
|
|
}
|
|
.ant-calendar-decade-panel-table {
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
height: 248px;
|
|
border-collapse: separate;
|
|
}
|
|
.ant-calendar-decade-panel-cell {
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
}
|
|
.ant-calendar-decade-panel-decade {
|
|
display: inline-block;
|
|
margin: 0 auto;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
background: transparent;
|
|
text-align: center;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
padding: 0 6px;
|
|
border-radius: 4px;
|
|
-webkit-transition: background 0.3s ease;
|
|
transition: background 0.3s ease;
|
|
}
|
|
.ant-calendar-decade-panel-decade:hover {
|
|
background: #ecf6fd;
|
|
cursor: pointer;
|
|
}
|
|
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
|
|
background: #108ee9;
|
|
color: #fff;
|
|
}
|
|
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
|
|
background: #108ee9;
|
|
color: #fff;
|
|
}
|
|
.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
|
|
.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-calendar-month .ant-calendar-month-panel,
|
|
.ant-calendar-month .ant-calendar-year-panel {
|
|
top: 0;
|
|
}
|
|
.ant-time-picker-panel {
|
|
max-width: 168px;
|
|
z-index: 1050;
|
|
position: absolute;
|
|
}
|
|
.ant-time-picker-panel-inner {
|
|
display: inline-block;
|
|
position: relative;
|
|
outline: none;
|
|
list-style: none;
|
|
font-size: 12px;
|
|
text-align: left;
|
|
background-color: #fff;
|
|
border-radius: 4px;
|
|
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
|
|
background-clip: padding-box;
|
|
line-height: 1.5;
|
|
overflow: hidden;
|
|
left: -2px;
|
|
}
|
|
.ant-time-picker-panel-input {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
width: 100%;
|
|
cursor: auto;
|
|
line-height: 1.5;
|
|
outline: 0;
|
|
}
|
|
.ant-time-picker-panel-input-wrap {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
padding: 6px;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
}
|
|
.ant-time-picker-panel-input-invalid {
|
|
border-color: red;
|
|
}
|
|
.ant-time-picker-panel-clear-btn {
|
|
position: absolute;
|
|
right: 5px;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
width: 20px;
|
|
height: 20px;
|
|
text-align: center;
|
|
line-height: 20px;
|
|
top: 5px;
|
|
margin: 0;
|
|
}
|
|
.ant-time-picker-panel-clear-btn:after {
|
|
font-size: 12px;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
display: inline-block;
|
|
line-height: 1;
|
|
width: 20px;
|
|
-webkit-transition: color 0.3s ease;
|
|
transition: color 0.3s ease;
|
|
font-family: 'anticon';
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
content: "\E62E";
|
|
}
|
|
.ant-time-picker-panel-clear-btn:hover:after {
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
|
|
max-width: 112px;
|
|
}
|
|
.ant-time-picker-panel-select {
|
|
float: left;
|
|
font-size: 12px;
|
|
border-left: 1px solid #e9e9e9;
|
|
box-sizing: border-box;
|
|
width: 56px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
max-height: 144px;
|
|
}
|
|
.ant-time-picker-panel-select:hover {
|
|
overflow-y: auto;
|
|
}
|
|
.ant-time-picker-panel-select:first-child {
|
|
border-left: 0;
|
|
margin-left: 0;
|
|
}
|
|
.ant-time-picker-panel-select:last-child {
|
|
border-right: 0;
|
|
}
|
|
.ant-time-picker-panel-select:only-child {
|
|
width: 100%;
|
|
}
|
|
.ant-time-picker-panel-select ul {
|
|
list-style: none;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0 0 120px 0;
|
|
width: 100%;
|
|
}
|
|
.ant-time-picker-panel-select li {
|
|
list-style: none;
|
|
box-sizing: content-box;
|
|
margin: 0;
|
|
padding: 0 0 0 16px;
|
|
width: 100%;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
text-align: left;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-webkit-transition: background 0.3s ease;
|
|
transition: background 0.3s ease;
|
|
}
|
|
.ant-time-picker-panel-select li:hover {
|
|
background: #ecf6fd;
|
|
}
|
|
li.ant-time-picker-panel-select-option-selected {
|
|
background: #f7f7f7;
|
|
font-weight: bold;
|
|
}
|
|
li.ant-time-picker-panel-select-option-disabled {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
li.ant-time-picker-panel-select-option-disabled:hover {
|
|
background: transparent;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-time-picker-panel-combobox {
|
|
zoom: 1;
|
|
}
|
|
.ant-time-picker-panel-combobox:before,
|
|
.ant-time-picker-panel-combobox:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.ant-time-picker-panel-combobox:after {
|
|
clear: both;
|
|
visibility: hidden;
|
|
font-size: 0;
|
|
height: 0;
|
|
}
|
|
.ant-time-picker-panel-addon {
|
|
padding: 8px;
|
|
border-top: 1px solid #e9e9e9;
|
|
}
|
|
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft,
|
|
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight,
|
|
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft,
|
|
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight {
|
|
-webkit-animation-name: antSlideDownIn;
|
|
animation-name: antSlideDownIn;
|
|
}
|
|
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft,
|
|
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight,
|
|
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft,
|
|
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight {
|
|
-webkit-animation-name: antSlideUpIn;
|
|
animation-name: antSlideUpIn;
|
|
}
|
|
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft,
|
|
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight {
|
|
-webkit-animation-name: antSlideDownOut;
|
|
animation-name: antSlideDownOut;
|
|
}
|
|
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft,
|
|
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight {
|
|
-webkit-animation-name: antSlideUpOut;
|
|
animation-name: antSlideUpOut;
|
|
}
|
|
.ant-time-picker {
|
|
position: relative;
|
|
display: inline-block;
|
|
outline: none;
|
|
font-size: 12px;
|
|
-webkit-transition: opacity 0.3s ease;
|
|
transition: opacity 0.3s ease;
|
|
width: 100px;
|
|
}
|
|
.ant-time-picker-input {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding: 4px 7px;
|
|
width: 100%;
|
|
height: 28px;
|
|
cursor: text;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
background-color: #fff;
|
|
background-image: none;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 4px;
|
|
-webkit-transition: all .3s;
|
|
transition: all .3s;
|
|
}
|
|
.ant-time-picker-input::-moz-placeholder {
|
|
color: #ccc;
|
|
opacity: 1;
|
|
}
|
|
.ant-time-picker-input:-ms-input-placeholder {
|
|
color: #ccc;
|
|
}
|
|
.ant-time-picker-input::-webkit-input-placeholder {
|
|
color: #ccc;
|
|
}
|
|
.ant-time-picker-input:hover {
|
|
border-color: #49a9ee;
|
|
}
|
|
.ant-time-picker-input:focus {
|
|
border-color: #49a9ee;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
|
|
}
|
|
.ant-time-picker-input[disabled] {
|
|
background-color: #f7f7f7;
|
|
opacity: 1;
|
|
cursor: not-allowed;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-time-picker-input[disabled]:hover {
|
|
border-color: #e2e2e2;
|
|
}
|
|
textarea.ant-time-picker-input {
|
|
max-width: 100%;
|
|
height: auto;
|
|
vertical-align: bottom;
|
|
}
|
|
.ant-time-picker-input-lg {
|
|
padding: 6px 7px;
|
|
height: 32px;
|
|
}
|
|
.ant-time-picker-input-sm {
|
|
padding: 1px 7px;
|
|
height: 22px;
|
|
border-radius: 2px;
|
|
}
|
|
.ant-time-picker-large .ant-time-picker-input {
|
|
padding: 6px 7px;
|
|
height: 32px;
|
|
}
|
|
.ant-time-picker-small .ant-time-picker-input {
|
|
padding: 1px 7px;
|
|
height: 22px;
|
|
border-radius: 2px;
|
|
}
|
|
.ant-time-picker-open {
|
|
opacity: 0;
|
|
}
|
|
.ant-time-picker-icon {
|
|
position: absolute;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
width: 12px;
|
|
height: 12px;
|
|
line-height: 12px;
|
|
right: 8px;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
top: 50%;
|
|
margin-top: -6px;
|
|
}
|
|
.ant-time-picker-icon:after {
|
|
content: "\E641";
|
|
font-family: "anticon";
|
|
font-size: 12px;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
display: inline-block;
|
|
line-height: 1;
|
|
vertical-align: bottom;
|
|
}
|
|
.ant-dropdown {
|
|
position: absolute;
|
|
left: -9999px;
|
|
top: -9999px;
|
|
z-index: 1050;
|
|
display: block;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
line-height: 1.5;
|
|
}
|
|
.ant-dropdown-wrap {
|
|
position: relative;
|
|
}
|
|
.ant-dropdown-wrap .ant-btn > .anticon-down {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-size: 10px \9;
|
|
-webkit-transform: scale(0.83333333) rotate(0deg);
|
|
transform: scale(0.83333333) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
}
|
|
:root .ant-dropdown-wrap .ant-btn > .anticon-down {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-dropdown-wrap .ant-btn > .anticon-down {
|
|
font-size: 12px;
|
|
}
|
|
.ant-dropdown-wrap .anticon-down:before {
|
|
-webkit-transition: -webkit-transform 0.2s ease;
|
|
transition: -webkit-transform 0.2s ease;
|
|
transition: transform 0.2s ease;
|
|
transition: transform 0.2s ease, -webkit-transform 0.2s ease;
|
|
}
|
|
.ant-dropdown-wrap-open .anticon-down:before {
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
.ant-dropdown-hidden,
|
|
.ant-dropdown-menu-hidden {
|
|
display: none;
|
|
}
|
|
.ant-dropdown-menu {
|
|
outline: none;
|
|
position: relative;
|
|
list-style-type: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
text-align: left;
|
|
background-color: #fff;
|
|
border-radius: 4px;
|
|
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
|
|
background-clip: padding-box;
|
|
}
|
|
.ant-dropdown-menu-item,
|
|
.ant-dropdown-menu-submenu-title {
|
|
padding: 7px 16px;
|
|
margin: 0;
|
|
clear: both;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
-webkit-transition: background 0.3s ease;
|
|
transition: background 0.3s ease;
|
|
}
|
|
.ant-dropdown-menu-item > a,
|
|
.ant-dropdown-menu-submenu-title > a {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
display: block;
|
|
padding: 7px 16px;
|
|
margin: -7px -16px;
|
|
}
|
|
.ant-dropdown-menu-item:hover,
|
|
.ant-dropdown-menu-submenu-title:hover {
|
|
background-color: #ecf6fd;
|
|
}
|
|
.ant-dropdown-menu-item-disabled,
|
|
.ant-dropdown-menu-submenu-title-disabled {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
cursor: not-allowed;
|
|
pointer-events: none;
|
|
}
|
|
.ant-dropdown-menu-item-disabled:hover,
|
|
.ant-dropdown-menu-submenu-title-disabled:hover {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
background-color: #fff;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-dropdown-menu-item:first-child,
|
|
.ant-dropdown-menu-submenu-title:first-child {
|
|
border-radius: 4px 4px 0 0;
|
|
}
|
|
.ant-dropdown-menu-item:last-child,
|
|
.ant-dropdown-menu-submenu-title:last-child {
|
|
border-radius: 0 0 4px 4px;
|
|
}
|
|
.ant-dropdown-menu-item:only-child,
|
|
.ant-dropdown-menu-submenu-title:only-child {
|
|
border-radius: 4px;
|
|
}
|
|
.ant-dropdown-menu-item-divider,
|
|
.ant-dropdown-menu-submenu-title-divider {
|
|
height: 1px;
|
|
overflow: hidden;
|
|
background-color: #e9e9e9;
|
|
line-height: 0;
|
|
}
|
|
.ant-dropdown-menu-submenu-title:after {
|
|
font-family: "anticon" !important;
|
|
position: absolute;
|
|
content: "\E61F";
|
|
right: 12px;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-size: 10px \9;
|
|
-webkit-transform: scale(0.83333333) rotate(0deg);
|
|
transform: scale(0.83333333) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
}
|
|
:root .ant-dropdown-menu-submenu-title:after {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-dropdown-menu-submenu-title:after {
|
|
font-size: 12px;
|
|
}
|
|
.ant-dropdown-menu-submenu-vertical {
|
|
position: relative;
|
|
}
|
|
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
|
|
top: 0;
|
|
left: 100%;
|
|
position: absolute;
|
|
min-width: 100%;
|
|
margin-left: 4px;
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
}
|
|
.ant-dropdown-menu-submenu:first-child .ant-dropdown-menu-submenu-title {
|
|
border-radius: 4px 4px 0 0;
|
|
}
|
|
.ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
|
|
border-radius: 0 0 4px 4px;
|
|
}
|
|
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-bottomLeft,
|
|
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-bottomLeft {
|
|
-webkit-animation-name: antSlideUpIn;
|
|
animation-name: antSlideUpIn;
|
|
}
|
|
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft,
|
|
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft {
|
|
-webkit-animation-name: antSlideDownIn;
|
|
animation-name: antSlideDownIn;
|
|
}
|
|
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-bottomLeft {
|
|
-webkit-animation-name: antSlideUpOut;
|
|
animation-name: antSlideUpOut;
|
|
}
|
|
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft {
|
|
-webkit-animation-name: antSlideDownOut;
|
|
animation-name: antSlideDownOut;
|
|
}
|
|
.ant-dropdown-trigger,
|
|
.ant-dropdown-link {
|
|
font-size: 12px;
|
|
}
|
|
.ant-dropdown-trigger .anticon-down,
|
|
.ant-dropdown-link .anticon-down {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-size: 10px \9;
|
|
-webkit-transform: scale(0.83333333) rotate(0deg);
|
|
transform: scale(0.83333333) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
}
|
|
:root .ant-dropdown-trigger .anticon-down,
|
|
:root .ant-dropdown-link .anticon-down {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-dropdown-trigger .anticon-down,
|
|
:root .ant-dropdown-link .anticon-down {
|
|
font-size: 12px;
|
|
}
|
|
.ant-dropdown-button {
|
|
white-space: nowrap;
|
|
}
|
|
.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child) {
|
|
padding-right: 7px;
|
|
}
|
|
.ant-dropdown-button .anticon-down {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-size: 10px \9;
|
|
-webkit-transform: scale(0.83333333) rotate(0deg);
|
|
transform: scale(0.83333333) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
}
|
|
:root .ant-dropdown-button .anticon-down {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-dropdown-button .anticon-down {
|
|
font-size: 12px;
|
|
}
|
|
legend {
|
|
display: block;
|
|
width: 100%;
|
|
padding: 0;
|
|
margin-bottom: 20px;
|
|
font-size: 14px;
|
|
line-height: inherit;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
border: 0;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
}
|
|
label {
|
|
font-size: 12px;
|
|
}
|
|
input[type="search"] {
|
|
box-sizing: border-box;
|
|
}
|
|
input[type="radio"],
|
|
input[type="checkbox"] {
|
|
line-height: normal;
|
|
}
|
|
input[type="file"] {
|
|
display: block;
|
|
}
|
|
input[type="range"] {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
select[multiple],
|
|
select[size] {
|
|
height: auto;
|
|
}
|
|
input[type="file"]:focus,
|
|
input[type="radio"]:focus,
|
|
input[type="checkbox"]:focus {
|
|
outline: thin dotted;
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
outline-offset: -2px;
|
|
}
|
|
output {
|
|
display: block;
|
|
padding-top: 15px;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
label {
|
|
position: relative;
|
|
}
|
|
label > .anticon {
|
|
vertical-align: top;
|
|
font-size: 12px;
|
|
}
|
|
.ant-form-item-required:before {
|
|
display: inline-block;
|
|
margin-right: 4px;
|
|
content: "*";
|
|
font-family: SimSun;
|
|
line-height: 1;
|
|
font-size: 12px;
|
|
color: #F04134;
|
|
}
|
|
input[type="radio"][disabled],
|
|
input[type="checkbox"][disabled],
|
|
input[type="radio"].disabled,
|
|
input[type="checkbox"].disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-radio-inline.disabled,
|
|
.ant-radio-vertical.disabled,
|
|
.ant-checkbox-inline.disabled,
|
|
.ant-checkbox-vertical.disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-radio.disabled label,
|
|
.ant-checkbox.disabled label {
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-form-item {
|
|
font-size: 12px;
|
|
margin-bottom: 24px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
vertical-align: top;
|
|
}
|
|
.ant-form-item > .ant-form-item,
|
|
.ant-form-item :not(.ant-form) > .ant-form-item {
|
|
margin-bottom: -24px;
|
|
}
|
|
.ant-form-item-control {
|
|
line-height: 32px;
|
|
position: relative;
|
|
zoom: 1;
|
|
}
|
|
.ant-form-item-control:before,
|
|
.ant-form-item-control:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.ant-form-item-control:after {
|
|
clear: both;
|
|
visibility: hidden;
|
|
font-size: 0;
|
|
height: 0;
|
|
}
|
|
.ant-form-item-with-help {
|
|
margin-bottom: 6px;
|
|
}
|
|
.ant-form-item-label {
|
|
text-align: right;
|
|
vertical-align: middle;
|
|
padding: 7px 0;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.ant-form-item-label label {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.ant-form-item-label label:after {
|
|
content: ":";
|
|
margin: 0 8px 0 2px;
|
|
position: relative;
|
|
top: -0.5px;
|
|
}
|
|
.ant-form-item .ant-switch {
|
|
margin: 4px 0;
|
|
}
|
|
.ant-form-item-no-colon .ant-form-item-label label:after {
|
|
content: " ";
|
|
}
|
|
.ant-form-explain {
|
|
line-height: 1.5;
|
|
}
|
|
.ant-form-explain,
|
|
.ant-form-extra {
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-form-text {
|
|
display: inline-block;
|
|
padding-right: 8px;
|
|
}
|
|
.ant-form-split {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
form .has-feedback .ant-input {
|
|
padding-right: 24px;
|
|
}
|
|
form .has-feedback .ant-select-arrow,
|
|
form .has-feedback .ant-select-selection__clear {
|
|
right: 28px;
|
|
}
|
|
form .has-feedback .ant-select-selection-selected-value {
|
|
padding-right: 42px;
|
|
}
|
|
form .has-feedback .ant-cascader-picker-arrow {
|
|
padding-right: 36px;
|
|
}
|
|
form .has-feedback .ant-cascader-picker-clear {
|
|
right: 28px;
|
|
}
|
|
form textarea.ant-input {
|
|
height: auto;
|
|
}
|
|
form .ant-upload {
|
|
background: transparent;
|
|
}
|
|
form input[type="radio"],
|
|
form input[type="checkbox"] {
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
form .ant-radio-inline,
|
|
form .ant-checkbox-inline {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font-weight: normal;
|
|
cursor: pointer;
|
|
margin-left: 8px;
|
|
}
|
|
form .ant-radio-inline:first-child,
|
|
form .ant-checkbox-inline:first-child {
|
|
margin-left: 0;
|
|
}
|
|
form .ant-checkbox-vertical,
|
|
form .ant-radio-vertical {
|
|
display: block;
|
|
}
|
|
form .ant-checkbox-vertical + .ant-checkbox-vertical,
|
|
form .ant-radio-vertical + .ant-radio-vertical {
|
|
margin-left: 0;
|
|
}
|
|
form .ant-input-number {
|
|
margin-top: -1px;
|
|
margin-right: 8px;
|
|
}
|
|
form .ant-select,
|
|
form .ant-cascader-picker {
|
|
width: 100%;
|
|
}
|
|
.ant-input-group-wrap .ant-select-selection {
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
}
|
|
.ant-input-group-wrap .ant-select-selection:hover {
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-input-group-wrap .ant-select-selection--single {
|
|
margin-left: -1px;
|
|
height: 32px;
|
|
background-color: #eee;
|
|
}
|
|
.ant-input-group-wrap .ant-select-selection--single .ant-select-selection__rendered {
|
|
padding-left: 8px;
|
|
padding-right: 25px;
|
|
line-height: 30px;
|
|
}
|
|
.ant-input-group-wrap .ant-select-open .ant-select-selection {
|
|
border-color: #d9d9d9;
|
|
box-shadow: none;
|
|
}
|
|
.ant-form-vertical .ant-form-item-label {
|
|
padding: 0 0 8px;
|
|
display: block;
|
|
text-align: left;
|
|
}
|
|
.ant-form-vertical .ant-form-item-label label:after {
|
|
content: '';
|
|
}
|
|
.ant-form-inline .ant-form-item {
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
margin-bottom: 0;
|
|
}
|
|
.ant-form-inline .ant-form-item-with-help {
|
|
margin-bottom: 24px;
|
|
}
|
|
.ant-form-inline .ant-form-item > div {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.ant-form-inline .ant-form-text {
|
|
display: inline-block;
|
|
}
|
|
.ant-form-inline .has-feedback {
|
|
display: inline-block;
|
|
}
|
|
.ant-form-inline .ant-form-explain {
|
|
position: absolute;
|
|
}
|
|
.has-success.has-feedback:after,
|
|
.has-warning.has-feedback:after,
|
|
.has-error.has-feedback:after,
|
|
.is-validating.has-feedback:after {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
visibility: visible;
|
|
pointer-events: none;
|
|
width: 32px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
-webkit-animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
|
|
animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
|
|
font-family: 'anticon';
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
content: "";
|
|
}
|
|
.has-success.has-feedback:after {
|
|
-webkit-animation-name: diffZoomIn1 !important;
|
|
animation-name: diffZoomIn1 !important;
|
|
}
|
|
.has-error.has-feedback:after {
|
|
-webkit-animation-name: diffZoomIn2 !important;
|
|
animation-name: diffZoomIn2 !important;
|
|
}
|
|
.has-warning.has-feedback:after {
|
|
-webkit-animation-name: diffZoomIn3 !important;
|
|
animation-name: diffZoomIn3 !important;
|
|
}
|
|
.has-success.has-feedback:after {
|
|
content: '\E630';
|
|
color: #00A854;
|
|
}
|
|
.has-warning .ant-form-explain,
|
|
.has-warning .ant-form-split {
|
|
color: #ffbf00;
|
|
}
|
|
.has-warning .ant-input,
|
|
.has-warning .ant-input:hover {
|
|
border-color: #ffbf00;
|
|
}
|
|
.has-warning .ant-input:focus {
|
|
border-color: #ffce3d;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px rgba(255, 191, 0, 0.2);
|
|
}
|
|
.has-warning .ant-input:not([disabled]):hover {
|
|
border-color: #ffbf00;
|
|
}
|
|
.has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
|
|
border-color: #ffce3d;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px rgba(255, 191, 0, 0.2);
|
|
}
|
|
.has-warning .ant-input-group-addon {
|
|
color: #ffbf00;
|
|
border-color: #ffbf00;
|
|
background-color: #fff;
|
|
}
|
|
.has-warning .has-feedback {
|
|
color: #ffbf00;
|
|
}
|
|
.has-warning.has-feedback:after {
|
|
content: '\E62C';
|
|
color: #ffbf00;
|
|
}
|
|
.has-warning .ant-select-selection {
|
|
border-color: #ffbf00;
|
|
}
|
|
.has-warning .ant-select-open .ant-select-selection,
|
|
.has-warning .ant-select-focused .ant-select-selection {
|
|
border-color: #ffce3d;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px rgba(255, 191, 0, 0.2);
|
|
}
|
|
.has-warning .ant-calendar-picker-icon:after,
|
|
.has-warning .ant-picker-icon:after,
|
|
.has-warning .ant-select-arrow,
|
|
.has-warning .ant-cascader-picker-arrow {
|
|
color: #ffbf00;
|
|
}
|
|
.has-warning .ant-input-number,
|
|
.has-warning .ant-time-picker-input {
|
|
border-color: #ffbf00;
|
|
}
|
|
.has-warning .ant-input-number-focused,
|
|
.has-warning .ant-time-picker-input-focused,
|
|
.has-warning .ant-input-number:focus,
|
|
.has-warning .ant-time-picker-input:focus {
|
|
border-color: #ffce3d;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px rgba(255, 191, 0, 0.2);
|
|
}
|
|
.has-warning .ant-input-number:not([disabled]):hover,
|
|
.has-warning .ant-time-picker-input:not([disabled]):hover {
|
|
border-color: #ffbf00;
|
|
}
|
|
.has-error .ant-form-explain,
|
|
.has-error .ant-form-split {
|
|
color: #F04134;
|
|
}
|
|
.has-error .ant-input,
|
|
.has-error .ant-input:hover {
|
|
border-color: #F04134;
|
|
}
|
|
.has-error .ant-input:focus {
|
|
border-color: #f46e65;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2);
|
|
}
|
|
.has-error .ant-input:not([disabled]):hover {
|
|
border-color: #F04134;
|
|
}
|
|
.has-error .ant-calendar-picker-open .ant-calendar-picker-input {
|
|
border-color: #f46e65;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2);
|
|
}
|
|
.has-error .ant-input-group-addon {
|
|
color: #F04134;
|
|
border-color: #F04134;
|
|
background-color: #fff;
|
|
}
|
|
.has-error .has-feedback {
|
|
color: #F04134;
|
|
}
|
|
.has-error.has-feedback:after {
|
|
content: '\E62E';
|
|
color: #F04134;
|
|
}
|
|
.has-error .ant-select-selection {
|
|
border-color: #F04134;
|
|
}
|
|
.has-error .ant-select-open .ant-select-selection,
|
|
.has-error .ant-select-focused .ant-select-selection {
|
|
border-color: #f46e65;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2);
|
|
}
|
|
.has-error .ant-calendar-picker-icon:after,
|
|
.has-error .ant-picker-icon:after,
|
|
.has-error .ant-select-arrow,
|
|
.has-error .ant-cascader-picker-arrow {
|
|
color: #F04134;
|
|
}
|
|
.has-error .ant-input-number,
|
|
.has-error .ant-time-picker-input {
|
|
border-color: #F04134;
|
|
}
|
|
.has-error .ant-input-number-focused,
|
|
.has-error .ant-time-picker-input-focused,
|
|
.has-error .ant-input-number:focus,
|
|
.has-error .ant-time-picker-input:focus {
|
|
border-color: #f46e65;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2);
|
|
}
|
|
.has-error .ant-input-number:not([disabled]):hover,
|
|
.has-error .ant-time-picker-input:not([disabled]):hover {
|
|
border-color: #F04134;
|
|
}
|
|
.has-error .ant-mention-wrapper .ant-mention-editor,
|
|
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
|
|
border-color: #F04134;
|
|
}
|
|
.has-error .ant-mention-wrapper.active .ant-mention-editor,
|
|
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
|
|
border-color: #f46e65;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2);
|
|
}
|
|
.is-validating.has-feedback:after {
|
|
display: inline-block;
|
|
-webkit-animation: loadingCircle 1s infinite linear;
|
|
animation: loadingCircle 1s infinite linear;
|
|
content: "\E64D";
|
|
color: #108ee9;
|
|
}
|
|
.ant-advanced-search-form .ant-form-item {
|
|
margin-bottom: 16px;
|
|
}
|
|
.ant-advanced-search-form .ant-input,
|
|
.ant-advanced-search-form .ant-input-group .ant-input,
|
|
.ant-advanced-search-form .ant-input-group .ant-input-group-addon {
|
|
height: 28px;
|
|
}
|
|
@-webkit-keyframes diffZoomIn1 {
|
|
0% {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@keyframes diffZoomIn1 {
|
|
0% {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@-webkit-keyframes diffZoomIn2 {
|
|
0% {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@keyframes diffZoomIn2 {
|
|
0% {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@-webkit-keyframes diffZoomIn3 {
|
|
0% {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@keyframes diffZoomIn3 {
|
|
0% {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
.ant-input-number {
|
|
position: relative;
|
|
padding: 4px 7px;
|
|
width: 100%;
|
|
cursor: text;
|
|
line-height: 1.5;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
background-color: #fff;
|
|
background-image: none;
|
|
-webkit-transition: all .3s;
|
|
transition: all .3s;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 12px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 4px;
|
|
width: 80px;
|
|
}
|
|
.ant-input-number::-moz-placeholder {
|
|
color: #ccc;
|
|
opacity: 1;
|
|
}
|
|
.ant-input-number:-ms-input-placeholder {
|
|
color: #ccc;
|
|
}
|
|
.ant-input-number::-webkit-input-placeholder {
|
|
color: #ccc;
|
|
}
|
|
.ant-input-number:hover {
|
|
border-color: #49a9ee;
|
|
}
|
|
.ant-input-number:focus {
|
|
border-color: #49a9ee;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
|
|
}
|
|
.ant-input-number[disabled] {
|
|
background-color: #f7f7f7;
|
|
opacity: 1;
|
|
cursor: not-allowed;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-input-number[disabled]:hover {
|
|
border-color: #e2e2e2;
|
|
}
|
|
textarea.ant-input-number {
|
|
max-width: 100%;
|
|
height: auto;
|
|
vertical-align: bottom;
|
|
}
|
|
.ant-input-number-lg {
|
|
padding: 6px 7px;
|
|
height: 32px;
|
|
}
|
|
.ant-input-number-sm {
|
|
padding: 1px 7px;
|
|
height: 22px;
|
|
border-radius: 2px;
|
|
}
|
|
.ant-input-number-handler {
|
|
text-align: center;
|
|
line-height: 0;
|
|
height: 50%;
|
|
overflow: hidden;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
position: relative;
|
|
-webkit-transition: all 0.1s linear;
|
|
transition: all 0.1s linear;
|
|
display: block;
|
|
width: 100%;
|
|
font-weight: bold;
|
|
}
|
|
.ant-input-number-handler:active {
|
|
background: #f4f4f4;
|
|
}
|
|
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
|
|
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
|
|
color: #49a9ee;
|
|
}
|
|
.ant-input-number-handler-up-inner,
|
|
.ant-input-number-handler-down-inner {
|
|
font-style: normal;
|
|
vertical-align: baseline;
|
|
text-align: center;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
line-height: 12px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 12px;
|
|
-webkit-transition: all 0.1s linear;
|
|
transition: all 0.1s linear;
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-size: 7px \9;
|
|
-webkit-transform: scale(0.58333333) rotate(0deg);
|
|
transform: scale(0.58333333) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
right: 4px;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-input-number-handler-up-inner:before,
|
|
.ant-input-number-handler-down-inner:before {
|
|
display: block;
|
|
font-family: "anticon" !important;
|
|
}
|
|
:root .ant-input-number-handler-up-inner,
|
|
:root .ant-input-number-handler-down-inner {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-input-number-handler-up-inner,
|
|
:root .ant-input-number-handler-down-inner {
|
|
font-size: 12px;
|
|
}
|
|
.ant-input-number:hover {
|
|
border-color: #49a9ee;
|
|
}
|
|
.ant-input-number-focused {
|
|
border-color: #49a9ee;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
|
|
}
|
|
.ant-input-number-disabled {
|
|
background-color: #f7f7f7;
|
|
opacity: 1;
|
|
cursor: not-allowed;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-input-number-disabled:hover {
|
|
border-color: #e2e2e2;
|
|
}
|
|
.ant-input-number-input {
|
|
width: 100%;
|
|
text-align: left;
|
|
outline: 0;
|
|
-moz-appearance: textfield;
|
|
line-height: 26px;
|
|
height: 26px;
|
|
-webkit-transition: all 0.3s linear;
|
|
transition: all 0.3s linear;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
border: 0;
|
|
border-radius: 4px;
|
|
padding: 0 7px;
|
|
}
|
|
.ant-input-number-input[disabled] {
|
|
background-color: #f7f7f7;
|
|
opacity: 1;
|
|
cursor: not-allowed;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-input-number-input[disabled]:hover {
|
|
border-color: #e2e2e2;
|
|
}
|
|
.ant-input-number-lg {
|
|
padding: 0;
|
|
}
|
|
.ant-input-number-lg .ant-input-number-handler {
|
|
height: 16px;
|
|
}
|
|
.ant-input-number-lg input {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
}
|
|
.ant-input-number-lg .ant-input-number-handler-up-inner {
|
|
top: 2px;
|
|
}
|
|
.ant-input-number-lg .ant-input-number-handler-down-inner {
|
|
bottom: 2px;
|
|
}
|
|
.ant-input-number-lg .ant-input-number-handler-up:hover {
|
|
height: 18px;
|
|
}
|
|
.ant-input-number-sm {
|
|
padding: 0;
|
|
}
|
|
.ant-input-number-sm .ant-input-number-handler {
|
|
height: 11px;
|
|
}
|
|
.ant-input-number-sm input {
|
|
height: 20px;
|
|
line-height: 20px;
|
|
}
|
|
.ant-input-number-sm .ant-input-number-handler-up-inner {
|
|
top: -1px;
|
|
}
|
|
.ant-input-number-sm .ant-input-number-handler-down-inner {
|
|
bottom: -1px;
|
|
}
|
|
.ant-input-number-sm .ant-input-number-handler-up:hover {
|
|
height: 13px;
|
|
}
|
|
.ant-input-number-sm .ant-input-number-handler-down:hover .ant-input-number-handler-down-inner {
|
|
bottom: 4px;
|
|
}
|
|
.ant-input-number-handler-wrap {
|
|
border-left: 1px solid #d9d9d9;
|
|
width: 22px;
|
|
height: 100%;
|
|
background: #fff;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
opacity: 0;
|
|
border-radius: 0 4px 4px 0;
|
|
-webkit-transition: opacity 0.24s linear 0.1s;
|
|
transition: opacity 0.24s linear 0.1s;
|
|
}
|
|
.ant-input-number:hover .ant-input-number-handler-wrap {
|
|
opacity: 1;
|
|
}
|
|
.ant-input-number-handler-up {
|
|
cursor: pointer;
|
|
}
|
|
.ant-input-number-handler-up-inner {
|
|
top: 1px;
|
|
}
|
|
.ant-input-number-handler-up-inner:before {
|
|
text-align: center;
|
|
content: "\E61E";
|
|
}
|
|
.ant-input-number-handler-up:hover {
|
|
height: 16px;
|
|
}
|
|
.ant-input-number-handler-up:hover .ant-input-number-handler-up-inner {
|
|
margin-top: 2px;
|
|
}
|
|
.ant-input-number-handler-down {
|
|
border-top: 1px solid #d9d9d9;
|
|
top: -1px;
|
|
cursor: pointer;
|
|
}
|
|
.ant-input-number-handler-down-inner:before {
|
|
text-align: center;
|
|
content: "\E61D";
|
|
}
|
|
.ant-input-number-handler-down:hover {
|
|
height: 16px;
|
|
margin-top: -2px;
|
|
}
|
|
.ant-input-number-handler-down-disabled .ant-input-number-handler-down-inner,
|
|
.ant-input-number-handler-up-disabled .ant-input-number-handler-down-inner,
|
|
.ant-input-number-disabled .ant-input-number-handler-down-inner,
|
|
.ant-input-number-handler-down-disabled .ant-input-number-handler-up-inner,
|
|
.ant-input-number-handler-up-disabled .ant-input-number-handler-up-inner,
|
|
.ant-input-number-disabled .ant-input-number-handler-up-inner {
|
|
opacity: 0.72;
|
|
color: #ccc !important;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-input-number-disabled .ant-input-number-input {
|
|
opacity: 0.72;
|
|
cursor: not-allowed;
|
|
background-color: #f3f3f3;
|
|
}
|
|
.ant-input-number-disabled .ant-input-number-handler-wrap {
|
|
display: none;
|
|
}
|
|
.ant-input-number-disabled .ant-input-number-handler {
|
|
opacity: 0.72;
|
|
color: #ccc !important;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-layout {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-flex-direction: column;
|
|
flex-direction: column;
|
|
-webkit-box-flex: 1;
|
|
-webkit-flex: auto;
|
|
flex: auto;
|
|
overflow: auto;
|
|
background: #ececec;
|
|
}
|
|
.ant-layout.ant-layout-has-sider {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-webkit-flex-direction: row;
|
|
flex-direction: row;
|
|
}
|
|
.ant-layout-header,
|
|
.ant-layout-footer {
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 auto;
|
|
flex: 0 0 auto;
|
|
}
|
|
.ant-layout-header {
|
|
background: rgba(0, 0, 0, 0.75);
|
|
padding: 0 50px;
|
|
height: 64px;
|
|
line-height: 64px;
|
|
}
|
|
.ant-layout-footer {
|
|
padding: 24px 50px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
font-size: 12px;
|
|
}
|
|
.ant-layout-content {
|
|
-webkit-box-flex: 1;
|
|
-webkit-flex: auto;
|
|
flex: auto;
|
|
}
|
|
.ant-layout-sider {
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 200px;
|
|
flex: 0 0 200px;
|
|
-webkit-transition: all .3s ease;
|
|
transition: all .3s ease;
|
|
position: relative;
|
|
background: rgba(0, 0, 0, 0.75);
|
|
}
|
|
.ant-layout-sider-has-trigger {
|
|
padding-bottom: 48px;
|
|
}
|
|
.ant-layout-sider-right {
|
|
-webkit-box-ordinal-group: 2;
|
|
-webkit-order: 1;
|
|
order: 1;
|
|
}
|
|
.ant-layout-sider-collapsed {
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 64px;
|
|
flex: 0 0 64px;
|
|
}
|
|
.ant-layout-sider-trigger {
|
|
position: absolute;
|
|
text-align: center;
|
|
width: 100%;
|
|
bottom: 0;
|
|
cursor: pointer;
|
|
height: 48px;
|
|
line-height: 48px;
|
|
background: rgba(75, 75, 75, 0.8);
|
|
color: #fff;
|
|
}
|
|
.ant-mention-wrapper {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
vertical-align: middle;
|
|
}
|
|
.ant-mention-wrapper-active .ant-mention-editor {
|
|
border-color: #49a9ee;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
|
|
}
|
|
.ant-mention-wrapper .ant-mention-editor {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding: 4px 7px;
|
|
width: 100%;
|
|
height: 28px;
|
|
cursor: text;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
background-color: #fff;
|
|
background-image: none;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 4px;
|
|
-webkit-transition: all .3s;
|
|
transition: all .3s;
|
|
padding: 0;
|
|
display: block;
|
|
}
|
|
.ant-mention-wrapper .ant-mention-editor::-moz-placeholder {
|
|
color: #ccc;
|
|
opacity: 1;
|
|
}
|
|
.ant-mention-wrapper .ant-mention-editor:-ms-input-placeholder {
|
|
color: #ccc;
|
|
}
|
|
.ant-mention-wrapper .ant-mention-editor::-webkit-input-placeholder {
|
|
color: #ccc;
|
|
}
|
|
.ant-mention-wrapper .ant-mention-editor:hover {
|
|
border-color: #49a9ee;
|
|
}
|
|
.ant-mention-wrapper .ant-mention-editor:focus {
|
|
border-color: #49a9ee;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
|
|
}
|
|
.ant-mention-wrapper .ant-mention-editor[disabled] {
|
|
background-color: #f7f7f7;
|
|
opacity: 1;
|
|
cursor: not-allowed;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-mention-wrapper .ant-mention-editor[disabled]:hover {
|
|
border-color: #e2e2e2;
|
|
}
|
|
textarea.ant-mention-wrapper .ant-mention-editor {
|
|
max-width: 100%;
|
|
height: auto;
|
|
vertical-align: bottom;
|
|
}
|
|
.ant-mention-wrapper .ant-mention-editor-lg {
|
|
padding: 6px 7px;
|
|
height: 32px;
|
|
}
|
|
.ant-mention-wrapper .ant-mention-editor-sm {
|
|
padding: 1px 7px;
|
|
height: 22px;
|
|
border-radius: 2px;
|
|
}
|
|
.ant-mention-wrapper .ant-mention-editor-wrapper {
|
|
overflow-y: auto;
|
|
height: auto;
|
|
}
|
|
.ant-mention-wrapper .public-DraftEditorPlaceholder-root {
|
|
position: absolute;
|
|
}
|
|
.ant-mention-wrapper .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner {
|
|
color: #ccc;
|
|
opacity: 1;
|
|
outline: none;
|
|
white-space: pre-wrap;
|
|
word-wrap: break-word;
|
|
height: auto;
|
|
padding: 4px 7px;
|
|
}
|
|
.ant-mention-wrapper .DraftEditor-editorContainer .public-DraftEditor-content {
|
|
height: auto;
|
|
padding: 4px 7px;
|
|
}
|
|
.ant-mention-dropdown {
|
|
margin-top: 1.5em;
|
|
max-height: 250px;
|
|
min-width: 120px;
|
|
background-color: #fff;
|
|
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
|
|
border-radius: 4px;
|
|
box-sizing: border-box;
|
|
z-index: 1050;
|
|
left: -9999px;
|
|
top: -9999px;
|
|
position: absolute;
|
|
outline: none;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
font-size: 12px;
|
|
}
|
|
.ant-mention-dropdown-notfound.ant-mention-dropdown-item {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-mention-dropdown-notfound.ant-mention-dropdown-item .anticon-loading {
|
|
color: #108ee9;
|
|
text-align: center;
|
|
display: block;
|
|
}
|
|
.ant-mention-dropdown-item {
|
|
position: relative;
|
|
display: block;
|
|
padding: 7px 16px;
|
|
font-weight: normal;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
-webkit-transition: background 0.3s ease;
|
|
transition: background 0.3s ease;
|
|
}
|
|
.ant-mention-dropdown-item:hover,
|
|
.ant-mention-dropdown-item.focus,
|
|
.ant-mention-dropdown-item-active {
|
|
background-color: #ecf6fd;
|
|
}
|
|
.ant-mention-dropdown-item-disabled {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-mention-dropdown-item-disabled:hover {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
background-color: #fff;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-mention-dropdown-item-selected,
|
|
.ant-mention-dropdown-item-selected:hover {
|
|
background-color: #f7f7f7;
|
|
font-weight: bold;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.ant-mention-dropdown-item-divider {
|
|
height: 1px;
|
|
margin: 1px 0;
|
|
overflow: hidden;
|
|
background-color: #e9e9e9;
|
|
line-height: 0;
|
|
}
|
|
.ant-menu {
|
|
outline: none;
|
|
margin-bottom: 0;
|
|
padding-left: 0;
|
|
list-style: none;
|
|
z-index: 1050;
|
|
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
|
|
color: rgba(0, 0, 0, 0.65);
|
|
background: #fff;
|
|
line-height: 46px;
|
|
}
|
|
.ant-menu-hidden {
|
|
display: none;
|
|
}
|
|
.ant-menu-item-group-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.ant-menu-item-group-title {
|
|
color: rgba(0, 0, 0, 0.43);
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
padding: 8px 16px;
|
|
}
|
|
.ant-menu-item,
|
|
.ant-menu-submenu,
|
|
.ant-menu-submenu-title {
|
|
cursor: pointer;
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
}
|
|
.ant-menu-submenu .ant-menu-sub {
|
|
cursor: initial;
|
|
}
|
|
.ant-menu-item > a {
|
|
display: block;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.ant-menu-item > a:hover {
|
|
color: #108ee9;
|
|
}
|
|
.ant-menu-item > a:before {
|
|
position: absolute;
|
|
background-color: transparent;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
content: '';
|
|
}
|
|
.ant-menu-item-divider {
|
|
height: 1px;
|
|
overflow: hidden;
|
|
background-color: #e9e9e9;
|
|
line-height: 0;
|
|
}
|
|
.ant-menu-item:hover,
|
|
.ant-menu-item-active,
|
|
.ant-menu-submenu-active,
|
|
.ant-menu-submenu-title:hover {
|
|
color: #108ee9;
|
|
}
|
|
.ant-menu-horizontal .ant-menu-item,
|
|
.ant-menu-horizontal .ant-menu-submenu {
|
|
margin-top: -1px;
|
|
}
|
|
.ant-menu-horizontal > .ant-menu-item:hover,
|
|
.ant-menu-horizontal > .ant-menu-item-active,
|
|
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
|
|
background-color: transparent;
|
|
}
|
|
.ant-menu-item-selected {
|
|
color: #108ee9;
|
|
-webkit-transform: translateZ(0);
|
|
transform: translateZ(0);
|
|
}
|
|
.ant-menu-item-selected > a,
|
|
.ant-menu-item-selected > a:hover {
|
|
color: #108ee9;
|
|
}
|
|
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
|
|
background-color: #ecf6fd;
|
|
}
|
|
.ant-menu-horizontal,
|
|
.ant-menu-inline,
|
|
.ant-menu-vertical {
|
|
z-index: auto;
|
|
}
|
|
.ant-menu-inline,
|
|
.ant-menu-vertical {
|
|
border-right: 1px solid #e9e9e9;
|
|
}
|
|
.ant-menu-inline .ant-menu-item,
|
|
.ant-menu-vertical .ant-menu-item {
|
|
border-right: 1px solid #e9e9e9;
|
|
margin-left: -1px;
|
|
left: 1px;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.ant-menu-vertical .ant-menu-sub {
|
|
border-right: 0;
|
|
}
|
|
.ant-menu-vertical .ant-menu-sub .ant-menu-item {
|
|
border-right: 0;
|
|
}
|
|
.ant-menu-inline .ant-menu-selected,
|
|
.ant-menu-inline .ant-menu-item-selected {
|
|
border-right: 3px solid #108ee9;
|
|
-webkit-transform: translateZ(0);
|
|
transform: translateZ(0);
|
|
}
|
|
.ant-menu-submenu-horizontal > .ant-menu {
|
|
top: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
min-width: 100%;
|
|
margin-top: 7px;
|
|
z-index: 1050;
|
|
}
|
|
.ant-menu-submenu-vertical {
|
|
z-index: 1;
|
|
}
|
|
.ant-menu-submenu-vertical > .ant-menu {
|
|
top: 0;
|
|
left: 100%;
|
|
position: absolute;
|
|
min-width: 160px;
|
|
margin-left: 4px;
|
|
z-index: 1050;
|
|
}
|
|
.ant-menu-item,
|
|
.ant-menu-submenu-title {
|
|
margin: 0;
|
|
padding: 0 20px;
|
|
position: relative;
|
|
display: block;
|
|
white-space: nowrap;
|
|
}
|
|
.ant-menu-item .anticon,
|
|
.ant-menu-submenu-title .anticon {
|
|
min-width: 14px;
|
|
margin-right: 8px;
|
|
-webkit-transition: all .3s;
|
|
transition: all .3s;
|
|
}
|
|
.ant-menu > .ant-menu-item-divider {
|
|
height: 1px;
|
|
margin: 1px 0;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
line-height: 0;
|
|
background-color: #e5e5e5;
|
|
}
|
|
.ant-menu-submenu {
|
|
position: relative;
|
|
}
|
|
.ant-menu-submenu > .ant-menu {
|
|
background-color: #fff;
|
|
border-radius: 4px;
|
|
}
|
|
.ant-menu-submenu-vertical > .ant-menu-submenu-title:after {
|
|
font-family: "anticon" !important;
|
|
font-style: normal;
|
|
vertical-align: baseline;
|
|
text-align: center;
|
|
text-transform: none;
|
|
text-rendering: auto;
|
|
position: absolute;
|
|
-webkit-transition: -webkit-transform .3s ease;
|
|
transition: -webkit-transform .3s ease;
|
|
transition: transform .3s ease;
|
|
transition: transform .3s ease, -webkit-transform .3s ease;
|
|
content: "\E61D";
|
|
right: 16px;
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
|
|
-webkit-transform: rotate(270deg) scale(0.75);
|
|
transform: rotate(270deg) scale(0.75);
|
|
}
|
|
.ant-menu-submenu-inline > .ant-menu-submenu-title:after {
|
|
font-family: "anticon" !important;
|
|
font-style: normal;
|
|
vertical-align: baseline;
|
|
text-align: center;
|
|
text-transform: none;
|
|
text-rendering: auto;
|
|
position: absolute;
|
|
-webkit-transition: -webkit-transform .3s ease;
|
|
transition: -webkit-transform .3s ease;
|
|
transition: transform .3s ease;
|
|
transition: transform .3s ease, -webkit-transform .3s ease;
|
|
content: "\E61D";
|
|
right: 16px;
|
|
top: 0;
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-size: 8px \9;
|
|
-webkit-transform: scale(0.66666667) rotate(0deg);
|
|
transform: scale(0.66666667) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
}
|
|
:root .ant-menu-submenu-inline > .ant-menu-submenu-title:after {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-menu-submenu-inline > .ant-menu-submenu-title:after {
|
|
font-size: 12px;
|
|
}
|
|
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title:after {
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
|
|
-webkit-transform: rotate(180deg) scale(0.75);
|
|
transform: rotate(180deg) scale(0.75);
|
|
}
|
|
.ant-menu-vertical .ant-menu-submenu-selected {
|
|
color: #108ee9;
|
|
}
|
|
.ant-menu-vertical .ant-menu-submenu-selected > a {
|
|
color: #108ee9;
|
|
}
|
|
.ant-menu-horizontal {
|
|
border: 0;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
box-shadow: none;
|
|
z-index: 0;
|
|
}
|
|
.ant-menu-horizontal > .ant-menu-item,
|
|
.ant-menu-horizontal > .ant-menu-submenu {
|
|
position: relative;
|
|
top: 1px;
|
|
float: left;
|
|
border-bottom: 2px solid transparent;
|
|
}
|
|
.ant-menu-horizontal > .ant-menu-item:hover,
|
|
.ant-menu-horizontal > .ant-menu-submenu:hover,
|
|
.ant-menu-horizontal > .ant-menu-item-active,
|
|
.ant-menu-horizontal > .ant-menu-submenu-active,
|
|
.ant-menu-horizontal > .ant-menu-item-selected,
|
|
.ant-menu-horizontal > .ant-menu-submenu-selected {
|
|
border-bottom: 2px solid #108ee9;
|
|
color: #108ee9;
|
|
}
|
|
.ant-menu-horizontal > .ant-menu-item > a,
|
|
.ant-menu-horizontal > .ant-menu-submenu > a {
|
|
display: block;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.ant-menu-horizontal > .ant-menu-item > a:hover,
|
|
.ant-menu-horizontal > .ant-menu-submenu > a:hover {
|
|
color: #108ee9;
|
|
}
|
|
.ant-menu-horizontal:after {
|
|
content: " ";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
.ant-menu-vertical > .ant-menu-item,
|
|
.ant-menu-inline > .ant-menu-item,
|
|
.ant-menu-item-group-list > .ant-menu-item,
|
|
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
|
|
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title,
|
|
.ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title {
|
|
padding: 0px 16px 0 28px;
|
|
font-size: 12px;
|
|
line-height: 42px;
|
|
height: 42px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.ant-menu-vertical.ant-menu-sub {
|
|
padding: 0;
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
}
|
|
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
|
|
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu {
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
}
|
|
.ant-menu-root.ant-menu-vertical,
|
|
.ant-menu-root.ant-menu-inline {
|
|
box-shadow: none;
|
|
}
|
|
.ant-menu-sub.ant-menu-inline {
|
|
padding: 0;
|
|
border: 0;
|
|
box-shadow: none;
|
|
border-radius: 0;
|
|
}
|
|
.ant-menu-sub.ant-menu-inline > .ant-menu-item,
|
|
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
|
|
line-height: 42px;
|
|
height: 42px;
|
|
list-style-type: disc;
|
|
list-style-position: inside;
|
|
}
|
|
.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
|
|
padding-left: 32px;
|
|
}
|
|
.ant-menu-item-disabled,
|
|
.ant-menu-submenu-disabled {
|
|
color: rgba(0, 0, 0, 0.25) !important;
|
|
cursor: not-allowed;
|
|
background: none;
|
|
border-color: transparent !important;
|
|
}
|
|
.ant-menu-item-disabled > a,
|
|
.ant-menu-submenu-disabled > a {
|
|
color: rgba(0, 0, 0, 0.25) !important;
|
|
pointer-events: none;
|
|
}
|
|
.ant-menu-dark,
|
|
.ant-menu-dark .ant-menu-sub {
|
|
color: rgba(255, 255, 255, 0.67);
|
|
background: #404040;
|
|
}
|
|
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
|
|
background: #333;
|
|
}
|
|
.ant-menu-dark.ant-menu-horizontal {
|
|
border-bottom-color: #404040;
|
|
}
|
|
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
|
|
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
|
|
border-color: #404040;
|
|
border-bottom: 0;
|
|
top: 0;
|
|
}
|
|
.ant-menu-dark .ant-menu-item,
|
|
.ant-menu-dark .ant-menu-item-group-title,
|
|
.ant-menu-dark .ant-menu-item > a {
|
|
color: rgba(255, 255, 255, 0.67);
|
|
}
|
|
.ant-menu-dark.ant-menu-inline,
|
|
.ant-menu-dark.ant-menu-vertical {
|
|
border-right: 0;
|
|
}
|
|
.ant-menu-dark.ant-menu-inline .ant-menu-item,
|
|
.ant-menu-dark.ant-menu-vertical .ant-menu-item {
|
|
border-right: 0;
|
|
margin-left: 0;
|
|
left: 0;
|
|
}
|
|
.ant-menu-dark .ant-menu-item:hover,
|
|
.ant-menu-dark .ant-menu-item-active,
|
|
.ant-menu-dark .ant-menu-submenu-active,
|
|
.ant-menu-dark .ant-menu-submenu-selected,
|
|
.ant-menu-dark .ant-menu-submenu:hover,
|
|
.ant-menu-dark .ant-menu-submenu-title:hover {
|
|
background-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.ant-menu-dark .ant-menu-item:hover > a,
|
|
.ant-menu-dark .ant-menu-item-active > a,
|
|
.ant-menu-dark .ant-menu-submenu-active > a,
|
|
.ant-menu-dark .ant-menu-submenu-selected > a,
|
|
.ant-menu-dark .ant-menu-submenu:hover > a,
|
|
.ant-menu-dark .ant-menu-submenu-title:hover > a {
|
|
color: #fff;
|
|
}
|
|
.ant-menu-dark .ant-menu-item-selected {
|
|
border-right: 0;
|
|
color: #fff;
|
|
}
|
|
.ant-menu-dark .ant-menu-item-selected > a,
|
|
.ant-menu-dark .ant-menu-item-selected > a:hover {
|
|
color: #fff;
|
|
}
|
|
.ant-menu.ant-menu-dark .ant-menu-item-selected {
|
|
background-color: transparent;
|
|
}
|
|
.ant-menu-dark.ant-menu-inline .ant-menu-item-selected {
|
|
background-color: #108ee9;
|
|
}
|
|
.ant-menu-dark .ant-menu-item-disabled,
|
|
.ant-menu-dark .ant-menu-submenu-disabled,
|
|
.ant-menu-dark .ant-menu-item-disabled > a,
|
|
.ant-menu-dark .ant-menu-submenu-disabled > a {
|
|
opacity: 0.8;
|
|
color: rgba(255, 255, 255, 0.35) !important;
|
|
}
|
|
.ant-message {
|
|
font-size: 12px;
|
|
position: fixed;
|
|
z-index: 1010;
|
|
width: 100%;
|
|
top: 16px;
|
|
left: 0;
|
|
}
|
|
.ant-message-notice {
|
|
width: auto;
|
|
vertical-align: middle;
|
|
position: absolute;
|
|
left: 50%;
|
|
}
|
|
.ant-message-notice-content {
|
|
position: relative;
|
|
right: 50%;
|
|
padding: 8px 16px;
|
|
border-radius: 4px;
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
|
|
background: #fff;
|
|
display: block;
|
|
}
|
|
.ant-message-success .anticon {
|
|
color: #00A854;
|
|
}
|
|
.ant-message-error .anticon {
|
|
color: #F04134;
|
|
}
|
|
.ant-message-warning .anticon {
|
|
color: #ffbf00;
|
|
}
|
|
.ant-message-info .anticon,
|
|
.ant-message-loading .anticon {
|
|
color: #108ee9;
|
|
}
|
|
.ant-message .anticon {
|
|
margin-right: 8px;
|
|
font-size: 14px;
|
|
top: 1px;
|
|
position: relative;
|
|
}
|
|
.ant-modal {
|
|
position: relative;
|
|
width: auto;
|
|
margin: 0 auto;
|
|
top: 100px;
|
|
padding-bottom: 24px;
|
|
}
|
|
.ant-modal-wrap {
|
|
position: fixed;
|
|
overflow: auto;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1000;
|
|
-webkit-overflow-scrolling: touch;
|
|
outline: 0;
|
|
}
|
|
.ant-modal-title {
|
|
margin: 0;
|
|
font-size: 14px;
|
|
line-height: 21px;
|
|
font-weight: bold;
|
|
}
|
|
.ant-modal-content {
|
|
position: relative;
|
|
background-color: #fff;
|
|
border: 0;
|
|
border-radius: 4px;
|
|
background-clip: padding-box;
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
|
|
}
|
|
.ant-modal-close {
|
|
cursor: pointer;
|
|
border: 0;
|
|
background: transparent;
|
|
position: absolute;
|
|
right: 16px;
|
|
top: 16px;
|
|
z-index: 10;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
text-decoration: none;
|
|
-webkit-transition: color .3s ease;
|
|
transition: color .3s ease;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
outline: 0;
|
|
}
|
|
.ant-modal-close-x {
|
|
display: block;
|
|
font-style: normal;
|
|
vertical-align: baseline;
|
|
text-align: center;
|
|
text-transform: none;
|
|
text-rendering: auto;
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 14px;
|
|
line-height: 1;
|
|
}
|
|
.ant-modal-close-x:before {
|
|
content: "\E633";
|
|
display: block;
|
|
font-family: "anticon" !important;
|
|
}
|
|
.ant-modal-close:focus,
|
|
.ant-modal-close:hover {
|
|
color: #444;
|
|
text-decoration: none;
|
|
}
|
|
.ant-modal-header {
|
|
padding: 14px 16px;
|
|
border-radius: 4px 4px 0 0;
|
|
background: #fff;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
border-bottom: 1px solid #e9e9e9;
|
|
}
|
|
.ant-modal-body {
|
|
padding: 16px;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
}
|
|
.ant-modal-footer {
|
|
border-top: 1px solid #e9e9e9;
|
|
padding: 10px 18px 10px 10px;
|
|
text-align: right;
|
|
border-radius: 0 0 4px 4px;
|
|
}
|
|
.ant-modal-footer button + button {
|
|
margin-left: 8px;
|
|
margin-bottom: 0;
|
|
}
|
|
.ant-modal.zoom-enter,
|
|
.ant-modal.zoom-appear {
|
|
-webkit-animation-duration: 0.3s;
|
|
animation-duration: 0.3s;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
opacity: 0;
|
|
}
|
|
.ant-modal-mask {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
background-color: #373737;
|
|
background-color: rgba(55, 55, 55, 0.6);
|
|
height: 100%;
|
|
z-index: 1000;
|
|
filter: alpha(opacity=50);
|
|
}
|
|
.ant-modal-mask-hidden {
|
|
display: none;
|
|
}
|
|
.ant-modal-open {
|
|
overflow: hidden;
|
|
}
|
|
@media (max-width: 768px) {
|
|
.ant-modal {
|
|
width: auto !important;
|
|
margin: 10px;
|
|
}
|
|
.vertical-center-modal .ant-modal {
|
|
-webkit-box-flex: 1;
|
|
-webkit-flex: 1;
|
|
flex: 1;
|
|
}
|
|
}
|
|
.ant-confirm .ant-modal-header {
|
|
display: none;
|
|
}
|
|
.ant-confirm .ant-modal-close {
|
|
display: none;
|
|
}
|
|
.ant-confirm .ant-modal-body {
|
|
padding: 30px 40px;
|
|
}
|
|
.ant-confirm-body-wrapper {
|
|
zoom: 1;
|
|
}
|
|
.ant-confirm-body-wrapper:before,
|
|
.ant-confirm-body-wrapper:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.ant-confirm-body-wrapper:after {
|
|
clear: both;
|
|
visibility: hidden;
|
|
font-size: 0;
|
|
height: 0;
|
|
}
|
|
.ant-confirm-body .ant-confirm-title {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
.ant-confirm-body .ant-confirm-content {
|
|
margin-left: 42px;
|
|
font-size: 12px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
margin-top: 8px;
|
|
}
|
|
.ant-confirm-body > .anticon {
|
|
font-size: 24px;
|
|
margin-right: 16px;
|
|
padding: 0 1px;
|
|
float: left;
|
|
}
|
|
.ant-confirm .ant-confirm-btns {
|
|
margin-top: 30px;
|
|
float: right;
|
|
}
|
|
.ant-confirm .ant-confirm-btns button + button {
|
|
margin-left: 10px;
|
|
margin-bottom: 0;
|
|
}
|
|
.ant-confirm-error .ant-confirm-body > .anticon {
|
|
color: #F04134;
|
|
}
|
|
.ant-confirm-warning .ant-confirm-body > .anticon,
|
|
.ant-confirm-confirm .ant-confirm-body > .anticon {
|
|
color: #ffbf00;
|
|
}
|
|
.ant-confirm-info .ant-confirm-body > .anticon {
|
|
color: #108ee9;
|
|
}
|
|
.ant-confirm-success .ant-confirm-body > .anticon {
|
|
color: #00A854;
|
|
}
|
|
.ant-notification {
|
|
position: fixed;
|
|
z-index: 1010;
|
|
width: 335px;
|
|
margin-right: 24px;
|
|
}
|
|
.ant-notification-notice {
|
|
padding: 16px;
|
|
border-radius: 4px;
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
|
|
background: #fff;
|
|
line-height: 1.5;
|
|
position: relative;
|
|
margin-bottom: 10px;
|
|
overflow: hidden;
|
|
}
|
|
.ant-notification-notice-message {
|
|
font-size: 14px;
|
|
color: rgba(0, 0, 0, 0.75);
|
|
margin-bottom: 4px;
|
|
line-height: 20px;
|
|
}
|
|
.ant-notification-notice-description {
|
|
font-size: 12px;
|
|
}
|
|
.ant-notification-notice-closable .ant-notification-notice-message {
|
|
padding-right: 24px;
|
|
}
|
|
.ant-notification-notice-with-icon .ant-notification-notice-message {
|
|
font-size: 14px;
|
|
margin-left: 48px;
|
|
margin-bottom: 4px;
|
|
}
|
|
.ant-notification-notice-with-icon .ant-notification-notice-description {
|
|
margin-left: 48px;
|
|
font-size: 12px;
|
|
}
|
|
.ant-notification-notice-icon {
|
|
float: left;
|
|
font-size: 32px;
|
|
line-height: 32px;
|
|
}
|
|
.ant-notification-notice-icon-success {
|
|
color: #00A854;
|
|
}
|
|
.ant-notification-notice-icon-info {
|
|
color: #108ee9;
|
|
}
|
|
.ant-notification-notice-icon-warning {
|
|
color: #ffbf00;
|
|
}
|
|
.ant-notification-notice-icon-error {
|
|
color: #F04134;
|
|
}
|
|
.ant-notification-notice-close-x:after {
|
|
font-size: 12px;
|
|
content: "\E633";
|
|
font-family: "anticon";
|
|
cursor: pointer;
|
|
}
|
|
.ant-notification-notice-close {
|
|
position: absolute;
|
|
right: 16px;
|
|
top: 10px;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
outline: none;
|
|
}
|
|
.ant-notification-notice-close:hover {
|
|
color: #404040;
|
|
}
|
|
.ant-notification-notice-btn {
|
|
float: right;
|
|
margin-top: 16px;
|
|
}
|
|
.ant-notification .notification-fade-effect {
|
|
-webkit-animation-duration: 0.24s;
|
|
animation-duration: 0.24s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.ant-notification-fade-enter,
|
|
.ant-notification-fade-appear {
|
|
opacity: 0;
|
|
-webkit-animation-duration: 0.24s;
|
|
animation-duration: 0.24s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.ant-notification-fade-leave {
|
|
-webkit-animation-duration: 0.24s;
|
|
animation-duration: 0.24s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-webkit-animation-duration: 0.2s;
|
|
animation-duration: 0.2s;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.ant-notification-fade-enter.ant-notification-fade-enter-active,
|
|
.ant-notification-fade-appear.ant-notification-fade-appear-active {
|
|
-webkit-animation-name: NotificationFadeIn;
|
|
animation-name: NotificationFadeIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.ant-notification-fade-leave.ant-notification-fade-leave-active {
|
|
-webkit-animation-name: NotificationFadeOut;
|
|
animation-name: NotificationFadeOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
@-webkit-keyframes NotificationFadeIn {
|
|
0% {
|
|
opacity: 0;
|
|
left: 335px;
|
|
}
|
|
100% {
|
|
left: 0;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes NotificationFadeIn {
|
|
0% {
|
|
opacity: 0;
|
|
left: 335px;
|
|
}
|
|
100% {
|
|
left: 0;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@-webkit-keyframes NotificationFadeOut {
|
|
0% {
|
|
opacity: 1;
|
|
margin-bottom: 10px;
|
|
padding-top: 16px;
|
|
padding-bottom: 16px;
|
|
max-height: 150px;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
margin-bottom: 0;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
max-height: 0;
|
|
}
|
|
}
|
|
@keyframes NotificationFadeOut {
|
|
0% {
|
|
opacity: 1;
|
|
margin-bottom: 10px;
|
|
padding-top: 16px;
|
|
padding-bottom: 16px;
|
|
max-height: 150px;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
margin-bottom: 0;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
max-height: 0;
|
|
}
|
|
}
|
|
.ant-pagination {
|
|
font-size: 12px;
|
|
}
|
|
.ant-pagination:after {
|
|
content: " ";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
overflow: hidden;
|
|
visibility: hidden;
|
|
}
|
|
.ant-pagination-total-text {
|
|
float: left;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
margin-right: 10px;
|
|
}
|
|
.ant-pagination-item {
|
|
cursor: pointer;
|
|
border-radius: 4px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
min-width: 28px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
text-align: center;
|
|
list-style: none;
|
|
float: left;
|
|
border: 1px solid #d9d9d9;
|
|
background-color: #fff;
|
|
margin-right: 8px;
|
|
font-family: Arial;
|
|
}
|
|
.ant-pagination-item a {
|
|
text-decoration: none;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
margin: 0 6px;
|
|
}
|
|
.ant-pagination-item:hover {
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
border-color: #108ee9;
|
|
}
|
|
.ant-pagination-item:hover a {
|
|
color: #108ee9;
|
|
}
|
|
.ant-pagination-item-active {
|
|
background-color: #108ee9;
|
|
border-color: #108ee9;
|
|
}
|
|
.ant-pagination-item-active a,
|
|
.ant-pagination-item-active:hover a {
|
|
color: #fff;
|
|
}
|
|
.ant-pagination-jump-prev:after,
|
|
.ant-pagination-jump-next:after {
|
|
content: "\2022\2022\2022";
|
|
display: block;
|
|
letter-spacing: 2px;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
text-align: center;
|
|
}
|
|
.ant-pagination-jump-prev:hover:after,
|
|
.ant-pagination-jump-next:hover:after {
|
|
color: #108ee9;
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-size: 8px \9;
|
|
-webkit-transform: scale(0.66666667) rotate(0deg);
|
|
transform: scale(0.66666667) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
letter-spacing: -1px;
|
|
font-family: "anticon";
|
|
}
|
|
:root .ant-pagination-jump-prev:hover:after,
|
|
:root .ant-pagination-jump-next:hover:after {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-pagination-jump-prev:hover:after,
|
|
:root .ant-pagination-jump-next:hover:after {
|
|
font-size: 12px;
|
|
}
|
|
.ant-pagination-jump-prev:hover:after {
|
|
content: "\E620\E620";
|
|
}
|
|
.ant-pagination-jump-next:hover:after {
|
|
content: "\E61F\E61F";
|
|
}
|
|
.ant-pagination-prev,
|
|
.ant-pagination-jump-prev,
|
|
.ant-pagination-jump-next {
|
|
margin-right: 8px;
|
|
}
|
|
.ant-pagination-prev,
|
|
.ant-pagination-next,
|
|
.ant-pagination-jump-prev,
|
|
.ant-pagination-jump-next {
|
|
font-family: Arial;
|
|
cursor: pointer;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
border-radius: 4px;
|
|
list-style: none;
|
|
min-width: 28px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
float: left;
|
|
text-align: center;
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
display: inline-block;
|
|
}
|
|
.ant-pagination-prev,
|
|
.ant-pagination-next {
|
|
border: 1px solid #d9d9d9;
|
|
background-color: #fff;
|
|
}
|
|
.ant-pagination-prev a,
|
|
.ant-pagination-next a {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.ant-pagination-prev a:after,
|
|
.ant-pagination-next a:after {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-size: 8px \9;
|
|
-webkit-transform: scale(0.66666667) rotate(0deg);
|
|
transform: scale(0.66666667) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
display: block;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
font-family: "anticon";
|
|
text-align: center;
|
|
}
|
|
:root .ant-pagination-prev a:after,
|
|
:root .ant-pagination-next a:after {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-pagination-prev a:after,
|
|
:root .ant-pagination-next a:after {
|
|
font-size: 12px;
|
|
}
|
|
.ant-pagination-prev:hover,
|
|
.ant-pagination-next:hover {
|
|
border-color: #108ee9;
|
|
}
|
|
.ant-pagination-prev:hover a,
|
|
.ant-pagination-next:hover a {
|
|
color: #108ee9;
|
|
}
|
|
.ant-pagination-prev a:after {
|
|
margin-top: -0.5px;
|
|
content: "\E620";
|
|
display: block;
|
|
}
|
|
.ant-pagination-next a:after {
|
|
content: "\E61F";
|
|
display: block;
|
|
}
|
|
.ant-pagination-disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-pagination-disabled:hover {
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-pagination-disabled:hover a {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-pagination-disabled a {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-pagination-slash {
|
|
margin: 0 10px 0 5px;
|
|
}
|
|
.ant-pagination-options {
|
|
float: left;
|
|
margin-left: 15px;
|
|
}
|
|
.ant-pagination-options-size-changer {
|
|
float: left;
|
|
margin-right: 10px;
|
|
}
|
|
.ant-pagination-options-quick-jumper {
|
|
float: left;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
.ant-pagination-options-quick-jumper input {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding: 4px 7px;
|
|
width: 100%;
|
|
height: 28px;
|
|
cursor: text;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
background-color: #fff;
|
|
background-image: none;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 4px;
|
|
-webkit-transition: all .3s;
|
|
transition: all .3s;
|
|
margin: 0 8px;
|
|
width: 50px;
|
|
}
|
|
.ant-pagination-options-quick-jumper input::-moz-placeholder {
|
|
color: #ccc;
|
|
opacity: 1;
|
|
}
|
|
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
|
|
color: #ccc;
|
|
}
|
|
.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
|
|
color: #ccc;
|
|
}
|
|
.ant-pagination-options-quick-jumper input:hover {
|
|
border-color: #49a9ee;
|
|
}
|
|
.ant-pagination-options-quick-jumper input:focus {
|
|
border-color: #49a9ee;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
|
|
}
|
|
.ant-pagination-options-quick-jumper input[disabled] {
|
|
background-color: #f7f7f7;
|
|
opacity: 1;
|
|
cursor: not-allowed;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-pagination-options-quick-jumper input[disabled]:hover {
|
|
border-color: #e2e2e2;
|
|
}
|
|
textarea.ant-pagination-options-quick-jumper input {
|
|
max-width: 100%;
|
|
height: auto;
|
|
vertical-align: bottom;
|
|
}
|
|
.ant-pagination-options-quick-jumper input-lg {
|
|
padding: 6px 7px;
|
|
height: 32px;
|
|
}
|
|
.ant-pagination-options-quick-jumper input-sm {
|
|
padding: 1px 7px;
|
|
height: 22px;
|
|
border-radius: 2px;
|
|
}
|
|
.ant-pagination-simple .ant-pagination-prev,
|
|
.ant-pagination-simple .ant-pagination-next {
|
|
border: 0;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
margin: 0;
|
|
font-size: 18px;
|
|
}
|
|
.ant-pagination-simple .ant-pagination-simple-pager {
|
|
float: left;
|
|
margin-right: 8px;
|
|
}
|
|
.ant-pagination-simple .ant-pagination-simple-pager input {
|
|
margin: 0 8px;
|
|
box-sizing: border-box;
|
|
background-color: #fff;
|
|
border-radius: 4px;
|
|
border: 1px solid #d9d9d9;
|
|
outline: none;
|
|
padding: 5px 8px;
|
|
width: 30px;
|
|
height: 24px;
|
|
text-align: center;
|
|
-webkit-transition: border-color 0.3s ease;
|
|
transition: border-color 0.3s ease;
|
|
}
|
|
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
|
|
border-color: #108ee9;
|
|
}
|
|
.ant-pagination.mini .ant-pagination-total-text {
|
|
height: 20px;
|
|
line-height: 20px;
|
|
}
|
|
.ant-pagination.mini .ant-pagination-item {
|
|
border: 0;
|
|
margin: 0;
|
|
min-width: 20px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
}
|
|
.ant-pagination.mini .ant-pagination-prev,
|
|
.ant-pagination.mini .ant-pagination-next {
|
|
margin: 0;
|
|
min-width: 20px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
border: 0;
|
|
}
|
|
.ant-pagination.mini .ant-pagination-prev a:after,
|
|
.ant-pagination.mini .ant-pagination-next a:after {
|
|
height: 20px;
|
|
line-height: 20px;
|
|
}
|
|
.ant-pagination.mini .ant-pagination-jump-prev,
|
|
.ant-pagination.mini .ant-pagination-jump-next {
|
|
height: 20px;
|
|
line-height: 20px;
|
|
}
|
|
.ant-pagination.mini .ant-pagination-options {
|
|
margin-left: 8px;
|
|
}
|
|
.ant-pagination.mini .ant-pagination-options-quick-jumper {
|
|
height: 20px;
|
|
line-height: 20px;
|
|
}
|
|
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
|
|
padding: 1px 7px;
|
|
height: 22px;
|
|
border-radius: 2px;
|
|
width: 44px;
|
|
}
|
|
@media only screen and (max-width: 1024px) {
|
|
.ant-pagination-item-after-jump-prev,
|
|
.ant-pagination-item-before-jump-next {
|
|
display: none;
|
|
}
|
|
}
|
|
.ant-popover {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 1030;
|
|
cursor: auto;
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
-ms-user-select: text;
|
|
user-select: text;
|
|
white-space: normal;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
}
|
|
.ant-popover:after {
|
|
content: "";
|
|
position: absolute;
|
|
background: rgba(255, 255, 255, 0.01);
|
|
}
|
|
.ant-popover-hidden {
|
|
display: none;
|
|
}
|
|
.ant-popover-placement-top,
|
|
.ant-popover-placement-topLeft,
|
|
.ant-popover-placement-topRight {
|
|
padding-bottom: 4px;
|
|
}
|
|
.ant-popover-placement-right,
|
|
.ant-popover-placement-rightTop,
|
|
.ant-popover-placement-rightBottom {
|
|
padding-left: 4px;
|
|
}
|
|
.ant-popover-placement-bottom,
|
|
.ant-popover-placement-bottomLeft,
|
|
.ant-popover-placement-bottomRight {
|
|
padding-top: 4px;
|
|
}
|
|
.ant-popover-placement-left,
|
|
.ant-popover-placement-leftTop,
|
|
.ant-popover-placement-leftBottom {
|
|
padding-right: 4px;
|
|
}
|
|
.ant-popover-inner {
|
|
background-color: #fff;
|
|
background-clip: padding-box;
|
|
border-radius: 4px;
|
|
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
|
|
}
|
|
.ant-popover-title {
|
|
min-width: 177px;
|
|
margin: 0;
|
|
padding: 0 16px;
|
|
line-height: 32px;
|
|
height: 32px;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.ant-popover-inner-content {
|
|
padding: 8px 16px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.ant-popover-message {
|
|
padding: 8px 0 16px;
|
|
font-size: 12px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.ant-popover-message > .anticon {
|
|
color: #ffbf00;
|
|
line-height: 17px;
|
|
position: absolute;
|
|
}
|
|
.ant-popover-message-title {
|
|
padding-left: 20px;
|
|
}
|
|
.ant-popover-buttons {
|
|
text-align: right;
|
|
margin-bottom: 8px;
|
|
}
|
|
.ant-popover-buttons button {
|
|
margin-left: 8px;
|
|
}
|
|
.ant-popover-arrow,
|
|
.ant-popover-arrow:after {
|
|
position: absolute;
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
}
|
|
.ant-popover-arrow {
|
|
border-width: 5px;
|
|
}
|
|
.ant-popover-arrow:after {
|
|
border-width: 4px;
|
|
content: "";
|
|
}
|
|
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
|
|
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
|
|
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
|
|
border-bottom-width: 0;
|
|
border-top-color: rgba(217, 217, 217, 0.7);
|
|
bottom: -1px;
|
|
}
|
|
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow:after,
|
|
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow:after,
|
|
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow:after {
|
|
content: " ";
|
|
bottom: 1px;
|
|
margin-left: -4px;
|
|
border-bottom-width: 0;
|
|
border-top-color: #fff;
|
|
}
|
|
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
}
|
|
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
|
|
left: 16px;
|
|
}
|
|
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
|
|
right: 16px;
|
|
}
|
|
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
|
|
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
|
|
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
|
|
left: -1px;
|
|
border-left-width: 0;
|
|
border-right-color: rgba(217, 217, 217, 0.7);
|
|
}
|
|
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow:after,
|
|
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow:after,
|
|
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow:after {
|
|
content: " ";
|
|
left: 1px;
|
|
bottom: -4px;
|
|
border-left-width: 0;
|
|
border-right-color: #fff;
|
|
}
|
|
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
|
|
top: 50%;
|
|
margin-top: -5px;
|
|
}
|
|
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
|
|
top: 12px;
|
|
}
|
|
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
|
|
bottom: 12px;
|
|
}
|
|
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
|
|
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
|
|
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
|
|
border-top-width: 0;
|
|
border-bottom-color: rgba(217, 217, 217, 0.7);
|
|
top: -1px;
|
|
}
|
|
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow:after,
|
|
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow:after,
|
|
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow:after {
|
|
content: " ";
|
|
top: 1px;
|
|
margin-left: -4px;
|
|
border-top-width: 0;
|
|
border-bottom-color: #fff;
|
|
}
|
|
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
}
|
|
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
|
|
left: 16px;
|
|
}
|
|
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
|
|
right: 16px;
|
|
}
|
|
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
|
|
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
|
|
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
|
|
right: -1px;
|
|
border-right-width: 0;
|
|
border-left-color: rgba(217, 217, 217, 0.7);
|
|
}
|
|
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow:after,
|
|
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow:after,
|
|
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow:after {
|
|
content: " ";
|
|
right: 1px;
|
|
border-right-width: 0;
|
|
border-left-color: #fff;
|
|
bottom: -4px;
|
|
}
|
|
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
|
|
top: 50%;
|
|
margin-top: -5px;
|
|
}
|
|
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
|
|
top: 12px;
|
|
}
|
|
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
|
|
bottom: 12px;
|
|
}
|
|
.ant-progress {
|
|
display: inline-block;
|
|
}
|
|
.ant-progress-line {
|
|
width: 100%;
|
|
font-size: 12px;
|
|
position: relative;
|
|
}
|
|
.ant-progress-outer {
|
|
display: inline-block;
|
|
width: 100%;
|
|
margin-right: 0;
|
|
padding-right: 0;
|
|
}
|
|
.ant-progress-show-info .ant-progress-outer {
|
|
padding-right: 45px;
|
|
margin-right: -45px;
|
|
}
|
|
.ant-progress-inner {
|
|
display: inline-block;
|
|
width: 100%;
|
|
background-color: #f3f3f3;
|
|
border-radius: 100px;
|
|
vertical-align: middle;
|
|
}
|
|
.ant-progress-bg {
|
|
border-radius: 100px;
|
|
background-color: #108ee9;
|
|
-webkit-transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
|
|
transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
|
|
position: relative;
|
|
}
|
|
.ant-progress-text {
|
|
width: 35px;
|
|
text-align: left;
|
|
font-size: 1em;
|
|
margin-left: 10px;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
font-family: tahoma;
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
.ant-progress-text .anticon {
|
|
font-size: 12px;
|
|
}
|
|
.ant-progress-status-active .ant-progress-bg:before {
|
|
content: "";
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: #fff;
|
|
border-radius: 10px;
|
|
-webkit-animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
|
|
animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
|
|
}
|
|
.ant-progress-status-exception .ant-progress-bg {
|
|
background-color: #F04134;
|
|
}
|
|
.ant-progress-status-exception .ant-progress-text {
|
|
color: #F04134;
|
|
}
|
|
.ant-progress-status-success .ant-progress-bg {
|
|
background-color: #00A854;
|
|
}
|
|
.ant-progress-status-success .ant-progress-text {
|
|
color: #00A854;
|
|
}
|
|
.ant-progress-circle .ant-progress-inner {
|
|
position: relative;
|
|
line-height: 1;
|
|
background-color: transparent;
|
|
}
|
|
.ant-progress-circle .ant-progress-text {
|
|
display: block;
|
|
position: absolute;
|
|
width: 100%;
|
|
text-align: center;
|
|
line-height: 1;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
left: 0;
|
|
font-family: tahoma;
|
|
margin: 0;
|
|
}
|
|
.ant-progress-circle .ant-progress-text .anticon {
|
|
font-size: 1.16666667em;
|
|
}
|
|
.ant-progress-circle .ant-progress-status-exception .ant-progress-text {
|
|
color: #F04134;
|
|
}
|
|
.ant-progress-circle .ant-progress-status-success .ant-progress-text {
|
|
color: #00A854;
|
|
}
|
|
@-webkit-keyframes ant-progress-active {
|
|
0% {
|
|
opacity: 0.1;
|
|
width: 0;
|
|
}
|
|
20% {
|
|
opacity: 0.5;
|
|
width: 0;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
@keyframes ant-progress-active {
|
|
0% {
|
|
opacity: 0.1;
|
|
width: 0;
|
|
}
|
|
20% {
|
|
opacity: 0.5;
|
|
width: 0;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
.ant-rate {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
font-size: 20px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font-family: 'anticon';
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
.ant-rate-disabled .ant-rate-star:before,
|
|
.ant-rate-disabled .ant-rate-star-content:before {
|
|
cursor: default;
|
|
}
|
|
.ant-rate-disabled .ant-rate-star:hover {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
.ant-rate-star {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: inline-block;
|
|
margin-right: 8px;
|
|
position: relative;
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
}
|
|
.ant-rate-star:hover {
|
|
-webkit-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
.ant-rate-star:before,
|
|
.ant-rate-star-content:before {
|
|
color: #e9e9e9;
|
|
cursor: pointer;
|
|
content: "\E660";
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
display: block;
|
|
}
|
|
.ant-rate-star-content {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 50%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.ant-rate-star-content:before {
|
|
color: transparent;
|
|
}
|
|
.ant-rate-star-half .ant-rate-star-content:before,
|
|
.ant-rate-star-full:before {
|
|
color: #f5a623;
|
|
}
|
|
.ant-rate-star-half:hover .ant-rate-star-content:before,
|
|
.ant-rate-star-full:hover:before {
|
|
color: #f7b84f;
|
|
}
|
|
.ant-rate-text {
|
|
margin-left: 8px;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
}
|
|
.ant-slider {
|
|
position: relative;
|
|
margin: 10px 6px;
|
|
height: 12px;
|
|
border-radius: 5px;
|
|
background-color: #e9e9e9;
|
|
cursor: pointer;
|
|
border-top: 4px solid #fff;
|
|
border-bottom: 4px solid #fff;
|
|
-webkit-transition: background-color 0.3s ease;
|
|
transition: background-color 0.3s ease;
|
|
}
|
|
.ant-slider-with-marks {
|
|
margin-bottom: 28px;
|
|
}
|
|
.ant-slider-track {
|
|
position: absolute;
|
|
left: 0;
|
|
height: 4px;
|
|
border-radius: 4px;
|
|
background-color: #9fd2f6;
|
|
z-index: 1;
|
|
-webkit-transition: background-color 0.3s ease;
|
|
transition: background-color 0.3s ease;
|
|
}
|
|
.ant-slider:hover {
|
|
background-color: #e1e1e1;
|
|
}
|
|
.ant-slider:hover .ant-slider-handle {
|
|
border-color: #49a9ee;
|
|
}
|
|
.ant-slider:hover .ant-slider-track {
|
|
background-color: #70bbf2;
|
|
}
|
|
.ant-slider-handle {
|
|
position: absolute;
|
|
margin-left: -7px;
|
|
margin-top: -5px;
|
|
width: 14px;
|
|
height: 14px;
|
|
cursor: pointer;
|
|
border-radius: 50%;
|
|
border: solid 2px #88c7f4;
|
|
background-color: #fff;
|
|
z-index: 2;
|
|
-webkit-transition: border-color 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
|
|
transition: border-color 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
|
|
transition: border-color 0.3s ease, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
|
|
transition: border-color 0.3s ease, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
|
|
}
|
|
.ant-slider-handle:hover {
|
|
border-color: #49a9ee;
|
|
-webkit-transform: scale(1.2);
|
|
transform: scale(1.2);
|
|
-webkit-transform-origin: center center;
|
|
transform-origin: center center;
|
|
}
|
|
.ant-slider-handle:active {
|
|
box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
|
|
}
|
|
.ant-slider-mark {
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 0;
|
|
width: 100%;
|
|
font-size: 12px;
|
|
z-index: 3;
|
|
}
|
|
.ant-slider-mark-text {
|
|
position: absolute;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-slider-mark-text-active {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.ant-slider-step {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 4px;
|
|
background: transparent;
|
|
z-index: 1;
|
|
}
|
|
.ant-slider-dot {
|
|
position: absolute;
|
|
top: -2px;
|
|
margin-left: -4px;
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 2px solid #e9e9e9;
|
|
background-color: #fff;
|
|
cursor: pointer;
|
|
border-radius: 50%;
|
|
vertical-align: middle;
|
|
}
|
|
.ant-slider-dot:first-child {
|
|
margin-left: -4px;
|
|
}
|
|
.ant-slider-dot:last-child {
|
|
margin-left: -4px;
|
|
}
|
|
.ant-slider-dot-active {
|
|
border-color: #88c7f4;
|
|
}
|
|
.ant-slider-disabled {
|
|
background-color: #e9e9e9 !important;
|
|
}
|
|
.ant-slider-disabled .ant-slider-track {
|
|
background-color: rgba(0, 0, 0, 0.25) !important;
|
|
}
|
|
.ant-slider-disabled .ant-slider-handle,
|
|
.ant-slider-disabled .ant-slider-dot {
|
|
border-color: rgba(0, 0, 0, 0.25) !important;
|
|
background-color: #fff;
|
|
cursor: not-allowed;
|
|
box-shadow: none;
|
|
}
|
|
.ant-slider-disabled .ant-slider-mark-text,
|
|
.ant-slider-disabled .ant-slider-dot {
|
|
cursor: not-allowed !important;
|
|
}
|
|
.ant-tooltip {
|
|
position: absolute;
|
|
z-index: 1060;
|
|
display: block;
|
|
visibility: visible;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
}
|
|
.ant-tooltip-hidden {
|
|
display: none;
|
|
}
|
|
.ant-tooltip-placement-top,
|
|
.ant-tooltip-placement-topLeft,
|
|
.ant-tooltip-placement-topRight {
|
|
padding: 5px 0 8px 0;
|
|
}
|
|
.ant-tooltip-placement-right,
|
|
.ant-tooltip-placement-rightTop,
|
|
.ant-tooltip-placement-rightBottom {
|
|
padding: 0 5px 0 8px;
|
|
}
|
|
.ant-tooltip-placement-bottom,
|
|
.ant-tooltip-placement-bottomLeft,
|
|
.ant-tooltip-placement-bottomRight {
|
|
padding: 8px 0 5px 0;
|
|
}
|
|
.ant-tooltip-placement-left,
|
|
.ant-tooltip-placement-leftTop,
|
|
.ant-tooltip-placement-leftBottom {
|
|
padding: 0 8px 0 5px;
|
|
}
|
|
.ant-tooltip-inner {
|
|
max-width: 250px;
|
|
padding: 8px 10px;
|
|
color: #fff;
|
|
text-align: left;
|
|
text-decoration: none;
|
|
background-color: rgba(64, 64, 64, 0.85);
|
|
border-radius: 4px;
|
|
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
|
|
min-height: 34px;
|
|
}
|
|
.ant-tooltip-arrow {
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
}
|
|
.ant-tooltip-placement-top .ant-tooltip-arrow,
|
|
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
|
|
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
|
|
bottom: 3px;
|
|
border-width: 5px 5px 0;
|
|
border-top-color: rgba(64, 64, 64, 0.85);
|
|
}
|
|
.ant-tooltip-placement-top .ant-tooltip-arrow {
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
}
|
|
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
|
|
left: 16px;
|
|
}
|
|
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
|
|
right: 16px;
|
|
}
|
|
.ant-tooltip-placement-right .ant-tooltip-arrow,
|
|
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
|
|
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
|
|
left: 3px;
|
|
border-width: 5px 5px 5px 0;
|
|
border-right-color: rgba(64, 64, 64, 0.85);
|
|
}
|
|
.ant-tooltip-placement-right .ant-tooltip-arrow {
|
|
top: 50%;
|
|
margin-top: -5px;
|
|
}
|
|
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
|
|
top: 8px;
|
|
}
|
|
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
|
|
bottom: 8px;
|
|
}
|
|
.ant-tooltip-placement-left .ant-tooltip-arrow,
|
|
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
|
|
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
|
|
right: 3px;
|
|
border-width: 5px 0 5px 5px;
|
|
border-left-color: rgba(64, 64, 64, 0.85);
|
|
}
|
|
.ant-tooltip-placement-left .ant-tooltip-arrow {
|
|
top: 50%;
|
|
margin-top: -5px;
|
|
}
|
|
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
|
|
top: 8px;
|
|
}
|
|
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
|
|
bottom: 8px;
|
|
}
|
|
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
|
|
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
|
|
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
|
|
top: 3px;
|
|
border-width: 0 5px 5px;
|
|
border-bottom-color: rgba(64, 64, 64, 0.85);
|
|
}
|
|
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
}
|
|
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
|
|
left: 16px;
|
|
}
|
|
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
|
|
right: 16px;
|
|
}
|
|
.ant-spin {
|
|
color: #108ee9;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
opacity: 0;
|
|
position: absolute;
|
|
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
font-size: 12px;
|
|
display: none;
|
|
}
|
|
.ant-spin-spinning {
|
|
opacity: 1;
|
|
position: static;
|
|
display: inline-block;
|
|
}
|
|
.ant-spin-nested-loading {
|
|
position: relative;
|
|
}
|
|
.ant-spin-nested-loading .ant-spin {
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100%;
|
|
z-index: 4;
|
|
}
|
|
.ant-spin-nested-loading .ant-spin-dot {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin: -10px;
|
|
}
|
|
.ant-spin-nested-loading .ant-spin-sm .ant-spin-dot {
|
|
margin: -7px;
|
|
}
|
|
.ant-spin-nested-loading .ant-spin-lg .ant-spin-dot {
|
|
margin: -16px;
|
|
}
|
|
.ant-spin-nested-loading .ant-spin-show-text .ant-spin-dot {
|
|
margin-top: -20px;
|
|
}
|
|
.ant-spin-nested-loading .ant-spin-show-text.ant-spin-sm .ant-spin-dot {
|
|
margin-top: -17px;
|
|
}
|
|
.ant-spin-nested-loading .ant-spin-show-text.ant-spin-lg .ant-spin-dot {
|
|
margin-top: -26px;
|
|
}
|
|
.ant-spin-nested-loading .ant-spin-text {
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 100%;
|
|
padding-top: 6px;
|
|
}
|
|
.ant-spin-nested-loading .ant-spin-sm .ant-spin-text {
|
|
padding-top: 3px;
|
|
}
|
|
.ant-spin-nested-loading .ant-spin-lg .ant-spin-text {
|
|
padding-top: 12px;
|
|
}
|
|
.ant-spin-container {
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
position: relative;
|
|
}
|
|
.ant-spin-blur {
|
|
opacity: 0.7;
|
|
-webkit-filter: blur(1px);
|
|
filter: blur(1px);
|
|
/* IE6~IE9 */
|
|
-webkit-filter: progid\:DXImageTransform\.Microsoft\.Blur(PixelRadius\=1, MakeShadow\=false);
|
|
filter: progid\:DXImageTransform\.Microsoft\.Blur(PixelRadius\=1, MakeShadow\=false);
|
|
-webkit-transform: translateZ(0);
|
|
}
|
|
.ant-spin-blur:after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
background: transparent;
|
|
}
|
|
.ant-spin-tip {
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-spin-dot {
|
|
position: relative;
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
-webkit-animation: antRotate 2s infinite linear;
|
|
animation: antRotate 2s infinite linear;
|
|
}
|
|
.ant-spin-dot i {
|
|
width: 9px;
|
|
height: 9px;
|
|
border-radius: 100%;
|
|
background-color: #108ee9;
|
|
-webkit-transform: scale(0.6);
|
|
transform: scale(0.6);
|
|
display: block;
|
|
position: absolute;
|
|
opacity: 0.3;
|
|
-webkit-animation: antSpinMove 1s infinite linear alternate;
|
|
animation: antSpinMove 1s infinite linear alternate;
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
}
|
|
.ant-spin-dot i:nth-child(1) {
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.ant-spin-dot i:nth-child(2) {
|
|
right: 0;
|
|
top: 0;
|
|
-webkit-animation-delay: 0.4s;
|
|
animation-delay: 0.4s;
|
|
}
|
|
.ant-spin-dot i:nth-child(3) {
|
|
right: 0;
|
|
bottom: 0;
|
|
-webkit-animation-delay: 0.8s;
|
|
animation-delay: 0.8s;
|
|
}
|
|
.ant-spin-dot i:nth-child(4) {
|
|
left: 0;
|
|
bottom: 0;
|
|
-webkit-animation-delay: 1.2s;
|
|
animation-delay: 1.2s;
|
|
}
|
|
.ant-spin-sm .ant-spin-dot {
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
.ant-spin-sm .ant-spin-dot i {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
.ant-spin-lg .ant-spin-dot {
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
.ant-spin-lg .ant-spin-dot i {
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
.ant-spin.ant-spin-show-text .ant-spin-text {
|
|
display: block;
|
|
}
|
|
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
|
/* IE10+ */
|
|
.ant-spin-blur {
|
|
background: #fff;
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
@-webkit-keyframes antSpinMove {
|
|
to {
|
|
-webkit-transform: scale(0.9);
|
|
transform: scale(0.9);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes antSpinMove {
|
|
to {
|
|
-webkit-transform: scale(0.9);
|
|
transform: scale(0.9);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@-webkit-keyframes antRotate {
|
|
to {
|
|
-webkit-transform: rotate(405deg);
|
|
transform: rotate(405deg);
|
|
}
|
|
}
|
|
@keyframes antRotate {
|
|
to {
|
|
-webkit-transform: rotate(405deg);
|
|
transform: rotate(405deg);
|
|
}
|
|
}
|
|
.ant-steps {
|
|
font-size: 0;
|
|
width: 100%;
|
|
line-height: 1.5;
|
|
}
|
|
.ant-steps .ant-steps-item {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-head-inner {
|
|
border-color: rgba(0, 0, 0, 0.25);
|
|
background-color: #fff;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-head-inner > .ant-steps-icon {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-title {
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-description {
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-tail > i {
|
|
background-color: #e9e9e9;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner {
|
|
border-color: #108ee9;
|
|
background-color: #108ee9;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner > .ant-steps-icon {
|
|
color: #fff;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-title {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-description {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-tail > i {
|
|
background-color: #e9e9e9;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner {
|
|
border-color: #108ee9;
|
|
background-color: #fff;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner > .ant-steps-icon {
|
|
color: #108ee9;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-tail > i:after {
|
|
width: 100%;
|
|
background: #108ee9;
|
|
-webkit-transition: all 0.6s;
|
|
transition: all 0.6s;
|
|
opacity: 1;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-title {
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-description {
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-head-inner {
|
|
border-color: #F04134;
|
|
background-color: #fff;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-head-inner > .ant-steps-icon {
|
|
color: #F04134;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-title {
|
|
color: #F04134;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-description {
|
|
color: #F04134;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-tail > i {
|
|
background-color: #e9e9e9;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-next-error .ant-steps-tail > i,
|
|
.ant-steps .ant-steps-item.ant-steps-next-error .ant-steps-tail > i:after {
|
|
background-color: #F04134;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner {
|
|
background: none;
|
|
border: 0;
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner > .ant-steps-icon {
|
|
font-size: 26px;
|
|
width: 26px;
|
|
height: 26px;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-custom.ant-steps-status-process .ant-steps-head-inner > .ant-steps-icon {
|
|
color: #108ee9;
|
|
}
|
|
.ant-steps .ant-steps-head,
|
|
.ant-steps .ant-steps-main {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.ant-steps .ant-steps-head {
|
|
background: #fff;
|
|
}
|
|
.ant-steps .ant-steps-head-inner {
|
|
display: block;
|
|
border: 1px solid rgba(0, 0, 0, 0.25);
|
|
width: 26px;
|
|
height: 26px;
|
|
line-height: 23px;
|
|
text-align: center;
|
|
border-radius: 26px;
|
|
font-size: 14px;
|
|
margin-right: 8px;
|
|
-webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
|
|
transition: background-color 0.3s ease, border-color 0.3s ease;
|
|
}
|
|
.ant-steps .ant-steps-head-inner > .ant-steps-icon {
|
|
line-height: 1;
|
|
color: #108ee9;
|
|
position: relative;
|
|
}
|
|
.ant-steps .ant-steps-head-inner > .ant-steps-icon.anticon {
|
|
font-size: 12px;
|
|
}
|
|
.ant-steps .ant-steps-head-inner > .ant-steps-icon.anticon-cross,
|
|
.ant-steps .ant-steps-head-inner > .ant-steps-icon.anticon-check {
|
|
font-weight: bold;
|
|
}
|
|
.ant-steps .ant-steps-main {
|
|
margin-top: 2.5px;
|
|
}
|
|
.ant-steps .ant-steps-title {
|
|
font-size: 14px;
|
|
margin-bottom: 4px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
font-weight: bold;
|
|
background: #fff;
|
|
display: inline-block;
|
|
padding-right: 10px;
|
|
}
|
|
.ant-steps .ant-steps-title > a:first-child:last-child {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.ant-steps .ant-steps-item-last .ant-steps-title {
|
|
padding-right: 0;
|
|
width: 100%;
|
|
}
|
|
.ant-steps .ant-steps-description {
|
|
font-size: 12px;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-steps .ant-steps-tail {
|
|
position: absolute;
|
|
left: 0;
|
|
width: 100%;
|
|
top: 13px;
|
|
padding: 0 10px;
|
|
}
|
|
.ant-steps .ant-steps-tail > i {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
background: #e9e9e9;
|
|
height: 1px;
|
|
border-radius: 1px;
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
.ant-steps .ant-steps-tail > i:after {
|
|
position: absolute;
|
|
content: '';
|
|
top: 0;
|
|
width: 0;
|
|
background: #e9e9e9;
|
|
height: 100%;
|
|
opacity: 0;
|
|
}
|
|
.ant-steps.ant-steps-small .ant-steps-head-inner {
|
|
border: 1px solid rgba(0, 0, 0, 0.25);
|
|
width: 18px;
|
|
height: 18px;
|
|
line-height: 15px;
|
|
text-align: center;
|
|
border-radius: 18px;
|
|
font-size: 12px;
|
|
margin-right: 10px;
|
|
}
|
|
.ant-steps.ant-steps-small .ant-steps-head-inner > .ant-steps-icon.anticon {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-size: 9px \9;
|
|
-webkit-transform: scale(0.75) rotate(0deg);
|
|
transform: scale(0.75) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
top: 0;
|
|
}
|
|
:root .ant-steps.ant-steps-small .ant-steps-head-inner > .ant-steps-icon.anticon {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-steps.ant-steps-small .ant-steps-head-inner > .ant-steps-icon.anticon {
|
|
font-size: 12px;
|
|
}
|
|
.ant-steps.ant-steps-small .ant-steps-main {
|
|
margin-top: 0;
|
|
}
|
|
.ant-steps.ant-steps-small .ant-steps-title {
|
|
font-size: 12px;
|
|
margin-bottom: 4px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
font-weight: bold;
|
|
}
|
|
.ant-steps.ant-steps-small .ant-steps-description {
|
|
font-size: 12px;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-steps.ant-steps-small .ant-steps-tail {
|
|
top: 8px;
|
|
padding: 0 8px;
|
|
}
|
|
.ant-steps.ant-steps-small .ant-steps-tail > i {
|
|
height: 1px;
|
|
border-radius: 1px;
|
|
width: 100%;
|
|
}
|
|
.ant-steps.ant-steps-small .ant-steps-custom .ant-steps-head-inner > .ant-steps-icon {
|
|
font-size: 18px;
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
.ant-steps-vertical .ant-steps-item {
|
|
display: block;
|
|
}
|
|
.ant-steps-vertical .ant-steps-tail {
|
|
position: absolute;
|
|
left: 13px;
|
|
top: 0;
|
|
height: 100%;
|
|
width: 1px;
|
|
padding: 30px 0 4px 0;
|
|
}
|
|
.ant-steps-vertical .ant-steps-tail > i {
|
|
height: 100%;
|
|
width: 1px;
|
|
}
|
|
.ant-steps-vertical .ant-steps-tail > i:after {
|
|
height: 0;
|
|
width: 100%;
|
|
}
|
|
.ant-steps-vertical .ant-steps-status-finish .ant-steps-tail > i:after {
|
|
height: 100%;
|
|
}
|
|
.ant-steps-vertical .ant-steps-head {
|
|
float: left;
|
|
}
|
|
.ant-steps-vertical .ant-steps-head-inner {
|
|
margin-right: 16px;
|
|
}
|
|
.ant-steps-vertical .ant-steps-main {
|
|
min-height: 47px;
|
|
overflow: hidden;
|
|
display: block;
|
|
}
|
|
.ant-steps-vertical .ant-steps-main .ant-steps-title {
|
|
line-height: 26px;
|
|
}
|
|
.ant-steps-vertical .ant-steps-main .ant-steps-description {
|
|
padding-bottom: 12px;
|
|
}
|
|
.ant-steps-vertical.ant-steps-small .ant-steps-tail {
|
|
position: absolute;
|
|
left: 9px;
|
|
top: 0;
|
|
padding: 22px 0 4px 0;
|
|
}
|
|
.ant-steps-vertical.ant-steps-small .ant-steps-tail > i {
|
|
height: 100%;
|
|
}
|
|
.ant-steps-vertical.ant-steps-small .ant-steps-title {
|
|
line-height: 18px;
|
|
}
|
|
.ant-steps-horizontal.ant-steps-hidden {
|
|
visibility: hidden;
|
|
}
|
|
.ant-steps-horizontal .ant-steps-description {
|
|
max-width: 120px;
|
|
}
|
|
.ant-steps-horizontal .ant-steps-item:not(:first-child) .ant-steps-head {
|
|
padding-left: 10px;
|
|
margin-left: -10px;
|
|
}
|
|
.ant-switch {
|
|
position: relative;
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
height: 22px;
|
|
min-width: 44px;
|
|
line-height: 20px;
|
|
vertical-align: middle;
|
|
border-radius: 20px;
|
|
border: 1px solid #ccc;
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
cursor: pointer;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.ant-switch-inner {
|
|
color: #fff;
|
|
font-size: 12px;
|
|
margin-left: 24px;
|
|
margin-right: 6px;
|
|
display: block;
|
|
}
|
|
.ant-switch:after {
|
|
position: absolute;
|
|
width: 18px;
|
|
height: 18px;
|
|
left: 1px;
|
|
top: 1px;
|
|
border-radius: 18px;
|
|
background-color: #fff;
|
|
content: " ";
|
|
cursor: pointer;
|
|
-webkit-transition: all 0.3s, width 0.3s;
|
|
transition: all 0.3s, width 0.3s;
|
|
}
|
|
.ant-switch:active:after {
|
|
width: 24px;
|
|
}
|
|
.ant-switch:focus {
|
|
box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
|
|
outline: 0;
|
|
}
|
|
.ant-switch:focus:hover {
|
|
box-shadow: none;
|
|
}
|
|
.ant-switch-small {
|
|
height: 14px;
|
|
min-width: 28px;
|
|
line-height: 12px;
|
|
}
|
|
.ant-switch-small .ant-switch-inner {
|
|
margin-left: 18px;
|
|
margin-right: 3px;
|
|
}
|
|
.ant-switch-small:after {
|
|
width: 12px;
|
|
height: 12px;
|
|
top: 0;
|
|
left: 0.5px;
|
|
}
|
|
.ant-switch-small:active:after {
|
|
width: 16px;
|
|
}
|
|
.ant-switch-small.ant-switch-checked:after {
|
|
left: 100%;
|
|
margin-left: -12.5px;
|
|
}
|
|
.ant-switch-small.ant-switch-checked .ant-switch-inner {
|
|
margin-left: 3px;
|
|
margin-right: 18px;
|
|
}
|
|
.ant-switch-small:active.ant-switch-checked:after {
|
|
margin-left: -16.5px;
|
|
}
|
|
.ant-switch-checked {
|
|
border-color: #108ee9;
|
|
background-color: #108ee9;
|
|
}
|
|
.ant-switch-checked .ant-switch-inner {
|
|
margin-left: 6px;
|
|
margin-right: 24px;
|
|
}
|
|
.ant-switch-checked:after {
|
|
left: 100%;
|
|
margin-left: -19px;
|
|
}
|
|
.ant-switch-checked:active:after {
|
|
margin-left: -25px;
|
|
}
|
|
.ant-switch-disabled {
|
|
cursor: not-allowed;
|
|
background: #f4f4f4;
|
|
border-color: #f4f4f4;
|
|
}
|
|
.ant-switch-disabled:after {
|
|
background: #ccc;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-switch-disabled .ant-switch-inner {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-table {
|
|
font-size: 12px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
overflow: hidden;
|
|
position: relative;
|
|
border-radius: 4px 4px 0 0;
|
|
/* fix firefox scrollbar bug */
|
|
}
|
|
.ant-table-body {
|
|
-webkit-transition: opacity 0.3s ease;
|
|
transition: opacity 0.3s ease;
|
|
}
|
|
.ant-table table {
|
|
width: 100%;
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
text-align: left;
|
|
border-radius: 4px 4px 0 0;
|
|
overflow: hidden;
|
|
}
|
|
.ant-table-thead > tr > th {
|
|
background: #f7f7f7;
|
|
font-weight: bold;
|
|
-webkit-transition: background .3s ease;
|
|
transition: background .3s ease;
|
|
text-align: left;
|
|
}
|
|
.ant-table-thead > tr > th[colspan] {
|
|
text-align: center;
|
|
}
|
|
.ant-table-thead > tr > th .anticon-filter {
|
|
margin-left: 4px;
|
|
font-size: 12px;
|
|
cursor: pointer;
|
|
color: #aaa;
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
}
|
|
.ant-table-thead > tr > th .anticon-filter:hover {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.ant-table-thead > tr > th .ant-table-filter-selected.anticon-filter {
|
|
color: #108ee9;
|
|
}
|
|
.ant-table-tbody > tr > td {
|
|
border-bottom: 1px solid #e9e9e9;
|
|
position: relative;
|
|
}
|
|
.ant-table-thead > tr,
|
|
.ant-table-tbody > tr {
|
|
-webkit-transition: all .3s ease;
|
|
transition: all .3s ease;
|
|
}
|
|
.ant-table-thead > tr.ant-table-row-hover,
|
|
.ant-table-tbody > tr.ant-table-row-hover,
|
|
.ant-table-thead > tr:hover,
|
|
.ant-table-tbody > tr:hover {
|
|
background: #ecf6fd;
|
|
}
|
|
.ant-table-thead > tr:hover {
|
|
background: none;
|
|
}
|
|
.ant-table-footer {
|
|
padding: 16px 8px;
|
|
background: #f7f7f7;
|
|
border-radius: 0 0 4px 4px;
|
|
position: relative;
|
|
}
|
|
.ant-table-footer:before {
|
|
content: '';
|
|
height: 1px;
|
|
background: #f7f7f7;
|
|
position: absolute;
|
|
top: -1px;
|
|
width: 100%;
|
|
left: 0;
|
|
}
|
|
.ant-table.ant-table-bordered .ant-table-footer {
|
|
border: 1px solid #e9e9e9;
|
|
}
|
|
.ant-table-title {
|
|
padding: 16px 8px;
|
|
position: relative;
|
|
top: 1px;
|
|
border-radius: 4px 4px 0 0;
|
|
}
|
|
.ant-table.ant-table-bordered .ant-table-title {
|
|
border: 1px solid #e9e9e9;
|
|
}
|
|
.ant-table-title + .ant-table-content {
|
|
position: relative;
|
|
border-radius: 4px 4px 0 0;
|
|
overflow: hidden;
|
|
}
|
|
.ant-table-bordered .ant-table-title + .ant-table-content,
|
|
.ant-table-bordered .ant-table-title + .ant-table-content table {
|
|
border-radius: 0;
|
|
}
|
|
.ant-table-without-column-header .ant-table-title + .ant-table-content,
|
|
.ant-table-without-column-header table {
|
|
border-radius: 0;
|
|
}
|
|
.ant-table-tbody > tr.ant-table-row-selected {
|
|
background: #fafafa;
|
|
}
|
|
.ant-table-thead > tr > th.ant-table-column-sort {
|
|
background: #eaeaea;
|
|
}
|
|
.ant-table-thead > tr > th,
|
|
.ant-table-tbody > tr > td {
|
|
padding: 16px 8px;
|
|
word-break: break-all;
|
|
}
|
|
.ant-table-thead > tr > th.ant-table-selection-column,
|
|
.ant-table-tbody > tr > td.ant-table-selection-column,
|
|
.ant-table-expand-icon-th,
|
|
.ant-table-row-expand-icon-cell {
|
|
text-align: center;
|
|
width: 48px;
|
|
}
|
|
.ant-table-header {
|
|
background: #f7f7f7;
|
|
overflow: hidden;
|
|
}
|
|
.ant-table-header table {
|
|
border-radius: 4px 4px 0 0;
|
|
}
|
|
.ant-table-loading {
|
|
position: relative;
|
|
}
|
|
.ant-table-loading .ant-table-body {
|
|
background: #fff;
|
|
opacity: 0.5;
|
|
}
|
|
.ant-table-loading .ant-table-spin-holder {
|
|
height: 20px;
|
|
line-height: 20px;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin-left: -30px;
|
|
position: absolute;
|
|
}
|
|
.ant-table-loading .ant-table-with-pagination {
|
|
margin-top: -20px;
|
|
}
|
|
.ant-table-loading .ant-table-without-pagination {
|
|
margin-top: 10px;
|
|
}
|
|
.ant-table-middle .ant-table-thead > tr > th,
|
|
.ant-table-middle .ant-table-tbody > tr > td {
|
|
padding: 10px 8px;
|
|
}
|
|
.ant-table-middle .ant-table-title,
|
|
.ant-table-middle .ant-table-footer {
|
|
padding: 10px 8px;
|
|
}
|
|
.ant-table-small {
|
|
border: 1px solid #e9e9e9;
|
|
border-radius: 4px;
|
|
}
|
|
.ant-table-small .ant-table-header > table,
|
|
.ant-table-small .ant-table-body > table {
|
|
border: 0;
|
|
padding: 0 8px;
|
|
}
|
|
.ant-table-small .ant-table-thead > tr > th {
|
|
background: #fff;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
}
|
|
.ant-table-small .ant-table-tbody > tr > td {
|
|
padding: 6px 8px;
|
|
}
|
|
.ant-table-small .ant-table-title,
|
|
.ant-table-small .ant-table-footer,
|
|
.ant-table-small .ant-table-thead > tr > th {
|
|
padding: 10px 8px;
|
|
}
|
|
.ant-table-small .ant-table-title {
|
|
border-bottom: 1px solid #e9e9e9;
|
|
top: 0;
|
|
}
|
|
.ant-table-small .ant-table-header {
|
|
background: #fff;
|
|
}
|
|
.ant-table-small .ant-table-header table {
|
|
border-bottom: 1px solid #e9e9e9;
|
|
}
|
|
.ant-table-small .ant-table-header .ant-table-thead > tr > th {
|
|
border-bottom: 0;
|
|
}
|
|
.ant-table-small .ant-table-row:last-child td {
|
|
border-bottom: 0;
|
|
}
|
|
.ant-table-column-sorter {
|
|
margin-left: 4px;
|
|
display: inline-block;
|
|
width: 12px;
|
|
height: 14px;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
}
|
|
.ant-table-column-sorter-up,
|
|
.ant-table-column-sorter-down {
|
|
line-height: 4px;
|
|
height: 5px;
|
|
display: block;
|
|
width: 12px;
|
|
cursor: pointer;
|
|
}
|
|
.ant-table-column-sorter-up:hover .anticon,
|
|
.ant-table-column-sorter-down:hover .anticon {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.ant-table-column-sorter-up.on .anticon-caret-up,
|
|
.ant-table-column-sorter-down.on .anticon-caret-up,
|
|
.ant-table-column-sorter-up.on .anticon-caret-down,
|
|
.ant-table-column-sorter-down.on .anticon-caret-down {
|
|
color: #108ee9;
|
|
}
|
|
.ant-table-column-sorter .anticon-caret-up,
|
|
.ant-table-column-sorter .anticon-caret-down {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-size: 7px \9;
|
|
-webkit-transform: scale(0.58333333) rotate(0deg);
|
|
transform: scale(0.58333333) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
line-height: 6px;
|
|
height: 6px;
|
|
color: #aaa;
|
|
}
|
|
:root .ant-table-column-sorter .anticon-caret-up,
|
|
:root .ant-table-column-sorter .anticon-caret-down {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-table-column-sorter .anticon-caret-up,
|
|
:root .ant-table-column-sorter .anticon-caret-down {
|
|
font-size: 12px;
|
|
}
|
|
.ant-table-column-sorter .anticon-caret-up:before,
|
|
.ant-table-column-sorter .anticon-caret-down:before {
|
|
-moz-transform-origin: 53% 50%;
|
|
/* fix firefox position */
|
|
}
|
|
.ant-table-bordered .ant-table-header > table,
|
|
.ant-table-bordered .ant-table-body > table,
|
|
.ant-table-bordered .ant-table-fixed-left table,
|
|
.ant-table-bordered .ant-table-fixed-right table {
|
|
border: 1px solid #e9e9e9;
|
|
border-right: 0;
|
|
border-bottom: 0;
|
|
}
|
|
.ant-table-bordered.ant-table-empty .ant-table-placeholder {
|
|
border-left: 1px solid #e9e9e9;
|
|
border-right: 1px solid #e9e9e9;
|
|
}
|
|
.ant-table-bordered.ant-table-fixed-header .ant-table-header > table {
|
|
border-bottom: 0;
|
|
}
|
|
.ant-table-bordered.ant-table-fixed-header .ant-table-body > table {
|
|
border-top: 0;
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table {
|
|
border-top: 0;
|
|
}
|
|
.ant-table-bordered.ant-table-fixed-header .ant-table-placeholder {
|
|
border: 0;
|
|
}
|
|
.ant-table-bordered .ant-table-thead > tr > th {
|
|
border-bottom: 1px solid #e9e9e9;
|
|
}
|
|
.ant-table-bordered .ant-table-thead > tr > th,
|
|
.ant-table-bordered .ant-table-tbody > tr > td {
|
|
border-right: 1px solid #e9e9e9;
|
|
}
|
|
.ant-table-bordered.ant-table-small {
|
|
border-right: 0;
|
|
}
|
|
.ant-table-bordered.ant-table-small .ant-table-header > table,
|
|
.ant-table-bordered.ant-table-small .ant-table-body > table,
|
|
.ant-table-bordered.ant-table-small .ant-table-fixed-left table,
|
|
.ant-table-bordered.ant-table-small .ant-table-fixed-right table {
|
|
border: 0;
|
|
padding: 0;
|
|
}
|
|
.ant-table-bordered.ant-table-small .ant-table-title {
|
|
border: 0;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
border-right: 1px solid #e9e9e9;
|
|
}
|
|
.ant-table-bordered.ant-table-small .ant-table-footer {
|
|
border: 0;
|
|
border-top: 1px solid #e9e9e9;
|
|
border-right: 1px solid #e9e9e9;
|
|
}
|
|
.ant-table-bordered.ant-table-small .ant-table-footer:before {
|
|
display: none;
|
|
}
|
|
.ant-table-placeholder {
|
|
padding: 16px 8px;
|
|
background: #fff;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-table-placeholder .anticon {
|
|
margin-right: 4px;
|
|
}
|
|
.ant-table-pagination {
|
|
margin: 16px 0;
|
|
float: right;
|
|
}
|
|
.ant-table-filter-dropdown {
|
|
min-width: 96px;
|
|
margin-left: -8px;
|
|
background: #fff;
|
|
border-radius: 4px;
|
|
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
|
|
}
|
|
.ant-table-filter-dropdown .ant-dropdown-menu {
|
|
border: 0;
|
|
box-shadow: none;
|
|
border-radius: 4px 4px 0 0;
|
|
}
|
|
.ant-table-filter-dropdown .ant-dropdown-menu-item > label + span {
|
|
padding: 0;
|
|
}
|
|
.ant-table-filter-dropdown .ant-dropdown-menu-sub {
|
|
border-radius: 4px;
|
|
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
|
|
}
|
|
.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title:after {
|
|
color: #108ee9;
|
|
font-weight: bold;
|
|
text-shadow: 0 0 2px #d2eafb;
|
|
}
|
|
.ant-table-filter-dropdown .ant-dropdown-menu-item {
|
|
overflow: hidden;
|
|
}
|
|
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,
|
|
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
|
|
border-radius: 0;
|
|
}
|
|
.ant-table-filter-dropdown-btns {
|
|
overflow: hidden;
|
|
padding: 7px 16px;
|
|
border-top: 1px solid #e9e9e9;
|
|
}
|
|
.ant-table-filter-dropdown-link {
|
|
color: #108ee9;
|
|
}
|
|
.ant-table-filter-dropdown-link:hover {
|
|
color: #49a9ee;
|
|
}
|
|
.ant-table-filter-dropdown-link:active {
|
|
color: #0e77ca;
|
|
}
|
|
.ant-table-filter-dropdown-link.confirm {
|
|
float: left;
|
|
}
|
|
.ant-table-filter-dropdown-link.clear {
|
|
float: right;
|
|
}
|
|
.ant-table-row-expand-icon {
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
width: 17px;
|
|
height: 17px;
|
|
text-align: center;
|
|
line-height: 14px;
|
|
border: 1px solid #e9e9e9;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
background: #fff;
|
|
}
|
|
.ant-table-row-expand-icon-cell {
|
|
width: 18px;
|
|
}
|
|
.ant-table-row-expanded:after {
|
|
content: '-';
|
|
}
|
|
.ant-table-row-collapsed:after {
|
|
content: '+';
|
|
}
|
|
.ant-table-row-spaced {
|
|
visibility: hidden;
|
|
}
|
|
.ant-table-row-spaced:after {
|
|
content: '.';
|
|
}
|
|
.ant-table-row[class*="ant-table-row-level-0"] .ant-table-selection-column > span {
|
|
display: inline-block;
|
|
}
|
|
tr.ant-table-expanded-row,
|
|
tr.ant-table-expanded-row:hover {
|
|
background: #fbfbfb;
|
|
}
|
|
.ant-table .ant-table-row-indent + .ant-table-row-expand-icon {
|
|
margin-right: 8px;
|
|
}
|
|
.ant-table-scroll {
|
|
overflow: auto;
|
|
overflow-x: hidden;
|
|
}
|
|
.ant-table-scroll table {
|
|
width: auto;
|
|
min-width: 100%;
|
|
}
|
|
.ant-table-body-inner {
|
|
height: 100%;
|
|
}
|
|
.ant-table-fixed-header .ant-table-body {
|
|
position: relative;
|
|
background: #fff;
|
|
}
|
|
.ant-table-fixed-header .ant-table-body-inner {
|
|
overflow: scroll;
|
|
}
|
|
.ant-table-fixed-header .ant-table-scroll .ant-table-header {
|
|
overflow: scroll;
|
|
padding-bottom: 20px;
|
|
margin-bottom: -20px;
|
|
margin-right: -18px;
|
|
padding-right: 18px;
|
|
}
|
|
.ant-table-fixed-header.ant-table-empty .ant-table-scroll .ant-table-body {
|
|
padding-bottom: 20px;
|
|
margin-bottom: -20px;
|
|
}
|
|
.ant-table-fixed-left,
|
|
.ant-table-fixed-right {
|
|
position: absolute;
|
|
top: 0;
|
|
overflow: hidden;
|
|
z-index: 1;
|
|
-webkit-transition: box-shadow 0.3s ease;
|
|
transition: box-shadow 0.3s ease;
|
|
border-radius: 0;
|
|
}
|
|
.ant-table-fixed-left table,
|
|
.ant-table-fixed-right table {
|
|
width: auto;
|
|
background: #fff;
|
|
}
|
|
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,
|
|
.ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed {
|
|
border-radius: 0;
|
|
}
|
|
.ant-table-fixed-left {
|
|
left: 0;
|
|
box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.2);
|
|
}
|
|
.ant-table-fixed-left .ant-table-header {
|
|
overflow-y: hidden;
|
|
}
|
|
.ant-table-fixed-left .ant-table-body-inner {
|
|
margin-right: -20px;
|
|
padding-right: 20px;
|
|
}
|
|
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-inner {
|
|
padding-right: 0;
|
|
}
|
|
.ant-table-fixed-left,
|
|
.ant-table-fixed-left table {
|
|
border-radius: 4px 0 0 0;
|
|
}
|
|
.ant-table-fixed-right {
|
|
right: 0;
|
|
box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.2);
|
|
}
|
|
.ant-table-fixed-right,
|
|
.ant-table-fixed-right table {
|
|
border-radius: 0 4px 0 0;
|
|
}
|
|
.ant-table-fixed-right .ant-table-expanded-row {
|
|
color: transparent;
|
|
pointer-events: none;
|
|
}
|
|
.ant-table.ant-table-scroll-position-left .ant-table-fixed-left {
|
|
box-shadow: none;
|
|
}
|
|
.ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
|
|
box-shadow: none;
|
|
}
|
|
.ant-tabs {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
overflow: hidden;
|
|
zoom: 1;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.ant-tabs:before,
|
|
.ant-tabs:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.ant-tabs:after {
|
|
clear: both;
|
|
visibility: hidden;
|
|
font-size: 0;
|
|
height: 0;
|
|
}
|
|
.ant-tabs-bar {
|
|
outline: none;
|
|
}
|
|
.ant-tabs-ink-bar {
|
|
z-index: 1;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 1px;
|
|
box-sizing: border-box;
|
|
height: 2px;
|
|
background-color: #108ee9;
|
|
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
}
|
|
.ant-tabs-bar {
|
|
border-bottom: 1px solid #d9d9d9;
|
|
margin-bottom: 16px;
|
|
}
|
|
.ant-tabs-nav-container {
|
|
overflow: hidden;
|
|
font-size: 14px;
|
|
line-height: 1.5;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
white-space: nowrap;
|
|
margin-bottom: -1px;
|
|
zoom: 1;
|
|
}
|
|
.ant-tabs-nav-container:before,
|
|
.ant-tabs-nav-container:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.ant-tabs-nav-container:after {
|
|
clear: both;
|
|
visibility: hidden;
|
|
font-size: 0;
|
|
height: 0;
|
|
}
|
|
.ant-tabs-nav-container-scrolling {
|
|
padding-left: 32px;
|
|
padding-right: 32px;
|
|
}
|
|
.ant-tabs-tab-prev,
|
|
.ant-tabs-tab-next {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
z-index: 2;
|
|
margin-right: -2px;
|
|
margin-top: 3px;
|
|
width: 32px;
|
|
height: 100%;
|
|
line-height: 32px;
|
|
cursor: pointer;
|
|
border: 0;
|
|
background-color: transparent;
|
|
position: absolute;
|
|
text-align: center;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
-webkit-transition: color 0.3s ease;
|
|
transition: color 0.3s ease;
|
|
}
|
|
.ant-tabs-tab-prev:hover,
|
|
.ant-tabs-tab-next:hover {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.ant-tabs-tab-prev-icon,
|
|
.ant-tabs-tab-next-icon {
|
|
position: relative;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
font-variant: normal;
|
|
line-height: inherit;
|
|
vertical-align: baseline;
|
|
text-align: center;
|
|
text-transform: none;
|
|
font-family: sans-serif;
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-size: 10px \9;
|
|
-webkit-transform: scale(0.83333333) rotate(0deg);
|
|
transform: scale(0.83333333) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
}
|
|
:root .ant-tabs-tab-prev-icon,
|
|
:root .ant-tabs-tab-next-icon {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-tabs-tab-prev-icon,
|
|
:root .ant-tabs-tab-next-icon {
|
|
font-size: 12px;
|
|
}
|
|
.ant-tabs-tab-prev-icon:before,
|
|
.ant-tabs-tab-next-icon:before {
|
|
display: block;
|
|
font-family: "anticon" !important;
|
|
}
|
|
.ant-tabs-tab-btn-disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-tabs-tab-btn-disabled,
|
|
.ant-tabs-tab-btn-disabled:hover {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-tabs-tab-next {
|
|
right: 2px;
|
|
}
|
|
.ant-tabs-tab-next-icon:before {
|
|
content: "\E61F";
|
|
}
|
|
.ant-tabs-tab-prev {
|
|
left: 0;
|
|
}
|
|
.ant-tabs-tab-prev-icon:before {
|
|
content: "\E620";
|
|
}
|
|
:root .ant-tabs-tab-prev {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
.ant-tabs-nav-wrap {
|
|
overflow: hidden;
|
|
margin-bottom: -1px;
|
|
}
|
|
.ant-tabs-nav-scroll {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
.ant-tabs-nav {
|
|
box-sizing: border-box;
|
|
padding-left: 0;
|
|
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
position: relative;
|
|
margin: 0;
|
|
list-style: none;
|
|
float: left;
|
|
}
|
|
.ant-tabs-nav:before,
|
|
.ant-tabs-nav:after {
|
|
display: table;
|
|
content: " ";
|
|
}
|
|
.ant-tabs-nav:after {
|
|
clear: both;
|
|
}
|
|
.ant-tabs-nav .ant-tabs-tab-disabled {
|
|
pointer-events: none;
|
|
cursor: default;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-tabs-nav .ant-tabs-tab {
|
|
display: inline-block;
|
|
height: 100%;
|
|
margin-right: 24px;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
padding: 8px 20px;
|
|
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
}
|
|
.ant-tabs-nav .ant-tabs-tab:hover {
|
|
color: #49a9ee;
|
|
}
|
|
.ant-tabs-nav .ant-tabs-tab:active {
|
|
color: #0e77ca;
|
|
}
|
|
.ant-tabs-nav .ant-tabs-tab .anticon {
|
|
width: 14px;
|
|
height: 14px;
|
|
margin-right: 8px;
|
|
}
|
|
.ant-tabs-nav .ant-tabs-tab-active {
|
|
color: #108ee9;
|
|
}
|
|
.ant-tabs-mini .ant-tabs-nav-container {
|
|
font-size: 12px;
|
|
}
|
|
.ant-tabs-mini .ant-tabs-tab {
|
|
margin-right: 0;
|
|
padding: 8px 16px;
|
|
}
|
|
.ant-tabs:not(.ant-tabs-vertical) > .ant-tabs-content {
|
|
width: 100%;
|
|
}
|
|
.ant-tabs:not(.ant-tabs-vertical) > .ant-tabs-content > .ant-tabs-tabpane {
|
|
-webkit-flex-shrink: 0;
|
|
flex-shrink: 0;
|
|
width: 100%;
|
|
-webkit-transition: opacity 0.3s;
|
|
transition: opacity 0.3s;
|
|
opacity: 1;
|
|
}
|
|
.ant-tabs:not(.ant-tabs-vertical) > .ant-tabs-content > .ant-tabs-tabpane-inactive {
|
|
opacity: 0;
|
|
height: 0;
|
|
}
|
|
.ant-tabs:not(.ant-tabs-vertical) > .ant-tabs-content-animated {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-webkit-flex-direction: row;
|
|
flex-direction: row;
|
|
will-change: margin-left;
|
|
-webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.ant-tabs-vertical > .ant-tabs-bar {
|
|
border-bottom: 0;
|
|
}
|
|
.ant-tabs-vertical > .ant-tabs-bar .ant-tabs-tab {
|
|
float: none;
|
|
margin-right: 0;
|
|
margin-bottom: 16px;
|
|
display: block;
|
|
padding: 8px 24px;
|
|
}
|
|
.ant-tabs-vertical > .ant-tabs-bar .ant-tabs-tab:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.ant-tabs-vertical > .ant-tabs-bar .ant-tabs-nav-scroll {
|
|
width: auto;
|
|
}
|
|
.ant-tabs-vertical > .ant-tabs-bar .ant-tabs-nav-container {
|
|
margin-bottom: 0;
|
|
}
|
|
.ant-tabs-vertical > .ant-tabs-bar .ant-tabs-nav-wrap {
|
|
margin-bottom: 0;
|
|
}
|
|
.ant-tabs-vertical > .ant-tabs-bar .ant-tabs-ink-bar {
|
|
width: 2px;
|
|
left: auto;
|
|
height: auto;
|
|
top: 0;
|
|
}
|
|
.ant-tabs-vertical > .ant-tabs-content {
|
|
overflow: hidden;
|
|
width: auto;
|
|
margin-top: 0!important;
|
|
}
|
|
.ant-tabs-vertical.ant-tabs-left > .ant-tabs-bar {
|
|
float: left;
|
|
border-right: 1px solid #e9e9e9;
|
|
margin-right: -1px;
|
|
margin-bottom: 0;
|
|
}
|
|
.ant-tabs-vertical.ant-tabs-left > .ant-tabs-bar .ant-tabs-tab {
|
|
text-align: right;
|
|
}
|
|
.ant-tabs-vertical.ant-tabs-left > .ant-tabs-bar .ant-tabs-nav-container {
|
|
margin-right: -1px;
|
|
}
|
|
.ant-tabs-vertical.ant-tabs-left > .ant-tabs-bar .ant-tabs-nav-wrap {
|
|
margin-right: -1px;
|
|
}
|
|
.ant-tabs-vertical.ant-tabs-left > .ant-tabs-bar .ant-tabs-ink-bar {
|
|
right: 1px;
|
|
}
|
|
.ant-tabs-vertical.ant-tabs-left > .ant-tabs-content {
|
|
padding-left: 24px;
|
|
border-left: 1px solid #e9e9e9;
|
|
}
|
|
.ant-tabs-vertical.ant-tabs-right > .ant-tabs-bar {
|
|
float: right;
|
|
border-left: 1px solid #e9e9e9;
|
|
margin-left: -1px;
|
|
margin-bottom: 0;
|
|
}
|
|
.ant-tabs-vertical.ant-tabs-right > .ant-tabs-bar .ant-tabs-nav-container {
|
|
margin-left: -1px;
|
|
}
|
|
.ant-tabs-vertical.ant-tabs-right > .ant-tabs-bar .ant-tabs-nav-wrap {
|
|
margin-left: -1px;
|
|
}
|
|
.ant-tabs-vertical.ant-tabs-right > .ant-tabs-bar .ant-tabs-ink-bar {
|
|
left: 1px;
|
|
}
|
|
.ant-tabs-vertical.ant-tabs-right > .ant-tabs-content {
|
|
padding-right: 24px;
|
|
border-right: 1px solid #e9e9e9;
|
|
}
|
|
.ant-tabs-bottom > .ant-tabs-bar {
|
|
margin-bottom: 0;
|
|
margin-top: 16px;
|
|
}
|
|
.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-nav-container {
|
|
height: 32px;
|
|
}
|
|
.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-ink-bar {
|
|
visibility: hidden;
|
|
}
|
|
.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
|
|
margin: 0;
|
|
border: 1px solid #d9d9d9;
|
|
border-bottom: 0;
|
|
border-radius: 6px 6px 0 0;
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
background: #f9f9f9;
|
|
margin-right: 2px;
|
|
}
|
|
.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
|
|
padding: 5px 16px 4px;
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
|
|
background: #fff;
|
|
-webkit-transform: translateZ(0);
|
|
transform: translateZ(0);
|
|
border-color: #d9d9d9;
|
|
color: #108ee9;
|
|
}
|
|
.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
|
|
padding-bottom: 5px;
|
|
-webkit-transform: translateZ(0);
|
|
transform: translateZ(0);
|
|
}
|
|
.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-nav-wrap {
|
|
margin-bottom: 0;
|
|
}
|
|
.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab .anticon-close {
|
|
margin-right: 0;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-size: 9px \9;
|
|
-webkit-transform: scale(0.75) rotate(0deg);
|
|
transform: scale(0.75) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
-webkit-transform-origin: 100% 50%;
|
|
transform-origin: 100% 50%;
|
|
width: 0;
|
|
text-align: right;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
:root .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab .anticon-close {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab .anticon-close {
|
|
font-size: 12px;
|
|
}
|
|
.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab .anticon-close:hover {
|
|
color: #404040;
|
|
font-weight: bold;
|
|
}
|
|
.ant-tabs.ant-tabs-editable-card > .ant-tabs-bar .ant-tabs-tab:not(.ant-tabs-tab-active):hover {
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
}
|
|
.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active .anticon-close,
|
|
.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab:hover .anticon-close {
|
|
width: 16px;
|
|
-webkit-transform: translateZ(0);
|
|
transform: translateZ(0);
|
|
}
|
|
.ant-tabs-extra-content {
|
|
float: right;
|
|
line-height: 32px;
|
|
}
|
|
.ant-tabs-extra-content .ant-tabs-new-tab {
|
|
width: 20px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
border-radius: 3px;
|
|
border: 1px solid #d9d9d9;
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-size: 10px \9;
|
|
-webkit-transform: scale(0.83333333) rotate(0deg);
|
|
transform: scale(0.83333333) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
-webkit-transition: color 0.3s ease;
|
|
transition: color 0.3s ease;
|
|
}
|
|
:root .ant-tabs-extra-content .ant-tabs-new-tab {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-tabs-extra-content .ant-tabs-new-tab {
|
|
font-size: 12px;
|
|
}
|
|
.ant-tabs-extra-content .ant-tabs-new-tab:hover {
|
|
color: #404040;
|
|
}
|
|
> .no-flex > .ant-tabs-content-animated,
|
|
> .ant-tabs-no-animation > .ant-tabs-content-animated,
|
|
> .ant-tabs-vertical > .ant-tabs-content-animated {
|
|
-webkit-transform: none!important;
|
|
transform: none!important;
|
|
}
|
|
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive,
|
|
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive,
|
|
.ant-tabs-vertical > .ant-tabs-content > .ant-tabs-tabpane-inactive {
|
|
display: none;
|
|
}
|
|
.ant-tag {
|
|
display: inline-block;
|
|
line-height: 20px;
|
|
height: 22px;
|
|
padding: 0 8px;
|
|
border-radius: 4px;
|
|
border: 1px solid #e9e9e9;
|
|
background: #f7f7f7;
|
|
font-size: 12px;
|
|
-webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
opacity: 1;
|
|
margin-right: 8px;
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
}
|
|
.ant-tag:hover {
|
|
opacity: 0.85;
|
|
}
|
|
.ant-tag,
|
|
.ant-tag a,
|
|
.ant-tag a:hover {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.ant-tag-text a:first-child:last-child {
|
|
display: inline-block;
|
|
margin: 0 -8px;
|
|
padding: 0 8px;
|
|
}
|
|
.ant-tag .anticon-cross {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-size: 10px \9;
|
|
-webkit-transform: scale(0.83333333) rotate(0deg);
|
|
transform: scale(0.83333333) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
margin-left: 3px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
opacity: 0.66;
|
|
}
|
|
:root .ant-tag .anticon-cross {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-tag .anticon-cross {
|
|
font-size: 12px;
|
|
}
|
|
.ant-tag .anticon-cross:hover {
|
|
opacity: 1;
|
|
}
|
|
.ant-tag-has-color {
|
|
border-color: transparent;
|
|
}
|
|
.ant-tag-has-color,
|
|
.ant-tag-has-color a,
|
|
.ant-tag-has-color a:hover,
|
|
.ant-tag-has-color .anticon-cross,
|
|
.ant-tag-has-color .anticon-cross:hover {
|
|
color: #fff;
|
|
}
|
|
.ant-tag-blue {
|
|
background: #108ee9;
|
|
}
|
|
.ant-tag-green {
|
|
background: #00A854;
|
|
}
|
|
.ant-tag-yellow {
|
|
background: #ffbf00;
|
|
}
|
|
.ant-tag-red {
|
|
background: #F04134;
|
|
}
|
|
.ant-tag-checkable {
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
}
|
|
.ant-tag-checkable:hover,
|
|
.ant-tag-checkable:active,
|
|
.ant-tag-checkable-checked {
|
|
color: #fff;
|
|
}
|
|
.ant-tag-checkable:hover {
|
|
background-color: #49a9ee;
|
|
}
|
|
.ant-tag-checkable:active,
|
|
.ant-tag-checkable-checked {
|
|
background-color: #0e77ca;
|
|
}
|
|
.ant-tag-close {
|
|
width: 0 !important;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.ant-tag-zoom-enter,
|
|
.ant-tag-zoom-appear {
|
|
-webkit-animation: antFadeIn 0.2s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
animation: antFadeIn 0.2s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
}
|
|
.ant-tag-zoom-leave {
|
|
-webkit-animation: antZoomOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
animation: antZoomOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
}
|
|
.ant-timeline {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.ant-timeline-item {
|
|
position: relative;
|
|
padding: 0 0 12px 0;
|
|
list-style: none;
|
|
margin: 0;
|
|
}
|
|
.ant-timeline-item-tail {
|
|
position: absolute;
|
|
left: 5px;
|
|
top: 0;
|
|
height: 100%;
|
|
border-left: 2px solid #e9e9e9;
|
|
}
|
|
.ant-timeline-item-pending .ant-timeline-item-tail {
|
|
display: none;
|
|
}
|
|
.ant-timeline-item-head {
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 12px;
|
|
background-color: #fff;
|
|
border-radius: 100px;
|
|
border: 2px solid transparent;
|
|
}
|
|
.ant-timeline-item-head-blue {
|
|
border-color: #108ee9;
|
|
color: #108ee9;
|
|
}
|
|
.ant-timeline-item-head-red {
|
|
border-color: #F04134;
|
|
color: #F04134;
|
|
}
|
|
.ant-timeline-item-head-green {
|
|
border-color: #00A854;
|
|
color: #00A854;
|
|
}
|
|
.ant-timeline-item-head-custom {
|
|
position: absolute;
|
|
text-align: center;
|
|
width: 40px;
|
|
left: -14px;
|
|
line-height: 1;
|
|
margin-top: 6px;
|
|
border: 0;
|
|
height: auto;
|
|
border-radius: 0;
|
|
padding: 3px 0;
|
|
font-size: 12px;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
.ant-timeline-item-content {
|
|
padding: 0 0 10px 24px;
|
|
font-size: 12px;
|
|
position: relative;
|
|
top: -3px;
|
|
}
|
|
.ant-timeline-item-last .ant-timeline-item-tail {
|
|
border-left: 2px dotted #e9e9e9;
|
|
display: none;
|
|
}
|
|
.ant-timeline-item-last .ant-timeline-item-content {
|
|
min-height: 48px;
|
|
}
|
|
.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
|
|
display: block;
|
|
}
|
|
.ant-transfer {
|
|
position: relative;
|
|
line-height: 1.5;
|
|
}
|
|
.ant-transfer-list {
|
|
font-size: 12px;
|
|
border: 1px solid #d9d9d9;
|
|
display: inline-block;
|
|
border-radius: 4px;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
width: 180px;
|
|
height: 200px;
|
|
padding-top: 33px;
|
|
}
|
|
.ant-transfer-list-with-footer {
|
|
padding-bottom: 33px;
|
|
}
|
|
.ant-transfer-list-search-action {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
position: absolute;
|
|
top: 4px;
|
|
right: 4px;
|
|
bottom: 4px;
|
|
width: 28px;
|
|
line-height: 26px;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
}
|
|
.ant-transfer-list-search-action .anticon {
|
|
-webkit-transition: all .3s;
|
|
transition: all .3s;
|
|
font-size: 12px;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-transfer-list-search-action .anticon:hover {
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
span.ant-transfer-list-search-action {
|
|
pointer-events: none;
|
|
}
|
|
.ant-transfer-list-header {
|
|
padding: 7px 15px;
|
|
border-radius: 4px 4px 0 0;
|
|
background: #fff;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
border-bottom: 1px solid #e9e9e9;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.ant-transfer-list-header-title {
|
|
position: absolute;
|
|
right: 15px;
|
|
}
|
|
.ant-transfer-list-body {
|
|
font-size: 12px;
|
|
position: relative;
|
|
height: 100%;
|
|
}
|
|
.ant-transfer-list-body-search-wrapper {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
padding: 4px;
|
|
width: 100%;
|
|
}
|
|
.ant-transfer-list-body-with-search {
|
|
padding-top: 34px;
|
|
}
|
|
.ant-transfer-list-content {
|
|
height: 100%;
|
|
overflow: auto;
|
|
}
|
|
.ant-transfer-list-content-item {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
padding: 7px 15px;
|
|
min-height: 32px;
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
}
|
|
.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
|
|
cursor: pointer;
|
|
background-color: #ecf6fd;
|
|
}
|
|
.ant-transfer-list-content-item-disabled {
|
|
cursor: not-allowed;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-transfer-list-content-item-highlight-enter {
|
|
-webkit-animation: transferHighlightIn 1s ease;
|
|
animation: transferHighlightIn 1s ease;
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
}
|
|
.ant-transfer-list-body-not-found {
|
|
padding-top: 0;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
text-align: center;
|
|
display: none;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 100%;
|
|
margin-top: -10px;
|
|
}
|
|
.ant-transfer-list-content:empty + .ant-transfer-list-body-not-found {
|
|
display: block;
|
|
}
|
|
.ant-transfer-list-footer {
|
|
border-top: 1px solid #e9e9e9;
|
|
border-radius: 0 0 4px 4px;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.ant-transfer-operation {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
margin: 0 8px;
|
|
vertical-align: middle;
|
|
}
|
|
.ant-transfer-operation .ant-btn {
|
|
display: block;
|
|
}
|
|
.ant-transfer-operation .ant-btn:first-child {
|
|
margin-bottom: 4px;
|
|
}
|
|
.ant-transfer-operation .ant-btn .anticon {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-size: 10px \9;
|
|
-webkit-transform: scale(0.83333333) rotate(0deg);
|
|
transform: scale(0.83333333) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
}
|
|
:root .ant-transfer-operation .ant-btn .anticon {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-transfer-operation .ant-btn .anticon {
|
|
font-size: 12px;
|
|
}
|
|
@-webkit-keyframes transferHighlightIn {
|
|
0% {
|
|
background: #d2eafb;
|
|
}
|
|
100% {
|
|
background: transparent;
|
|
}
|
|
}
|
|
@keyframes transferHighlightIn {
|
|
0% {
|
|
background: #d2eafb;
|
|
}
|
|
100% {
|
|
background: transparent;
|
|
}
|
|
}
|
|
.ant-select-tree-checkbox {
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
outline: none;
|
|
display: inline-block;
|
|
line-height: 1;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
}
|
|
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox .ant-select-tree-checkbox-inner,
|
|
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
|
|
.ant-select-tree-checkbox-focused .ant-select-tree-checkbox-inner {
|
|
border-color: #108ee9;
|
|
}
|
|
.ant-select-tree-checkbox-inner {
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
display: inline-block;
|
|
width: 14px;
|
|
height: 14px;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 3px;
|
|
background-color: #fff;
|
|
-webkit-transition: all .3s;
|
|
transition: all .3s;
|
|
}
|
|
.ant-select-tree-checkbox-inner:after {
|
|
-webkit-transform: rotate(45deg) scale(0);
|
|
transform: rotate(45deg) scale(0);
|
|
position: absolute;
|
|
left: 4px;
|
|
top: 1px;
|
|
display: table;
|
|
width: 5px;
|
|
height: 8px;
|
|
border: 2px solid #fff;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
content: ' ';
|
|
-webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
|
|
transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
|
|
}
|
|
.ant-select-tree-checkbox-input {
|
|
position: absolute;
|
|
left: 0;
|
|
z-index: 1;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner:after {
|
|
content: ' ';
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
position: absolute;
|
|
left: 2px;
|
|
top: 5px;
|
|
width: 8px;
|
|
height: 1px;
|
|
}
|
|
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after {
|
|
-webkit-transform: rotate(45deg) scale(1);
|
|
transform: rotate(45deg) scale(1);
|
|
position: absolute;
|
|
left: 4px;
|
|
top: 1px;
|
|
display: table;
|
|
width: 5px;
|
|
height: 8px;
|
|
border: 2px solid #fff;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
content: ' ';
|
|
-webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
|
|
transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
|
|
}
|
|
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner,
|
|
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
|
|
background-color: #108ee9;
|
|
border-color: #108ee9;
|
|
}
|
|
.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after {
|
|
-webkit-animation-name: none;
|
|
animation-name: none;
|
|
border-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
|
|
border-color: #d9d9d9 !important;
|
|
background-color: #f3f3f3;
|
|
}
|
|
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after {
|
|
-webkit-animation-name: none;
|
|
animation-name: none;
|
|
border-color: #f3f3f3;
|
|
}
|
|
.ant-select-tree-checkbox-disabled + span {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-select-tree-checkbox-wrapper {
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
display: inline-block;
|
|
}
|
|
.ant-select-tree-checkbox-wrapper:not(:last-child) {
|
|
margin-right: 8px;
|
|
}
|
|
.ant-select-tree-checkbox-wrapper + span,
|
|
.ant-select-tree-checkbox + span {
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
}
|
|
.ant-select-tree-checkbox-group {
|
|
font-size: 12px;
|
|
}
|
|
.ant-select-tree-checkbox-group-item {
|
|
display: inline-block;
|
|
}
|
|
@media \0screen {
|
|
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:before,
|
|
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after {
|
|
font-family: 'anticon';
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
content: "\E632";
|
|
font-weight: bold;
|
|
font-size: 8px;
|
|
border: 0;
|
|
color: #fff;
|
|
left: 2px;
|
|
top: 3px;
|
|
position: absolute;
|
|
}
|
|
}
|
|
.ant-select-tree {
|
|
margin: 0;
|
|
padding: 8px;
|
|
font-size: 12px;
|
|
}
|
|
.ant-select-tree li {
|
|
padding: 0;
|
|
margin: 8px 0;
|
|
list-style: none;
|
|
white-space: nowrap;
|
|
outline: 0;
|
|
}
|
|
.ant-select-tree li.filter-node > a {
|
|
font-weight: bold !important;
|
|
}
|
|
.ant-select-tree li ul {
|
|
margin: 0;
|
|
padding: 0 0 0 18px;
|
|
}
|
|
.ant-select-tree li a {
|
|
display: inline-block;
|
|
padding: 1px 5px;
|
|
border-radius: 2px;
|
|
margin: 0;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
vertical-align: top;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
}
|
|
.ant-select-tree li a:hover {
|
|
background-color: #ecf6fd;
|
|
}
|
|
.ant-select-tree li a.ant-select-tree-node-selected {
|
|
background-color: #d2eafb;
|
|
}
|
|
.ant-select-tree li span.ant-select-tree-checkbox {
|
|
margin: 2px 4px 0 0;
|
|
}
|
|
.ant-select-tree li span.ant-select-tree-switcher,
|
|
.ant-select-tree li span.ant-select-tree-iconEle {
|
|
margin: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
line-height: 16px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
border: 0 none;
|
|
cursor: pointer;
|
|
outline: none;
|
|
}
|
|
.ant-select-tree li span.ant-select-tree-icon_loading:after {
|
|
display: inline-block;
|
|
font-family: 'anticon';
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
content: "\E64D";
|
|
font-weight: bold;
|
|
-webkit-animation: loadingCircle 1s infinite linear;
|
|
animation: loadingCircle 1s infinite linear;
|
|
margin-top: 8px;
|
|
}
|
|
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher-noop {
|
|
cursor: auto;
|
|
}
|
|
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-roots_open,
|
|
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-center_open,
|
|
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-bottom_open,
|
|
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-noline_open {
|
|
position: relative;
|
|
}
|
|
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-roots_open:after,
|
|
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-center_open:after,
|
|
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-bottom_open:after,
|
|
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-noline_open:after {
|
|
font-size: 12px;
|
|
font-size: 7px \9;
|
|
-webkit-transform: scale(0.58333333) rotate(0deg);
|
|
transform: scale(0.58333333) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
display: inline-block;
|
|
font-family: 'anticon';
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
content: "\E606";
|
|
font-weight: bold;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 4px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
-webkit-transition: -webkit-transform .3s ease;
|
|
transition: -webkit-transform .3s ease;
|
|
transition: transform .3s ease;
|
|
transition: transform .3s ease, -webkit-transform .3s ease;
|
|
}
|
|
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-roots_open:after,
|
|
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-center_open:after,
|
|
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-bottom_open:after,
|
|
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-noline_open:after {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-roots_open:after,
|
|
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-center_open:after,
|
|
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-bottom_open:after,
|
|
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-noline_open:after {
|
|
font-size: 12px;
|
|
}
|
|
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-roots_close,
|
|
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-center_close,
|
|
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-bottom_close,
|
|
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-noline_close {
|
|
position: relative;
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
|
|
}
|
|
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-roots_close:after,
|
|
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-center_close:after,
|
|
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-bottom_close:after,
|
|
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-noline_close:after {
|
|
font-size: 12px;
|
|
font-size: 7px \9;
|
|
-webkit-transform: scale(0.58333333) rotate(0deg);
|
|
transform: scale(0.58333333) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
display: inline-block;
|
|
font-family: 'anticon';
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
content: "\E606";
|
|
font-weight: bold;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 4px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
-webkit-transition: -webkit-transform .3s ease;
|
|
transition: -webkit-transform .3s ease;
|
|
transition: transform .3s ease;
|
|
transition: transform .3s ease, -webkit-transform .3s ease;
|
|
}
|
|
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-roots_close:after,
|
|
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-center_close:after,
|
|
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-bottom_close:after,
|
|
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-noline_close:after {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-roots_close:after,
|
|
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-center_close:after,
|
|
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-bottom_close:after,
|
|
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-noline_close:after {
|
|
font-size: 12px;
|
|
}
|
|
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-roots_close:after,
|
|
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-center_close:after,
|
|
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-bottom_close:after,
|
|
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-noline_close:after {
|
|
-webkit-transform: rotate(270deg) scale(0.5);
|
|
transform: rotate(270deg) scale(0.5);
|
|
}
|
|
.ant-select-tree-child-tree {
|
|
display: none;
|
|
}
|
|
.ant-select-tree-child-tree-open {
|
|
display: block;
|
|
}
|
|
.ant-select-tree-treenode-disabled > span,
|
|
.ant-select-tree-treenode-disabled > a,
|
|
.ant-select-tree-treenode-disabled > a span {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-select-tree-icon__open {
|
|
margin-right: 2px;
|
|
vertical-align: top;
|
|
}
|
|
.ant-select-tree-icon__close {
|
|
margin-right: 2px;
|
|
vertical-align: top;
|
|
}
|
|
.ant-select-tree-dropdown .ant-select-dropdown-search {
|
|
display: block;
|
|
padding: 4px;
|
|
}
|
|
.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field__wrap {
|
|
width: 100%;
|
|
}
|
|
.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field {
|
|
padding: 4px 7px;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 4px;
|
|
outline: none;
|
|
}
|
|
.ant-select-tree-dropdown .ant-select-dropdown-search.ant-select-search--hide {
|
|
display: none;
|
|
}
|
|
.ant-select-tree-dropdown .ant-select-not-found {
|
|
cursor: not-allowed;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
padding: 7px 16px;
|
|
display: block;
|
|
}
|
|
.ant-tree-checkbox {
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
outline: none;
|
|
display: inline-block;
|
|
line-height: 1;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
}
|
|
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox .ant-tree-checkbox-inner,
|
|
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
|
|
.ant-tree-checkbox-focused .ant-tree-checkbox-inner {
|
|
border-color: #108ee9;
|
|
}
|
|
.ant-tree-checkbox-inner {
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
display: inline-block;
|
|
width: 14px;
|
|
height: 14px;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 3px;
|
|
background-color: #fff;
|
|
-webkit-transition: all .3s;
|
|
transition: all .3s;
|
|
}
|
|
.ant-tree-checkbox-inner:after {
|
|
-webkit-transform: rotate(45deg) scale(0);
|
|
transform: rotate(45deg) scale(0);
|
|
position: absolute;
|
|
left: 4px;
|
|
top: 1px;
|
|
display: table;
|
|
width: 5px;
|
|
height: 8px;
|
|
border: 2px solid #fff;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
content: ' ';
|
|
-webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
|
|
transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
|
|
}
|
|
.ant-tree-checkbox-input {
|
|
position: absolute;
|
|
left: 0;
|
|
z-index: 1;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner:after {
|
|
content: ' ';
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
position: absolute;
|
|
left: 2px;
|
|
top: 5px;
|
|
width: 8px;
|
|
height: 1px;
|
|
}
|
|
.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
|
|
-webkit-transform: rotate(45deg) scale(1);
|
|
transform: rotate(45deg) scale(1);
|
|
position: absolute;
|
|
left: 4px;
|
|
top: 1px;
|
|
display: table;
|
|
width: 5px;
|
|
height: 8px;
|
|
border: 2px solid #fff;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
content: ' ';
|
|
-webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
|
|
transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
|
|
}
|
|
.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
|
|
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
|
|
background-color: #108ee9;
|
|
border-color: #108ee9;
|
|
}
|
|
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
|
|
-webkit-animation-name: none;
|
|
animation-name: none;
|
|
border-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
|
|
border-color: #d9d9d9 !important;
|
|
background-color: #f3f3f3;
|
|
}
|
|
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after {
|
|
-webkit-animation-name: none;
|
|
animation-name: none;
|
|
border-color: #f3f3f3;
|
|
}
|
|
.ant-tree-checkbox-disabled + span {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-tree-checkbox-wrapper {
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
display: inline-block;
|
|
}
|
|
.ant-tree-checkbox-wrapper:not(:last-child) {
|
|
margin-right: 8px;
|
|
}
|
|
.ant-tree-checkbox-wrapper + span,
|
|
.ant-tree-checkbox + span {
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
}
|
|
.ant-tree-checkbox-group {
|
|
font-size: 12px;
|
|
}
|
|
.ant-tree-checkbox-group-item {
|
|
display: inline-block;
|
|
}
|
|
@media \0screen {
|
|
.ant-tree-checkbox-checked .ant-tree-checkbox-inner:before,
|
|
.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
|
|
font-family: 'anticon';
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
content: "\E632";
|
|
font-weight: bold;
|
|
font-size: 8px;
|
|
border: 0;
|
|
color: #fff;
|
|
left: 2px;
|
|
top: 3px;
|
|
position: absolute;
|
|
}
|
|
}
|
|
.ant-tree {
|
|
margin: 0;
|
|
padding: 5px;
|
|
font-size: 12px;
|
|
}
|
|
.ant-tree li {
|
|
padding: 3.5px 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
white-space: nowrap;
|
|
outline: 0;
|
|
}
|
|
.ant-tree li a[draggable],
|
|
.ant-tree li a[draggable="true"] {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
/* Required to make elements draggable in old WebKit */
|
|
-khtml-user-drag: element;
|
|
-webkit-user-drag: element;
|
|
}
|
|
.ant-tree li.drag-over > a[draggable] {
|
|
background-color: #108ee9;
|
|
color: white;
|
|
opacity: 0.8;
|
|
}
|
|
.ant-tree li.drag-over-gap-top > a[draggable] {
|
|
border-top: 2px #108ee9 solid;
|
|
}
|
|
.ant-tree li.drag-over-gap-bottom > a[draggable] {
|
|
border-bottom: 2px #108ee9 solid;
|
|
}
|
|
.ant-tree li.filter-node > a {
|
|
color: #F04134 !important;
|
|
font-weight: bold!important;
|
|
}
|
|
.ant-tree li ul {
|
|
margin: 0;
|
|
padding: 0 0 0 18px;
|
|
}
|
|
.ant-tree li a {
|
|
display: inline-block;
|
|
padding: 1px 5px;
|
|
border-radius: 2px;
|
|
margin: 0;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
vertical-align: top;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
}
|
|
.ant-tree li a:hover {
|
|
background-color: #ecf6fd;
|
|
}
|
|
.ant-tree li a.ant-tree-node-selected {
|
|
background-color: #d2eafb;
|
|
}
|
|
.ant-tree li span.ant-tree-checkbox {
|
|
margin: 2px 4px 0 0;
|
|
}
|
|
.ant-tree li span.ant-tree-switcher,
|
|
.ant-tree li span.ant-tree-iconEle {
|
|
margin: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
line-height: 16px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
border: 0 none;
|
|
cursor: pointer;
|
|
outline: none;
|
|
}
|
|
.ant-tree li span.ant-tree-icon_loading:after {
|
|
display: inline-block;
|
|
font-family: 'anticon';
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
content: "\E6AE";
|
|
-webkit-animation: loadingCircle 1s infinite linear;
|
|
animation: loadingCircle 1s infinite linear;
|
|
color: #108ee9;
|
|
}
|
|
.ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop {
|
|
cursor: auto;
|
|
}
|
|
.ant-tree li span.ant-tree-switcher.ant-tree-roots_open,
|
|
.ant-tree li span.ant-tree-switcher.ant-tree-center_open,
|
|
.ant-tree li span.ant-tree-switcher.ant-tree-bottom_open,
|
|
.ant-tree li span.ant-tree-switcher.ant-tree-noline_open {
|
|
position: relative;
|
|
}
|
|
.ant-tree li span.ant-tree-switcher.ant-tree-roots_open:after,
|
|
.ant-tree li span.ant-tree-switcher.ant-tree-center_open:after,
|
|
.ant-tree li span.ant-tree-switcher.ant-tree-bottom_open:after,
|
|
.ant-tree li span.ant-tree-switcher.ant-tree-noline_open:after {
|
|
font-size: 12px;
|
|
font-size: 7px \9;
|
|
-webkit-transform: scale(0.58333333) rotate(0deg);
|
|
transform: scale(0.58333333) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
display: inline-block;
|
|
font-family: 'anticon';
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
content: "\E606";
|
|
font-weight: bold;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 4px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
-webkit-transition: -webkit-transform .3s ease;
|
|
transition: -webkit-transform .3s ease;
|
|
transition: transform .3s ease;
|
|
transition: transform .3s ease, -webkit-transform .3s ease;
|
|
}
|
|
:root .ant-tree li span.ant-tree-switcher.ant-tree-roots_open:after,
|
|
:root .ant-tree li span.ant-tree-switcher.ant-tree-center_open:after,
|
|
:root .ant-tree li span.ant-tree-switcher.ant-tree-bottom_open:after,
|
|
:root .ant-tree li span.ant-tree-switcher.ant-tree-noline_open:after {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-tree li span.ant-tree-switcher.ant-tree-roots_open:after,
|
|
:root .ant-tree li span.ant-tree-switcher.ant-tree-center_open:after,
|
|
:root .ant-tree li span.ant-tree-switcher.ant-tree-bottom_open:after,
|
|
:root .ant-tree li span.ant-tree-switcher.ant-tree-noline_open:after {
|
|
font-size: 12px;
|
|
}
|
|
.ant-tree li span.ant-tree-switcher.ant-tree-roots_close,
|
|
.ant-tree li span.ant-tree-switcher.ant-tree-center_close,
|
|
.ant-tree li span.ant-tree-switcher.ant-tree-bottom_close,
|
|
.ant-tree li span.ant-tree-switcher.ant-tree-noline_close {
|
|
position: relative;
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
|
|
}
|
|
.ant-tree li span.ant-tree-switcher.ant-tree-roots_close:after,
|
|
.ant-tree li span.ant-tree-switcher.ant-tree-center_close:after,
|
|
.ant-tree li span.ant-tree-switcher.ant-tree-bottom_close:after,
|
|
.ant-tree li span.ant-tree-switcher.ant-tree-noline_close:after {
|
|
font-size: 12px;
|
|
font-size: 7px \9;
|
|
-webkit-transform: scale(0.58333333) rotate(0deg);
|
|
transform: scale(0.58333333) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
display: inline-block;
|
|
font-family: 'anticon';
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
content: "\E606";
|
|
font-weight: bold;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 4px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
-webkit-transition: -webkit-transform .3s ease;
|
|
transition: -webkit-transform .3s ease;
|
|
transition: transform .3s ease;
|
|
transition: transform .3s ease, -webkit-transform .3s ease;
|
|
}
|
|
:root .ant-tree li span.ant-tree-switcher.ant-tree-roots_close:after,
|
|
:root .ant-tree li span.ant-tree-switcher.ant-tree-center_close:after,
|
|
:root .ant-tree li span.ant-tree-switcher.ant-tree-bottom_close:after,
|
|
:root .ant-tree li span.ant-tree-switcher.ant-tree-noline_close:after {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-tree li span.ant-tree-switcher.ant-tree-roots_close:after,
|
|
:root .ant-tree li span.ant-tree-switcher.ant-tree-center_close:after,
|
|
:root .ant-tree li span.ant-tree-switcher.ant-tree-bottom_close:after,
|
|
:root .ant-tree li span.ant-tree-switcher.ant-tree-noline_close:after {
|
|
font-size: 12px;
|
|
}
|
|
.ant-tree li span.ant-tree-switcher.ant-tree-roots_close:after,
|
|
.ant-tree li span.ant-tree-switcher.ant-tree-center_close:after,
|
|
.ant-tree li span.ant-tree-switcher.ant-tree-bottom_close:after,
|
|
.ant-tree li span.ant-tree-switcher.ant-tree-noline_close:after {
|
|
-webkit-transform: rotate(270deg) scale(0.6);
|
|
transform: rotate(270deg) scale(0.6);
|
|
}
|
|
.ant-tree > li:first-child {
|
|
padding-top: 7px;
|
|
}
|
|
.ant-tree > li:last-child {
|
|
padding-bottom: 7px;
|
|
}
|
|
.ant-tree-child-tree {
|
|
display: none;
|
|
}
|
|
.ant-tree-child-tree-open {
|
|
display: block;
|
|
}
|
|
.ant-tree-treenode-disabled > span,
|
|
.ant-tree-treenode-disabled > a,
|
|
.ant-tree-treenode-disabled > a span {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-tree-icon__open {
|
|
margin-right: 2px;
|
|
vertical-align: top;
|
|
}
|
|
.ant-tree-icon__close {
|
|
margin-right: 2px;
|
|
vertical-align: top;
|
|
}
|
|
.ant-upload {
|
|
font-size: 12px;
|
|
outline: 0;
|
|
}
|
|
.ant-upload-btn {
|
|
display: block;
|
|
width: 100%;
|
|
outline: none;
|
|
}
|
|
.ant-upload input[type="file"] {
|
|
cursor: pointer;
|
|
}
|
|
.ant-upload.ant-upload-select {
|
|
display: inline-block;
|
|
}
|
|
.ant-upload.ant-upload-select-picture-card {
|
|
border: 1px dashed #d9d9d9;
|
|
width: 96px;
|
|
height: 96px;
|
|
border-radius: 4px;
|
|
background-color: #fbfbfb;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
-webkit-transition: border-color 0.3s ease;
|
|
transition: border-color 0.3s ease;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin-right: 8px;
|
|
margin-bottom: 8px;
|
|
}
|
|
.ant-upload.ant-upload-select-picture-card > .ant-upload {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 20px 0;
|
|
}
|
|
.ant-upload.ant-upload-select-picture-card:hover {
|
|
border-color: #108ee9;
|
|
}
|
|
.ant-upload.ant-upload-drag {
|
|
border: 1px dashed #d9d9d9;
|
|
-webkit-transition: border-color 0.3s ease;
|
|
transition: border-color 0.3s ease;
|
|
cursor: pointer;
|
|
border-radius: 4px;
|
|
text-align: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
|
|
border: 2px dashed #49a9ee;
|
|
}
|
|
.ant-upload.ant-upload-drag.ant-upload-disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-upload.ant-upload-drag .ant-upload-btn {
|
|
display: table;
|
|
height: 100%;
|
|
}
|
|
.ant-upload.ant-upload-drag .ant-upload-drag-container {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
}
|
|
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
|
|
border-color: #49a9ee;
|
|
}
|
|
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
|
|
height: 60px;
|
|
margin-bottom: 24px;
|
|
}
|
|
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
|
|
font-size: 80px;
|
|
margin-top: -5px;
|
|
color: #49a9ee;
|
|
}
|
|
.ant-upload.ant-upload-drag p.ant-upload-text {
|
|
font-size: 14px;
|
|
}
|
|
.ant-upload.ant-upload-drag p.ant-upload-hint {
|
|
font-size: 12px;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-upload.ant-upload-drag .anticon-plus {
|
|
font-size: 30px;
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-upload.ant-upload-drag .anticon-plus:hover {
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-upload.ant-upload-drag:hover .anticon-plus {
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-upload-list {
|
|
overflow: hidden;
|
|
}
|
|
.ant-upload-list-item {
|
|
overflow: hidden;
|
|
margin-top: 8px;
|
|
font-size: 12px;
|
|
}
|
|
.ant-upload-list-item-info {
|
|
height: 22px;
|
|
line-height: 22px;
|
|
padding: 0 4px;
|
|
-webkit-transition: background-color 0.3s ease;
|
|
transition: background-color 0.3s ease;
|
|
}
|
|
.ant-upload-list-item-info .anticon-paper-clip {
|
|
margin-right: 4px;
|
|
font-size: 12px;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-upload-list-item-info .anticon-cross {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-size: 10px \9;
|
|
-webkit-transform: scale(0.83333333) rotate(0deg);
|
|
transform: scale(0.83333333) rotate(0deg);
|
|
/* IE6-IE8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
|
zoom: 1;
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
float: right;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
line-height: 22px;
|
|
}
|
|
:root .ant-upload-list-item-info .anticon-cross {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
:root .ant-upload-list-item-info .anticon-cross {
|
|
font-size: 12px;
|
|
}
|
|
.ant-upload-list-item-info .anticon-cross:hover {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.ant-upload-list-item:hover .ant-upload-list-item-info {
|
|
background-color: #ecf6fd;
|
|
}
|
|
.ant-upload-list-item:hover .anticon-cross {
|
|
opacity: 1;
|
|
}
|
|
.ant-upload-list-item-error,
|
|
.ant-upload-list-item-error .anticon-paper-clip {
|
|
color: #F04134;
|
|
}
|
|
.ant-upload-list-item-error .anticon-cross {
|
|
opacity: 1;
|
|
}
|
|
.ant-upload-list-item-progress {
|
|
padding: 0 8px 0 20px;
|
|
margin-top: -2px;
|
|
margin-bottom: 1px;
|
|
font-size: 12px;
|
|
}
|
|
.ant-upload-list-item-progress .ant-progress-line-inner {
|
|
vertical-align: middle;
|
|
}
|
|
.ant-upload-list-picture .ant-upload-list-item,
|
|
.ant-upload-list-picture-card .ant-upload-list-item {
|
|
padding: 8px;
|
|
border-radius: 4px;
|
|
border: 1px solid #d9d9d9;
|
|
height: 66px;
|
|
position: relative;
|
|
}
|
|
.ant-upload-list-picture .ant-upload-list-item:hover,
|
|
.ant-upload-list-picture-card .ant-upload-list-item:hover {
|
|
background: transparent;
|
|
}
|
|
.ant-upload-list-picture .ant-upload-list-item-info,
|
|
.ant-upload-list-picture-card .ant-upload-list-item-info {
|
|
padding: 0;
|
|
}
|
|
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
|
|
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
|
|
background: transparent;
|
|
}
|
|
.ant-upload-list-picture .ant-upload-list-item-uploading,
|
|
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
|
|
border-style: dashed;
|
|
}
|
|
.ant-upload-list-picture .ant-upload-list-item-thumbnail,
|
|
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
|
|
width: 48px;
|
|
height: 48px;
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 8px;
|
|
}
|
|
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
|
|
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
|
|
width: 48px;
|
|
height: 48px;
|
|
display: block;
|
|
overflow: hidden;
|
|
border-radius: 2px;
|
|
}
|
|
.ant-upload-list-picture .ant-upload-list-item-thumbnail.anticon:before,
|
|
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail.anticon:before {
|
|
line-height: 48px;
|
|
font-size: 24px;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-upload-list-picture .ant-upload-list-item-name,
|
|
.ant-upload-list-picture-card .ant-upload-list-item-name {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
margin: 0 0 0 8px;
|
|
line-height: 44px;
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
padding-left: 48px;
|
|
padding-right: 8px;
|
|
max-width: 100%;
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
}
|
|
.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
|
|
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
|
|
line-height: 28px;
|
|
}
|
|
.ant-upload-list-picture .ant-upload-list-item-progress,
|
|
.ant-upload-list-picture-card .ant-upload-list-item-progress {
|
|
padding-left: 56px;
|
|
margin-top: 0;
|
|
}
|
|
.ant-upload-list-picture .anticon-cross,
|
|
.ant-upload-list-picture-card .anticon-cross {
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 8px;
|
|
line-height: 1;
|
|
}
|
|
.ant-upload-list-picture-card {
|
|
display: inline;
|
|
}
|
|
.ant-upload-list-picture-card .ant-upload-list-item {
|
|
display: inline-block;
|
|
width: 96px;
|
|
height: 96px;
|
|
margin: 0 8px 8px 0;
|
|
}
|
|
.ant-upload-list-picture-card .ant-upload-list-item-info {
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
.ant-upload-list-picture-card .ant-upload-list-item-info:before {
|
|
content: ' ';
|
|
position: absolute;
|
|
z-index: 1;
|
|
background-color: #808080;
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
opacity: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.ant-upload-list-picture-card .ant-upload-list-item-info .anticon-eye-o,
|
|
.ant-upload-list-picture-card .ant-upload-list-item-info .anticon-delete {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
z-index: 10;
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
cursor: pointer;
|
|
font-size: 16px;
|
|
width: 16px;
|
|
line-height: 1;
|
|
color: #eee;
|
|
opacity: 0;
|
|
margin-top: -8px;
|
|
margin-left: -22px;
|
|
}
|
|
.ant-upload-list-picture-card .ant-upload-list-item-info .anticon-eye-o:hover,
|
|
.ant-upload-list-picture-card .ant-upload-list-item-info .anticon-delete:hover {
|
|
color: #fff;
|
|
}
|
|
.ant-upload-list-picture-card .ant-upload-list-item-info .anticon-delete {
|
|
left: 50%;
|
|
margin-left: 6px;
|
|
}
|
|
.ant-upload-list-picture-card .ant-upload-list-item-info:hover:before {
|
|
opacity: .8;
|
|
}
|
|
.ant-upload-list-picture-card .ant-upload-list-item-info:hover .anticon-eye-o,
|
|
.ant-upload-list-picture-card .ant-upload-list-item-info:hover .anticon-delete {
|
|
opacity: 1;
|
|
}
|
|
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
|
|
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: static;
|
|
}
|
|
.ant-upload-list-picture-card .ant-upload-list-item-name {
|
|
display: none;
|
|
}
|
|
.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
|
|
background-color: #fbfbfb;
|
|
}
|
|
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
|
|
height: auto;
|
|
}
|
|
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info:before,
|
|
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye-o,
|
|
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
|
|
display: none;
|
|
}
|
|
.ant-upload-list-picture-card .ant-upload-list-item-uploading-text {
|
|
margin-top: 18px;
|
|
color: rgba(0, 0, 0, 0.43);
|
|
}
|
|
.ant-upload-list-picture-card .ant-upload-list-item-progress {
|
|
padding-left: 0;
|
|
}
|
|
.ant-upload-list .ant-upload-success-icon {
|
|
color: #00A854;
|
|
font-weight: bold;
|
|
}
|
|
.ant-upload-list .ant-upload-margin-top-enter {
|
|
-webkit-animation: uploadMarginTopIn 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
animation: uploadMarginTopIn 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
}
|
|
.ant-upload-list .ant-upload-margin-top-leave {
|
|
-webkit-animation: uploadMarginTopOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
animation: uploadMarginTopOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
}
|
|
@-webkit-keyframes uploadMarginTopIn {
|
|
from {
|
|
margin-top: -25px;
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes uploadMarginTopIn {
|
|
from {
|
|
margin-top: -25px;
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@-webkit-keyframes uploadMarginTopOut {
|
|
to {
|
|
margin-top: -25px;
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes uploadMarginTopOut {
|
|
to {
|
|
margin-top: -25px;
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.github-btn {
|
|
font: bold 11px/14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
height: 20px;
|
|
overflow: hidden;
|
|
}
|
|
.gh-btn,
|
|
.gh-count,
|
|
.gh-ico {
|
|
float: left;
|
|
}
|
|
.gh-btn,
|
|
.gh-count {
|
|
padding: 2px 5px 2px 4px;
|
|
color: #333;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
border-radius: 3px;
|
|
}
|
|
.gh-btn {
|
|
background-color: #eee;
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfcfc), color-stop(100%, #eee));
|
|
background-image: -webkit-linear-gradient(top, #fcfcfc 0, #eee 100%);
|
|
background-image: linear-gradient(to bottom, #fcfcfc 0, #eee 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#eeeeee', GradientType=0);
|
|
background-repeat: no-repeat;
|
|
border: 1px solid #d5d5d5;
|
|
}
|
|
.gh-btn:hover,
|
|
.gh-btn:focus {
|
|
text-decoration: none;
|
|
background-color: #ddd;
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), color-stop(100%, #ddd));
|
|
background-image: -webkit-linear-gradient(top, #eee 0, #ddd 100%);
|
|
background-image: linear-gradient(to bottom, #eee 0, #ddd 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
|
|
border-color: #ccc;
|
|
}
|
|
.gh-btn:active {
|
|
background-image: none;
|
|
background-color: #dcdcdc;
|
|
border-color: #b5b5b5;
|
|
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
|
|
}
|
|
.gh-ico {
|
|
width: 14px;
|
|
height: 14px;
|
|
margin-right: 4px;
|
|
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMTIgMTIgNDAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMTIgMTIgNDAgNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiMzMzMzMzMiIGQ9Ik0zMiAxMy40Yy0xMC41IDAtMTkgOC41LTE5IDE5YzAgOC40IDUuNSAxNS41IDEzIDE4YzEgMC4yIDEuMy0wLjQgMS4zLTAuOWMwLTAuNSAwLTEuNyAwLTMuMiBjLTUuMyAxLjEtNi40LTIuNi02LjQtMi42QzIwIDQxLjYgMTguOCA0MSAxOC44IDQxYy0xLjctMS4yIDAuMS0xLjEgMC4xLTEuMWMxLjkgMC4xIDIuOSAyIDIuOSAyYzEuNyAyLjkgNC41IDIuMSA1LjUgMS42IGMwLjItMS4yIDAuNy0yLjEgMS4yLTIuNmMtNC4yLTAuNS04LjctMi4xLTguNy05LjRjMC0yLjEgMC43LTMuNyAyLTUuMWMtMC4yLTAuNS0wLjgtMi40IDAuMi01YzAgMCAxLjYtMC41IDUuMiAyIGMxLjUtMC40IDMuMS0wLjcgNC44LTAuN2MxLjYgMCAzLjMgMC4yIDQuNyAwLjdjMy42LTIuNCA1LjItMiA1LjItMmMxIDIuNiAwLjQgNC42IDAuMiA1YzEuMiAxLjMgMiAzIDIgNS4xYzAgNy4zLTQuNSA4LjktOC43IDkuNCBjMC43IDAuNiAxLjMgMS43IDEuMyAzLjVjMCAyLjYgMCA0LjYgMCA1LjJjMCAwLjUgMC40IDEuMSAxLjMgMC45YzcuNS0yLjYgMTMtOS43IDEzLTE4LjFDNTEgMjEuOSA0Mi41IDEzLjQgMzIgMTMuNHoiLz48L3N2Zz4=');
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.gh-count {
|
|
position: relative;
|
|
display: none;
|
|
/* hidden to start */
|
|
margin-left: 4px;
|
|
background-color: #fafafa;
|
|
border: 1px solid #d4d4d4;
|
|
}
|
|
.gh-count:hover,
|
|
.gh-count:focus {
|
|
color: #4183C4;
|
|
}
|
|
.gh-count:before,
|
|
.gh-count:after {
|
|
content: '';
|
|
position: absolute;
|
|
display: inline-block;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
}
|
|
.gh-count:before {
|
|
top: 50%;
|
|
left: -3px;
|
|
margin-top: -4px;
|
|
border-width: 4px 4px 4px 0;
|
|
border-right-color: #fafafa;
|
|
}
|
|
.gh-count:after {
|
|
top: 50%;
|
|
left: -4px;
|
|
z-index: -1;
|
|
margin-top: -5px;
|
|
border-width: 5px 5px 5px 0;
|
|
border-right-color: #d4d4d4;
|
|
}
|
|
.github-btn-large {
|
|
height: 30px;
|
|
}
|
|
.github-btn-large .gh-btn,
|
|
.github-btn-large .gh-count {
|
|
padding: 3px 10px 3px 8px;
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
border-radius: 4px;
|
|
}
|
|
.github-btn-large .gh-ico {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.github-btn-large .gh-count {
|
|
margin-left: 6px;
|
|
}
|
|
.github-btn-large .gh-count:before {
|
|
left: -5px;
|
|
margin-top: -6px;
|
|
border-width: 6px 6px 6px 0;
|
|
}
|
|
.github-btn-large .gh-count:after {
|
|
left: -6px;
|
|
margin-top: -7px;
|
|
border-width: 7px 7px 7px 0;
|
|
}
|
|
html {
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
}
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
|
|
line-height: 1.5;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
font-size: 14px;
|
|
background: #FFF;
|
|
-webkit-transition: background 1s cubic-bezier(0.075, 0.82, 0.165, 1);
|
|
transition: background 1s cubic-bezier(0.075, 0.82, 0.165, 1);
|
|
overflow-x: hidden;
|
|
}
|
|
a {
|
|
-webkit-transition: color .3s ease;
|
|
transition: color .3s ease;
|
|
}
|
|
.main-wrapper {
|
|
background: #fff;
|
|
margin: 0 48px;
|
|
border-radius: 4px;
|
|
padding: 24px 0 0;
|
|
margin-bottom: 24px;
|
|
position: relative;
|
|
}
|
|
div.main-container {
|
|
padding: 0 130px 120px 40px;
|
|
margin-left: -1px;
|
|
background: #fff;
|
|
min-height: 500px;
|
|
overflow: hidden;
|
|
border-left: 1px solid #e9e9e9;
|
|
position: relative;
|
|
}
|
|
.aside-container {
|
|
padding-bottom: 50px;
|
|
font-family: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
|
|
}
|
|
.aside-container.ant-menu-inline .ant-menu-submenu-title h4,
|
|
.aside-container.ant-menu-inline > .ant-menu-item,
|
|
.aside-container.ant-menu-inline .ant-menu-item a {
|
|
font-size: 14px;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
.aside-container a[disabled] {
|
|
color: #ccc;
|
|
}
|
|
.aside-container .menu-item-link-outside {
|
|
position: relative;
|
|
}
|
|
.aside-container .menu-item-link-outside .anticon {
|
|
font-size: 12px;
|
|
color: #999;
|
|
opacity: 0;
|
|
position: absolute;
|
|
right: -4px;
|
|
top: 16px;
|
|
-webkit-transition: all .3s;
|
|
transition: all .3s;
|
|
}
|
|
.aside-container .menu-item-link-outside:hover .anticon {
|
|
opacity: 1;
|
|
}
|
|
.aside-container .chinese {
|
|
font-size: 12px;
|
|
margin-left: 6px;
|
|
font-weight: normal;
|
|
opacity: .67;
|
|
}
|
|
.outside-link {
|
|
display: inline-block;
|
|
}
|
|
.outside-link:after {
|
|
content: '\E691';
|
|
font-family: 'anticon';
|
|
margin-left: 5px;
|
|
font-size: 12px;
|
|
color: #aaa;
|
|
}
|
|
.outside-link.internal {
|
|
display: none;
|
|
}
|
|
.page-wrapper {
|
|
background: #ECECEC;
|
|
}
|
|
#header {
|
|
-webkit-transition: opacity 0.5s;
|
|
transition: opacity 0.5s;
|
|
background: #fff;
|
|
border-bottom: 1px solid #eee;
|
|
height: 80px;
|
|
margin-bottom: 24px;
|
|
padding: 0 48px;
|
|
width: 100%;
|
|
}
|
|
#header.home-nav-bottom {
|
|
background: rgba(255, 255, 255, 0.9);
|
|
border-bottom-color: #EBEDEE;
|
|
}
|
|
#header.home-nav-bottom .search {
|
|
border-left-color: #EBEDEE;
|
|
}
|
|
#header.home-nav-bottom a {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
#logo {
|
|
float: left;
|
|
height: 80px;
|
|
line-height: 80px;
|
|
}
|
|
#logo img {
|
|
height: 80px;
|
|
line-height: 80px;
|
|
width: 40px;
|
|
margin-right: 8px;
|
|
}
|
|
#logo span {
|
|
float: right;
|
|
font-size: 16px;
|
|
font-family: 'Raleway', 'Hiragino Sans GB', sans-serif;
|
|
height: 80px;
|
|
line-height: 80px;
|
|
text-transform: uppercase;
|
|
}
|
|
#search-box {
|
|
border-left: 1px solid #EBEDEE;
|
|
float: left;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
padding-left: 30px;
|
|
margin: 29px auto 0;
|
|
}
|
|
#search-box .ant-select {
|
|
font-size: 14px;
|
|
margin-top: -3px;
|
|
width: 230px;
|
|
}
|
|
#search-box .ant-select-selection {
|
|
border: 0;
|
|
box-shadow: none;
|
|
}
|
|
.lang {
|
|
float: right;
|
|
margin-top: 29px;
|
|
margin-left: 12px;
|
|
}
|
|
#nav {
|
|
border: 0;
|
|
float: right;
|
|
font-size: 14px;
|
|
font-family: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
|
|
}
|
|
#nav li {
|
|
height: 80px;
|
|
line-height: 80px;
|
|
min-width: 72px;
|
|
text-align: center;
|
|
border-bottom-width: 3px;
|
|
}
|
|
#nav li.ant-menu-item-selected a {
|
|
color: #108ee9;
|
|
font-weight: bold;
|
|
}
|
|
.component-select.ant-select-dropdown {
|
|
border: 0;
|
|
border-radius: 0;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
|
|
font-size: 14px;
|
|
}
|
|
.component-select .ant-select-dropdown-menu {
|
|
max-height: 200px;
|
|
}
|
|
.component-select .ant-select-dropdown-menu-item {
|
|
border-radius: 0 !important;
|
|
}
|
|
.component-select .ant-component-decs {
|
|
font-size: 12px;
|
|
position: absolute;
|
|
top: 9px;
|
|
color: #aaa;
|
|
right: 16px;
|
|
}
|
|
footer {
|
|
clear: both;
|
|
border-top: 1px solid #eee;
|
|
font-size: 12px;
|
|
background: #fff;
|
|
position: relative;
|
|
z-index: 1;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
box-shadow: 0 1000px 0 1000px #fff;
|
|
}
|
|
footer ul {
|
|
overflow: hidden;
|
|
margin: 0 2%;
|
|
list-style: none;
|
|
}
|
|
footer ul li {
|
|
float: left;
|
|
width: 25%;
|
|
padding: 24px 2%;
|
|
}
|
|
footer ul li > h2 {
|
|
font-size: 14px;
|
|
margin: 0 auto 8px;
|
|
font-weight: 500;
|
|
}
|
|
footer ul li > div {
|
|
margin: 0 8px 5px 0;
|
|
}
|
|
.banner-wrapper {
|
|
position: relative;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
background: url("https://os.alipayobjects.com/rmsportal/GhjqstwSgxBXrZS.png") no-repeat center / cover;
|
|
}
|
|
.banner-text-wrapper {
|
|
position: absolute;
|
|
left: 13%;
|
|
top: 53%;
|
|
color: #fff;
|
|
text-align: right;
|
|
font-family: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
|
|
}
|
|
.banner-text-wrapper h2 {
|
|
font-size: 40px;
|
|
font-weight: normal;
|
|
font-family: 'Raleway', 'Hiragino Sans GB';
|
|
white-space: nowrap;
|
|
}
|
|
.banner-text-wrapper h2 p {
|
|
color: #FF3171;
|
|
display: inline-block;
|
|
}
|
|
.banner-text-wrapper .line {
|
|
width: 0.8px;
|
|
height: 76px;
|
|
position: absolute;
|
|
background: rgba(255, 255, 255, 0.44);
|
|
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.03));
|
|
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.03));
|
|
top: 16px;
|
|
right: -25px;
|
|
}
|
|
.banner-text-wrapper > p {
|
|
margin: 10px auto 24px;
|
|
font-size: 16px;
|
|
}
|
|
.banner-text-wrapper .start-button {
|
|
margin-bottom: 24px;
|
|
text-align: right;
|
|
}
|
|
.banner-text-wrapper .start-button > a {
|
|
display: inline-block;
|
|
height: 40px;
|
|
padding: 0 16px;
|
|
border-radius: 4px;
|
|
border: 1px solid #0ae;
|
|
color: #0ae;
|
|
font-size: 15px;
|
|
background: transparent;
|
|
-webkit-transition: box-shadow 0.45s ease-out;
|
|
transition: box-shadow 0.45s ease-out;
|
|
text-align: center;
|
|
line-height: 36px;
|
|
margin-left: 8px;
|
|
}
|
|
.banner-text-wrapper .start-button > a:hover {
|
|
box-shadow: 0 0 10px #0ae;
|
|
}
|
|
.banner-text-wrapper .github-btn {
|
|
float: right;
|
|
line-height: 14px;
|
|
text-align: left;
|
|
}
|
|
.banner-text-wrapper .github-btn a:hover {
|
|
color: #333;
|
|
}
|
|
.down {
|
|
text-align: center;
|
|
position: absolute;
|
|
bottom: 30px;
|
|
color: rgba(255, 255, 255, 0.75);
|
|
left: 50%;
|
|
margin-left: -7px;
|
|
}
|
|
.page {
|
|
min-height: 700px;
|
|
height: 100vh;
|
|
}
|
|
.content-wrapper {
|
|
width: 100%;
|
|
max-width: 1500px;
|
|
margin: auto;
|
|
overflow: hidden;
|
|
background: #fff;
|
|
}
|
|
.content-wrapper .image-wrapper {
|
|
width: 65%;
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
.content-wrapper .text-wrapper {
|
|
width: 35%;
|
|
float: left;
|
|
position: relative;
|
|
top: 20%;
|
|
left: -30px;
|
|
font-family: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
|
|
z-index: 1;
|
|
}
|
|
.content-wrapper .text-wrapper h2,
|
|
.content-wrapper .text-wrapper-bottom h2 {
|
|
font-size: 32px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
font-weight: normal;
|
|
white-space: nowrap;
|
|
}
|
|
.content-wrapper .text-wrapper p {
|
|
margin: 10px 0 20px;
|
|
font-size: 16px;
|
|
line-height: 28px;
|
|
color: #999999;
|
|
}
|
|
.content-wrapper .left-text {
|
|
padding-left: 10%;
|
|
}
|
|
.image1 {
|
|
background: url("https://t.alipayobjects.com/images/T1Ch8kXfpdXXXXXXXX.png") no-repeat right / 841px;
|
|
height: 511px;
|
|
top: 50%;
|
|
margin-top: -256px;
|
|
}
|
|
.image2 {
|
|
background: url("https://t.alipayobjects.com/images/T1r5RkXotXXXXXXXXX.png") no-repeat left / 800px;
|
|
height: 474px;
|
|
top: 50%;
|
|
margin-top: -266px;
|
|
}
|
|
.image3 {
|
|
padding-right: 10%;
|
|
background: url("https://t.alipayobjects.com/images/T1nx0kXdFfXXXXXXXX.png") no-repeat right / 639px;
|
|
background-origin: content-box;
|
|
height: 500px;
|
|
top: 50%;
|
|
margin-top: -250px;
|
|
}
|
|
.image4 {
|
|
background: url("https://t.alipayobjects.com/images/T1lyJkXg4aXXXXXXXX.png") no-repeat center / 615px;
|
|
height: 364px;
|
|
margin: auto;
|
|
}
|
|
.text-wrapper-bottom {
|
|
text-align: center;
|
|
margin: 10% auto 40px;
|
|
}
|
|
.text-wrapper-bottom p {
|
|
margin: 20px auto;
|
|
font-size: 16px;
|
|
line-height: 28px;
|
|
color: #999;
|
|
}
|
|
.prev-next-nav {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
font-size: 16px;
|
|
border-top: 1px solid #e9e9e9;
|
|
}
|
|
.prev-next-nav > .prev-page,
|
|
.prev-next-nav > .next-page {
|
|
padding: 0 24px;
|
|
width: 50%;
|
|
float: left;
|
|
line-height: 72px;
|
|
height: 72px;
|
|
}
|
|
.prev-next-nav > a.prev-page:before {
|
|
font-family: 'anticon';
|
|
content: '\E620';
|
|
font-size: 12px;
|
|
margin-right: 1em;
|
|
}
|
|
.prev-next-nav > .next-page {
|
|
text-align: right;
|
|
float: right;
|
|
}
|
|
.prev-next-nav > a.next-page:after {
|
|
font-family: 'anticon';
|
|
content: '\E61F';
|
|
font-size: 12px;
|
|
margin-left: 1em;
|
|
}
|
|
.markdown {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
font-size: 14px;
|
|
line-height: 1.8;
|
|
}
|
|
.highlight {
|
|
line-height: 1.5;
|
|
}
|
|
.markdown img {
|
|
vertical-align: middle;
|
|
max-width: 100%;
|
|
}
|
|
.markdown h1 {
|
|
color: rgba(0, 0, 0, 0.75);
|
|
font-weight: 500;
|
|
line-height: 40px;
|
|
margin-bottom: 24px;
|
|
margin-top: 8px;
|
|
font-family: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
|
|
}
|
|
.markdown h1 .subtitle {
|
|
font-weight: normal;
|
|
font-size: 90%;
|
|
margin-left: 12px;
|
|
}
|
|
.markdown h2,
|
|
.markdown h3,
|
|
.markdown h4,
|
|
.markdown h5,
|
|
.markdown h6 {
|
|
color: rgba(0, 0, 0, 0.75);
|
|
font-family: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
|
|
margin: 1.6em 0 0.6em 0;
|
|
font-weight: 500;
|
|
clear: both;
|
|
}
|
|
.markdown h1 {
|
|
font-size: 28px;
|
|
}
|
|
.markdown h2 {
|
|
font-size: 22px;
|
|
}
|
|
.markdown h3 {
|
|
font-size: 18px;
|
|
}
|
|
.markdown h4 {
|
|
font-size: 16px;
|
|
}
|
|
.markdown h5 {
|
|
font-size: 14px;
|
|
}
|
|
.markdown h6 {
|
|
font-size: 12px;
|
|
}
|
|
.markdown hr {
|
|
height: 1px;
|
|
border: 0;
|
|
background: #e9e9e9;
|
|
margin: 16px 0;
|
|
clear: both;
|
|
}
|
|
.markdown p,
|
|
.markdown pre {
|
|
margin: 1em 0;
|
|
}
|
|
.markdown ul > li {
|
|
list-style: circle;
|
|
}
|
|
.markdown ul > li:empty {
|
|
display: none;
|
|
}
|
|
.markdown > ul li,
|
|
.markdown blockquote ul > li {
|
|
margin-left: 20px;
|
|
padding-left: 4px;
|
|
}
|
|
.markdown > ul li > p,
|
|
.markdown > ol li > p {
|
|
margin: 0.2em 0;
|
|
}
|
|
.markdown ol > li {
|
|
list-style: decimal;
|
|
}
|
|
.markdown > ol li,
|
|
.markdown blockquote ol > li {
|
|
margin-left: 20px;
|
|
padding-left: 4px;
|
|
}
|
|
.markdown code {
|
|
margin: 0 1px;
|
|
background: #f7f7f7;
|
|
padding: .2em .4em;
|
|
border-radius: 3px;
|
|
font-size: .9em;
|
|
border: 1px solid #eee;
|
|
}
|
|
.markdown pre {
|
|
border-radius: 4px;
|
|
background: #f7f7f7;
|
|
font-family: "Lucida Console", Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
|
}
|
|
.markdown pre code {
|
|
border: none;
|
|
background: #f7f7f7;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 13px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
overflow: auto;
|
|
}
|
|
.markdown strong,
|
|
.markdown b {
|
|
font-weight: 600;
|
|
}
|
|
.markdown > table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0px;
|
|
empty-cells: show;
|
|
border: 1px solid #e9e9e9;
|
|
width: 100%;
|
|
margin: 16px 0;
|
|
}
|
|
.markdown > table th {
|
|
white-space: nowrap;
|
|
color: #5C6B77;
|
|
font-weight: 600;
|
|
}
|
|
.markdown > table th,
|
|
.markdown > table td {
|
|
border: 1px solid #e9e9e9;
|
|
padding: 8px 16px;
|
|
text-align: left;
|
|
}
|
|
.markdown > table th {
|
|
background: #F7F7F7;
|
|
}
|
|
.markdown blockquote {
|
|
font-size: 90%;
|
|
color: #999;
|
|
border-left: 4px solid #e9e9e9;
|
|
padding-left: 0.8em;
|
|
margin: 1em 0;
|
|
}
|
|
.markdown blockquote p {
|
|
margin: 0;
|
|
}
|
|
.markdown .anchor {
|
|
opacity: 0;
|
|
-webkit-transition: opacity 0.3s ease;
|
|
transition: opacity 0.3s ease;
|
|
margin-left: 8px;
|
|
}
|
|
.markdown .waiting {
|
|
color: #ccc;
|
|
cursor: not-allowed;
|
|
}
|
|
.markdown a.edit-button {
|
|
line-height: 12px;
|
|
display: inline-block;
|
|
margin-left: 10px;
|
|
height: 12px;
|
|
}
|
|
.markdown a.edit-button i {
|
|
color: #999;
|
|
}
|
|
.markdown a.edit-button i:hover {
|
|
color: #108ee9;
|
|
}
|
|
.markdown a.edit-button .anticon {
|
|
display: block;
|
|
font-size: 16px;
|
|
}
|
|
.markdown h1:hover .anchor,
|
|
.markdown h2:hover .anchor,
|
|
.markdown h3:hover .anchor,
|
|
.markdown h4:hover .anchor,
|
|
.markdown h5:hover .anchor,
|
|
.markdown h6:hover .anchor {
|
|
opacity: 1;
|
|
display: inline-block;
|
|
}
|
|
.markdown > br,
|
|
.markdown > p > br {
|
|
clear: both;
|
|
}
|
|
.markdown.api-container table {
|
|
font-size: 13px;
|
|
}
|
|
.markdown.api-container table td:first-child {
|
|
background: #fcfcfc;
|
|
font-weight: 500;
|
|
width: 20%;
|
|
font-family: "Lucida Console", Consolas, Menlo, Courier, monospace;
|
|
}
|
|
.markdown.api-container table td:nth-child(3) {
|
|
width: 22%;
|
|
font-size: 12px;
|
|
font-family: "Lucida Console", Consolas, Menlo, Courier, monospace;
|
|
}
|
|
.markdown.api-container table td:last-child {
|
|
width: 13%;
|
|
font-size: 12px;
|
|
font-family: "Lucida Console", Consolas, Menlo, Courier, monospace;
|
|
}
|
|
.grid-demo .demo-row,
|
|
[id^="components-grid-demo-"] .demo-row,
|
|
.grid-demo .code-box-demo .demo-row,
|
|
[id^="components-grid-demo-"] .code-box-demo .demo-row {
|
|
background-image: -webkit-linear-gradient(left, #F5F5F5 4.16666667%, transparent 4.16666667%, transparent 8.33333333%, #F5F5F5 8.33333333%, #F5F5F5 12.5%, transparent 12.5%, transparent 16.66666667%, #F5F5F5 16.66666667%, #F5F5F5 20.83333333%, transparent 20.83333333%, transparent 25%, #F5F5F5 25%, #F5F5F5 29.16666667%, transparent 29.16666667%, transparent 33.33333333%, #F5F5F5 33.33333333%, #F5F5F5 37.5%, transparent 37.5%, transparent 41.66666667%, #F5F5F5 41.66666667%, #F5F5F5 45.83333333%, transparent 45.83333333%, transparent 50%, #F5F5F5 50%, #F5F5F5 54.16666667%, transparent 54.16666667%, transparent 58.33333333%, #F5F5F5 58.33333333%, #F5F5F5 62.5%, transparent 62.5%, transparent 66.66666667%, #F5F5F5 66.66666667%, #F5F5F5 70.83333333%, transparent 70.83333333%, transparent 75%, #F5F5F5 75%, #F5F5F5 79.16666667%, transparent 79.16666667%, transparent 83.33333333%, #F5F5F5 83.33333333%, #F5F5F5 87.5%, transparent 87.5%, transparent 91.66666667%, #F5F5F5 91.66666667%, #F5F5F5 95.83333333%, transparent 95.83333333%);
|
|
background-image: linear-gradient(90deg, #F5F5F5 4.16666667%, transparent 4.16666667%, transparent 8.33333333%, #F5F5F5 8.33333333%, #F5F5F5 12.5%, transparent 12.5%, transparent 16.66666667%, #F5F5F5 16.66666667%, #F5F5F5 20.83333333%, transparent 20.83333333%, transparent 25%, #F5F5F5 25%, #F5F5F5 29.16666667%, transparent 29.16666667%, transparent 33.33333333%, #F5F5F5 33.33333333%, #F5F5F5 37.5%, transparent 37.5%, transparent 41.66666667%, #F5F5F5 41.66666667%, #F5F5F5 45.83333333%, transparent 45.83333333%, transparent 50%, #F5F5F5 50%, #F5F5F5 54.16666667%, transparent 54.16666667%, transparent 58.33333333%, #F5F5F5 58.33333333%, #F5F5F5 62.5%, transparent 62.5%, transparent 66.66666667%, #F5F5F5 66.66666667%, #F5F5F5 70.83333333%, transparent 70.83333333%, transparent 75%, #F5F5F5 75%, #F5F5F5 79.16666667%, transparent 79.16666667%, transparent 83.33333333%, #F5F5F5 83.33333333%, #F5F5F5 87.5%, transparent 87.5%, transparent 91.66666667%, #F5F5F5 91.66666667%, #F5F5F5 95.83333333%, transparent 95.83333333%);
|
|
overflow: hidden;
|
|
margin-bottom: 8px;
|
|
}
|
|
.grid-demo .ant-row-flex,
|
|
[id^="components-grid-demo-"] .ant-row-flex,
|
|
.grid-demo .code-box-demo .ant-row-flex,
|
|
[id^="components-grid-demo-"] .code-box-demo .ant-row-flex {
|
|
background: #F5F5F5;
|
|
}
|
|
.grid-demo .ant-row > div,
|
|
[id^="components-grid-demo-"] .ant-row > div,
|
|
.grid-demo .code-box-demo .ant-row > div,
|
|
[id^="components-grid-demo-"] .code-box-demo .ant-row > div,
|
|
.grid-demo .ant-row-flex > div,
|
|
[id^="components-grid-demo-"] .ant-row-flex > div,
|
|
.grid-demo .code-box-demo .ant-row-flex > div,
|
|
[id^="components-grid-demo-"] .code-box-demo .ant-row-flex > div {
|
|
padding: 5px 0;
|
|
text-align: center;
|
|
border-radius: 0;
|
|
min-height: 30px;
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
color: #fff;
|
|
}
|
|
.grid-demo .code-box-demo .ant-row > div:not(.gutter-row),
|
|
[id^="components-grid-demo-"] .code-box-demo .ant-row > div:not(.gutter-row),
|
|
.grid-demo .code-box-demo .ant-row-flex > div:not(.gutter-row),
|
|
[id^="components-grid-demo-"] .code-box-demo .ant-row-flex > div:not(.gutter-row) {
|
|
background: #00A0E9;
|
|
padding: 16px 0;
|
|
}
|
|
.grid-demo .code-box-demo .ant-row > div:not(.gutter-row):nth-child(2n+1),
|
|
[id^="components-grid-demo-"] .code-box-demo .ant-row > div:not(.gutter-row):nth-child(2n+1),
|
|
.grid-demo .code-box-demo .ant-row-flex > div:not(.gutter-row):nth-child(2n+1),
|
|
[id^="components-grid-demo-"] .code-box-demo .ant-row-flex > div:not(.gutter-row):nth-child(2n+1) {
|
|
background: rgba(0, 160, 233, 0.7);
|
|
}
|
|
.grid-demo .ant-row .demo-col,
|
|
[id^="components-grid-demo-"] .ant-row .demo-col,
|
|
.grid-demo .code-box-demo .ant-row .demo-col,
|
|
[id^="components-grid-demo-"] .code-box-demo .ant-row .demo-col {
|
|
text-align: center;
|
|
padding: 30px 0;
|
|
color: #fff;
|
|
font-size: 18px;
|
|
border: none;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.grid-demo .ant-row .demo-col-1,
|
|
[id^="components-grid-demo-"] .ant-row .demo-col-1,
|
|
.grid-demo .ant-row .demo-col-1,
|
|
[id^="components-grid-demo-"] .ant-row .demo-col-1 {
|
|
background: rgba(0, 160, 233, 0.7);
|
|
}
|
|
.grid-demo .ant-row .demo-col-2,
|
|
[id^="components-grid-demo-"] .ant-row .demo-col-2,
|
|
.grid-demo .code-box-demo .ant-row .demo-col-2,
|
|
[id^="components-grid-demo-"] .code-box-demo .ant-row .demo-col-2 {
|
|
background: rgba(0, 160, 233, 0.5);
|
|
}
|
|
.grid-demo .ant-row .demo-col-3,
|
|
[id^="components-grid-demo-"] .ant-row .demo-col-3,
|
|
.grid-demo .code-box-demo .ant-row .demo-col-3,
|
|
[id^="components-grid-demo-"] .code-box-demo .ant-row .demo-col-3 {
|
|
background: rgba(255, 255, 255, 0.2);
|
|
color: #999;
|
|
}
|
|
.grid-demo .ant-row .demo-col-4,
|
|
[id^="components-grid-demo-"] .ant-row .demo-col-4,
|
|
.grid-demo .code-box-demo .ant-row .demo-col-4,
|
|
[id^="components-grid-demo-"] .code-box-demo .ant-row .demo-col-4 {
|
|
background: rgba(0, 160, 233, 0.6);
|
|
}
|
|
.grid-demo .ant-row .demo-col-5,
|
|
[id^="components-grid-demo-"] .ant-row .demo-col-5,
|
|
.grid-demo .code-box-demo .ant-row .demo-col-5,
|
|
[id^="components-grid-demo-"] .code-box-demo .ant-row .demo-col-5 {
|
|
background: rgba(255, 255, 255, 0.5);
|
|
color: #999;
|
|
}
|
|
.grid-demo .code-box-demo .height-100,
|
|
[id^="components-grid-demo-"] .code-box-demo .height-100 {
|
|
height: 100px;
|
|
line-height: 100px;
|
|
}
|
|
.grid-demo .code-box-demo .height-50,
|
|
[id^="components-grid-demo-"] .code-box-demo .height-50 {
|
|
height: 50px;
|
|
line-height: 50px;
|
|
}
|
|
.grid-demo .code-box-demo .height-120,
|
|
[id^="components-grid-demo-"] .code-box-demo .height-120 {
|
|
height: 120px;
|
|
line-height: 120px;
|
|
}
|
|
.grid-demo .code-box-demo .height-80,
|
|
[id^="components-grid-demo-"] .code-box-demo .height-80 {
|
|
height: 80px;
|
|
line-height: 80px;
|
|
}
|
|
.markdown ul.ant-timeline li.ant-timeline-item {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0 0 30px 0;
|
|
}
|
|
.markdown ul.ant-timeline li.ant-timeline-item .ant-timeline-item-content {
|
|
font-size: 14px;
|
|
padding-left: 32px;
|
|
position: relative;
|
|
top: -14px;
|
|
}
|
|
.markdown ul.ant-timeline li.ant-timeline-item .ant-timeline-item-content > h2 {
|
|
margin-top: 0;
|
|
padding-top: 0.5px;
|
|
}
|
|
.markdown ul.ant-timeline li.ant-timeline-item:first-child {
|
|
margin-top: 40px;
|
|
}
|
|
.resource-cards {
|
|
width: 100%;
|
|
}
|
|
.resource-card {
|
|
max-width: 350px;
|
|
width: 40%;
|
|
min-width: 300px;
|
|
height: 130px;
|
|
border: 1px solid #e9e9e9;
|
|
border-radius: 4px;
|
|
font-size: 12px;
|
|
color: #777;
|
|
display: inline-block;
|
|
margin: 20px 40px 10px 0;
|
|
vertical-align: middle;
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.resource-card:hover {
|
|
box-shadow: 0 3px 8px #d3ddeb;
|
|
border-color: transparent;
|
|
}
|
|
.resource-card:hover .resource-card-title {
|
|
color: #108ee9;
|
|
}
|
|
.resource-card.disabled {
|
|
opacity: 0.45;
|
|
pointer-events: none;
|
|
}
|
|
.resource-card img {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 50px;
|
|
margin: 0 20px 0 24px;
|
|
position: absolute;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
.resource-card-content {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
position: absolute;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
margin-left: 92px;
|
|
}
|
|
.resource-card-title {
|
|
display: block;
|
|
font-size: 16px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
line-height: 1.2;
|
|
margin-bottom: 6px;
|
|
}
|
|
.resource-card-description {
|
|
display: block;
|
|
color: #999;
|
|
padding-right: 8px;
|
|
}
|
|
.nav-phone-icon {
|
|
display: none;
|
|
position: absolute;
|
|
right: 30px;
|
|
top: 32px;
|
|
z-index: 1;
|
|
width: 16px;
|
|
height: 22px;
|
|
cursor: pointer;
|
|
}
|
|
@media only screen and (min-width: 320px) and (max-width: 1200px) {
|
|
#search-box {
|
|
display: none;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 320px) and (max-width: 1024px) {
|
|
.code-boxes-col-2-1,
|
|
.code-boxes-col-1-1 {
|
|
float: none;
|
|
width: 100%;
|
|
padding: 0!important;
|
|
}
|
|
.preview-image-boxes {
|
|
margin: 0!important;
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
.preview-image-box {
|
|
padding-left: 0;
|
|
margin: 10px 0;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 320px) and (max-width: 1024px) {
|
|
#search-box {
|
|
display: none;
|
|
}
|
|
a#logo {
|
|
width: 150px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
float: none;
|
|
display: block;
|
|
}
|
|
.banner-entry {
|
|
position: relative;
|
|
top: 30px;
|
|
left: 0;
|
|
text-align: center;
|
|
}
|
|
.image-wrapper {
|
|
display: none;
|
|
}
|
|
.banner-wrapper {
|
|
background-position: 40%;
|
|
}
|
|
.content-wrapper .text-wrapper {
|
|
float: none;
|
|
text-align: center;
|
|
left: 0;
|
|
width: 100%;
|
|
padding: 0;
|
|
}
|
|
.content-wrapper .text-wrapper > p {
|
|
max-width: 100% !important;
|
|
padding: 0 40px;
|
|
}
|
|
.content-wrapper.page {
|
|
min-height: 300px;
|
|
height: 300px;
|
|
}
|
|
.banner-text-wrapper {
|
|
left: 50%;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
text-align: center;
|
|
}
|
|
.banner-text-wrapper .start-button {
|
|
text-align: center;
|
|
}
|
|
.banner-text-wrapper .start-button > a {
|
|
margin: 0 4px;
|
|
}
|
|
.banner-text-wrapper .github-btn {
|
|
text-align: center;
|
|
float: none;
|
|
display: inline-block;
|
|
}
|
|
.banner-text-wrapper .line {
|
|
display: none;
|
|
}
|
|
button.lang {
|
|
display: block;
|
|
margin: 29px auto 16px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
border-color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.popover-menu {
|
|
width: 300px;
|
|
}
|
|
.popover-menu button.lang {
|
|
margin: 16px auto;
|
|
float: none;
|
|
}
|
|
.popover-menu .ant-popover-inner {
|
|
overflow: hidden;
|
|
}
|
|
.popover-menu .ant-popover-inner-content {
|
|
padding: 0;
|
|
}
|
|
ul#nav,
|
|
ul#nav li {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
}
|
|
ul#nav li {
|
|
line-height: 60px;
|
|
height: 60px;
|
|
padding: 0 !important;
|
|
border: 0;
|
|
}
|
|
ul#nav li a {
|
|
color: #333;
|
|
}
|
|
.toc {
|
|
display: none;
|
|
}
|
|
.nav-phone-icon {
|
|
display: block;
|
|
}
|
|
.nav-phone-icon:before {
|
|
content: "";
|
|
display: block;
|
|
border-radius: 2px;
|
|
width: 16px;
|
|
height: 2px;
|
|
background: #777;
|
|
box-shadow: 0 6px 0 0 #777, 0 12px 0 0 #777;
|
|
position: absolute;
|
|
}
|
|
.main {
|
|
height: calc(14%);
|
|
}
|
|
.aside-container {
|
|
float: none;
|
|
width: auto;
|
|
padding-bottom: 30px;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
margin-bottom: 30px;
|
|
}
|
|
.main-container {
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
margin-left: 0;
|
|
}
|
|
.main-container > .markdown > * {
|
|
width: 100%!important;
|
|
}
|
|
.main-wrapper {
|
|
width: 100%;
|
|
border-radius: 0;
|
|
margin: 0;
|
|
}
|
|
footer {
|
|
text-align: center;
|
|
}
|
|
footer ul li {
|
|
float: none;
|
|
width: auto;
|
|
}
|
|
}
|
|
.preview-image-boxes {
|
|
float: right;
|
|
margin: 0 0 70px 20px;
|
|
width: 608px;
|
|
clear: both;
|
|
}
|
|
.preview-image-boxes-with-carousel {
|
|
width: 420px;
|
|
}
|
|
.preview-image-boxes-with-carousel .preview-image-box img {
|
|
padding: 0;
|
|
}
|
|
.preview-image-boxes + .preview-image-boxes {
|
|
margin-top: -35px;
|
|
}
|
|
.preview-image-box {
|
|
width: 100%;
|
|
float: left;
|
|
padding: 0 8px;
|
|
}
|
|
.preview-image-wrapper {
|
|
background: #f4f4f4;
|
|
padding: 16px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
.preview-image-wrapper.video {
|
|
padding: 0;
|
|
background: 0;
|
|
display: block;
|
|
}
|
|
.preview-image-wrapper video {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
.preview-image-wrapper video + svg {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.preview-image-wrapper.good:after {
|
|
content: '';
|
|
width: 100%;
|
|
height: 3px;
|
|
background: #108ee9;
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
.preview-image-wrapper.bad:after {
|
|
content: '';
|
|
width: 100%;
|
|
height: 3px;
|
|
background: #f50;
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
.preview-image-title {
|
|
font-size: 12px;
|
|
margin-top: 5px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.preview-image-description {
|
|
font-size: 12px;
|
|
margin-top: 2px;
|
|
color: #999;
|
|
line-height: 1.5;
|
|
}
|
|
.preview-image-description hr {
|
|
margin: 2px 0;
|
|
border: 0;
|
|
background: none;
|
|
}
|
|
.preview-image-box img {
|
|
cursor: pointer;
|
|
max-width: 100%;
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
background: #fff;
|
|
padding: 12px;
|
|
border-radius: 4px;
|
|
}
|
|
.preview-image-box img.no-padding {
|
|
padding: 0;
|
|
background: none;
|
|
}
|
|
.preview-image-boxes.pack img {
|
|
padding: 0;
|
|
box-shadow: 0 1px 0 0 #ddd, 0 3px 0 0 #fff, 0 4px 0 0 #ddd, 0 6px 0 0 #fff, 0 7px 0 0 #ddd;
|
|
}
|
|
.preview-image-box img:hover {
|
|
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.image-modal {
|
|
text-align: center;
|
|
}
|
|
.image-modal-container {
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
.image-modal .ant-carousel .slick-slider {
|
|
padding-bottom: 24px;
|
|
}
|
|
.image-modal .ant-carousel .slick-slider img {
|
|
display: inline;
|
|
max-width: 100%;
|
|
}
|
|
.image-modal .ant-carousel .slick-dots {
|
|
text-align: left;
|
|
bottom: -10px;
|
|
}
|
|
.image-modal .ant-carousel .slick-dots li {
|
|
margin: 0;
|
|
}
|
|
.image-modal .image-modal-single.slick-slider {
|
|
padding-bottom: 0;
|
|
}
|
|
.image-modal .image-modal-single .slick-dots {
|
|
display: none!important;
|
|
}
|
|
.transition-video-player {
|
|
float: right;
|
|
padding: 0 0 70px 20px;
|
|
width: 600px;
|
|
}
|
|
.transition-video-player .preview-image-wrapper {
|
|
padding: 0;
|
|
}
|
|
.toc {
|
|
font-size: 14px;
|
|
margin: 24px 0;
|
|
border-left: 1px solid #e9e9e9;
|
|
list-style: none;
|
|
}
|
|
.markdown .toc {
|
|
background: #fbfbfb;
|
|
border-left: 2px solid #eee;
|
|
}
|
|
.toc > ul {
|
|
padding: 8px 0;
|
|
list-style: none;
|
|
}
|
|
.toc > ul li {
|
|
list-style: none;
|
|
}
|
|
.toc li > ul {
|
|
text-indent: 8px;
|
|
font-size: 12px;
|
|
display: none;
|
|
}
|
|
.toc a {
|
|
padding-left: 16px;
|
|
display: block;
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
.toc a:hover {
|
|
color: #108ee9;
|
|
}
|
|
.toc a.current {
|
|
border-color: #108ee9;
|
|
color: #108ee9;
|
|
}
|
|
.toc-affix {
|
|
position: absolute;
|
|
top: 8px;
|
|
right: 20px;
|
|
}
|
|
.demos-anchor {
|
|
color: #aaa;
|
|
font-size: 12px;
|
|
margin-top: -4px;
|
|
}
|
|
.demos-anchor a {
|
|
padding-left: 8px;
|
|
display: block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
max-width: 110px;
|
|
}
|
|
#page-404 {
|
|
background-image: url('https://os.alipayobjects.com/rmsportal/NOAjOBbnYCrNzrW.jpg');
|
|
width: 100%;
|
|
height: 100%;
|
|
background-repeat: no-repeat;
|
|
background-attachment: fixed;
|
|
background-position: center;
|
|
background-size: 100%;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 100;
|
|
}
|
|
#page-404 section {
|
|
position: absolute;
|
|
top: 48%;
|
|
left: 55%;
|
|
margin: -103px 0 0 -120px;
|
|
text-align: center;
|
|
}
|
|
#page-404 h1 {
|
|
color: #108ee9;
|
|
font-size: 120px;
|
|
font-weight: 500;
|
|
}
|
|
#page-404 p {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
font-size: 18px;
|
|
}
|
|
/**
|
|
* prism.js default theme for JavaScript, CSS and HTML
|
|
* Based on dabblet (http://dabblet.com)
|
|
* @author Lea Verou
|
|
*/
|
|
pre code {
|
|
display: block;
|
|
background: white;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
line-height: 1.7;
|
|
border: 1px solid #e9e9e9;
|
|
padding: 10px 15px;
|
|
border-radius: 4px;
|
|
font-size: 13px;
|
|
white-space: pre;
|
|
font-family: "Lucida Console", Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
|
}
|
|
code[class*="language-"],
|
|
pre[class*="language-"] {
|
|
color: black;
|
|
background: none;
|
|
text-shadow: 0 1px white;
|
|
font-family: "Lucida Console", Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
|
direction: ltr;
|
|
text-align: left;
|
|
white-space: pre;
|
|
word-spacing: normal;
|
|
word-break: normal;
|
|
word-wrap: normal;
|
|
line-height: 1.5;
|
|
-moz-tab-size: 4;
|
|
-o-tab-size: 4;
|
|
tab-size: 4;
|
|
-webkit-hyphens: none;
|
|
-ms-hyphens: none;
|
|
hyphens: none;
|
|
}
|
|
pre[class*="language-"]::-moz-selection,
|
|
pre[class*="language-"] ::-moz-selection,
|
|
code[class*="language-"]::-moz-selection,
|
|
code[class*="language-"] ::-moz-selection {
|
|
text-shadow: none;
|
|
background: #b3d4fc;
|
|
}
|
|
pre[class*="language-"]::selection,
|
|
pre[class*="language-"] ::selection,
|
|
code[class*="language-"]::selection,
|
|
code[class*="language-"] ::selection {
|
|
text-shadow: none;
|
|
background: #b3d4fc;
|
|
}
|
|
@media print {
|
|
code[class*="language-"],
|
|
pre[class*="language-"] {
|
|
text-shadow: none;
|
|
}
|
|
}
|
|
/* Code blocks */
|
|
pre[class*="language-"] {
|
|
padding: 1em;
|
|
margin: 1.2em 0;
|
|
overflow: auto;
|
|
}
|
|
:not(pre) > code[class*="language-"],
|
|
pre[class*="language-"] {
|
|
background: #f7f7f7;
|
|
}
|
|
/* Inline code */
|
|
:not(pre) > code[class*="language-"] {
|
|
padding: .1em;
|
|
border-radius: .3em;
|
|
white-space: normal;
|
|
}
|
|
.token.comment,
|
|
.token.prolog,
|
|
.token.doctype,
|
|
.token.cdata {
|
|
color: slategray;
|
|
}
|
|
.token.punctuation {
|
|
color: #999;
|
|
}
|
|
.namespace {
|
|
opacity: .7;
|
|
}
|
|
.token.property,
|
|
.token.tag,
|
|
.token.boolean,
|
|
.token.number,
|
|
.token.constant,
|
|
.token.symbol,
|
|
.token.deleted {
|
|
color: #BB0606;
|
|
}
|
|
.token.selector,
|
|
.token.attr-name,
|
|
.token.string,
|
|
.token.char,
|
|
.token.builtin,
|
|
.token.inserted {
|
|
color: #690;
|
|
}
|
|
.token.operator,
|
|
.token.entity,
|
|
.token.url,
|
|
.language-css .token.string,
|
|
.style .token.string {
|
|
color: #690;
|
|
}
|
|
.token.atrule,
|
|
.token.attr-value,
|
|
.token.keyword {
|
|
color: #07a;
|
|
}
|
|
.token.function {
|
|
color: #DD4A68;
|
|
}
|
|
.token.regex,
|
|
.token.important,
|
|
.token.variable {
|
|
color: #e90;
|
|
}
|
|
.token.important,
|
|
.token.bold {
|
|
font-weight: bold;
|
|
}
|
|
.token.italic {
|
|
font-style: italic;
|
|
}
|
|
.token.entity {
|
|
cursor: help;
|
|
}
|
|
.code-box-expand-trigger {
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
color: #9199AC;
|
|
margin-left: 5px;
|
|
opacity: .8;
|
|
-webkit-transition: all .3s ease;
|
|
transition: all .3s ease;
|
|
top: -2px;
|
|
position: relative;
|
|
}
|
|
.code-box-expand-trigger-active {
|
|
color: #3B4357;
|
|
}
|
|
.code-boxes-col-1-1 {
|
|
width: 100%;
|
|
}
|
|
.code-boxes-col-2-1 {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.code-box {
|
|
border: 1px solid #e9e9e9;
|
|
border-radius: 4px;
|
|
display: inline-block;
|
|
width: 100%;
|
|
position: relative;
|
|
margin: 0px 0 16px 0px;
|
|
-webkit-transition: all 0.2s ease;
|
|
transition: all 0.2s ease;
|
|
}
|
|
.code-box:target {
|
|
border: 1px solid rgba(16, 142, 233, 0.7);
|
|
z-index: 10;
|
|
}
|
|
.code-box .code-box-title a,
|
|
.code-box .code-box-title a:hover {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
}
|
|
.code-box a.edit-button {
|
|
position: absolute;
|
|
right: -16px;
|
|
top: 7px;
|
|
font-size: 12px;
|
|
-webkit-transform: scale(0.9);
|
|
transform: scale(0.9);
|
|
background: #fff;
|
|
padding-right: 6px;
|
|
}
|
|
.code-box .code-box-demo {
|
|
border-bottom: 1px solid #e9e9e9;
|
|
padding: 42px 20px 50px;
|
|
}
|
|
.code-box iframe {
|
|
width: 100%;
|
|
border: 0;
|
|
}
|
|
.code-box-meta.markdown {
|
|
position: relative;
|
|
padding: 17px 16px 15px 20px;
|
|
border-radius: 0 0 6px 6px;
|
|
-webkit-transition: background-color 0.4s ease;
|
|
transition: background-color 0.4s ease;
|
|
width: 100%;
|
|
font-size: 12px;
|
|
}
|
|
.code-box-meta h4,
|
|
section.code-box-meta p {
|
|
margin: 4px 0;
|
|
width: 93%;
|
|
}
|
|
.code-box-meta blockquote {
|
|
margin: 0;
|
|
}
|
|
.code-box-title {
|
|
position: absolute;
|
|
top: -14px;
|
|
padding: 1px 8px;
|
|
margin-left: -8px;
|
|
color: #777;
|
|
border-radius: 4px;
|
|
border-top-left-radius: 0;
|
|
background: #fff;
|
|
-webkit-transition: background-color 0.4s ease;
|
|
transition: background-color 0.4s ease;
|
|
}
|
|
.code-box-meta > p {
|
|
font-size: 12px;
|
|
margin: 0.5em 0;
|
|
padding-right: 25px;
|
|
width: 100%;
|
|
word-break: break-word;
|
|
}
|
|
.code-box.expand .code-box-meta {
|
|
border-radius: 0;
|
|
border-bottom: 1px dashed #e9e9e9;
|
|
}
|
|
.code-box .collapse {
|
|
position: absolute;
|
|
right: 16px;
|
|
bottom: 17px;
|
|
cursor: pointer;
|
|
width: 18px;
|
|
height: 18px;
|
|
font-size: 18px;
|
|
line-height: 18px;
|
|
opacity: 0.5;
|
|
text-align: center;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
color: #999;
|
|
background: #fff;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border-radius: 100%;
|
|
}
|
|
.code-box.expand .collapse {
|
|
color: #0d72ba;
|
|
-webkit-transform: rotate(-180deg);
|
|
transform: rotate(-180deg);
|
|
}
|
|
.code-box .collapse:hover {
|
|
opacity: 1;
|
|
}
|
|
.code-box .highlight-wrapper {
|
|
display: none;
|
|
overflow: auto;
|
|
border-radius: 0 0 6px 6px;
|
|
}
|
|
.code-box .highlight-wrapper-expand {
|
|
display: block;
|
|
}
|
|
.code-box .highlight pre {
|
|
margin: 0;
|
|
padding: 0;
|
|
background: #fff;
|
|
}
|
|
.code-box .highlight:not(:first-child) {
|
|
border-top: 1px dashed #e9e9e9;
|
|
}
|
|
.code-box pre {
|
|
margin: 0;
|
|
width: auto;
|
|
}
|
|
.code-box pre code {
|
|
border: none;
|
|
background: #fff;
|
|
}
|
|
.code-box-demo .demo-header {
|
|
width: 100%;
|
|
background: #ebedee;
|
|
height: 30px;
|
|
}
|
|
.code-box-demo .demo-header ul {
|
|
float: right;
|
|
margin-right: 5px;
|
|
}
|
|
.code-box-demo .demo-header ul li {
|
|
width: 50px;
|
|
height: 30px;
|
|
float: left;
|
|
background: #e4e4e4;
|
|
margin-left: 5px;
|
|
}
|
|
.code-box-demo .demo-header ul li:before {
|
|
margin: 10px auto;
|
|
width: 20px;
|
|
height: 10px;
|
|
background: #ebeded;
|
|
}
|
|
.code-box-demo .demo-header .logo {
|
|
float: left;
|
|
margin: 0px auto 0 10px;
|
|
line-height: 32px;
|
|
}
|
|
.code-box-demo .demo-header .logo img {
|
|
margin: auto;
|
|
}
|
|
.code-box-demo .demo-header .logo span {
|
|
display: block;
|
|
float: right;
|
|
}
|
|
.code-box-demo .demo-content {
|
|
margin: 10px auto;
|
|
}
|
|
.code-box-demo .demo-content .demo-title {
|
|
text-align: left;
|
|
background: #a4a4a4;
|
|
width: 40%;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
color: #ebeded;
|
|
text-indent: 10px;
|
|
}
|
|
.code-box-demo .demo-content .demo-listBox {
|
|
margin-top: 10px;
|
|
}
|
|
.code-box-demo .demo-content .demo-listBox .demo-list .title {
|
|
height: 30px;
|
|
background: #cacaca;
|
|
overflow: hidden;
|
|
}
|
|
.code-box-demo .demo-content .demo-listBox .demo-list .title:before,
|
|
.code-box-demo .demo-content .demo-listBox .demo-list .title:after {
|
|
width: 30%;
|
|
height: 5px;
|
|
background: #ebeded;
|
|
float: left;
|
|
margin: 12px 35px 0;
|
|
}
|
|
.code-box-demo .demo-content .demo-listBox .demo-list .title:after {
|
|
width: 15%;
|
|
float: right;
|
|
margin: 12px 10px 0;
|
|
}
|
|
.code-box-demo .demo-content .demo-listBox .demo-list ul li {
|
|
height: 25px;
|
|
background: #ebeded;
|
|
border-bottom: 1px solid #cacaca;
|
|
overflow: hidden;
|
|
padding: 5px 15px;
|
|
}
|
|
.code-box-demo .demo-content .demo-listBox .demo-list ul li:before {
|
|
width: 10px;
|
|
height: 5px;
|
|
background: #cacaca;
|
|
float: left;
|
|
margin-top: 4px;
|
|
}
|
|
.code-box-demo .demo-content .demo-listBox .demo-list ul li:after {
|
|
width: 50%;
|
|
height: 5px;
|
|
background: #cacaca;
|
|
float: left;
|
|
margin-left: 10px;
|
|
margin-top: 4px;
|
|
}
|
|
.code-box-demo .demo-content .demo-kp {
|
|
margin: 10px auto;
|
|
}
|
|
.code-box-demo .demo-content .demo-kp ul li {
|
|
display: inline-block;
|
|
width: 32%;
|
|
height: 40px;
|
|
background: #cacaca;
|
|
color: #ebeded;
|
|
text-align: left;
|
|
padding: 10px;
|
|
margin-right: calc(2%);
|
|
}
|
|
.code-box-demo .demo-content .demo-kp ul li:last-child {
|
|
margin-right: 0%;
|
|
}
|
|
.code-box-demo .demo-content .demo-kp ul li:after {
|
|
width: 60%;
|
|
height: 5px;
|
|
background: #ebeded;
|
|
float: left;
|
|
margin-top: 7px;
|
|
}
|
|
.code-box-demo .demo-content .demo-kp ul li:before {
|
|
background: #ebeded;
|
|
float: left;
|
|
width: 15px;
|
|
height: 15px;
|
|
margin: 2px 10% 0 0;
|
|
}
|
|
.code-box-demo .demo-footer {
|
|
margin-top: 10px;
|
|
background: #cacaca;
|
|
height: 40px;
|
|
float: left;
|
|
width: 100%;
|
|
display: table;
|
|
}
|
|
.code-box-demo .demo-footer:before {
|
|
width: 60%;
|
|
height: 5px;
|
|
background: #ededed;
|
|
margin: 10px auto 0;
|
|
}
|
|
.code-box-demo .demo-footer:after {
|
|
width: 30%;
|
|
height: 5px;
|
|
background: #ededed;
|
|
margin: 5px auto;
|
|
}
|
|
.code-box-demo .demo-header ul li:before,
|
|
.code-box-demo .demo-content .demo-kp ul li:before,
|
|
.code-box-demo .demo-content .demo-kp ul li:after,
|
|
.code-box-demo .demo-content .demo-listBox .demo-list .title:before,
|
|
.code-box-demo .demo-content .demo-listBox .demo-list .title:after,
|
|
.code-box-demo .demo-content .demo-listBox .demo-list ul li:before,
|
|
.code-box-demo .demo-content .demo-listBox .demo-list ul li:after,
|
|
.code-box-demo .demo-footer:before,
|
|
.code-box-demo .demo-footer:after {
|
|
display: block;
|
|
content: "";
|
|
}
|
|
.code-box-demo .demo-header {
|
|
width: 100%;
|
|
background: #ebedee;
|
|
height: 30px;
|
|
}
|
|
.code-box-demo .demo-header ul {
|
|
float: right;
|
|
margin-right: 5px;
|
|
}
|
|
.code-box-demo .demo-header ul li {
|
|
width: 50px;
|
|
height: 30px;
|
|
float: left;
|
|
background: #e4e4e4;
|
|
margin-left: 5px;
|
|
}
|
|
.code-box-demo .demo-header ul li:before {
|
|
margin: 10px auto;
|
|
width: 20px;
|
|
height: 10px;
|
|
background: #ebeded;
|
|
}
|
|
.code-box-demo .demo-header .logo {
|
|
float: left;
|
|
margin: 0px auto 0 10px;
|
|
line-height: 32px;
|
|
}
|
|
.code-box-demo .demo-header .logo img {
|
|
margin: auto;
|
|
}
|
|
.code-box-demo .demo-header .logo span {
|
|
display: block;
|
|
float: right;
|
|
}
|
|
.code-box-demo .demo-content {
|
|
margin: 10px auto;
|
|
}
|
|
.code-box-demo .demo-content .demo-title {
|
|
text-align: left;
|
|
background: #a4a4a4;
|
|
width: 40%;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
color: #ebeded;
|
|
text-indent: 10px;
|
|
}
|
|
.code-box-demo .demo-content .demo-listBox {
|
|
margin-top: 10px;
|
|
}
|
|
.code-box-demo .demo-content .demo-listBox .demo-list .title {
|
|
height: 30px;
|
|
background: #cacaca;
|
|
overflow: hidden;
|
|
}
|
|
.code-box-demo .demo-content .demo-listBox .demo-list .title:before,
|
|
.code-box-demo .demo-content .demo-listBox .demo-list .title:after {
|
|
width: 30%;
|
|
height: 5px;
|
|
background: #ebeded;
|
|
float: left;
|
|
margin: 12px 35px 0;
|
|
}
|
|
.code-box-demo .demo-content .demo-listBox .demo-list .title:after {
|
|
width: 15%;
|
|
float: right;
|
|
margin: 12px 10px 0;
|
|
}
|
|
.code-box-demo .demo-content .demo-listBox .demo-list ul li {
|
|
height: 25px;
|
|
background: #ebeded;
|
|
border-bottom: 1px solid #cacaca;
|
|
overflow: hidden;
|
|
padding: 5px 15px;
|
|
}
|
|
.code-box-demo .demo-content .demo-listBox .demo-list ul li:before {
|
|
width: 10px;
|
|
height: 5px;
|
|
background: #cacaca;
|
|
float: left;
|
|
margin-top: 4px;
|
|
}
|
|
.code-box-demo .demo-content .demo-listBox .demo-list ul li:after {
|
|
width: 50%;
|
|
height: 5px;
|
|
background: #cacaca;
|
|
float: left;
|
|
margin-left: 10px;
|
|
margin-top: 4px;
|
|
}
|
|
.code-box-demo .demo-content .demo-kp {
|
|
margin: 10px auto;
|
|
}
|
|
.code-box-demo .demo-content .demo-kp ul li {
|
|
display: inline-block;
|
|
width: 32%;
|
|
height: 40px;
|
|
background: #cacaca;
|
|
color: #ebeded;
|
|
text-align: left;
|
|
padding: 10px;
|
|
margin-right: calc(2%);
|
|
}
|
|
.code-box-demo .demo-content .demo-kp ul li:last-child {
|
|
margin-right: 0%;
|
|
}
|
|
.code-box-demo .demo-content .demo-kp ul li:after {
|
|
width: 60%;
|
|
height: 5px;
|
|
background: #ebeded;
|
|
float: left;
|
|
margin-top: 7px;
|
|
}
|
|
.code-box-demo .demo-content .demo-kp ul li:before {
|
|
background: #ebeded;
|
|
float: left;
|
|
width: 15px;
|
|
height: 15px;
|
|
margin: 2px 10% 0 0;
|
|
}
|
|
.code-box-demo .demo-footer {
|
|
margin-top: 10px;
|
|
background: #cacaca;
|
|
height: 40px;
|
|
float: left;
|
|
width: 100%;
|
|
display: table;
|
|
}
|
|
.code-box-demo .demo-footer:before {
|
|
width: 60%;
|
|
height: 5px;
|
|
background: #ededed;
|
|
margin: 10px auto 0;
|
|
}
|
|
.code-box-demo .demo-footer:after {
|
|
width: 30%;
|
|
height: 5px;
|
|
background: #ededed;
|
|
margin: 5px auto;
|
|
}
|
|
.code-box-demo .demo-header ul li:before,
|
|
.code-box-demo .demo-content .demo-kp ul li:before,
|
|
.code-box-demo .demo-content .demo-kp ul li:after,
|
|
.code-box-demo .demo-content .demo-listBox .demo-list .title:before,
|
|
.code-box-demo .demo-content .demo-listBox .demo-list .title:after,
|
|
.code-box-demo .demo-content .demo-listBox .demo-list ul li:before,
|
|
.code-box-demo .demo-content .demo-listBox .demo-list ul li:after,
|
|
.code-box-demo .demo-footer:before,
|
|
.code-box-demo .demo-footer:after {
|
|
display: block;
|
|
content: "";
|
|
}
|
|
.color-palette {
|
|
margin: 45px 0;
|
|
}
|
|
.main-color {
|
|
overflow: hidden;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
}
|
|
.main-color-item {
|
|
-webkit-box-flex: 1;
|
|
-webkit-flex: 1;
|
|
flex: 1;
|
|
height: 80px;
|
|
border-radius: 4px;
|
|
float: left;
|
|
margin-right: 4px;
|
|
-webkit-transition: all .2s;
|
|
transition: all .2s;
|
|
position: relative;
|
|
text-align: center;
|
|
padding-top: 28px;
|
|
font-family: Consolas;
|
|
font-size: 12px;
|
|
}
|
|
.main-color-item:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.main-color-item .main-color-value {
|
|
font-size: 12px;
|
|
position: absolute;
|
|
bottom: -4px;
|
|
-webkit-transform: scale(0.85);
|
|
transform: scale(0.85);
|
|
left: 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
opacity: 0;
|
|
-webkit-transition: all .2s ease .1s;
|
|
transition: all .2s ease .1s;
|
|
}
|
|
.color-title {
|
|
margin: 0 0 16px 0;
|
|
font-weight: 500;
|
|
color: #5C6B77;
|
|
font-size: 22px;
|
|
text-transform: capitalize;
|
|
}
|
|
.color-description {
|
|
font-size: 16px;
|
|
margin-left: 12px;
|
|
font-weight: normal;
|
|
color: #888;
|
|
}
|
|
.main-color:hover .main-color-item {
|
|
padding-top: 4px;
|
|
}
|
|
.main-color:hover .main-color-value {
|
|
opacity: 0.7;
|
|
bottom: 3px;
|
|
}
|
|
.color-block {
|
|
position: relative;
|
|
width: 60px;
|
|
border-radius: 4px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-right: 8px;
|
|
cursor: pointer;
|
|
}
|
|
.color-block:after {
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
content: "Copied!";
|
|
font-size: 12px;
|
|
line-height: 28px;
|
|
text-align: center;
|
|
color: #444;
|
|
-webkit-transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
|
|
transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
|
|
opacity: 0;
|
|
}
|
|
.color-block.copied:after {
|
|
opacity: 1;
|
|
top: 0;
|
|
}
|
|
.color-block.dark:after {
|
|
color: #fff;
|
|
}
|
|
.main-color .palatte-blue-1 {
|
|
background: #ecf6fd;
|
|
}
|
|
.main-color .palatte-blue-2 {
|
|
background: #d2eafb;
|
|
}
|
|
.main-color .palatte-blue-3 {
|
|
background: #add8f7;
|
|
}
|
|
.main-color .palatte-blue-4 {
|
|
background: #7ec2f3;
|
|
}
|
|
.main-color .palatte-blue-5 {
|
|
background: #49a9ee;
|
|
}
|
|
.main-color .palatte-blue-6 {
|
|
background: #108ee9;
|
|
}
|
|
.main-color .palatte-blue-7 {
|
|
background: #0e77ca;
|
|
}
|
|
.main-color .palatte-blue-8 {
|
|
background: #0c60aa;
|
|
}
|
|
.main-color .palatte-blue-9 {
|
|
background: #09488a;
|
|
}
|
|
.main-color .palatte-blue-10 {
|
|
background: #073069;
|
|
}
|
|
.main-color .palatte-purple-1 {
|
|
background: #f4f3fd;
|
|
}
|
|
.main-color .palatte-purple-2 {
|
|
background: #e4e2fa;
|
|
}
|
|
.main-color .palatte-purple-3 {
|
|
background: #cfcaf6;
|
|
}
|
|
.main-color .palatte-purple-4 {
|
|
background: #b3acf2;
|
|
}
|
|
.main-color .palatte-purple-5 {
|
|
background: #948aec;
|
|
}
|
|
.main-color .palatte-purple-6 {
|
|
background: #7265E6;
|
|
}
|
|
.main-color .palatte-purple-7 {
|
|
background: #6252cd;
|
|
}
|
|
.main-color .palatte-purple-8 {
|
|
background: #533eb4;
|
|
}
|
|
.main-color .palatte-purple-9 {
|
|
background: #42299a;
|
|
}
|
|
.main-color .palatte-purple-10 {
|
|
background: #321580;
|
|
}
|
|
.main-color .palatte-cyan-1 {
|
|
background: #ebf8f9;
|
|
}
|
|
.main-color .palatte-cyan-2 {
|
|
background: #cfedf0;
|
|
}
|
|
.main-color .palatte-cyan-3 {
|
|
background: #a7dfe3;
|
|
}
|
|
.main-color .palatte-cyan-4 {
|
|
background: #76cdd3;
|
|
}
|
|
.main-color .palatte-cyan-5 {
|
|
background: #3db8c1;
|
|
}
|
|
.main-color .palatte-cyan-6 {
|
|
background: #00A2AE;
|
|
}
|
|
.main-color .palatte-cyan-7 {
|
|
background: #008997;
|
|
}
|
|
.main-color .palatte-cyan-8 {
|
|
background: #00707f;
|
|
}
|
|
.main-color .palatte-cyan-9 {
|
|
background: #005667;
|
|
}
|
|
.main-color .palatte-cyan-10 {
|
|
background: #003c4e;
|
|
}
|
|
.main-color .palatte-green-1 {
|
|
background: #ebf8f2;
|
|
}
|
|
.main-color .palatte-green-2 {
|
|
background: #cfefdf;
|
|
}
|
|
.main-color .palatte-green-3 {
|
|
background: #a7e1c4;
|
|
}
|
|
.main-color .palatte-green-4 {
|
|
background: #76d0a3;
|
|
}
|
|
.main-color .palatte-green-5 {
|
|
background: #3dbd7d;
|
|
}
|
|
.main-color .palatte-green-6 {
|
|
background: #00A854;
|
|
}
|
|
.main-color .palatte-green-7 {
|
|
background: #00924c;
|
|
}
|
|
.main-color .palatte-green-8 {
|
|
background: #007b43;
|
|
}
|
|
.main-color .palatte-green-9 {
|
|
background: #00643b;
|
|
}
|
|
.main-color .palatte-green-10 {
|
|
background: #004c32;
|
|
}
|
|
.main-color .palatte-pink-1 {
|
|
background: #feeff5;
|
|
}
|
|
.main-color .palatte-pink-2 {
|
|
background: #fdd8e7;
|
|
}
|
|
.main-color .palatte-pink-3 {
|
|
background: #fcb8d3;
|
|
}
|
|
.main-color .palatte-pink-4 {
|
|
background: #fa90ba;
|
|
}
|
|
.main-color .palatte-pink-5 {
|
|
background: #f7629e;
|
|
}
|
|
.main-color .palatte-pink-6 {
|
|
background: #f5317f;
|
|
}
|
|
.main-color .palatte-pink-7 {
|
|
background: #dc277d;
|
|
}
|
|
.main-color .palatte-pink-8 {
|
|
background: #c11c7b;
|
|
}
|
|
.main-color .palatte-pink-9 {
|
|
background: #a71278;
|
|
}
|
|
.main-color .palatte-pink-10 {
|
|
background: #8c0776;
|
|
}
|
|
.main-color .palatte-red-1 {
|
|
background: #fef0ef;
|
|
}
|
|
.main-color .palatte-red-2 {
|
|
background: #fcdbd9;
|
|
}
|
|
.main-color .palatte-red-3 {
|
|
background: #fabeb9;
|
|
}
|
|
.main-color .palatte-red-4 {
|
|
background: #f79992;
|
|
}
|
|
.main-color .palatte-red-5 {
|
|
background: #f46e65;
|
|
}
|
|
.main-color .palatte-red-6 {
|
|
background: #F04134;
|
|
}
|
|
.main-color .palatte-red-7 {
|
|
background: #d73435;
|
|
}
|
|
.main-color .palatte-red-8 {
|
|
background: #bd2636;
|
|
}
|
|
.main-color .palatte-red-9 {
|
|
background: #a31837;
|
|
}
|
|
.main-color .palatte-red-10 {
|
|
background: #880a38;
|
|
}
|
|
.main-color .palatte-orange-1 {
|
|
background: #fef3eb;
|
|
}
|
|
.main-color .palatte-orange-2 {
|
|
background: #fde3cf;
|
|
}
|
|
.main-color .palatte-orange-3 {
|
|
background: #fccca7;
|
|
}
|
|
.main-color .palatte-orange-4 {
|
|
background: #faaf76;
|
|
}
|
|
.main-color .palatte-orange-5 {
|
|
background: #f78e3d;
|
|
}
|
|
.main-color .palatte-orange-6 {
|
|
background: #F56A00;
|
|
}
|
|
.main-color .palatte-orange-7 {
|
|
background: #d75000;
|
|
}
|
|
.main-color .palatte-orange-8 {
|
|
background: #b93600;
|
|
}
|
|
.main-color .palatte-orange-9 {
|
|
background: #991b00;
|
|
}
|
|
.main-color .palatte-orange-10 {
|
|
background: #7a0000;
|
|
}
|
|
.main-color .palatte-yellow-1 {
|
|
background: #fffaeb;
|
|
}
|
|
.main-color .palatte-yellow-2 {
|
|
background: #fff3cf;
|
|
}
|
|
.main-color .palatte-yellow-3 {
|
|
background: #ffe9a7;
|
|
}
|
|
.main-color .palatte-yellow-4 {
|
|
background: #ffdd76;
|
|
}
|
|
.main-color .palatte-yellow-5 {
|
|
background: #ffce3d;
|
|
}
|
|
.main-color .palatte-yellow-6 {
|
|
background: #ffbf00;
|
|
}
|
|
.main-color .palatte-yellow-7 {
|
|
background: #e09a00;
|
|
}
|
|
.main-color .palatte-yellow-8 {
|
|
background: #c17500;
|
|
}
|
|
.main-color .palatte-yellow-9 {
|
|
background: #a04f00;
|
|
}
|
|
.main-color .palatte-yellow-10 {
|
|
background: #802800;
|
|
}
|
|
.window-frame {
|
|
position: relative;
|
|
margin: 0;
|
|
padding: 0;
|
|
border-radius: 5px;
|
|
border: 1px solid #ccc;
|
|
background-color: #fff;
|
|
line-height: 1;
|
|
}
|
|
.window-frame .top-bar {
|
|
background: #DCD9DC;
|
|
background-image: -webkit-linear-gradient(#F6F6F6, #dadada);
|
|
background-image: linear-gradient(#F6F6F6, #dadada);
|
|
min-height: 2rem;
|
|
border-radius: 0.35rem 0.35rem 0 0;
|
|
padding: 0.41528rem 0.83056rem;
|
|
border-bottom: 1px solid transparent;
|
|
border-bottom-color: #ccc;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
.window-frame .top-bar .address-bar {
|
|
border-radius: 0.245rem;
|
|
border: 1px solid rgba(0, 0, 0, 0.3);
|
|
color: black;
|
|
box-shadow: 0 0.5px 0 0 rgba(255, 255, 255, 0.75), inset 0 1px 1px rgba(0, 0, 0, 0.15);
|
|
display: inline-block;
|
|
padding: 0 0.5em 0 1em;
|
|
font-size: 0.75rem;
|
|
line-height: 2;
|
|
background: white;
|
|
width: 60%;
|
|
margin-left: 15%;
|
|
}
|
|
.window-frame .top-bar .controls {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
position: relative;
|
|
padding-top: 0.2em;
|
|
}
|
|
.window-frame .top-bar .controls > * {
|
|
position: relative;
|
|
vertical-align: middle;
|
|
line-height: 1;
|
|
display: inline-block;
|
|
margin-right: 0.41528rem;
|
|
-webkit-transition: 0.1s linear;
|
|
transition: 0.1s linear;
|
|
}
|
|
.window-frame .top-bar .control {
|
|
width: 0.83056rem;
|
|
height: 0.83056rem;
|
|
background: #DCD9DC;
|
|
border-radius: 0.83056rem;
|
|
border: 1px solid rgba(0, 0, 0, 0.08);
|
|
cursor: pointer;
|
|
}
|
|
.window-frame .top-bar .control:hover {
|
|
background: #b0adb0;
|
|
}
|
|
.window-frame .top-bar .control:before,
|
|
.window-frame .top-bar .control:after {
|
|
color: black;
|
|
text-align: center;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
vertical-align: middle;
|
|
line-height: 0.5;
|
|
}
|
|
.window-frame .top-bar .control.close {
|
|
background: #FC625C;
|
|
}
|
|
.window-frame .top-bar .control.minify {
|
|
background: #FDC041;
|
|
}
|
|
.window-frame .top-bar .control.expand {
|
|
background: #35CD4B;
|
|
}
|
|
.window-frame .window-content {
|
|
padding: 0;
|
|
line-height: 1.5;
|
|
overflow: auto;
|
|
height: 440px;
|
|
position: relative;
|
|
border-radius: 0 0 5px 5px;
|
|
background: #ececec;
|
|
}
|
|
.window-frame .status-bar {
|
|
height: 2rem;
|
|
border-radius: 0 0 0.35rem 0.35rem;
|
|
display: none;
|
|
}
|
|
.new-version-info-modal img {
|
|
width: 100px;
|
|
position: absolute;
|
|
left: 34px;
|
|
top: 36px;
|
|
}
|
|
.new-version-info-modal p {
|
|
margin-top: 1em;
|
|
}
|
|
.new-version-info-modal .anticon {
|
|
display: none;
|
|
}
|
|
.new-version-info-modal .ant-confirm-body {
|
|
margin-left: 120px;
|
|
}
|
|
.new-version-info-modal .ant-confirm-body .ant-confirm-title {
|
|
font-size: 18px;
|
|
}
|
|
.new-version-info-modal .ant-confirm-body .ant-confirm-content {
|
|
margin-left: 0;
|
|
}
|
|
.motion-container {
|
|
height: 190px;
|
|
line-height: 190px;
|
|
text-align: center;
|
|
margin: 40px 0 20px;
|
|
}
|
|
.motion-example {
|
|
width: 180px;
|
|
height: 180px;
|
|
line-height: 180px;
|
|
font-size: 18px;
|
|
color: #fff;
|
|
text-align: center;
|
|
display: inline-block !important;
|
|
border-radius: 8px;
|
|
-webkit-animation-duration: 0.5s !important;
|
|
animation-duration: 0.5s !important;
|
|
font-weight: bold;
|
|
background: url(https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg) center / 180px;
|
|
}
|
|
.motion-select-wrapper {
|
|
text-align: center;
|
|
margin-bottom: 40px;
|
|
}
|
|
.motion-select {
|
|
text-align: left;
|
|
width: 180px;
|
|
}
|
|
.video-player {
|
|
position: relative;
|
|
max-width: 800px;
|
|
}
|
|
.video-player-right {
|
|
width: 616px;
|
|
float: right;
|
|
}
|