wp-includes/css/wp-pointer-rtl.css

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