wp-includes/css/wp-pointer.dev.css

   1 .wp-pointer {
   2 }
   3
   4 .wp-pointer-content {
   5         padding: 0 0 10px;
   6         position: relative;
   7         font-size: 13px;
   8
   9         background: #fff;
  10         border-style: solid;
  11         border-width: 1px;
  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;
  17         border-radius: 3px;
  18
  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);
  22 }
  23
  24 .wp-pointer-content h3 {
  25         position: relative;
  26         margin: 0 0 5px;
  27         padding: 15px 18px 14px 60px;
  28         line-height: 1.4em;
  29         font-size: 14px;
  30         color: #fff;
  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%);
  39 }
  40
  41 .wp-pointer-content h3:before {
  42         position: absolute;
  43         top: 0;
  44         left: 15px;
  45         content: ' ';
  46         width: 36px;
  47         height: 100%;
  48         background: url('../images/icon-pointer-flag.png') 0 50% no-repeat;
  49 }
  50
  51 .wp-pointer-content p {
  52         padding: 0 15px;
  53 }
  54
  55 .wp-pointer-buttons {
  56         margin: 0;
  57         padding: 5px 15px;
  58         overflow: auto;
  59 }
  60
  61 .wp-pointer-buttons a {
  62         float: right;
  63         display: inline-block;
  64         text-decoration: none;
  65 }
  66
  67 .wp-pointer-buttons a.close {
  68         padding-left:3px;
  69         position: relative;
  70 }
  71
  72 .wp-pointer-buttons a.close:before {
  73         content: ' ';
  74         width:10px;
  75         height:100%;
  76         position:absolute;
  77         left:-10px;
  78         background:url('../images/xit.gif') 0 50% no-repeat;
  79 }
  80
  81 .wp-pointer-buttons a.close:hover:before {
  82         background-position:100% 50%;
  83 }
  84
  85 /* The arrow base class must take up no space, even with transparent borders. */
  86 .wp-pointer-arrow,
  87 .wp-pointer-arrow-inner {
  88         position: absolute;
  89         width: 0;
  90         height: 0;
  91 }
  92
  93 .wp-pointer-arrow {
  94         z-index: 10;
  95         background:url('../images/arrow-pointer-blue.png') 0 0 no-repeat;
  96 }
  97
  98 .wp-pointer-arrow-inner {
  99         z-index: 20;
 100 }
 101
 102 /* Make Room for the Arrow! */
 103 .wp-pointer-top,
 104 .wp-pointer-undefined {
 105         padding-top: 13px;
 106 }
 107
 108 .wp-pointer-bottom {
 109         padding-bottom: 13px;
 110 }
 111
 112 .wp-pointer-left {
 113         padding-left: 13px;
 114 }
 115
 116 .wp-pointer-right {
 117         padding-right: 13px;
 118 }
 119
 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 {
 124         left: 50px;
 125         width: 30px;
 126         height: 14px;
 127 }
 128
 129 .wp-pointer-left .wp-pointer-arrow,
 130 .wp-pointer-right .wp-pointer-arrow {
 131         top: 50%;
 132         margin-top: -15px;
 133         width: 14px;
 134         height: 30px;
 135 }
 136
 137 /* Arrow Sprite */
 138 .wp-pointer-top .wp-pointer-arrow,
 139 .wp-pointer-undefined .wp-pointer-arrow {
 140         top: 0;
 141         background-position: 0 0;
 142 }
 143
 144 .wp-pointer-bottom .wp-pointer-arrow {
 145         bottom: 0;
 146         background-position: 0 -46px;
 147 }
 148
 149 .wp-pointer-left .wp-pointer-arrow {
 150         left: 0;
 151         background-position: 0 -15px;
 152 }
 153
 154 .wp-pointer-right .wp-pointer-arrow {
 155         right:0;
 156         background-position:-16px -15px;
 157 }
 158
 159 /* - RTL
 160 ------------------------------------------------------------------------------*/
 161
 162 .rtl .wp-pointer-content h3 {
 163         padding-right: 60px;
 164         padding-left: 18px;
 165 }
 166
 167 .rtl .wp-pointer-content h3:before {
 168         right: 15px;
 169 }
 170
 171 .rtl .wp-pointer-buttons a {
 172         float: left;
 173 }
 174
 175 .rtl .wp-pointer-buttons a.close {
 176         padding-right:3px;
 177         padding-left: 0;
 178 }
 179
 180 .rtl .wp-pointer-buttons a.close:before {
 181         right:-10px;
 182 }
 183
 184 .rtl .wp-pointer-top .wp-pointer-arrow,
 185 .rtl .wp-pointer-bottom .wp-pointer-arrow,
 186 .rtl .wp-pointer-undefined .wp-pointer-arrow {
 187         right: 50px;
 188 }