|
| 1 | +.introjs-tooltip { |
| 2 | + background-color: rgba(000, 0, 0, 0.5); |
| 3 | + color: #fff; |
| 4 | +} |
| 5 | + |
| 6 | +.introjs-button, |
| 7 | +.introjs-button:hover, .introjs-button:focus, .introjs-button:active, |
| 8 | +.introjs-disabled, .introjs-disabled:focus, .introjs-disabled:hover { |
| 9 | + outline: none; |
| 10 | + background-image: none; |
| 11 | + background-color: transparent; |
| 12 | + color: #fff; |
| 13 | + border: 1px solid transparent; |
| 14 | + border-radius: 50px; |
| 15 | + box-shadow: none; |
| 16 | + border-shadow: none; |
| 17 | + text-shadow: none; |
| 18 | +} |
| 19 | + |
| 20 | +.introjs-button:hover, .introjs-button:focus, .introjs-button:active { |
| 21 | + border: 1px solid #fff |
| 22 | +} |
| 23 | +.introjs-disabled, .introjs-disabled:focus, .introjs-disabled:hover { |
| 24 | + color: #ccc; |
| 25 | + border: 1px solid transparent; |
| 26 | +} |
| 27 | + |
| 28 | +.introjs-arrow { |
| 29 | + border: 10px solid #fff; |
| 30 | +} |
| 31 | +.introjs-arrow.top, .introjs-arrow.top-middle, .introjs-arrow.top-right { |
| 32 | + border-color: transparent transparent rgba(000, 0, 0, 0.5); |
| 33 | + top: -20px; |
| 34 | + left: 20px; |
| 35 | +} |
| 36 | +.introjs-arrow.bottom, .introjs-arrow.bottom-middle, .introjs-arrow.bottom-right { |
| 37 | + border-color: rgba(000, 0, 0, 0.5) transparent transparent; |
| 38 | + bottom: -20px; |
| 39 | + left: 20px; |
| 40 | +} |
| 41 | +.introjs-arrow.left, .introjs-arrow.right { |
| 42 | + top: 20px; |
| 43 | +} |
| 44 | +.introjs-arrow.left-bottom, .introjs-arrow.right-bottom { |
| 45 | + bottom: 20px; |
| 46 | +} |
| 47 | + |
| 48 | +.introjs-arrow.left, .introjs-arrow.left-bottom { |
| 49 | + left: -20px; |
| 50 | + border-color: rgba(000, 0, 0, 0.5) transparent transparent transparent; |
| 51 | +} |
| 52 | +.introjs-arrow.right, .introjs-arrow.right-bottom { |
| 53 | + right: -20px; |
| 54 | + border-color: transparent transparent transparent rgba(000, 0, 0, 0.5); |
| 55 | +} |
0 commit comments