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

https://bitbucket.org/skyarch-iijima/wordpress · CSS · 210 lines · 174 code · 25 blank · 11 comment · 0 complexity · 9f865744182beb7411b3ce6ab09a49db MD5 · raw file

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