1.wp-pointer-content { 2 padding: 0 0 10px; 3 position: relative; 4 font-size: 13px; 5 background: #fff; 6 border: 1px solid #c3c4c7; 7 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08); 8} 9 10.wp-pointer-content h3 { 11 position: relative; 12 margin: -1px -1px 5px; 13 padding: 15px 18px 14px 60px; 14 border: 1px solid #2271b1; 15 border-bottom: none; 16 line-height: 1.4; 17 font-size: 14px; 18 color: #fff; 19 background: #2271b1; 20} 21 22.wp-pointer-content h3:before { 23 background: #fff; 24 border-radius: 50%; 25 color: #2271b1; 26 content: "\f227"; 27 font: normal 20px/1.6 dashicons; 28 position: absolute; 29 top: 8px; 30 left: 15px; 31 speak: never; 32 text-align: center; 33 width: 32px; 34 height: 32px; 35 -webkit-font-smoothing: antialiased; 36 -moz-osx-font-smoothing: grayscale; 37} 38 39.wp-pointer-content h4 { 40 margin: 1.33em 20px 1em; 41 font-size: 1.15em; 42} 43 44.wp-pointer-content p { 45 padding: 0 20px; 46} 47 48.wp-pointer-buttons { 49 margin: 0; 50 padding: 5px 15px; 51 overflow: auto; 52} 53 54.wp-pointer-buttons a { 55 float: right; 56 display: inline-block; 57 text-decoration: none; 58} 59 60.wp-pointer-buttons a.close { 61 padding-left: 3px; 62 position: relative; 63} 64 65.wp-pointer-buttons a.close:before { 66 background: none; 67 color: #787c82; 68 content: "\f153"; 69 display: block !important; 70 font: normal 16px/1 dashicons; 71 speak: never; 72 margin: 1px 0; 73 text-align: center; 74 -webkit-font-smoothing: antialiased !important; 75 width: 10px; 76 height: 100%; 77 position: absolute; 78 left: -15px; 79 top: 1px; 80} 81 82.wp-pointer-buttons a.close:hover:before { 83 color: #d63638; 84} 85 86/* The arrow base class must take up no space, even with transparent borders. */ 87.wp-pointer-arrow, 88.wp-pointer-arrow-inner { 89 position: absolute; 90 width: 0; 91 height: 0; 92} 93 94.wp-pointer-arrow { 95 z-index: 10; 96 width: 0; 97 height: 0; 98 border: 0 solid transparent; 99} 100 101.wp-pointer-arrow-inner { 102 z-index: 20; 103} 104 105/* Make Room for the Arrow! */ 106.wp-pointer-top, 107.wp-pointer-undefined { 108 padding-top: 13px; 109} 110 111.wp-pointer-bottom { 112 margin-top: -13px; 113 padding-bottom: 13px; 114} 115 116/* rtl:ignore */ 117.wp-pointer-left { 118 padding-left: 13px; 119} 120/* rtl:ignore */ 121.wp-pointer-right { 122 margin-left: -13px; 123 padding-right: 13px; 124} 125 126/* Base Size & Positioning */ 127.wp-pointer-top .wp-pointer-arrow, 128.wp-pointer-bottom .wp-pointer-arrow, 129.wp-pointer-undefined .wp-pointer-arrow { 130 left: 50px; 131} 132 133.wp-pointer-left .wp-pointer-arrow, 134.wp-pointer-right .wp-pointer-arrow { 135 top: 50%; 136 margin-top: -15px; 137} 138 139/* Arrow Sprite */ 140.wp-pointer-top .wp-pointer-arrow, 141.wp-pointer-undefined .wp-pointer-arrow { 142 top: 0; 143 border-width: 0 13px 13px 13px; 144 border-bottom-color: #2271b1; 145} 146 147.wp-pointer-top .wp-pointer-arrow-inner, 148.wp-pointer-undefined .wp-pointer-arrow-inner { 149 top: 1px; 150 margin-left: -13px; 151 margin-top: -13px; 152 border: 13px solid transparent; 153 border-bottom-color: #2271b1; 154 display: block; 155 content: " "; 156} 157 158.wp-pointer-bottom .wp-pointer-arrow { 159 bottom: 0; 160 border-width: 13px 13px 0 13px; 161 border-top-color: #c3c4c7; 162} 163 164.wp-pointer-bottom .wp-pointer-arrow-inner { 165 bottom: 1px; 166 margin-left: -13px; 167 margin-bottom: -13px; 168 border: 13px solid transparent; 169 border-top-color: #fff; 170 display: block; 171 content: " "; 172} 173 174/* rtl:ignore */ 175.wp-pointer-left .wp-pointer-arrow { 176 left: 0; 177 border-width: 13px 13px 13px 0; 178 border-right-color: #c3c4c7; 179} 180 181/* rtl:ignore */ 182.wp-pointer-left .wp-pointer-arrow-inner { 183 left: 1px; 184 margin-left: -13px; 185 margin-top: -13px; 186 border: 13px solid transparent; 187 border-right-color: #fff; 188 display: block; 189 content: " "; 190} 191 192/* rtl:ignore */ 193.wp-pointer-right .wp-pointer-arrow { 194 right: 0; 195 border-width: 13px 0 13px 13px; 196 border-left-color: #c3c4c7; 197} 198 199/* rtl:ignore */ 200.wp-pointer-right .wp-pointer-arrow-inner { 201 right: 1px; 202 margin-right: -13px; 203 margin-top: -13px; 204 border: 13px solid transparent; 205 border-left-color: #fff; 206 display: block; 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; 217} 218 219/* Disable pointers at responsive sizes */ 220@media screen and (max-width: 782px) { 221 .wp-pointer { 222 display: none; 223 } 224} 225