Built files from Bizgaze WebServer
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

tabulator_bootstrap.css 26KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111
  1. /* Tabulator v4.8.2 (c) Oliver Folkerd */
  2. .tabulator {
  3. position: relative;
  4. background-color: #fff;
  5. overflow: hidden;
  6. font-size: 14px;
  7. text-align: left;
  8. width: 100%;
  9. max-width: 100%;
  10. margin-bottom: 20px;
  11. -ms-transform: translatez(0);
  12. transform: translatez(0);
  13. }
  14. .tabulator[tabulator-layout="fitDataFill"] .tabulator-tableHolder .tabulator-table {
  15. min-width: 100%;
  16. }
  17. .tabulator[tabulator-layout="fitDataTable"] {
  18. display: inline-block;
  19. }
  20. .tabulator.tabulator-block-select {
  21. -webkit-user-select: none;
  22. -ms-user-select: none;
  23. user-select: none;
  24. }
  25. .tabulator .tabulator-header {
  26. position: relative;
  27. box-sizing: border-box;
  28. width: 100%;
  29. border-bottom: 2px solid #ddd;
  30. background-color: #fff;
  31. font-weight: bold;
  32. white-space: nowrap;
  33. overflow: hidden;
  34. -moz-user-select: none;
  35. -khtml-user-select: none;
  36. -webkit-user-select: none;
  37. -o-user-select: none;
  38. }
  39. .tabulator .tabulator-header.tabulator-header-hidden {
  40. display: none;
  41. }
  42. .tabulator .tabulator-header .tabulator-col {
  43. display: inline-block;
  44. position: relative;
  45. box-sizing: border-box;
  46. background-color: #fff;
  47. text-align: left;
  48. vertical-align: bottom;
  49. overflow: hidden;
  50. }
  51. .tabulator .tabulator-header .tabulator-col.tabulator-moving {
  52. position: absolute;
  53. border: 1px solid #ddd;
  54. background: #e6e6e6;
  55. pointer-events: none;
  56. }
  57. .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
  58. box-sizing: border-box;
  59. position: relative;
  60. padding: 8px;
  61. }
  62. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-menu-button {
  63. padding: 0 8px;
  64. }
  65. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-menu-button:hover {
  66. cursor: pointer;
  67. opacity: .6;
  68. }
  69. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
  70. position: relative;
  71. }
  72. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
  73. box-sizing: border-box;
  74. width: 100%;
  75. white-space: nowrap;
  76. overflow: hidden;
  77. text-overflow: ellipsis;
  78. vertical-align: bottom;
  79. }
  80. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
  81. box-sizing: border-box;
  82. width: 100%;
  83. border: 1px solid #999;
  84. padding: 1px;
  85. background: #fff;
  86. }
  87. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
  88. display: -ms-flexbox;
  89. display: flex;
  90. -ms-flex-align: center;
  91. align-items: center;
  92. position: absolute;
  93. top: 0;
  94. bottom: 0;
  95. right: 4px;
  96. }
  97. .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  98. width: 0;
  99. height: 0;
  100. border-left: 6px solid transparent;
  101. border-right: 6px solid transparent;
  102. border-bottom: 6px solid #bbb;
  103. }
  104. .tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
  105. position: relative;
  106. display: -ms-flexbox;
  107. display: flex;
  108. border-top: 1px solid #ddd;
  109. overflow: hidden;
  110. margin-right: -1px;
  111. }
  112. .tabulator .tabulator-header .tabulator-col:first-child .tabulator-col-resize-handle.prev {
  113. display: none;
  114. }
  115. .tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
  116. position: relative;
  117. box-sizing: border-box;
  118. margin-top: 2px;
  119. width: 100%;
  120. text-align: center;
  121. }
  122. .tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
  123. height: auto !important;
  124. }
  125. .tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
  126. margin-top: 3px;
  127. }
  128. .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {
  129. width: 0;
  130. height: 0;
  131. }
  132. .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  133. padding-right: 25px;
  134. }
  135. .tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
  136. cursor: pointer;
  137. background-color: #e6e6e6;
  138. }
  139. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter {
  140. color: #bbb;
  141. }
  142. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  143. border-top: none;
  144. border-bottom: 6px solid #bbb;
  145. }
  146. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="asc"] .tabulator-col-content .tabulator-col-sorter {
  147. color: #666;
  148. }
  149. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="asc"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  150. border-top: none;
  151. border-bottom: 6px solid #666;
  152. }
  153. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="desc"] .tabulator-col-content .tabulator-col-sorter {
  154. color: #666;
  155. }
  156. .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="desc"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  157. border-bottom: none;
  158. border-top: 6px solid #666;
  159. color: #666;
  160. }
  161. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title {
  162. -ms-writing-mode: tb-rl;
  163. writing-mode: vertical-rl;
  164. text-orientation: mixed;
  165. display: -ms-flexbox;
  166. display: flex;
  167. -ms-flex-align: center;
  168. align-items: center;
  169. -ms-flex-pack: center;
  170. justify-content: center;
  171. }
  172. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title {
  173. -ms-transform: rotate(180deg);
  174. transform: rotate(180deg);
  175. }
  176. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title {
  177. padding-right: 0;
  178. padding-top: 20px;
  179. }
  180. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title {
  181. padding-right: 0;
  182. padding-bottom: 20px;
  183. }
  184. .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-arrow {
  185. right: calc(50% - 6px);
  186. }
  187. .tabulator .tabulator-header .tabulator-frozen {
  188. display: inline-block;
  189. position: absolute;
  190. z-index: 10;
  191. }
  192. .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
  193. border-right: 2px solid #ddd;
  194. }
  195. .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
  196. border-left: 2px solid #ddd;
  197. }
  198. .tabulator .tabulator-header .tabulator-calcs-holder {
  199. box-sizing: border-box;
  200. width: 100%;
  201. background: white !important;
  202. border-top: 1px solid #ddd;
  203. border-bottom: 1px solid #ddd;
  204. overflow: hidden;
  205. }
  206. .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
  207. background: white !important;
  208. }
  209. .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  210. display: none;
  211. }
  212. .tabulator .tabulator-header .tabulator-frozen-rows-holder {
  213. min-width: 600%;
  214. }
  215. .tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
  216. display: none;
  217. }
  218. .tabulator .tabulator-tableHolder {
  219. position: relative;
  220. width: 100%;
  221. white-space: nowrap;
  222. overflow: auto;
  223. -webkit-overflow-scrolling: touch;
  224. }
  225. .tabulator .tabulator-tableHolder:focus {
  226. outline: none;
  227. }
  228. .tabulator .tabulator-tableHolder .tabulator-placeholder {
  229. box-sizing: border-box;
  230. display: -ms-flexbox;
  231. display: flex;
  232. -ms-flex-align: center;
  233. align-items: center;
  234. width: 100%;
  235. }
  236. .tabulator .tabulator-tableHolder .tabulator-placeholder[tabulator-render-mode="virtual"] {
  237. min-height: 100%;
  238. min-width: 100%;
  239. }
  240. .tabulator .tabulator-tableHolder .tabulator-placeholder span {
  241. display: inline-block;
  242. margin: 0 auto;
  243. padding: 10px;
  244. color: #000;
  245. font-weight: bold;
  246. font-size: 20px;
  247. }
  248. .tabulator .tabulator-tableHolder .tabulator-table {
  249. position: relative;
  250. display: inline-block;
  251. background-color: #fff;
  252. white-space: nowrap;
  253. overflow: visible;
  254. }
  255. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs {
  256. font-weight: bold;
  257. background: #ececec !important;
  258. }
  259. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
  260. border-bottom: 2px solid #ddd;
  261. }
  262. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
  263. border-top: 2px solid #ddd;
  264. }
  265. .tabulator .tabulator-col-resize-handle {
  266. position: absolute;
  267. right: 0;
  268. top: 0;
  269. bottom: 0;
  270. width: 5px;
  271. }
  272. .tabulator .tabulator-col-resize-handle.prev {
  273. left: 0;
  274. right: auto;
  275. }
  276. .tabulator .tabulator-col-resize-handle:hover {
  277. cursor: ew-resize;
  278. }
  279. .tabulator .tabulator-footer {
  280. padding: 5px 10px;
  281. border-top: 2px solid #ddd;
  282. text-align: right;
  283. font-weight: bold;
  284. white-space: nowrap;
  285. -ms-user-select: none;
  286. user-select: none;
  287. -moz-user-select: none;
  288. -khtml-user-select: none;
  289. -webkit-user-select: none;
  290. -o-user-select: none;
  291. }
  292. .tabulator .tabulator-footer .tabulator-calcs-holder {
  293. box-sizing: border-box;
  294. width: calc(100% + 20px);
  295. margin: -5px -10px 5px -10px;
  296. text-align: left;
  297. background: white !important;
  298. border-bottom: 1px solid #ddd;
  299. border-top: 1px solid #ddd;
  300. overflow: hidden;
  301. }
  302. .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
  303. background: white !important;
  304. }
  305. .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  306. display: none;
  307. }
  308. .tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
  309. margin-bottom: -5px;
  310. border-bottom: none;
  311. }
  312. .tabulator .tabulator-footer .tabulator-paginator {
  313. font-family: inherit;
  314. font-weight: inherit;
  315. font-size: inherit;
  316. }
  317. .tabulator .tabulator-footer .tabulator-page-size {
  318. display: inline-block;
  319. margin: 0 5px;
  320. padding: 2px 5px;
  321. border: 1px solid #ddd;
  322. border-radius: 3px;
  323. }
  324. .tabulator .tabulator-footer .tabulator-pages {
  325. margin: 0 7px;
  326. }
  327. .tabulator .tabulator-footer .tabulator-page {
  328. display: inline-block;
  329. margin: 0 2px;
  330. padding: 2px 5px;
  331. border: 1px solid #ddd;
  332. border-radius: 3px;
  333. background: rgba(255, 255, 255, 0.2);
  334. }
  335. .tabulator .tabulator-footer .tabulator-page.active {
  336. color: #d00;
  337. }
  338. .tabulator .tabulator-footer .tabulator-page:disabled {
  339. opacity: .5;
  340. }
  341. .tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
  342. cursor: pointer;
  343. background: rgba(0, 0, 0, 0.2);
  344. color: #fff;
  345. }
  346. .tabulator .tabulator-loader {
  347. position: absolute;
  348. display: -ms-flexbox;
  349. display: flex;
  350. -ms-flex-align: center;
  351. align-items: center;
  352. top: 0;
  353. left: 0;
  354. z-index: 100;
  355. height: 100%;
  356. width: 100%;
  357. background: rgba(0, 0, 0, 0.4);
  358. text-align: center;
  359. }
  360. .tabulator .tabulator-loader .tabulator-loader-msg {
  361. display: inline-block;
  362. margin: 0 auto;
  363. padding: 10px 20px;
  364. border-radius: 10px;
  365. background: #fff;
  366. font-weight: bold;
  367. font-size: 16px;
  368. }
  369. .tabulator .tabulator-loader .tabulator-loader-msg.tabulator-loading {
  370. border: 4px solid #333;
  371. color: #000;
  372. }
  373. .tabulator .tabulator-loader .tabulator-loader-msg.tabulator-error {
  374. border: 4px solid #D00;
  375. color: #590000;
  376. }
  377. .tabulator.table-striped .tabulator-row:nth-child(even) {
  378. background-color: #f9f9f9;
  379. }
  380. .tabulator.table-bordered {
  381. border: 1px solid #ddd;
  382. }
  383. .tabulator.table-bordered .tabulator-header .tabulator-col {
  384. border-right: 1px solid #ddd;
  385. }
  386. .tabulator.table-bordered .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell {
  387. border-right: 1px solid #ddd;
  388. }
  389. .tabulator.table-condensed .tabulator-header .tabulator-col .tabulator-col-content {
  390. padding: 5px;
  391. }
  392. .tabulator.table-condensed .tabulator-tableHolder .tabulator-table .tabulator-row {
  393. min-height: 24px;
  394. }
  395. .tabulator.table-condensed .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell {
  396. padding: 5px;
  397. }
  398. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.active {
  399. background: #f5f5f5 !important;
  400. }
  401. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.success {
  402. background: #dff0d8 !important;
  403. }
  404. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.info {
  405. background: #d9edf7 !important;
  406. }
  407. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.warning {
  408. background: #fcf8e3 !important;
  409. }
  410. .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.danger {
  411. background: #f2dede !important;
  412. }
  413. .tabulator-row {
  414. position: relative;
  415. box-sizing: border-box;
  416. min-height: 30px;
  417. background-color: #fff;
  418. border-bottom: 1px solid #ddd;
  419. }
  420. .tabulator-row.tabulator-selectable:hover {
  421. background-color: #f5f5f5 !important;
  422. cursor: pointer;
  423. }
  424. .tabulator-row.tabulator-selected {
  425. background-color: #9ABCEA;
  426. }
  427. .tabulator-row.tabulator-selected:hover {
  428. background-color: #769BCC;
  429. cursor: pointer;
  430. }
  431. .tabulator-row.tabulator-moving {
  432. position: absolute;
  433. border-top: 1px solid #ddd;
  434. border-bottom: 1px solid #ddd;
  435. pointer-events: none !important;
  436. z-index: 15;
  437. }
  438. .tabulator-row .tabulator-row-resize-handle {
  439. position: absolute;
  440. right: 0;
  441. bottom: 0;
  442. left: 0;
  443. height: 5px;
  444. }
  445. .tabulator-row .tabulator-row-resize-handle.prev {
  446. top: 0;
  447. bottom: auto;
  448. }
  449. .tabulator-row .tabulator-row-resize-handle:hover {
  450. cursor: ns-resize;
  451. }
  452. .tabulator-row .tabulator-frozen {
  453. display: inline-block;
  454. position: absolute;
  455. background-color: inherit;
  456. z-index: 10;
  457. }
  458. .tabulator-row .tabulator-frozen.tabulator-frozen-left {
  459. border-right: 2px solid #ddd;
  460. }
  461. .tabulator-row .tabulator-frozen.tabulator-frozen-right {
  462. border-left: 2px solid #ddd;
  463. }
  464. .tabulator-row .tabulator-responsive-collapse {
  465. box-sizing: border-box;
  466. padding: 5px;
  467. border-top: 1px solid #ddd;
  468. border-bottom: 1px solid #ddd;
  469. }
  470. .tabulator-row .tabulator-responsive-collapse:empty {
  471. display: none;
  472. }
  473. .tabulator-row .tabulator-responsive-collapse table {
  474. font-size: 14px;
  475. }
  476. .tabulator-row .tabulator-responsive-collapse table tr td {
  477. position: relative;
  478. }
  479. .tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {
  480. padding-right: 10px;
  481. }
  482. .tabulator-row .tabulator-cell {
  483. display: inline-block;
  484. position: relative;
  485. box-sizing: border-box;
  486. padding: 8px;
  487. vertical-align: middle;
  488. white-space: nowrap;
  489. overflow: hidden;
  490. text-overflow: ellipsis;
  491. }
  492. .tabulator-row .tabulator-cell:last-of-type {
  493. border-right: none;
  494. }
  495. .tabulator-row .tabulator-cell.tabulator-editing {
  496. border: 1px solid #1D68CD;
  497. padding: 0;
  498. }
  499. .tabulator-row .tabulator-cell.tabulator-editing input, .tabulator-row .tabulator-cell.tabulator-editing select {
  500. border: 1px;
  501. background: transparent;
  502. }
  503. .tabulator-row .tabulator-cell.tabulator-validation-fail {
  504. border: 1px solid #dd0000;
  505. }
  506. .tabulator-row .tabulator-cell.tabulator-validation-fail input, .tabulator-row .tabulator-cell.tabulator-validation-fail select {
  507. border: 1px;
  508. background: transparent;
  509. color: #dd0000;
  510. }
  511. .tabulator-row .tabulator-cell:first-child .tabulator-col-resize-handle.prev {
  512. display: none;
  513. }
  514. .tabulator-row .tabulator-cell.tabulator-row-handle {
  515. display: -ms-inline-flexbox;
  516. display: inline-flex;
  517. -ms-flex-align: center;
  518. align-items: center;
  519. -moz-user-select: none;
  520. -khtml-user-select: none;
  521. -webkit-user-select: none;
  522. -o-user-select: none;
  523. }
  524. .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
  525. width: 80%;
  526. }
  527. .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
  528. width: 100%;
  529. height: 3px;
  530. margin-top: 2px;
  531. background: #666;
  532. }
  533. .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  534. display: inline-block;
  535. vertical-align: middle;
  536. height: 9px;
  537. width: 7px;
  538. margin-top: -9px;
  539. margin-right: 5px;
  540. border-bottom-left-radius: 1px;
  541. border-left: 2px solid #ddd;
  542. border-bottom: 2px solid #ddd;
  543. }
  544. .tabulator-row .tabulator-cell .tabulator-data-tree-control {
  545. display: -ms-inline-flexbox;
  546. display: inline-flex;
  547. -ms-flex-pack: center;
  548. justify-content: center;
  549. -ms-flex-align: center;
  550. align-items: center;
  551. vertical-align: middle;
  552. height: 11px;
  553. width: 11px;
  554. margin-right: 5px;
  555. border: 1px solid #333;
  556. border-radius: 2px;
  557. background: rgba(0, 0, 0, 0.1);
  558. overflow: hidden;
  559. }
  560. .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
  561. cursor: pointer;
  562. background: rgba(0, 0, 0, 0.2);
  563. }
  564. .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  565. display: inline-block;
  566. position: relative;
  567. height: 7px;
  568. width: 1px;
  569. background: transparent;
  570. }
  571. .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  572. position: absolute;
  573. content: "";
  574. left: -3px;
  575. top: 3px;
  576. height: 1px;
  577. width: 7px;
  578. background: #333;
  579. }
  580. .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  581. display: inline-block;
  582. position: relative;
  583. height: 7px;
  584. width: 1px;
  585. background: #333;
  586. }
  587. .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  588. position: absolute;
  589. content: "";
  590. left: -3px;
  591. top: 3px;
  592. height: 1px;
  593. width: 7px;
  594. background: #333;
  595. }
  596. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
  597. display: -ms-inline-flexbox;
  598. display: inline-flex;
  599. -ms-flex-align: center;
  600. align-items: center;
  601. -ms-flex-pack: center;
  602. justify-content: center;
  603. -moz-user-select: none;
  604. -khtml-user-select: none;
  605. -webkit-user-select: none;
  606. -o-user-select: none;
  607. height: 15px;
  608. width: 15px;
  609. border-radius: 20px;
  610. background: #666;
  611. color: #fff;
  612. font-weight: bold;
  613. font-size: 1.1em;
  614. }
  615. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
  616. opacity: .7;
  617. }
  618. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close {
  619. display: initial;
  620. }
  621. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open {
  622. display: none;
  623. }
  624. .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close {
  625. display: none;
  626. }
  627. .tabulator-row .tabulator-cell .tabulator-traffic-light {
  628. display: inline-block;
  629. height: 14px;
  630. width: 14px;
  631. border-radius: 14px;
  632. }
  633. .tabulator-row.tabulator-group {
  634. box-sizing: border-box;
  635. border-bottom: 1px solid #999;
  636. border-right: 1px solid #ddd;
  637. border-top: 1px solid #999;
  638. padding: 5px;
  639. padding-left: 10px;
  640. background: #fafafa;
  641. font-weight: bold;
  642. min-width: 100%;
  643. }
  644. .tabulator-row.tabulator-group:hover {
  645. cursor: pointer;
  646. background-color: rgba(0, 0, 0, 0.1);
  647. }
  648. .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
  649. margin-right: 10px;
  650. border-left: 6px solid transparent;
  651. border-right: 6px solid transparent;
  652. border-top: 6px solid #666;
  653. border-bottom: 0;
  654. }
  655. .tabulator-row.tabulator-group.tabulator-group-level-1 {
  656. padding-left: 30px;
  657. }
  658. .tabulator-row.tabulator-group.tabulator-group-level-2 {
  659. padding-left: 50px;
  660. }
  661. .tabulator-row.tabulator-group.tabulator-group-level-3 {
  662. padding-left: 70px;
  663. }
  664. .tabulator-row.tabulator-group.tabulator-group-level-4 {
  665. padding-left: 90px;
  666. }
  667. .tabulator-row.tabulator-group.tabulator-group-level-5 {
  668. padding-left: 110px;
  669. }
  670. .tabulator-row.tabulator-group .tabulator-group-toggle {
  671. display: inline-block;
  672. }
  673. .tabulator-row.tabulator-group .tabulator-arrow {
  674. display: inline-block;
  675. width: 0;
  676. height: 0;
  677. margin-right: 16px;
  678. border-top: 6px solid transparent;
  679. border-bottom: 6px solid transparent;
  680. border-right: 0;
  681. border-left: 6px solid #666;
  682. vertical-align: middle;
  683. }
  684. .tabulator-row.tabulator-group span {
  685. margin-left: 10px;
  686. color: #666;
  687. }
  688. .tabulator-menu {
  689. position: absolute;
  690. display: inline-block;
  691. box-sizing: border-box;
  692. background: #fff;
  693. border: 1px solid #ddd;
  694. box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  695. font-size: 14px;
  696. overflow-y: auto;
  697. -webkit-overflow-scrolling: touch;
  698. z-index: 10000;
  699. }
  700. .tabulator-menu .tabulator-menu-item {
  701. padding: 5px 10px;
  702. -webkit-user-select: none;
  703. -ms-user-select: none;
  704. user-select: none;
  705. }
  706. .tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {
  707. opacity: .5;
  708. }
  709. .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
  710. cursor: pointer;
  711. background: #f9f9f9;
  712. }
  713. .tabulator-menu .tabulator-menu-separator {
  714. border-top: 1px solid #ddd;
  715. }
  716. .tabulator-edit-select-list {
  717. position: absolute;
  718. display: inline-block;
  719. box-sizing: border-box;
  720. max-height: 200px;
  721. background: #fff;
  722. border: 1px solid #ddd;
  723. font-size: 14px;
  724. overflow-y: auto;
  725. -webkit-overflow-scrolling: touch;
  726. z-index: 10000;
  727. }
  728. .tabulator-edit-select-list .tabulator-edit-select-list-item {
  729. padding: 4px;
  730. }
  731. .tabulator-edit-select-list .tabulator-edit-select-list-item.active {
  732. color: #fff;
  733. background: #1D68CD;
  734. }
  735. .tabulator-edit-select-list .tabulator-edit-select-list-item.active.focused {
  736. outline: 1px solid rgba(255, 255, 255, 0.5);
  737. }
  738. .tabulator-edit-select-list .tabulator-edit-select-list-item.focused {
  739. outline: 1px solid #1D68CD;
  740. }
  741. .tabulator-edit-select-list .tabulator-edit-select-list-item:hover {
  742. cursor: pointer;
  743. color: #fff;
  744. background: #1D68CD;
  745. }
  746. .tabulator-edit-select-list .tabulator-edit-select-list-notice {
  747. padding: 4px;
  748. text-align: center;
  749. }
  750. .tabulator-edit-select-list .tabulator-edit-select-list-group {
  751. border-bottom: 1px solid #ddd;
  752. padding: 4px;
  753. padding-top: 6px;
  754. font-weight: bold;
  755. }
  756. .tabulator.tabulator-ltr {
  757. direction: ltr;
  758. }
  759. .tabulator.tabulator-rtl {
  760. text-align: initial;
  761. direction: rtl;
  762. }
  763. .tabulator.tabulator-rtl .tabulator-header .tabulator-col {
  764. text-align: initial;
  765. }
  766. .tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
  767. margin-right: initial;
  768. margin-left: -1px;
  769. }
  770. .tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  771. padding-right: 0;
  772. padding-left: 25px;
  773. }
  774. .tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
  775. left: 8px;
  776. right: initial;
  777. }
  778. .tabulator.tabulator-rtl .tabulator-row .tabulator-cell {
  779. border-right: initial;
  780. border-left: 1px solid #ddd;
  781. }
  782. .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  783. margin-right: initial;
  784. margin-left: 5px;
  785. border-bottom-left-radius: initial;
  786. border-bottom-right-radius: 1px;
  787. border-left: initial;
  788. border-right: 2px solid #ddd;
  789. }
  790. .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control {
  791. margin-right: initial;
  792. margin-left: 5px;
  793. }
  794. .tabulator.tabulator-rtl .tabulator-col-resize-handle {
  795. position: absolute;
  796. left: 0;
  797. right: auto;
  798. }
  799. .tabulator.tabulator-rtl .tabulator-col-resize-handle.prev {
  800. right: 0;
  801. left: auto;
  802. }
  803. .tabulator-print-fullscreen {
  804. position: absolute;
  805. top: 0;
  806. bottom: 0;
  807. left: 0;
  808. right: 0;
  809. z-index: 10000;
  810. }
  811. body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
  812. display: none !important;
  813. }
  814. .tabulator-print-table {
  815. border-collapse: collapse;
  816. }
  817. .tabulator-print-table .tabulator-print-table-group {
  818. box-sizing: border-box;
  819. border-bottom: 1px solid #999;
  820. border-right: 1px solid #ddd;
  821. border-top: 1px solid #999;
  822. padding: 5px;
  823. padding-left: 10px;
  824. background: #fafafa;
  825. font-weight: bold;
  826. min-width: 100%;
  827. }
  828. .tabulator-print-table .tabulator-print-table-group:hover {
  829. cursor: pointer;
  830. background-color: rgba(0, 0, 0, 0.1);
  831. }
  832. .tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {
  833. margin-right: 10px;
  834. border-left: 6px solid transparent;
  835. border-right: 6px solid transparent;
  836. border-top: 6px solid #666;
  837. border-bottom: 0;
  838. }
  839. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td {
  840. padding-left: 30px !important;
  841. }
  842. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td {
  843. padding-left: 50px !important;
  844. }
  845. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td {
  846. padding-left: 70px !important;
  847. }
  848. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td {
  849. padding-left: 90px !important;
  850. }
  851. .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td {
  852. padding-left: 110px !important;
  853. }
  854. .tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle {
  855. display: inline-block;
  856. }
  857. .tabulator-print-table .tabulator-print-table-group .tabulator-arrow {
  858. display: inline-block;
  859. width: 0;
  860. height: 0;
  861. margin-right: 16px;
  862. border-top: 6px solid transparent;
  863. border-bottom: 6px solid transparent;
  864. border-right: 0;
  865. border-left: 6px solid #666;
  866. vertical-align: middle;
  867. }
  868. .tabulator-print-table .tabulator-print-table-group span {
  869. margin-left: 10px;
  870. color: #666;
  871. }
  872. .tabulator-print-table .tabulator-data-tree-branch {
  873. display: inline-block;
  874. vertical-align: middle;
  875. height: 9px;
  876. width: 7px;
  877. margin-top: -9px;
  878. margin-right: 5px;
  879. border-bottom-left-radius: 1px;
  880. border-left: 2px solid #ddd;
  881. border-bottom: 2px solid #ddd;
  882. }
  883. .tabulator-print-table .tabulator-data-tree-control {
  884. display: -ms-inline-flexbox;
  885. display: inline-flex;
  886. -ms-flex-pack: center;
  887. justify-content: center;
  888. -ms-flex-align: center;
  889. align-items: center;
  890. vertical-align: middle;
  891. height: 11px;
  892. width: 11px;
  893. margin-right: 5px;
  894. border: 1px solid #333;
  895. border-radius: 2px;
  896. background: rgba(0, 0, 0, 0.1);
  897. overflow: hidden;
  898. }
  899. .tabulator-print-table .tabulator-data-tree-control:hover {
  900. cursor: pointer;
  901. background: rgba(0, 0, 0, 0.2);
  902. }
  903. .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  904. display: inline-block;
  905. position: relative;
  906. height: 7px;
  907. width: 1px;
  908. background: transparent;
  909. }
  910. .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  911. position: absolute;
  912. content: "";
  913. left: -3px;
  914. top: 3px;
  915. height: 1px;
  916. width: 7px;
  917. background: #333;
  918. }
  919. .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  920. display: inline-block;
  921. position: relative;
  922. height: 7px;
  923. width: 1px;
  924. background: #333;
  925. }
  926. .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  927. position: absolute;
  928. content: "";
  929. left: -3px;
  930. top: 3px;
  931. height: 1px;
  932. width: 7px;
  933. background: #333;
  934. }