| 1 | :root {
|
| 2 | --jss-border-color:#000;
|
| 3 | }
|
| 4 |
|
| 5 | .jss_spreadsheet {
|
| 6 | outline: none;
|
| 7 | }
|
| 8 |
|
| 9 | .jss_container {
|
| 10 | display:inline-block;
|
| 11 | padding-right:2px;
|
| 12 | box-sizing: border-box;
|
| 13 | overscroll-behavior: contain;
|
| 14 | outline: none;
|
| 15 | }
|
| 16 |
|
| 17 | .fullscreen {
|
| 18 | position:fixed !important;
|
| 19 | top:0px;
|
| 20 | left:0px;
|
| 21 | width:100%;
|
| 22 | height:100%;
|
| 23 | z-index:21;
|
| 24 |
|
| 25 | display: flex;
|
| 26 | flex-direction: column;
|
| 27 |
|
| 28 | background-color:#ffffff;
|
| 29 | }
|
| 30 |
|
| 31 | .fullscreen .jtabs-content {
|
| 32 | flex: 1;
|
| 33 | overflow: hidden;
|
| 34 | }
|
| 35 |
|
| 36 | .fullscreen .jss_content {
|
| 37 | overflow:auto;
|
| 38 | width: 100% !important;
|
| 39 | height:100%;
|
| 40 | max-height: 100% !important;
|
| 41 | }
|
| 42 |
|
| 43 | .fullscreen .jss_container {
|
| 44 | height:100%;
|
| 45 | }
|
| 46 |
|
| 47 | .jss_content {
|
| 48 | display:inline-block;
|
| 49 | box-sizing: border-box;
|
| 50 | padding-right:3px;
|
| 51 | padding-bottom:3px;
|
| 52 | position:relative;
|
| 53 | scrollbar-width: thin;
|
| 54 | scrollbar-color: #666 transparent;
|
| 55 | }
|
| 56 |
|
| 57 | @supports (-moz-appearance:none) {
|
| 58 | .jss_content { padding-right:10px; }
|
| 59 | }
|
| 60 |
|
| 61 | .jss_content::-webkit-scrollbar {
|
| 62 | width: 8px;
|
| 63 | height: 8px;
|
| 64 | }
|
| 65 |
|
| 66 | .jss_content::-webkit-scrollbar-track {
|
| 67 | background: #eee;
|
| 68 | }
|
| 69 |
|
| 70 | .jss_content::-webkit-scrollbar-thumb {
|
| 71 | background: #666;
|
| 72 | }
|
| 73 |
|
| 74 | .jss_worksheet {
|
| 75 | border-collapse: separate;
|
| 76 | table-layout: fixed;
|
| 77 | white-space: nowrap;
|
| 78 | empty-cells: show;
|
| 79 | border: 0px;
|
| 80 | background-color: #fff;
|
| 81 | width: 0;
|
| 82 |
|
| 83 | border-top: 1px solid transparent;
|
| 84 | border-left: 1px solid transparent;
|
| 85 | border-right: 1px solid #ccc;
|
| 86 | border-bottom: 1px solid #ccc;
|
| 87 | }
|
| 88 |
|
| 89 | .jss_worksheet > thead > tr > td
|
| 90 | {
|
| 91 | border-top: 1px solid #ccc;
|
| 92 | border-left: 1px solid #ccc;
|
| 93 | border-right: 1px solid transparent;
|
| 94 | border-bottom: 1px solid transparent;
|
| 95 | background-color: #f3f3f3;
|
| 96 | padding: 2px;
|
| 97 | cursor: pointer;
|
| 98 | box-sizing: border-box;
|
| 99 | overflow: hidden;
|
| 100 | position: -webkit-sticky;
|
| 101 | position: sticky;
|
| 102 | top: 0;
|
| 103 | z-index:2;
|
| 104 | }
|
| 105 |
|
| 106 | .jss_worksheet > thead > tr > td.dragging
|
| 107 | {
|
| 108 | opacity:0.5;
|
| 109 | }
|
| 110 |
|
| 111 | .jss_worksheet > thead > tr > td.selected
|
| 112 | {
|
| 113 | background-color:#dcdcdc;
|
| 114 | }
|
| 115 |
|
| 116 | .jss_worksheet > thead > tr > td.arrow-up
|
| 117 | {
|
| 118 | background-repeat:no-repeat;
|
| 119 | background-position:center right 5px;
|
| 120 | background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 14l5-5 5 5H7z' fill='gray'/%3E%3C/svg%3E");
|
| 121 | text-decoration:underline;
|
| 122 | }
|
| 123 |
|
| 124 | .jss_worksheet > thead > tr > td.arrow-down
|
| 125 | {
|
| 126 | background-repeat:no-repeat;
|
| 127 | background-position:center right 5px;
|
| 128 | background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E");
|
| 129 | text-decoration:underline;
|
| 130 | }
|
| 131 |
|
| 132 | .jss_worksheet > tbody > tr > td:first-child
|
| 133 | {
|
| 134 | position:relative;
|
| 135 | background-color:#f3f3f3;
|
| 136 | text-align:center;
|
| 137 | }
|
| 138 |
|
| 139 | .jss_worksheet > tbody.resizable > tr > td:first-child::before
|
| 140 | {
|
| 141 | content:'\00a0';
|
| 142 | width:100%;
|
| 143 | height:3px;
|
| 144 | position:absolute;
|
| 145 | bottom:0px;
|
| 146 | left:0px;
|
| 147 | cursor:row-resize;
|
| 148 | }
|
| 149 |
|
| 150 | .jss_worksheet > tbody.draggable > tr > td:first-child::after
|
| 151 | {
|
| 152 | content:'\00a0';
|
| 153 | width:3px;
|
| 154 | height:100%;
|
| 155 | position:absolute;
|
| 156 | top:0px;
|
| 157 | right:0px;
|
| 158 | cursor:move;
|
| 159 | }
|
| 160 |
|
| 161 | .jss_worksheet > tbody > tr.dragging > td
|
| 162 | {
|
| 163 | background-color:#eee;
|
| 164 | opacity:0.5;
|
| 165 | }
|
| 166 |
|
| 167 | .jss_worksheet > tbody > tr > td
|
| 168 | {
|
| 169 | border-top:1px solid #ccc;
|
| 170 | border-left:1px solid #ccc;
|
| 171 | border-right:1px solid transparent;
|
| 172 | border-bottom:1px solid transparent;
|
| 173 | padding:4px;
|
| 174 | white-space: nowrap;
|
| 175 | box-sizing: border-box;
|
| 176 | line-height:1em;
|
| 177 | }
|
| 178 |
|
| 179 | .jss_overflow > tbody > tr > td {
|
| 180 | overflow: hidden;
|
| 181 | }
|
| 182 |
|
| 183 | .jss_worksheet > tbody > tr > td:last-child
|
| 184 | {
|
| 185 | overflow: hidden;
|
| 186 | }
|
| 187 |
|
| 188 | .jss_worksheet > tbody > tr > td > img
|
| 189 | {
|
| 190 | display:inline-block;
|
| 191 | max-width:100px;
|
| 192 | }
|
| 193 |
|
| 194 | .jss_worksheet > tbody > tr > td.readonly
|
| 195 | {
|
| 196 | color:rgba(0,0,0,0.3)
|
| 197 | }
|
| 198 | .jss_worksheet > tbody > tr.selected > td:first-child
|
| 199 | {
|
| 200 | background-color:#dcdcdc;
|
| 201 | }
|
| 202 | .jss_worksheet > tbody > tr > td > select,
|
| 203 | .jss_worksheet > tbody > tr > td > input,
|
| 204 | .jss_worksheet > tbody > tr > td > textarea
|
| 205 | {
|
| 206 | border:0px;
|
| 207 | border-radius:0px;
|
| 208 | outline:0px;
|
| 209 | width:100%;
|
| 210 | margin:0px;
|
| 211 | padding:0px;
|
| 212 | padding-right:2px;
|
| 213 | background-color:transparent;
|
| 214 | box-sizing: border-box;
|
| 215 | }
|
| 216 |
|
| 217 | .jss_worksheet > tbody > tr > td > textarea
|
| 218 | {
|
| 219 | resize: none;
|
| 220 | padding-top:6px !important;
|
| 221 | }
|
| 222 |
|
| 223 | .jss_worksheet > tbody > tr > td > input[type=checkbox]
|
| 224 | {
|
| 225 | width:12px;
|
| 226 | margin-top:2px;
|
| 227 | }
|
| 228 | .jss_worksheet > tbody > tr > td > input[type=radio]
|
| 229 | {
|
| 230 | width:12px;
|
| 231 | margin-top:2px;
|
| 232 | }
|
| 233 |
|
| 234 | .jss_worksheet > tbody > tr > td > select
|
| 235 | {
|
| 236 | -webkit-appearance: none;
|
| 237 | -moz-appearance: none;
|
| 238 | appearance: none;
|
| 239 | background-repeat: no-repeat;
|
| 240 | background-position-x: 100%;
|
| 241 | background-position-y: 40%;
|
| 242 | background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
|
| 243 | }
|
| 244 |
|
| 245 | .jss_worksheet > tbody > tr > td.jss_dropdown
|
| 246 | {
|
| 247 | background-repeat: no-repeat;
|
| 248 | background-position:top 50% right 5px;
|
| 249 | background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='lightgray'/%3E%3C/svg%3E");
|
| 250 | text-overflow: ellipsis;
|
| 251 | overflow-x:hidden;
|
| 252 | }
|
| 253 |
|
| 254 | .jss_worksheet > tbody > tr > td.jss_dropdown.jss_comments
|
| 255 | {
|
| 256 | background:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='lightgray'/%3E%3C/svg%3E") top 50% right 5px no-repeat, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=') top right no-repeat;
|
| 257 | }
|
| 258 |
|
| 259 | .jss_worksheet > tbody > tr > td > .color
|
| 260 | {
|
| 261 | width:90%;
|
| 262 | height:10px;
|
| 263 | margin:auto;
|
| 264 | }
|
| 265 |
|
| 266 | .jss_worksheet > tbody > tr > td > a {
|
| 267 | text-decoration: underline;
|
| 268 | }
|
| 269 |
|
| 270 | .jss_worksheet > tbody > tr > td.highlight > a {
|
| 271 | color: blue;
|
| 272 | cursor: pointer;
|
| 273 | }
|
| 274 |
|
| 275 | .jss_worksheet > tfoot > tr > td
|
| 276 | {
|
| 277 | border-top: 1px solid #ccc;
|
| 278 | border-left: 1px solid #ccc;
|
| 279 | border-right: 1px solid transparent;
|
| 280 | border-bottom: 1px solid transparent;
|
| 281 | background-color: #f3f3f3;
|
| 282 | padding: 2px;
|
| 283 | cursor: pointer;
|
| 284 | box-sizing: border-box;
|
| 285 | overflow: hidden;
|
| 286 | }
|
| 287 |
|
| 288 | .jss_worksheet .highlight {
|
| 289 | background-color:rgba(0,0,0,0.05);
|
| 290 | }
|
| 291 |
|
| 292 | .jss_worksheet .highlight-top {
|
| 293 | border-top:1px solid #000;
|
| 294 | box-shadow: 0px -1px #ccc;
|
| 295 | }
|
| 296 |
|
| 297 | .jss_worksheet .highlight-left {
|
| 298 | border-left:1px solid #000;
|
| 299 | box-shadow: -1px 0px #ccc;
|
| 300 | }
|
| 301 |
|
| 302 | .jss_worksheet .highlight-right {
|
| 303 | border-right:1px solid #000;
|
| 304 | }
|
| 305 |
|
| 306 | .jss_worksheet .highlight-bottom {
|
| 307 | border-bottom:1px solid #000;
|
| 308 | }
|
| 309 |
|
| 310 | .jss_worksheet .highlight-top.highlight-left {
|
| 311 | box-shadow: -1px -1px #ccc;
|
| 312 | -webkit-box-shadow: -1px -1px #ccc;
|
| 313 | -moz-box-shadow: -1px -1px #ccc;
|
| 314 | }
|
| 315 |
|
| 316 | .jss_worksheet .highlight-selected
|
| 317 | {
|
| 318 | background-color:rgba(0,0,0,0.0);
|
| 319 | }
|
| 320 | .jss_worksheet .selection
|
| 321 | {
|
| 322 | background-color:rgba(0,0,0,0.05);
|
| 323 | }
|
| 324 | .jss_worksheet .selection-left
|
| 325 | {
|
| 326 | border-left:1px dotted #000;
|
| 327 | }
|
| 328 | .jss_worksheet .selection-right
|
| 329 | {
|
| 330 | border-right:1px dotted #000;
|
| 331 | }
|
| 332 | .jss_worksheet .selection-top
|
| 333 | {
|
| 334 | border-top:1px dotted #000;
|
| 335 | }
|
| 336 | .jss_worksheet .selection-bottom
|
| 337 | {
|
| 338 | border-bottom:1px dotted #000;
|
| 339 | }
|
| 340 | .jss_corner
|
| 341 | {
|
| 342 | position:absolute;
|
| 343 | background-color: rgb(0, 0, 0);
|
| 344 | height: 1px;
|
| 345 | width: 1px;
|
| 346 | border: 1px solid rgb(255, 255, 255);
|
| 347 | top:-2000px;
|
| 348 | left:-2000px;
|
| 349 | cursor:crosshair;
|
| 350 | box-sizing: initial;
|
| 351 | z-index:20;
|
| 352 | padding: 2px;
|
| 353 | }
|
| 354 |
|
| 355 | .jss_worksheet .editor
|
| 356 | {
|
| 357 | outline:0px solid transparent;
|
| 358 | overflow:visible;
|
| 359 | white-space: nowrap;
|
| 360 | text-align:left;
|
| 361 | padding:0px;
|
| 362 | box-sizing: border-box;
|
| 363 | overflow:visible !important;
|
| 364 | }
|
| 365 |
|
| 366 | .jss_worksheet .editor > input
|
| 367 | {
|
| 368 | padding-left:4px;
|
| 369 | }
|
| 370 |
|
| 371 | .jss_worksheet .editor .jupload
|
| 372 | {
|
| 373 | position:fixed;
|
| 374 | top:100%;
|
| 375 | z-index:40;
|
| 376 | user-select:none;
|
| 377 | -webkit-font-smoothing: antialiased;
|
| 378 | font-size: .875rem;
|
| 379 | letter-spacing: .2px;
|
| 380 | -webkit-border-radius: 4px;
|
| 381 | border-radius: 4px;
|
| 382 | -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
|
| 383 | box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
|
| 384 | padding:10px;
|
| 385 | background-color:#fff;
|
| 386 | width:300px;
|
| 387 | min-height:225px;
|
| 388 | margin-top:2px;
|
| 389 | }
|
| 390 |
|
| 391 | .jss_worksheet .editor .jupload img
|
| 392 | {
|
| 393 | width:100%;
|
| 394 | height:auto;
|
| 395 | }
|
| 396 |
|
| 397 | .jss_worksheet .editor .jss_richtext
|
| 398 | {
|
| 399 | position:fixed;
|
| 400 | top:100%;
|
| 401 | z-index:40;
|
| 402 | user-select:none;
|
| 403 | -webkit-font-smoothing: antialiased;
|
| 404 | font-size: .875rem;
|
| 405 | letter-spacing: .2px;
|
| 406 | -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
|
| 407 | box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
|
| 408 | padding:10px;
|
| 409 | background-color:#fff;
|
| 410 | width:358px;
|
| 411 | margin-top:2px;
|
| 412 | text-align:left;
|
| 413 | white-space: initial;
|
| 414 | }
|
| 415 |
|
| 416 | .jss_worksheet .editor .jclose:after
|
| 417 | {
|
| 418 | position:absolute;
|
| 419 | top:0;
|
| 420 | right:0;
|
| 421 | margin:10px;
|
| 422 | content:'close';
|
| 423 | font-family:'Material icons';
|
| 424 | font-size:24px;
|
| 425 | width:24px;
|
| 426 | height:24px;
|
| 427 | line-height:24px;
|
| 428 | cursor:pointer;
|
| 429 | text-shadow: 0px 0px 5px #fff;
|
| 430 | }
|
| 431 |
|
| 432 | .jss_worksheet, .jss_worksheet td, .jss_corner
|
| 433 | {
|
| 434 | -webkit-touch-callout: none;
|
| 435 | -webkit-user-select: none;
|
| 436 | -khtml-user-select: none;
|
| 437 | -moz-user-select: none;
|
| 438 | -ms-user-select: none;
|
| 439 | user-select: none;
|
| 440 | -webkit-user-drag: none;
|
| 441 | -khtml-user-drag: none;
|
| 442 | -moz-user-drag: none;
|
| 443 | -o-user-drag: none;
|
| 444 | user-drag: none;
|
| 445 | }
|
| 446 |
|
| 447 | .jss_textarea
|
| 448 | {
|
| 449 | position:absolute;
|
| 450 | top:-999px;
|
| 451 | left:-999px;
|
| 452 | width:1px;
|
| 453 | height:1px;
|
| 454 | }
|
| 455 | .jss_worksheet .dragline
|
| 456 | {
|
| 457 | position:absolute;
|
| 458 | }
|
| 459 | .jss_worksheet .dragline div
|
| 460 | {
|
| 461 | position:relative;
|
| 462 | top:-6px;
|
| 463 | height:5px;
|
| 464 | width:22px;
|
| 465 | }
|
| 466 | .jss_worksheet .dragline div:hover
|
| 467 | {
|
| 468 | cursor:move;
|
| 469 | }
|
| 470 |
|
| 471 | .jss_worksheet .onDrag
|
| 472 | {
|
| 473 | background-color:rgba(0,0,0,0.6);
|
| 474 | }
|
| 475 |
|
| 476 | .jss_worksheet .error
|
| 477 | {
|
| 478 | border:1px solid red;
|
| 479 | }
|
| 480 |
|
| 481 | .jss_worksheet thead td.resizing
|
| 482 | {
|
| 483 | border-right-style:dotted !important;
|
| 484 | border-right-color:red !important;
|
| 485 | }
|
| 486 |
|
| 487 | .jss_worksheet tbody tr.resizing > td
|
| 488 | {
|
| 489 | border-bottom-style:dotted !important;
|
| 490 | border-bottom-color:red !important;
|
| 491 | }
|
| 492 |
|
| 493 | .jss_worksheet tbody td.resizing
|
| 494 | {
|
| 495 | border-right-style:dotted !important;
|
| 496 | border-right-color:red !important;
|
| 497 | }
|
| 498 |
|
| 499 | .jss_worksheet .jdropdown-header
|
| 500 | {
|
| 501 | border:0px !important;
|
| 502 | outline:none !important;
|
| 503 | width:100% !important;
|
| 504 | height:100% !important;
|
| 505 | padding:0px !important;
|
| 506 | padding-left:8px !important;
|
| 507 | }
|
| 508 |
|
| 509 | .jss_worksheet .jdropdown-container
|
| 510 | {
|
| 511 | margin-top:1px;
|
| 512 | }
|
| 513 |
|
| 514 | .jss_worksheet .jdropdown-container-header {
|
| 515 | padding: 0px;
|
| 516 | margin: 0px;
|
| 517 | height: inherit;
|
| 518 | }
|
| 519 |
|
| 520 | .jss_worksheet .jdropdown-picker
|
| 521 | {
|
| 522 | border:0px !important;
|
| 523 | padding:0px !important;
|
| 524 | width:inherit;
|
| 525 | height:inherit;
|
| 526 | }
|
| 527 |
|
| 528 | .jss_worksheet .jss_comments
|
| 529 | {
|
| 530 | background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=');
|
| 531 | background-repeat: no-repeat;
|
| 532 | background-position: top right;
|
| 533 | }
|
| 534 |
|
| 535 | .jss_worksheet .sp-replacer
|
| 536 | {
|
| 537 | margin: 2px;
|
| 538 | border:0px;
|
| 539 | }
|
| 540 |
|
| 541 | .jss_worksheet > thead > tr.jss_filter > td > input
|
| 542 | {
|
| 543 | border:0px;
|
| 544 | width:100%;
|
| 545 | outline:none;
|
| 546 | }
|
| 547 |
|
| 548 | .jss_about {
|
| 549 | float: right;
|
| 550 | font-size: 0.7em;
|
| 551 | padding: 2px;
|
| 552 | text-transform: uppercase;
|
| 553 | letter-spacing: 1px;
|
| 554 | display: none;
|
| 555 | }
|
| 556 | .jss_about a {
|
| 557 | color: #ccc;
|
| 558 | text-decoration: none;
|
| 559 | }
|
| 560 |
|
| 561 | .jss_about img {
|
| 562 | display: none;
|
| 563 | }
|
| 564 |
|
| 565 | .jss_filter
|
| 566 | {
|
| 567 | display:flex;
|
| 568 | justify-content:space-between;
|
| 569 | margin-bottom:4px;
|
| 570 | }
|
| 571 |
|
| 572 | .jss_filter > div
|
| 573 | {
|
| 574 | padding:8px;
|
| 575 | align-items:center;
|
| 576 | }
|
| 577 |
|
| 578 | .jss_pagination
|
| 579 | {
|
| 580 | display:flex;
|
| 581 | justify-content:space-between;
|
| 582 | align-items:center;
|
| 583 | }
|
| 584 |
|
| 585 | .jss_pagination > div
|
| 586 | {
|
| 587 | display:flex;
|
| 588 | padding:10px;
|
| 589 | }
|
| 590 |
|
| 591 | .jss_pagination > div:last-child
|
| 592 | {
|
| 593 | padding-right:10px;
|
| 594 | padding-top:10px;
|
| 595 | }
|
| 596 |
|
| 597 | .jss_pagination > div > div
|
| 598 | {
|
| 599 | text-align:center;
|
| 600 | width:36px;
|
| 601 | height:36px;
|
| 602 | line-height:34px;
|
| 603 | border:1px solid #ccc;
|
| 604 | box-sizing: border-box;
|
| 605 | margin-left:2px;
|
| 606 | cursor:pointer;
|
| 607 | }
|
| 608 |
|
| 609 | .jss_page
|
| 610 | {
|
| 611 | font-size:0.8em;
|
| 612 | }
|
| 613 |
|
| 614 | .jss_page_selected
|
| 615 | {
|
| 616 | font-weight:bold;
|
| 617 | background-color:#f3f3f3;
|
| 618 | }
|
| 619 |
|
| 620 | .jss_toolbar
|
| 621 | {
|
| 622 | display:flex;
|
| 623 | background-color:#f3f3f3;
|
| 624 | border:1px solid #ccc;
|
| 625 | padding:4px;
|
| 626 | margin:0px 2px 4px 1px;
|
| 627 | }
|
| 628 |
|
| 629 | .jss_toolbar:empty
|
| 630 | {
|
| 631 | display:none;
|
| 632 | }
|
| 633 |
|
| 634 | .jss_worksheet .dragging-left
|
| 635 | {
|
| 636 | background-repeat: no-repeat;
|
| 637 | background-position:top 50% left 0px;
|
| 638 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M14 7l-5 5 5 5V7z'/%3E%3Cpath fill='none' d='M24 0v24H0V0h24z'/%3E%3C/svg%3E");
|
| 639 | }
|
| 640 |
|
| 641 | .jss_worksheet .dragging-right
|
| 642 | {
|
| 643 | background-repeat: no-repeat;
|
| 644 | background-position:top 50% right 0px;
|
| 645 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M10 17l5-5-5-5v10z'/%3E%3Cpath fill='none' d='M0 24V0h24v24H0z'/%3E%3C/svg%3E");
|
| 646 | }
|
| 647 |
|
| 648 | .jss_hidden_index > tbody > tr > td:first-child,
|
| 649 | .jss_hidden_index > thead > tr > td:first-child,
|
| 650 | .jss_hidden_index > tfoot > tr > td:first-child,
|
| 651 | .jss_hidden_index > colgroup > col:first-child
|
| 652 | {
|
| 653 | display:none;
|
| 654 | }
|
| 655 |
|
| 656 |
|
| 657 |
|
| 658 | .jss_worksheet .jrating {
|
| 659 | display: inline-flex;
|
| 660 | }
|
| 661 | .jss_worksheet .jrating > div {
|
| 662 | zoom: 0.55;
|
| 663 | }
|
| 664 |
|
| 665 | .jss_worksheet .copying-top {
|
| 666 | border-top:1px dashed #000;
|
| 667 | }
|
| 668 |
|
| 669 | .jss_worksheet .copying-left {
|
| 670 | border-left:1px dashed #000;
|
| 671 | }
|
| 672 |
|
| 673 | .jss_worksheet .copying-right {
|
| 674 | border-right:1px dashed #000;
|
| 675 | }
|
| 676 |
|
| 677 | .jss_worksheet .copying-bottom {
|
| 678 | border-bottom:1px dashed #000;
|
| 679 | }
|
| 680 |
|
| 681 | .jss_worksheet .jss_column_filter {
|
| 682 | background-repeat: no-repeat;
|
| 683 | background-position: top 50% right 5px;
|
| 684 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
|
| 685 | text-overflow: ellipsis;
|
| 686 | overflow: hidden;
|
| 687 | padding: 0px;
|
| 688 | padding-left: 6px;
|
| 689 | padding-right: 20px;
|
| 690 | }
|
| 691 |
|
| 692 | .jss_worksheet thead .jss_freezed, .jss_worksheet tfoot .jss_freezed {
|
| 693 | left: 0px;
|
| 694 | z-index: 3 !important;
|
| 695 | box-shadow: 2px 0px 2px 0.2px #ccc !important;
|
| 696 | -webkit-box-shadow: 2px 0px 2px 0.2px #ccc !important;
|
| 697 | -moz-box-shadow: 2px 0px 2px 0.2px #ccc !important;
|
| 698 | }
|
| 699 |
|
| 700 | .jss_worksheet tbody .jss_freezed {
|
| 701 | position: relative;
|
| 702 | background-color: #fff;
|
| 703 | box-shadow: 1px 1px 1px 1px #ccc !important;
|
| 704 | -webkit-box-shadow: 2px 4px 4px 0.1px #ccc !important;
|
| 705 | -moz-box-shadow: 2px 4px 4px 0.1px #ccc !important;
|
| 706 | }
|
| 707 |
|
| 708 | .red {
|
| 709 | color: red;
|
| 710 | }
|
| 711 |
|
| 712 | .jss_worksheet > tbody > tr > td.readonly > input[type=checkbox],
|
| 713 | .jss_worksheet > tbody > tr > td.readonly > input[type=radio] {
|
| 714 | pointer-events: none;
|
| 715 | opacity: 0.5;
|
| 716 | } |
amadan