|
|
|
@ -1,3 +1,169 @@
|
|
|
|
|
.bi-collection-table-cell { |
|
|
|
|
-webkit-box-sizing: border-box; |
|
|
|
|
/*Safari3.2+*/ |
|
|
|
|
-moz-box-sizing: border-box; |
|
|
|
|
/*Firefox3.5+*/ |
|
|
|
|
-ms-box-sizing: border-box; |
|
|
|
|
/*IE8*/ |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ |
|
|
|
|
} |
|
|
|
|
.bi-collection-table-cell.first-row { |
|
|
|
|
border-top: 1px solid #d4dadd; |
|
|
|
|
} |
|
|
|
|
.bi-collection-table-cell.first-col { |
|
|
|
|
border-left: 1px solid #d4dadd; |
|
|
|
|
} |
|
|
|
|
.bi-theme-dark .bi-collection-table-cell.first-row { |
|
|
|
|
border-top: 1px solid #525466; |
|
|
|
|
} |
|
|
|
|
.bi-theme-dark .bi-collection-table-cell.first-col { |
|
|
|
|
border-left: 1px solid #525466; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.bi-quick-collection-table > div > .bi-collection { |
|
|
|
|
overflow: hidden !important; |
|
|
|
|
overflow-x: hidden !important; |
|
|
|
|
overflow-y: hidden !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.bi-grid-table-cell { |
|
|
|
|
-webkit-box-sizing: border-box; |
|
|
|
|
/*Safari3.2+*/ |
|
|
|
|
-moz-box-sizing: border-box; |
|
|
|
|
/*Firefox3.5+*/ |
|
|
|
|
-ms-box-sizing: border-box; |
|
|
|
|
/*IE8*/ |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ |
|
|
|
|
} |
|
|
|
|
.bi-grid-table-cell.first-row { |
|
|
|
|
border-top: 1px solid #d4dadd; |
|
|
|
|
} |
|
|
|
|
.bi-grid-table-cell.first-col { |
|
|
|
|
border-left: 1px solid #d4dadd; |
|
|
|
|
} |
|
|
|
|
.bi-theme-dark .bi-grid-table-cell.first-row { |
|
|
|
|
border-top: 1px solid #525466; |
|
|
|
|
} |
|
|
|
|
.bi-theme-dark .bi-grid-table-cell.first-col { |
|
|
|
|
border-left: 1px solid #525466; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.scrollbar-layout-main { |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
outline: none; |
|
|
|
|
overflow: hidden; |
|
|
|
|
position: absolute; |
|
|
|
|
transition-duration: 250ms; |
|
|
|
|
transition-timing-function: ease; |
|
|
|
|
user-select: none; |
|
|
|
|
background-color: rgba(102, 102, 102, 0.05); |
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d666666,endColorstr=#0d666666); |
|
|
|
|
border-radius: 5px; |
|
|
|
|
} |
|
|
|
|
.bi-theme-dark .scrollbar-layout-main { |
|
|
|
|
background-color: rgba(204, 204, 204, 0.05); |
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dcccccc,endColorstr=#0dcccccc); |
|
|
|
|
} |
|
|
|
|
.scrollbar-layout-main-vertical { |
|
|
|
|
bottom: 0; |
|
|
|
|
right: 0; |
|
|
|
|
top: 0; |
|
|
|
|
transition-property: background-color; |
|
|
|
|
width: 10px; |
|
|
|
|
} |
|
|
|
|
.scrollbar-layout-main-vertical.public-scrollbar-main-active, |
|
|
|
|
.scrollbar-layout-main-vertical:hover { |
|
|
|
|
width: 10px; |
|
|
|
|
} |
|
|
|
|
.scrollbar-layout-main-horizontal { |
|
|
|
|
bottom: 0; |
|
|
|
|
height: 10px; |
|
|
|
|
left: 0; |
|
|
|
|
transition-property: background-color; |
|
|
|
|
background-color: rgba(102, 102, 102, 0.05); |
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d666666,endColorstr=#0d666666); |
|
|
|
|
} |
|
|
|
|
.bi-theme-dark .scrollbar-layout-main-horizontal { |
|
|
|
|
background-color: rgba(204, 204, 204, 0.05); |
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dcccccc,endColorstr=#0dcccccc); |
|
|
|
|
} |
|
|
|
|
/* Touching the scroll-track directly makes the scroll-track bolder */ |
|
|
|
|
.scrollbar-layout-main-horizontal.public-scrollbar-main-active, |
|
|
|
|
.scrollbar-layout-main-horizontal:hover { |
|
|
|
|
height: 10px; |
|
|
|
|
} |
|
|
|
|
.scrollbar-layout-face { |
|
|
|
|
left: 0; |
|
|
|
|
overflow: hidden; |
|
|
|
|
position: absolute; |
|
|
|
|
z-index: 1; |
|
|
|
|
} |
|
|
|
|
/** |
|
|
|
|
* This selector renders the "nub" of the scrollface. The nub must |
|
|
|
|
* be rendered as pseudo-element so that it won't receive any UI events then |
|
|
|
|
* we can get the correct `event.offsetX` and `event.offsetY` from the |
|
|
|
|
* scrollface element while dragging it. |
|
|
|
|
*/ |
|
|
|
|
.scrollbar-layout-face:after { |
|
|
|
|
border-radius: 6px; |
|
|
|
|
content: ''; |
|
|
|
|
display: block; |
|
|
|
|
position: absolute; |
|
|
|
|
transition: background-color 250ms ease; |
|
|
|
|
} |
|
|
|
|
.scrollbar-layout-face-horizontal { |
|
|
|
|
bottom: 0; |
|
|
|
|
left: 0; |
|
|
|
|
top: 0; |
|
|
|
|
} |
|
|
|
|
.scrollbar-layout-face-horizontal:after { |
|
|
|
|
bottom: 2px; |
|
|
|
|
left: 0; |
|
|
|
|
top: 2px; |
|
|
|
|
width: 100%; |
|
|
|
|
} |
|
|
|
|
.scrollbar-layout-face-vertical { |
|
|
|
|
left: 0; |
|
|
|
|
right: 0; |
|
|
|
|
top: 0; |
|
|
|
|
} |
|
|
|
|
.scrollbar-layout-face-vertical:after { |
|
|
|
|
height: 100%; |
|
|
|
|
left: 2px; |
|
|
|
|
right: 2px; |
|
|
|
|
top: 0; |
|
|
|
|
} |
|
|
|
|
/** |
|
|
|
|
* scrollbars. |
|
|
|
|
*/ |
|
|
|
|
/* Touching the scroll-track directly makes the scroll-track bolder */ |
|
|
|
|
.public-scrollbar-face:after { |
|
|
|
|
background-color: rgba(102, 102, 102, 0.3); |
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d666666,endColorstr=#4d666666); |
|
|
|
|
} |
|
|
|
|
.bi-theme-dark .public-scrollbar-face:after { |
|
|
|
|
background-color: rgba(204, 204, 204, 0.3); |
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dcccccc,endColorstr=#4dcccccc); |
|
|
|
|
} |
|
|
|
|
.public-scrollbar-main:hover .public-scrollbar-face:after, |
|
|
|
|
.public-scrollbar-main-active .public-scrollbar-face:after, |
|
|
|
|
.public-scrollbar-face-active:after { |
|
|
|
|
background-color: rgba(102, 102, 102, 0.7); |
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3666666,endColorstr=#b3666666); |
|
|
|
|
} |
|
|
|
|
.bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after, |
|
|
|
|
.bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after, |
|
|
|
|
.bi-theme-dark .public-scrollbar-face-active:after { |
|
|
|
|
background-color: rgba(204, 204, 204, 0.7); |
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3cccccc,endColorstr=#b3cccccc); |
|
|
|
|
} |
|
|
|
|
.horizontal-scrollbar { |
|
|
|
|
bottom: 0; |
|
|
|
|
position: absolute; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.bi-table > .first-col { |
|
|
|
|
border-left: none; |
|
|
|
|
} |
|
|
|
@ -76,3 +242,33 @@
|
|
|
|
|
border-top: 1px solid #525466; |
|
|
|
|
border-left: 1px solid #525466; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.bi-resizable-table-cell .resizable-table-cell-resizer-container { |
|
|
|
|
cursor: ew-resize; |
|
|
|
|
z-index: 1; |
|
|
|
|
} |
|
|
|
|
.bi-resizable-table-cell .resizable-table-cell-resizer-container:hover .resizable-table-cell-resizer-knob, |
|
|
|
|
.bi-resizable-table-cell .resizable-table-cell-resizer-container.dragging .resizable-table-cell-resizer-knob { |
|
|
|
|
background-color: #3f8ce8; |
|
|
|
|
} |
|
|
|
|
.bi-resizable-table-cell .resizable-table-cell-resizer-container.suitable .resizable-table-cell-resizer-knob { |
|
|
|
|
background-color: #58cc7d; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.bi-resizable-table .resizable-table-resizer { |
|
|
|
|
cursor: ew-resize; |
|
|
|
|
z-index: 1; |
|
|
|
|
background-color: #3f8ce8; |
|
|
|
|
} |
|
|
|
|
.bi-resizable-table .resizable-table-resizer.suitable { |
|
|
|
|
background-color: #58cc7d; |
|
|
|
|
} |
|
|
|
|
.bi-resizable-table .resizable-table-region-resizer { |
|
|
|
|
cursor: ew-resize; |
|
|
|
|
z-index: 1; |
|
|
|
|
} |
|
|
|
|
.bi-resizable-table .resizable-table-region-resizer:hover .resizable-table-region-resizer-knob, |
|
|
|
|
.bi-resizable-table .resizable-table-region-resizer.dragging .resizable-table-region-resizer-knob { |
|
|
|
|
background-color: #3f8ce8; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|