autoFill.bootstrap4.css 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. div.dt-autofill-handle {
  2. position: absolute;
  3. height: 8px;
  4. width: 8px;
  5. z-index: 102;
  6. box-sizing: border-box;
  7. background: #0275d8;
  8. cursor: pointer;
  9. }
  10. div.dtk-focus-alt div.dt-autofill-handle {
  11. background: #ff8b33;
  12. }
  13. div.dt-autofill-select {
  14. position: absolute;
  15. z-index: 1001;
  16. background-color: #0275d8;
  17. background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px);
  18. }
  19. div.dt-autofill-select.top, div.dt-autofill-select.bottom {
  20. height: 3px;
  21. margin-top: -1px;
  22. }
  23. div.dt-autofill-select.left, div.dt-autofill-select.right {
  24. width: 3px;
  25. margin-left: -1px;
  26. }
  27. div.dt-autofill-list {
  28. position: fixed;
  29. top: 50%;
  30. left: 50%;
  31. width: 500px;
  32. margin-left: -250px;
  33. background-color: white;
  34. border-radius: 6px;
  35. box-shadow: 0 0 5px #555;
  36. border: 2px solid #444;
  37. z-index: 11;
  38. box-sizing: border-box;
  39. padding: 1.5em 2em;
  40. }
  41. div.dt-autofill-list ul {
  42. display: table;
  43. margin: 0;
  44. padding: 0;
  45. list-style: none;
  46. width: 100%;
  47. }
  48. div.dt-autofill-list ul li {
  49. display: table-row;
  50. }
  51. div.dt-autofill-list ul li:last-child div.dt-autofill-question, div.dt-autofill-list ul li:last-child div.dt-autofill-button {
  52. border-bottom: none;
  53. }
  54. div.dt-autofill-list ul li:hover {
  55. background-color: #f6f6f6;
  56. }
  57. div.dt-autofill-list div.dt-autofill-question {
  58. display: table-cell;
  59. padding: 0.5em 0;
  60. border-bottom: 1px solid #ccc;
  61. }
  62. div.dt-autofill-list div.dt-autofill-question input[type=number] {
  63. padding: 6px;
  64. width: 30px;
  65. margin: -2px 0;
  66. }
  67. div.dt-autofill-list div.dt-autofill-button {
  68. display: table-cell;
  69. padding: 0.5em 0;
  70. border-bottom: 1px solid #ccc;
  71. }
  72. div.dt-autofill-background {
  73. position: fixed;
  74. top: 0;
  75. left: 0;
  76. width: 100%;
  77. height: 100%;
  78. background: rgba(0, 0, 0, 0.7);
  79. background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  80. z-index: 10;
  81. }
  82. div.dt-autofill-list div.dt-autofill-question input[type=number] {
  83. padding: 6px;
  84. width: 60px;
  85. margin: -2px 0;
  86. }