mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-08 17:37:24 +08:00
2 lines
14 KiB
CSS
2 lines
14 KiB
CSS
body{margin:0}.x-spreadsheet{background:#fff;box-sizing:content-box;font-family:Lato,Source Sans Pro,Roboto,Helvetica,Arial,sans-serif;font-size:13px;line-height:normal;-webkit-user-select:none;user-select:none;-moz-user-select:none;-webkit-font-smoothing:antialiased}.x-spreadsheet textarea{font:400 13px Arial,Lato,Source Sans Pro,Roboto,Helvetica,sans-serif}.x-spreadsheet-sheet{overflow:hidden;position:relative}.x-spreadsheet-table{vertical-align:bottom}.x-spreadsheet-tooltip{background:#000;border-radius:1px;color:#fff;font-family:inherit;font-size:12px;padding:5px 10px;position:absolute;z-index:201}.x-spreadsheet-tooltip:before{background:inherit;box-shadow:1px 1px 3px -1px #0000004d;content:"";height:8px;left:calc(50% - 4px);pointer-events:none;position:absolute;top:-4px;transform:rotate(45deg);width:8px;z-index:1}.x-spreadsheet-color-palette{padding:5px}.x-spreadsheet-color-palette table{background:#fff;border-collapse:separate;border-spacing:2;margin:0;padding:0}.x-spreadsheet-color-palette table td{border:1px solid transparent;cursor:pointer;margin:0}.x-spreadsheet-color-palette table td:hover{border-color:#ddd}.x-spreadsheet-color-palette table td .x-spreadsheet-color-palette-cell{height:16px;width:16px}.x-spreadsheet-border-palette{padding:6px}.x-spreadsheet-border-palette table{background:#fff;border-collapse:separate;border-spacing:0;margin:0;padding:0;table-layout:fixed}.x-spreadsheet-border-palette table td{margin:0}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left{border-right:1px solid #eee;padding-right:6px}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell{cursor:pointer;height:30px;text-align:center;width:30px}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell:hover{background-color:#eee}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right{padding-left:6px}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right .x-spreadsheet-line-type{left:0;position:relative;top:-3px}.x-spreadsheet-dropdown{position:relative}.x-spreadsheet-dropdown .x-spreadsheet-dropdown-content{background:#fff;box-shadow:1px 2px 5px 2px #33333326;position:absolute;z-index:200}.x-spreadsheet-dropdown.bottom-left .x-spreadsheet-dropdown-content{left:0;top:calc(100% + 5px)}.x-spreadsheet-dropdown.bottom-right .x-spreadsheet-dropdown-content{right:0;top:calc(100% + 5px)}.x-spreadsheet-dropdown.top-left .x-spreadsheet-dropdown-content{bottom:calc(100% + 5px);left:0}.x-spreadsheet-dropdown.top-right .x-spreadsheet-dropdown-content{bottom:calc(100% + 5px);right:0}.x-spreadsheet-dropdown .x-spreadsheet-dropdown-title{display:inline-block;padding:0 5px}.x-spreadsheet-resizer{position:absolute;z-index:11}.x-spreadsheet-resizer .x-spreadsheet-resizer-hover{background-color:#4b89ff40}.x-spreadsheet-resizer .x-spreadsheet-resizer-line{position:absolute}.x-spreadsheet-resizer.horizontal{cursor:row-resize}.x-spreadsheet-resizer.horizontal .x-spreadsheet-resizer-line{border-bottom:2px dashed #4b89ff;bottom:0;left:0}.x-spreadsheet-resizer.vertical{cursor:col-resize}.x-spreadsheet-resizer.vertical .x-spreadsheet-resizer-line{border-right:2px dashed #4b89ff;right:0;top:0}.x-spreadsheet-scrollbar{background-color:#f4f5f8;bottom:0;opacity:.9;position:absolute;right:0;z-index:12}.x-spreadsheet-scrollbar.horizontal{overflow-x:scroll;overflow-y:hidden;right:15px}.x-spreadsheet-scrollbar.horizontal>div{background:#ddd;height:1px}.x-spreadsheet-scrollbar.vertical{bottom:15px;overflow-x:hidden;overflow-y:scroll}.x-spreadsheet-scrollbar.vertical>div{background:#ddd;width:1px}.x-spreadsheet-overlayer{left:0;position:absolute;top:0;z-index:10}.x-spreadsheet-editor,.x-spreadsheet-overlayer .x-spreadsheet-overlayer-content,.x-spreadsheet-selector{height:100%;overflow:hidden;pointer-events:none;position:absolute;width:100%}.x-spreadsheet-editor,.x-spreadsheet-selector{box-sizing:content-box;left:0;top:0}.x-spreadsheet-selector .hide-input{position:absolute;z-index:0}.x-spreadsheet-selector .hide-input input{border:none!important;padding:0;width:0}.x-spreadsheet-selector .x-spreadsheet-selector-area{background:#4b89ff1a;border:2px solid #4b89ff;position:absolute;z-index:5}.x-spreadsheet-selector .x-spreadsheet-selector-autofill,.x-spreadsheet-selector .x-spreadsheet-selector-clipboard{background:transparent;position:absolute;z-index:100}.x-spreadsheet-selector .x-spreadsheet-selector-clipboard{border:2px dashed #4b89ff}.x-spreadsheet-selector .x-spreadsheet-selector-autofill{border:1px dashed rgba(0,0,0,.45)}.x-spreadsheet-selector .x-spreadsheet-selector-corner{background:#4b89ff;border:2px solid #fff;bottom:-5px;cursor:crosshair;font-size:0;height:5px;pointer-events:auto;position:absolute;right:-5px;width:5px}.x-spreadsheet-editor{z-index:20}.x-spreadsheet-editor .x-spreadsheet-editor-area{border:2px solid #4b89ff;line-height:0;pointer-events:auto;position:absolute;text-align:left;z-index:100}.x-spreadsheet-editor .x-spreadsheet-editor-area textarea{border:none;box-sizing:content-box;color:inherit;font:400 13px Arial,Lato,Source Sans Pro,Roboto,Helvetica,sans-serif;outline:none;overflow-y:hidden;padding:0 3px;resize:none;text-align:start;white-space:normal;word-wrap:break-word;line-height:22px;margin:0}.x-spreadsheet-editor .x-spreadsheet-editor-area .textline{left:0;overflow:hidden;position:fixed;top:0;visibility:hidden}.x-spreadsheet-item{background:0;border:1px solid transparent;color:#000000e6;cursor:default;height:26px;line-height:26px;list-style:none;outline:none;overflow:hidden;padding:2px 10px;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}.x-spreadsheet-item.disabled{opacity:.5;pointer-events:none}.x-spreadsheet-item.active,.x-spreadsheet-item:hover{background:#0000000d}.x-spreadsheet-item.divider{border:none;border-bottom:1px solid rgba(0,0,0,.1);height:0;margin:5px 0;padding:0}.x-spreadsheet-item .label{float:right;font-size:1em;opacity:.65}.x-spreadsheet-header.state,.x-spreadsheet-item.state{padding-left:35px!important;position:relative}.x-spreadsheet-header.state:before,.x-spreadsheet-item.state:before{background:#00000014;border-radius:2px;content:"";height:10px;left:12px;position:absolute;top:calc(50% - 5px);width:10px}.x-spreadsheet-header.state.checked:before,.x-spreadsheet-item.state.checked:before{background:#4b89ff}.x-spreadsheet-checkbox{backface-visibility:hidden;display:inline-block;font-size:1rem;font-style:normal;line-height:1em;outline:0;position:relative;vertical-align:baseline}.x-spreadsheet-checkbox>input{left:0;opacity:0!important;outline:0;position:absolute;top:0;z-index:-1}.x-spreadsheet-contextmenu,.x-spreadsheet-sort-filter,.x-spreadsheet-suggest{background:#fff;box-shadow:1px 2px 5px 2px #33333326;overflow:auto;pointer-events:auto;position:absolute;width:260px;z-index:100}.x-spreadsheet-suggest{width:200px}.x-spreadsheet-filter{border:1px solid #e9e9e9;font-size:12px;margin:10px}.x-spreadsheet-filter .x-spreadsheet-header{background:#f8f8f9;border-bottom:1px solid #e9e9e9;border-left:1px solid transparent;padding:.5em .75em}.x-spreadsheet-filter .x-spreadsheet-body{height:200px;overflow-y:auto}.x-spreadsheet-filter .x-spreadsheet-body .x-spreadsheet-item{height:20px;line-height:20px}.x-spreadsheet-sort-filter .x-spreadsheet-buttons{margin:10px}.x-spreadsheet-bottombar{background:#f5f6f7;border-top:1px solid #e0e2e4;display:flex;height:40px;padding:0 30px;position:relative;text-align:left}.x-spreadsheet-bottombar .x-spreadsheet-menu>li{border-right:1px solid #e8eaed;height:40px;line-height:40px;padding-bottom:0;padding-top:0;vertical-align:middle}.x-spreadsheet-menu{display:flex;list-style:none;margin:0;overflow-x:auto;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.x-spreadsheet-menu>li{color:#80868b;cursor:pointer;float:left;font-weight:400;font-weight:700;line-height:1.25em;margin:0;padding:.785em 1em;text-align:left;transition:all .3s;vertical-align:middle;white-space:nowrap}.x-spreadsheet-menu>li.active{background-color:#fff;color:#000000a6}.x-spreadsheet-menu>li .x-spreadsheet-dropdown{display:inline-block}.x-spreadsheet-print{display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%;z-index:100}.x-spreadsheet-print-bar{background:#424242;height:60px;line-height:60px;padding:0 30px}.x-spreadsheet-print-bar .-title{color:#fff;float:left;font-size:1.2em;font-weight:700}.x-spreadsheet-print-bar .-right{float:right;margin-top:12px}.x-spreadsheet-print-content{background:#d0d0d0;display:flex;flex:auto;flex-direction:row;height:calc(100% - 60px)}.x-spreadsheet-print-content .-sider{background:#fff;border-left:2px solid #ccc;flex:0 0 300px;width:300px}.x-spreadsheet-print-content .-content{flex:auto;height:100%;overflow-x:auto;overflow-y:scroll}.x-spreadsheet-canvas-card-wraper{margin:40px 20px}.x-spreadsheet-canvas-card{background:#fff;box-shadow:0 8px 10px 1px #00000024,0 3px 14px 3px #0000001f,0 4px 5px #0003;margin:auto;page-break-after:always;page-break-before:auto}.x-spreadsheet-calendar{background:#fff;color:#000000a6;-webkit-user-select:none;-moz-user-select:none;user-select:none}.x-spreadsheet-calendar .calendar-header{background:#f9fafb;float:left;font-weight:700;line-height:30px;text-align:center;width:100%}.x-spreadsheet-calendar .calendar-header .calendar-header-left{float:left;padding-left:5px}.x-spreadsheet-calendar .calendar-header .calendar-header-right{float:right}.x-spreadsheet-calendar .calendar-header .calendar-header-right a{border-radius:2px;margin-right:2px;padding:3px 0}.x-spreadsheet-calendar .calendar-header .calendar-header-right a:hover{background:#00000014}.x-spreadsheet-calendar .calendar-body{border-collapse:collapse;border-spacing:0}.x-spreadsheet-calendar .calendar-body td,.x-spreadsheet-calendar .calendar-body th{font-weight:700;line-height:30px;min-width:32px;padding:0;text-align:center;width:14.28571429%}.x-spreadsheet-calendar .calendar-body td>.cell:hover{background:#ecf6fd}.x-spreadsheet-calendar .calendar-body td>.cell.active,.x-spreadsheet-calendar .calendar-body td>.cell.active:hover{background:#ecf6fd;color:#2185d0}.x-spreadsheet-calendar .calendar-body td>.cell.disabled{opacity:.5;pointer-events:none}.x-spreadsheet-datepicker{box-shadow:2px 2px 5px #0003;left:0;position:absolute;top:calc(100% + 5px);width:auto;z-index:10}.x-spreadsheet-buttons{display:flex;justify-content:flex-end}.x-spreadsheet-buttons .x-spreadsheet-button{margin-left:8px}.x-spreadsheet-button{background:#e0e1e2;border-radius:3px;color:#0009;cursor:pointer;display:inline-block;font-family:Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;font-size:1em;font-weight:700;line-height:1em;min-height:1em;outline:none;padding:.75em 1em;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap;zoom:1;transition:all .1s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none}.x-spreadsheet-button.active,.x-spreadsheet-button:hover{background-color:#c0c1c2;color:#000c}.x-spreadsheet-button.primary{background-color:#2185d0;color:#fff}.x-spreadsheet-button.primary.active,.x-spreadsheet-button.primary:hover{background-color:#1678c2;color:#fff}.x-spreadsheet-form-input{color:#000000de;display:inline-flex;font-size:1em;font-weight:400;position:relative}.x-spreadsheet-form-input input{flex:1 0 auto;margin:0;max-width:100%;outline:0;z-index:1;-webkit-tap-highlight-color:rgba(255,255,255,0);background:#fff;border:1px solid #e9e9e9;border-radius:3px;box-shadow:inset 0 1px 2px #0a0a0a0f;height:30px;line-height:30px;padding:0 8px;text-align:left;transition:box-shadow .1s ease,border-color .1s ease}.x-spreadsheet-form-input input:focus{border-color:#4b89ff;box-shadow:inset 0 1px 2px #4b89ff33}.x-spreadsheet-form-select{background:#fff;border:1px solid #e9e9e9;border-radius:2px;box-shadow:inset 0 1px 2px #0a0a0a0f;color:#000000de;cursor:pointer;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.x-spreadsheet-form-select .input-text{height:30px;line-height:30px;min-width:60px;padding:0 8px;text-overflow:ellipsis;white-space:nowrap;width:auto}.x-spreadsheet-form-fields{display:flex;flex-direction:row;flex-wrap:wrap}.x-spreadsheet-form-fields .x-spreadsheet-form-field{flex:0 1 auto}.x-spreadsheet-form-fields .x-spreadsheet-form-field .label{display:inline-block;margin:0 10px 0 0}.x-spreadsheet-form-field{display:block;margin-bottom:10px;margin-left:10px;vertical-align:middle}.x-spreadsheet-form-field:first-child{margin-left:0}.x-spreadsheet-form-field.error .x-spreadsheet-form-select,.x-spreadsheet-form-field.error input{border-color:#f04134}.x-spreadsheet-form-field .tip{color:#f04134;font-size:.9em}.x-spreadsheet-dimmer{animation-duration:.5s;animation-fill-mode:both;background-color:#0009;display:none;height:100%;left:0!important;opacity:0;position:absolute;text-align:center;top:0!important;transition:background-color .5s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:100%;z-index:1000}.x-spreadsheet-dimmer.active{display:block;opacity:1}form fieldset{border:none}form fieldset label{color:#666;display:block;font-size:1em;margin-bottom:.5em}form fieldset select{background-color:#fff;border:none;border-bottom:2px solid #ddd;border-radius:2px;font-size:1.1em;padding:.5em .85em;width:100%}.x-spreadsheet-modal,.x-spreadsheet-toast{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:4px;box-shadow:0 2px 8px #0003;color:#000000de;font-family:Lato,Source Sans Pro,Roboto,Helvetica,Arial,sans-serif;font-size:13px;line-height:1.25em;min-width:360px;position:fixed;text-align:left;z-index:1001}.x-spreadsheet-toast{background-color:#ffffffd9}.x-spreadsheet-modal-header,.x-spreadsheet-toast-header{background-clip:padding-box;background-color:#ffffffd9;border-bottom:1px solid rgba(0,0,0,.05);border-radius:4px 4px 0 0;font-weight:600}.x-spreadsheet-toast-header{color:#f2711c}.x-spreadsheet-modal-header{background:#00000014;border-bottom:1px solid #e0e2e4;font-size:1.0785em}.x-spreadsheet-modal-content,.x-spreadsheet-modal-header,.x-spreadsheet-toast-content,.x-spreadsheet-toast-header{padding:.75em 1em}.x-spreadsheet-menu li:first-child{display:none}.vue-office-excel{height:100%}
|