lixin-web
Version:
vue and bootstrap
1,095 lines • 25.9 kB
CSS
:root {
/* Transition
-------------------------- */
/* Colors
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Box-shadow
-------------------------- */
/* Fill
-------------------------- */
/* Font
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Message Box
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
}
@charset "UTF-8";
:root {
/* Transition
-------------------------- */
/* Colors
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Box-shadow
-------------------------- */
/* Fill
-------------------------- */
/* Font
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Message Box
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
}
/* DEPRECATED */
.fade-in-linear-enter-active, .fade-in-linear-leave-active {
transition: opacity 200ms linear;
}
.fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
opacity: 0;
}
.el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active {
transition: opacity 200ms linear;
}
.el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active {
opacity: 0;
}
.el-fade-in-enter-active, .el-fade-in-leave-active {
transition: all .3s cubic-bezier(.55,0,.1,1);
}
.el-fade-in-enter, .el-fade-in-leave-active {
opacity: 0;
}
.el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active {
transition: all .3s cubic-bezier(.55,0,.1,1);
}
.el-zoom-in-center-enter, .el-zoom-in-center-leave-active {
opacity: 0;
transform: scaleX(0);
}
.el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active {
opacity: 1;
transform: scaleY(1);
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
transform-origin: center top;
}
.el-zoom-in-top-enter, .el-zoom-in-top-leave-active {
opacity: 0;
transform: scaleY(0);
}
.el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active {
opacity: 1;
transform: scaleY(1);
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
transform-origin: center bottom;
}
.el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active {
opacity: 0;
transform: scaleY(0);
}
.collapse-transition {
transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}
.el-list-enter-active, .el-list-leave-active {
transition: all 1s;
}
.el-list-enter, .el-list-leave-active {
opacity: 0;
transform: translateY(-30px);
}
.el-date-editor {
position: relative;
display: inline-block;
}
.el-date-editor .el-picker-panel {
position: absolute;
min-width: 180px;
box-sizing: border-box;
box-shadow: 0 2px 6px #ccc;
background: #fff;
z-index: 10;
top: 41px;
}
.el-date-editor.el-input {
width: 193px;
}
.el-date-editor--daterange {}
.el-date-editor--daterange.el-input {
width: 220px;
}
.el-date-editor--datetimerange {}
.el-date-editor--datetimerange.el-input {
width: 350px;
}
:root {
/* Transition
-------------------------- */
/* Colors
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Box-shadow
-------------------------- */
/* Fill
-------------------------- */
/* Font
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Message Box
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
}
.el-time-spinner {}
.el-time-spinner.has-seconds .el-time-spinner__wrapper {
width: 33%;
}
.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2) {
margin-left: 1%;
}
.el-time-spinner__wrapper {
max-height: 190px;
overflow: auto;
display: inline-block;
width: 50%;
vertical-align: top;
position: relative;
}
.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
padding-bottom: 15px;
}
.el-time-spinner__list {
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.el-time-spinner__list::after, .el-time-spinner__list::before {
content: '';
display: block;
width: 100%;
height: 80px;
}
.el-time-spinner__item {
height: 32px;
line-height: 32px;
font-size: 12px;
}
.el-time-spinner__item:hover:not(.disabled):not(.active) {
background: #eff8f9;
cursor: pointer;
}
.el-time-spinner__item.active:not(.disabled) {
color: #fff;
}
.el-time-spinner__item.disabled {
color: rgb(209, 221, 229);
cursor: not-allowed;
}
:root {
/* Transition
-------------------------- */
/* Colors
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Box-shadow
-------------------------- */
/* Fill
-------------------------- */
/* Font
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Message Box
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
}
.el-time-panel {
margin: 5px 0;
border: solid 1px rgb(209, 221, 229);
background-color: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
border-radius: 2px;
position: absolute;
width: 180px;
left: 0;
z-index: 1000;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.el-time-panel__content {
font-size: 0;
position: relative;
overflow: hidden;
}
.el-time-panel__content::after, .el-time-panel__content::before {
content: ":";
top: 50%;
color: #fff;
position: absolute;
font-size: 14px;
margin-top: -15px;
line-height: 16px;
background-color: #2ba7e7;
height: 32px;
z-index: -1;
left: 0;
right: 0;
box-sizing: border-box;
padding-top: 6px;
text-align: left;
}
.el-time-panel__content::after {
left: 50%;
margin-left: -2px;
}
.el-time-panel__content::before {
padding-left: 50%;
margin-right: -2px;
}
.el-time-panel__content.has-seconds {}
.el-time-panel__content.has-seconds::after {
left: 66.66667%;
}
.el-time-panel__content.has-seconds::before {
padding-left: 33.33333%;
}
.el-time-panel__footer {
border-top: 1px solid #e4e4e4;
padding: 4px;
height: 36px;
line-height: 25px;
text-align: right;
box-sizing: border-box;
}
.el-time-panel__btn {
border: none;
line-height: 28px;
padding: 0 5px;
margin: 0 5px;
cursor: pointer;
background-color: transparent;
outline: none;
font-size: 12px;
color: rgb(131, 148, 165);
}
.el-time-panel__btn.confirm {
font-weight: 800;
color: #2ba7e7;
}
@charset "UTF-8";
:root {
/* Transition
-------------------------- */
/* Colors
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Box-shadow
-------------------------- */
/* Fill
-------------------------- */
/* Font
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Message Box
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
}
.el-input {
position: relative;
font-size: 14px;
display: inline-block;
width: 100%;
}
.el-input.is-disabled .el-input__inner {
background-color: rgb(238, 242, 246);
border-color: rgb(209, 221, 229);
color: #bbb;
cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
color: #d5d5d5;
}
.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
color: #d5d5d5;
}
.el-input.is-disabled .el-input__inner::placeholder {
color: #d5d5d5;
}
.el-input.is-active .el-input__inner {
outline: none;
border-color: #2ba7e7;
}
.el-input__inner {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
background-image: none;
border-radius: 2px;
border: 1px solid #d5d5d5;
box-sizing: border-box;
color: rgb(31, 48, 61);
display: inline-block;
font-size: inherit;
height: 31px;
line-height: 1;
outline: none;
padding: 3px 10px;
transition: border-color .2s cubic-bezier(.645,.045,.355,1);
width: 100%;
}
.el-input__inner::-webkit-input-placeholder {
color: #999;
}
.el-input__inner:-ms-input-placeholder {
color: #999;
}
.el-input__inner::placeholder {
color: #999;
}
.el-input__inner:hover {
border-color: rgba(43, 167, 231, 0.5);
}
.el-input__inner:focus {
outline: none;
border-color: #2ba7e7;
}
.el-input__icon {
position: absolute;
width: 35px;
height: 100%;
right: 0;
top: 0;
text-align: center;
color: #d5d5d5;
transition: all .3s;
}
.el-input__icon:after {
content: '';
height: 100%;
width: 0;
display: inline-block;
vertical-align: middle;
}
.el-input__icon + .el-input__inner {
padding-right: 35px;
}
.el-input__icon.is-clickable {}
.el-input__icon.is-clickable:hover {
cursor: pointer;
color: rgba(43, 167, 231, 0.5);
}
.el-input__icon.is-clickable:hover + .el-input__inner {
border-color: rgba(43, 167, 231, 0.5);
}
.el-input--large {
font-size: 16px;
}
.el-input--large .el-input__inner {
height: 42px;
}
.el-input--small {
font-size: 13px;
}
.el-input--small .el-input__inner {
height: 30px;
}
.el-input--mini {
font-size: 12px;
}
.el-input--mini .el-input__inner {
height: 22px;
}
.el-input-group {
line-height: normal;
display: inline-table;
width: 100%;
border-collapse: separate;
}
.el-input-group > .el-input__inner {
vertical-align: middle;
display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
background-color: rgb(251, 253, 255);
color: rgb(151, 171, 190);
vertical-align: middle;
display: table-cell;
position: relative;
border: 1px solid #d5d5d5;
border-radius: 2px;
padding: 0 10px;
width: 1px;
white-space: nowrap;
}
.el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button {
display: block;
margin: -10px;
}
.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner {
border-color: transparent;
background-color: transparent;
color: inherit;
border-top: 0;
border-bottom: 0;
}
.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input {
font-size: inherit;
}
.el-input-group__prepend {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.el-input-group__append {
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-input__inner {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.el-input-group--append .el-input__inner {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.el-textarea {
display: inline-block;
width: 100%;
vertical-align: bottom;
}
.el-textarea.is-disabled .el-textarea__inner {
background-color: rgb(238, 242, 246);
border-color: rgb(209, 221, 229);
color: #bbb;
cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
color: #d5d5d5;
}
.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
color: #d5d5d5;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
color: #d5d5d5;
}
.el-textarea__inner {
display: block;
resize: vertical;
padding: 5px 7px;
line-height: 1.5;
box-sizing: border-box;
width: 100%;
font-size: 14px;
color: rgb(31, 48, 61);
background-color: #fff;
background-image: none;
border: 1px solid #d5d5d5;
border-radius: 2px;
transition: border-color .2s cubic-bezier(.645,.045,.355,1);
}
.el-textarea__inner::-webkit-input-placeholder {
color: #999;
}
.el-textarea__inner:-ms-input-placeholder {
color: #999;
}
.el-textarea__inner::placeholder {
color: #999;
}
.el-textarea__inner:hover {
border-color: rgba(43, 167, 231, 0.5);
}
.el-textarea__inner:focus {
outline: none;
border-color: #2ba7e7;
}
@charset "UTF-8";
:root {
/* Transition
-------------------------- */
/* Colors
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Box-shadow
-------------------------- */
/* Fill
-------------------------- */
/* Font
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Message Box
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
}
.el-scrollbar {
overflow: hidden;
position: relative;
}
.el-scrollbar:hover .el-scrollbar__bar, .el-scrollbar:active .el-scrollbar__bar, .el-scrollbar:focus .el-scrollbar__bar {
opacity: 1;
transition: opacity 340ms ease-out;
}
.el-scrollbar__wrap {
overflow: scroll;
}
.el-scrollbar__wrap--hidden-default {}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
width: 0;
height: 0;
}
.el-scrollbar__thumb {
position: relative;
display: block;
width: 0;
height: 0;
cursor: pointer;
border-radius: inherit;
background-color: rgba(151, 171, 190, 0.3);
transition: .3s background-color;
}
.el-scrollbar__thumb:hover {
background-color: rgba(151, 171, 190, 0.5);
}
.el-scrollbar__bar {
position: absolute;
right: 2px;
bottom: 2px;
z-index: 1;
border-radius: 4px;
opacity: 0;
transition: opacity 120ms ease-out;
}
.el-scrollbar__bar.is-horizontal {
height: 6px;
left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
height: 100%;
}
.el-scrollbar__bar.is-vertical {
width: 6px;
top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
width: 100%;
}
:root {
/* Transition
-------------------------- */
/* Colors
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Box-shadow
-------------------------- */
/* Fill
-------------------------- */
/* Font
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Message Box
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Steps
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
}