equal
deleted
inserted
replaced
1 .wp-pointer-content { |
1 .wp-pointer-content { |
2 padding: 0 0 10px; |
2 padding: 0 0 10px; |
3 position: relative; |
3 position: relative; |
4 font-size: 13px; |
4 font-size: 13px; |
5 background: #fff; |
5 background: #fff; |
6 border: 1px solid #dfdfdf; |
6 border: 1px solid #ddd; |
7 -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.075); |
|
8 box-shadow: 0 3px 6px rgba(0,0,0,0.075); |
7 box-shadow: 0 3px 6px rgba(0,0,0,0.075); |
9 } |
8 } |
10 |
9 |
11 .wp-pointer-content h3 { |
10 .wp-pointer-content h3 { |
12 position: relative; |
11 position: relative; |
20 background: #00a0d2; |
19 background: #00a0d2; |
21 } |
20 } |
22 |
21 |
23 .wp-pointer-content h3:before { |
22 .wp-pointer-content h3:before { |
24 background: #fff; |
23 background: #fff; |
25 -webkit-border-radius: 50%; |
|
26 border-radius: 50%; |
24 border-radius: 50%; |
27 color: #00a0d2; |
25 color: #00a0d2; |
28 content: '\f227'; |
26 content: "\f227"; |
29 font: normal 20px/1.6 'dashicons'; |
27 font: normal 20px/1.6 dashicons; |
30 position: absolute; |
28 position: absolute; |
31 top: 8px; |
29 top: 8px; |
32 left: 15px; |
30 left: 15px; |
33 speak: none; |
31 speak: none; |
34 text-align: center; |
32 text-align: center; |
36 height: 32px; |
34 height: 32px; |
37 -webkit-font-smoothing: antialiased; |
35 -webkit-font-smoothing: antialiased; |
38 -moz-osx-font-smoothing: grayscale; |
36 -moz-osx-font-smoothing: grayscale; |
39 } |
37 } |
40 |
38 |
|
39 .wp-pointer-content h4 { |
|
40 margin: 1.33em 20px 1em; |
|
41 font-size: 1.15em; |
|
42 } |
|
43 |
41 .wp-pointer-content p { |
44 .wp-pointer-content p { |
42 padding: 0 15px; |
45 padding: 0 20px; |
43 } |
46 } |
44 |
47 |
45 .wp-pointer-buttons { |
48 .wp-pointer-buttons { |
46 margin: 0; |
49 margin: 0; |
47 padding: 5px 15px; |
50 padding: 5px 15px; |
59 position: relative; |
62 position: relative; |
60 } |
63 } |
61 |
64 |
62 .wp-pointer-buttons a.close:before { |
65 .wp-pointer-buttons a.close:before { |
63 background: none; |
66 background: none; |
64 color: #b4b9be; |
67 color: #72777c; |
65 content: '\f153'; |
68 content: "\f153"; |
66 display: block !important; |
69 display: block !important; |
67 font: normal 16px/1 'dashicons'; |
70 font: normal 16px/1 dashicons; |
68 speak: none; |
71 speak: none; |
69 margin: 1px 0; |
72 margin: 1px 0; |
70 text-align: center; |
73 text-align: center; |
71 -webkit-font-smoothing: antialiased !important; |
74 -webkit-font-smoothing: antialiased !important; |
72 width: 10px; |
75 width: 10px; |
147 margin-left: -13px; |
150 margin-left: -13px; |
148 margin-top: -13px; |
151 margin-top: -13px; |
149 border: 13px solid transparent; |
152 border: 13px solid transparent; |
150 border-bottom-color: #00a0d2; |
153 border-bottom-color: #00a0d2; |
151 display: block; |
154 display: block; |
152 content: ' '; |
155 content: " "; |
153 } |
156 } |
154 |
157 |
155 .wp-pointer-bottom .wp-pointer-arrow { |
158 .wp-pointer-bottom .wp-pointer-arrow { |
156 bottom: 0; |
159 bottom: 0; |
157 border-width: 13px 13px 0 13px; |
160 border-width: 13px 13px 0 13px; |
163 margin-left: -13px; |
166 margin-left: -13px; |
164 margin-bottom: -13px; |
167 margin-bottom: -13px; |
165 border: 13px solid transparent; |
168 border: 13px solid transparent; |
166 border-top-color: #fff; |
169 border-top-color: #fff; |
167 display: block; |
170 display: block; |
168 content: ' '; |
171 content: " "; |
169 } |
172 } |
170 |
173 |
171 /* rtl:ignore */ |
174 /* rtl:ignore */ |
172 .wp-pointer-left .wp-pointer-arrow { |
175 .wp-pointer-left .wp-pointer-arrow { |
173 left: 0; |
176 left: 0; |
181 margin-left: -13px; |
184 margin-left: -13px; |
182 margin-top: -13px; |
185 margin-top: -13px; |
183 border: 13px solid transparent; |
186 border: 13px solid transparent; |
184 border-right-color: #fff; |
187 border-right-color: #fff; |
185 display: block; |
188 display: block; |
186 content: ' '; |
189 content: " "; |
187 } |
190 } |
188 |
191 |
189 /* rtl:ignore */ |
192 /* rtl:ignore */ |
190 .wp-pointer-right .wp-pointer-arrow { |
193 .wp-pointer-right .wp-pointer-arrow { |
191 right: 0; |
194 right: 0; |
199 margin-right: -13px; |
202 margin-right: -13px; |
200 margin-top: -13px; |
203 margin-top: -13px; |
201 border: 13px solid transparent; |
204 border: 13px solid transparent; |
202 border-left-color: #fff; |
205 border-left-color: #fff; |
203 display: block; |
206 display: block; |
204 content: ' '; |
207 content: " "; |
|
208 } |
|
209 |
|
210 .wp-pointer.arrow-bottom .wp-pointer-content { |
|
211 margin-bottom: -45px; |
|
212 } |
|
213 |
|
214 .wp-pointer.arrow-bottom .wp-pointer-arrow { |
|
215 top: 100%; |
|
216 margin-top: -30px; |
205 } |
217 } |
206 |
218 |
207 /* Disable pointers at responsive sizes */ |
219 /* Disable pointers at responsive sizes */ |
208 @media screen and ( max-width: 782px ) { |
220 @media screen and ( max-width: 782px ) { |
209 .wp-pointer { |
221 .wp-pointer { |