1 | .tooltip { |
---|
2 | position: absolute; |
---|
3 | z-index: 1030; |
---|
4 | display: block; |
---|
5 | font-size: 12px; |
---|
6 | line-height: 1.4; |
---|
7 | visibility: visible; |
---|
8 | filter: alpha(opacity=0); |
---|
9 | opacity: 0; |
---|
10 | } |
---|
11 | .tooltip.in { |
---|
12 | filter: alpha(opacity=90); |
---|
13 | opacity: .9; |
---|
14 | } |
---|
15 | .tooltip.top { |
---|
16 | padding: 5px 0; |
---|
17 | margin-top: -3px; |
---|
18 | } |
---|
19 | .tooltip.right { |
---|
20 | padding: 0 5px; |
---|
21 | margin-left: 3px; |
---|
22 | } |
---|
23 | .tooltip.bottom { |
---|
24 | padding: 5px 0; |
---|
25 | margin-top: 3px; |
---|
26 | } |
---|
27 | .tooltip.left { |
---|
28 | padding: 0 5px; |
---|
29 | margin-left: -3px; |
---|
30 | } |
---|
31 | .tooltip-inner { |
---|
32 | max-width: 200px; |
---|
33 | padding: 3px 8px; |
---|
34 | color: #fff; |
---|
35 | text-align: center; |
---|
36 | text-decoration: none; |
---|
37 | background-color: #000; |
---|
38 | border-radius: 4px; |
---|
39 | } |
---|
40 | .tooltip-arrow { |
---|
41 | position: absolute; |
---|
42 | width: 0; |
---|
43 | height: 0; |
---|
44 | border-color: transparent; |
---|
45 | border-style: solid; |
---|
46 | } |
---|
47 | .tooltip.top .tooltip-arrow { |
---|
48 | bottom: 0; |
---|
49 | left: 50%; |
---|
50 | margin-left: -5px; |
---|
51 | border-width: 5px 5px 0; |
---|
52 | border-top-color: #000; |
---|
53 | } |
---|
54 | .tooltip.top-left .tooltip-arrow { |
---|
55 | bottom: 0; |
---|
56 | left: 5px; |
---|
57 | border-width: 5px 5px 0; |
---|
58 | border-top-color: #000; |
---|
59 | } |
---|
60 | .tooltip.top-right .tooltip-arrow { |
---|
61 | right: 5px; |
---|
62 | bottom: 0; |
---|
63 | border-width: 5px 5px 0; |
---|
64 | border-top-color: #000; |
---|
65 | } |
---|
66 | .tooltip.right .tooltip-arrow { |
---|
67 | top: 50%; |
---|
68 | left: 0; |
---|
69 | margin-top: -5px; |
---|
70 | border-width: 5px 5px 5px 0; |
---|
71 | border-right-color: #000; |
---|
72 | } |
---|
73 | .tooltip.left .tooltip-arrow { |
---|
74 | top: 50%; |
---|
75 | right: 0; |
---|
76 | margin-top: -5px; |
---|
77 | border-width: 5px 0 5px 5px; |
---|
78 | border-left-color: #000; |
---|
79 | } |
---|
80 | .tooltip.bottom .tooltip-arrow { |
---|
81 | top: 0; |
---|
82 | left: 50%; |
---|
83 | margin-left: -5px; |
---|
84 | border-width: 0 5px 5px; |
---|
85 | border-bottom-color: #000; |
---|
86 | } |
---|
87 | .tooltip.bottom-left .tooltip-arrow { |
---|
88 | top: 0; |
---|
89 | left: 5px; |
---|
90 | border-width: 0 5px 5px; |
---|
91 | border-bottom-color: #000; |
---|
92 | } |
---|
93 | .tooltip.bottom-right .tooltip-arrow { |
---|
94 | top: 0; |
---|
95 | right: 5px; |
---|
96 | border-width: 0 5px 5px; |
---|
97 | border-bottom-color: #000; |
---|
98 | } |
---|
99 | .popover { |
---|
100 | position: absolute; |
---|
101 | top: 0; |
---|
102 | left: 0; |
---|
103 | z-index: 1010; |
---|
104 | display: none; |
---|
105 | max-width: 276px; |
---|
106 | padding: 1px; |
---|
107 | text-align: left; |
---|
108 | white-space: normal; |
---|
109 | background-color: #fff; |
---|
110 | background-clip: padding-box; |
---|
111 | border: 1px solid #ccc; |
---|
112 | border: 1px solid rgba(0, 0, 0, .2); |
---|
113 | border-radius: 6px; |
---|
114 | -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); |
---|
115 | box-shadow: 0 5px 10px rgba(0, 0, 0, .2); |
---|
116 | } |
---|
117 | .popover.top { |
---|
118 | margin-top: -10px; |
---|
119 | } |
---|
120 | .popover.right { |
---|
121 | margin-left: 10px; |
---|
122 | } |
---|
123 | .popover.bottom { |
---|
124 | margin-top: 10px; |
---|
125 | } |
---|
126 | .popover.left { |
---|
127 | margin-left: -10px; |
---|
128 | } |
---|
129 | .popover-title { |
---|
130 | padding: 8px 14px; |
---|
131 | margin: 0; |
---|
132 | font-size: 14px; |
---|
133 | font-weight: normal; |
---|
134 | line-height: 18px; |
---|
135 | background-color: #f7f7f7; |
---|
136 | border-bottom: 1px solid #ebebeb; |
---|
137 | border-radius: 5px 5px 0 0; |
---|
138 | } |
---|
139 | .popover-content { |
---|
140 | padding: 9px 14px; |
---|
141 | } |
---|
142 | .popover .arrow, |
---|
143 | .popover .arrow:after { |
---|
144 | position: absolute; |
---|
145 | display: block; |
---|
146 | width: 0; |
---|
147 | height: 0; |
---|
148 | border-color: transparent; |
---|
149 | border-style: solid; |
---|
150 | } |
---|
151 | .popover .arrow { |
---|
152 | border-width: 11px; |
---|
153 | } |
---|
154 | .popover .arrow:after { |
---|
155 | content: ""; |
---|
156 | border-width: 10px; |
---|
157 | } |
---|
158 | .popover.top .arrow { |
---|
159 | bottom: -11px; |
---|
160 | left: 50%; |
---|
161 | margin-left: -11px; |
---|
162 | border-top-color: #999; |
---|
163 | border-top-color: rgba(0, 0, 0, .25); |
---|
164 | border-bottom-width: 0; |
---|
165 | } |
---|
166 | .popover.top .arrow:after { |
---|
167 | bottom: 1px; |
---|
168 | margin-left: -10px; |
---|
169 | content: " "; |
---|
170 | border-top-color: #fff; |
---|
171 | border-bottom-width: 0; |
---|
172 | } |
---|
173 | .popover.right .arrow { |
---|
174 | top: 50%; |
---|
175 | left: -11px; |
---|
176 | margin-top: -11px; |
---|
177 | border-right-color: #999; |
---|
178 | border-right-color: rgba(0, 0, 0, .25); |
---|
179 | border-left-width: 0; |
---|
180 | } |
---|
181 | .popover.right .arrow:after { |
---|
182 | bottom: -10px; |
---|
183 | left: 1px; |
---|
184 | content: " "; |
---|
185 | border-right-color: #fff; |
---|
186 | border-left-width: 0; |
---|
187 | } |
---|
188 | .popover.bottom .arrow { |
---|
189 | top: -11px; |
---|
190 | left: 50%; |
---|
191 | margin-left: -11px; |
---|
192 | border-top-width: 0; |
---|
193 | border-bottom-color: #999; |
---|
194 | border-bottom-color: rgba(0, 0, 0, .25); |
---|
195 | } |
---|
196 | .popover.bottom .arrow:after { |
---|
197 | top: 1px; |
---|
198 | margin-left: -10px; |
---|
199 | content: " "; |
---|
200 | border-top-width: 0; |
---|
201 | border-bottom-color: #fff; |
---|
202 | } |
---|
203 | .popover.left .arrow { |
---|
204 | top: 50%; |
---|
205 | right: -11px; |
---|
206 | margin-top: -11px; |
---|
207 | border-right-width: 0; |
---|
208 | border-left-color: #999; |
---|
209 | border-left-color: rgba(0, 0, 0, .25); |
---|
210 | } |
---|
211 | .popover.left .arrow:after { |
---|
212 | right: 1px; |
---|
213 | bottom: -10px; |
---|
214 | content: " "; |
---|
215 | border-right-width: 0; |
---|
216 | border-left-color: #fff; |
---|
217 | } |
---|
218 | #TAT_FC_14 .actions { |
---|
219 | display: block !important; |
---|
220 | } |
---|