|
1 | | -.intro-hint{position:absolute;width:60px;height:60px;z-index:1100}.intro-hint>.intro-circle{background:#FF3B3B;box-shadow:0 0 1px 13px #FF7B7B;border-radius:10000px;width:60px;height:60px;pointer-events:none}.intro-tooltip{position:absolute;min-width:400px;min-height:200px;background:rgba(95,45,74,0.8);color:#FFF;border:solid 2px blue;z-index:1200}.intro-tooltip .intro-tooltip-arrow{display:block;position:absolute}.intro-tooltip .intro-tooltip-arrow[position=right]{display:block;height:0;width:0;border-top:10px solid transparent;border-right:10px solid red;border-bottom:10px solid transparent}.intro-tooltip .intro-tooltip-arrow[position=left]{display:block;height:0;width:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid red}.intro-tooltip .intro-tooltip-arrow[position=bottom]{display:block;height:0;width:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid red}.intro-tooltip .intro-tooltip-arrow[position=top]{display:block;height:0;width:0;border-top:10px solid red;border-right:10px solid transparent;border-left:10px solid transparent;top:0}.intro-element{z-index:1100 !important}.intro-backdrop{background:rgba(0,0,0,0.2);position:fixed;left:0;top:0;bottom:0;right:0;width:100%;height:100%;z-index:1000}.intro-fixparent{z-index:auto !important;opacity:1.0 !important;transform:none !important} |
| 1 | +.intro-hint { |
| 2 | + position: absolute; |
| 3 | + width: 60px; |
| 4 | + height: 60px; |
| 5 | + z-index: 1100; |
| 6 | + pointer-events: none |
| 7 | +} |
| 8 | + |
| 9 | +.intro-tooltip { |
| 10 | + position: absolute; |
| 11 | + min-width: 400px; |
| 12 | + min-height: 200px; |
| 13 | + background: rgba(95, 45, 74, 0.8); |
| 14 | + color: #FFF; |
| 15 | + border: solid 2px blue; |
| 16 | + z-index: 1200 |
| 17 | +} |
| 18 | + |
| 19 | +.intro-tooltip .intro-tooltip-arrow { |
| 20 | + display: block; |
| 21 | + position: absolute |
| 22 | +} |
| 23 | + |
| 24 | +.intro-tooltip .intro-tooltip-arrow[position=right] { |
| 25 | + display: block; |
| 26 | + height: 0; |
| 27 | + width: 0; |
| 28 | + border-top: 10px solid transparent; |
| 29 | + border-right: 10px solid red; |
| 30 | + border-bottom: 10px solid transparent |
| 31 | +} |
| 32 | + |
| 33 | +.intro-tooltip .intro-tooltip-arrow[position=left] { |
| 34 | + display: block; |
| 35 | + height: 0; |
| 36 | + width: 0; |
| 37 | + border-top: 10px solid transparent; |
| 38 | + border-bottom: 10px solid transparent; |
| 39 | + border-left: 10px solid red |
| 40 | +} |
| 41 | + |
| 42 | +.intro-tooltip .intro-tooltip-arrow[position=bottom] { |
| 43 | + display: block; |
| 44 | + height: 0; |
| 45 | + width: 0; |
| 46 | + border-left: 10px solid transparent; |
| 47 | + border-right: 10px solid transparent; |
| 48 | + border-bottom: 10px solid red |
| 49 | +} |
| 50 | + |
| 51 | +.intro-tooltip .intro-tooltip-arrow[position=top] { |
| 52 | + display: block; |
| 53 | + height: 0; |
| 54 | + width: 0; |
| 55 | + border-top: 10px solid red; |
| 56 | + border-right: 10px solid transparent; |
| 57 | + border-left: 10px solid transparent; |
| 58 | + top: 0 |
| 59 | +} |
| 60 | + |
| 61 | +.intro-element { |
| 62 | + z-index: 1100 !important |
| 63 | +} |
| 64 | + |
| 65 | +.intro-backdrop { |
| 66 | + background: rgba(0, 0, 0, 0.2); |
| 67 | + position: fixed; |
| 68 | + left: 0; |
| 69 | + top: 0; |
| 70 | + bottom: 0; |
| 71 | + right: 0; |
| 72 | + width: 100%; |
| 73 | + height: 100%; |
| 74 | + z-index: 1000 |
| 75 | +} |
| 76 | + |
| 77 | +.intro-fixparent { |
| 78 | + z-index: auto !important; |
| 79 | + opacity: 1.0 !important; |
| 80 | + transform: none !important |
| 81 | +} |
0 commit comments