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