wp-includes/css/wp-pointer.css

   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 }