Rev 12553 | Rev 13886 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed
| Rev 12553 | Rev 12875 | ||
|---|---|---|---|
| Line 45... | Line 45... | ||
| 45 | 45 | ||
| 46 | /* top arrow */ |
46 | /* top arrow */ |
| 47 | .wims_tooltip>.bottom:after{ |
47 | .wims_tooltip>.bottom:after{ |
| 48 | bottom: 100%; /* At the top of the tooltip */ |
48 | bottom: 100%; /* At the top of the tooltip */ |
| 49 | left: 50%; |
49 | left: 50%; |
| 50 | border-bottom-color: |
50 | border-bottom-color: #000; |
| 51 | } |
51 | } |
| 52 | 52 | ||
| 53 | /* choose tooltip position (bottom by default) */ |
53 | /* choose tooltip position (bottom by default) */ |
| 54 | .wims_tooltip>.right { |
54 | .wims_tooltip>.right { |
| 55 | top: -.5em; |
55 | top: -.5em; |
| Line 57... | Line 57... | ||
| 57 | } |
57 | } |
| 58 | /* left arrow */ |
58 | /* left arrow */ |
| 59 | .wims_tooltip>.right:after{ |
59 | .wims_tooltip>.right:after{ |
| 60 | top: 50%; |
60 | top: 50%; |
| 61 | right: 100%; /* To the left of the tooltip */ |
61 | right: 100%; /* To the left of the tooltip */ |
| 62 | border-right-color: |
62 | border-right-color: #000; |
| 63 | } |
63 | } |
| 64 | 64 | ||
| 65 | .wims_tooltip>.left { |
65 | .wims_tooltip>.left { |
| 66 | top: -.5em; |
66 | top: -.5em; |
| 67 | right: 105%; |
67 | right: 105%; |
| 68 | } |
68 | } |
| 69 | /* right arrow */ |
69 | /* right arrow */ |
| 70 | .wims_tooltip>.left:after{ |
70 | .wims_tooltip>.left:after{ |
| 71 | top: |
71 | top: .5em; |
| 72 | left: 100%; /* To the right of the tooltip */ |
72 | left: 100%; /* To the right of the tooltip */ |
| 73 | border-left-color: |
73 | border-left-color: #000; |
| 74 | } |
74 | } |
| 75 | 75 | ||
| 76 | .wims_tooltip>.top { |
76 | .wims_tooltip>.top { |
| 77 | bottom: 100%; |
77 | bottom: 100%; |
| 78 | left: 50%; |
78 | left: 50%; |
| Line 80... | Line 80... | ||
| 80 | } |
80 | } |
| 81 | /* bottom arrow */ |
81 | /* bottom arrow */ |
| 82 | .wims_tooltip>.top:after{ |
82 | .wims_tooltip>.top:after{ |
| 83 | top: 100%; /* At the bottom of the tooltip */ |
83 | top: 100%; /* At the bottom of the tooltip */ |
| 84 | left: 50%; |
84 | left: 50%; |
| 85 | border-top-color: |
85 | border-top-color: #000; |
| 86 | } |
86 | } |
| 87 | 87 | ||
| 88 | /* Show the tooltip text when you mouse over the tooltip container */ |
88 | /* Show the tooltip text when you mouse over the tooltip container */ |
| 89 | .wims_tooltip:hover>.wims_tooltiptext { |
89 | .wims_tooltip:hover>.wims_tooltiptext { |
| 90 | visibility: visible; |
90 | visibility: visible; |