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);
11 .wp-pointer-content h3 {
13 margin: -1px -1px 5px;
14 padding: 15px 60px 14px 18px;
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 16px/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 {
110 padding-bottom: 13px;
123 /* Base Size & Positioning */
124 .wp-pointer-top .wp-pointer-arrow,
125 .wp-pointer-bottom .wp-pointer-arrow,
126 .wp-pointer-undefined .wp-pointer-arrow {
130 .wp-pointer-left .wp-pointer-arrow,
131 .wp-pointer-right .wp-pointer-arrow {
137 .wp-pointer-top .wp-pointer-arrow,
138 .wp-pointer-undefined .wp-pointer-arrow {
140 border-width: 0 13px 13px 13px;
141 border-bottom-color: #3592b6;
144 .wp-pointer-top .wp-pointer-arrow-inner,
145 .wp-pointer-undefined .wp-pointer-arrow-inner {
149 border: 13px solid transparent;
150 border-bottom-color: #00a0d2;
155 .wp-pointer-bottom .wp-pointer-arrow {
157 border-width: 13px 13px 0 13px;
158 border-top-color: #ccc;
161 .wp-pointer-bottom .wp-pointer-arrow-inner {
164 margin-bottom: -13px;
165 border: 13px solid transparent;
166 border-top-color: #fff;
172 .wp-pointer-left .wp-pointer-arrow {
174 border-width: 13px 13px 13px 0;
175 border-right-color: #ccc;
179 .wp-pointer-left .wp-pointer-arrow-inner {
183 border: 13px solid transparent;
184 border-right-color: #fff;
190 .wp-pointer-right .wp-pointer-arrow {
192 border-width: 13px 0 13px 13px;
193 border-left-color: #ccc;
197 .wp-pointer-right .wp-pointer-arrow-inner {
201 border: 13px solid transparent;
202 border-left-color: #fff;
207 /* Disable pointers at responsive sizes */
208 @media screen and ( max-width: 782px ) {