1 2.plugin-character { 3 display: inline-block; 4 cursor: help; 5 text-align: left; 6} 7 8.plugin-character-tooltip { 9 display: none; 10 font-size: 90%; 11 z-index:999; 12} 13 14.plugin-character-tooltip, .plugin-character-tooltip:before { 15 background-color: #fffAF0; 16 position: absolute; 17 border: 1px solid rgb(165, 165, 165); 18 border-radius: .5ex; 19 box-shadow: 2px 2px 5px #888888; 20 margin-top: 4ex; 21 margin-left: 0ex; 22 padding: 5px; 23} 24 25.plugin-character:hover .plugin-character-tooltip, 26.plugin-character:hover .plugin-character-tooltip:before { 27 display: inline-block; 28} 29 30.plugin-character-tooltip:before { 31 content: ""; 32 box-shadow: none; 33 display: inline-block; 34 border-radius: 0px; 35 width: 10px; 36 height: 10px; 37 margin-top: -11px; 38 margin-left: vw; 39 padding: 0; 40 border-bottom: none; 41 border-right: none; 42 transform: rotate(45deg); 43 }