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