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