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         padding-bottom: 13px;
 110 }
 111
 112 /* @noflip */
 113 .wp-pointer-left {
 114         padding-left: 13px;
 115 }
 116 /* @noflip */
 117 .wp-pointer-right {
 118         padding-right: 13px;
 119 }
 120
 121 /* Base Size & Positioning */
 122 .wp-pointer-top .wp-pointer-arrow,
 123 .wp-pointer-bottom .wp-pointer-arrow,
 124 .wp-pointer-undefined .wp-pointer-arrow {
 125         right: 50px;
 126 }
 127
 128 .wp-pointer-left .wp-pointer-arrow,
 129 .wp-pointer-right .wp-pointer-arrow {
 130         top: 50%;
 131         margin-top: -15px;
 132 }
 133
 134 /* Arrow Sprite */
 135 .wp-pointer-top .wp-pointer-arrow,
 136 .wp-pointer-undefined .wp-pointer-arrow {
 137         top: 0;
 138         border-width: 0 13px 13px 13px;
 139         border-bottom-color: #3592b6;
 140 }
 141
 142 .wp-pointer-top .wp-pointer-arrow:before,
 143 .wp-pointer-undefined .wp-pointer-arrow:before {
 144         margin-right: -13px;
 145         margin-top: -11px;
 146         border: 13px solid transparent;
 147         border-bottom-color: #2ea2cc;
 148         display: block;
 149         content: ' ';
 150 }
 151
 152 .wp-pointer-bottom .wp-pointer-arrow {
 153         bottom: 0;
 154         border-width: 13px 13px 0 13px;
 155         border-top-color: #ccc;
 156 }
 157
 158 .wp-pointer-bottom .wp-pointer-arrow:before {
 159         margin-right: -13px;
 160         margin-top: -14px;
 161         border: 13px solid transparent;
 162         border-top-color: #fff;
 163         display: block;
 164         content: ' ';
 165 }
 166
 167 /* @noflip */
 168 .wp-pointer-left .wp-pointer-arrow {
 169         left: 0;
 170         border-width: 13px 13px 13px 0;
 171         border-right-color: #ccc;
 172 }
 173
 174 .wp-pointer-left .wp-pointer-arrow:before {
 175         margin-right: -12px;
 176         margin-top: -13px;
 177         border: 13px solid transparent;
 178         border-left-color: #fff;
 179         display: block;
 180         content: ' ';
 181 }
 182
 183 /* @noflip */
 184 .wp-pointer-right .wp-pointer-arrow {
 185         right:0;
 186         border-width: 13px 0 13px 13px;
 187         border-left-color: #ccc;
 188 }
 189
 190 .wp-pointer-right .wp-pointer-arrow:before {
 191         margin-right: -12px;
 192         margin-top: -13px;
 193         border: 13px solid transparent;
 194         border-right-color: #fff;
 195         display: block;
 196         content: ' ';
 197 }
 198
 199 .rtl .wp-pointer-arrow:before {
 200         -webkit-transform: rotateY(180deg);
 201         -ms-transform:     rotateY(180deg);
 202         transform:         rotateY(180deg);
 203 }
 204
 205 /* Disable pointers at responsive sizes */
 206 @media screen and ( max-width: 782px ) {
 207         .wp-pointer {
 208                 display: none;
 209         }
 210 }