[Summary view] [Print] [Text view]

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