100 #the-comment-list td.comment img { |
96 #the-comment-list td.comment img { |
101 max-width: 100%; |
97 max-width: 100%; |
102 } |
98 } |
103 |
99 |
104 /* Welcome Panel */ |
100 /* Welcome Panel */ |
105 .welcome-panel { |
101 .welcome-panel, |
|
102 .try-gutenberg-panel { |
106 position: relative; |
103 position: relative; |
107 overflow: auto; |
104 overflow: auto; |
108 margin: 16px 0; |
105 margin: 16px 0; |
109 padding: 23px 10px 0; |
106 padding: 23px 10px 0; |
110 border: 1px solid #e5e5e5; |
107 border: 1px solid #e5e5e5; |
111 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); |
|
112 box-shadow: 0 1px 1px rgba(0,0,0,0.04); |
108 box-shadow: 0 1px 1px rgba(0,0,0,0.04); |
113 background: #fff; |
109 background: #fff; |
114 font-size: 13px; |
110 font-size: 13px; |
115 line-height: 2.1em; |
111 line-height: 2.1em; |
116 } |
112 } |
117 |
113 |
|
114 .welcome-panel h2, |
|
115 .try-gutenberg-panel h2 { |
|
116 margin: 0; |
|
117 font-size: 21px; |
|
118 font-weight: 400; |
|
119 line-height: 1.2; |
|
120 } |
|
121 |
118 .welcome-panel h3 { |
122 .welcome-panel h3 { |
119 margin: 0; |
|
120 font-size: 21px; |
|
121 font-weight: normal; |
|
122 line-height: 1.2; |
|
123 } |
|
124 |
|
125 .welcome-panel h4 { |
|
126 margin: 1.33em 0 0; |
123 margin: 1.33em 0 0; |
127 font-size: 16px; |
124 font-size: 16px; |
128 } |
125 } |
129 |
126 |
130 .welcome-panel li { |
127 .try-gutenberg-panel h3 { |
|
128 margin: 17px 0 0; |
|
129 font-size: 16px; |
|
130 line-height: 1.4; |
|
131 } |
|
132 |
|
133 .welcome-panel li, |
|
134 .try-gutenberg-panel li { |
131 font-size: 14px; |
135 font-size: 14px; |
132 } |
136 } |
133 |
137 |
134 .welcome-panel p { |
138 .welcome-panel p, |
135 color: #777; |
139 .try-gutenberg-panel p { |
136 } |
140 color: #72777c; |
137 |
141 } |
138 .welcome-panel a { |
142 |
|
143 .welcome-panel a, |
|
144 .try-gutenberg-action a { |
139 text-decoration: none; |
145 text-decoration: none; |
140 } |
146 } |
141 |
147 |
142 .welcome-panel .about-description { |
148 .welcome-panel .about-description, |
|
149 .try-gutenberg-panel .about-description { |
143 font-size: 16px; |
150 font-size: 16px; |
144 margin: 0; |
151 margin: 0; |
145 } |
152 } |
146 |
153 |
147 .welcome-panel .welcome-panel-close { |
154 .try-gutenberg-panel-content hr { |
|
155 margin: 20px -23px 0 -23px; |
|
156 border-top: 1px solid #f3f4f5; |
|
157 border-bottom: none; |
|
158 } |
|
159 |
|
160 .welcome-panel .welcome-panel-close, |
|
161 .try-gutenberg-panel .try-gutenberg-panel-close { |
148 position: absolute; |
162 position: absolute; |
149 top: 5px; |
163 z-index: 10; |
|
164 top: 10px; |
150 left: 10px; |
165 left: 10px; |
151 padding: 20px 3px 0 15px; |
166 padding: 10px 21px 10px 15px; |
152 font-size: 13px; |
167 font-size: 13px; |
|
168 line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */ |
153 text-decoration: none; |
169 text-decoration: none; |
154 line-height: 1; |
170 } |
155 } |
171 |
156 |
172 .welcome-panel .welcome-panel-close:before, |
157 #welcome-panel.welcome-panel .welcome-panel-close:before { |
173 .try-gutenberg-panel .try-gutenberg-panel-close:before { |
158 position: absolute; |
174 position: absolute; |
159 right: -18px; |
175 top: 8px; |
160 margin-top: -2px; |
176 right: 0; |
161 -webkit-transition: all .1s ease-in-out; |
|
162 transition: all .1s ease-in-out; |
177 transition: all .1s ease-in-out; |
163 } |
178 } |
164 |
179 |
165 .wp-core-ui .welcome-panel .button.button-hero { |
180 .wp-core-ui .welcome-panel .button.button-hero { |
166 margin: 15px 0 3px 13px; |
181 margin: 15px 0 3px 13px; |
168 height: auto; |
183 height: auto; |
169 line-height: 1.4285714; |
184 line-height: 1.4285714; |
170 white-space: normal; |
185 white-space: normal; |
171 } |
186 } |
172 |
187 |
173 .welcome-panel-content { |
188 .welcome-panel-content, |
174 margin-right: 13px; |
189 .try-gutenberg-panel-content { |
|
190 margin: 0 13px; |
175 max-width: 1500px; |
191 max-width: 1500px; |
|
192 } |
|
193 |
|
194 .try-gutenberg-panel img { |
|
195 margin-top: 23px; |
|
196 width: calc( 100% - 40px ); |
|
197 border: 1px solid #f3f4f5; |
|
198 } |
|
199 |
|
200 .try-gutenberg-panel .install-now.updating-message:before, |
|
201 .try-gutenberg-panel .install-now.updated-message:before { |
|
202 margin-top: 11px; |
176 } |
203 } |
177 |
204 |
178 .welcome-panel .welcome-panel-column-container { |
205 .welcome-panel .welcome-panel-column-container { |
179 clear: both; |
206 clear: both; |
180 overflow: hidden; |
|
181 position: relative; |
207 position: relative; |
182 } |
208 } |
183 |
209 |
184 .welcome-panel .welcome-panel-column { |
210 .welcome-panel .welcome-panel-column { |
185 width: 32%; |
211 width: 32%; |
186 min-width: 200px; |
212 min-width: 200px; |
187 float: right; |
213 float: right; |
188 } |
214 } |
189 |
215 |
|
216 .try-gutenberg-panel .try-gutenberg-panel-column > * { |
|
217 padding-left: 40px; |
|
218 } |
|
219 |
190 .ie8 .welcome-panel .welcome-panel-column { |
220 .ie8 .welcome-panel .welcome-panel-column { |
191 min-width: 230px; |
221 min-width: 230px; |
192 } |
222 } |
193 |
223 |
194 .welcome-panel .welcome-panel-column:first-child { |
224 .welcome-panel .welcome-panel-column:first-child { |
195 width: 36%; |
225 width: 36%; |
196 } |
226 } |
197 |
227 |
|
228 .try-gutenberg-panel .try-gutenberg-panel-column-container { |
|
229 display: -ms-grid; |
|
230 display: grid; |
|
231 -ms-grid-columns: 36% 32% 32%; |
|
232 grid-template-columns: 36% 32% 32%; |
|
233 margin-bottom: 13px; |
|
234 } |
|
235 |
|
236 .try-gutenberg-panel .try-gutenberg-panel-column:not(.try-gutenberg-panel-image-column) { |
|
237 display: -ms-grid; |
|
238 display: grid; |
|
239 -ms-grid-rows: auto 100px; |
|
240 grid-template-rows: auto 100px; |
|
241 } |
|
242 |
198 .welcome-panel-column p.hide-if-no-customize { |
243 .welcome-panel-column p.hide-if-no-customize { |
199 margin-top: 10px; |
244 margin-top: 10px; |
200 } |
245 } |
201 |
246 |
202 .welcome-panel-column p { |
247 .welcome-panel-column p, |
|
248 .try-gutenberg-panel-column p { |
203 margin-top: 7px; |
249 margin-top: 7px; |
204 color: #464646; |
250 color: #444; |
|
251 } |
|
252 |
|
253 .welcome-panel .welcome-widgets-menus { |
|
254 line-height: 16px; |
|
255 } |
|
256 |
|
257 .welcome-panel .welcome-panel-column ul { |
|
258 margin: 0.8em 0 1em 1em; |
|
259 } |
|
260 |
|
261 .welcome-panel .welcome-panel-column li { |
|
262 line-height: 16px; |
|
263 list-style-type: none; |
|
264 padding: 0 0 8px; |
205 } |
265 } |
206 |
266 |
207 .welcome-panel .welcome-icon { |
267 .welcome-panel .welcome-icon { |
208 display: block; |
|
209 padding: 0 0 8px; |
|
210 background: transparent !important; |
268 background: transparent !important; |
211 } |
269 } |
212 |
270 |
213 .welcome-panel .welcome-icon:before { |
271 /* Welcome Panel and Right Now common Icons style */ |
|
272 |
|
273 .welcome-panel .welcome-icon:before, |
|
274 #dashboard_right_now li a:before, |
|
275 #dashboard_right_now li span:before { |
214 color: #82878c; |
276 color: #82878c; |
215 font: normal 20px/1 'dashicons'; |
277 font: normal 20px/1 dashicons; |
216 speak: none; |
278 speak: none; |
217 display: inline-block; |
279 display: inline-block; |
218 padding: 0 0 0 10px; |
280 padding: 0 0 0 10px; |
219 top: -1px; |
|
220 position: relative; |
281 position: relative; |
221 -webkit-font-smoothing: antialiased; |
282 -webkit-font-smoothing: antialiased; |
222 -moz-osx-font-smoothing: grayscale; |
283 -moz-osx-font-smoothing: grayscale; |
223 text-decoration: none !important; |
284 text-decoration: none !important; |
224 vertical-align: top; |
285 vertical-align: top; |
225 } |
286 } |
226 |
287 |
|
288 /* Welcome Panel specific Icons styles */ |
|
289 |
227 .welcome-panel .welcome-write-blog:before, |
290 .welcome-panel .welcome-write-blog:before, |
228 .welcome-panel .welcome-edit-page:before { |
291 .welcome-panel .welcome-edit-page:before { |
229 content:'\f119'; |
292 content: "\f119"; |
230 top: -3px; |
293 top: -3px; |
231 } |
294 } |
232 |
295 |
233 .welcome-panel .welcome-add-page:before { |
296 .welcome-panel .welcome-add-page:before { |
234 content:'\f132'; |
297 content: "\f132"; |
|
298 top: -1px; |
235 } |
299 } |
236 |
300 |
237 .welcome-panel .welcome-view-site:before { |
301 .welcome-panel .welcome-view-site:before { |
238 content:'\f115'; |
302 content: "\f115"; |
239 top: -2px; |
303 top: -2px; |
240 } |
304 } |
241 |
305 |
242 .welcome-panel .welcome-widgets-menus:before { |
306 .welcome-panel .welcome-widgets-menus:before { |
243 content:'\f116'; |
307 content: "\f116"; |
244 top: -2px; |
308 top: -2px; |
245 } |
309 } |
246 |
310 |
247 .welcome-panel .welcome-comments:before { |
311 .welcome-panel .welcome-comments:before { |
248 content:'\f117'; |
312 content: "\f117"; |
249 top: -1px; |
313 top: -1px; |
250 } |
314 } |
251 |
315 |
252 .welcome-panel .welcome-learn-more:before { |
316 .welcome-panel .welcome-learn-more:before { |
253 content:'\f118'; |
317 content: "\f118"; |
254 top: -1px; |
318 top: -1px; |
255 } |
319 } |
256 |
320 |
257 .welcome-panel .welcome-widgets-menus { |
321 /* Right Now specific Icons styles */ |
258 line-height: 16px; |
322 |
259 } |
323 #dashboard_right_now li a:before, |
260 |
324 #dashboard_right_now li > span:before { /* get only the first level span to exclude screen-reader-text in mu-storage */ |
261 .welcome-panel .welcome-panel-column ul { |
325 content: "\f159"; /* generic icon for items added by CPTs ? */ |
262 margin: 0.8em 0 1em 1em; |
326 padding: 0 0 0 5px; |
263 } |
327 } |
264 |
328 |
265 .welcome-panel .welcome-panel-column li { |
329 #dashboard_right_now .page-count a:before, |
266 line-height: 16px; |
330 #dashboard_right_now .page-count span:before { |
267 list-style-type: none; |
331 content: "\f105"; |
|
332 } |
|
333 |
|
334 #dashboard_right_now .post-count a:before, |
|
335 #dashboard_right_now .post-count span:before { |
|
336 content: "\f109"; |
|
337 } |
|
338 |
|
339 #dashboard_right_now .comment-count a:before { |
|
340 content: "\f101"; |
|
341 } |
|
342 |
|
343 #dashboard_right_now .comment-mod-count a:before { |
|
344 content: "\f125"; |
|
345 } |
|
346 |
|
347 #dashboard_right_now .storage-count a:before { |
|
348 content: "\f104"; |
|
349 } |
|
350 |
|
351 #dashboard_right_now .storage-count.warning a:before { |
|
352 content: "\f153"; |
|
353 } |
|
354 |
|
355 /* Dashboard WordPress events */ |
|
356 |
|
357 .community-events-errors { |
|
358 margin: 0; |
|
359 } |
|
360 |
|
361 .community-events-loading { |
|
362 padding: 10px 12px 8px; |
|
363 } |
|
364 |
|
365 .community-events { |
|
366 margin-bottom: 6px; |
|
367 padding: 0 12px; |
|
368 } |
|
369 |
|
370 .community-events .spinner { |
|
371 float: none; |
|
372 margin: 5px 2px 0; |
|
373 vertical-align: top; |
|
374 } |
|
375 |
|
376 .community-events-errors[aria-hidden="true"], |
|
377 .community-events-errors [aria-hidden="true"], |
|
378 .community-events-loading[aria-hidden="true"], |
|
379 .community-events[aria-hidden="true"], |
|
380 .community-events [aria-hidden="true"] { |
|
381 display: none; |
|
382 } |
|
383 |
|
384 .community-events .activity-block:first-child, |
|
385 .community-events h2 { |
|
386 padding-top: 12px; |
|
387 padding-bottom: 10px; |
|
388 } |
|
389 |
|
390 .community-events-form { |
|
391 margin: 15px 0 5px; |
|
392 } |
|
393 |
|
394 .community-events-form .regular-text { |
|
395 width: 40%; |
|
396 height: 29px; |
|
397 margin: 0; |
|
398 vertical-align: top; |
|
399 } |
|
400 |
|
401 .community-events li.event-none { |
|
402 border-right: 4px solid #00a0d2; |
|
403 } |
|
404 |
|
405 .community-events-form label { |
|
406 display: inline-block; |
|
407 vertical-align: top; |
|
408 line-height: 28px; |
|
409 height: 28px; |
|
410 } |
|
411 |
|
412 .community-events .activity-block > p { |
|
413 margin-bottom: 0; |
|
414 display: inline; |
|
415 } |
|
416 |
|
417 .community-events-toggle-location { |
|
418 vertical-align: middle; |
|
419 } |
|
420 |
|
421 #community-events-submit { |
|
422 margin-right: 3px; |
|
423 margin-left: 3px; |
|
424 } |
|
425 |
|
426 /* Needs higher specificity than #dashboard-widgets .button-link */ |
|
427 #dashboard-widgets .community-events-cancel.button-link { |
|
428 vertical-align: top; |
|
429 /* Same properties as the submit button for cross-browsers alignment. */ |
|
430 line-height: 26px; |
|
431 height: 28px; |
|
432 text-decoration: underline; |
|
433 } |
|
434 |
|
435 .community-events ul { |
|
436 background-color: #fafafa; |
|
437 padding-right: 0; |
|
438 padding-left: 0; |
|
439 padding-bottom: 0; |
|
440 } |
|
441 |
|
442 .community-events li { |
|
443 margin: 0; |
|
444 padding: 8px 12px; |
|
445 color: #72777c; |
|
446 } |
|
447 .community-events li:first-child { |
|
448 border-top: 1px solid #eee; |
|
449 } |
|
450 |
|
451 .community-events li ~ li { |
|
452 border-top: 1px solid #eee; |
|
453 } |
|
454 |
|
455 .community-events .activity-block.last { |
|
456 border-bottom: 1px solid #eee; |
|
457 padding-top: 0; |
|
458 margin-top: -1px; |
|
459 } |
|
460 |
|
461 .community-events .event-info { |
|
462 display: block; |
|
463 } |
|
464 |
|
465 .event-icon { |
|
466 height: 18px; |
|
467 padding-left: 10px; |
|
468 width: 18px; |
|
469 display: none; /* Hide on smaller screens */ |
|
470 } |
|
471 |
|
472 .event-icon:before { |
|
473 color: #82878C; |
|
474 font-size: 18px; |
|
475 } |
|
476 .event-meetup .event-icon:before { |
|
477 content: "\f484"; |
|
478 } |
|
479 .event-wordcamp .event-icon:before { |
|
480 content: "\f486"; |
|
481 } |
|
482 |
|
483 .community-events .event-title { |
|
484 font-weight: 600; |
|
485 display: block; |
|
486 } |
|
487 |
|
488 .community-events .event-date, |
|
489 .community-events .event-time { |
|
490 display: block; |
|
491 } |
|
492 |
|
493 .community-events-footer { |
|
494 margin-top: 0; |
|
495 margin-bottom: 0; |
|
496 padding: 12px; |
|
497 border-top: 1px solid #eee; |
|
498 color: #ddd; |
|
499 } |
|
500 |
|
501 /* Safari 10 + VoiceOver specific: without this, the hidden text gets read out before the link. */ |
|
502 .community-events-footer .screen-reader-text { |
|
503 height: inherit; |
|
504 white-space: nowrap; |
268 } |
505 } |
269 |
506 |
270 /* Dashboard WordPress news */ |
507 /* Dashboard WordPress news */ |
271 |
508 |
272 #dashboard_primary .inside { |
509 #dashboard_primary .inside { |
273 margin: 0; |
510 margin: 0; |
274 padding: 0; |
511 padding: 0; |
275 } |
512 } |
276 |
513 |
277 #dashboard_primary .widget-loading, |
514 #dashboard_primary .widget-loading { |
278 #dashboard_primary .dashboard-widget-control-form { |
|
279 padding: 12px 12px 0; |
515 padding: 12px 12px 0; |
|
516 margin-bottom: 1em !important; /* Needs to override `.postbox .inside > p:last-child` in common.css */ |
|
517 } |
|
518 |
|
519 /* Notice when JS is off. */ |
|
520 #dashboard_primary .inside .notice { |
|
521 margin: 0; |
280 } |
522 } |
281 |
523 |
282 body #dashboard-widgets .postbox form .submit { |
524 body #dashboard-widgets .postbox form .submit { |
283 margin: 0; |
525 margin: 0; |
284 } |
526 } |
285 |
527 |
286 .dashboard-widget-control-form { |
528 /* Used only for configurable widgets. */ |
287 overflow: hidden; |
|
288 } |
|
289 |
|
290 .dashboard-widget-control-form p { |
529 .dashboard-widget-control-form p { |
291 margin-top: 0; |
530 margin-top: 0; |
292 } |
531 } |
293 |
532 |
294 .rssSummary { |
533 .rssSummary { |
295 color: #777; |
534 color: #72777c; |
296 margin-top: 4px; |
535 margin-top: 4px; |
297 } |
536 } |
298 |
537 |
299 #dashboard_primary .rss-widget { |
538 #dashboard_primary .rss-widget { |
300 border-bottom: 1px solid #eee; |
|
301 font-size: 13px; |
539 font-size: 13px; |
302 padding: 8px 12px 10px; |
540 padding: 0 12px 0; |
303 } |
541 } |
304 |
542 |
305 #dashboard_primary .rss-widget:last-child { |
543 #dashboard_primary .rss-widget:last-child { |
306 border-bottom: none; |
544 border-bottom: none; |
307 padding-bottom: 8px; |
545 padding-bottom: 8px; |
308 } |
546 } |
309 |
547 |
310 #dashboard_primary .rss-widget a { |
548 #dashboard_primary .rss-widget a { |
311 font-weight: normal; |
549 font-weight: 400; |
312 } |
550 } |
313 |
551 |
314 #dashboard_primary .rss-widget span, |
552 #dashboard_primary .rss-widget span, |
315 #dashboard_primary .rss-widget span.rss-date { |
553 #dashboard_primary .rss-widget span.rss-date { |
316 color: #777; |
554 color: #72777c; |
317 } |
555 } |
318 |
556 |
319 #dashboard_primary .rss-widget span.rss-date { |
557 #dashboard_primary .rss-widget span.rss-date { |
320 margin-right: 12px; |
558 margin-right: 12px; |
321 } |
559 } |
322 |
560 |
323 #dashboard_primary .rss-widget ul li { |
561 #dashboard_primary .rss-widget ul li { |
324 margin-bottom: 8px; |
562 padding: 4px 0; |
|
563 margin: 0; |
325 } |
564 } |
326 |
565 |
327 /* Dashboard right now */ |
566 /* Dashboard right now */ |
328 |
567 |
329 #dashboard_right_now ul { |
568 #dashboard_right_now ul { |
330 margin: 0; |
569 margin: 0; |
331 overflow: hidden; |
570 /* contain floats but don't use overflow: hidden */ |
|
571 display: inline-block; |
|
572 width: 100%; |
332 } |
573 } |
333 |
574 |
334 #dashboard_right_now li { |
575 #dashboard_right_now li { |
335 width: 50%; |
576 width: 50%; |
336 float: right; |
577 float: right; |
337 margin-bottom: 10px; |
578 margin-bottom: 10px; |
338 } |
579 } |
339 |
580 |
340 #dashboard_right_now .inside { |
581 #dashboard_right_now .inside { |
341 overflow: hidden; |
|
342 padding: 0; |
582 padding: 0; |
343 } |
583 } |
344 |
584 |
345 #dashboard_right_now .main { |
585 #dashboard_right_now .main { |
346 overflow: hidden; |
|
347 padding: 0 12px 11px; |
586 padding: 0 12px 11px; |
348 } |
587 } |
349 |
588 |
350 #dashboard_right_now .main p { |
589 #dashboard_right_now .main p { |
351 margin: 0; |
590 margin: 0; |
360 |
599 |
361 .mu-storage { |
600 .mu-storage { |
362 overflow: hidden; |
601 overflow: hidden; |
363 } |
602 } |
364 |
603 |
365 #dashboard-widgets h4.mu-storage { |
604 #dashboard-widgets h3.mu-storage { |
366 margin-bottom: 10px; |
605 margin: 0 0 10px; |
|
606 padding: 0; |
|
607 font-size: 14px; |
|
608 font-weight: 400; |
367 } |
609 } |
368 |
610 |
369 /* Dashboard right now - Colors */ |
611 /* Dashboard right now - Colors */ |
370 |
612 |
371 #dashboard_right_now li a:before, |
|
372 #dashboard_right_now li span:before { |
|
373 color: #82878c; |
|
374 } |
|
375 |
|
376 #dashboard_right_now .sub { |
613 #dashboard_right_now .sub { |
377 color: #777; |
614 color: #555d66; |
378 background: #f5f5f5; |
615 background: #f5f5f5; |
379 border-top: 1px solid #eee; |
616 border-top: 1px solid #eee; |
380 padding: 10px 12px 6px 12px; |
617 padding: 10px 12px 6px 12px; |
381 } |
618 } |
382 |
619 |
383 #dashboard_right_now .sub h4 { |
620 #dashboard_right_now .sub h3 { |
384 color: #555; |
621 color: #555; |
385 } |
622 } |
386 |
623 |
387 #dashboard_right_now .sub p { |
624 #dashboard_right_now .sub p { |
388 margin: 0 0 1em; |
625 margin: 0 0 1em; |
389 } |
626 } |
390 |
627 |
391 #dashboard_right_now .warning a:before, |
628 #dashboard_right_now .warning a:before, |
392 #dashboard_right_now .warning span:before { |
629 #dashboard_right_now .warning span:before { |
393 color: #d54e21; |
630 color: #d54e21; |
394 } |
|
395 |
|
396 /* Dashboard right now - Icons */ |
|
397 #dashboard_right_now li a:before, |
|
398 #dashboard_right_now li span:before { |
|
399 content: '\f159'; |
|
400 font: normal 20px/1 'dashicons'; |
|
401 speak: none; |
|
402 display: block; |
|
403 float: right; |
|
404 margin: 0 0 0 5px; |
|
405 padding: 0; |
|
406 text-indent: 0; |
|
407 text-align: center; |
|
408 position: relative; |
|
409 -webkit-font-smoothing: antialiased; |
|
410 text-decoration: none !important; |
|
411 } |
|
412 |
|
413 #dashboard_right_now .page-count a:before, |
|
414 #dashboard_right_now .page-count span:before { |
|
415 content: '\f105'; |
|
416 } |
|
417 |
|
418 #dashboard_right_now .post-count a:before, |
|
419 #dashboard_right_now .post-count span:before { |
|
420 content: '\f109'; |
|
421 } |
|
422 |
|
423 #dashboard_right_now .comment-count a:before { |
|
424 content: '\f101'; |
|
425 } |
|
426 |
|
427 #dashboard_right_now .comment-mod-count a:before { |
|
428 content: '\f125'; |
|
429 } |
|
430 |
|
431 #dashboard_right_now .storage-count a:before { |
|
432 content: '\f104'; |
|
433 } |
|
434 |
|
435 #dashboard_right_now .storage-count.warning a:before { |
|
436 content: '\f153'; |
|
437 } |
631 } |
438 |
632 |
439 /* Dashboard Quick Draft */ |
633 /* Dashboard Quick Draft */ |
440 |
634 |
441 #dashboard_quick_press .inside { |
635 #dashboard_quick_press .inside { |
538 |
729 |
539 #dashboard_quick_press .drafts abbr { |
730 #dashboard_quick_press .drafts abbr { |
540 border: none; |
731 border: none; |
541 } |
732 } |
542 |
733 |
543 #dashboard_quick_press .drafts h4 { |
|
544 margin: 0 12px 8px; |
|
545 font-weight: normal; |
|
546 } |
|
547 |
|
548 #dashboard_quick_press .drafts .view-all { |
734 #dashboard_quick_press .drafts .view-all { |
549 float: left; |
735 float: left; |
550 margin: 0 0 0 12px; |
736 margin: 0 0 0 12px; |
551 } |
737 } |
552 |
738 |
553 #dashboard_primary a.rsswidget { |
739 #dashboard_primary a.rsswidget { |
554 font-weight: normal; |
740 font-weight: 400; |
555 } |
741 } |
556 |
742 |
557 #dashboard_quick_press .drafts ul { |
743 #dashboard_quick_press .drafts ul { |
558 margin: 0 12px; |
744 margin: 0 12px; |
559 } |
745 } |
560 |
746 |
561 #dashboard_quick_press .drafts li { |
747 #dashboard_quick_press .drafts li { |
562 margin-bottom: 1em; |
748 margin-bottom: 1em; |
563 } |
749 } |
564 #dashboard_quick_press .drafts li time { |
750 #dashboard_quick_press .drafts li time { |
565 color: #777; |
751 color: #72777c; |
566 } |
752 } |
567 |
753 |
568 #dashboard_quick_press .drafts p { |
754 #dashboard_quick_press .drafts p { |
569 margin: 0; |
755 margin: 0; |
570 word-wrap: break-word; |
756 word-wrap: break-word; |
571 } |
757 } |
572 |
758 |
573 #dashboard_quick_press .draft-title { |
759 #dashboard_quick_press .draft-title { |
574 overflow: hidden; |
760 word-wrap: break-word; |
575 } |
761 } |
576 |
762 |
577 #dashboard_quick_press .draft-title a, |
763 #dashboard_quick_press .draft-title a, |
578 #dashboard_quick_press .draft-title time { |
764 #dashboard_quick_press .draft-title time { |
579 float: right; |
|
580 margin: 0 0 0 5px; |
765 margin: 0 0 0 5px; |
581 } |
766 } |
582 |
767 |
|
768 /* Dashboard common styles */ |
|
769 |
|
770 #dashboard-widgets h4, /* Back-compat for pre-4.4 */ |
|
771 #dashboard-widgets h3, |
|
772 #dashboard_quick_press .drafts h2 { |
|
773 margin: 0 12px 8px; |
|
774 padding: 0; |
|
775 font-size: 14px; |
|
776 font-weight: 400; |
|
777 color: #23282d; |
|
778 } |
|
779 |
|
780 #dashboard_quick_press .drafts h2 { |
|
781 line-height: inherit; |
|
782 } |
|
783 |
|
784 #dashboard-widgets .inside h4, /* Back-compat for pre-4.4 */ |
|
785 #dashboard-widgets .inside h3 { |
|
786 margin-right: 0; |
|
787 margin-left: 0; |
|
788 } |
|
789 |
583 /* Dashboard activity widget */ |
790 /* Dashboard activity widget */ |
584 |
791 |
585 #dashboard-widgets #dashboard_activity h4 { |
|
586 margin: 0 12px 8px 0; |
|
587 font-weight: normal; |
|
588 } |
|
589 |
|
590 #dashboard-widgets #dashboard_activity h4.comment-meta { |
|
591 margin: 0; |
|
592 } |
|
593 |
|
594 #dashboard_activity h4.comment-meta { |
|
595 margin-bottom: 4px; |
|
596 } |
|
597 |
|
598 #dashboard_activity ul { |
|
599 padding: 0 12px; |
|
600 } |
|
601 |
|
602 #dashboard_activity .comment-meta span.approve:before { |
792 #dashboard_activity .comment-meta span.approve:before { |
603 content: '\f227'; |
793 content: "\f227"; |
604 font: 20px/.5 "dashicons"; |
794 font: 20px/.5 dashicons; |
605 margin-right: 12px; |
795 margin-right: 5px; |
606 vertical-align: middle; |
796 vertical-align: middle; |
607 position: relative; |
797 position: relative; |
608 top: -1px; |
798 top: -1px; |
609 margin-left: 2px; |
799 margin-left: 2px; |
610 } |
800 } |
611 |
801 |
612 #dashboard_activity .inside { |
802 #dashboard_activity .inside { |
613 padding: 0; |
803 margin: 0; |
614 margin: 0; |
804 padding-bottom: 0; |
615 } |
805 } |
616 |
806 |
617 #dashboard_activity .no-activity { |
807 #dashboard_activity .no-activity { |
618 overflow: hidden; |
808 overflow: hidden; |
619 padding: 0 12px 12px; |
809 padding: 0 0 12px; |
620 text-align: center; |
810 text-align: center; |
621 } |
811 } |
622 |
812 |
623 #dashboard_activity .no-activity p { |
813 #dashboard_activity .no-activity p { |
624 color: #999; |
814 color: #72777c; |
625 font-size: 16px; |
815 font-size: 16px; |
626 } |
816 } |
627 |
817 |
628 #dashboard_activity .no-activity .smiley { |
818 #dashboard_activity .no-activity .smiley { |
629 margin-top: 0; |
819 margin-top: 0; |
630 } |
820 } |
631 |
821 |
632 #dashboard_activity .no-activity .smiley:before { |
822 #dashboard_activity .no-activity .smiley:before { |
633 content: '\f328'; |
823 content: "\f328"; |
634 font: normal 120px/1 'dashicons'; |
824 font: normal 120px/1 dashicons; |
635 speak: none; |
825 speak: none; |
636 display: block; |
826 display: block; |
637 margin: 0 0 0 5px; |
827 margin: 0 0 0 5px; |
638 padding: 0; |
828 padding: 0; |
639 text-indent: 0; |
829 text-indent: 0; |
778 |
972 |
779 #dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish { |
973 #dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish { |
780 min-width: 0; |
974 min-width: 0; |
781 } |
975 } |
782 |
976 |
783 #dashboard-widgets a { |
977 #dashboard-widgets a, |
|
978 #dashboard-widgets .button-link { |
784 text-decoration: none; |
979 text-decoration: none; |
785 } |
980 } |
786 |
981 |
787 #dashboard-widgets h3 a { |
982 #dashboard-widgets h2 a { |
788 text-decoration: underline; |
983 text-decoration: underline; |
789 } |
984 } |
790 |
985 |
791 #dashboard-widgets h3 .postbox-title-action { |
986 #dashboard-widgets .hndle .postbox-title-action { |
792 position: absolute; |
987 float: left; |
793 left: 10px; |
988 line-height: 1.2; |
794 padding: 0; |
|
795 top: 5px; |
|
796 } |
|
797 |
|
798 .js #dashboard-widgets h3 .postbox-title-action { |
|
799 left: 33px; |
|
800 } |
|
801 |
|
802 #dashboard-widgets h4 { |
|
803 color: #23282d; |
|
804 font-weight: normal; |
|
805 font-size: 14px; |
|
806 margin: 0 0 .2em; |
|
807 padding: 0; |
|
808 } |
989 } |
809 |
990 |
810 #dashboard_plugins h5 { |
991 #dashboard_plugins h5 { |
811 font-size: 14px; |
992 font-size: 14px; |
812 } |
993 } |
813 |
994 |
814 /* Recent Comments */ |
995 /* Recent Comments */ |
815 |
996 |
816 #latest-comments #the-comment-list { |
997 #latest-comments #the-comment-list { |
817 position: relative; |
998 position: relative; |
|
999 margin: 0 -12px; |
818 } |
1000 } |
819 |
1001 |
820 #activity-widget #the-comment-list .comment, |
1002 #activity-widget #the-comment-list .comment, |
821 #activity-widget #the-comment-list .pingback { |
1003 #activity-widget #the-comment-list .pingback { |
822 -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06); |
|
823 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06); |
1004 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06); |
824 } |
1005 } |
825 |
1006 |
826 #activity-widget .comments #the-comment-list .alt { |
1007 #activity-widget .comments #the-comment-list .alt { |
827 background-color: transparent; |
1008 background-color: transparent; |
828 } |
1009 } |
829 |
1010 |
830 #activity-widget #latest-comments #the-comment-list .comment-item { |
1011 #activity-widget #latest-comments #the-comment-list .comment-item { |
831 padding: 1em 12px; |
1012 /* the row-actions paragraph is output only for users with 'edit_comment' capabilities, |
|
1013 for other users this needs a min height equal to the gravatar image */ |
|
1014 min-height: 50px; |
|
1015 margin: 0; |
|
1016 padding: 12px; |
832 } |
1017 } |
833 |
1018 |
834 #latest-comments #the-comment-list .pingback { |
1019 #latest-comments #the-comment-list .pingback { |
835 padding-right: 12px !important; |
1020 padding-right: 12px !important; |
836 } |
1021 } |
837 |
1022 |
838 #latest-comments #the-comment-list .comment-item:first-child { |
1023 #latest-comments #the-comment-list .comment-item:first-child { |
839 border-top: none; |
1024 border-top: none; |
840 } |
1025 } |
841 |
1026 |
842 #latest-comments #the-comment-list .comment-item h4 { |
1027 #latest-comments #the-comment-list .comment-meta { |
843 line-height: 1.5em; |
1028 line-height: 1.5em; |
844 margin-top: 0; |
1029 margin: 0; |
845 color: #666; |
1030 color: #666; |
846 } |
1031 } |
847 |
1032 |
848 #latest-comments #the-comment-list .comment-item h4 cite { |
1033 #latest-comments #the-comment-list .comment-meta cite { |
849 font-style: normal; |
1034 font-style: normal; |
850 font-weight: normal; |
1035 font-weight: 400; |
851 } |
1036 } |
852 |
1037 |
853 #latest-comments #the-comment-list .comment-item blockquote, |
1038 #latest-comments #the-comment-list .comment-item blockquote, |
854 #latest-comments #the-comment-list .comment-item blockquote p { |
1039 #latest-comments #the-comment-list .comment-item blockquote p { |
855 margin: 0; |
1040 margin: 0; |
1069 display: block; |
1277 display: block; |
1070 float: none; |
1278 float: none; |
1071 width: 100%; |
1279 width: 100%; |
1072 } |
1280 } |
1073 |
1281 |
|
1282 .try-gutenberg-panel .try-gutenberg-panel-column-container { |
|
1283 -ms-grid-columns: 100%; |
|
1284 grid-template-columns: 100%; |
|
1285 } |
|
1286 |
1074 .welcome-panel .welcome-panel-column li { |
1287 .welcome-panel .welcome-panel-column li { |
1075 display: inline-block; |
1288 display: inline-block; |
1076 margin-left: 13px; |
1289 margin-left: 13px; |
1077 } |
1290 } |
1078 |
1291 |
1079 .welcome-panel .welcome-panel-column ul { |
1292 .welcome-panel .welcome-panel-column ul { |
1080 margin: 0.4em 0 0; |
1293 margin: 0.4em 0 0; |
1081 } |
1294 } |
1082 |
|
1083 } |
1295 } |
1084 |
1296 |
1085 @media screen and ( max-width: 782px ) { |
1297 @media screen and ( max-width: 782px ) { |
1086 #dashboard_recent_comments #the-comment-list .comment-item .avatar { |
1298 #dashboard_recent_comments #the-comment-list .comment-item .avatar { |
1087 height: 30px; |
1299 height: 30px; |
1088 width: 30px; |
1300 width: 30px; |
1089 margin: 4px 0 5px 10px; |
1301 margin: 4px 0 5px 10px; |
1090 } |
1302 } |
|
1303 |
|
1304 .community-events-toggle-location { |
|
1305 height: 38px; |
|
1306 vertical-align: baseline; |
|
1307 } |
|
1308 |
|
1309 .community-events-form .regular-text { |
|
1310 height: 32px; |
|
1311 } |
|
1312 |
|
1313 #community-events-submit { |
|
1314 margin-bottom: 0; |
|
1315 /* Override .wp-core-ui .button */ |
|
1316 vertical-align: top; |
|
1317 } |
|
1318 |
|
1319 .community-events-form label, |
|
1320 #dashboard-widgets .community-events-cancel.button-link { |
|
1321 /* Same properties as the submit button for cross-browsers alignment. */ |
|
1322 font-size: 14px; |
|
1323 line-height: normal; |
|
1324 height: auto; |
|
1325 padding: 6px 0; |
|
1326 border: 1px solid transparent; |
|
1327 } |
|
1328 |
|
1329 .community-events .spinner { |
|
1330 margin-top: 7px; |
|
1331 } |
1091 } |
1332 } |
1092 |
1333 |
1093 /* Smartphone */ |
1334 /* Smartphone */ |
1094 @media screen and (max-width: 600px) { |
1335 @media screen and (max-width: 600px) { |
1095 /* Keep the close icon from overlapping the Welcome text. */ |
1336 /* Keep the close icon from overlapping the Welcome text. */ |
1096 .welcome-panel .welcome-panel-close { |
1337 .welcome-panel .welcome-panel-close, |
|
1338 .try-gutenberg-panel .try-gutenberg-panel-close { |
1097 overflow: hidden; |
1339 overflow: hidden; |
1098 text-indent: 100%; |
1340 text-indent: 40px; |
1099 white-space: nowrap; |
1341 white-space: nowrap; |
1100 width: 20px; |
1342 width: 20px; |
1101 height: 20px; |
1343 height: 20px; |
1102 left: 0; |
|
1103 padding: 5px; |
1344 padding: 5px; |
|
1345 top: 5px; |
|
1346 left: 5px; |
1104 } |
1347 } |
1105 |
1348 |
1106 /* Make the close icon larger for tappability. */ |
1349 /* Make the close icon larger for tappability. */ |
1107 #welcome-panel.welcome-panel .welcome-panel-close:before { |
1350 .welcome-panel .welcome-panel-close:before, |
|
1351 .try-gutenberg-panel .try-gutenberg-panel-close:before { |
1108 font-size: 20px; |
1352 font-size: 20px; |
1109 margin: 0; |
1353 top: 5px; |
1110 } |
1354 right: -35px; |
1111 } |
1355 } |
|
1356 } |
|
1357 |
|
1358 @media screen and (min-width: 355px) { |
|
1359 .community-events .event-info { |
|
1360 display: table-row; |
|
1361 float: right; |
|
1362 max-width: 59%; |
|
1363 } |
|
1364 |
|
1365 .event-icon, |
|
1366 .event-icon[aria-hidden="true"] { |
|
1367 display: table-cell; |
|
1368 } |
|
1369 |
|
1370 .event-info-inner { |
|
1371 display: table-cell; |
|
1372 } |
|
1373 |
|
1374 .community-events .event-date-time { |
|
1375 float: left; |
|
1376 max-width: 39%; |
|
1377 } |
|
1378 |
|
1379 .community-events .event-date, |
|
1380 .community-events .event-time { |
|
1381 text-align: left; |
|
1382 } |
|
1383 } |