36 |
37 |
37 #dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container { |
38 #dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container { |
38 border: none !important; |
39 border: none !important; |
39 } |
40 } |
40 |
41 |
41 .ie8 #wpbody-content #dashboard-widgets .postbox-container { |
|
42 width: 49.5%; |
|
43 } |
|
44 |
|
45 .ie8 #wpbody-content #dashboard-widgets #postbox-container-2, |
|
46 .ie8 #wpbody-content #dashboard-widgets #postbox-container-3, |
|
47 .ie8 #wpbody-content #dashboard-widgets #postbox-container-4 { |
|
48 float: left; |
|
49 width: 50.5%; |
|
50 } |
|
51 |
|
52 .ie8 #dashboard-widgets #postbox-container-3 .empty-container, |
|
53 .ie8 #dashboard-widgets #postbox-container-4 .empty-container { |
|
54 border: 0 none; |
|
55 height: 0; |
|
56 min-height: 0; |
|
57 } |
|
58 |
|
59 #dashboard-widgets-wrap { |
42 #dashboard-widgets-wrap { |
60 overflow: hidden; |
43 overflow: hidden; |
61 margin: 0 -8px; |
44 margin: 0 -8px; |
62 } |
45 } |
63 |
46 |
64 #dashboard-widgets .postbox .inside { |
47 #dashboard-widgets .postbox .inside { |
65 margin-bottom: 0; |
48 margin-bottom: 0; |
66 } |
49 } |
67 |
50 |
68 #dashboard-widgets .meta-box-sortables { |
51 #dashboard-widgets .meta-box-sortables { |
69 margin: 0 8px; |
52 display: flow-root; /* avoid margin collapsing between parent and first/last child elements */ |
|
53 /* Required min-height to make the jQuery UI Sortable drop zone work. */ |
70 min-height: 100px; |
54 min-height: 100px; |
71 } |
55 margin: 0 8px 20px; |
|
56 } |
|
57 |
|
58 #dashboard-widgets .postbox-container .empty-container { |
|
59 outline: 3px dashed #b4b9be; |
|
60 height: 250px; |
|
61 } |
|
62 |
|
63 /* Only highlight drop zones when dragging and only in the 2 columns layout. */ |
|
64 .is-dragging-metaboxes #dashboard-widgets .meta-box-sortables { |
|
65 outline: 3px dashed #606a73; |
|
66 /* Prevent margin on the child from collapsing with margin on the parent. */ |
|
67 display: flow-root; |
|
68 } |
|
69 |
|
70 #dashboard-widgets .postbox-container .empty-container:after { |
|
71 content: attr(data-emptystring); |
|
72 margin: auto; |
|
73 position: absolute; |
|
74 top: 50%; |
|
75 right: 0; |
|
76 left: 0; |
|
77 transform: translateY( -50% ); |
|
78 padding: 0 2em; |
|
79 text-align: center; |
|
80 color: #606a73; |
|
81 font-size: 16px; |
|
82 line-height: 1.5; |
|
83 display: none; |
|
84 } |
|
85 |
72 |
86 |
73 /* @todo: this was originally in this section, but likely belongs elsewhere */ |
87 /* @todo: this was originally in this section, but likely belongs elsewhere */ |
74 #the-comment-list td.comment p.comment-author { |
88 #the-comment-list td.comment p.comment-author { |
75 margin-top: 0; |
89 margin-top: 0; |
76 margin-right: 0; |
90 margin-right: 0; |
196 margin-top: 7px; |
206 margin-top: 7px; |
197 color: #444; |
207 color: #444; |
198 } |
208 } |
199 |
209 |
200 .welcome-panel .welcome-widgets-menus { |
210 .welcome-panel .welcome-widgets-menus { |
201 line-height: 16px; |
211 line-height: 1.14285714; |
202 } |
212 } |
203 |
213 |
204 .welcome-panel .welcome-panel-column ul { |
214 .welcome-panel .welcome-panel-column ul { |
205 margin: 0.8em 0 1em 1em; |
215 margin: 0.8em 0 1em 1em; |
206 } |
216 } |
207 |
217 |
208 .welcome-panel .welcome-panel-column li { |
218 .welcome-panel .welcome-panel-column li { |
209 line-height: 16px; |
219 line-height: 1.14285714; |
210 list-style-type: none; |
220 list-style-type: none; |
211 padding: 0 0 8px; |
221 padding: 0 0 8px; |
212 } |
222 } |
213 |
223 |
214 .welcome-panel .welcome-icon { |
224 .welcome-panel .welcome-icon { |
217 |
227 |
218 /* Welcome Panel and Right Now common Icons style */ |
228 /* Welcome Panel and Right Now common Icons style */ |
219 |
229 |
220 .welcome-panel .welcome-icon:before, |
230 .welcome-panel .welcome-icon:before, |
221 #dashboard_right_now li a:before, |
231 #dashboard_right_now li a:before, |
222 #dashboard_right_now li span:before { |
232 #dashboard_right_now li span:before, |
223 color: #82878c; |
233 #dashboard_right_now .search-engines-info:before { |
|
234 color: #606a73; |
224 font: normal 20px/1 dashicons; |
235 font: normal 20px/1 dashicons; |
225 speak: none; |
236 speak: none; |
226 display: inline-block; |
237 display: inline-block; |
227 padding: 0 0 0 10px; |
238 padding: 0 0 0 10px; |
228 position: relative; |
239 position: relative; |
270 top: -1px; |
291 top: -1px; |
271 } |
292 } |
272 |
293 |
273 /* Right Now specific Icons styles */ |
294 /* Right Now specific Icons styles */ |
274 |
295 |
|
296 #dashboard_right_now .search-engines-info:before, |
275 #dashboard_right_now li a:before, |
297 #dashboard_right_now li a:before, |
276 #dashboard_right_now li > span:before { /* get only the first level span to exclude screen-reader-text in mu-storage */ |
298 #dashboard_right_now li > span:before { /* get only the first level span to exclude screen-reader-text in mu-storage */ |
277 content: "\f159"; /* generic icon for items added by CPTs ? */ |
299 content: "\f159"; /* generic icon for items added by CPTs ? */ |
278 padding: 0 0 0 5px; |
300 padding: 0 0 0 5px; |
279 } |
301 } |
352 |
378 |
353 .community-events li.event-none { |
379 .community-events li.event-none { |
354 border-right: 4px solid #00a0d2; |
380 border-right: 4px solid #00a0d2; |
355 } |
381 } |
356 |
382 |
|
383 #dashboard-widgets .community-events li.event-none a { |
|
384 text-decoration: underline; |
|
385 } |
|
386 |
357 .community-events-form label { |
387 .community-events-form label { |
358 display: inline-block; |
388 display: inline-block; |
359 vertical-align: top; |
389 vertical-align: top; |
360 line-height: 28px; |
390 line-height: 2.15384615; |
361 height: 28px; |
391 height: 28px; |
362 } |
392 } |
363 |
393 |
364 .community-events .activity-block > p { |
394 .community-events .activity-block > p { |
365 margin-bottom: 0; |
395 margin-bottom: 0; |
377 |
407 |
378 /* Needs higher specificity than #dashboard-widgets .button-link */ |
408 /* Needs higher specificity than #dashboard-widgets .button-link */ |
379 #dashboard-widgets .community-events-cancel.button-link { |
409 #dashboard-widgets .community-events-cancel.button-link { |
380 vertical-align: top; |
410 vertical-align: top; |
381 /* Same properties as the submit button for cross-browsers alignment. */ |
411 /* Same properties as the submit button for cross-browsers alignment. */ |
382 line-height: 26px; |
412 line-height: 2; |
383 height: 28px; |
413 height: 28px; |
384 text-decoration: underline; |
414 text-decoration: underline; |
385 } |
415 } |
386 |
416 |
387 .community-events ul { |
417 .community-events ul { |
716 padding-bottom: 0; |
750 padding-bottom: 0; |
717 } |
751 } |
718 |
752 |
719 #dashboard_activity .no-activity { |
753 #dashboard_activity .no-activity { |
720 overflow: hidden; |
754 overflow: hidden; |
721 padding: 0 0 12px; |
755 padding: 12px 0; |
722 text-align: center; |
756 text-align: center; |
723 } |
757 } |
724 |
758 |
725 #dashboard_activity .no-activity p { |
759 #dashboard_activity .no-activity p { |
726 color: #72777c; |
760 color: #72777c; |
727 font-size: 16px; |
761 font-size: 16px; |
728 } |
|
729 |
|
730 #dashboard_activity .no-activity .smiley { |
|
731 margin-top: 0; |
|
732 } |
|
733 |
|
734 #dashboard_activity .no-activity .smiley:before { |
|
735 content: "\f328"; |
|
736 font: normal 120px/1 dashicons; |
|
737 speak: none; |
|
738 display: block; |
|
739 margin: 0 0 0 5px; |
|
740 padding: 0; |
|
741 text-indent: 0; |
|
742 text-align: center; |
|
743 position: relative; |
|
744 -webkit-font-smoothing: antialiased; |
|
745 text-decoration: none !important; |
|
746 } |
762 } |
747 |
763 |
748 #dashboard_activity .subsubsub { |
764 #dashboard_activity .subsubsub { |
749 float: none; |
765 float: none; |
750 border-top: 1px solid #eee; |
766 border-top: 1px solid #eee; |
884 |
900 |
885 #dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish { |
901 #dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish { |
886 min-width: 0; |
902 min-width: 0; |
887 } |
903 } |
888 |
904 |
889 #dashboard-widgets a, |
905 #dashboard-widgets li a, |
890 #dashboard-widgets .button-link { |
906 #dashboard-widgets .button-link, |
|
907 .community-events-footer a { |
891 text-decoration: none; |
908 text-decoration: none; |
892 } |
909 } |
893 |
910 |
894 #dashboard-widgets h2 a { |
911 #dashboard-widgets h2 a { |
895 text-decoration: underline; |
912 text-decoration: underline; |
1090 |
1111 |
1091 /* one column on the dash */ |
1112 /* one column on the dash */ |
1092 @media only screen and (max-width: 799px) { |
1113 @media only screen and (max-width: 799px) { |
1093 #wpbody-content #dashboard-widgets .postbox-container { |
1114 #wpbody-content #dashboard-widgets .postbox-container { |
1094 width: 100%; |
1115 width: 100%; |
|
1116 } |
|
1117 |
|
1118 #dashboard-widgets .meta-box-sortables { |
|
1119 min-height: 0; |
|
1120 } |
|
1121 |
|
1122 .is-dragging-metaboxes #dashboard-widgets .meta-box-sortables { |
|
1123 min-height: 100px; |
|
1124 } |
|
1125 |
|
1126 #dashboard-widgets .meta-box-sortables.empty-container { |
|
1127 margin-bottom: 0; |
1095 } |
1128 } |
1096 } |
1129 } |
1097 |
1130 |
1098 /* two columns on the dash, but keep the setting if one is selected */ |
1131 /* two columns on the dash, but keep the setting if one is selected */ |
1099 @media only screen and (min-width: 800px) and (max-width: 1499px) { |
1132 @media only screen and (min-width: 800px) and (max-width: 1499px) { |
1108 width: 50.5%; |
1141 width: 50.5%; |
1109 } |
1142 } |
1110 |
1143 |
1111 #dashboard-widgets #postbox-container-3 .empty-container, |
1144 #dashboard-widgets #postbox-container-3 .empty-container, |
1112 #dashboard-widgets #postbox-container-4 .empty-container { |
1145 #dashboard-widgets #postbox-container-4 .empty-container { |
1113 border: 0 none; |
1146 outline: none; |
1114 height: 0; |
1147 height: 0; |
1115 min-height: 0; |
1148 min-height: 0; |
|
1149 margin-bottom: 0; |
1116 } |
1150 } |
1117 |
1151 |
1118 #dashboard-widgets #postbox-container-3 .empty-container:after, |
1152 #dashboard-widgets #postbox-container-3 .empty-container:after, |
1119 #dashboard-widgets #postbox-container-4 .empty-container:after { |
1153 #dashboard-widgets #postbox-container-4 .empty-container:after { |
1120 display: none; |
1154 display: none; |
1122 |
1156 |
1123 #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container { |
1157 #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container { |
1124 width: 100%; |
1158 width: 100%; |
1125 } |
1159 } |
1126 |
1160 |
1127 #wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container { |
1161 #wpbody #dashboard-widgets .metabox-holder.columns-1 .postbox-container .empty-container { |
1128 border: 0 none; |
1162 outline: none; |
1129 height: 0; |
1163 height: 0; |
1130 min-height: 0; |
1164 min-height: 0; |
|
1165 margin-bottom: 0; |
1131 } |
1166 } |
1132 |
1167 |
1133 /* show the radio buttons for column prefs only for one or two columns */ |
1168 /* show the radio buttons for column prefs only for one or two columns */ |
1134 .index-php .screen-layout, |
1169 .index-php .screen-layout, |
1135 .index-php .columns-prefs { |
1170 .index-php .columns-prefs { |
1160 #wpbody-content #dashboard-widgets #postbox-container-4 { |
1195 #wpbody-content #dashboard-widgets #postbox-container-4 { |
1161 float: left; |
1196 float: left; |
1162 } |
1197 } |
1163 |
1198 |
1164 #dashboard-widgets #postbox-container-4 .empty-container { |
1199 #dashboard-widgets #postbox-container-4 .empty-container { |
1165 border: 0 none; |
1200 outline: none; |
1166 height: 0; |
1201 height: 0; |
1167 min-height: 0; |
1202 min-height: 0; |
|
1203 margin-bottom: 0; |
1168 } |
1204 } |
1169 |
1205 |
1170 #dashboard-widgets #postbox-container-4 .empty-container:after { |
1206 #dashboard-widgets #postbox-container-4 .empty-container:after { |
1171 display: none; |
1207 display: none; |
1172 } |
1208 } |
1173 |
1209 |
1174 .metabox-holder .postbox-container .empty-container:after { |
1210 #dashboard-widgets .postbox-container .empty-container:after { |
|
1211 display: block; |
|
1212 } |
|
1213 } |
|
1214 |
|
1215 /* Always show the "Drag boxes here" CSS generated content on large screens. */ |
|
1216 @media only screen and (min-width: 1801px) { |
|
1217 #dashboard-widgets .postbox-container .empty-container:after { |
1175 display: block; |
1218 display: block; |
1176 } |
1219 } |
1177 } |
1220 } |
1178 |
1221 |
1179 @media screen and (max-width: 870px) { |
1222 @media screen and (max-width: 870px) { |