[Summary view] [Print] [Text view]

   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;
 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;
 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  }