6 border: 1px solid #dfdfdf;
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);
11 .wp-pointer-content h3 {
13 margin: -1px -1px 5px;
14 padding: 15px 18px 14px 60px;
15 border: 1px solid #3592b6;
23 .wp-pointer-content h3:before {
25 -webkit-border-radius: 50%;
29 font: normal 20px/1.6 'dashicons';
37 -webkit-font-smoothing: antialiased;
38 -moz-osx-font-smoothing: grayscale;
41 .wp-pointer-content p {
51 .wp-pointer-buttons a {
53 display: inline-block;
54 text-decoration: none;
57 .wp-pointer-buttons a.close {
62 .wp-pointer-buttons a.close:before {
66 display: block !important;
67 font: normal 13px/1 'dashicons';
71 -webkit-font-smoothing: antialiased !important;
79 .wp-pointer-buttons a.close:hover:before {
83 /* The arrow base class must take up no space, even with transparent borders. */
85 .wp-pointer-arrow-inner {
95 border: 0 solid transparent;
98 .wp-pointer-arrow-inner {
102 /* Make Room for the Arrow! */
104 .wp-pointer-undefined {
109 padding-bottom: 13px;
121 /* Base Size & Positioning */
122 .wp-pointer-top .wp-pointer-arrow,
123 .wp-pointer-bottom .wp-pointer-arrow,
124 .wp-pointer-undefined .wp-pointer-arrow {
128 .wp-pointer-left .wp-pointer-arrow,
129 .wp-pointer-right .wp-pointer-arrow {
135 .wp-pointer-top .wp-pointer-arrow,
136 .wp-pointer-undefined .wp-pointer-arrow {
138 border-width: 0 13px 13px 13px;
139 border-bottom-color: #3592b6;
142 .wp-pointer-top .wp-pointer-arrow:before,
143 .wp-pointer-undefined .wp-pointer-arrow:before {
146 border: 13px solid transparent;
147 border-bottom-color: #2ea2cc;
152 .wp-pointer-bottom .wp-pointer-arrow {
154 border-width: 13px 13px 0 13px;
155 border-top-color: #ccc;
158 .wp-pointer-bottom .wp-pointer-arrow:before {
161 border: 13px solid transparent;
162 border-top-color: #fff;
168 .wp-pointer-left .wp-pointer-arrow {
170 border-width: 13px 13px 13px 0;
171 border-right-color: #ccc;
174 .wp-pointer-left .wp-pointer-arrow:before {
177 border: 13px solid transparent;
178 border-right-color: #fff;
184 .wp-pointer-right .wp-pointer-arrow {
186 border-width: 13px 0 13px 13px;
187 border-left-color: #ccc;
190 .wp-pointer-right .wp-pointer-arrow:before {
193 border: 13px solid transparent;
194 border-left-color: #fff;
199 .rtl .wp-pointer-arrow:before {
200 -webkit-transform: rotateY(180deg);
201 -ms-transform: rotateY(180deg);
202 transform: rotateY(180deg);
205 /* Disable pointers at responsive sizes */
206 @media screen and ( max-width: 782px ) {