mirror of
https://github.com/wahyd4/ant-design.git
synced 2026-08-22 19:28:47 +10:00
7309 lines
170 KiB
CSS
7309 lines
170 KiB
CSS
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
|
|
html {
|
|
font-family: sans-serif;
|
|
-ms-text-size-adjust: 100%;
|
|
-webkit-text-size-adjust: 100%;
|
|
}
|
|
body {
|
|
margin: 0;
|
|
}
|
|
article,
|
|
aside,
|
|
details,
|
|
figcaption,
|
|
figure,
|
|
footer,
|
|
header,
|
|
hgroup,
|
|
main,
|
|
menu,
|
|
nav,
|
|
section,
|
|
summary {
|
|
display: block;
|
|
}
|
|
audio,
|
|
canvas,
|
|
progress,
|
|
video {
|
|
display: inline-block;
|
|
vertical-align: baseline;
|
|
}
|
|
audio:not([controls]) {
|
|
display: none;
|
|
height: 0;
|
|
}
|
|
[hidden],
|
|
template {
|
|
display: none;
|
|
}
|
|
a {
|
|
background-color: transparent;
|
|
}
|
|
a:active,
|
|
a:hover {
|
|
outline: 0;
|
|
}
|
|
abbr[title] {
|
|
border-bottom: 1px dotted;
|
|
}
|
|
b,
|
|
strong {
|
|
font-weight: bold;
|
|
}
|
|
dfn {
|
|
font-style: italic;
|
|
}
|
|
h1 {
|
|
font-size: 2em;
|
|
margin: 0.67em 0;
|
|
}
|
|
mark {
|
|
background: #ff0;
|
|
color: #000;
|
|
}
|
|
small {
|
|
font-size: 80%;
|
|
}
|
|
sub,
|
|
sup {
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
position: relative;
|
|
vertical-align: baseline;
|
|
}
|
|
sup {
|
|
top: -0.5em;
|
|
}
|
|
sub {
|
|
bottom: -0.25em;
|
|
}
|
|
img {
|
|
border: 0;
|
|
}
|
|
svg:not(:root) {
|
|
overflow: hidden;
|
|
}
|
|
figure {
|
|
margin: 1em 40px;
|
|
}
|
|
hr {
|
|
box-sizing: content-box;
|
|
height: 0;
|
|
}
|
|
pre {
|
|
overflow: auto;
|
|
}
|
|
code,
|
|
kbd,
|
|
pre,
|
|
samp {
|
|
font-family: monospace, monospace;
|
|
font-size: 1em;
|
|
}
|
|
button,
|
|
input,
|
|
optgroup,
|
|
select,
|
|
textarea {
|
|
color: inherit;
|
|
font: inherit;
|
|
margin: 0;
|
|
}
|
|
button {
|
|
overflow: visible;
|
|
}
|
|
button,
|
|
select {
|
|
text-transform: none;
|
|
}
|
|
button,
|
|
html input[type="button"],
|
|
input[type="reset"],
|
|
input[type="submit"] {
|
|
-webkit-appearance: button;
|
|
cursor: pointer;
|
|
}
|
|
button[disabled],
|
|
html input[disabled] {
|
|
cursor: default;
|
|
}
|
|
button::-moz-focus-inner,
|
|
input::-moz-focus-inner {
|
|
border: 0;
|
|
padding: 0;
|
|
}
|
|
input {
|
|
line-height: normal;
|
|
}
|
|
input[type="checkbox"],
|
|
input[type="radio"] {
|
|
box-sizing: border-box;
|
|
padding: 0;
|
|
}
|
|
input[type="number"]::-webkit-inner-spin-button,
|
|
input[type="number"]::-webkit-outer-spin-button {
|
|
height: auto;
|
|
}
|
|
input[type="search"] {
|
|
-webkit-appearance: textfield;
|
|
box-sizing: content-box;
|
|
}
|
|
input[type="search"]::-webkit-search-cancel-button,
|
|
input[type="search"]::-webkit-search-decoration {
|
|
-webkit-appearance: none;
|
|
}
|
|
fieldset {
|
|
border: 1px solid #c0c0c0;
|
|
margin: 0 2px;
|
|
padding: 0.35em 0.625em 0.75em;
|
|
}
|
|
legend {
|
|
border: 0;
|
|
padding: 0;
|
|
}
|
|
textarea {
|
|
overflow: auto;
|
|
}
|
|
optgroup {
|
|
font-weight: bold;
|
|
}
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
td,
|
|
th {
|
|
padding: 0;
|
|
}
|
|
* {
|
|
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: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", SimSun, sans-serif;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
color: #666666;
|
|
background-color: #ffffff;
|
|
}
|
|
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;
|
|
}
|
|
ul,
|
|
ol {
|
|
list-style: none;
|
|
}
|
|
a {
|
|
color: #2db7f5;
|
|
background: transparent;
|
|
text-decoration: none;
|
|
outline: none;
|
|
cursor: pointer;
|
|
}
|
|
a:hover {
|
|
color: #57c5f7;
|
|
}
|
|
a:active {
|
|
color: #2baee9;
|
|
}
|
|
a:active,
|
|
a:hover {
|
|
outline: 0;
|
|
text-decoration: none;
|
|
}
|
|
a[disabled] {
|
|
cursor: not-allowed;
|
|
pointer-events: none;
|
|
}
|
|
.clearfix,
|
|
.layout-fixed,
|
|
.layout-fluid,
|
|
.row,
|
|
.row-flex,
|
|
.ant-form-horizontal .ant-form-item {
|
|
zoom: 1;
|
|
}
|
|
.clearfix:before,
|
|
.clearfix:after,
|
|
.layout-fixed:before,
|
|
.layout-fixed:after,
|
|
.layout-fluid:before,
|
|
.layout-fluid:after,
|
|
.row:before,
|
|
.row:after,
|
|
.row-flex:before,
|
|
.row-flex:after,
|
|
.ant-form-horizontal .ant-form-item:before,
|
|
.ant-form-horizontal .ant-form-item:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.clearfix:after,
|
|
.layout-fixed:after,
|
|
.layout-fluid:after,
|
|
.row:after,
|
|
.row-flex:after,
|
|
.ant-form-horizontal .ant-form-item:after {
|
|
clear: both;
|
|
visibility: hidden;
|
|
font-size: 0;
|
|
height: 0;
|
|
}
|
|
.center-block {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.pull-left {
|
|
float: left;
|
|
}
|
|
.pull-right {
|
|
float: right;
|
|
}
|
|
.hide {
|
|
display: none !important;
|
|
}
|
|
.show {
|
|
display: block !important;
|
|
}
|
|
.invisible {
|
|
visibility: hidden;
|
|
}
|
|
.affix {
|
|
position: fixed;
|
|
}
|
|
@font-face {
|
|
font-family: 'anticon';
|
|
src: url('//at.alicdn.com/t/font_1437110976_60069.eot');
|
|
/* IE9*/
|
|
src: url('//at.alicdn.com/t/font_1437110976_60069.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_1437110976_60069.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/font_1437110976_60069.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/font_1437110976_60069.svg#iconfont') format('svg');
|
|
/* iOS 4.1- */
|
|
}
|
|
.anticon {
|
|
position: relative;
|
|
display: inline-block;
|
|
font-style: normal;
|
|
vertical-align: baseline;
|
|
text-align: center;
|
|
text-transform: none;
|
|
text-rendering: auto;
|
|
}
|
|
.anticon:before {
|
|
display: block;
|
|
font-family: "anticon" !important;
|
|
}
|
|
.anticon-step-backward:before {
|
|
content: "\e662";
|
|
}
|
|
.anticon-step-forward {
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
|
}
|
|
.anticon-step-forward:before {
|
|
content: "\e662";
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
.anticon-fast-backward:before {
|
|
content: "\e62a";
|
|
}
|
|
.anticon-fast-forward {
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
|
}
|
|
.anticon-fast-forward:before {
|
|
content: "\e62a";
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
.anticon-shrink:before {
|
|
content: "\e65f";
|
|
}
|
|
.anticon-arrow-salt:before {
|
|
content: "\e608";
|
|
}
|
|
.anticon-caret-down:before {
|
|
content: "\e60f";
|
|
}
|
|
.anticon-caret-left {
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
|
|
}
|
|
.anticon-caret-left:before {
|
|
content: "\e60f";
|
|
-webkit-transform: rotate(90deg);
|
|
-ms-transform: rotate(90deg);
|
|
transform: rotate(90deg);
|
|
}
|
|
.anticon-caret-up {
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
|
}
|
|
.anticon-caret-up:before {
|
|
content: "\e60f";
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
.anticon-caret-right {
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
|
|
}
|
|
.anticon-caret-right:before {
|
|
content: "\e60f";
|
|
-webkit-transform: rotate(270deg);
|
|
-ms-transform: rotate(270deg);
|
|
transform: rotate(270deg);
|
|
}
|
|
.anticon-caret-circle-right:before {
|
|
content: "\e60d";
|
|
}
|
|
.anticon-caret-circle-left {
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
|
}
|
|
.anticon-caret-circle-left:before {
|
|
content: "\e60d";
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
.anticon-caret-circle-o-right:before {
|
|
content: "\e60e";
|
|
}
|
|
.anticon-caret-circle-o-left {
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
|
}
|
|
.anticon-caret-circle-o-left:before {
|
|
content: "\e60e";
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
.anticon-circle-right:before {
|
|
content: "\e602";
|
|
}
|
|
.anticon-circle-left {
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
|
}
|
|
.anticon-circle-left:before {
|
|
content: "\e602";
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
.anticon-circle-o-right:before {
|
|
content: "\e603";
|
|
}
|
|
.anticon-circle-o-left {
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
|
}
|
|
.anticon-circle-o-left:before {
|
|
content: "\e603";
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
.anticon-double-right:before {
|
|
content: "\e604";
|
|
}
|
|
.anticon-double-left {
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
|
}
|
|
.anticon-double-left:before {
|
|
content: "\e604";
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
.anticon-verticle-right:before {
|
|
content: "\e605";
|
|
}
|
|
.anticon-verticle-left {
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
|
}
|
|
.anticon-verticle-left:before {
|
|
content: "\e605";
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
.anticon-forward:before {
|
|
content: "\e630";
|
|
}
|
|
.anticon-backward {
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
|
}
|
|
.anticon-backward:before {
|
|
content: "\e630";
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
.anticon-rollback:before {
|
|
content: "\e65a";
|
|
}
|
|
.anticon-retweet:before {
|
|
content: "\e659";
|
|
}
|
|
.anticon-right:before {
|
|
content: "\e611";
|
|
}
|
|
.anticon-down:before {
|
|
content: "\e600";
|
|
}
|
|
.anticon-left {
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
|
}
|
|
.anticon-left:before {
|
|
content: "\e611";
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
.anticon-up {
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
|
}
|
|
.anticon-up:before {
|
|
content: "\e600";
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
.anticon-question:before {
|
|
content: "\e655";
|
|
}
|
|
.anticon-question-circle:before {
|
|
content: "\e656";
|
|
}
|
|
.anticon-question-circle-o:before {
|
|
content: "\e657";
|
|
}
|
|
.anticon-plus:before {
|
|
content: "\e651";
|
|
}
|
|
.anticon-plus-circle:before {
|
|
content: "\e652";
|
|
}
|
|
.anticon-plus-circle-o:before {
|
|
content: "\e653";
|
|
}
|
|
.anticon-pause:before {
|
|
content: "\e64c";
|
|
}
|
|
.anticon-pause-circle:before {
|
|
content: "\e64d";
|
|
}
|
|
.anticon-pause-circle-o:before {
|
|
content: "\e64e";
|
|
}
|
|
.anticon-minus:before {
|
|
content: "\e646";
|
|
}
|
|
.anticon-minus-circle:before {
|
|
content: "\e647";
|
|
}
|
|
.anticon-minus-circle-o:before {
|
|
content: "\e648";
|
|
}
|
|
.anticon-info-circle:before {
|
|
content: "\e637";
|
|
}
|
|
.anticon-info-circle-o:before {
|
|
content: "\e638";
|
|
}
|
|
.anticon-info:before {
|
|
content: "\e63a";
|
|
}
|
|
.anticon-exclamation:before {
|
|
content: "\e627";
|
|
}
|
|
.anticon-exclamation-circle:before {
|
|
content: "\e628";
|
|
}
|
|
.anticon-exclamation-circle-o:before {
|
|
content: "\e629";
|
|
}
|
|
.anticon-cross:before {
|
|
content: "\e61e";
|
|
}
|
|
.anticon-cross-circle:before {
|
|
content: "\e61f";
|
|
}
|
|
.anticon-cross-circle-o:before {
|
|
content: "\e620";
|
|
}
|
|
.anticon-check:before {
|
|
content: "\e613";
|
|
}
|
|
.anticon-check-circle:before {
|
|
content: "\e614";
|
|
}
|
|
.anticon-check-circle-o:before {
|
|
content: "\e615";
|
|
}
|
|
.anticon-clock-circle:before {
|
|
content: "\e616";
|
|
}
|
|
.anticon-clock-circle-o:before {
|
|
content: "\e617";
|
|
}
|
|
.anticon-lock:before {
|
|
content: "\e641";
|
|
}
|
|
.anticon-android:before {
|
|
content: "\e601";
|
|
}
|
|
.anticon-apple:before {
|
|
content: "\e606";
|
|
}
|
|
.anticon-area-chart:before {
|
|
content: "\e607";
|
|
}
|
|
.anticon-bar-chart:before {
|
|
content: "\e609";
|
|
}
|
|
.anticon-bars:before {
|
|
content: "\e60a";
|
|
}
|
|
.anticon-book:before {
|
|
content: "\e60b";
|
|
}
|
|
.anticon-calendar:before {
|
|
content: "\e60c";
|
|
}
|
|
.anticon-cloud:before {
|
|
content: "\e618";
|
|
}
|
|
.anticon-cloud-download:before {
|
|
content: "\e619";
|
|
}
|
|
.anticon-code:before {
|
|
content: "\e61a";
|
|
}
|
|
.anticon-copy:before {
|
|
content: "\e61c";
|
|
}
|
|
.anticon-credit-card:before {
|
|
content: "\e61d";
|
|
}
|
|
.anticon-delete:before {
|
|
content: "\e621";
|
|
}
|
|
.anticon-desktop:before {
|
|
content: "\e622";
|
|
}
|
|
.anticon-download-line:before {
|
|
content: "\e623";
|
|
}
|
|
.anticon-edit:before {
|
|
content: "\e624";
|
|
}
|
|
.anticon-ellipsis:before {
|
|
content: "\e625";
|
|
}
|
|
.anticon-environment:before {
|
|
content: "\e626";
|
|
}
|
|
.anticon-file:before {
|
|
content: "\e62c";
|
|
}
|
|
.anticon-file-text:before {
|
|
content: "\e62d";
|
|
}
|
|
.anticon-folder:before {
|
|
content: "\e62e";
|
|
}
|
|
.anticon-folder-open:before {
|
|
content: "\e62f";
|
|
}
|
|
.anticon-github:before {
|
|
content: "\e631";
|
|
}
|
|
.anticon-hdd:before {
|
|
content: "\e632";
|
|
}
|
|
.anticon-frown:before {
|
|
content: "\e633";
|
|
}
|
|
.anticon-meh:before {
|
|
content: "\e634";
|
|
}
|
|
.anticon-inbox:before {
|
|
content: "\e635";
|
|
}
|
|
.anticon-laptop:before {
|
|
content: "\e63d";
|
|
}
|
|
.anticon-large:before {
|
|
content: "\e63e";
|
|
}
|
|
.anticon-line-chart:before {
|
|
content: "\e63f";
|
|
}
|
|
.anticon-link:before {
|
|
content: "\e640";
|
|
}
|
|
.anticon-logout:before {
|
|
content: "\e642";
|
|
}
|
|
.anticon-mail:before {
|
|
content: "\e643";
|
|
}
|
|
.anticon-menu-fold {
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
|
}
|
|
.anticon-menu-fold:before {
|
|
content: "\e645";
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
.anticon-menu-unfold:before {
|
|
content: "\e645";
|
|
}
|
|
.anticon-mobile:before {
|
|
content: "\e649";
|
|
}
|
|
.anticon-notification:before {
|
|
content: "\e64a";
|
|
}
|
|
.anticon-paper-clip:before {
|
|
content: "\e64b";
|
|
}
|
|
.anticon-picture:before {
|
|
content: "\e64f";
|
|
}
|
|
.anticon-pie-chart:before {
|
|
content: "\e650";
|
|
}
|
|
.anticon-poweroff:before {
|
|
content: "\e654";
|
|
}
|
|
.anticon-reload:before {
|
|
content: "\e658";
|
|
}
|
|
.anticon-search:before {
|
|
content: "\e65b";
|
|
}
|
|
.anticon-setting:before {
|
|
content: "\e65c";
|
|
}
|
|
.anticon-share-alt:before {
|
|
content: "\e65d";
|
|
}
|
|
.anticon-shopping-cart:before {
|
|
content: "\e65e";
|
|
}
|
|
.anticon-smile:before {
|
|
content: "\e661";
|
|
}
|
|
.anticon-tablet:before {
|
|
content: "\e664";
|
|
}
|
|
.anticon-tag:before {
|
|
content: "\e665";
|
|
}
|
|
.anticon-tags:before {
|
|
content: "\e666";
|
|
}
|
|
.anticon-to-top:before {
|
|
content: "\e667";
|
|
}
|
|
.anticon-unlock:before {
|
|
content: "\e668";
|
|
}
|
|
.anticon-upload:before {
|
|
content: "\e669";
|
|
}
|
|
.anticon-user:before {
|
|
content: "\e66a";
|
|
}
|
|
.anticon-video-camera:before {
|
|
content: "\e66b";
|
|
}
|
|
.anticon-windows:before {
|
|
content: "\e66c";
|
|
}
|
|
.anticon-ie:before {
|
|
content: "\e66d";
|
|
}
|
|
.anticon-chrome:before {
|
|
content: "\e66e";
|
|
}
|
|
.anticon-home:before {
|
|
content: "\e612";
|
|
}
|
|
.anticon-loading:before {
|
|
display: inline-block;
|
|
-webkit-animation: loadingCircle 1s infinite linear;
|
|
animation: loadingCircle 1s infinite linear;
|
|
content: "\e610";
|
|
}
|
|
:root .anticon-step-forward,
|
|
:root .anticon-fast-forward,
|
|
:root .anticon-left,
|
|
:root .anticon-up,
|
|
:root .anticon-down,
|
|
:root .anticon-caret-left,
|
|
:root .anticon-caret-up,
|
|
:root .anticon-caret-right,
|
|
:root .anticon-caret-circle-left,
|
|
:root .anticon-caret-circle-o-left,
|
|
:root .anticon-circle-left,
|
|
:root .anticon-circle-o-left,
|
|
:root .anticon-double-left,
|
|
:root .anticon-verticle-left,
|
|
:root .anticon-backward,
|
|
:root .anticon-menu-fold {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
.layout-fixed {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.layout-fixed {
|
|
width: 720px;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.layout-fixed {
|
|
width: 940px;
|
|
}
|
|
}
|
|
@media (min-width: 1200px) {
|
|
.layout-fixed {
|
|
width: 1140px;
|
|
}
|
|
}
|
|
.layout-fluid {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.row {
|
|
position: relative;
|
|
width: 100%;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
height: auto;
|
|
display: block;
|
|
}
|
|
.row-flex {
|
|
position: relative;
|
|
width: 100%;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
height: auto;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-webkit-flex-direction: row;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
-webkit-flex-wrap: wrap;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
.row-flex:before,
|
|
.row-flex:after {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
.row-flex-start {
|
|
-webkit-box-pack: start;
|
|
-webkit-justify-content: flex-start;
|
|
-ms-flex-pack: start;
|
|
justify-content: flex-start;
|
|
}
|
|
.row-flex-center {
|
|
-webkit-box-pack: center;
|
|
-webkit-justify-content: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
.row-flex-end {
|
|
-webkit-box-pack: end;
|
|
-webkit-justify-content: flex-end;
|
|
-ms-flex-pack: end;
|
|
justify-content: flex-end;
|
|
}
|
|
.row-flex-space-between {
|
|
-webkit-box-pack: justify;
|
|
-webkit-justify-content: space-between;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
}
|
|
.row-flex-space-around {
|
|
-webkit-justify-content: space-around;
|
|
-ms-flex-pack: distribute;
|
|
justify-content: space-around;
|
|
}
|
|
.row-flex-top {
|
|
-webkit-box-align: start;
|
|
-webkit-align-items: flex-start;
|
|
-ms-flex-align: start;
|
|
align-items: flex-start;
|
|
}
|
|
.row-flex-middle {
|
|
-webkit-box-align: center;
|
|
-webkit-align-items: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.row-flex-bottom {
|
|
-webkit-box-align: end;
|
|
-webkit-align-items: flex-end;
|
|
-ms-flex-align: end;
|
|
align-items: flex-end;
|
|
}
|
|
.col {
|
|
position: relative;
|
|
display: block;
|
|
float: left;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 auto;
|
|
-ms-flex: 0 0 auto;
|
|
flex: 0 0 auto;
|
|
}
|
|
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23, .col-24 {
|
|
position: relative;
|
|
display: block;
|
|
float: left;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 auto;
|
|
-ms-flex: 0 0 auto;
|
|
flex: 0 0 auto;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.col-24 {
|
|
width: 100%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 100%;
|
|
-ms-flex: 0 0 100%;
|
|
flex: 0 0 100%;
|
|
}
|
|
.col-push-24 {
|
|
left: 100%;
|
|
}
|
|
.col-pull-24 {
|
|
right: 100%;
|
|
}
|
|
.col-offset-24 {
|
|
margin-left: 100%;
|
|
}
|
|
.col-order-24 {
|
|
-webkit-box-ordinal-group: 25;
|
|
-webkit-order: 24;
|
|
-ms-flex-order: 24;
|
|
order: 24;
|
|
}
|
|
.col-23 {
|
|
width: 95.83333333%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 95.83333333%;
|
|
-ms-flex: 0 0 95.83333333%;
|
|
flex: 0 0 95.83333333%;
|
|
}
|
|
.col-push-23 {
|
|
left: 95.83333333%;
|
|
}
|
|
.col-pull-23 {
|
|
right: 95.83333333%;
|
|
}
|
|
.col-offset-23 {
|
|
margin-left: 95.83333333%;
|
|
}
|
|
.col-order-23 {
|
|
-webkit-box-ordinal-group: 24;
|
|
-webkit-order: 23;
|
|
-ms-flex-order: 23;
|
|
order: 23;
|
|
}
|
|
.col-22 {
|
|
width: 91.66666667%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 91.66666667%;
|
|
-ms-flex: 0 0 91.66666667%;
|
|
flex: 0 0 91.66666667%;
|
|
}
|
|
.col-push-22 {
|
|
left: 91.66666667%;
|
|
}
|
|
.col-pull-22 {
|
|
right: 91.66666667%;
|
|
}
|
|
.col-offset-22 {
|
|
margin-left: 91.66666667%;
|
|
}
|
|
.col-order-22 {
|
|
-webkit-box-ordinal-group: 23;
|
|
-webkit-order: 22;
|
|
-ms-flex-order: 22;
|
|
order: 22;
|
|
}
|
|
.col-21 {
|
|
width: 87.5%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 87.5%;
|
|
-ms-flex: 0 0 87.5%;
|
|
flex: 0 0 87.5%;
|
|
}
|
|
.col-push-21 {
|
|
left: 87.5%;
|
|
}
|
|
.col-pull-21 {
|
|
right: 87.5%;
|
|
}
|
|
.col-offset-21 {
|
|
margin-left: 87.5%;
|
|
}
|
|
.col-order-21 {
|
|
-webkit-box-ordinal-group: 22;
|
|
-webkit-order: 21;
|
|
-ms-flex-order: 21;
|
|
order: 21;
|
|
}
|
|
.col-20 {
|
|
width: 83.33333333%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 83.33333333%;
|
|
-ms-flex: 0 0 83.33333333%;
|
|
flex: 0 0 83.33333333%;
|
|
}
|
|
.col-push-20 {
|
|
left: 83.33333333%;
|
|
}
|
|
.col-pull-20 {
|
|
right: 83.33333333%;
|
|
}
|
|
.col-offset-20 {
|
|
margin-left: 83.33333333%;
|
|
}
|
|
.col-order-20 {
|
|
-webkit-box-ordinal-group: 21;
|
|
-webkit-order: 20;
|
|
-ms-flex-order: 20;
|
|
order: 20;
|
|
}
|
|
.col-19 {
|
|
width: 79.16666667%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 79.16666667%;
|
|
-ms-flex: 0 0 79.16666667%;
|
|
flex: 0 0 79.16666667%;
|
|
}
|
|
.col-push-19 {
|
|
left: 79.16666667%;
|
|
}
|
|
.col-pull-19 {
|
|
right: 79.16666667%;
|
|
}
|
|
.col-offset-19 {
|
|
margin-left: 79.16666667%;
|
|
}
|
|
.col-order-19 {
|
|
-webkit-box-ordinal-group: 20;
|
|
-webkit-order: 19;
|
|
-ms-flex-order: 19;
|
|
order: 19;
|
|
}
|
|
.col-18 {
|
|
width: 75%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 75%;
|
|
-ms-flex: 0 0 75%;
|
|
flex: 0 0 75%;
|
|
}
|
|
.col-push-18 {
|
|
left: 75%;
|
|
}
|
|
.col-pull-18 {
|
|
right: 75%;
|
|
}
|
|
.col-offset-18 {
|
|
margin-left: 75%;
|
|
}
|
|
.col-order-18 {
|
|
-webkit-box-ordinal-group: 19;
|
|
-webkit-order: 18;
|
|
-ms-flex-order: 18;
|
|
order: 18;
|
|
}
|
|
.col-17 {
|
|
width: 70.83333333%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 70.83333333%;
|
|
-ms-flex: 0 0 70.83333333%;
|
|
flex: 0 0 70.83333333%;
|
|
}
|
|
.col-push-17 {
|
|
left: 70.83333333%;
|
|
}
|
|
.col-pull-17 {
|
|
right: 70.83333333%;
|
|
}
|
|
.col-offset-17 {
|
|
margin-left: 70.83333333%;
|
|
}
|
|
.col-order-17 {
|
|
-webkit-box-ordinal-group: 18;
|
|
-webkit-order: 17;
|
|
-ms-flex-order: 17;
|
|
order: 17;
|
|
}
|
|
.col-16 {
|
|
width: 66.66666667%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 66.66666667%;
|
|
-ms-flex: 0 0 66.66666667%;
|
|
flex: 0 0 66.66666667%;
|
|
}
|
|
.col-push-16 {
|
|
left: 66.66666667%;
|
|
}
|
|
.col-pull-16 {
|
|
right: 66.66666667%;
|
|
}
|
|
.col-offset-16 {
|
|
margin-left: 66.66666667%;
|
|
}
|
|
.col-order-16 {
|
|
-webkit-box-ordinal-group: 17;
|
|
-webkit-order: 16;
|
|
-ms-flex-order: 16;
|
|
order: 16;
|
|
}
|
|
.col-15 {
|
|
width: 62.5%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 62.5%;
|
|
-ms-flex: 0 0 62.5%;
|
|
flex: 0 0 62.5%;
|
|
}
|
|
.col-push-15 {
|
|
left: 62.5%;
|
|
}
|
|
.col-pull-15 {
|
|
right: 62.5%;
|
|
}
|
|
.col-offset-15 {
|
|
margin-left: 62.5%;
|
|
}
|
|
.col-order-15 {
|
|
-webkit-box-ordinal-group: 16;
|
|
-webkit-order: 15;
|
|
-ms-flex-order: 15;
|
|
order: 15;
|
|
}
|
|
.col-14 {
|
|
width: 58.33333333%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 58.33333333%;
|
|
-ms-flex: 0 0 58.33333333%;
|
|
flex: 0 0 58.33333333%;
|
|
}
|
|
.col-push-14 {
|
|
left: 58.33333333%;
|
|
}
|
|
.col-pull-14 {
|
|
right: 58.33333333%;
|
|
}
|
|
.col-offset-14 {
|
|
margin-left: 58.33333333%;
|
|
}
|
|
.col-order-14 {
|
|
-webkit-box-ordinal-group: 15;
|
|
-webkit-order: 14;
|
|
-ms-flex-order: 14;
|
|
order: 14;
|
|
}
|
|
.col-13 {
|
|
width: 54.16666667%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 54.16666667%;
|
|
-ms-flex: 0 0 54.16666667%;
|
|
flex: 0 0 54.16666667%;
|
|
}
|
|
.col-push-13 {
|
|
left: 54.16666667%;
|
|
}
|
|
.col-pull-13 {
|
|
right: 54.16666667%;
|
|
}
|
|
.col-offset-13 {
|
|
margin-left: 54.16666667%;
|
|
}
|
|
.col-order-13 {
|
|
-webkit-box-ordinal-group: 14;
|
|
-webkit-order: 13;
|
|
-ms-flex-order: 13;
|
|
order: 13;
|
|
}
|
|
.col-12 {
|
|
width: 50%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 50%;
|
|
-ms-flex: 0 0 50%;
|
|
flex: 0 0 50%;
|
|
}
|
|
.col-push-12 {
|
|
left: 50%;
|
|
}
|
|
.col-pull-12 {
|
|
right: 50%;
|
|
}
|
|
.col-offset-12 {
|
|
margin-left: 50%;
|
|
}
|
|
.col-order-12 {
|
|
-webkit-box-ordinal-group: 13;
|
|
-webkit-order: 12;
|
|
-ms-flex-order: 12;
|
|
order: 12;
|
|
}
|
|
.col-11 {
|
|
width: 45.83333333%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 45.83333333%;
|
|
-ms-flex: 0 0 45.83333333%;
|
|
flex: 0 0 45.83333333%;
|
|
}
|
|
.col-push-11 {
|
|
left: 45.83333333%;
|
|
}
|
|
.col-pull-11 {
|
|
right: 45.83333333%;
|
|
}
|
|
.col-offset-11 {
|
|
margin-left: 45.83333333%;
|
|
}
|
|
.col-order-11 {
|
|
-webkit-box-ordinal-group: 12;
|
|
-webkit-order: 11;
|
|
-ms-flex-order: 11;
|
|
order: 11;
|
|
}
|
|
.col-10 {
|
|
width: 41.66666667%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 41.66666667%;
|
|
-ms-flex: 0 0 41.66666667%;
|
|
flex: 0 0 41.66666667%;
|
|
}
|
|
.col-push-10 {
|
|
left: 41.66666667%;
|
|
}
|
|
.col-pull-10 {
|
|
right: 41.66666667%;
|
|
}
|
|
.col-offset-10 {
|
|
margin-left: 41.66666667%;
|
|
}
|
|
.col-order-10 {
|
|
-webkit-box-ordinal-group: 11;
|
|
-webkit-order: 10;
|
|
-ms-flex-order: 10;
|
|
order: 10;
|
|
}
|
|
.col-9 {
|
|
width: 37.5%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 37.5%;
|
|
-ms-flex: 0 0 37.5%;
|
|
flex: 0 0 37.5%;
|
|
}
|
|
.col-push-9 {
|
|
left: 37.5%;
|
|
}
|
|
.col-pull-9 {
|
|
right: 37.5%;
|
|
}
|
|
.col-offset-9 {
|
|
margin-left: 37.5%;
|
|
}
|
|
.col-order-9 {
|
|
-webkit-box-ordinal-group: 10;
|
|
-webkit-order: 9;
|
|
-ms-flex-order: 9;
|
|
order: 9;
|
|
}
|
|
.col-8 {
|
|
width: 33.33333333%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 33.33333333%;
|
|
-ms-flex: 0 0 33.33333333%;
|
|
flex: 0 0 33.33333333%;
|
|
}
|
|
.col-push-8 {
|
|
left: 33.33333333%;
|
|
}
|
|
.col-pull-8 {
|
|
right: 33.33333333%;
|
|
}
|
|
.col-offset-8 {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.col-order-8 {
|
|
-webkit-box-ordinal-group: 9;
|
|
-webkit-order: 8;
|
|
-ms-flex-order: 8;
|
|
order: 8;
|
|
}
|
|
.col-7 {
|
|
width: 29.16666667%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 29.16666667%;
|
|
-ms-flex: 0 0 29.16666667%;
|
|
flex: 0 0 29.16666667%;
|
|
}
|
|
.col-push-7 {
|
|
left: 29.16666667%;
|
|
}
|
|
.col-pull-7 {
|
|
right: 29.16666667%;
|
|
}
|
|
.col-offset-7 {
|
|
margin-left: 29.16666667%;
|
|
}
|
|
.col-order-7 {
|
|
-webkit-box-ordinal-group: 8;
|
|
-webkit-order: 7;
|
|
-ms-flex-order: 7;
|
|
order: 7;
|
|
}
|
|
.col-6 {
|
|
width: 25%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 25%;
|
|
-ms-flex: 0 0 25%;
|
|
flex: 0 0 25%;
|
|
}
|
|
.col-push-6 {
|
|
left: 25%;
|
|
}
|
|
.col-pull-6 {
|
|
right: 25%;
|
|
}
|
|
.col-offset-6 {
|
|
margin-left: 25%;
|
|
}
|
|
.col-order-6 {
|
|
-webkit-box-ordinal-group: 7;
|
|
-webkit-order: 6;
|
|
-ms-flex-order: 6;
|
|
order: 6;
|
|
}
|
|
.col-5 {
|
|
width: 20.83333333%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 20.83333333%;
|
|
-ms-flex: 0 0 20.83333333%;
|
|
flex: 0 0 20.83333333%;
|
|
}
|
|
.col-push-5 {
|
|
left: 20.83333333%;
|
|
}
|
|
.col-pull-5 {
|
|
right: 20.83333333%;
|
|
}
|
|
.col-offset-5 {
|
|
margin-left: 20.83333333%;
|
|
}
|
|
.col-order-5 {
|
|
-webkit-box-ordinal-group: 6;
|
|
-webkit-order: 5;
|
|
-ms-flex-order: 5;
|
|
order: 5;
|
|
}
|
|
.col-4 {
|
|
width: 16.66666667%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 16.66666667%;
|
|
-ms-flex: 0 0 16.66666667%;
|
|
flex: 0 0 16.66666667%;
|
|
}
|
|
.col-push-4 {
|
|
left: 16.66666667%;
|
|
}
|
|
.col-pull-4 {
|
|
right: 16.66666667%;
|
|
}
|
|
.col-offset-4 {
|
|
margin-left: 16.66666667%;
|
|
}
|
|
.col-order-4 {
|
|
-webkit-box-ordinal-group: 5;
|
|
-webkit-order: 4;
|
|
-ms-flex-order: 4;
|
|
order: 4;
|
|
}
|
|
.col-3 {
|
|
width: 12.5%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 12.5%;
|
|
-ms-flex: 0 0 12.5%;
|
|
flex: 0 0 12.5%;
|
|
}
|
|
.col-push-3 {
|
|
left: 12.5%;
|
|
}
|
|
.col-pull-3 {
|
|
right: 12.5%;
|
|
}
|
|
.col-offset-3 {
|
|
margin-left: 12.5%;
|
|
}
|
|
.col-order-3 {
|
|
-webkit-box-ordinal-group: 4;
|
|
-webkit-order: 3;
|
|
-ms-flex-order: 3;
|
|
order: 3;
|
|
}
|
|
.col-2 {
|
|
width: 8.33333333%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 8.33333333%;
|
|
-ms-flex: 0 0 8.33333333%;
|
|
flex: 0 0 8.33333333%;
|
|
}
|
|
.col-push-2 {
|
|
left: 8.33333333%;
|
|
}
|
|
.col-pull-2 {
|
|
right: 8.33333333%;
|
|
}
|
|
.col-offset-2 {
|
|
margin-left: 8.33333333%;
|
|
}
|
|
.col-order-2 {
|
|
-webkit-box-ordinal-group: 3;
|
|
-webkit-order: 2;
|
|
-ms-flex-order: 2;
|
|
order: 2;
|
|
}
|
|
.col-1 {
|
|
width: 4.16666667%;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 4.16666667%;
|
|
-ms-flex: 0 0 4.16666667%;
|
|
flex: 0 0 4.16666667%;
|
|
}
|
|
.col-push-1 {
|
|
left: 4.16666667%;
|
|
}
|
|
.col-pull-1 {
|
|
right: 4.16666667%;
|
|
}
|
|
.col-offset-1 {
|
|
margin-left: 4.16666667%;
|
|
}
|
|
.col-order-1 {
|
|
-webkit-box-ordinal-group: 2;
|
|
-webkit-order: 1;
|
|
-ms-flex-order: 1;
|
|
order: 1;
|
|
}
|
|
.col-push-0 {
|
|
left: auto;
|
|
}
|
|
.col-pull-0 {
|
|
right: auto;
|
|
}
|
|
.fade-enter {
|
|
opacity: 0;
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.fade-leave {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.fade-enter.fade-enter-active {
|
|
-webkit-animation-name: fadeIn;
|
|
animation-name: fadeIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.fade-leave.fade-leave-active {
|
|
-webkit-animation-name: fadeOut;
|
|
animation-name: fadeOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
@-webkit-keyframes fadeIn {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes fadeIn {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@-webkit-keyframes fadeOut {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes fadeOut {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.move-up-enter {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.move-up-leave {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.move-up-enter.move-up-enter-active {
|
|
-webkit-animation-name: moveUpIn;
|
|
animation-name: moveUpIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.move-up-leave.move-up-leave-active {
|
|
-webkit-animation-name: moveUpOut;
|
|
animation-name: moveUpOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.move-up-enter {
|
|
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 {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.move-down-leave {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.move-down-enter.move-down-enter-active {
|
|
-webkit-animation-name: moveDownIn;
|
|
animation-name: moveDownIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.move-down-leave.move-down-leave-active {
|
|
-webkit-animation-name: moveDownOut;
|
|
animation-name: moveDownOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.move-down-enter {
|
|
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 {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.move-left-leave {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.move-left-enter.move-left-enter-active {
|
|
-webkit-animation-name: moveLeftIn;
|
|
animation-name: moveLeftIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.move-left-leave.move-left-leave-active {
|
|
-webkit-animation-name: moveLeftOut;
|
|
animation-name: moveLeftOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.move-left-enter {
|
|
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 {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.move-right-leave {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.move-right-enter.move-right-enter-active {
|
|
-webkit-animation-name: moveRightIn;
|
|
animation-name: moveRightIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.move-right-leave.move-right-leave-active {
|
|
-webkit-animation-name: moveRightOut;
|
|
animation-name: moveRightOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.move-right-enter {
|
|
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 moveDownIn {
|
|
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 moveDownIn {
|
|
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 moveDownOut {
|
|
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 moveDownOut {
|
|
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 moveLeftIn {
|
|
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 moveLeftIn {
|
|
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 moveLeftOut {
|
|
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 moveLeftOut {
|
|
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 moveRightIn {
|
|
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 moveRightIn {
|
|
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 moveRightOut {
|
|
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 moveRightOut {
|
|
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 moveUpIn {
|
|
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 moveUpIn {
|
|
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 moveUpOut {
|
|
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 moveUpOut {
|
|
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 {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.slide-up-leave {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.slide-up-enter.slide-up-enter-active {
|
|
-webkit-animation-name: slideUpIn;
|
|
animation-name: slideUpIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.slide-up-leave.slide-up-leave-active {
|
|
-webkit-animation-name: slideUpOut;
|
|
animation-name: slideUpOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.slide-up-enter {
|
|
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);
|
|
}
|
|
.slide-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);
|
|
}
|
|
.slide-down-enter {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.slide-down-leave {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.slide-down-enter.slide-down-enter-active {
|
|
-webkit-animation-name: slideDownIn;
|
|
animation-name: slideDownIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.slide-down-leave.slide-down-leave-active {
|
|
-webkit-animation-name: slideDownOut;
|
|
animation-name: slideDownOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.slide-down-enter {
|
|
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);
|
|
}
|
|
.slide-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);
|
|
}
|
|
.slide-left-enter {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.slide-left-leave {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.slide-left-enter.slide-left-enter-active {
|
|
-webkit-animation-name: slideLeftIn;
|
|
animation-name: slideLeftIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.slide-left-leave.slide-left-leave-active {
|
|
-webkit-animation-name: slideLeftOut;
|
|
animation-name: slideLeftOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.slide-left-enter {
|
|
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);
|
|
}
|
|
.slide-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);
|
|
}
|
|
.slide-right-enter {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.slide-right-leave {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.slide-right-enter.slide-right-enter-active {
|
|
-webkit-animation-name: slideRightIn;
|
|
animation-name: slideRightIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.slide-right-leave.slide-right-leave-active {
|
|
-webkit-animation-name: slideRightOut;
|
|
animation-name: slideRightOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.slide-right-enter {
|
|
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);
|
|
}
|
|
.slide-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 slideUpIn {
|
|
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 slideUpIn {
|
|
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 slideUpOut {
|
|
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 slideUpOut {
|
|
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);
|
|
}
|
|
}
|
|
@-webkit-keyframes slideDownIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 100% 100%;
|
|
transform-origin: 100% 100%;
|
|
-webkit-transform: scaleY(0);
|
|
transform: scaleY(0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 100% 100%;
|
|
transform-origin: 100% 100%;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
}
|
|
}
|
|
@keyframes slideDownIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 100% 100%;
|
|
transform-origin: 100% 100%;
|
|
-webkit-transform: scaleY(0);
|
|
transform: scaleY(0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 100% 100%;
|
|
transform-origin: 100% 100%;
|
|
-webkit-transform: scaleY(1);
|
|
transform: scaleY(1);
|
|
}
|
|
}
|
|
@-webkit-keyframes slideDownOut {
|
|
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);
|
|
transform: scaleY(0);
|
|
}
|
|
}
|
|
@keyframes slideDownOut {
|
|
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);
|
|
transform: scaleY(0);
|
|
}
|
|
}
|
|
@-webkit-keyframes slideLeftIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleX(0);
|
|
transform: scaleX(0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleX(1);
|
|
transform: scaleX(1);
|
|
}
|
|
}
|
|
@keyframes slideLeftIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleX(0);
|
|
transform: scaleX(0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
-webkit-transform: scaleX(1);
|
|
transform: scaleX(1);
|
|
}
|
|
}
|
|
@-webkit-keyframes slideLeftOut {
|
|
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);
|
|
transform: scaleX(0);
|
|
}
|
|
}
|
|
@keyframes slideLeftOut {
|
|
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);
|
|
transform: scaleX(0);
|
|
}
|
|
}
|
|
@-webkit-keyframes slideRightIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 100% 0%;
|
|
transform-origin: 100% 0%;
|
|
-webkit-transform: scaleX(0);
|
|
transform: scaleX(0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 100% 0%;
|
|
transform-origin: 100% 0%;
|
|
-webkit-transform: scaleX(1);
|
|
transform: scaleX(1);
|
|
}
|
|
}
|
|
@keyframes slideRightIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 100% 0%;
|
|
transform-origin: 100% 0%;
|
|
-webkit-transform: scaleX(0);
|
|
transform: scaleX(0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 100% 0%;
|
|
transform-origin: 100% 0%;
|
|
-webkit-transform: scaleX(1);
|
|
transform: scaleX(1);
|
|
}
|
|
}
|
|
@-webkit-keyframes slideRightOut {
|
|
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);
|
|
transform: scaleX(0);
|
|
}
|
|
}
|
|
@keyframes slideRightOut {
|
|
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);
|
|
transform: scaleX(0);
|
|
}
|
|
}
|
|
.swing-enter {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.swing-enter.swing-enter-active {
|
|
-webkit-animation-name: swingIn;
|
|
animation-name: swingIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
@-webkit-keyframes swingIn {
|
|
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 swingIn {
|
|
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 {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-leave {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-enter.zoom-enter-active {
|
|
-webkit-animation-name: zoomIn;
|
|
animation-name: zoomIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-leave.zoom-leave-active {
|
|
-webkit-animation-name: zoomOut;
|
|
animation-name: zoomOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-enter {
|
|
-webkit-transform: scale(0, 0);
|
|
-ms-transform: scale(0, 0);
|
|
transform: scale(0, 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.6, 0.04, 0.98, 0.34);
|
|
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
|
|
}
|
|
.zoom-up-enter {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-up-leave {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-up-enter.zoom-up-enter-active {
|
|
-webkit-animation-name: zoomUpIn;
|
|
animation-name: zoomUpIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-up-leave.zoom-up-leave-active {
|
|
-webkit-animation-name: zoomUpOut;
|
|
animation-name: zoomUpOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-up-enter {
|
|
-webkit-transform: scale(0, 0);
|
|
-ms-transform: scale(0, 0);
|
|
transform: scale(0, 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.6, 0.04, 0.98, 0.34);
|
|
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
|
|
}
|
|
.zoom-down-enter {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-down-leave {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-down-enter.zoom-down-enter-active {
|
|
-webkit-animation-name: zoomDownIn;
|
|
animation-name: zoomDownIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-down-leave.zoom-down-leave-active {
|
|
-webkit-animation-name: zoomDownOut;
|
|
animation-name: zoomDownOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-down-enter {
|
|
-webkit-transform: scale(0, 0);
|
|
-ms-transform: scale(0, 0);
|
|
transform: scale(0, 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.6, 0.04, 0.98, 0.34);
|
|
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
|
|
}
|
|
.zoom-left-enter {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-left-leave {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-left-enter.zoom-left-enter-active {
|
|
-webkit-animation-name: zoomLeftIn;
|
|
animation-name: zoomLeftIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-left-leave.zoom-left-leave-active {
|
|
-webkit-animation-name: zoomLeftOut;
|
|
animation-name: zoomLeftOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-left-enter {
|
|
-webkit-transform: scale(0, 0);
|
|
-ms-transform: scale(0, 0);
|
|
transform: scale(0, 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.6, 0.04, 0.98, 0.34);
|
|
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
|
|
}
|
|
.zoom-right-enter {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-right-leave {
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: block !important;
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.zoom-right-enter.zoom-right-enter-active {
|
|
-webkit-animation-name: zoomRightIn;
|
|
animation-name: zoomRightIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-right-leave.zoom-right-leave-active {
|
|
-webkit-animation-name: zoomRightOut;
|
|
animation-name: zoomRightOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.zoom-right-enter {
|
|
-webkit-transform: scale(0, 0);
|
|
-ms-transform: scale(0, 0);
|
|
transform: scale(0, 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.6, 0.04, 0.98, 0.34);
|
|
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
|
|
}
|
|
@-webkit-keyframes zoomIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
}
|
|
@keyframes zoomIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
}
|
|
@-webkit-keyframes zoomOut {
|
|
0% {
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
}
|
|
@keyframes zoomOut {
|
|
0% {
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
}
|
|
@-webkit-keyframes zoomUpIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 0%;
|
|
transform-origin: 50% 0%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 50% 0%;
|
|
transform-origin: 50% 0%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
}
|
|
@keyframes zoomUpIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 0%;
|
|
transform-origin: 50% 0%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 50% 0%;
|
|
transform-origin: 50% 0%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
}
|
|
@-webkit-keyframes zoomUpOut {
|
|
0% {
|
|
-webkit-transform-origin: 50% 0%;
|
|
transform-origin: 50% 0%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 0%;
|
|
transform-origin: 50% 0%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
}
|
|
@keyframes zoomUpOut {
|
|
0% {
|
|
-webkit-transform-origin: 50% 0%;
|
|
transform-origin: 50% 0%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 0%;
|
|
transform-origin: 50% 0%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
}
|
|
@-webkit-keyframes zoomLeftIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0% 50%;
|
|
transform-origin: 0% 50%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 0% 50%;
|
|
transform-origin: 0% 50%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
}
|
|
@keyframes zoomLeftIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0% 50%;
|
|
transform-origin: 0% 50%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 0% 50%;
|
|
transform-origin: 0% 50%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
}
|
|
@-webkit-keyframes zoomLeftOut {
|
|
0% {
|
|
-webkit-transform-origin: 0% 50%;
|
|
transform-origin: 0% 50%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0% 50%;
|
|
transform-origin: 0% 50%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
}
|
|
@keyframes zoomLeftOut {
|
|
0% {
|
|
-webkit-transform-origin: 0% 50%;
|
|
transform-origin: 0% 50%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 0% 50%;
|
|
transform-origin: 0% 50%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
}
|
|
@-webkit-keyframes zoomRightIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 100% 50%;
|
|
transform-origin: 100% 50%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 100% 50%;
|
|
transform-origin: 100% 50%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
}
|
|
@keyframes zoomRightIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 100% 50%;
|
|
transform-origin: 100% 50%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 100% 50%;
|
|
transform-origin: 100% 50%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
}
|
|
@-webkit-keyframes zoomRightOut {
|
|
0% {
|
|
-webkit-transform-origin: 100% 50%;
|
|
transform-origin: 100% 50%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 100% 50%;
|
|
transform-origin: 100% 50%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
}
|
|
@keyframes zoomRightOut {
|
|
0% {
|
|
-webkit-transform-origin: 100% 50%;
|
|
transform-origin: 100% 50%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 100% 50%;
|
|
transform-origin: 100% 50%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
}
|
|
@-webkit-keyframes zoomDownIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 100%;
|
|
transform-origin: 50% 100%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 50% 100%;
|
|
transform-origin: 50% 100%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
}
|
|
@keyframes zoomDownIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 100%;
|
|
transform-origin: 50% 100%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
100% {
|
|
-webkit-transform-origin: 50% 100%;
|
|
transform-origin: 50% 100%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
}
|
|
@-webkit-keyframes zoomDownOut {
|
|
0% {
|
|
-webkit-transform-origin: 50% 100%;
|
|
transform-origin: 50% 100%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 100%;
|
|
transform-origin: 50% 100%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
}
|
|
@keyframes zoomDownOut {
|
|
0% {
|
|
-webkit-transform-origin: 50% 100%;
|
|
transform-origin: 50% 100%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 100%;
|
|
transform-origin: 50% 100%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
}
|
|
.ant-btn {
|
|
display: inline-block;
|
|
margin-bottom: 0;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
-ms-touch-action: manipulation;
|
|
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: 14px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
color: #666666;
|
|
background-color: #f4f4f4;
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-btn > .anticon {
|
|
line-height: 1;
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
.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;
|
|
transition: none;
|
|
-webkit-transition: none;
|
|
-moz-transition: none;
|
|
}
|
|
.ant-btn.disabled,
|
|
.ant-btn[disabled] {
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-btn-lg {
|
|
padding: 4px 15px 5px 15px;
|
|
font-size: 14px;
|
|
border-radius: 16px;
|
|
}
|
|
.ant-btn-sm {
|
|
padding: 1px 7px;
|
|
font-size: 12px;
|
|
border-radius: 11px;
|
|
}
|
|
.ant-btn:hover {
|
|
color: #858585;
|
|
background-color: #f6f6f6;
|
|
border-color: #e1e1e1;
|
|
}
|
|
.ant-btn:active,
|
|
.ant-btn.active {
|
|
color: #616161;
|
|
background-color: #e8e8e8;
|
|
border-color: #e8e8e8;
|
|
}
|
|
.ant-btn:active,
|
|
.ant-btn.active {
|
|
background-image: none;
|
|
}
|
|
.ant-btn.disabled,
|
|
.ant-btn[disabled],
|
|
fieldset[disabled] .ant-btn,
|
|
.ant-btn.disabled:hover,
|
|
.ant-btn[disabled]:hover,
|
|
fieldset[disabled] .ant-btn:hover,
|
|
.ant-btn.disabled:active,
|
|
.ant-btn[disabled]:active,
|
|
fieldset[disabled] .ant-btn:active,
|
|
.ant-btn.disabled.active,
|
|
.ant-btn[disabled].active,
|
|
fieldset[disabled] .ant-btn.active {
|
|
color: #cccccc;
|
|
background-color: #f3f5f7;
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-btn:hover {
|
|
color: #57c5f7;
|
|
background-color: white;
|
|
border-color: #57c5f7;
|
|
}
|
|
.ant-btn:active,
|
|
.ant-btn.active {
|
|
color: #2baee9;
|
|
background-color: white;
|
|
border-color: #2baee9;
|
|
}
|
|
.ant-btn-primary {
|
|
color: #ffffff;
|
|
background-color: #2db7f5;
|
|
border-color: #2db7f5;
|
|
}
|
|
.ant-btn-primary:hover {
|
|
color: #ffffff;
|
|
background-color: #57c5f7;
|
|
border-color: #57c5f7;
|
|
}
|
|
.ant-btn-primary:active,
|
|
.ant-btn-primary.active {
|
|
color: #f2f2f2;
|
|
background-color: #2baee9;
|
|
border-color: #2baee9;
|
|
}
|
|
.ant-btn-primary:active,
|
|
.ant-btn-primary.active {
|
|
background-image: none;
|
|
}
|
|
.ant-btn-primary.disabled,
|
|
.ant-btn-primary[disabled],
|
|
fieldset[disabled] .ant-btn-primary,
|
|
.ant-btn-primary.disabled:hover,
|
|
.ant-btn-primary[disabled]:hover,
|
|
fieldset[disabled] .ant-btn-primary:hover,
|
|
.ant-btn-primary.disabled:active,
|
|
.ant-btn-primary[disabled]:active,
|
|
fieldset[disabled] .ant-btn-primary:active,
|
|
.ant-btn-primary.disabled.active,
|
|
.ant-btn-primary[disabled].active,
|
|
fieldset[disabled] .ant-btn-primary.active {
|
|
color: #cccccc;
|
|
background-color: #f3f5f7;
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-btn-primary:hover,
|
|
.ant-btn-primary:active,
|
|
.ant-btn-primary.active {
|
|
color: #ffffff;
|
|
}
|
|
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
|
|
border-right-color: #2baee9;
|
|
border-left-color: #2baee9;
|
|
}
|
|
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
|
|
border-right-color: #2baee9;
|
|
}
|
|
.ant-btn-group .ant-btn-primary:last-child:not(:first-child) {
|
|
border-left-color: #2baee9;
|
|
}
|
|
.ant-btn-group .ant-btn-primary + .ant-btn {
|
|
border-left-color: #2baee9;
|
|
}
|
|
.ant-btn-ghost {
|
|
color: #666666;
|
|
background-color: #ffffff;
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-btn-ghost:hover {
|
|
color: #858585;
|
|
background-color: #ffffff;
|
|
border-color: #e1e1e1;
|
|
}
|
|
.ant-btn-ghost:active,
|
|
.ant-btn-ghost.active {
|
|
color: #616161;
|
|
background-color: #f2f2f2;
|
|
border-color: #f2f2f2;
|
|
}
|
|
.ant-btn-ghost:active,
|
|
.ant-btn-ghost.active {
|
|
background-image: none;
|
|
}
|
|
.ant-btn-ghost.disabled,
|
|
.ant-btn-ghost[disabled],
|
|
fieldset[disabled] .ant-btn-ghost,
|
|
.ant-btn-ghost.disabled:hover,
|
|
.ant-btn-ghost[disabled]:hover,
|
|
fieldset[disabled] .ant-btn-ghost:hover,
|
|
.ant-btn-ghost.disabled:active,
|
|
.ant-btn-ghost[disabled]:active,
|
|
fieldset[disabled] .ant-btn-ghost:active,
|
|
.ant-btn-ghost.disabled.active,
|
|
.ant-btn-ghost[disabled].active,
|
|
fieldset[disabled] .ant-btn-ghost.active {
|
|
color: #cccccc;
|
|
background-color: #f3f5f7;
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-btn-ghost:hover {
|
|
color: #57c5f7;
|
|
background-color: white;
|
|
border-color: #57c5f7;
|
|
}
|
|
.ant-btn-ghost:active,
|
|
.ant-btn-ghost.active {
|
|
color: #2baee9;
|
|
background-color: white;
|
|
border-color: #2baee9;
|
|
}
|
|
.ant-btn-circle,
|
|
.ant-btn-circle-outline {
|
|
width: 28px;
|
|
height: 28px;
|
|
padding: 0;
|
|
font-size: 14px;
|
|
border-radius: 50%;
|
|
}
|
|
.ant-btn-circle > .anticon,
|
|
.ant-btn-circle-outline > .anticon {
|
|
top: -1px;
|
|
}
|
|
.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-circle-outline {
|
|
position: relative;
|
|
}
|
|
.ant-btn-circle-outline:not([disabled]):before {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
display: inline-block;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 50% 50%;
|
|
content: " ";
|
|
-webkit-transform: scale(0, 0);
|
|
-ms-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
z-index: 0;
|
|
background-color: #2db7f5;
|
|
}
|
|
.ant-btn-circle-outline:not([disabled]):hover > .anticon,
|
|
.ant-btn-circle-outline:not([disabled]):active > .anticon,
|
|
.ant-btn-circle-outline:not([disabled]).active > .anticon {
|
|
color: #ffffff;
|
|
}
|
|
.ant-btn-circle-outline:not([disabled]):hover:before,
|
|
.ant-btn-circle-outline:not([disabled]):active:before,
|
|
.ant-btn-circle-outline:not([disabled]).active:before {
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
-webkit-transform: scale(1, 1);
|
|
-ms-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
.ant-btn-circle-outline:not([disabled]):active:before,
|
|
.ant-btn-circle-outline:not([disabled]).active:before {
|
|
background-color: #57c5f7;
|
|
}
|
|
.ant-btn-menu > .anticon {
|
|
display: inline-block;
|
|
font-size: 0.83333333;
|
|
font-size: 10px \9;
|
|
-webkit-transform: scale(0.83333333);
|
|
-ms-transform: scale(0.83333333);
|
|
transform: scale(0.83333333);
|
|
}
|
|
:root .ant-btn-menu > .anticon {
|
|
font-size: 12px;
|
|
}
|
|
.ant-btn-group {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.ant-btn-group > .ant-btn {
|
|
position: relative;
|
|
float: left;
|
|
}
|
|
.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-lg > .ant-btn {
|
|
padding: 4px 15px 5px 15px;
|
|
font-size: 14px;
|
|
border-radius: 16px;
|
|
}
|
|
.ant-btn-group-sm > .ant-btn {
|
|
padding: 1px 7px;
|
|
font-size: 12px;
|
|
border-radius: 11px;
|
|
}
|
|
.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 {
|
|
float: left;
|
|
}
|
|
> .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
|
|
border-radius: 0;
|
|
}
|
|
> .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:last-child:not(:first-child) > .ant-btn:first-child {
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
padding-left: 8px;
|
|
}
|
|
.ant-switch {
|
|
position: relative;
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
width: 44px;
|
|
height: 22px;
|
|
line-height: 20px;
|
|
vertical-align: middle;
|
|
border-radius: 20px 20px;
|
|
border: 1px solid #ccc;
|
|
background-color: #ccc;
|
|
cursor: pointer;
|
|
-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-switch-inner {
|
|
color: #fff;
|
|
font-size: 12px;
|
|
position: absolute;
|
|
left: 24px;
|
|
}
|
|
.ant-switch:after {
|
|
position: absolute;
|
|
width: 18px;
|
|
height: 18px;
|
|
left: 2px;
|
|
top: 1px;
|
|
border-radius: 100%;
|
|
background-color: #ffffff;
|
|
content: " ";
|
|
cursor: pointer;
|
|
-webkit-transition: left 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
transition: left 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
}
|
|
.ant-switch-checked {
|
|
border: 1px solid #87d068;
|
|
background-color: #87d068;
|
|
}
|
|
.ant-switch-checked .ant-switch-inner {
|
|
left: 6px;
|
|
}
|
|
.ant-switch-checked:after {
|
|
left: 22px;
|
|
}
|
|
.ant-switch-disabled {
|
|
cursor: no-drop;
|
|
background: #f4f4f4;
|
|
border-color: #f4f4f4;
|
|
}
|
|
.ant-switch-disabled:after {
|
|
background: #ccc;
|
|
cursor: no-drop;
|
|
}
|
|
.ant-switch-disabled-inner {
|
|
color: #ccc;
|
|
}
|
|
.ant-dropdown {
|
|
position: absolute;
|
|
left: -9999px;
|
|
top: -9999px;
|
|
z-index: 1070;
|
|
display: block;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
line-height: 1.5;
|
|
padding-top: 4px;
|
|
min-width: 100%;
|
|
}
|
|
.ant-dropdown-wrap {
|
|
position: relative;
|
|
}
|
|
.ant-dropdown-wrap .anticon-down:before {
|
|
-webkit-transition: -webkit-transform 0.2s ease;
|
|
transition: transform 0.2s ease;
|
|
}
|
|
.ant-dropdown-wrap-open .anticon-down:before {
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
.ant-dropdown-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: 3px;
|
|
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.17);
|
|
background-clip: padding-box;
|
|
border: 1px solid #d9d9d9;
|
|
}
|
|
.ant-dropdown-menu > li {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.ant-dropdown-menu:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: -4px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 4px;
|
|
background: #ffffff;
|
|
background: rgba(255, 255, 255, 0.01);
|
|
}
|
|
.ant-dropdown-menu > .ant-dropdown-menu-item {
|
|
padding: 7px 16px;
|
|
clear: both;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
color: #666;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
}
|
|
.ant-dropdown-menu > .ant-dropdown-menu-item a {
|
|
color: #666;
|
|
}
|
|
.ant-dropdown-menu > .ant-dropdown-menu-item:hover {
|
|
background-color: #eaf8fe;
|
|
}
|
|
.ant-dropdown-menu > .ant-dropdown-menu-item-disabled {
|
|
color: #ccc;
|
|
cursor: not-allowed;
|
|
pointer-events: none;
|
|
}
|
|
.ant-dropdown-menu > .ant-dropdown-menu-item-disabled:hover {
|
|
color: #ccc;
|
|
background-color: #fff;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-dropdown-menu > .ant-dropdown-menu-item:last-child {
|
|
border-bottom-left-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
}
|
|
.ant-dropdown-menu > .ant-dropdown-menu-item:first-child {
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
}
|
|
.ant-dropdown-menu > .ant-dropdown-menu-item-divider {
|
|
height: 1px;
|
|
overflow: hidden;
|
|
background-color: #e5e5e5;
|
|
line-height: 0;
|
|
}
|
|
.ant-dropdown-menu > .ant-dropdown-menu-item-selected {
|
|
background-color: #eaf8fe;
|
|
position: relative;
|
|
}
|
|
.ant-dropdown-menu > .ant-dropdown-menu-item-selected:after {
|
|
content: '\e613';
|
|
font-family: 'anticon';
|
|
font-weight: bold;
|
|
position: absolute;
|
|
top: 6px;
|
|
right: 16px;
|
|
color: #2db7f5;
|
|
background-color: #eaf8fe;
|
|
}
|
|
.ant-dropdown-link .anticon-down {
|
|
display: inline-block;
|
|
font-size: 0.58333333;
|
|
font-size: 7px \9;
|
|
-webkit-transform: scale(0.58333333);
|
|
-ms-transform: scale(0.58333333);
|
|
transform: scale(0.58333333);
|
|
font-weight: bold;
|
|
vertical-align: top;
|
|
}
|
|
:root .ant-dropdown-link .anticon-down {
|
|
font-size: 12px;
|
|
}
|
|
.ant-progress-line-wrap,
|
|
.ant-progress-circle-wrap {
|
|
display: inline-block;
|
|
}
|
|
.ant-progress-line-wrap {
|
|
font-size: 12px;
|
|
}
|
|
.ant-progress-line-inner {
|
|
display: inline-block;
|
|
}
|
|
.ant-progress-line-inner svg {
|
|
vertical-align: middle;
|
|
}
|
|
.ant-progress-line-text {
|
|
display: inline-block;
|
|
font-size: 1em;
|
|
margin-left: 10px;
|
|
line-height: 1;
|
|
}
|
|
.ant-progress-line-text .anticon {
|
|
font-size: 12px;
|
|
}
|
|
.ant-progress-circle-inner {
|
|
position: relative;
|
|
line-height: 1;
|
|
}
|
|
.ant-progress-circle-text {
|
|
display: block;
|
|
position: absolute;
|
|
width: 100%;
|
|
text-align: center;
|
|
line-height: 1;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
left: 0;
|
|
}
|
|
.ant-progress-circle-text .anticon {
|
|
font-size: 1.16666667em;
|
|
}
|
|
.ant-select {
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
margin: 0;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
color: #666;
|
|
font-size: 12px;
|
|
}
|
|
.ant-select ul,
|
|
.ant-select li {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.ant-select > ul > li > a {
|
|
padding: 0;
|
|
background-color: #fff;
|
|
}
|
|
.ant-select-arrow {
|
|
position: relative;
|
|
font-style: normal;
|
|
vertical-align: baseline;
|
|
text-align: center;
|
|
text-transform: none;
|
|
text-rendering: auto;
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 8px;
|
|
line-height: 1;
|
|
margin-top: -5px;
|
|
display: inline-block;
|
|
font-size: 0.66666667;
|
|
font-size: 8px \9;
|
|
-webkit-transform: scale(0.66666667);
|
|
-ms-transform: scale(0.66666667);
|
|
transform: scale(0.66666667);
|
|
}
|
|
.ant-select-arrow:before {
|
|
display: block;
|
|
font-family: "anticon" !important;
|
|
}
|
|
:root .ant-select-arrow {
|
|
font-size: 12px;
|
|
}
|
|
.ant-select-arrow * {
|
|
display: none;
|
|
}
|
|
.ant-select-arrow:before {
|
|
content: '\e611';
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
|
|
-webkit-transform: rotate(90deg);
|
|
-ms-transform: rotate(90deg);
|
|
transform: rotate(90deg);
|
|
-webkit-transition: -webkit-transform 0.2s ease;
|
|
transition: transform 0.2s ease;
|
|
}
|
|
.ant-select-selection {
|
|
outline: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
background-color: #fff;
|
|
border-radius: 6px;
|
|
border: 1px solid #d9d9d9;
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.ant-select-selection:hover {
|
|
border-color: #57c5f7;
|
|
}
|
|
.ant-select-selection:active {
|
|
border-color: #57c5f7;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px #d5f1fd;
|
|
}
|
|
.ant-select-disabled {
|
|
color: #ccc;
|
|
cursor: not-allowed;
|
|
pointer-events: none;
|
|
}
|
|
.ant-select-disabled .ant-select-selection:hover,
|
|
.ant-select-disabled .ant-select-selection:active {
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-select-selection--single {
|
|
height: 28px;
|
|
cursor: pointer;
|
|
}
|
|
.ant-select-selection--single .ant-select-selection__rendered {
|
|
display: block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
padding-left: 10px;
|
|
padding-right: 20px;
|
|
line-height: 26px;
|
|
}
|
|
.ant-select-selection--single .ant-select-selection__clear {
|
|
cursor: pointer;
|
|
float: right;
|
|
font-weight: bold;
|
|
}
|
|
.ant-select-disabled .ant-select-selection__choice__remove {
|
|
color: #ccc;
|
|
cursor: default;
|
|
}
|
|
.ant-select-disabled .ant-select-selection__choice__remove:hover {
|
|
color: #ccc;
|
|
}
|
|
.ant-select-search--inline {
|
|
float: left;
|
|
}
|
|
.ant-select-search--inline .ant-select-search__field {
|
|
border: none;
|
|
font-size: 100%;
|
|
background: transparent;
|
|
outline: 0;
|
|
}
|
|
.ant-select-search--inline > i {
|
|
float: right;
|
|
}
|
|
.ant-select-selection--multiple {
|
|
min-height: 28px;
|
|
cursor: text;
|
|
}
|
|
.ant-select-selection--multiple .ant-select-search--inline {
|
|
width: auto;
|
|
}
|
|
.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field {
|
|
width: 0.75em;
|
|
}
|
|
.ant-select-selection--multiple .ant-select-selection__rendered {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
padding-left: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
.ant-select-selection--multiple .ant-select-selection__clear {
|
|
cursor: pointer;
|
|
float: right;
|
|
font-weight: bold;
|
|
margin-top: 5px;
|
|
margin-right: 10px;
|
|
}
|
|
.ant-select-selection--multiple > ul > li {
|
|
margin-top: 4px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
}
|
|
.ant-select-selection--multiple .ant-select-selection__choice {
|
|
background-color: #f3f3f3;
|
|
border-radius: 4px;
|
|
cursor: default;
|
|
float: left;
|
|
padding: 0 8px;
|
|
margin-right: 4px;
|
|
}
|
|
.ant-select-selection--multiple .ant-select-selection__choice__remove {
|
|
font-style: normal;
|
|
vertical-align: baseline;
|
|
text-align: center;
|
|
text-transform: none;
|
|
text-rendering: auto;
|
|
color: #919191;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
font-size: 0.66666667;
|
|
font-size: 8px \9;
|
|
-webkit-transform: scale(0.66666667);
|
|
-ms-transform: scale(0.66666667);
|
|
transform: scale(0.66666667);
|
|
padding: 0 0 0 4px;
|
|
position: relative;
|
|
top: -1px;
|
|
left: 4px;
|
|
}
|
|
.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 {
|
|
font-size: 12px;
|
|
}
|
|
.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
|
|
color: #333;
|
|
}
|
|
.ant-select-selection--multiple .ant-select-selection__choice__remove:before {
|
|
content: "\e61e";
|
|
}
|
|
.ant-select .ant-select-selection--single + .ant-select-dropdown .ant-select-dropdown-menu-item-selected {
|
|
background-color: #eaf8fe !important;
|
|
}
|
|
.ant-select .ant-select-selection--multiple + .ant-select-dropdown .ant-select-dropdown-menu-item {
|
|
padding: 7px 33px 7px 16px;
|
|
}
|
|
.ant-select .ant-select-selection--multiple + .ant-select-dropdown .ant-select-dropdown-menu-item-selected {
|
|
position: relative;
|
|
}
|
|
.ant-select .ant-select-selection--multiple + .ant-select-dropdown .ant-select-dropdown-menu-item-selected:after {
|
|
font-size: 0.75;
|
|
font-size: 9px \9;
|
|
-webkit-transform: scale(0.75);
|
|
-ms-transform: scale(0.75);
|
|
transform: scale(0.75);
|
|
display: inline-block;
|
|
content: '\e613';
|
|
font-family: 'anticon';
|
|
font-weight: bold;
|
|
position: absolute;
|
|
top: 6px;
|
|
right: 0;
|
|
padding-right: 16px;
|
|
color: #2db7f5;
|
|
}
|
|
:root .ant-select .ant-select-selection--multiple + .ant-select-dropdown .ant-select-dropdown-menu-item-selected:after {
|
|
font-size: 12px;
|
|
}
|
|
.ant-select-dropdown {
|
|
display: none;
|
|
background-color: white;
|
|
border: 1px solid #d9d9d9;
|
|
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.17);
|
|
border-radius: 4px;
|
|
box-sizing: border-box;
|
|
z-index: 100;
|
|
left: -9999px;
|
|
top: -9999px;
|
|
position: absolute;
|
|
outline: none;
|
|
}
|
|
.ant-select-dropdown-menu {
|
|
outline: none;
|
|
margin-bottom: 0;
|
|
padding-left: 0;
|
|
list-style: none;
|
|
z-index: 9999;
|
|
max-height: 250px;
|
|
overflow: auto;
|
|
}
|
|
.ant-select-dropdown-menu > li {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.ant-select-dropdown-menu > .ant-select-dropdown-menu-item {
|
|
position: relative;
|
|
display: block;
|
|
padding: 7px 16px;
|
|
font-weight: normal;
|
|
color: #666666;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
}
|
|
.ant-select-dropdown-menu > .ant-select-dropdown-menu-item:hover,
|
|
.ant-select-dropdown-menu > .ant-select-dropdown-menu-item-active {
|
|
background-color: #eaf8fe !important;
|
|
}
|
|
.ant-select-dropdown-menu > .ant-select-dropdown-menu-item-disabled {
|
|
color: #ccc;
|
|
cursor: not-allowed;
|
|
pointer-events: none;
|
|
}
|
|
.ant-select-dropdown-menu > .ant-select-dropdown-menu-item-disabled:hover {
|
|
color: #ccc;
|
|
background-color: #fff;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-select-dropdown-menu > .ant-select-dropdown-menu-item-divider {
|
|
height: 1px;
|
|
margin: 1px 0;
|
|
overflow: hidden;
|
|
background-color: #e5e5e5;
|
|
line-height: 0;
|
|
}
|
|
.ant-select-dropdown-container-open .ant-select-dropdown,
|
|
.ant-select-open .ant-select-dropdown {
|
|
display: block;
|
|
}
|
|
.ant-select-search--dropdown {
|
|
display: block;
|
|
padding: 4px;
|
|
}
|
|
.ant-select-search--dropdown .ant-select-search__field {
|
|
padding: 4px;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 4px;
|
|
outline: none;
|
|
}
|
|
.ant-select-search--dropdown.ant-select-search--hide {
|
|
display: none;
|
|
}
|
|
.ant-select-open .ant-select-arrow:before {
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
|
|
-webkit-transform: rotate(270deg);
|
|
-ms-transform: rotate(270deg);
|
|
transform: rotate(270deg);
|
|
}
|
|
.ant-select-open .ant-select-selection {
|
|
border-color: #57c5f7;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px #d5f1fd;
|
|
}
|
|
.ant-select-combobox .ant-select-arrow {
|
|
display: none;
|
|
}
|
|
.ant-select-combobox .ant-select-search--inline {
|
|
float: none;
|
|
}
|
|
.ant-select-combobox .ant-select-search__field {
|
|
padding: 0 10px;
|
|
width: 100%;
|
|
}
|
|
.ant-select-combobox .ant-select-selection__rendered {
|
|
padding: 0;
|
|
}
|
|
.ant-calendar {
|
|
box-sizing: border-box;
|
|
}
|
|
.ant-calendar * {
|
|
box-sizing: border-box;
|
|
}
|
|
.ant-calendar-picker .ant-calendar,
|
|
.ant-calendar-picker-container .ant-calendar {
|
|
position: absolute;
|
|
display: none;
|
|
left: -9999px;
|
|
top: -9999px;
|
|
z-index: 9;
|
|
}
|
|
.ant-calendar-picker {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.ant-calendar-picker-icon {
|
|
position: absolute;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
width: 12px;
|
|
height: 12px;
|
|
line-height: 12px;
|
|
right: 8px;
|
|
color: #999;
|
|
top: 50%;
|
|
margin-top: -6px;
|
|
}
|
|
.ant-calendar-picker-icon:after {
|
|
content: "\e60c";
|
|
font-family: "anticon";
|
|
font-size: 12px;
|
|
color: #999;
|
|
display: inline-block;
|
|
line-height: 1;
|
|
vertical-align: bottom;
|
|
}
|
|
.ant-calendar-picker-open .ant-calendar,
|
|
.ant-calendar-picker-container-open .ant-calendar {
|
|
display: block;
|
|
}
|
|
.ant-calendar-picker-open .ant-calendar-picker-input {
|
|
border-color: #57c5f7;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px #d5f1fd;
|
|
}
|
|
.ant-calendar {
|
|
position: relative;
|
|
outline: none;
|
|
width: 253px;
|
|
border: 1px solid #ccc;
|
|
list-style: none;
|
|
font-size: 12px;
|
|
text-align: left;
|
|
background-color: #fff;
|
|
border-radius: 6px;
|
|
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.17);
|
|
background-clip: padding-box;
|
|
line-height: 1.5;
|
|
}
|
|
.ant-calendar-week-number {
|
|
width: 286px;
|
|
}
|
|
.ant-calendar-week-number-cell {
|
|
text-align: center;
|
|
}
|
|
.ant-calendar-header {
|
|
padding: 0 10px;
|
|
height: 34px;
|
|
line-height: 34px;
|
|
text-align: center;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
}
|
|
.ant-calendar-header a:hover {
|
|
color: #57c5f7;
|
|
}
|
|
.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: 0px 2px;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
color: #666;
|
|
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: #999;
|
|
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-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-prev-month-btn {
|
|
left: 29px;
|
|
}
|
|
.ant-calendar-header .ant-calendar-next-month-btn {
|
|
right: 29px;
|
|
}
|
|
.ant-calendar-calendar-body {
|
|
padding: 5px 8px;
|
|
}
|
|
.ant-calendar table {
|
|
border-collapse: collapse;
|
|
max-width: 100%;
|
|
background-color: transparent;
|
|
width: 100%;
|
|
}
|
|
.ant-calendar table,
|
|
.ant-calendar td,
|
|
.ant-calendar th,
|
|
.ant-calendar td {
|
|
border: none;
|
|
}
|
|
.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: #666;
|
|
border-radius: 4px 4px;
|
|
width: 20px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
padding: 0;
|
|
background: transparent;
|
|
text-align: center;
|
|
}
|
|
.ant-calendar-date:hover {
|
|
background: #eaf8fe;
|
|
cursor: pointer;
|
|
}
|
|
.ant-calendar-date:active {
|
|
color: #fff;
|
|
background: #57c5f7;
|
|
}
|
|
.ant-calendar-today .ant-calendar-date {
|
|
border: 1px solid #96dbfa;
|
|
line-height: 18px;
|
|
background: #eaf8fe;
|
|
}
|
|
.ant-calendar-selected-day .ant-calendar-date {
|
|
background: #2db7f5;
|
|
color: #fff;
|
|
border: 1px solid transparent;
|
|
}
|
|
.ant-calendar-selected-day .ant-calendar-date:hover {
|
|
background: #2db7f5;
|
|
}
|
|
.ant-calendar-disabled-cell .ant-calendar-date {
|
|
cursor: not-allowed;
|
|
color: #bcbcbc;
|
|
background: #f3f3f3;
|
|
border-radius: 0;
|
|
width: auto;
|
|
}
|
|
.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-last-month-cell .ant-calendar-date,
|
|
.ant-calendar-next-month-btn-day .ant-calendar-date {
|
|
color: #bbb;
|
|
}
|
|
.ant-calendar-footer {
|
|
padding: 0 15px;
|
|
height: 42px;
|
|
line-height: 42px;
|
|
border-top: 1px solid #e9e9e9;
|
|
}
|
|
.ant-calendar-footer-btn {
|
|
text-align: center;
|
|
display: block;
|
|
}
|
|
.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 10px;
|
|
}
|
|
.ant-calendar .ant-calendar-today-btn:hover,
|
|
.ant-calendar .ant-calendar-clear-btn:hover {
|
|
cursor: pointer;
|
|
color: #23c0fa;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn {
|
|
display: inline-block;
|
|
margin-bottom: 0;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
-ms-touch-action: manipulation;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
background-image: none;
|
|
border: 1px solid transparent;
|
|
white-space: nowrap;
|
|
line-height: 1.5;
|
|
padding: 4px 15px;
|
|
border-radius: 14px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
color: #ffffff;
|
|
background-color: #2db7f5;
|
|
border-color: #2db7f5;
|
|
padding: 1px 7px;
|
|
font-size: 12px;
|
|
border-radius: 11px;
|
|
letter-spacing: 3px;
|
|
text-indent: 3px;
|
|
position: absolute;
|
|
bottom: 9px;
|
|
right: 9px;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn > .anticon {
|
|
line-height: 1;
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
.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;
|
|
transition: none;
|
|
-webkit-transition: none;
|
|
-moz-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-lg {
|
|
padding: 4px 15px 5px 15px;
|
|
font-size: 14px;
|
|
border-radius: 16px;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn-sm {
|
|
padding: 1px 7px;
|
|
font-size: 12px;
|
|
border-radius: 11px;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn:hover {
|
|
color: #ffffff;
|
|
background-color: #57c5f7;
|
|
border-color: #57c5f7;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn:active,
|
|
.ant-calendar .ant-calendar-ok-btn.active {
|
|
color: #f2f2f2;
|
|
background-color: #2baee9;
|
|
border-color: #2baee9;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn:active,
|
|
.ant-calendar .ant-calendar-ok-btn.active {
|
|
background-image: none;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn.disabled,
|
|
.ant-calendar .ant-calendar-ok-btn[disabled],
|
|
fieldset[disabled] .ant-calendar .ant-calendar-ok-btn,
|
|
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
|
|
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
|
|
fieldset[disabled] .ant-calendar .ant-calendar-ok-btn:hover,
|
|
.ant-calendar .ant-calendar-ok-btn.disabled:active,
|
|
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
|
|
fieldset[disabled] .ant-calendar .ant-calendar-ok-btn:active,
|
|
.ant-calendar .ant-calendar-ok-btn.disabled.active,
|
|
.ant-calendar .ant-calendar-ok-btn[disabled].active,
|
|
fieldset[disabled] .ant-calendar .ant-calendar-ok-btn.active {
|
|
color: #cccccc;
|
|
background-color: #f3f5f7;
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-calendar .ant-calendar-ok-btn:hover,
|
|
.ant-calendar .ant-calendar-ok-btn:active,
|
|
.ant-calendar .ant-calendar-ok-btn.active {
|
|
color: #ffffff;
|
|
}
|
|
.ant-calendar-time > span {
|
|
margin: 0 2px;
|
|
}
|
|
.ant-calendar-time ~ .ant-calendar-footer-btn {
|
|
display: inline;
|
|
text-align: left;
|
|
}
|
|
.ant-calendar-time-input {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding: 4px 7px;
|
|
width: 100%;
|
|
height: 28px;
|
|
cursor: text;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
color: #666666;
|
|
background-color: #ffffff;
|
|
background-image: none;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 6px;
|
|
transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-webkit-transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-moz-transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
margin: 0;
|
|
width: 30px;
|
|
height: 26px;
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
.ant-calendar-time-input::-moz-placeholder {
|
|
color: #cccccc;
|
|
opacity: 1;
|
|
}
|
|
.ant-calendar-time-input:-ms-input-placeholder {
|
|
color: #cccccc;
|
|
}
|
|
.ant-calendar-time-input::-webkit-input-placeholder {
|
|
color: #cccccc;
|
|
}
|
|
.ant-calendar-time-input:hover {
|
|
border-color: #57c5f7;
|
|
}
|
|
.ant-calendar-time-input:focus {
|
|
border-color: #57c5f7;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px #d5f1fd;
|
|
}
|
|
.ant-calendar-time-input[disabled],
|
|
fieldset[disabled] .ant-calendar-time-input {
|
|
background-color: #f3f5f7;
|
|
opacity: 1;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-calendar-time-input[disabled]:hover,
|
|
fieldset[disabled] .ant-calendar-time-input:hover {
|
|
border-color: #e1e1e1;
|
|
}
|
|
textarea.ant-calendar-time-input {
|
|
max-width: 100%;
|
|
height: auto;
|
|
vertical-align: bottom;
|
|
}
|
|
.ant-calendar-time-input-lg {
|
|
padding: 4px 7px 5px;
|
|
height: 32px;
|
|
font-size: 14px;
|
|
}
|
|
.ant-calendar-time-input-sm {
|
|
padding: 1px 7px;
|
|
height: 22px;
|
|
font-size: 12px;
|
|
}
|
|
.ant-calendar-time-panel {
|
|
left: 0px;
|
|
top: 0px;
|
|
bottom: 0px;
|
|
right: 0px;
|
|
background: #fff;
|
|
z-index: 10;
|
|
position: absolute;
|
|
outline: none;
|
|
}
|
|
.ant-calendar-time-panel-header {
|
|
padding: 0 10px;
|
|
height: 34px;
|
|
line-height: 34px;
|
|
position: relative;
|
|
text-align: center;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
}
|
|
.ant-calendar-time-panel-body {
|
|
padding: 2px 10px;
|
|
}
|
|
.ant-calendar-time-panel-title {
|
|
width: 180px;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
padding: 4px 5px;
|
|
text-align: center;
|
|
height: 30px;
|
|
line-height: 22px;
|
|
border-radius: 4px;
|
|
}
|
|
.ant-calendar-time-panel-table {
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
border-collapse: separate;
|
|
}
|
|
.ant-calendar-time-panel-cell {
|
|
text-align: center;
|
|
height: 40px;
|
|
vertical-align: middle;
|
|
}
|
|
.ant-calendar-time-panel-time {
|
|
line-height: 24px;
|
|
display: block;
|
|
border-radius: 4px;
|
|
margin: 0 auto;
|
|
color: #666;
|
|
}
|
|
.ant-calendar-time-panel-time:hover {
|
|
background: #eaf8fe;
|
|
cursor: pointer;
|
|
}
|
|
.ant-calendar-time-panel-selected-cell .ant-calendar-time-panel-time {
|
|
background: #2db7f5;
|
|
color: #fff;
|
|
}
|
|
.ant-calendar-time-panel-selected-cell .ant-calendar-time-panel-time:hover {
|
|
background: #2db7f5;
|
|
color: #fff;
|
|
}
|
|
.ant-calendar-month-panel {
|
|
left: 0px;
|
|
top: 0px;
|
|
bottom: 0px;
|
|
right: 0px;
|
|
background: #fff;
|
|
z-index: 10;
|
|
position: absolute;
|
|
outline: none;
|
|
}
|
|
.ant-calendar-month-panel-hidden {
|
|
display: none;
|
|
}
|
|
.ant-calendar-month-panel-header {
|
|
padding: 0 10px;
|
|
height: 34px;
|
|
line-height: 34px;
|
|
text-align: center;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
}
|
|
.ant-calendar-month-panel-header a:hover {
|
|
color: #57c5f7;
|
|
}
|
|
.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: 0px 2px;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
color: #666;
|
|
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: #999;
|
|
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-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-prev-month-btn {
|
|
left: 29px;
|
|
}
|
|
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn {
|
|
right: 29px;
|
|
}
|
|
.ant-calendar-month-panel-table {
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
height: 248px;
|
|
border-collapse: separate;
|
|
}
|
|
.ant-calendar-month-panel-cell {
|
|
text-align: center;
|
|
}
|
|
.ant-calendar-month-panel-month {
|
|
display: inline-block;
|
|
margin: 0 auto;
|
|
color: #666;
|
|
background: transparent;
|
|
text-align: center;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
padding: 0px 6px;
|
|
border-radius: 4px;
|
|
}
|
|
.ant-calendar-month-panel-month:hover {
|
|
background: #eaf8fe;
|
|
cursor: pointer;
|
|
}
|
|
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
|
|
background: #2db7f5;
|
|
color: #fff;
|
|
}
|
|
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
|
|
background: #2db7f5;
|
|
color: #fff;
|
|
}
|
|
.ant-calendar-year-panel {
|
|
left: 0px;
|
|
top: 0px;
|
|
bottom: 0px;
|
|
right: 0px;
|
|
background: #fff;
|
|
z-index: 10;
|
|
position: absolute;
|
|
outline: none;
|
|
}
|
|
.ant-calendar-year-panel-hidden {
|
|
display: none;
|
|
}
|
|
.ant-calendar-year-panel-header {
|
|
padding: 0 10px;
|
|
height: 34px;
|
|
line-height: 34px;
|
|
text-align: center;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
}
|
|
.ant-calendar-year-panel-header a:hover {
|
|
color: #57c5f7;
|
|
}
|
|
.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: 0px 2px;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
color: #666;
|
|
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: #999;
|
|
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-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-prev-month-btn {
|
|
left: 29px;
|
|
}
|
|
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn {
|
|
right: 29px;
|
|
}
|
|
.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: #666;
|
|
background: transparent;
|
|
text-align: center;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
padding: 0px 6px;
|
|
border-radius: 4px;
|
|
}
|
|
.ant-calendar-year-panel-year:hover {
|
|
background: #eaf8fe;
|
|
cursor: pointer;
|
|
}
|
|
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
|
|
background: #2db7f5;
|
|
color: #fff;
|
|
}
|
|
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
|
|
background: #2db7f5;
|
|
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 {
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
}
|
|
.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year:before,
|
|
.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year:before {
|
|
content: "\e611";
|
|
font-family: "anticon" !important;
|
|
}
|
|
.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year {
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
|
}
|
|
.ant-calendar-decade-panel {
|
|
left: 0px;
|
|
top: 0px;
|
|
bottom: 0px;
|
|
right: 0px;
|
|
background: #fff;
|
|
z-index: 10;
|
|
position: absolute;
|
|
outline: none;
|
|
}
|
|
.ant-calendar-decade-panel-hidden {
|
|
display: none;
|
|
}
|
|
.ant-calendar-decade-panel-header {
|
|
padding: 0 10px;
|
|
height: 34px;
|
|
line-height: 34px;
|
|
text-align: center;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
}
|
|
.ant-calendar-decade-panel-header a:hover {
|
|
color: #57c5f7;
|
|
}
|
|
.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: 0px 2px;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
color: #666;
|
|
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: #999;
|
|
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-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-prev-month-btn {
|
|
left: 29px;
|
|
}
|
|
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn {
|
|
right: 29px;
|
|
}
|
|
.ant-calendar-decade-panel-table {
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
height: 248px;
|
|
border-collapse: separate;
|
|
}
|
|
.ant-calendar-decade-panel-cell {
|
|
text-align: center;
|
|
}
|
|
.ant-calendar-decade-panel-decade {
|
|
display: inline-block;
|
|
margin: 0 auto;
|
|
color: #666;
|
|
background: transparent;
|
|
text-align: center;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
padding: 0px 6px;
|
|
border-radius: 4px;
|
|
}
|
|
.ant-calendar-decade-panel-decade:hover {
|
|
background: #eaf8fe;
|
|
cursor: pointer;
|
|
}
|
|
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
|
|
background: #2db7f5;
|
|
color: #fff;
|
|
}
|
|
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
|
|
background: #2db7f5;
|
|
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 {
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
}
|
|
.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade:before,
|
|
.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade:before {
|
|
content: "\e611";
|
|
font-family: "anticon" !important;
|
|
}
|
|
.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade {
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
|
}
|
|
.ant-modal {
|
|
outline: none;
|
|
position: absolute;
|
|
left: -9999px;
|
|
top: -9999px;
|
|
z-index: 1000;
|
|
}
|
|
.ant-modal-wrap * {
|
|
box-sizing: border-box;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.ant-modal-wrap-hidden > .ant-modal {
|
|
display: none;
|
|
}
|
|
.ant-modal-title {
|
|
margin: 0;
|
|
font-size: 14px;
|
|
line-height: 21px;
|
|
font-weight: bold;
|
|
}
|
|
.ant-modal-content {
|
|
position: relative;
|
|
background-color: #ffffff;
|
|
border: none;
|
|
border-radius: 6px 6px;
|
|
background-clip: padding-box;
|
|
outline: 0;
|
|
}
|
|
.ant-modal-close {
|
|
cursor: pointer;
|
|
outline: none;
|
|
margin-top: -2px;
|
|
float: right;
|
|
font-size: 21px;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
color: #000;
|
|
text-shadow: 0 1px 0 #fff;
|
|
filter: alpha(opacity=20);
|
|
opacity: .2;
|
|
text-decoration: none;
|
|
-webkit-transition: opacity .3s ease;
|
|
transition: opacity .3s ease;
|
|
}
|
|
.ant-modal-close-x {
|
|
position: absolute;
|
|
font-style: normal;
|
|
vertical-align: baseline;
|
|
text-align: center;
|
|
text-transform: none;
|
|
text-rendering: auto;
|
|
width: 12px;
|
|
height: 12px;
|
|
display: inline-block;
|
|
font-size: 0.83333333;
|
|
font-size: 10px \9;
|
|
-webkit-transform: scale(0.83333333);
|
|
-ms-transform: scale(0.83333333);
|
|
transform: scale(0.83333333);
|
|
line-height: 12px;
|
|
color: #000;
|
|
top: 18px;
|
|
right: 18px;
|
|
}
|
|
:root .ant-modal-close-x {
|
|
font-size: 12px;
|
|
}
|
|
.ant-modal-close-x:before {
|
|
content: "\e61e";
|
|
display: block;
|
|
font-family: "anticon" !important;
|
|
}
|
|
.ant-modal-close:hover {
|
|
color: #000;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
text-decoration: none;
|
|
}
|
|
.ant-modal-header {
|
|
padding: 13px 20px 14px 20px;
|
|
border-radius: 5px 5px 0 0;
|
|
background: #fff;
|
|
color: #666;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
}
|
|
.ant-modal-body {
|
|
padding: 8px 20px;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
}
|
|
.ant-modal-footer {
|
|
border-top: 1px solid #e9e9e9;
|
|
padding: 8px 20px 16px 10px;
|
|
text-align: right;
|
|
border-radius: 0 0 5px 5px;
|
|
}
|
|
.ant-modal-wrap-hidden > .ant-modal.ant-modal-zoom-enter,
|
|
.ant-modal-wrap-hidden > .ant-modal.ant-modal-zoom-leave {
|
|
display: block;
|
|
}
|
|
.ant-modal-wrap-hidden > .ant-modal-mask {
|
|
display: none;
|
|
}
|
|
.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-wrap-hidden > .ant-modal-mask.ant-modal-fade-enter,
|
|
.ant-modal-wrap-hidden > .ant-modal-mask.ant-modal-fade-leave {
|
|
display: block;
|
|
}
|
|
.ant-modal-fade-enter {
|
|
opacity: 0;
|
|
-webkit-animation-duration: 0.3s;
|
|
animation-duration: 0.3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.ant-modal-fade-leave {
|
|
-webkit-animation-duration: 0.3s;
|
|
animation-duration: 0.3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.ant-modal-fade-enter.ant-modal-fade-enter-active {
|
|
-webkit-animation-name: rcDialogFadeIn;
|
|
animation-name: rcDialogFadeIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.ant-modal-fade-leave.ant-modal-fade-leave-active {
|
|
-webkit-animation-name: rcDialogFadeOut;
|
|
animation-name: rcDialogFadeOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
@-webkit-keyframes rcDialogFadeIn {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes rcDialogFadeIn {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@-webkit-keyframes rcDialogFadeOut {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes rcDialogFadeOut {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.ant-modal-header {
|
|
padding: 13px 18px 14px 16px;
|
|
}
|
|
.ant-modal-body {
|
|
padding: 16px;
|
|
}
|
|
.ant-modal-footer {
|
|
padding: 10px 18px 10px 10px;
|
|
}
|
|
.ant-modal-footer button + button {
|
|
margin-left: 8px;
|
|
margin-bottom: 0;
|
|
}
|
|
.ant-confirm .ant-modal-header {
|
|
display: none;
|
|
}
|
|
.ant-confirm .ant-modal-body {
|
|
padding: 30px 40px;
|
|
}
|
|
.ant-confirm .ant-confirm-body .ant-confirm-title {
|
|
color: #666666;
|
|
}
|
|
.ant-confirm .ant-confirm-body .ant-confirm-content {
|
|
margin-left: 37px;
|
|
font-size: 12px;
|
|
color: #999;
|
|
}
|
|
.ant-confirm .ant-confirm-body .anticon {
|
|
font-size: 24px;
|
|
margin-right: 12px;
|
|
position: relative;
|
|
top: 2px;
|
|
}
|
|
.ant-confirm .ant-confirm-body .anticon-exclamation-circle {
|
|
color: #fac450;
|
|
}
|
|
.ant-confirm .ant-confirm-body .anticon-question-circle {
|
|
color: #2db7f5;
|
|
}
|
|
.ant-confirm .ant-confirm-btns {
|
|
margin-top: 30px;
|
|
float: right;
|
|
}
|
|
.ant-confirm .ant-confirm-btns button + button {
|
|
margin-left: 10px;
|
|
margin-bottom: 0;
|
|
}
|
|
.ant-tabs {
|
|
outline: none;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
}
|
|
.ant-tabs-ink-bar {
|
|
z-index: 1;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
box-sizing: border-box;
|
|
height: 2px;
|
|
background-color: #2db7f5;
|
|
-webkit-transform: scaleX(1);
|
|
-ms-transform: scaleX(1);
|
|
transform: scaleX(1);
|
|
-webkit-transform-origin: 0 0;
|
|
-ms-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
}
|
|
.ant-tabs-ink-bar-transition-forward {
|
|
-webkit-transition: right 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.09s;
|
|
transition: right 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.09s;
|
|
}
|
|
.ant-tabs-ink-bar-transition-backward {
|
|
-webkit-transition: right 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.09s, left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: right 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.09s, left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.ant-tabs-nav-container {
|
|
font-size: 14px;
|
|
line-height: 1.5;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
position: relative;
|
|
white-space: nowrap;
|
|
padding-right: 32px;
|
|
border-bottom: 1px solid #f3f3f3;
|
|
margin-bottom: 15px;
|
|
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: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-tab-prev,
|
|
.ant-tabs-tab-next {
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
z-index: 2;
|
|
margin-right: -2px;
|
|
margin-top: 1px;
|
|
width: 32px;
|
|
height: 100%;
|
|
line-height: 32px;
|
|
cursor: pointer;
|
|
border: none;
|
|
background-color: transparent;
|
|
position: absolute;
|
|
text-align: center;
|
|
}
|
|
.ant-tabs-tab-prev-icon,
|
|
.ant-tabs-tab-next-icon {
|
|
position: relative;
|
|
display: inline-block;
|
|
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;
|
|
font-size: 12px;
|
|
}
|
|
.ant-tabs-tab-prev-icon:before,
|
|
.ant-tabs-tab-next-icon:before {
|
|
display: block;
|
|
font-family: "anticon" !important;
|
|
}
|
|
.ant-tabs-tab-prev:hover,
|
|
.ant-tabs-tab-next:hover {
|
|
color: #57c5f7;
|
|
}
|
|
.ant-tabs-tab-next {
|
|
right: 2px;
|
|
}
|
|
.ant-tabs-tab-next-icon:before {
|
|
content: "\e611";
|
|
}
|
|
.ant-tabs-tab-prev {
|
|
left: 0;
|
|
background: #fff;
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
|
}
|
|
.ant-tabs-tab-prev-icon:before {
|
|
content: "\e611";
|
|
}
|
|
.ant-tabs-nav-wrap {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
margin-bottom: -1px;
|
|
}
|
|
.ant-tabs-nav-scroll {
|
|
width: 99999px;
|
|
overflow: hidden;
|
|
}
|
|
.ant-tabs-nav {
|
|
box-sizing: border-box;
|
|
padding-left: 0;
|
|
-webkit-transition: left 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: left 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 div.ant-tabs-tab-active > a,
|
|
.ant-tabs-nav div.ant-tabs-tab-active > a:hover,
|
|
.ant-tabs-nav div.ant-tabs-tab-active > a:focus {
|
|
color: #57c5f7;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
}
|
|
.ant-tabs-nav div.ant-tabs-tab-disabled {
|
|
pointer-events: none;
|
|
cursor: default;
|
|
}
|
|
.ant-tabs-nav div.ant-tabs-tab-disabled a {
|
|
color: #ccc;
|
|
}
|
|
.ant-tabs-nav .ant-tabs-tab {
|
|
float: left;
|
|
height: 100%;
|
|
margin-right: 28px;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
}
|
|
.ant-tabs-nav .ant-tabs-tab > a {
|
|
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);
|
|
display: block;
|
|
color: #666;
|
|
}
|
|
.ant-tabs-nav .ant-tabs-tab > a .anticon {
|
|
width: 14px;
|
|
height: 14px;
|
|
margin-right: 8px;
|
|
top: -1px;
|
|
}
|
|
.ant-tabs-nav .ant-tabs-tab > a:hover {
|
|
color: #6ccdf8;
|
|
cursor: pointer;
|
|
}
|
|
.ant-tabs-nav .ant-tabs-tab > a:hover,
|
|
.ant-tabs-nav .ant-tabs-tab > a:focus {
|
|
text-decoration: none;
|
|
}
|
|
.ant-tabs-mini .ant-tabs-nav-container {
|
|
font-size: 12px;
|
|
}
|
|
.ant-tabs-mini .ant-tabs-tab {
|
|
margin-right: 24px;
|
|
}
|
|
.ant-tabs-mini .ant-tabs-tab > a {
|
|
padding: 8px 16px;
|
|
}
|
|
.ant-tabs-tabpane-hidden {
|
|
display: none;
|
|
}
|
|
.ant-tabs-content {
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
.ant-tabs-slide-horizontal-backward-enter {
|
|
display: block !important;
|
|
-webkit-transform: translateX(-100%);
|
|
-ms-transform: translateX(-100%);
|
|
transform: translateX(-100%);
|
|
}
|
|
.ant-tabs-slide-horizontal-backward-enter.ant-tabs-slide-horizontal-backward-enter-active {
|
|
-webkit-transform: translateX(0);
|
|
-ms-transform: translateX(0);
|
|
transform: translateX(0);
|
|
-webkit-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);
|
|
}
|
|
.ant-tabs-slide-horizontal-backward-leave {
|
|
display: block !important;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
-webkit-transform: translateX(0);
|
|
-ms-transform: translateX(0);
|
|
transform: translateX(0);
|
|
}
|
|
.ant-tabs-slide-horizontal-backward-leave.ant-tabs-slide-horizontal-backward-leave-active {
|
|
-webkit-transform: translateX(100%);
|
|
-ms-transform: translateX(100%);
|
|
transform: translateX(100%);
|
|
-webkit-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);
|
|
}
|
|
.ant-tabs-slide-horizontal-forward-enter {
|
|
display: block !important;
|
|
-webkit-transform: translateX(100%);
|
|
-ms-transform: translateX(100%);
|
|
transform: translateX(100%);
|
|
}
|
|
.ant-tabs-slide-horizontal-forward-enter.ant-tabs-slide-horizontal-forward-enter-active {
|
|
-webkit-transform: translateX(0);
|
|
-ms-transform: translateX(0);
|
|
transform: translateX(0);
|
|
-webkit-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);
|
|
}
|
|
.ant-tabs-slide-horizontal-forward-leave {
|
|
display: block !important;
|
|
position: absolute;
|
|
-webkit-transform: translateX(0);
|
|
-ms-transform: translateX(0);
|
|
transform: translateX(0);
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
}
|
|
.ant-tabs-slide-horizontal-forward-leave.ant-tabs-slide-horizontal-forward-leave-active {
|
|
-webkit-transform: translateX(-100%);
|
|
-ms-transform: translateX(-100%);
|
|
transform: translateX(-100%);
|
|
-webkit-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);
|
|
}
|
|
.ant-table {
|
|
font-size: 12px;
|
|
color: #666666;
|
|
border-radius: 6px;
|
|
-webkit-transition: opacity 0.3s ease;
|
|
transition: opacity 0.3s ease;
|
|
}
|
|
.ant-table table {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
border-collapse: separate;
|
|
text-align: left;
|
|
}
|
|
.ant-table th {
|
|
background: #f3f3f3;
|
|
font-weight: bold;
|
|
-webkit-transition: background .3s ease;
|
|
transition: background .3s ease;
|
|
}
|
|
.ant-table th .anticon-bars {
|
|
margin-left: 4px;
|
|
position: relative;
|
|
top: -1px;
|
|
display: inline-block;
|
|
font-size: 0.83333333;
|
|
font-size: 10px \9;
|
|
-webkit-transform: scale(0.83333333);
|
|
-ms-transform: scale(0.83333333);
|
|
transform: scale(0.83333333);
|
|
cursor: pointer;
|
|
color: #aaa;
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
}
|
|
:root .ant-table th .anticon-bars {
|
|
font-size: 12px;
|
|
}
|
|
.ant-table th .anticon-bars:hover {
|
|
color: #666;
|
|
}
|
|
.ant-table th .ant-table-filter-dropdown {
|
|
min-width: 88px;
|
|
margin-left: -8px;
|
|
margin-top: -6px;
|
|
}
|
|
.ant-table th .ant-table-filter-dropdown .ant-dropdown-menu-item {
|
|
overflow: hidden;
|
|
padding: 7px 8px;
|
|
}
|
|
.ant-table th .ant-table-filter-dropdown .ant-dropdown-menu-item.ant-dropdown-menu-item-selected:after {
|
|
right: 8px;
|
|
display: inline-block;
|
|
font-size: 0.83333333;
|
|
font-size: 10px \9;
|
|
-webkit-transform: scale(0.83333333);
|
|
-ms-transform: scale(0.83333333);
|
|
transform: scale(0.83333333);
|
|
}
|
|
:root .ant-table th .ant-table-filter-dropdown .ant-dropdown-menu-item.ant-dropdown-menu-item-selected:after {
|
|
font-size: 12px;
|
|
}
|
|
.ant-table th a.ant-table-filter-dropdown-link {
|
|
color: #2db7f5;
|
|
}
|
|
.ant-table th a.ant-table-filter-dropdown-link:hover {
|
|
color: #57c5f7;
|
|
}
|
|
.ant-table th a.ant-table-filter-dropdown-link:active {
|
|
color: #2baee9;
|
|
}
|
|
.ant-table th a.ant-table-filter-dropdown-link.confirm {
|
|
float: left;
|
|
}
|
|
.ant-table th a.ant-table-filter-dropdown-link.clear {
|
|
float: right;
|
|
}
|
|
.ant-table th .ant-table-filter-selected.anticon-bars {
|
|
color: #2db7f5;
|
|
}
|
|
.ant-table th:first-child {
|
|
border-radius: 6px 0 0 0;
|
|
}
|
|
.ant-table th:last-child {
|
|
border-radius: 0 6px 0 0;
|
|
}
|
|
.ant-table td {
|
|
border-bottom: 1px solid #e9e9e9;
|
|
}
|
|
.ant-table tr {
|
|
-webkit-transition: all .3s ease;
|
|
transition: all .3s ease;
|
|
}
|
|
.ant-table tr:hover {
|
|
background: #eaf8fe;
|
|
}
|
|
.ant-table tr.ant-table-row-selected {
|
|
background: #fafafa;
|
|
}
|
|
.ant-table th.ant-table-column-sort {
|
|
background: #EAEAEA;
|
|
}
|
|
.ant-table th,
|
|
.ant-table td {
|
|
padding: 16px 8px;
|
|
}
|
|
.ant-table th.ant-table-selection-column,
|
|
.ant-table td.ant-table-selection-column {
|
|
text-align: center;
|
|
}
|
|
.ant-table-loading {
|
|
position: relative;
|
|
}
|
|
.ant-table-loading .ant-table-body {
|
|
opacity: 0.42;
|
|
}
|
|
.ant-table-loading:after {
|
|
position: absolute;
|
|
display: inline-block;
|
|
-webkit-animation: loadingCircle 1.5s infinite linear;
|
|
animation: loadingCircle 1.5s infinite linear;
|
|
content: "\e610";
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-top: -10px;
|
|
margin-left: -10px;
|
|
font-family: anticon;
|
|
width: 20px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
font-size: 20px;
|
|
color: #2db7f5;
|
|
}
|
|
.ant-table-small {
|
|
border: 1px solid #e9e9e9;
|
|
padding: 0 8px;
|
|
}
|
|
.ant-table-small th {
|
|
padding: 10px 8px;
|
|
background: #fff;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
}
|
|
.ant-table-small td {
|
|
padding: 6px 8px;
|
|
}
|
|
.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: 6px;
|
|
display: block;
|
|
width: 12px;
|
|
cursor: pointer;
|
|
}
|
|
.ant-table-column-sorter-up:hover .anticon,
|
|
.ant-table-column-sorter-down:hover .anticon {
|
|
color: #666;
|
|
}
|
|
.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: #2db7f5;
|
|
}
|
|
.ant-table-column-sorter .anticon-caret-up,
|
|
.ant-table-column-sorter .anticon-caret-down {
|
|
display: inline-block;
|
|
font-size: 0.5;
|
|
font-size: 6px \9;
|
|
-webkit-transform: scale(0.5);
|
|
-ms-transform: scale(0.5);
|
|
transform: scale(0.5);
|
|
line-height: 6px;
|
|
height: 6px;
|
|
color: #aaa;
|
|
}
|
|
: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-pagination {
|
|
margin: 16px 0;
|
|
float: right;
|
|
}
|
|
.ant-tooltip {
|
|
position: absolute;
|
|
z-index: 1070;
|
|
display: block;
|
|
visibility: visible;
|
|
left: -9999px;
|
|
top: -9999px;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
opacity: 0.9;
|
|
}
|
|
.ant-tooltip-hidden {
|
|
display: none;
|
|
}
|
|
.ant-tooltip-placement-top {
|
|
padding: 5px 0 9px 0;
|
|
}
|
|
.ant-tooltip-placement-right {
|
|
padding: 0 5px 0 9px;
|
|
}
|
|
.ant-tooltip-placement-bottom {
|
|
padding: 9px 0 5px 0;
|
|
}
|
|
.ant-tooltip-placement-left {
|
|
padding: 0 9px 0 5px;
|
|
}
|
|
.ant-tooltip-inner {
|
|
max-width: 250px;
|
|
padding: 8px 10px;
|
|
color: #ffffff;
|
|
text-align: left;
|
|
text-decoration: none;
|
|
background-color: #373737;
|
|
border-radius: 6px;
|
|
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.17);
|
|
}
|
|
.ant-tooltip-arrow {
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
}
|
|
.ant-tooltip-placement-top .ant-tooltip-arrow {
|
|
bottom: 4px;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-width: 5px 5px 0;
|
|
border-top-color: #373737;
|
|
}
|
|
.ant-tooltip-placement-right .ant-tooltip-arrow {
|
|
top: 50%;
|
|
left: 4px;
|
|
margin-top: -5px;
|
|
border-width: 5px 5px 5px 0;
|
|
border-right-color: #373737;
|
|
}
|
|
.ant-tooltip-placement-left .ant-tooltip-arrow {
|
|
top: 50%;
|
|
right: 4px;
|
|
margin-top: -5px;
|
|
border-width: 5px 0 5px 5px;
|
|
border-left-color: #373737;
|
|
}
|
|
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
|
|
top: 4px;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-width: 0 5px 5px;
|
|
border-bottom-color: #373737;
|
|
}
|
|
.ant-popover {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 1080;
|
|
cursor: auto;
|
|
-moz-user-select: text;
|
|
-webkit-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 {
|
|
margin-top: -4px;
|
|
padding-bottom: 8px;
|
|
}
|
|
.ant-popover-placement-top:after {
|
|
top: 100%;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 8px;
|
|
}
|
|
.ant-popover-placement-right {
|
|
margin-left: 4px;
|
|
padding-left: 8px;
|
|
}
|
|
.ant-popover-placement-right:after {
|
|
top: 0;
|
|
left: -8px;
|
|
width: 8px;
|
|
height: 100%;
|
|
}
|
|
.ant-popover-placement-bottom {
|
|
margin-top: 4px;
|
|
padding-top: 8px;
|
|
}
|
|
.ant-popover-placement-bottom:after {
|
|
top: -8px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 8px;
|
|
}
|
|
.ant-popover-placement-left {
|
|
margin-left: -4px;
|
|
padding-right: 8px;
|
|
}
|
|
.ant-popover-placement-left:after {
|
|
top: 0;
|
|
left: 100%;
|
|
width: 8px;
|
|
height: 100%;
|
|
}
|
|
.ant-popover-inner {
|
|
max-width: 276px;
|
|
min-width: 177px;
|
|
background-color: #ffffff;
|
|
background-clip: padding-box;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 6px;
|
|
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.17);
|
|
}
|
|
.ant-popover-title {
|
|
margin: 0;
|
|
padding: 0 16px;
|
|
line-height: 32px;
|
|
height: 32px;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
color: #666;
|
|
}
|
|
.ant-popover-content {
|
|
padding: 8px 16px;
|
|
color: #666666;
|
|
}
|
|
.ant-popover-message {
|
|
padding: 8px 0 16px;
|
|
font-size: 12px;
|
|
color: text-color;
|
|
}
|
|
.ant-popover-message .anticon {
|
|
margin-right: 8px;
|
|
color: #ff6600;
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
.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-arrow {
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-bottom-width: 0;
|
|
border-top-color: #d9d9d9;
|
|
bottom: 4px;
|
|
}
|
|
.ant-popover-placement-top > .ant-popover-arrow:after {
|
|
content: " ";
|
|
bottom: 1px;
|
|
margin-left: -4px;
|
|
border-bottom-width: 0;
|
|
border-top-color: #ffffff;
|
|
}
|
|
.ant-popover-placement-right > .ant-popover-arrow {
|
|
top: 50%;
|
|
left: 4px;
|
|
margin-top: -5px;
|
|
border-left-width: 0;
|
|
border-right-color: #d9d9d9;
|
|
}
|
|
.ant-popover-placement-right > .ant-popover-arrow:after {
|
|
content: " ";
|
|
left: 1px;
|
|
bottom: -4px;
|
|
border-left-width: 0;
|
|
border-right-color: #ffffff;
|
|
}
|
|
.ant-popover-placement-bottom > .ant-popover-arrow {
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-top-width: 0;
|
|
border-bottom-color: #d9d9d9;
|
|
top: 4px;
|
|
}
|
|
.ant-popover-placement-bottom > .ant-popover-arrow:after {
|
|
content: " ";
|
|
top: 1px;
|
|
margin-left: -4px;
|
|
border-top-width: 0;
|
|
border-bottom-color: #ffffff;
|
|
}
|
|
.ant-popover-placement-left > .ant-popover-arrow {
|
|
top: 50%;
|
|
right: 4px;
|
|
margin-top: -5px;
|
|
border-right-width: 0;
|
|
border-left-color: #d9d9d9;
|
|
}
|
|
.ant-popover-placement-left > .ant-popover-arrow:after {
|
|
content: " ";
|
|
right: 1px;
|
|
border-right-width: 0;
|
|
border-left-color: #ffffff;
|
|
bottom: -4px;
|
|
}
|
|
.ant-pagination {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
font-size: 12px;
|
|
}
|
|
.ant-pagination:after {
|
|
content: " ";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
overflow: hidden;
|
|
visibility: hidden;
|
|
}
|
|
.ant-pagination-item {
|
|
cursor: pointer;
|
|
border-radius: 6px;
|
|
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: #666;
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
}
|
|
.ant-pagination-item:hover {
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
border-color: #2db7f5;
|
|
}
|
|
.ant-pagination-item:hover a {
|
|
color: #2db7f5;
|
|
}
|
|
.ant-pagination-item-active {
|
|
background-color: #2db7f5;
|
|
border-color: #2db7f5;
|
|
}
|
|
.ant-pagination-item-active a,
|
|
.ant-pagination-item-active:hover a {
|
|
color: #fff;
|
|
}
|
|
.ant-pagination-jump-prev:after,
|
|
.ant-pagination-jump-next:after {
|
|
content: "•••";
|
|
display: block;
|
|
letter-spacing: 2px;
|
|
color: #ccc;
|
|
}
|
|
.ant-pagination-jump-prev:hover:after,
|
|
.ant-pagination-jump-next:hover:after {
|
|
color: #2db7f5;
|
|
display: inline-block;
|
|
font-size: 0.66666667;
|
|
font-size: 8px \9;
|
|
-webkit-transform: scale(0.66666667);
|
|
-ms-transform: scale(0.66666667);
|
|
transform: scale(0.66666667);
|
|
letter-spacing: -1px;
|
|
font-family: "anticon";
|
|
}
|
|
:root .ant-pagination-jump-prev:hover:after,
|
|
:root .ant-pagination-jump-next:hover:after {
|
|
font-size: 12px;
|
|
}
|
|
.ant-pagination-jump-prev {
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
/* IE6-IE8 */
|
|
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=-1, M12=-0.00000000000000012246, M21=0.00000000000000012246, M22=-1);
|
|
zoom: 1;
|
|
}
|
|
.ant-pagination-jump-prev:hover:after {
|
|
content: "\e611\e611";
|
|
}
|
|
.ant-pagination-jump-next:hover:after {
|
|
content: "\e611\e611";
|
|
}
|
|
.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: #666;
|
|
border-radius: 6px;
|
|
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;
|
|
}
|
|
.ant-pagination-prev a,
|
|
.ant-pagination-next a {
|
|
color: #666;
|
|
}
|
|
.ant-pagination-prev a:after,
|
|
.ant-pagination-next a:after {
|
|
display: inline-block;
|
|
font-size: 0.66666667;
|
|
font-size: 8px \9;
|
|
-webkit-transform: scale(0.66666667);
|
|
-ms-transform: scale(0.66666667);
|
|
transform: scale(0.66666667);
|
|
display: block;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
font-family: "anticon";
|
|
}
|
|
: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: #2db7f5;
|
|
}
|
|
.ant-pagination-prev:hover a,
|
|
.ant-pagination-next:hover a {
|
|
color: #2db7f5;
|
|
}
|
|
.ant-pagination-prev {
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
/* IE6-IE8 */
|
|
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=-1, M12=-0.00000000000000012246, M21=0.00000000000000012246, M22=-1);
|
|
zoom: 1;
|
|
}
|
|
.ant-pagination-prev a:after {
|
|
margin-top: -0.5px;
|
|
content: "\e611";
|
|
display: block;
|
|
}
|
|
.ant-pagination-next a:after {
|
|
content: "\e611";
|
|
display: block;
|
|
}
|
|
.ant-pagination-disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-pagination-disabled:hover {
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-pagination-disabled:hover a {
|
|
color: #ccc;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-pagination-disabled a {
|
|
color: #ccc;
|
|
}
|
|
.ant-pagination-slash {
|
|
margin: 0 10px 0 5px;
|
|
}
|
|
.ant-pagination-options {
|
|
float: left;
|
|
margin-left: 15px;
|
|
}
|
|
.ant-pagination-options-size-changer {
|
|
float: left;
|
|
width: 90px;
|
|
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: #666666;
|
|
background-color: #ffffff;
|
|
background-image: none;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 6px;
|
|
transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-webkit-transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-moz-transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
margin: 0 8px;
|
|
width: 50px;
|
|
}
|
|
.ant-pagination-options-quick-jumper input::-moz-placeholder {
|
|
color: #cccccc;
|
|
opacity: 1;
|
|
}
|
|
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
|
|
color: #cccccc;
|
|
}
|
|
.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
|
|
color: #cccccc;
|
|
}
|
|
.ant-pagination-options-quick-jumper input:hover {
|
|
border-color: #57c5f7;
|
|
}
|
|
.ant-pagination-options-quick-jumper input:focus {
|
|
border-color: #57c5f7;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px #d5f1fd;
|
|
}
|
|
.ant-pagination-options-quick-jumper input[disabled],
|
|
fieldset[disabled] .ant-pagination-options-quick-jumper input {
|
|
background-color: #f3f5f7;
|
|
opacity: 1;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-pagination-options-quick-jumper input[disabled]:hover,
|
|
fieldset[disabled] .ant-pagination-options-quick-jumper input:hover {
|
|
border-color: #e1e1e1;
|
|
}
|
|
textarea.ant-pagination-options-quick-jumper input {
|
|
max-width: 100%;
|
|
height: auto;
|
|
vertical-align: bottom;
|
|
}
|
|
.ant-pagination-options-quick-jumper input-lg {
|
|
padding: 4px 7px 5px;
|
|
height: 32px;
|
|
font-size: 14px;
|
|
}
|
|
.ant-pagination-options-quick-jumper input-sm {
|
|
padding: 1px 7px;
|
|
height: 22px;
|
|
font-size: 12px;
|
|
}
|
|
.ant-pagination-simple .ant-pagination-prev,
|
|
.ant-pagination-simple .ant-pagination-next {
|
|
border: none;
|
|
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: 6px;
|
|
border: 1px solid #d9d9d9;
|
|
outline: none;
|
|
padding: 5px 8px;
|
|
width: 30px;
|
|
height: 24px;
|
|
text-align: center;
|
|
}
|
|
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
|
|
border-color: #2db7f5;
|
|
}
|
|
.ant-pagination.mini .ant-pagination-item {
|
|
border: none;
|
|
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: none;
|
|
}
|
|
.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-quick-jumper {
|
|
height: 20px;
|
|
line-height: 20px;
|
|
}
|
|
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
|
|
padding: 1px 7px;
|
|
height: 22px;
|
|
font-size: 12px;
|
|
}
|
|
fieldset {
|
|
padding: 0;
|
|
margin: 0;
|
|
border: 0;
|
|
min-width: 0;
|
|
}
|
|
legend {
|
|
display: block;
|
|
width: 100%;
|
|
padding: 0;
|
|
margin-bottom: 20px;
|
|
font-size: 14px;
|
|
line-height: inherit;
|
|
color: #999999;
|
|
border: 0;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
}
|
|
label {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
max-width: 100%;
|
|
}
|
|
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: #666666;
|
|
}
|
|
label {
|
|
position: relative;
|
|
}
|
|
label[required]:before {
|
|
position: absolute;
|
|
display: inline-block;
|
|
left: -5px \9;
|
|
content: "*";
|
|
color: #ff6600;
|
|
font-family: SimSun;
|
|
font-size: 12px;
|
|
-webkit-transform: translate3d(-10px, 0, 0);
|
|
transform: translate3d(-10px, 0, 0);
|
|
}
|
|
label > .anticon {
|
|
vertical-align: top;
|
|
font-size: 12px;
|
|
}
|
|
.ant-input {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding: 4px 7px;
|
|
width: 100%;
|
|
height: 28px;
|
|
cursor: text;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
color: #666666;
|
|
background-color: #ffffff;
|
|
background-image: none;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 6px;
|
|
transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-webkit-transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-moz-transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.ant-input::-moz-placeholder {
|
|
color: #cccccc;
|
|
opacity: 1;
|
|
}
|
|
.ant-input:-ms-input-placeholder {
|
|
color: #cccccc;
|
|
}
|
|
.ant-input::-webkit-input-placeholder {
|
|
color: #cccccc;
|
|
}
|
|
.ant-input:hover {
|
|
border-color: #57c5f7;
|
|
}
|
|
.ant-input:focus {
|
|
border-color: #57c5f7;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px #d5f1fd;
|
|
}
|
|
.ant-input[disabled],
|
|
fieldset[disabled] .ant-input {
|
|
background-color: #f3f5f7;
|
|
opacity: 1;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-input[disabled]:hover,
|
|
fieldset[disabled] .ant-input:hover {
|
|
border-color: #e1e1e1;
|
|
}
|
|
textarea.ant-input {
|
|
max-width: 100%;
|
|
height: auto;
|
|
vertical-align: bottom;
|
|
}
|
|
.ant-input-lg {
|
|
padding: 4px 7px 5px;
|
|
height: 32px;
|
|
font-size: 14px;
|
|
}
|
|
.ant-input-sm {
|
|
padding: 1px 7px;
|
|
height: 22px;
|
|
font-size: 12px;
|
|
}
|
|
.has-feedback {
|
|
position: relative;
|
|
}
|
|
.has-feedback .anticon {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
z-index: 2;
|
|
width: 28px;
|
|
height: 28px;
|
|
font-size: 14px;
|
|
line-height: 28px;
|
|
text-align: center;
|
|
pointer-events: none;
|
|
}
|
|
.ant-input-group {
|
|
position: relative;
|
|
display: table;
|
|
border-collapse: separate;
|
|
}
|
|
.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: 1%;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
}
|
|
.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: #666666;
|
|
text-align: center;
|
|
background-color: #eee;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 6px;
|
|
}
|
|
.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-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-lg .ant-input,
|
|
.ant-input-group-lg > .ant-input-group-addon {
|
|
padding: 4px 7px 5px;
|
|
height: 32px;
|
|
font-size: 14px;
|
|
}
|
|
.ant-input-group-sm .ant-input,
|
|
.ant-input-group-sm > .ant-input-group-addon {
|
|
padding: 1px 7px;
|
|
height: 22px;
|
|
font-size: 12px;
|
|
}
|
|
input[type="radio"][disabled],
|
|
input[type="checkbox"][disabled],
|
|
input[type="radio"].disabled,
|
|
input[type="checkbox"].disabled,
|
|
fieldset[disabled] input[type="radio"],
|
|
fieldset[disabled] input[type="checkbox"] {
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-radio-inline.disabled,
|
|
.ant-radio-vertical.disabled,
|
|
.ant-checkbox-inline.disabled,
|
|
.ant-checkbox-vertical.disabled,
|
|
fieldset[disabled] .ant-radio-inline,
|
|
fieldset[disabled] .ant-radio-vertical,
|
|
fieldset[disabled] .ant-checkbox-inline,
|
|
fieldset[disabled] .ant-checkbox-vertical {
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-radio.disabled label,
|
|
.ant-checkbox.disabled label,
|
|
fieldset[disabled] .ant-radio label,
|
|
fieldset[disabled] .ant-checkbox label {
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-form-item {
|
|
margin-bottom: 24px;
|
|
color: #666;
|
|
}
|
|
.ant-form-item > label {
|
|
color: #666666;
|
|
text-align: right;
|
|
vertical-align: middle;
|
|
}
|
|
.ant-form-item > label:lang(en) {
|
|
padding-right: 8px;
|
|
}
|
|
.ant-form-item .ant-switch {
|
|
margin: 4px 0;
|
|
}
|
|
.ant-form-text,
|
|
.ant-form-split {
|
|
margin: 0!important;
|
|
padding-top: 7px;
|
|
padding-bottom: 7px;
|
|
}
|
|
.ant-form-text {
|
|
display: inline-block;
|
|
padding-right: 8px;
|
|
}
|
|
.ant-form-split {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
.ant-form-explain {
|
|
position: absolute;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
bottom: - 18px;
|
|
}
|
|
form * {
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
}
|
|
form .has-feedback .anticon {
|
|
width: 32px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
}
|
|
form .ant-input,
|
|
form .ant-input-group .ant-input,
|
|
form .ant-input-group .ant-input-group-addon {
|
|
height: 32px;
|
|
font-size: 12px;
|
|
padding: 6px 7px;
|
|
}
|
|
form .ant-input-group .ant-select-selection {
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
}
|
|
form .ant-input-group .ant-select-selection:hover {
|
|
border-color: #d9d9d9;
|
|
}
|
|
form .ant-input-group .ant-select-selection--single {
|
|
margin-left: -1px;
|
|
height: 32px;
|
|
background-color: #eee;
|
|
}
|
|
form .ant-input-group .ant-select-selection--single .ant-select-selection__rendered {
|
|
padding-left: 8px;
|
|
padding-right: 25px;
|
|
line-height: 30px;
|
|
}
|
|
form .ant-input-group .ant-select-open .ant-select-selection {
|
|
border-color: #d9d9d9;
|
|
box-shadow: none;
|
|
}
|
|
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;
|
|
margin-right: 16px;
|
|
vertical-align: middle;
|
|
font-weight: normal;
|
|
cursor: pointer;
|
|
}
|
|
form .ant-checkbox-vertical,
|
|
form .ant-radio-vertical {
|
|
display: block;
|
|
margin-top: 16px;
|
|
}
|
|
form .ant-checkbox-vertical:first-child,
|
|
form .ant-radio-vertical:first-child {
|
|
margin-top: 0;
|
|
}
|
|
form .ant-input-number {
|
|
margin-top: -1px;
|
|
margin-right: 8px;
|
|
}
|
|
form .ant-calendar-picker {
|
|
width: 100%;
|
|
}
|
|
.ant-form-horizontal .ant-form-item {
|
|
position: relative;
|
|
width: 100%;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
height: auto;
|
|
}
|
|
.ant-form-horizontal .ant-form-item-compact label,
|
|
.ant-form-horizontal .ant-form-item-compact .ant-form-text,
|
|
.ant-form-horizontal .ant-form-item-compact .ant-form-split {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
.ant-form-horizontal .ant-radio-inline,
|
|
.ant-form-horizontal .ant-checkbox-inline {
|
|
vertical-align: top;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ant-form-inline .ant-form-item {
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
}
|
|
.ant-form-inline .ant-input {
|
|
display: inline-block;
|
|
width: auto;
|
|
vertical-align: middle;
|
|
}
|
|
.ant-form-inline .ant-form-text {
|
|
display: inline-block;
|
|
}
|
|
.ant-form-inline .has-feedback {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
.ant-form-horizontal label,
|
|
.ant-form-inline label {
|
|
padding-top: 7px;
|
|
padding-bottom: 7px;
|
|
}
|
|
.ant-form-horizontal label > input[type="radio"],
|
|
.ant-form-inline label > input[type="radio"],
|
|
.ant-form-horizontal label > input[type="checkbox"],
|
|
.ant-form-inline label > input[type="checkbox"] {
|
|
margin-right: 5px;
|
|
}
|
|
.has-success .ant-form-explain,
|
|
.has-success .ant-form-split {
|
|
color: #87d068;
|
|
}
|
|
.has-success .ant-input {
|
|
border-color: #2db7f5;
|
|
}
|
|
.has-success .ant-input:focus {
|
|
border-color: #2db7f5;
|
|
box-shadow: 0 0 0 2px #d5f1fd;
|
|
}
|
|
.has-success .ant-input:not([disabled]):hover {
|
|
border-color: #2db7f5;
|
|
}
|
|
.has-success .ant-calendar-picker-open .ant-calendar-picker-input {
|
|
box-shadow: 0 0 0 2px #d5f1fd;
|
|
}
|
|
.has-success .ant-input-group-addon {
|
|
color: #87d068;
|
|
border-color: #2db7f5;
|
|
background-color: #ffffff;
|
|
}
|
|
.has-success .has-feedback {
|
|
color: #87d068;
|
|
}
|
|
.has-success .ant-input {
|
|
border-color: #d9d9d9;
|
|
}
|
|
.has-warning .ant-form-explain,
|
|
.has-warning .ant-form-split {
|
|
color: #fac450;
|
|
}
|
|
.has-warning .ant-input {
|
|
border-color: #fac450;
|
|
}
|
|
.has-warning .ant-input:focus {
|
|
border-color: #fac450;
|
|
box-shadow: 0 0 0 2px #fef3dc;
|
|
}
|
|
.has-warning .ant-input:not([disabled]):hover {
|
|
border-color: #fac450;
|
|
}
|
|
.has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
|
|
box-shadow: 0 0 0 2px #fef3dc;
|
|
}
|
|
.has-warning .ant-input-group-addon {
|
|
color: #fac450;
|
|
border-color: #fac450;
|
|
background-color: #ffffff;
|
|
}
|
|
.has-warning .has-feedback {
|
|
color: #fac450;
|
|
}
|
|
.has-error .ant-form-explain,
|
|
.has-error .ant-form-split {
|
|
color: #ff6600;
|
|
}
|
|
.has-error .ant-input {
|
|
border-color: #ff6600;
|
|
}
|
|
.has-error .ant-input:focus {
|
|
border-color: #ff6600;
|
|
box-shadow: 0 0 0 2px #ffe0cc;
|
|
}
|
|
.has-error .ant-input:not([disabled]):hover {
|
|
border-color: #ff6600;
|
|
}
|
|
.has-error .ant-calendar-picker-open .ant-calendar-picker-input {
|
|
box-shadow: 0 0 0 2px #ffe0cc;
|
|
}
|
|
.has-error .ant-input-group-addon {
|
|
color: #ff6600;
|
|
border-color: #ff6600;
|
|
background-color: #ffffff;
|
|
}
|
|
.has-error .has-feedback {
|
|
color: #ff6600;
|
|
}
|
|
.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: #cccccc;
|
|
background-color: #fff;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-head-inner > .ant-steps-icon {
|
|
color: #cccccc;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-title {
|
|
color: #999999;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-description {
|
|
color: #999999;
|
|
}
|
|
.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: #2db7f5;
|
|
background-color: #2db7f5;
|
|
}
|
|
.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: #666666;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-description {
|
|
color: #666666;
|
|
}
|
|
.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: #2db7f5;
|
|
background-color: #fff;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner > .ant-steps-icon {
|
|
color: #2db7f5;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-tail > i {
|
|
background-color: #2db7f5;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-title {
|
|
color: #999999;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-description {
|
|
color: #999999;
|
|
}
|
|
.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: 20px;
|
|
top: 2px;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.ant-steps .ant-steps-item.ant-steps-custom.ant-steps-status-process .ant-steps-head-inner > .ant-steps-icon {
|
|
color: #2db7f5;
|
|
}
|
|
.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 #cccccc;
|
|
width: 26px;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
text-align: center;
|
|
border-radius: 26px;
|
|
font-size: 14px;
|
|
margin-right: 8px;
|
|
transition: background-color 0.3s ease;
|
|
-webkit-transition: background-color 0.3s ease;
|
|
transition: border-color 0.3s ease;
|
|
-webkit-transition: border-color 0.3s ease;
|
|
-moz-transition: border-color 0.3s ease;
|
|
}
|
|
.ant-steps .ant-steps-head-inner > .ant-steps-icon {
|
|
line-height: 1;
|
|
top: -1px;
|
|
color: #2db7f5;
|
|
position: relative;
|
|
}
|
|
.ant-steps .ant-steps-head-inner > .ant-steps-icon.anticon {
|
|
font-size: 12px;
|
|
position: relative;
|
|
top: -2px;
|
|
}
|
|
.ant-steps .ant-steps-main {
|
|
margin-top: 3px;
|
|
}
|
|
.ant-steps .ant-steps-title {
|
|
font-size: 14px;
|
|
margin-bottom: 4px;
|
|
color: #666;
|
|
font-weight: bold;
|
|
background: #fff;
|
|
display: inline-block;
|
|
padding-right: 10px;
|
|
}
|
|
.ant-steps .ant-steps-item-last .ant-steps-title {
|
|
padding-right: 0;
|
|
}
|
|
.ant-steps .ant-steps-description {
|
|
font-size: 12px;
|
|
color: #999;
|
|
}
|
|
.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%;
|
|
transition: background 0.3s ease;
|
|
-webkit-transition: background 0.3s ease;
|
|
-moz-transition: background 0.3s ease;
|
|
}
|
|
.ant-steps.ant-steps-small .ant-steps-head-inner {
|
|
border: 1px solid #cccccc;
|
|
width: 18px;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
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: 0.75;
|
|
font-size: 9px \9;
|
|
-webkit-transform: scale(0.75);
|
|
-ms-transform: scale(0.75);
|
|
transform: scale(0.75);
|
|
top: -1px;
|
|
}
|
|
: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: #666;
|
|
font-weight: bold;
|
|
}
|
|
.ant-steps.ant-steps-small .ant-steps-description {
|
|
font-size: 10px;
|
|
color: #999;
|
|
}
|
|
.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-item.ant-steps-custom .ant-steps-head-inner,
|
|
.ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner {
|
|
width: inherit;
|
|
height: inherit;
|
|
line-height: inherit;
|
|
border-radius: 0;
|
|
border: 0;
|
|
background: none;
|
|
}
|
|
.ant-breadcrumb {
|
|
color: #999;
|
|
font-size: 12px;
|
|
}
|
|
.ant-breadcrumb a {
|
|
color: #666;
|
|
}
|
|
.ant-breadcrumb > span:last-child {
|
|
font-weight: bold;
|
|
color: #666;
|
|
}
|
|
.ant-breadcrumb > span:last-child .ant-breadcrumb-slash {
|
|
display: none;
|
|
}
|
|
.ant-breadcrumb-slash {
|
|
margin: 0 8px;
|
|
color: #d9d9d9;
|
|
}
|
|
.ant-breadcrumb .anticon {
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
.ant-breadcrumb .anticon + span {
|
|
margin-left: 6px;
|
|
}
|
|
.ant-input-number {
|
|
position: relative;
|
|
padding: 4px 7px;
|
|
width: 100%;
|
|
cursor: text;
|
|
line-height: 1.5;
|
|
color: #666666;
|
|
background-color: #ffffff;
|
|
background-image: none;
|
|
border: 1px solid #d9d9d9;
|
|
transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-webkit-transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-moz-transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: 28px;
|
|
font-size: 12px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
border: 1px solid #D9D9D9;
|
|
border-radius: 6px;
|
|
overflow: hidden;
|
|
}
|
|
.ant-input-number::-moz-placeholder {
|
|
color: #cccccc;
|
|
opacity: 1;
|
|
}
|
|
.ant-input-number:-ms-input-placeholder {
|
|
color: #cccccc;
|
|
}
|
|
.ant-input-number::-webkit-input-placeholder {
|
|
color: #cccccc;
|
|
}
|
|
.ant-input-number:hover {
|
|
border-color: #57c5f7;
|
|
}
|
|
.ant-input-number:focus {
|
|
border-color: #57c5f7;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px #d5f1fd;
|
|
}
|
|
.ant-input-number[disabled],
|
|
fieldset[disabled] .ant-input-number {
|
|
background-color: #f3f5f7;
|
|
opacity: 1;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-input-number[disabled]:hover,
|
|
fieldset[disabled] .ant-input-number:hover {
|
|
border-color: #e1e1e1;
|
|
}
|
|
textarea.ant-input-number {
|
|
max-width: 100%;
|
|
height: auto;
|
|
vertical-align: bottom;
|
|
}
|
|
.ant-input-number-lg {
|
|
padding: 4px 7px 5px;
|
|
height: 32px;
|
|
font-size: 14px;
|
|
}
|
|
.ant-input-number-sm {
|
|
padding: 1px 7px;
|
|
height: 22px;
|
|
font-size: 12px;
|
|
}
|
|
.ant-input-number-handler {
|
|
text-align: center;
|
|
line-height: 0;
|
|
height: 14px;
|
|
overflow: hidden;
|
|
color: #999;
|
|
}
|
|
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
|
|
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
|
|
color: #57c5f7;
|
|
}
|
|
.ant-input-number-handler-up-inner,
|
|
.ant-input-number-handler-down-inner {
|
|
position: relative;
|
|
font-style: normal;
|
|
vertical-align: baseline;
|
|
text-align: center;
|
|
text-transform: none;
|
|
text-rendering: auto;
|
|
line-height: 12px;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 12px;
|
|
display: inline-block;
|
|
font-size: 0.66666667;
|
|
font-size: 8px \9;
|
|
-webkit-transform: scale(0.66666667);
|
|
-ms-transform: scale(0.66666667);
|
|
transform: scale(0.66666667);
|
|
right: 4px;
|
|
color: #999;
|
|
}
|
|
.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 {
|
|
font-size: 12px;
|
|
}
|
|
.ant-input-number:hover {
|
|
border-color: #57c5f7;
|
|
}
|
|
.ant-input-number-focused {
|
|
border-color: #57c5f7;
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px #d5f1fd;
|
|
}
|
|
.ant-input-number-disabled {
|
|
background-color: #f3f5f7;
|
|
opacity: 1;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-input-number-disabled:hover {
|
|
border-color: #e1e1e1;
|
|
}
|
|
.ant-input-number-input-wrap {
|
|
overflow: hidden;
|
|
height: 28px;
|
|
}
|
|
.ant-input-number-input {
|
|
width: 100%;
|
|
text-align: left;
|
|
outline: 0;
|
|
-moz-appearance: textfield;
|
|
line-height: 28px;
|
|
height: 28px;
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
color: #666666;
|
|
border: 0;
|
|
border-radius: 6px;
|
|
padding: 0 7px;
|
|
}
|
|
.ant-input-number-input[disabled] {
|
|
background-color: #f3f5f7;
|
|
opacity: 1;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-input-number-input[disabled]:hover {
|
|
border-color: #e1e1e1;
|
|
}
|
|
.ant-input-number-handler-wrap {
|
|
float: right;
|
|
border-left: 1px solid #D9D9D9;
|
|
width: 22px;
|
|
height: 28px;
|
|
position: relative;
|
|
}
|
|
.ant-input-number-handler-up {
|
|
border-bottom: 1px solid #D9D9D9;
|
|
cursor: pointer;
|
|
}
|
|
.ant-input-number-handler-up-inner {
|
|
top: 1px;
|
|
}
|
|
.ant-input-number-handler-up-inner:before {
|
|
content: "\e600";
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
-webkit-transform-origin: 47.5% 51%;
|
|
/* fix chrome position */
|
|
}
|
|
.ant-input-number-handler-down {
|
|
cursor: pointer;
|
|
}
|
|
.ant-input-number-handler-down-inner:before {
|
|
content: "\e600";
|
|
}
|
|
.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: default;
|
|
}
|
|
.ant-input-number-handler-down-disabled .ant-input-number-handler-down-inner:hover,
|
|
.ant-input-number-handler-up-disabled .ant-input-number-handler-down-inner:hover,
|
|
.ant-input-number-disabled .ant-input-number-handler-down-inner:hover,
|
|
.ant-input-number-handler-down-disabled .ant-input-number-handler-up-inner:hover,
|
|
.ant-input-number-handler-up-disabled .ant-input-number-handler-up-inner:hover,
|
|
.ant-input-number-disabled .ant-input-number-handler-up-inner:hover {
|
|
color: #ccc;
|
|
cursor: default;
|
|
}
|
|
.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 {
|
|
opacity: 0.72;
|
|
color: #ccc!important;
|
|
cursor: default;
|
|
}
|
|
.ant-input-number-disabled .ant-input-number-handler:hover {
|
|
color: #ccc;
|
|
cursor: default;
|
|
}
|
|
/* 一般状态 */
|
|
.ant-checkbox {
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
outline: none;
|
|
display: inline-block;
|
|
line-height: 1;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
}
|
|
.ant-checkbox:hover .ant-checkbox-inner {
|
|
border-color: #bcbcbc;
|
|
}
|
|
.ant-checkbox-inner {
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
display: inline-block;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-radius: 3px;
|
|
border-color: #d9d9d9;
|
|
background-color: #ffffff;
|
|
-webkit-transition: border-color 0.1s cubic-bezier(0.68, -0.55, 0.27, 1.55), background-color 0.1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
|
|
transition: border-color 0.1s cubic-bezier(0.68, -0.55, 0.27, 1.55), background-color 0.1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
|
|
}
|
|
.ant-checkbox-inner:after {
|
|
-webkit-transform: rotate(45deg) scale(0);
|
|
-ms-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 #ffffff;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
content: ' ';
|
|
-webkit-transition: all 0.1s cubic-bezier(0.6, -0.3, 0.74, 0.05);
|
|
transition: all 0.1s cubic-bezier(0.6, -0.3, 0.74, 0.05);
|
|
}
|
|
.ant-checkbox-input {
|
|
position: absolute;
|
|
left: 0;
|
|
z-index: 9999;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
/* 选中状态 */
|
|
.ant-checkbox-checked:hover .ant-checkbox-inner {
|
|
border-color: #2db7f5;
|
|
}
|
|
.ant-checkbox-checked .ant-checkbox-inner {
|
|
border-color: #2db7f5;
|
|
background-color: #2db7f5;
|
|
}
|
|
.ant-checkbox-checked .ant-checkbox-inner:after {
|
|
-webkit-transform: rotate(45deg) scale(1);
|
|
-ms-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 #ffffff;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
content: ' ';
|
|
-webkit-transition: all 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.1s;
|
|
transition: all 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.1s;
|
|
}
|
|
.ant-checkbox-disabled.ant-checkbox-checked:hover .ant-checkbox-inner {
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner {
|
|
background-color: #f3f3f3;
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {
|
|
-webkit-animation-name: none;
|
|
animation-name: none;
|
|
border-color: #cccccc;
|
|
}
|
|
.ant-checkbox-disabled:hover .ant-checkbox-inner {
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-checkbox-disabled .ant-checkbox-inner {
|
|
border-color: #d9d9d9;
|
|
background-color: #f3f3f3;
|
|
}
|
|
.ant-checkbox-disabled .ant-checkbox-inner:after {
|
|
-webkit-animation-name: none;
|
|
animation-name: none;
|
|
border-color: #f3f3f3;
|
|
}
|
|
.ant-checkbox-disabled .ant-checkbox-inner-input {
|
|
cursor: default;
|
|
}
|
|
.ant-checkbox + span {
|
|
margin-left: 8px;
|
|
}
|
|
.ant-collapse {
|
|
background-color: #f4f4f4;
|
|
border-radius: 3px;
|
|
border: 1px solid #d9d9d9;
|
|
}
|
|
.ant-collapse > .ant-collapse-item {
|
|
border-top: 1px solid #d9d9d9;
|
|
}
|
|
.ant-collapse > .ant-collapse-item:first-child {
|
|
border-top: none;
|
|
}
|
|
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
|
|
height: 38px;
|
|
line-height: 38px;
|
|
text-indent: 16px;
|
|
color: #666;
|
|
cursor: pointer;
|
|
}
|
|
.ant-collapse > .ant-collapse-item > .ant-collapse-header:before {
|
|
display: inline-block;
|
|
content: '\20';
|
|
width: 0;
|
|
height: 0;
|
|
font-size: 0;
|
|
line-height: 0;
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 4px solid #666666;
|
|
vertical-align: middle;
|
|
margin-right: 8px;
|
|
}
|
|
.ant-collapse-content {
|
|
height: 0;
|
|
-webkit-transition-duration: .3s;
|
|
transition-duration: .3s;
|
|
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
overflow: hidden;
|
|
color: #666666;
|
|
padding: 0 16px;
|
|
background-color: #fff;
|
|
}
|
|
.ant-collapse-content > .ant-collapse-content-box {
|
|
margin-top: 16px;
|
|
margin-bottom: 16px;
|
|
}
|
|
.ant-collapse-item:last-child > .ant-collapse-content {
|
|
border-radius: 0 0 3px 3px;
|
|
}
|
|
.ant-collapse > .ant-collapse-item-active > .ant-collapse-header:before {
|
|
border-left: 3px solid transparent;
|
|
border-right: 3px solid transparent;
|
|
border-top: 4px solid #666666;
|
|
margin-right: 6px;
|
|
}
|
|
.ant-message {
|
|
font-size: 12px;
|
|
position: fixed;
|
|
z-index: 1000;
|
|
width: 100%;
|
|
top: 16px;
|
|
}
|
|
.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: 6px;
|
|
border: 1px solid #d9d9d9;
|
|
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.17);
|
|
background: #fff;
|
|
display: block;
|
|
}
|
|
.ant-message-success {
|
|
color: #87d068;
|
|
}
|
|
.ant-message-error {
|
|
color: #ff6600;
|
|
}
|
|
.ant-message-info {
|
|
color: #2db7f5;
|
|
}
|
|
.ant-message .anticon {
|
|
margin-right: 8px;
|
|
font-size: 14px;
|
|
}
|
|
.ant-divider {
|
|
margin: 0 4px;
|
|
color: #999;
|
|
display: inline-block;
|
|
height: 8px;
|
|
width: 1px;
|
|
background: #ccc;
|
|
}
|
|
.ant-slider {
|
|
position: relative;
|
|
margin: 12px 0;
|
|
margin-left: 7px;
|
|
height: 4px;
|
|
width: auto;
|
|
border-radius: 6px;
|
|
background-color: #e9e9e9;
|
|
}
|
|
.ant-slider-track {
|
|
position: absolute;
|
|
left: 0;
|
|
height: 4px;
|
|
border-radius: 6px;
|
|
background-color: #abe2fb;
|
|
z-index: 1;
|
|
}
|
|
.ant-slider-handle {
|
|
position: absolute;
|
|
margin-left: -7px;
|
|
margin-top: -5px;
|
|
width: 14px;
|
|
height: 14px;
|
|
cursor: pointer;
|
|
border-radius: 50%;
|
|
border: solid 2px #96dbfa;
|
|
background-color: #fff;
|
|
z-index: 2;
|
|
}
|
|
.ant-slider-handle:hover {
|
|
border-color: #57c5f7;
|
|
}
|
|
.ant-slider-handle-active:active {
|
|
border-color: #57c5f7;
|
|
box-shadow: 0 0 0 2px rgba(45, 183, 245, 0.2);
|
|
}
|
|
.ant-slider-mark {
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 0px;
|
|
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: #999;
|
|
}
|
|
.ant-slider-mark-text-active {
|
|
color: #666;
|
|
}
|
|
.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: #96dbfa;
|
|
}
|
|
.ant-slider-disabled {
|
|
background-color: #e9e9e9;
|
|
}
|
|
.ant-slider-disabled .ant-slider-track {
|
|
background-color: #cccccc;
|
|
}
|
|
.ant-slider-disabled .ant-slider-handle {
|
|
border-color: #cccccc;
|
|
background-color: #fff;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-slider-disabled .ant-slider-mark-text,
|
|
.ant-slider-disabled .dot {
|
|
cursor: not-allowed !important;
|
|
}
|
|
.ant-slider-tooltip {
|
|
position: absolute;
|
|
left: -9999px;
|
|
top: -9999px;
|
|
z-index: 4;
|
|
visibility: visible;
|
|
}
|
|
.ant-slider-tooltip-hidden {
|
|
display: none;
|
|
}
|
|
.ant-slider-tooltip-placement-top {
|
|
padding: 4px 0 8px 0;
|
|
}
|
|
.ant-slider-tooltip-inner {
|
|
padding: 6px 0;
|
|
width: 24px;
|
|
height: 24px;
|
|
font-size: 12px;
|
|
line-height: 1;
|
|
color: #ffffff;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
background-color: #6c6c6c;
|
|
border-radius: 6px;
|
|
}
|
|
.ant-slider-tooltip-arrow {
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
}
|
|
.ant-slider-tooltip-placement-top .ant-slider-tooltip-arrow {
|
|
bottom: 4px;
|
|
left: 50%;
|
|
margin-left: -4px;
|
|
border-width: 4px 4px 0;
|
|
border-top-color: #6c6c6c;
|
|
}
|
|
.ant-radio-group label {
|
|
margin-right: 16px;
|
|
}
|
|
/* 一般状态 */
|
|
.ant-radio {
|
|
white-space: nowrap;
|
|
outline: none;
|
|
display: inline-block;
|
|
position: relative;
|
|
line-height: 1;
|
|
vertical-align: middle;
|
|
}
|
|
.ant-radio:hover .ant-radio-inner {
|
|
border-color: #bcbcbc;
|
|
}
|
|
.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: #ffffff;
|
|
-webkit-transition: border-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), background-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
transition: border-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), background-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
}
|
|
.ant-radio-inner:after {
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
left: 3px;
|
|
top: 3px;
|
|
border-radius: 6px;
|
|
display: table;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
content: ' ';
|
|
background-color: #2db7f5;
|
|
-webkit-transform: scale(0);
|
|
-ms-transform: scale(0);
|
|
transform: scale(0);
|
|
opacity: 0;
|
|
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), background-color 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), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), background-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
}
|
|
.ant-radio-input {
|
|
position: absolute;
|
|
left: 0;
|
|
z-index: 9999;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
/* 选中状态 */
|
|
.ant-radio-checked .ant-radio-inner {
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-radio-checked .ant-radio-inner:after {
|
|
-webkit-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 1;
|
|
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), background-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
transition: transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), background-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
}
|
|
.ant-radio-disabled:hover .ant-radio-inner {
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-radio-disabled .ant-radio-inner {
|
|
border-color: #d9d9d9;
|
|
background-color: #f3f3f3;
|
|
}
|
|
.ant-radio-disabled .ant-radio-inner:after {
|
|
background-color: #cccccc;
|
|
}
|
|
.ant-radio-disabled .ant-radio-inner-input {
|
|
cursor: default;
|
|
}
|
|
.ant-radio + span {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
/*# sourceMappingURL=antd-0.7.3.css.map*/ |