12 /* Fallback for non-rgba-compliant browsers */
13 border-color: #dfdfdf;
14 /* Use rgba to look better against non-white backgrounds. */
15 border-color: rgba(0,0,0,.125);
16 -webkit-border-radius: 3px;
19 -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.19);
20 -moz-box-shadow: 0 2px 4px rgba(0,0,0,.19);
21 box-shadow: 0 2px 4px rgba(0,0,0,.19);
24 .wp-pointer-content h3 {
27 padding: 15px 18px 14px 60px;
31 border-radius: 3px 3px 0 0;
32 text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
33 background-color: #8cc1e9;
34 background-image: -webkit-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%);
35 background-image: -moz-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%);
36 background-image: -ms-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%);
37 background-image: -o-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%);
38 background-image: linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%);
41 .wp-pointer-content h3:before {
48 background: url('../images/icon-pointer-flag.png') 0 50% no-repeat;
51 .wp-pointer-content p {
61 .wp-pointer-buttons a {
63 display: inline-block;
64 text-decoration: none;
67 .wp-pointer-buttons a.close {
72 .wp-pointer-buttons a.close:before {
78 background:url('../images/xit.gif') 0 50% no-repeat;
81 .wp-pointer-buttons a.close:hover:before {
82 background-position:100% 50%;
85 /* The arrow base class must take up no space, even with transparent borders. */
87 .wp-pointer-arrow-inner {
95 background:url('../images/arrow-pointer-blue.png') 0 0 no-repeat;
98 .wp-pointer-arrow-inner {
102 /* Make Room for the Arrow! */
104 .wp-pointer-undefined {
109 padding-bottom: 13px;
120 /* Base Size & Positioning */
121 .wp-pointer-top .wp-pointer-arrow,
122 .wp-pointer-bottom .wp-pointer-arrow,
123 .wp-pointer-undefined .wp-pointer-arrow {
129 .wp-pointer-left .wp-pointer-arrow,
130 .wp-pointer-right .wp-pointer-arrow {
138 .wp-pointer-top .wp-pointer-arrow,
139 .wp-pointer-undefined .wp-pointer-arrow {
141 background-position: 0 0;
144 .wp-pointer-bottom .wp-pointer-arrow {
146 background-position: 0 -46px;
149 .wp-pointer-left .wp-pointer-arrow {
151 background-position: 0 -15px;
154 .wp-pointer-right .wp-pointer-arrow {
156 background-position:-16px -15px;
160 ------------------------------------------------------------------------------*/
162 .rtl .wp-pointer-content h3 {
167 .rtl .wp-pointer-content h3:before {
171 .rtl .wp-pointer-buttons a {
175 .rtl .wp-pointer-buttons a.close {
180 .rtl .wp-pointer-buttons a.close:before {
184 .rtl .wp-pointer-top .wp-pointer-arrow,
185 .rtl .wp-pointer-bottom .wp-pointer-arrow,
186 .rtl .wp-pointer-undefined .wp-pointer-arrow {