Created
February 25, 2022 10:10
-
-
Save aninde/15d61d8a428ed5375c01a7407bbd37c5 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! | |
* Copyright (c) HANDSONCODE sp. z o. o. | |
* | |
* HANDSONTABLE is a software distributed by HANDSONCODE sp. z o. o., a Polish corporation based in | |
* Gdynia, Poland, at Aleja Zwycięstwa 96-98, registered by the District Court in Gdansk under number | |
* 538651, EU tax ID number: PL5862294002, share capital: PLN 62,800.00. | |
* | |
* This software is protected by applicable copyright laws, including international treaties, and dual- | |
* licensed – depending on whether your use for commercial purposes, meaning intended for or | |
* resulting in commercial advantage or monetary compensation, or not. | |
* | |
* If your use is strictly personal or solely for evaluation purposes, meaning for the purposes of testing | |
* the suitability, performance, and usefulness of this software outside the production environment, | |
* you agree to be bound by the terms included in the "handsontable-non-commercial-license.pdf" file. | |
* | |
* Your use of this software for commercial purposes is subject to the terms included in an applicable | |
* license agreement. | |
* | |
* In any case, you must not make any such use of this software as to develop software which may be | |
* considered competitive with this software. | |
* | |
* UNLESS EXPRESSLY AGREED OTHERWISE, HANDSONCODE PROVIDES THIS SOFTWARE ON AN "AS IS" | |
* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, AND IN NO EVENT AND UNDER NO | |
* LEGAL THEORY, SHALL HANDSONCODE BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY DIRECT, | |
* INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM | |
* USE OR INABILITY TO USE THIS SOFTWARE. | |
* | |
* Version: 11.1.0 | |
* Release date: 13/01/2022 (built at 25/02/2022 10:49:28) | |
*/ | |
/** | |
* Fix for bootstrap styles | |
*/ | |
.handsontable .table th, .handsontable .table td { | |
border-top: none; | |
} | |
.handsontable tr { | |
background: #fff; | |
} | |
.handsontable td { | |
background-color: inherit; | |
} | |
.handsontable .table caption + thead tr:first-child th, | |
.handsontable .table caption + thead tr:first-child td, | |
.handsontable .table colgroup + thead tr:first-child th, | |
.handsontable .table colgroup + thead tr:first-child td, | |
.handsontable .table thead:first-child tr:first-child th, | |
.handsontable .table thead:first-child tr:first-child td { | |
border-top: 1px solid #CCCCCC; | |
} | |
/* table-bordered */ | |
.handsontable .table-bordered { | |
border: 0; | |
border-collapse: separate; | |
} | |
.handsontable .table-bordered th, | |
.handsontable .table-bordered td { | |
border-left: none; | |
} | |
.handsontable .table-bordered th:first-child, | |
.handsontable .table-bordered td:first-child { | |
border-left: 1px solid #CCCCCC; | |
} | |
.handsontable .table > tbody > tr > td, | |
.handsontable .table > tbody > tr > th, | |
.handsontable .table > tfoot > tr > td, | |
.handsontable .table > tfoot > tr > th, | |
.handsontable .table > thead > tr > td, | |
.handsontable .table > thead > tr > th { | |
line-height: 21px; | |
padding: 0; | |
} | |
.col-lg-1.handsontable, .col-lg-10.handsontable, .col-lg-11.handsontable, .col-lg-12.handsontable, | |
.col-lg-2.handsontable, .col-lg-3.handsontable, .col-lg-4.handsontable, .col-lg-5.handsontable, .col-lg-6.handsontable, .col-lg-7.handsontable, .col-lg-8.handsontable, .col-lg-9.handsontable, | |
.col-md-1.handsontable, .col-md-10.handsontable, .col-md-11.handsontable, .col-md-12.handsontable, | |
.col-md-2.handsontable, .col-md-3.handsontable, .col-md-4.handsontable, .col-md-5.handsontable, .col-md-6.handsontable, .col-md-7.handsontable, .col-md-8.handsontable, .col-md-9.handsontable .col-sm-1.handsontable, | |
.col-sm-10.handsontable, .col-sm-11.handsontable, .col-sm-12.handsontable, | |
.col-sm-2.handsontable, .col-sm-3.handsontable, .col-sm-4.handsontable, .col-sm-5.handsontable, .col-sm-6.handsontable, .col-sm-7.handsontable, .col-sm-8.handsontable, .col-sm-9.handsontable .col-xs-1.handsontable, | |
.col-xs-10.handsontable, .col-xs-11.handsontable, .col-xs-12.handsontable, | |
.col-xs-2.handsontable, .col-xs-3.handsontable, .col-xs-4.handsontable, .col-xs-5.handsontable, .col-xs-6.handsontable, .col-xs-7.handsontable, .col-xs-8.handsontable, .col-xs-9.handsontable { | |
padding-left: 0; | |
padding-right: 0; | |
} | |
.handsontable .table-striped > tbody > tr:nth-of-type(even) { | |
background-color: #FFF; | |
} | |
.handsontable { | |
position: relative; | |
} | |
.handsontable .hide { | |
display: none; | |
} | |
.handsontable .relative { | |
position: relative; | |
} | |
.handsontable .wtHider { | |
width: 0; | |
} | |
.handsontable .wtSpreader { | |
position: relative; | |
/*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */ | |
width: 0; | |
height: auto; | |
} | |
.handsontable table, | |
.handsontable tbody, | |
.handsontable thead, | |
.handsontable td, | |
.handsontable th, | |
.handsontable input, | |
.handsontable textarea, | |
.handsontable div { | |
box-sizing: content-box; | |
-webkit-box-sizing: content-box; | |
-moz-box-sizing: content-box; | |
} | |
.handsontable input, | |
.handsontable textarea { | |
min-height: initial; | |
} | |
.handsontable table.htCore { | |
border-collapse: separate; | |
/* it must be separate, otherwise there are offset miscalculations in WebKit: http://stackoverflow.com/questions/2655987/border-collapse-differences-in-ff-and-webkit */ | |
/* this actually only changes appearance of user selection - does not make text unselectable */ | |
/* -webkit-user-select: none; | |
-khtml-user-select: none; | |
-moz-user-select: none; | |
-o-user-select: none; | |
-ms-user-select: none; | |
user-select: none; // no browser supports unprefixed version | |
*/ | |
border-spacing: 0; | |
margin: 0; | |
border-width: 0; | |
table-layout: fixed; | |
width: 0; | |
outline-width: 0; | |
cursor: default; | |
/* reset bootstrap table style. for more info see: https://github.com/handsontable/handsontable/issues/224 */ | |
max-width: none; | |
max-height: none; | |
} | |
.handsontable col { | |
width: 50px; | |
} | |
.handsontable col.rowHeader { | |
width: 50px; | |
} | |
.handsontable th, | |
.handsontable td { | |
border-top-width: 0; | |
border-left-width: 0; | |
border-right: 1px solid #ccc; | |
border-bottom: 1px solid #ccc; | |
height: 22px; | |
empty-cells: show; | |
line-height: 21px; | |
padding: 0 4px 0 4px; | |
/* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */ | |
background-color: #fff; | |
vertical-align: top; | |
overflow: hidden; | |
outline-width: 0; | |
white-space: pre-wrap; | |
} | |
[dir=rtl] .handsontable th, | |
[dir=rtl] .handsontable td { | |
border-right-width: 0; | |
border-left: 1px solid #ccc; | |
} | |
.handsontable th:last-child { | |
/*Foundation framework fix*/ | |
border-right: 1px solid #ccc; | |
border-bottom: 1px solid #ccc; | |
} | |
[dir=rtl] .handsontable th:last-child { | |
/*Foundation framework fix*/ | |
border-left: 1px solid #ccc; | |
} | |
.handsontable th:first-child, | |
.handsontable th:nth-child(2), | |
.handsontable td:first-of-type { | |
border-left: 1px solid #ccc; | |
} | |
[dir=rtl] .handsontable th:first-child, | |
[dir=rtl] .handsontable th:nth-child(2), | |
[dir=rtl] .handsontable td:first-of-type { | |
border-right: 1px solid #ccc; | |
} | |
/* It removes double right border from first column header when row headers are disabled */ | |
.handsontable .ht_clone_top th:nth-child(2) { | |
border-left-width: 0; | |
border-right: 1px solid #ccc; | |
} | |
[dir=rtl] .handsontable .ht_clone_top th:nth-child(2) { | |
border-right-width: 0; | |
border-left: 1px solid #ccc; | |
} | |
.handsontable.htRowHeaders thead tr th:nth-child(2) { | |
border-left: 1px solid #ccc; | |
} | |
[dir=rtl] .handsontable.htRowHeaders thead tr th:nth-child(2) { | |
border-right: 1px solid #ccc; | |
} | |
.handsontable tr:first-child th, | |
.handsontable tr:first-child td { | |
border-top: 1px solid #ccc; | |
} | |
.ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable tbody tr th, | |
.ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child { | |
border-right-width: 0; | |
border-left: 1px solid #ccc; | |
} | |
[dir=rtl] .ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable tbody tr th, | |
[dir=rtl] .ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child { | |
border-left-width: 0; | |
border-right: 1px solid #ccc; | |
} | |
/* | |
innerBorderTop - Property controlled by top overlay | |
innerBorderBottom - Property controlled by bottom overlay | |
*/ | |
.ht_master:not(.innerBorderTop):not(.innerBorderBottom) thead tr:last-child th, | |
.ht_master:not(.innerBorderTop):not(.innerBorderBottom) ~ .handsontable thead tr:last-child th, | |
.ht_master:not(.innerBorderTop):not(.innerBorderBottom) thead tr.lastChild th, | |
.ht_master:not(.innerBorderTop):not(.innerBorderBottom) ~ .handsontable thead tr.lastChild th { | |
border-bottom-width: 0; | |
} | |
.handsontable th { | |
background-color: #f0f0f0; | |
color: #222; | |
text-align: center; | |
font-weight: normal; | |
white-space: nowrap; | |
} | |
.handsontable thead th { | |
padding: 0; | |
} | |
.handsontable th.active { | |
background-color: #ccc; | |
} | |
.handsontable thead th .relative { | |
padding: 2px 4px; | |
} | |
.handsontable span.colHeader { | |
display: inline-block; | |
line-height: 1.1; | |
} | |
/* Selection */ | |
.handsontable .wtBorder { | |
position: absolute; | |
font-size: 0; | |
} | |
.handsontable .wtBorder.hidden { | |
display: none !important; | |
} | |
/* A layer order of the selection types */ | |
.handsontable .wtBorder.current { | |
z-index: 10; | |
} | |
.handsontable .wtBorder.area { | |
z-index: 8; | |
} | |
.handsontable .wtBorder.fill { | |
z-index: 6; | |
} | |
/* fill handle */ | |
.handsontable .wtBorder.corner { | |
font-size: 0; | |
cursor: crosshair; | |
} | |
.ht_clone_master { | |
z-index: 100; | |
} | |
.ht_clone_right { | |
z-index: 110; | |
} | |
.ht_clone_left { | |
z-index: 120; | |
} | |
.ht_clone_bottom { | |
z-index: 130; | |
} | |
.ht_clone_bottom_right_corner { | |
z-index: 140; | |
} | |
.ht_clone_bottom_left_corner { | |
z-index: 150; | |
} | |
.ht_clone_top { | |
z-index: 160; | |
} | |
.ht_clone_top_right_corner { | |
z-index: 170; | |
} | |
.ht_clone_top_left_corner { | |
z-index: 180; | |
} | |
/* | |
Cell borders | |
*/ | |
.handsontable tbody tr th:nth-last-child(2) { | |
border-right: 1px solid #ccc; | |
} | |
[dir=rtl] .handsontable tbody tr th:nth-last-child(2) { | |
border-left: 1px solid #ccc; | |
} | |
.ht_clone_top_left_corner thead tr th:nth-last-child(2) { | |
border-right: 1px solid #ccc; | |
} | |
[dir=rtl] .ht_clone_top_left_corner thead tr th:nth-last-child(2) { | |
border-left: 1px solid #ccc; | |
} | |
.handsontable col.hidden { | |
width: 0 !important; | |
} | |
.handsontable tr.hidden, | |
.handsontable tr.hidden td, | |
.handsontable tr.hidden th { | |
display: none; | |
} | |
.ht_master, | |
.ht_clone_left, | |
.ht_clone_top, | |
.ht_clone_bottom { | |
overflow: hidden; | |
} | |
.ht_master .wtHolder { | |
overflow: auto; | |
} | |
.handsontable .ht_master thead, | |
.handsontable .ht_master tr th, | |
.handsontable .ht_clone_left thead { | |
visibility: hidden; | |
} | |
.ht_clone_top .wtHolder, | |
.ht_clone_left .wtHolder, | |
.ht_clone_bottom .wtHolder { | |
overflow: hidden; | |
} | |
@charset "UTF-8"; | |
.handsontable { | |
touch-action: manipulation; | |
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif; | |
font-size: 13px; | |
font-weight: normal; | |
color: #373737; | |
} | |
.handsontable a { | |
color: #104acc; | |
} | |
.handsontable.htAutoSize { | |
visibility: hidden; | |
left: -99000px; | |
position: absolute; | |
top: -99000px; | |
} | |
.handsontable td.htInvalid { | |
/*gives priority over td.area selection background*/ | |
background-color: #ff4c42 !important; | |
} | |
.handsontable td.htNoWrap { | |
white-space: nowrap; | |
} | |
#hot-display-license-info { | |
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif; | |
font-size: 10px; | |
font-weight: normal; | |
color: #373737; | |
padding: 5px 0 3px 0; | |
text-align: left; | |
} | |
#hot-display-license-info a { | |
color: #104acc; | |
font-size: 10px; | |
} | |
/* plugins */ | |
/* row + column resizer*/ | |
.handsontable .manualColumnResizer { | |
position: absolute; | |
top: 0; | |
cursor: col-resize; | |
z-index: 210; | |
width: 5px; | |
height: 25px; | |
} | |
.handsontable .manualRowResizer { | |
position: absolute; | |
left: 0; | |
cursor: row-resize; | |
z-index: 210; | |
height: 5px; | |
width: 50px; | |
} | |
.handsontable .manualColumnResizer:hover, | |
.handsontable .manualColumnResizer.active, | |
.handsontable .manualRowResizer:hover, | |
.handsontable .manualRowResizer.active { | |
background-color: #34a9db; | |
} | |
.handsontable .manualColumnResizerGuide { | |
position: absolute; | |
right: 0; | |
top: 0; | |
background-color: #34a9db; | |
display: none; | |
width: 0; | |
border-right: 1px dashed #777; | |
margin-left: 5px; | |
} | |
.handsontable .manualRowResizerGuide { | |
position: absolute; | |
left: 0; | |
bottom: 0; | |
background-color: #34a9db; | |
display: none; | |
height: 0; | |
border-bottom: 1px dashed #777; | |
margin-top: 5px; | |
} | |
.handsontable .manualColumnResizerGuide.active, | |
.handsontable .manualRowResizerGuide.active { | |
display: block; | |
z-index: 209; | |
} | |
.handsontable .columnSorting { | |
position: relative; | |
} | |
.handsontable .columnSorting.sortAction:hover { | |
text-decoration: underline; | |
cursor: pointer; | |
} | |
/* Arrow position */ | |
.handsontable span.colHeader.columnSorting::before { | |
/* Centering start */ | |
top: 50%; | |
/* One extra pixel for purpose of proper positioning of sorting arrow, when `font-size` set to default */ | |
margin-top: -6px; | |
/* Centering end */ | |
/* For purpose of continuous mouse over experience, when moving between the `span` and the `::before` elements */ | |
padding-left: 8px; | |
position: absolute; | |
right: -9px; | |
content: ""; | |
height: 10px; | |
width: 5px; | |
background-size: contain; | |
background-repeat: no-repeat; | |
background-position-x: right; | |
} | |
.handsontable span.colHeader.columnSorting.ascending::before { | |
/* arrow up; 20 x 40 px, scaled to 5 x 10 px; base64 size: 0.3kB */ | |
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFNJREFUeAHtzjkSgCAUBNHPgsoy97+ulGXRqJE5L+xkxoYt2UdsLb5bqFINz+aLuuLn5rIu2RkO3fZpWENimNgiw6iBYRTPMLJjGFxQZ1hxxb/xBI1qC8k39CdKAAAAAElFTkSuQmCC"); | |
} | |
.handsontable span.colHeader.columnSorting.descending::before { | |
/* arrow down; 20 x 40 px, scaled to 5 x 10 px; base64 size: 0.3kB */ | |
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFJJREFUeAHtzjkSgCAQRNFmQYUZ7n9dKUvru0TmvPAn3br0QfgdZ5xx6x+rQn23GqTYnq1FDcnuzZIO2WmedVqIRVxgGKEyjNgYRjKGkZ1hFIZ3I70LyM0VtU8AAAAASUVORK5CYII="); | |
} | |
.htGhostTable .htCore span.colHeader.columnSorting:not(.indicatorDisabled)::after { | |
content: "*"; | |
display: inline-block; | |
position: relative; | |
/* The multi-line header and header with longer text need more padding to not hide arrow, | |
we make header wider in `GhostTable` to make some space for arrow which is positioned absolutely in the main table */ | |
padding-right: 20px; | |
} | |
.handsontable td.area, | |
.handsontable td.area-1, | |
.handsontable td.area-2, | |
.handsontable td.area-3, | |
.handsontable td.area-4, | |
.handsontable td.area-5, | |
.handsontable td.area-6, | |
.handsontable td.area-7 { | |
position: relative; | |
} | |
.handsontable td.area:before, | |
.handsontable td.area-1:before, | |
.handsontable td.area-2:before, | |
.handsontable td.area-3:before, | |
.handsontable td.area-4:before, | |
.handsontable td.area-5:before, | |
.handsontable td.area-6:before, | |
.handsontable td.area-7:before { | |
content: ""; | |
position: absolute; | |
top: 0; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
/* Fix for IE9 to spread the ":before" pseudo element to 100% height of the parent element */ | |
bottom: -100% \9 ; | |
background: #005eff; | |
} | |
/* Fix for IE10 and IE11 to spread the ":before" pseudo element to 100% height of the parent element */ | |
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { | |
.handsontable td.area:before, | |
.handsontable td.area-1:before, | |
.handsontable td.area-2:before, | |
.handsontable td.area-3:before, | |
.handsontable td.area-4:before, | |
.handsontable td.area-5:before, | |
.handsontable td.area-6:before, | |
.handsontable td.area-7:before { | |
bottom: -100%; | |
} | |
} | |
.handsontable td.area:before { | |
opacity: 0.1; | |
} | |
.handsontable td.area-1:before { | |
opacity: 0.2; | |
} | |
.handsontable td.area-2:before { | |
opacity: 0.27; | |
} | |
.handsontable td.area-3:before { | |
opacity: 0.35; | |
} | |
.handsontable td.area-4:before { | |
opacity: 0.41; | |
} | |
.handsontable td.area-5:before { | |
opacity: 0.47; | |
} | |
.handsontable td.area-6:before { | |
opacity: 0.54; | |
} | |
.handsontable td.area-7:before { | |
opacity: 0.58; | |
} | |
.handsontable tbody th.ht__highlight, | |
.handsontable thead th.ht__highlight { | |
background-color: #dcdcdc; | |
} | |
.handsontable tbody th.ht__active_highlight, | |
.handsontable thead th.ht__active_highlight { | |
background-color: #8eb0e7; | |
color: #000; | |
} | |
.handsontableInput { | |
border: none; | |
outline-width: 0; | |
margin: 0; | |
padding: 1px 5px 0 5px; | |
font-family: inherit; | |
line-height: 21px; | |
font-size: inherit; | |
box-shadow: 0 0 0 2px #5292F7 inset; | |
resize: none; | |
/*below are needed to overwrite stuff added by jQuery UI Bootstrap theme*/ | |
display: block; | |
color: #000; | |
border-radius: 0; | |
background-color: #FFF; | |
/*overwrite styles potentionally made by a framework*/ | |
} | |
.handsontableInput:focus { | |
outline: none; | |
} | |
.handsontableInputHolder { | |
position: absolute; | |
top: 0; | |
left: 0; | |
} | |
.htSelectEditor { | |
-webkit-appearance: menulist-button !important; | |
position: absolute; | |
width: auto; | |
} | |
.htSelectEditor:focus { | |
outline: none; | |
} | |
/* | |
TextRenderer readOnly cell | |
*/ | |
.handsontable .htDimmed { | |
color: #777; | |
} | |
.handsontable .htSubmenu { | |
position: relative; | |
} | |
.handsontable .htSubmenu :after { | |
content: "▶"; | |
color: #777; | |
position: absolute; | |
right: 5px; | |
font-size: 9px; | |
} | |
/* | |
TextRenderer horizontal alignment | |
*/ | |
.handsontable .htLeft { | |
text-align: left; | |
} | |
.handsontable .htCenter { | |
text-align: center; | |
} | |
.handsontable .htRight { | |
text-align: right; | |
} | |
.handsontable .htJustify { | |
text-align: justify; | |
} | |
/* | |
TextRenderer vertical alignment | |
*/ | |
.handsontable .htTop { | |
vertical-align: top; | |
} | |
.handsontable .htMiddle { | |
vertical-align: middle; | |
} | |
.handsontable .htBottom { | |
vertical-align: bottom; | |
} | |
/* | |
TextRenderer placeholder value | |
*/ | |
.handsontable .htPlaceholder { | |
color: #999; | |
} | |
/** | |
* Handsontable listbox theme | |
*/ | |
.handsontable.listbox { | |
margin: 0; | |
} | |
.handsontable.listbox .ht_master table { | |
border: 1px solid #ccc; | |
border-collapse: separate; | |
background: white; | |
} | |
.handsontable.listbox th, | |
.handsontable.listbox tr:first-child th, | |
.handsontable.listbox tr:last-child th, | |
.handsontable.listbox tr:first-child td, | |
.handsontable.listbox td { | |
border-color: transparent; | |
} | |
.handsontable.listbox th, | |
.handsontable.listbox td { | |
white-space: nowrap; | |
text-overflow: ellipsis; | |
} | |
.handsontable.listbox td.htDimmed { | |
cursor: default; | |
color: inherit; | |
font-style: inherit; | |
} | |
.handsontable.listbox .wtBorder { | |
visibility: hidden; | |
} | |
.handsontable.listbox tr td.current, | |
.handsontable.listbox tr:hover td { | |
background: #eee; | |
} | |
.ht_editor_hidden { | |
z-index: -1; | |
} | |
.ht_editor_visible { | |
z-index: 200; | |
} | |
.handsontable td.htSearchResult { | |
background: #fcedd9; | |
color: #583707; | |
} | |
.collapsibleIndicator { | |
position: absolute; | |
top: 50%; | |
transform: translate(0%, -50%); | |
right: 5px; | |
border: 1px solid #A6A6A6; | |
line-height: 8px; | |
color: #222; | |
border-radius: 10px; | |
font-size: 10px; | |
width: 10px; | |
height: 10px; | |
cursor: pointer; | |
-webkit-box-shadow: 0 0 0 6px #eeeeee; | |
-moz-box-shadow: 0 0 0 6px #eeeeee; | |
box-shadow: 0 0 0 6px #eeeeee; | |
background: #eee; | |
text-align: center; | |
} | |
/* | |
Handsontable Mobile Text Editor stylesheet | |
*/ | |
.handsontable.mobile, | |
.handsontable.mobile .wtHolder { | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-khtml-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
-webkit-overflow-scrolling: touch; | |
} | |
.handsontable.mobile .handsontableInput:focus { | |
-webkit-box-shadow: 0 0 0 2px #5292f7 inset; | |
-moz-box-shadow: 0 0 0 2px #5292f7 inset; | |
box-shadow: 0 0 0 2px #5292f7 inset; | |
-webkit-appearance: none; | |
} | |
.topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle), | |
.topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea) { | |
z-index: 9999; | |
} | |
/* Initial left/top coordinates - overwritten when actual position is set */ | |
.topLeftSelectionHandle, | |
.topLeftSelectionHandle-HitArea, | |
.bottomRightSelectionHandle, | |
.bottomRightSelectionHandle-HitArea { | |
left: -10000px; | |
top: -10000px; | |
} | |
.handsontable.hide-tween { | |
-webkit-animation: opacity-hide 0.3s; | |
animation: opacity-hide 0.3s; | |
animation-fill-mode: forwards; | |
-webkit-animation-fill-mode: forwards; | |
} | |
.handsontable.show-tween { | |
-webkit-animation: opacity-show 0.3s; | |
animation: opacity-show 0.3s; | |
animation-fill-mode: forwards; | |
-webkit-animation-fill-mode: forwards; | |
} | |
@charset "UTF-8"; | |
/*! | |
* Pikaday | |
* Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/ | |
*/ | |
.pika-single { | |
z-index: 9999; | |
display: block; | |
position: relative; | |
color: #333; | |
background: #fff; | |
border: 1px solid #ccc; | |
border-bottom-color: #bbb; | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
} | |
/* | |
clear child float (pika-lendar), using the famous micro clearfix hack | |
http://nicolasgallagher.com/micro-clearfix-hack/ | |
*/ | |
.pika-single:before, | |
.pika-single:after { | |
content: " "; | |
display: table; | |
} | |
.pika-single:after { | |
clear: both; | |
} | |
.pika-single { | |
*zoom: 1; | |
} | |
.pika-single.is-hidden { | |
display: none; | |
} | |
.pika-single.is-bound { | |
position: absolute; | |
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); | |
} | |
.pika-lendar { | |
float: left; | |
width: 240px; | |
margin: 8px; | |
} | |
.pika-title { | |
position: relative; | |
text-align: center; | |
} | |
.pika-label { | |
display: inline-block; | |
*display: inline; | |
position: relative; | |
z-index: 9999; | |
overflow: hidden; | |
margin: 0; | |
padding: 5px 3px; | |
font-size: 14px; | |
line-height: 20px; | |
font-weight: bold; | |
background-color: #fff; | |
} | |
.pika-title select { | |
cursor: pointer; | |
position: absolute; | |
z-index: 9998; | |
margin: 0; | |
left: 0; | |
top: 5px; | |
filter: alpha(opacity=0); | |
opacity: 0; | |
} | |
.pika-prev, | |
.pika-next { | |
display: block; | |
cursor: pointer; | |
position: relative; | |
outline: none; | |
border: 0; | |
padding: 0; | |
width: 20px; | |
height: 30px; | |
/* hide text using text-indent trick, using width value (it's enough) */ | |
text-indent: 20px; | |
white-space: nowrap; | |
overflow: hidden; | |
background-color: transparent; | |
background-position: center center; | |
background-repeat: no-repeat; | |
background-size: 75% 75%; | |
opacity: 0.5; | |
*position: absolute; | |
*top: 0; | |
} | |
.pika-prev:hover, | |
.pika-next:hover { | |
opacity: 1; | |
} | |
.pika-prev, | |
.is-rtl .pika-next { | |
float: left; | |
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=="); | |
*left: 0; | |
} | |
.pika-next, | |
.is-rtl .pika-prev { | |
float: right; | |
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII="); | |
*right: 0; | |
} | |
.pika-prev.is-disabled, | |
.pika-next.is-disabled { | |
cursor: default; | |
opacity: 0.2; | |
} | |
.pika-select { | |
display: inline-block; | |
*display: inline; | |
} | |
.pika-table { | |
width: 100%; | |
border-collapse: collapse; | |
border-spacing: 0; | |
border: 0; | |
} | |
.pika-table th, | |
.pika-table td { | |
width: 14.2857142857%; | |
padding: 0; | |
} | |
.pika-table th { | |
color: #999; | |
font-size: 12px; | |
line-height: 25px; | |
font-weight: bold; | |
text-align: center; | |
} | |
.pika-button { | |
cursor: pointer; | |
display: block; | |
box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
outline: none; | |
border: 0; | |
margin: 0; | |
width: 100%; | |
padding: 5px; | |
color: #666; | |
font-size: 12px; | |
line-height: 15px; | |
text-align: right; | |
background: #f5f5f5; | |
} | |
.pika-week { | |
font-size: 11px; | |
color: #999; | |
} | |
.is-today .pika-button { | |
color: #33aaff; | |
font-weight: bold; | |
} | |
.is-selected .pika-button, | |
.has-event .pika-button { | |
color: #fff; | |
font-weight: bold; | |
background: #33aaff; | |
box-shadow: inset 0 1px 3px #178fe5; | |
border-radius: 3px; | |
} | |
.has-event .pika-button { | |
background: #005da9; | |
box-shadow: inset 0 1px 3px #0076c9; | |
} | |
.is-disabled .pika-button, | |
.is-inrange .pika-button { | |
background: #D5E9F7; | |
} | |
.is-startrange .pika-button { | |
color: #fff; | |
background: #6CB31D; | |
box-shadow: none; | |
border-radius: 3px; | |
} | |
.is-endrange .pika-button { | |
color: #fff; | |
background: #33aaff; | |
box-shadow: none; | |
border-radius: 3px; | |
} | |
.is-disabled .pika-button { | |
pointer-events: none; | |
cursor: default; | |
color: #999; | |
opacity: 0.3; | |
} | |
.is-outside-current-month .pika-button { | |
color: #999; | |
opacity: 0.3; | |
} | |
.is-selection-disabled { | |
pointer-events: none; | |
cursor: default; | |
} | |
.pika-button:hover, | |
.pika-row.pick-whole-week:hover .pika-button { | |
color: #fff; | |
background: #ff8000; | |
box-shadow: none; | |
border-radius: 3px; | |
} | |
/* styling for abbr */ | |
.pika-table abbr { | |
border-bottom: none; | |
cursor: help; | |
} | |
/* | |
AutocompleteRenderer down arrow | |
*/ | |
.handsontable .htAutocompleteArrow { | |
float: right; | |
font-size: 10px; | |
color: #EEE; | |
cursor: default; | |
width: 16px; | |
text-align: center; | |
} | |
.handsontable td .htAutocompleteArrow:hover { | |
color: #777; | |
} | |
.handsontable td.area .htAutocompleteArrow { | |
color: #d3d3d3; | |
} | |
/* | |
CheckboxRenderer | |
*/ | |
.handsontable .htCheckboxRendererInput { | |
display: inline-block; | |
} | |
.handsontable .htCheckboxRendererInput.noValue { | |
opacity: 0.5; | |
} | |
.handsontable .htCheckboxRendererLabel { | |
font-size: inherit; | |
vertical-align: middle; | |
cursor: pointer; | |
display: inline-block; | |
} | |
.handsontable .htCheckboxRendererLabel.fullWidth { | |
width: 100%; | |
} | |
.htCommentCell { | |
position: relative; | |
} | |
.htCommentCell:after { | |
content: ""; | |
position: absolute; | |
top: 0; | |
right: 0; | |
border-left: 6px solid transparent; | |
border-top: 6px solid black; | |
} | |
.htComments { | |
display: none; | |
z-index: 1059; | |
position: absolute; | |
} | |
.htCommentTextArea { | |
box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px; | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
border: none; | |
border-left: 3px solid #ccc; | |
background-color: #fff; | |
width: 215px; | |
height: 90px; | |
font-size: 12px; | |
padding: 5px; | |
outline: 0px !important; | |
-webkit-appearance: none; | |
} | |
.htCommentTextArea:focus { | |
box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px, inset 0 0 0 1px #5292f7; | |
border-left: 3px solid #5292f7; | |
} | |
/*! | |
* Handsontable ContextMenu | |
*/ | |
.htContextMenu:not(.htGhostTable) { | |
display: none; | |
position: absolute; | |
/* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */ | |
z-index: 1060; | |
} | |
.htContextMenu .ht_clone_top, | |
.htContextMenu .ht_clone_left, | |
.htContextMenu .ht_clone_corner { | |
display: none; | |
} | |
.htContextMenu .ht_master table.htCore { | |
border: 1px solid #ccc; | |
border-bottom-width: 2px; | |
border-right-width: 2px; | |
} | |
.htContextMenu .wtBorder { | |
visibility: hidden; | |
} | |
.htContextMenu table tbody tr td { | |
background: white; | |
border-width: 0; | |
padding: 4px 6px 0 6px; | |
cursor: pointer; | |
overflow: hidden; | |
white-space: nowrap; | |
text-overflow: ellipsis; | |
} | |
.htContextMenu table tbody tr td:first-child { | |
border: 0; | |
} | |
.htContextMenu table tbody tr td.htDimmed { | |
font-style: normal; | |
color: #323232; | |
} | |
.htContextMenu table tbody tr td.current, | |
.htContextMenu table tbody tr td.zeroclipboard-is-hover { | |
background: #f3f3f3; | |
} | |
.htContextMenu table tbody tr td.htSeparator { | |
border-top: 1px solid #e6e6e6; | |
height: 0; | |
padding: 0; | |
cursor: default; | |
} | |
.htContextMenu table tbody tr td.htDisabled { | |
color: #999; | |
cursor: default; | |
} | |
.htContextMenu table tbody tr td.htDisabled:hover { | |
background: #fff; | |
color: #999; | |
cursor: default; | |
} | |
.htContextMenu table tbody tr.htHidden { | |
display: none; | |
} | |
.htContextMenu table tbody tr td .htItemWrapper { | |
margin-left: 10px; | |
margin-right: 6px; | |
} | |
.htContextMenu table tbody tr td div span.selected { | |
margin-top: -2px; | |
position: absolute; | |
left: 4px; | |
} | |
.htContextMenu .ht_master .wtHolder { | |
overflow: hidden; | |
} | |
textarea.HandsontableCopyPaste { | |
position: fixed !important; | |
top: 0 !important; | |
right: 100% !important; | |
overflow: hidden; | |
opacity: 0; | |
outline: 0 none !important; | |
} | |
@charset "UTF-8"; | |
/*! | |
* Handsontable DropdownMenu | |
*/ | |
.handsontable .changeType { | |
background: #eee; | |
border-radius: 2px; | |
border: 1px solid #bbb; | |
color: #bbb; | |
font-size: 9px; | |
line-height: 9px; | |
padding: 2px; | |
margin: 3px 1px 0 5px; | |
float: right; | |
} | |
.handsontable .changeType:before { | |
content: "▼ "; | |
} | |
.handsontable .changeType:hover { | |
border: 1px solid #777; | |
color: #777; | |
cursor: pointer; | |
} | |
.htDropdownMenu:not(.htGhostTable) { | |
display: none; | |
position: absolute; | |
/* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */ | |
z-index: 1060; | |
} | |
.htDropdownMenu .ht_clone_top, | |
.htDropdownMenu .ht_clone_left, | |
.htDropdownMenu .ht_clone_corner { | |
display: none; | |
} | |
.htDropdownMenu table.htCore { | |
border: 1px solid #bbb; | |
border-bottom-width: 2px; | |
border-right-width: 2px; | |
} | |
.htDropdownMenu .wtBorder { | |
visibility: hidden; | |
} | |
.htDropdownMenu table tbody tr td { | |
background: white; | |
border-width: 0; | |
padding: 4px 6px 0 6px; | |
cursor: pointer; | |
overflow: hidden; | |
white-space: nowrap; | |
text-overflow: ellipsis; | |
} | |
.htDropdownMenu table tbody tr td:first-child { | |
border: 0; | |
} | |
.htDropdownMenu table tbody tr td.htDimmed { | |
font-style: normal; | |
color: #323232; | |
} | |
.htDropdownMenu table tbody tr td.current, | |
.htDropdownMenu table tbody tr td.zeroclipboard-is-hover { | |
background: #e9e9e9; | |
} | |
.htDropdownMenu table tbody tr td.htSeparator { | |
border-top: 1px solid #e6e6e6; | |
height: 0; | |
padding: 0; | |
cursor: default; | |
} | |
.htDropdownMenu table tbody tr td.htDisabled { | |
color: #999; | |
} | |
.htDropdownMenu table tbody tr td.htDisabled:hover { | |
background: #fff; | |
color: #999; | |
cursor: default; | |
} | |
.htDropdownMenu:not(.htGhostTable) table tbody tr.htHidden { | |
display: none; | |
} | |
.htDropdownMenu table tbody tr td .htItemWrapper { | |
margin-left: 10px; | |
margin-right: 10px; | |
} | |
.htDropdownMenu table tbody tr td div span.selected { | |
margin-top: -2px; | |
position: absolute; | |
left: 4px; | |
} | |
.htDropdownMenu .ht_master .wtHolder { | |
overflow: hidden; | |
} | |
@charset "UTF-8"; | |
/*! | |
* Handsontable Filters | |
*/ | |
/* Conditions menu */ | |
.htFiltersConditionsMenu:not(.htGhostTable) { | |
display: none; | |
position: absolute; | |
z-index: 1070; | |
} | |
.htFiltersConditionsMenu .ht_clone_top, | |
.htFiltersConditionsMenu .ht_clone_left, | |
.htFiltersConditionsMenu .ht_clone_corner { | |
display: none; | |
} | |
.htFiltersConditionsMenu table.htCore { | |
border: 1px solid #bbb; | |
border-bottom-width: 2px; | |
border-right-width: 2px; | |
} | |
.htFiltersConditionsMenu .wtBorder { | |
visibility: hidden; | |
} | |
.htFiltersConditionsMenu table tbody tr td { | |
background: white; | |
border-width: 0; | |
padding: 4px 6px 0 6px; | |
cursor: pointer; | |
overflow: hidden; | |
white-space: nowrap; | |
text-overflow: ellipsis; | |
} | |
.htFiltersConditionsMenu table tbody tr td:first-child { | |
border: 0; | |
} | |
.htFiltersConditionsMenu table tbody tr td.htDimmed { | |
font-style: normal; | |
color: #323232; | |
} | |
.htFiltersConditionsMenu table tbody tr td.current, | |
.htFiltersConditionsMenu table tbody tr td.zeroclipboard-is-hover { | |
background: #e9e9e9; | |
} | |
.htFiltersConditionsMenu table tbody tr td.htSeparator { | |
border-top: 1px solid #e6e6e6; | |
height: 0; | |
padding: 0; | |
} | |
.htFiltersConditionsMenu table tbody tr td.htDisabled { | |
color: #999; | |
} | |
.htFiltersConditionsMenu table tbody tr td.htDisabled:hover { | |
background: #fff; | |
color: #999; | |
cursor: default; | |
} | |
.htFiltersConditionsMenu table tbody tr td .htItemWrapper { | |
margin-left: 10px; | |
margin-right: 10px; | |
} | |
.htFiltersConditionsMenu table tbody tr td div span.selected { | |
margin-top: -2px; | |
position: absolute; | |
left: 4px; | |
} | |
.htFiltersConditionsMenu .ht_master .wtHolder { | |
overflow: hidden; | |
} | |
.handsontable .htMenuFiltering { | |
border-bottom: 1px dotted #ccc; | |
height: 135px; | |
overflow: hidden; | |
} | |
.handsontable .ht_master table td.htCustomMenuRenderer { | |
background-color: #fff; | |
cursor: auto; | |
} | |
/* Menu label */ | |
.handsontable .htFiltersMenuLabel { | |
font-size: 0.75em; | |
} | |
/* Component action bar */ | |
.handsontable .htFiltersMenuActionBar { | |
text-align: center; | |
padding-top: 10px; | |
padding-bottom: 3px; | |
} | |
/* Component filter by conditional */ | |
.handsontable .htFiltersMenuCondition.border { | |
border-bottom: 1px dotted #ccc !important; | |
} | |
.handsontable .htFiltersMenuCondition .htUIInput { | |
padding: 0 0 5px 0; | |
} | |
/* Component filter by value */ | |
.handsontable .htFiltersMenuValue { | |
border-bottom: 1px dotted #ccc !important; | |
} | |
.handsontable .htFiltersMenuValue .htUIMultipleSelectSearch { | |
padding: 0; | |
} | |
.handsontable .htFiltersMenuCondition .htUIInput input, | |
.handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input { | |
font-family: inherit; | |
font-size: 0.75em; | |
padding: 4px; | |
box-sizing: border-box; | |
width: 100%; | |
} | |
.htUIMultipleSelect .ht_master .wtHolder { | |
overflow-y: scroll; | |
} | |
.handsontable .htFiltersActive .changeType { | |
border: 1px solid #509272; | |
color: #18804e; | |
background-color: #d2e0d9; | |
} | |
.handsontable .htUISelectAll { | |
margin-right: 10px; | |
} | |
.handsontable .htUIClearAll, .handsontable .htUISelectAll { | |
display: inline-block; | |
} | |
.handsontable .htUIClearAll a, .handsontable .htUISelectAll a { | |
font-size: 0.75em; | |
} | |
.handsontable .htUISelectionControls { | |
text-align: right; | |
} | |
.handsontable .htCheckboxRendererInput { | |
margin: 0 5px 0 0; | |
vertical-align: middle; | |
height: 1em; | |
} | |
/* UI elements */ | |
/* Input */ | |
.handsontable .htUIInput { | |
padding: 3px 0 7px 0; | |
position: relative; | |
text-align: center; | |
} | |
.handsontable .htUIInput input { | |
border-radius: 2px; | |
border: 1px solid #d2d1d1; | |
} | |
.handsontable .htUIInput input:focus { | |
outline: 0; | |
} | |
.handsontable .htUIInputIcon { | |
position: absolute; | |
} | |
/* Button */ | |
.handsontable .htUIInput.htUIButton { | |
cursor: pointer; | |
display: inline-block; | |
} | |
.handsontable .htUIInput.htUIButton input { | |
background-color: #eee; | |
color: #000; | |
cursor: pointer; | |
font-family: inherit; | |
font-size: 0.75em; | |
font-weight: bold; | |
height: 19px; | |
min-width: 64px; | |
} | |
.handsontable .htUIInput.htUIButton input:hover { | |
border-color: #b9b9b9; | |
} | |
.handsontable .htUIInput.htUIButtonOK { | |
margin-right: 10px; | |
} | |
.handsontable .htUIInput.htUIButtonOK input { | |
background-color: #0f9d58; | |
border-color: #18804e; | |
color: #fff; | |
} | |
.handsontable .htUIInput.htUIButtonOK input:hover { | |
border-color: #1a6f46; | |
} | |
/* Select */ | |
.handsontable .htUISelect { | |
cursor: pointer; | |
margin-bottom: 7px; | |
position: relative; | |
} | |
.handsontable .htUISelectCaption { | |
background-color: #e8e8e8; | |
border-radius: 2px; | |
border: 1px solid #d2d1d1; | |
font-family: inherit; | |
font-size: 0.75em; | |
font-weight: bold; | |
padding: 3px 20px 3px 10px; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
overflow: hidden; | |
} | |
.handsontable .htUISelectCaption:hover { | |
background-color: #e8e8e8; | |
border: 1px solid #b9b9b9; | |
} | |
.handsontable .htUISelectDropdown:after { | |
content: "▲"; | |
font-size: 7px; | |
position: absolute; | |
right: 10px; | |
top: 0; | |
} | |
.handsontable .htUISelectDropdown:before { | |
content: "▼"; | |
font-size: 7px; | |
position: absolute; | |
right: 10px; | |
top: 8px; | |
} | |
/* SelectMultiple */ | |
.handsontable .htUIMultipleSelect .handsontable .htCore { | |
border: none; | |
} | |
.handsontable .htUIMultipleSelect .handsontable .htCore td:hover { | |
background-color: #F5F5F5; | |
} | |
.handsontable .htUIMultipleSelectSearch input { | |
border-radius: 2px; | |
border: 1px solid #d2d1d1; | |
padding: 3px; | |
} | |
.handsontable .htUIRadio { | |
display: inline-block; | |
margin-right: 5px; | |
height: 100%; | |
} | |
.handsontable .htUIRadio:last-child { | |
margin-right: 0; | |
} | |
.handsontable .htUIRadio > input[type=radio] { | |
margin-right: 0.5ex; | |
} | |
.handsontable .htUIRadio label { | |
vertical-align: middle; | |
} | |
.handsontable .htFiltersMenuOperators { | |
padding-bottom: 5px; | |
} | |
@charset "UTF-8"; | |
/* | |
* Handsontable HiddenColumns | |
*/ | |
.handsontable th.beforeHiddenColumn { | |
position: relative; | |
} | |
.handsontable th.beforeHiddenColumn::after, | |
.handsontable th.afterHiddenColumn::before { | |
color: #bbb; | |
position: absolute; | |
top: 50%; | |
font-size: 5pt; | |
transform: translateY(-50%); | |
} | |
.handsontable th.afterHiddenColumn { | |
position: relative; | |
} | |
.handsontable th.beforeHiddenColumn::after { | |
right: 1px; | |
content: "◀"; | |
} | |
.handsontable th.afterHiddenColumn::before { | |
left: 1px; | |
content: "▶"; | |
} | |
@charset "UTF-8"; | |
/*! | |
* Handsontable HiddenRows | |
*/ | |
.handsontable th.beforeHiddenRow::before, | |
.handsontable th.afterHiddenRow::after { | |
color: #bbb; | |
font-size: 6pt; | |
line-height: 6pt; | |
position: absolute; | |
left: 2px; | |
} | |
.handsontable th.beforeHiddenRow, | |
.handsontable th.afterHiddenRow { | |
position: relative; | |
} | |
.handsontable th.beforeHiddenRow::before { | |
content: "▲"; | |
bottom: 2px; | |
} | |
.handsontable th.afterHiddenRow::after { | |
content: "▼"; | |
top: 2px; | |
} | |
.handsontable.ht__selection--rows tbody th.beforeHiddenRow.ht__highlight:before, | |
.handsontable.ht__selection--rows tbody th.afterHiddenRow.ht__highlight:after { | |
color: #eee; | |
} | |
.handsontable td.afterHiddenRow.firstVisibleRow, | |
.handsontable th.afterHiddenRow.firstVisibleRow { | |
border-top: 1px solid #CCC; | |
} | |
.htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_top_left_corner th:nth-child(2), | |
.htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_left td:first-of-type { | |
border-left: 0 none; | |
} | |
.handsontable .wtHider { | |
position: relative; | |
} | |
.handsontable.ht__manualColumnMove.after-selection--columns thead th.ht__highlight { | |
cursor: move; | |
cursor: -moz-grab; | |
cursor: -webkit-grab; | |
cursor: grab; | |
} | |
.handsontable.ht__manualColumnMove.on-moving--columns, | |
.handsontable.ht__manualColumnMove.on-moving--columns thead th.ht__highlight { | |
cursor: move; | |
cursor: -moz-grabbing; | |
cursor: -webkit-grabbing; | |
cursor: grabbing; | |
} | |
.handsontable.ht__manualColumnMove.on-moving--columns .manualColumnResizer { | |
display: none; | |
} | |
.handsontable .ht__manualColumnMove--guideline, | |
.handsontable .ht__manualColumnMove--backlight { | |
position: absolute; | |
height: 100%; | |
display: none; | |
} | |
.handsontable .ht__manualColumnMove--guideline { | |
background: #757575; | |
width: 2px; | |
top: 0; | |
margin-left: -1px; | |
z-index: 205; | |
} | |
.handsontable .ht__manualColumnMove--backlight { | |
background: #343434; | |
background: rgba(52, 52, 52, 0.25); | |
display: none; | |
z-index: 205; | |
pointer-events: none; | |
} | |
.handsontable.on-moving--columns.show-ui .ht__manualColumnMove--guideline, | |
.handsontable.on-moving--columns .ht__manualColumnMove--backlight { | |
display: block; | |
} | |
.handsontable .wtHider { | |
position: relative; | |
} | |
.handsontable.ht__manualRowMove.after-selection--rows tbody th.ht__highlight { | |
cursor: move; | |
cursor: -moz-grab; | |
cursor: -webkit-grab; | |
cursor: grab; | |
} | |
.handsontable.ht__manualRowMove.on-moving--rows, | |
.handsontable.ht__manualRowMove.on-moving--rows tbody th.ht__highlight { | |
cursor: move; | |
cursor: -moz-grabbing; | |
cursor: -webkit-grabbing; | |
cursor: grabbing; | |
} | |
.handsontable.ht__manualRowMove.on-moving--rows .manualRowResizer { | |
display: none; | |
} | |
.handsontable .ht__manualRowMove--guideline, | |
.handsontable .ht__manualRowMove--backlight { | |
position: absolute; | |
width: 100%; | |
display: none; | |
} | |
.handsontable .ht__manualRowMove--guideline { | |
background: #757575; | |
height: 2px; | |
left: 0; | |
margin-top: -1px; | |
z-index: 205; | |
} | |
.handsontable .ht__manualRowMove--backlight { | |
background: #343434; | |
background: rgba(52, 52, 52, 0.25); | |
display: none; | |
z-index: 205; | |
pointer-events: none; | |
} | |
.handsontable.on-moving--rows.show-ui .ht__manualRowMove--guideline, | |
.handsontable.on-moving--rows .ht__manualRowMove--backlight { | |
display: block; | |
} | |
.handsontable tbody td[rowspan][class*=area][class*=highlight]:not([class*=fullySelectedMergedCell]):before { | |
opacity: 0; | |
} | |
.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-multiple]:before { | |
opacity: 0.1; | |
} | |
.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-0]:before { | |
opacity: 0.1; | |
} | |
.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-1]:before { | |
opacity: 0.2; | |
} | |
.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-2]:before { | |
opacity: 0.27; | |
} | |
.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-3]:before { | |
opacity: 0.35; | |
} | |
.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-4]:before { | |
opacity: 0.41; | |
} | |
.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-5]:before { | |
opacity: 0.47; | |
} | |
.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-6]:before { | |
opacity: 0.54; | |
} | |
.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-7]:before { | |
opacity: 0.58; | |
} | |
/* Column's number position */ | |
.handsontable span.colHeader.columnSorting::after { | |
/* Centering start */ | |
top: 50%; | |
/* Two extra pixels (-2 instead of -4) for purpose of proper positioning of numeric indicators, when `font-size` set to default */ | |
margin-top: -2px; | |
/* Centering end */ | |
position: absolute; | |
right: -15px; | |
/* For purpose of continuous mouse over experience, when moving between the `::before` and the `::after` elements */ | |
padding-left: 5px; | |
font-size: 8px; | |
height: 8px; | |
line-height: 1.1; | |
/* Workaround for IE9 - IE11 */ | |
text-decoration: underline; | |
} | |
/* Workaround for IE9 - IE11, https://stackoverflow.com/a/21902566, https://stackoverflow.com/a/32120247 */ | |
.handsontable span.colHeader.columnSorting::after { | |
text-decoration: none; | |
} | |
/* We support up to 7 numeric indicators, describing order of column in sorted columns queue */ | |
.handsontable span.colHeader.columnSorting[class^=sort-]::after, | |
.handsontable span.colHeader.columnSorting[class*=" sort-"]::after { | |
content: "+"; | |
} | |
.handsontable span.colHeader.columnSorting.sort-1::after { | |
content: "1"; | |
} | |
.handsontable span.colHeader.columnSorting.sort-2::after { | |
content: "2"; | |
} | |
.handsontable span.colHeader.columnSorting.sort-3::after { | |
content: "3"; | |
} | |
.handsontable span.colHeader.columnSorting.sort-4::after { | |
content: "4"; | |
} | |
.handsontable span.colHeader.columnSorting.sort-5::after { | |
content: "5"; | |
} | |
.handsontable span.colHeader.columnSorting.sort-6::after { | |
content: "6"; | |
} | |
.handsontable span.colHeader.columnSorting.sort-7::after { | |
content: "7"; | |
} | |
/* Drop-down menu widens header by 5 pixels, sort sequence numbers won't overlap the icon; mainly for the IE9+ */ | |
.htGhostTable th div button.changeType + span.colHeader.columnSorting:not(.indicatorDisabled) { | |
padding-right: 5px; | |
} | |
.handsontable thead th.hiddenHeader:not(:first-of-type) { | |
display: none; | |
} | |
@charset "UTF-8"; | |
.handsontable th.ht_nestingLevels { | |
text-align: left; | |
padding-left: 7px; | |
} | |
.handsontable th div.ht_nestingLevels { | |
display: inline-block; | |
position: absolute; | |
left: 11px; | |
} | |
.handsontable.innerBorderLeft th div.ht_nestingLevels, | |
.handsontable.innerBorderLeft ~ .handsontable th div.ht_nestingLevels { | |
right: 10px; | |
} | |
.handsontable th span.ht_nestingLevel { | |
display: inline-block; | |
} | |
.handsontable th span.ht_nestingLevel_empty { | |
display: inline-block; | |
width: 10px; | |
height: 1px; | |
float: left; | |
} | |
.handsontable th span.ht_nestingLevel::after { | |
content: "┐"; | |
font-size: 9px; | |
display: inline-block; | |
position: relative; | |
bottom: 3px; | |
} | |
.handsontable th div.ht_nestingButton { | |
display: inline-block; | |
position: absolute; | |
right: -2px; | |
cursor: pointer; | |
} | |
.handsontable th div.ht_nestingButton.ht_nestingExpand::after { | |
content: "+"; | |
} | |
.handsontable th div.ht_nestingButton.ht_nestingCollapse::after { | |
content: "-"; | |
} | |
.handsontable.innerBorderLeft th div.ht_nestingButton, | |
.handsontable.innerBorderLeft ~ .handsontable th div.ht_nestingButton { | |
right: 0; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment