wp-includes/css/wp-pointer-rtl.css

   1 .wp-pointer-content {
   2         padding: 0 0 10px;
   3         position: relative;
   4         font-size: 13px;
   5         background: #fff;
   6         border: none;
   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: 0 0 5px;
  14         padding: 15px 60px 14px 18px;
  15         line-height: 1.4em;
  16         font-size: 14px;
  17         color: #fff;
  18         background: #2ea2cc;
  19 }
  20
  21 .wp-pointer-content h3:before {
  22         background: #fff;
  23         border-radius: 50%;
  24         color: #2ea2cc;
  25         content: '\f227';
  26         font: normal 20px/1.6 'dashicons';
  27         position: absolute;
  28         top: 8px;
  29         right: 15px;
  30         speak: none;
  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 p {
  39         padding: 0 15px;
  40 }
  41
  42 .wp-pointer-buttons {
  43         margin: 0;
  44         padding: 5px 15px;
  45         overflow: auto;
  46 }
  47
  48 .wp-pointer-buttons a {
  49         float: left;
  50         display: inline-block;
  51         text-decoration: none;
  52 }
  53
  54 .wp-pointer-buttons a.close {
  55         padding-right: 3px;
  56         position: relative;
  57 }
  58
  59 .wp-pointer-buttons a.close:before {
  60         content: '\f153';
  61         display: block !important;
  62         font: normal 13px/1 'dashicons';
  63         speak: none;
  64         margin: 2px 0;
  65         text-align: center;
  66         -webkit-font-smoothing: antialiased !important;
  67         width: 10px;
  68         height: 100%;
  69         position: absolute;
  70         right: -12px;
  71         top: 1px;
  72 }
  73
  74 /* The arrow base class must take up no space, even with transparent borders. */
  75 .wp-pointer-arrow,
  76 .wp-pointer-arrow-inner {
  77         position: absolute;
  78         width: 0;
  79         height: 0;
  80 }
  81
  82 .wp-pointer-arrow {
  83         z-index: 10;
  84         width: 0;
  85         height: 0;
  86         border: 0 solid transparent;
  87 }
  88
  89 .wp-pointer-arrow-inner {
  90         z-index: 20;
  91 }
  92
  93 /* Make Room for the Arrow! */
  94 .wp-pointer-top,
  95 .wp-pointer-undefined {
  96         padding-top: 13px;
  97 }
  98
  99 .wp-pointer-bottom {
 100         padding-bottom: 13px;
 101 }
 102
 103 /* @noflip */
 104 .wp-pointer-left {
 105         padding-left: 13px;
 106 }
 107 /* @noflip */
 108 .wp-pointer-right {
 109         padding-right: 13px;
 110 }
 111
 112 /* Base Size & Positioning */
 113 .wp-pointer-top .wp-pointer-arrow,
 114 .wp-pointer-bottom .wp-pointer-arrow,
 115 .wp-pointer-undefined .wp-pointer-arrow {
 116         right: 50px;
 117 }
 118
 119 .wp-pointer-left .wp-pointer-arrow,
 120 .wp-pointer-right .wp-pointer-arrow {
 121         top: 50%;
 122         margin-top: -15px;
 123 }
 124
 125 /* Arrow Sprite */
 126 .wp-pointer-top .wp-pointer-arrow,
 127 .wp-pointer-undefined .wp-pointer-arrow {
 128         top: 0;
 129         border-width: 0 17px 15px 17px;
 130         border-bottom-color: #2ea2cc;
 131 }
 132
 133 .wp-pointer-bottom .wp-pointer-arrow {
 134         bottom: 0;
 135         border-width: 15px 17px 0 17px;
 136         border-top-color: #fff;
 137 }
 138
 139 /* @noflip */
 140 .wp-pointer-left .wp-pointer-arrow {
 141         left: 0;
 142         border-width: 17px 15px 17px 0;
 143         border-right-color: #fff;
 144 }
 145
 146 /* @noflip */
 147 .wp-pointer-right .wp-pointer-arrow {
 148         right:0;
 149         border-width: 17px 0 17px 15px;
 150         border-left-color: #fff;
 151 }
 152
 153 /* Disable pointers at responsive sizes */
 154 @media screen and ( max-width: 782px ) {
 155         .wp-pointer {
 156                 display: none;
 157         }
 158 }