• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1.popover {
2    position: absolute;
3    -webkit-border-image: url(Images/popoverBackground.png) 25 25 25 25;
4    border-width: 25px;
5    z-index: 100;
6    pointer-events: none;
7}
8
9.popover .content {
10    position: absolute;
11    top: 0;
12    bottom: 0;
13    left: 0;
14    right: 0;
15    pointer-events: auto;
16    overflow: auto;
17    -webkit-user-select: text;
18    line-height: 11px;
19}
20
21.popover .content.fixed-height {
22    overflow: hidden;
23}
24
25.popover .arrow {
26    position: absolute;
27    background-image: url(Images/popoverArrows.png);
28    width: 19px;
29    height: 19px;
30    margin-left: 15px;
31    margin-top: -25px;
32    top: 0;
33    left: 0;
34}
35
36.popover.top-left-arrow .arrow {
37    /* The default is top-left, no styles needed. */
38}
39
40.popover.top-right-arrow .arrow {
41    right: 25px;
42    left: auto;
43}
44
45.popover.bottom-left-arrow .arrow {
46    top: auto;
47    bottom: 0;
48    margin-top: 0;
49    margin-bottom: -25px;
50    background-position: 0 -19px;
51}
52
53.popover.bottom-right-arrow .arrow {
54    right: 15px;
55    left: auto;
56    top: auto;
57    bottom: 0;
58    margin-top: 0;
59    margin-bottom: -25px;
60    background-position: 0 -19px;
61}
62
63.popover.left-top-arrow .arrow {
64    top: 0;
65    margin-top: 15px;
66    margin-left: -25px;
67    background-position: 0 -38px;
68}
69
70.popover.left-bottom-arrow .arrow {
71    top: auto;
72    bottom: 0;
73    margin-bottom: 15px;
74    margin-left: -25px;
75    background-position: 0 -38px;
76}
77
78.popover.right-top-arrow .arrow {
79    right: 0;
80    left: auto;
81    top: 0;
82    margin-top: 15px;
83    margin-right: -25px;
84    background-position: 0 -57px;
85}
86
87.popover.right-bottom-arrow .arrow {
88    right: 0;
89    left: auto;
90    top: auto;
91    bottom: 0;
92    margin-bottom: 15px;
93    margin-right: -25px;
94    background-position: 0 -57px;
95}
96