[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 #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 18px 14px 60px;
  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      border-radius: 50%;
  26      color: #2ea2cc;
  27      content: '\f227';
  28      font: normal 20px/1.6 'dashicons';
  29      position: absolute;
  30      top: 8px;
  31      left: 15px;
  32      speak: none;
  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 p {
  41      padding: 0 15px;
  42  }
  43  
  44  .wp-pointer-buttons {
  45      margin: 0;
  46      padding: 5px 15px;
  47      overflow: auto;
  48  }
  49  
  50  .wp-pointer-buttons a {
  51      float: right;
  52      display: inline-block;
  53      text-decoration: none;
  54  }
  55  
  56  .wp-pointer-buttons a.close {
  57      padding-left: 3px;
  58      position: relative;
  59  }
  60  
  61  .wp-pointer-buttons a.close:before {
  62      content: '\f153';
  63      display: block !important;
  64      font: normal 13px/1 'dashicons';
  65      speak: none;
  66      margin: 2px 0;
  67      text-align: center;
  68      -webkit-font-smoothing: antialiased !important;
  69      width: 10px;
  70      height: 100%;
  71      position: absolute;
  72      left: -12px;
  73      top: 1px;
  74  }
  75  
  76  /* The arrow base class must take up no space, even with transparent borders. */
  77  .wp-pointer-arrow,
  78  .wp-pointer-arrow-inner {
  79      position: absolute;
  80      width: 0;
  81      height: 0;
  82  }
  83  
  84  .wp-pointer-arrow {
  85      z-index: 10;
  86      width: 0;
  87      height: 0;
  88      border: 0 solid transparent;
  89  }
  90  
  91  .wp-pointer-arrow-inner {
  92      z-index: 20;
  93  }
  94  
  95  /* Make Room for the Arrow! */
  96  .wp-pointer-top,
  97  .wp-pointer-undefined {
  98      padding-top: 13px;
  99  }
 100  
 101  .wp-pointer-bottom {
 102      padding-bottom: 13px;
 103  }
 104  
 105  /* @noflip */
 106  .wp-pointer-left {
 107      padding-left: 13px;
 108  }
 109  /* @noflip */
 110  .wp-pointer-right {
 111      padding-right: 13px;
 112  }
 113  
 114  /* Base Size & Positioning */
 115  .wp-pointer-top .wp-pointer-arrow,
 116  .wp-pointer-bottom .wp-pointer-arrow,
 117  .wp-pointer-undefined .wp-pointer-arrow {
 118      left: 50px;
 119  }
 120  
 121  .wp-pointer-left .wp-pointer-arrow,
 122  .wp-pointer-right .wp-pointer-arrow {
 123      top: 50%;
 124      margin-top: -15px;
 125  }
 126  
 127  /* Arrow Sprite */
 128  .wp-pointer-top .wp-pointer-arrow,
 129  .wp-pointer-undefined .wp-pointer-arrow {
 130      top: 0;
 131      border-width: 0 13px 13px 13px;
 132      border-bottom-color: #3592b6;
 133  }
 134  
 135  .wp-pointer-top .wp-pointer-arrow:before,
 136  .wp-pointer-undefined .wp-pointer-arrow:before {
 137      margin-left: -13px;
 138      margin-top: -11px;
 139      border: 13px solid transparent;
 140      border-bottom-color: #2ea2cc;
 141      display: block;
 142      content: ' ';
 143  }
 144  
 145  .wp-pointer-bottom .wp-pointer-arrow {
 146      bottom: 0;
 147      border-width: 13px 13px 0 13px;
 148      border-top-color: #ccc;
 149  }
 150  
 151  .wp-pointer-bottom .wp-pointer-arrow:before {
 152      margin-left: -13px;
 153      margin-top: -14px;
 154      border: 13px solid transparent;
 155      border-top-color: #fff;
 156      display: block;
 157      content: ' ';
 158  }
 159  
 160  /* @noflip */
 161  .wp-pointer-left .wp-pointer-arrow {
 162      left: 0;
 163      border-width: 13px 13px 13px 0;
 164      border-right-color: #ccc;
 165  }
 166  
 167  .wp-pointer-left .wp-pointer-arrow:before {
 168      margin-left: -12px;
 169      margin-top: -13px;
 170      border: 13px solid transparent;
 171      border-right-color: #fff;
 172      display: block;
 173      content: ' ';
 174  }
 175  
 176  /* @noflip */
 177  .wp-pointer-right .wp-pointer-arrow {
 178      right:0;
 179      border-width: 13px 0 13px 13px;
 180      border-left-color: #ccc;
 181  }
 182  
 183  .wp-pointer-right .wp-pointer-arrow:before {
 184      margin-left: -14px;
 185      margin-top: -13px;
 186      border: 13px solid transparent;
 187      border-left-color: #fff;
 188      display: block;
 189      content: ' ';
 190  }
 191  
 192  /* Disable pointers at responsive sizes */
 193  @media screen and ( max-width: 782px ) {
 194      .wp-pointer {
 195          display: none;
 196      }
 197  }