[7304c7f] | 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: #3366ff;
|
---|
| 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: #4989de;
|
---|
| 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 | padding: 0.35em 1em;
|
---|
| 89 | }
|
---|