1 |
|
2 |
|
3 | .tip {
|
4 | font-size: 11px
|
5 | }
|
6 |
|
7 | .tip-inner {
|
8 | background-color: rgba(0,0,0,.75);
|
9 | color: #fff;
|
10 | padding: 8px 10px 7px 10px;
|
11 | text-align: center
|
12 | }
|
13 |
|
14 | .tip-inner {
|
15 | border-radius: 3px;
|
16 | -moz-border-radius: 3px;
|
17 | -webkit-border-radius: 3px
|
18 | }
|
19 |
|
20 | .tip-arrow {
|
21 | position: absolute;
|
22 | width: 0;
|
23 | height: 0;
|
24 | line-height: 0;
|
25 | border: 5px dashed rgba(0,0,0,.75)
|
26 | }
|
27 |
|
28 | .tip-arrow-south {
|
29 | border-bottom-color: rgba(0,0,0,.75)
|
30 | }
|
31 |
|
32 | .tip-arrow-north {
|
33 | border-top-color: rgba(0,0,0,.75)
|
34 | }
|
35 |
|
36 | .tip-arrow-west {
|
37 | border-left-color: rgba(0,0,0,.75)
|
38 | }
|
39 |
|
40 | .tip-arrow-east {
|
41 | border-right-color: rgba(0,0,0,.75)
|
42 | }
|
43 |
|
44 | .tip-south .tip-arrow {
|
45 | top: 0px;
|
46 | left: 50%;
|
47 | margin-left: -5px;
|
48 | border-bottom-style: solid;
|
49 | border-top: none;
|
50 | border-left-color: transparent;
|
51 | border-right-color: transparent
|
52 | }
|
53 |
|
54 | .tip-north .tip-arrow {
|
55 | bottom: 0;
|
56 | left: 50%;
|
57 | margin-left: -5px;
|
58 | border-top-style: solid;
|
59 | border-bottom: none;
|
60 | border-left-color: transparent;
|
61 | border-right-color: transparent
|
62 | }
|
63 |
|
64 | .tip-west .tip-arrow,
|
65 | .tip-north-west .tip-arrow,
|
66 | .tip-south-west .tip-arrow {
|
67 | right: 0;
|
68 | top: 50%;
|
69 | margin-top: -5px;
|
70 | border-left-style: solid;
|
71 | border-right: none;
|
72 | border-top-color: transparent;
|
73 | border-bottom-color: transparent
|
74 | }
|
75 |
|
76 | .tip-east .tip-arrow,
|
77 | .tip-north-east .tip-arrow,
|
78 | .tip-south-east .tip-arrow {
|
79 | left: 0;
|
80 | top: 50%;
|
81 | margin-top: -5px;
|
82 | border-right-style: solid;
|
83 | border-left: none;
|
84 | border-top-color: transparent;
|
85 | border-bottom-color: transparent
|
86 | }
|
87 |
|
88 | .tip-north-west .tip-arrow,
|
89 | .tip-north-east .tip-arrow {
|
90 | top: 25%
|
91 | }
|
92 |
|
93 | .tip-south-west .tip-arrow,
|
94 | .tip-south-east .tip-arrow {
|
95 | top: 75%
|
96 | }
|
97 | .tip {
|
98 | position: absolute;
|
99 | padding: 5px;
|
100 | z-index: 1000
|
101 | }
|
102 |
|
103 | .tip.fade {
|
104 | transition: opacity 100ms;
|
105 | -moz-transition: opacity 100ms;
|
106 | -webkit-transition: opacity 100ms
|
107 | }
|
108 |
|
109 | .tip-hide {
|
110 | opacity: 0
|
111 | } |
\ | No newline at end of file |