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