[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      text-align: center;
  32      width: 32px;
  33      height: 32px;
  34      -webkit-font-smoothing: antialiased;
  35      -moz-osx-font-smoothing: grayscale;
  36  }
  37  
  38  .wp-pointer-content h4 {
  39      margin: 1.33em 20px 1em;
  40      font-size: 1.15em;
  41  }
  42  
  43  .wp-pointer-content p {
  44      padding: 0 20px;
  45  }
  46  
  47  .wp-pointer-buttons {
  48      margin: 0;
  49      padding: 5px 15px;
  50      overflow: auto;
  51  }
  52  
  53  .wp-pointer-buttons a {
  54      float: right;
  55      display: inline-block;
  56      text-decoration: none;
  57  }
  58  
  59  .wp-pointer-buttons a.close {
  60      padding-left: 3px;
  61      position: relative;
  62  }
  63  
  64  .wp-pointer-buttons a.close:before {
  65      background: none;
  66      color: #787c82;
  67      content: "\f153" / '';
  68      display: block !important;
  69      font: normal 16px/1 dashicons;
  70      margin: 1px 0;
  71      text-align: center;
  72      -webkit-font-smoothing: antialiased !important;
  73      width: 10px;
  74      height: 100%;
  75      position: absolute;
  76      left: -15px;
  77      top: 1px;
  78  }
  79  
  80  .wp-pointer-buttons a.close:hover:before {
  81      color: #d63638;
  82  }
  83  
  84  /* The arrow base class must take up no space, even with transparent borders. */
  85  .wp-pointer-arrow,
  86  .wp-pointer-arrow-inner {
  87      position: absolute;
  88      width: 0;
  89      height: 0;
  90  }
  91  
  92  .wp-pointer-arrow {
  93      z-index: 10;
  94      width: 0;
  95      height: 0;
  96      border: 0 solid transparent;
  97  }
  98  
  99  .wp-pointer-arrow-inner {
 100      z-index: 20;
 101  }
 102  
 103  /* Make Room for the Arrow! */
 104  .wp-pointer-top,
 105  .wp-pointer-undefined {
 106      padding-top: 13px;
 107  }
 108  
 109  .wp-pointer-bottom {
 110      margin-top: -13px;
 111      padding-bottom: 13px;
 112  }
 113  
 114  /* rtl:ignore */
 115  .wp-pointer-left {
 116      padding-left: 13px;
 117  }
 118  /* rtl:ignore */
 119  .wp-pointer-right {
 120      margin-left: -13px;
 121      padding-right: 13px;
 122  }
 123  
 124  /* Base Size & Positioning */
 125  .wp-pointer-top .wp-pointer-arrow,
 126  .wp-pointer-bottom .wp-pointer-arrow,
 127  .wp-pointer-undefined .wp-pointer-arrow {
 128      left: 50px;
 129  }
 130  
 131  .wp-pointer-left .wp-pointer-arrow,
 132  .wp-pointer-right .wp-pointer-arrow {
 133      top: 50%;
 134      margin-top: -15px;
 135  }
 136  
 137  /* Arrow Sprite */
 138  .wp-pointer-top .wp-pointer-arrow,
 139  .wp-pointer-undefined .wp-pointer-arrow {
 140      top: 0;
 141      border-width: 0 13px 13px;
 142      border-bottom-color: #2271b1;
 143  }
 144  
 145  .wp-pointer-top .wp-pointer-arrow-inner,
 146  .wp-pointer-undefined .wp-pointer-arrow-inner {
 147      top: 1px;
 148      margin-left: -13px;
 149      margin-top: -13px;
 150      border: 13px solid transparent;
 151      border-bottom-color: #2271b1;
 152      display: block;
 153      content: " ";
 154  }
 155  
 156  .wp-pointer-bottom .wp-pointer-arrow {
 157      bottom: 0;
 158      border-width: 13px 13px 0;
 159      border-top-color: #c3c4c7;
 160  }
 161  
 162  .wp-pointer-bottom .wp-pointer-arrow-inner {
 163      bottom: 1px;
 164      margin-left: -13px;
 165      margin-bottom: -13px;
 166      border: 13px solid transparent;
 167      border-top-color: #fff;
 168      display: block;
 169      content: " ";
 170  }
 171  
 172  /* rtl:ignore */
 173  .wp-pointer-left .wp-pointer-arrow {
 174      left: 0;
 175      border-width: 13px 13px 13px 0;
 176      border-right-color: #c3c4c7;
 177  }
 178  
 179  /* rtl:ignore */
 180  .wp-pointer-left .wp-pointer-arrow-inner {
 181      left: 1px;
 182      margin-left: -13px;
 183      margin-top: -13px;
 184      border: 13px solid transparent;
 185      border-right-color: #fff;
 186      display: block;
 187      content: " ";
 188  }
 189  
 190  /* rtl:ignore */
 191  .wp-pointer-right .wp-pointer-arrow {
 192      right: 0;
 193      border-width: 13px 0 13px 13px;
 194      border-left-color: #c3c4c7;
 195  }
 196  
 197  /* rtl:ignore */
 198  .wp-pointer-right .wp-pointer-arrow-inner {
 199      right: 1px;
 200      margin-right: -13px;
 201      margin-top: -13px;
 202      border: 13px solid transparent;
 203      border-left-color: #fff;
 204      display: block;
 205      content: " ";
 206  }
 207  
 208  .wp-pointer.arrow-bottom .wp-pointer-content {
 209      margin-bottom: -45px;
 210  }
 211  
 212  .wp-pointer.arrow-bottom .wp-pointer-arrow {
 213      top: 100%;
 214      margin-top: -30px;
 215  }
 216  
 217  /* Disable pointers at responsive sizes */
 218  @media screen and (max-width: 782px) {
 219      .wp-pointer {
 220          display: none;
 221      }
 222  }