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    }