PageRenderTime 23ms CodeModel.GetById 9ms app.highlight 12ms RepoModel.GetById 1ms app.codeStats 0ms

/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
 10.wp-pointer-content h3 {
 11	position: relative;
 12	margin: -1px -1px 5px;
 13	padding: 15px 18px 14px 60px;
 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	left: 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: right;
 51	display: inline-block;
 52	text-decoration: none;
 53}
 54
 55.wp-pointer-buttons a.close {
 56	padding-left: 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	left: -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	left: 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-left: -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-left: -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}