1.plugin-autotooltip_tip 2{ 3 position: fixed; 4 display: block; 5 opacity: 0; 6 transition: opacity .3s ease-in-out; 7 padding: 8px; 8 margin: 5px; 9 z-index: 99999; 10 pointer-events: none; 11 border-radius: 3px; 12 color: #FFF; 13 background: rgba(20, 20, 20, 0.85); 14 font-size: 1em; 15 line-height: 1.4em; 16} 17 18.plugin-autotooltip_big { 19 padding: 12px; 20 border-radius: 6px; 21 22 > *:first-child { 23 margin-top: 0; 24 padding-top: 0; 25 } 26 27 > .level3 > *:last-child { 28 margin-bottom: 0; 29 padding-bottom: 0; 30 } 31} 32 33.plugin-autotooltip--visible { 34 opacity: 1; 35} 36 37.plugin-autotooltip-hidden-tip, .plugin-autotooltip-hidden-classes { 38 display: none; 39} 40 41.plugin-autotooltip_linked { 42 display: inline; 43} 44 45.plugin-autotooltip_simple { 46 border-bottom: 1px dotted black; 47} 48 49.plugin-autotooltip-title { 50 font-size: 125%; 51 font-weight: bold; 52} 53 54// Test alternate style 55.plugin-autotooltip__blue { 56 background: rgba(0, 0, 40, 0.85); 57} 58 59.plugin-autotooltip__plain { 60 background: #fff; 61 color: #000; 62 border: 1px solid #000; 63} 64 65.plugin-autotooltip__small { 66 font-size: .8em; 67 line-height: 1.5em; 68} 69