55 cursor: pointer; |
55 cursor: pointer; |
56 float: right; |
56 float: right; |
57 margin: 0 0 4% 4%; |
57 margin: 0 0 4% 4%; |
58 position: relative; |
58 position: relative; |
59 width: 30.6%; |
59 width: 30.6%; |
60 border: 1px solid #ddd; |
60 border: 1px solid #dcdcde; |
61 box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); |
61 box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); |
62 box-sizing: border-box; |
62 box-sizing: border-box; |
63 } |
63 } |
64 |
64 |
65 .theme-browser .theme:nth-child(3n) { |
65 .theme-browser .theme:nth-child(3n) { |
66 margin-left: 0; |
66 margin-left: 0; |
67 } |
67 } |
68 |
68 |
69 .theme-browser .theme:hover, |
69 .theme-browser .theme:hover, |
70 .theme-browser .theme:focus { |
70 .theme-browser .theme.focus { |
71 cursor: pointer; |
71 cursor: pointer; |
72 } |
72 } |
73 |
73 |
74 .theme-browser .theme .theme-name { |
74 .theme-browser .theme .theme-name { |
75 font-size: 15px; |
75 font-size: 15px; |
89 .theme-browser .theme .theme-actions { |
89 .theme-browser .theme .theme-actions { |
90 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
90 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
91 opacity: 0; |
91 opacity: 0; |
92 transition: opacity 0.1s ease-in-out; |
92 transition: opacity 0.1s ease-in-out; |
93 height: auto; |
93 height: auto; |
94 background: rgba(244, 244, 244, 0.7); |
94 background: rgba(246, 247, 247, 0.7); |
95 border-right: 1px solid rgba(0, 0, 0, 0.05); |
95 border-right: 1px solid rgba(0, 0, 0, 0.05); |
96 } |
96 } |
97 |
97 |
98 .theme-browser .theme:hover .theme-actions, |
98 .theme-browser .theme:hover .theme-actions, |
99 .theme-browser .theme.focus .theme-actions, |
99 .theme-browser .theme.focus .theme-actions { |
100 .theme-browser .theme:focus .theme-actions { |
|
101 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; |
100 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; |
102 opacity: 1; |
101 opacity: 1; |
103 } |
102 } |
104 |
103 |
105 .theme-browser .theme .theme-actions .button-primary { |
104 .theme-browser .theme .theme-actions .button-primary { |
139 width: 100%; |
138 width: 100%; |
140 transition: opacity 0.2s ease-in-out; |
139 transition: opacity 0.2s ease-in-out; |
141 } |
140 } |
142 |
141 |
143 .theme-browser .theme:hover .theme-screenshot, |
142 .theme-browser .theme:hover .theme-screenshot, |
144 .theme-browser .theme:focus .theme-screenshot { |
143 .theme-browser .theme.focus .theme-screenshot { |
145 background: #fff; |
144 background: #fff; |
146 } |
145 } |
147 |
146 |
148 .theme-browser.rendered .theme:hover .theme-screenshot img, |
147 .theme-browser.rendered .theme:hover .theme-screenshot img, |
149 .theme-browser.rendered .theme:focus .theme-screenshot img { |
148 .theme-browser.rendered .theme.focus .theme-screenshot img { |
150 opacity: 0.4; |
149 opacity: 0.4; |
151 } |
150 } |
152 |
151 |
153 .theme-browser .theme .more-details { |
152 .theme-browser .theme .more-details { |
154 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
153 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
155 opacity: 0; |
154 opacity: 0; |
156 position: absolute; |
155 position: absolute; |
157 top: 35%; |
156 top: 35%; |
158 left: 20%; |
157 left: 20%; |
159 right: 20%; |
158 right: 20%; |
160 background: #23282d; |
159 width: 60%; |
|
160 background: #1d2327; |
161 background: rgba(0, 0, 0, 0.7); |
161 background: rgba(0, 0, 0, 0.7); |
162 color: #fff; |
162 color: #fff; |
163 font-size: 15px; |
163 font-size: 15px; |
164 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); |
164 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); |
165 -webkit-font-smoothing: antialiased; |
165 -webkit-font-smoothing: antialiased; |
166 font-weight: 600; |
166 font-weight: 600; |
167 padding: 15px 12px; |
167 padding: 15px 12px; |
168 text-align: center; |
168 text-align: center; |
169 border-radius: 3px; |
169 border-radius: 3px; |
|
170 border: none; |
170 transition: opacity 0.1s ease-in-out; |
171 transition: opacity 0.1s ease-in-out; |
171 } |
172 } |
172 |
173 |
173 .theme-browser .theme:focus { |
174 .theme-browser .theme .more-details:focus { |
174 border-color: #5b9dd9; |
175 box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1; |
175 box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); |
176 } |
176 } |
177 |
177 |
178 .theme-browser .theme.focus { |
178 .theme-browser .theme:focus .more-details { |
179 border-color: #4f94d4; |
|
180 box-shadow: 0 0 2px rgba(79, 148, 212, 0.8); |
|
181 } |
|
182 |
|
183 .theme-browser .theme.focus .more-details { |
179 opacity: 1; |
184 opacity: 1; |
180 } |
185 } |
181 |
186 |
182 /* Current theme needs to have its action always on view */ |
187 /* Current theme needs to have its action always on view */ |
183 .theme-browser .theme.active:focus .theme-actions { |
188 .theme-browser .theme.active.focus .theme-actions { |
184 display: block; |
189 display: block; |
185 } |
190 } |
186 |
191 |
187 .theme-browser.rendered .theme:hover .more-details, |
192 .theme-browser.rendered .theme:hover .more-details, |
188 .theme-browser.rendered .theme:focus .more-details { |
193 .theme-browser.rendered .theme.focus .more-details { |
189 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; |
194 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; |
190 opacity: 1; |
195 opacity: 1; |
191 } |
196 } |
192 |
197 |
193 /** |
198 /** |
194 * The currently active theme |
199 * The currently active theme |
195 */ |
200 */ |
196 .theme-browser .theme.active .theme-name { |
201 .theme-browser .theme.active .theme-name { |
197 background: #23282d; |
202 background: #1d2327; |
198 color: #fff; |
203 color: #fff; |
199 padding-left: 110px; |
204 padding-left: 110px; |
200 font-weight: 300; |
205 font-weight: 300; |
201 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5); |
206 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5); |
202 } |
207 } |
277 right: 0; |
282 right: 0; |
278 left: 0; |
283 left: 0; |
279 bottom: 0; |
284 bottom: 0; |
280 padding: 0; |
285 padding: 0; |
281 text-shadow: none; |
286 text-shadow: none; |
282 border: 5px dashed #d5d2ca; |
287 border: 5px dashed #dcdcde; |
283 border: 5px dashed rgba(0, 0, 0, 0.1); |
288 border: 5px dashed rgba(0, 0, 0, 0.1); |
284 box-sizing: border-box; |
289 box-sizing: border-box; |
285 } |
290 } |
286 |
291 |
287 .theme-browser .theme.add-new-theme span:after { |
292 .theme-browser .theme.add-new-theme span:after { |
288 background: #e5e5e5; |
293 background: #dcdcde; |
289 background: rgba(153, 153, 153, 0.1); |
294 background: rgba(140, 143, 148, 0.1); |
290 border-radius: 50%; |
295 border-radius: 50%; |
291 display: inline-block; |
296 display: inline-block; |
292 content: "\f132"; |
297 content: "\f132"; |
293 -webkit-font-smoothing: antialiased; |
298 -webkit-font-smoothing: antialiased; |
294 font: normal 74px/115px dashicons; |
299 font: normal 74px/115px dashicons; |
295 width: 100px; |
300 width: 100px; |
296 height: 100px; |
301 height: 100px; |
297 vertical-align: middle; |
302 vertical-align: middle; |
298 text-align: center; |
303 text-align: center; |
299 color: rgb(153, 153, 153); |
304 color: #8c8f94; |
300 position: absolute; |
305 position: absolute; |
301 top: 30%; |
306 top: 30%; |
302 right: 50%; |
307 right: 50%; |
303 margin-right: -50px; |
308 margin-right: -50px; |
304 text-indent: -4px; |
309 text-indent: -4px; |
317 } |
322 } |
318 |
323 |
319 .theme-browser .theme.add-new-theme a:hover span:after, |
324 .theme-browser .theme.add-new-theme a:hover span:after, |
320 .theme-browser .theme.add-new-theme a:focus span:after { |
325 .theme-browser .theme.add-new-theme a:focus span:after { |
321 background: #fff; |
326 background: #fff; |
322 color: #0073aa; |
327 color: #2271b1; |
323 } |
328 } |
324 |
329 |
325 .theme-browser .theme.add-new-theme a:hover:after, |
330 .theme-browser .theme.add-new-theme a:hover:after, |
326 .theme-browser .theme.add-new-theme a:focus:after { |
331 .theme-browser .theme.add-new-theme a:focus:after { |
327 border-color: transparent; |
332 border-color: transparent; |
328 color: #fff; |
333 color: #fff; |
329 background: #0073aa; |
334 background: #2271b1; |
330 content: ""; |
335 content: ""; |
331 } |
336 } |
332 |
337 |
333 .theme-browser .theme.add-new-theme .theme-name { |
338 .theme-browser .theme.add-new-theme .theme-name { |
334 background: none; |
339 background: none; |
381 height: 48px; |
386 height: 48px; |
382 width: 50px; |
387 width: 50px; |
383 text-align: center; |
388 text-align: center; |
384 float: left; |
389 float: left; |
385 border: 0; |
390 border: 0; |
386 border-right: 1px solid #ddd; |
391 border-right: 1px solid #dcdcde; |
387 background-color: transparent; |
392 background-color: transparent; |
388 transition: color .1s ease-in-out, background .1s ease-in-out; |
393 transition: color .1s ease-in-out, background .1s ease-in-out; |
389 } |
394 } |
390 |
395 |
391 .theme-overlay .theme-header .close:before { |
396 .theme-overlay .theme-header .close:before { |
392 font: normal 22px/50px dashicons !important; |
397 font: normal 22px/50px dashicons !important; |
393 color: #72777c; |
398 color: #787c82; |
394 display: inline-block; |
399 display: inline-block; |
395 content: "\f335"; |
400 content: "\f335"; |
396 font-weight: 300; |
401 font-weight: 300; |
397 } |
402 } |
398 |
403 |
399 /* Left and right navigation */ |
404 /* Left and right navigation */ |
400 .theme-overlay .theme-header .right, |
405 .theme-overlay .theme-header .right, |
401 .theme-overlay .theme-header .left { |
406 .theme-overlay .theme-header .left { |
402 cursor: pointer; |
407 cursor: pointer; |
403 color: #72777c; |
408 color: #787c82; |
404 background-color: transparent; |
409 background-color: transparent; |
405 height: 48px; |
410 height: 48px; |
406 width: 54px; |
411 width: 54px; |
407 float: right; |
412 float: right; |
408 text-align: center; |
413 text-align: center; |
409 border: 0; |
414 border: 0; |
410 border-left: 1px solid #ddd; |
415 border-left: 1px solid #dcdcde; |
411 transition: color .1s ease-in-out, background .1s ease-in-out; |
416 transition: color .1s ease-in-out, background .1s ease-in-out; |
412 } |
417 } |
413 |
418 |
414 .theme-overlay .theme-header .close:focus, |
419 .theme-overlay .theme-header .close:focus, |
415 .theme-overlay .theme-header .close:hover, |
420 .theme-overlay .theme-header .close:hover, |
416 .theme-overlay .theme-header .right:focus, |
421 .theme-overlay .theme-header .right:focus, |
417 .theme-overlay .theme-header .right:hover, |
422 .theme-overlay .theme-header .right:hover, |
418 .theme-overlay .theme-header .left:focus, |
423 .theme-overlay .theme-header .left:focus, |
419 .theme-overlay .theme-header .left:hover { |
424 .theme-overlay .theme-header .left:hover { |
420 background: #ddd; |
425 background: #dcdcde; |
421 border-color: #ccc; |
426 border-color: #c3c4c7; |
422 color: #000; |
427 color: #000; |
423 } |
428 } |
424 |
429 |
425 .theme-overlay .theme-header .close:focus:before, |
430 .theme-overlay .theme-header .close:focus:before, |
426 .theme-overlay .theme-header .close:hover:before { |
431 .theme-overlay .theme-header .close:hover:before { |
436 |
441 |
437 .theme-overlay .theme-header .left.disabled, |
442 .theme-overlay .theme-header .left.disabled, |
438 .theme-overlay .theme-header .right.disabled, |
443 .theme-overlay .theme-header .right.disabled, |
439 .theme-overlay .theme-header .left.disabled:hover, |
444 .theme-overlay .theme-header .left.disabled:hover, |
440 .theme-overlay .theme-header .right.disabled:hover { |
445 .theme-overlay .theme-header .right.disabled:hover { |
441 color: #ccc; |
446 color: #c3c4c7; |
442 background: inherit; |
447 background: inherit; |
443 cursor: inherit; |
448 cursor: inherit; |
444 } |
449 } |
445 |
450 |
446 .theme-overlay .theme-header .right:before, |
451 .theme-overlay .theme-header .right:before, |
527 |
532 |
528 .broken-themes a.delete-theme:hover, |
533 .broken-themes a.delete-theme:hover, |
529 .broken-themes a.delete-theme:focus, |
534 .broken-themes a.delete-theme:focus, |
530 .theme-overlay .theme-actions .delete-theme:hover, |
535 .theme-overlay .theme-actions .delete-theme:hover, |
531 .theme-overlay .theme-actions .delete-theme:focus { |
536 .theme-overlay .theme-actions .delete-theme:focus { |
532 background: #d54e21; |
537 background: #d63638; |
533 color: #fff; |
538 color: #fff; |
534 border-color: #d54e21; |
539 border-color: #d63638; |
535 } |
540 } |
536 |
541 |
537 .theme-overlay .theme-actions .active-theme, |
542 .theme-overlay .theme-actions .active-theme, |
538 .theme-overlay.active .theme-actions .inactive-theme { |
543 .theme-overlay.active .theme-actions .inactive-theme { |
539 display: none; |
544 display: none; |
637 width: 40%; |
642 width: 40%; |
638 float: right; |
643 float: right; |
639 } |
644 } |
640 |
645 |
641 .theme-overlay .current-label { |
646 .theme-overlay .current-label { |
642 background: #32373c; |
647 background: #2c3338; |
643 color: #fff; |
648 color: #fff; |
644 font-size: 11px; |
649 font-size: 11px; |
645 display: inline-block; |
650 display: inline-block; |
646 padding: 2px 8px; |
651 padding: 2px 8px; |
647 border-radius: 2px; |
652 border-radius: 2px; |
648 margin: 0 0 -10px; |
653 margin: 0 0 -10px; |
649 -webkit-user-select: none; |
654 -webkit-user-select: none; |
650 -moz-user-select: none; |
|
651 -ms-user-select: none; |
|
652 user-select: none; |
655 user-select: none; |
653 } |
656 } |
654 |
657 |
655 .theme-overlay .theme-name { |
658 .theme-overlay .theme-name { |
656 color: #23282d; |
659 color: #1d2327; |
657 font-size: 32px; |
660 font-size: 32px; |
658 font-weight: 100; |
661 font-weight: 100; |
659 margin: 10px 0 0; |
662 margin: 10px 0 0; |
660 line-height: 1.3; |
663 line-height: 1.3; |
661 word-wrap: break-word; |
664 word-wrap: break-word; |
662 overflow-wrap: break-word; |
665 overflow-wrap: break-word; |
663 } |
666 } |
664 |
667 |
665 .theme-overlay .theme-version { |
668 .theme-overlay .theme-version { |
666 color: #72777c; |
669 color: #646970; |
667 font-size: 13px; |
670 font-size: 13px; |
668 font-weight: 400; |
671 font-weight: 400; |
669 float: none; |
672 float: none; |
670 display: inline-block; |
673 display: inline-block; |
671 margin-right: 10px; |
674 margin-right: 10px; |
672 } |
675 } |
673 |
676 |
674 .theme-overlay .theme-author { |
677 .theme-overlay .theme-author { |
675 margin: 15px 0 25px; |
678 margin: 15px 0 25px; |
676 color: #72777c; |
679 color: #646970; |
677 font-size: 16px; |
680 font-size: 16px; |
678 font-weight: 400; |
681 font-weight: 400; |
679 line-height: inherit; |
682 line-height: inherit; |
680 } |
683 } |
681 |
684 |
695 .theme-overlay .theme-autoupdate .toggle-auto-update .label { |
698 .theme-overlay .theme-autoupdate .toggle-auto-update .label { |
696 text-decoration: underline; |
699 text-decoration: underline; |
697 } |
700 } |
698 |
701 |
699 .theme-overlay .theme-description { |
702 .theme-overlay .theme-description { |
700 color: #555; |
703 color: #50575e; |
701 font-size: 15px; |
704 font-size: 15px; |
702 font-weight: 400; |
705 font-weight: 400; |
703 line-height: 1.5; |
706 line-height: 1.5; |
704 margin: 30px 0 0 0; |
707 margin: 30px 0 0 0; |
705 } |
708 } |
706 |
709 |
707 .theme-overlay .theme-tags { |
710 .theme-overlay .theme-tags { |
708 border-top: 3px solid #eee; |
711 border-top: 3px solid #f0f0f1; |
709 color: #82878c; |
712 color: #646970; |
710 font-size: 13px; |
713 font-size: 13px; |
711 font-weight: 400; |
714 font-weight: 400; |
712 margin: 30px 0 0 0; |
715 margin: 30px 0 0 0; |
713 padding-top: 20px; |
716 padding-top: 20px; |
714 } |
717 } |
715 |
718 |
716 .theme-overlay .theme-tags span { |
719 .theme-overlay .theme-tags span { |
717 color: #444; |
720 color: #3c434a; |
718 font-weight: 600; |
721 font-weight: 600; |
719 margin-left: 5px; |
722 margin-left: 5px; |
720 } |
723 } |
721 |
724 |
722 .theme-overlay .parent-theme { |
725 .theme-overlay .parent-theme { |
723 background: #f7fcfe; |
726 background: #fff; |
724 border: 1px solid #eee; |
727 border: 1px solid #f0f0f1; |
725 border-right: 4px solid #00a0d2; |
728 border-right: 4px solid #72aee6; |
726 font-size: 14px; |
729 font-size: 14px; |
727 font-weight: 400; |
730 font-weight: 400; |
728 margin-top: 30px; |
731 margin-top: 30px; |
729 padding: 10px 20px 10px 10px; |
732 padding: 10px 20px 10px 10px; |
730 } |
733 } |
878 } |
881 } |
879 |
882 |
880 .theme:not(.active):hover .theme-actions, |
883 .theme:not(.active):hover .theme-actions, |
881 .theme:not(.active):focus .theme-actions, |
884 .theme:not(.active):focus .theme-actions, |
882 .theme:hover .more-details, |
885 .theme:hover .more-details, |
883 .theme:focus .more-details { |
886 .theme.focus .more-details { |
884 display: none; |
887 display: none; |
885 } |
888 } |
886 |
889 |
887 .theme-browser.rendered .theme:hover .theme-screenshot img, |
890 .theme-browser.rendered .theme:hover .theme-screenshot img, |
888 .theme-browser.rendered .theme:focus .theme-screenshot img { |
891 .theme-browser.rendered .theme.focus .theme-screenshot img { |
889 opacity: 1.0; |
892 opacity: 1.0; |
890 } |
893 } |
891 } |
894 } |
892 |
895 |
893 @media only screen and (max-width: 480px) { |
896 @media only screen and (max-width: 480px) { |
1000 max-width: 40rem; |
1003 max-width: 40rem; |
1001 } |
1004 } |
1002 |
1005 |
1003 /* Already installed theme */ |
1006 /* Already installed theme */ |
1004 .theme-browser .theme .theme-installed { |
1007 .theme-browser .theme .theme-installed { |
1005 background: #0073aa; |
1008 background: #2271b1; |
1006 } |
1009 } |
1007 |
1010 |
1008 .theme-browser .theme .notice-success p:before { |
1011 .theme-browser .theme .notice-success p:before { |
1009 color: #79ba49; |
1012 color: #68de7c; |
1010 content: "\f147"; |
1013 content: "\f147"; |
1011 display: inline-block; |
1014 display: inline-block; |
1012 font: normal 20px/1 'dashicons'; |
1015 font: normal 20px/1 'dashicons'; |
1013 -webkit-font-smoothing: antialiased; |
1016 -webkit-font-smoothing: antialiased; |
1014 -moz-osx-font-smoothing: grayscale; |
1017 -moz-osx-font-smoothing: grayscale; |
1057 display: block; |
1060 display: block; |
1058 } |
1061 } |
1059 |
1062 |
1060 .upload-theme .wp-upload-form, |
1063 .upload-theme .wp-upload-form, |
1061 .upload-plugin .wp-upload-form { |
1064 .upload-plugin .wp-upload-form { |
1062 background: #fafafa; |
1065 background: #f6f7f7; |
1063 border: 1px solid #ccd0d4; |
1066 border: 1px solid #c3c4c7; |
1064 padding: 30px; |
1067 padding: 30px; |
1065 margin: 30px auto; |
1068 margin: 30px auto; |
1066 display: inline-flex; |
1069 display: inline-flex; |
1067 justify-content: space-between; |
1070 justify-content: space-between; |
1068 align-items: center; |
1071 align-items: center; |
1123 } |
1126 } |
1124 |
1127 |
1125 .theme-details .num-ratings, |
1128 .theme-details .num-ratings, |
1126 .theme-details .no-rating { |
1129 .theme-details .no-rating { |
1127 font-size: 11px; |
1130 font-size: 11px; |
1128 color: #72777c; |
1131 color: #646970; |
1129 } |
1132 } |
1130 |
1133 |
1131 .theme-details .no-rating { |
1134 .theme-details .no-rating { |
1132 display: block; |
1135 display: block; |
1133 line-height: 1.9; |
1136 line-height: 1.9; |
1134 } |
1137 } |
1135 |
1138 |
1136 .update-from-upload-comparison { |
1139 .update-from-upload-comparison { |
1137 border-top: 1px solid #ddd; |
1140 border-top: 1px solid #dcdcde; |
1138 border-bottom: 1px solid #ddd; |
1141 border-bottom: 1px solid #dcdcde; |
1139 text-align: right; |
1142 text-align: right; |
1140 margin: 1rem 0 1.4rem; |
1143 margin: 1rem 0 1.4rem; |
1141 border-collapse: collapse; |
1144 border-collapse: collapse; |
1142 width: 100%; |
1145 width: 100%; |
1143 } |
1146 } |
1173 /*------------------------------------------------------------------------------ |
1176 /*------------------------------------------------------------------------------ |
1174 16.3 - Custom Header Screen |
1177 16.3 - Custom Header Screen |
1175 ------------------------------------------------------------------------------*/ |
1178 ------------------------------------------------------------------------------*/ |
1176 |
1179 |
1177 .appearance_page_custom-header #headimg { |
1180 .appearance_page_custom-header #headimg { |
1178 border: 1px solid #ddd; |
1181 border: 1px solid #dcdcde; |
1179 overflow: hidden; |
1182 overflow: hidden; |
1180 width: 100%; |
1183 width: 100%; |
1181 } |
1184 } |
1182 |
1185 |
1183 .appearance_page_custom-header #upload-form p label { |
1186 .appearance_page_custom-header #upload-form p label { |
1209 16.4 - Custom Background Screen |
1212 16.4 - Custom Background Screen |
1210 ------------------------------------------------------------------------------*/ |
1213 ------------------------------------------------------------------------------*/ |
1211 |
1214 |
1212 div#custom-background-image { |
1215 div#custom-background-image { |
1213 min-height: 100px; |
1216 min-height: 100px; |
1214 border: 1px solid #ddd; |
1217 border: 1px solid #dcdcde; |
1215 } |
1218 } |
1216 |
1219 |
1217 div#custom-background-image img { |
1220 div#custom-background-image img { |
1218 max-width: 400px; |
1221 max-width: 400px; |
1219 max-height: 300px; |
1222 max-height: 300px; |
1220 } |
1223 } |
1221 |
1224 |
1222 .background-position-control input[type="radio"]:checked ~ .button { |
1225 .background-position-control input[type="radio"]:checked ~ .button { |
1223 background: #eee; |
1226 background: #f0f0f1; |
1224 border-color: #999; |
1227 border-color: #8c8f94; |
1225 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
1228 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
1226 z-index: 1; |
1229 z-index: 1; |
1227 } |
1230 } |
1228 |
1231 |
1229 .background-position-control input[type="radio"]:focus ~ .button { |
1232 .background-position-control input[type="radio"]:focus ~ .button { |
1230 border-color: #5b9dd9; |
1233 border-color: #4f94d4; |
1231 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8); |
1234 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(34, 113, 177, 0.8); |
1232 color: #23282d; |
1235 color: #1d2327; |
1233 } |
1236 } |
1234 |
1237 |
1235 .background-position-control .background-position-center-icon, |
1238 .background-position-control .background-position-center-icon, |
1236 .background-position-control .background-position-center-icon:before { |
1239 .background-position-control .background-position-center-icon:before { |
1237 display: inline-block; |
1240 display: inline-block; |
1246 vertical-align: top; |
1249 vertical-align: top; |
1247 width: 20px; |
1250 width: 20px; |
1248 } |
1251 } |
1249 |
1252 |
1250 .background-position-control .background-position-center-icon:before { |
1253 .background-position-control .background-position-center-icon:before { |
1251 background-color: #555; |
1254 background-color: #50575e; |
1252 border-radius: 50%; |
1255 border-radius: 50%; |
1253 content: ""; |
1256 content: ""; |
1254 height: 12px; |
1257 height: 12px; |
1255 width: 12px; |
1258 width: 12px; |
1256 } |
1259 } |
1257 |
1260 |
1258 .background-position-control .button:hover .background-position-center-icon:before, |
1261 .background-position-control .button:hover .background-position-center-icon:before, |
1259 .background-position-control input[type="radio"]:focus ~ .button .background-position-center-icon:before { |
1262 .background-position-control input[type="radio"]:focus ~ .button .background-position-center-icon:before { |
1260 background-color: #23282d; |
1263 background-color: #1d2327; |
1261 } |
1264 } |
1262 |
1265 |
1263 .background-position-control .button-group { |
1266 .background-position-control .button-group { |
1264 display: block; |
1267 display: block; |
1265 } |
1268 } |
1484 .theme-install-overlay .close-full-overlay:focus, |
1487 .theme-install-overlay .close-full-overlay:focus, |
1485 .theme-install-overlay .previous-theme:hover, |
1488 .theme-install-overlay .previous-theme:hover, |
1486 .theme-install-overlay .previous-theme:focus, |
1489 .theme-install-overlay .previous-theme:focus, |
1487 .theme-install-overlay .next-theme:hover, |
1490 .theme-install-overlay .next-theme:hover, |
1488 .theme-install-overlay .next-theme:focus { |
1491 .theme-install-overlay .next-theme:focus { |
1489 background: #ddd; |
1492 background: #dcdcde; |
1490 border-color: #ccc; |
1493 border-color: #c3c4c7; |
1491 color: #000; |
1494 color: #000; |
1492 outline: none; |
1495 outline: none; |
1493 box-shadow: none; |
1496 box-shadow: none; |
1494 } |
1497 } |
1495 |
1498 |
1521 .theme-install-overlay .next-theme.disabled, |
1524 .theme-install-overlay .next-theme.disabled, |
1522 .theme-install-overlay .previous-theme.disabled:hover, |
1525 .theme-install-overlay .previous-theme.disabled:hover, |
1523 .theme-install-overlay .previous-theme.disabled:focus, |
1526 .theme-install-overlay .previous-theme.disabled:focus, |
1524 .theme-install-overlay .next-theme.disabled:hover, |
1527 .theme-install-overlay .next-theme.disabled:hover, |
1525 .theme-install-overlay .next-theme.disabled:focus { |
1528 .theme-install-overlay .next-theme.disabled:focus { |
1526 color: #b4b9be; |
1529 color: #c3c4c7; |
1527 background: #eee; |
1530 background: #f0f0f1; |
1528 cursor: default; |
1531 cursor: default; |
1529 pointer-events: none; |
1532 pointer-events: none; |
1530 } |
1533 } |
1531 |
1534 |
1532 .theme-install-overlay .close-full-overlay, |
1535 .theme-install-overlay .close-full-overlay, |
1549 position: fixed; |
1552 position: fixed; |
1550 bottom: 0; |
1553 bottom: 0; |
1551 right: 0; |
1554 right: 0; |
1552 padding: 9px 10px 9px 0; |
1555 padding: 9px 10px 9px 0; |
1553 height: 45px; |
1556 height: 45px; |
1554 color: #656a6f; |
1557 color: #646970; |
1555 outline: 0; |
1558 outline: 0; |
1556 line-height: 1; |
1559 line-height: 1; |
1557 background-color: transparent !important; |
1560 background-color: transparent !important; |
1558 border: none !important; |
1561 border: none !important; |
1559 box-shadow: none !important; |
1562 box-shadow: none !important; |
1560 border-radius: 0 !important; |
1563 border-radius: 0 !important; |
1561 } |
1564 } |
1562 |
1565 |
1563 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover, |
1566 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover, |
1564 .wp-core-ui .wp-full-overlay .collapse-sidebar:focus { |
1567 .wp-core-ui .wp-full-overlay .collapse-sidebar:focus { |
1565 color: #0073aa; |
1568 color: #2271b1; |
1566 } |
1569 } |
1567 |
1570 |
1568 .wp-full-overlay .collapse-sidebar-arrow, |
1571 .wp-full-overlay .collapse-sidebar-arrow, |
1569 .wp-full-overlay .collapse-sidebar-label { |
1572 .wp-full-overlay .collapse-sidebar-label { |
1570 display: inline-block; |
1573 display: inline-block; |
1646 min-width: 299px; |
1649 min-width: 299px; |
1647 max-width: 599px; |
1650 max-width: 599px; |
1648 width: 18%; |
1651 width: 18%; |
1649 width: calc( 18% - 1px ); |
1652 width: calc( 18% - 1px ); |
1650 height: 45px; |
1653 height: 45px; |
1651 border-top: 1px solid #ddd; |
1654 border-top: 1px solid #dcdcde; |
1652 background: #eee; |
1655 background: #f0f0f1; |
1653 } |
1656 } |
1654 |
1657 |
1655 .wp-full-overlay-footer .devices-wrapper { |
1658 .wp-full-overlay-footer .devices-wrapper { |
1656 float: left; |
1659 float: left; |
1657 } |
1660 } |
1658 |
1661 |
1659 .wp-full-overlay-footer .devices { |
1662 .wp-full-overlay-footer .devices { |
1660 position: relative; |
1663 position: relative; |
1661 background: #eee; |
1664 background: #f0f0f1; |
1662 box-shadow: 20px 0 10px -5px #eee; |
1665 box-shadow: 20px 0 10px -5px #f0f0f1; |
1663 } |
1666 } |
1664 |
1667 |
1665 .wp-full-overlay-footer .devices button { |
1668 .wp-full-overlay-footer .devices button { |
1666 cursor: pointer; |
1669 cursor: pointer; |
1667 background: transparent; |
1670 background: transparent; |
1688 -webkit-font-smoothing: antialiased; |
1691 -webkit-font-smoothing: antialiased; |
1689 font: normal 20px/30px "dashicons"; |
1692 font: normal 20px/30px "dashicons"; |
1690 vertical-align: top; |
1693 vertical-align: top; |
1691 margin: 3px 0; |
1694 margin: 3px 0; |
1692 padding: 4px 8px; |
1695 padding: 4px 8px; |
1693 color: #656a6f; |
1696 color: #646970; |
1694 } |
1697 } |
1695 |
1698 |
1696 .wp-full-overlay-footer .devices button.active { |
1699 .wp-full-overlay-footer .devices button.active { |
1697 border-bottom-color: #191e23; |
1700 border-bottom-color: #1d2327; |
1698 } |
1701 } |
1699 |
1702 |
1700 .wp-full-overlay-footer .devices button:hover, |
1703 .wp-full-overlay-footer .devices button:hover, |
1701 .wp-full-overlay-footer .devices button:focus { |
1704 .wp-full-overlay-footer .devices button:focus { |
1702 background-color: #fff; |
1705 background-color: #fff; |
1703 } |
1706 } |
1704 |
1707 |
1705 .wp-full-overlay-footer .devices button:focus, |
1708 .wp-full-overlay-footer .devices button:focus, |
1706 .wp-full-overlay-footer .devices button.active:hover { |
1709 .wp-full-overlay-footer .devices button.active:hover { |
1707 border-bottom-color: #0073aa; |
1710 border-bottom-color: #2271b1; |
1708 } |
1711 } |
1709 |
1712 |
1710 .wp-full-overlay-footer .devices button.active:before { |
1713 .wp-full-overlay-footer .devices button.active:before { |
1711 color: #191e23; |
1714 color: #1d2327; |
1712 } |
1715 } |
1713 |
1716 |
1714 .wp-full-overlay-footer .devices button:hover:before, |
1717 .wp-full-overlay-footer .devices button:hover:before, |
1715 .wp-full-overlay-footer .devices button:focus:before { |
1718 .wp-full-overlay-footer .devices button:focus:before { |
1716 color: #0073aa; |
1719 color: #2271b1; |
1717 } |
1720 } |
1718 |
1721 |
1719 .wp-full-overlay-footer .devices .preview-desktop:before { |
1722 .wp-full-overlay-footer .devices .preview-desktop:before { |
1720 content: "\f472"; |
1723 content: "\f472"; |
1721 } |
1724 } |
1855 margin: 15px 0; |
1858 margin: 15px 0; |
1856 } |
1859 } |
1857 |
1860 |
1858 .theme-details .theme-description { |
1861 .theme-details .theme-description { |
1859 float: right; |
1862 float: right; |
1860 color: #72777c; |
1863 color: #646970; |
1861 line-height: 1.6; |
1864 line-height: 1.6; |
1862 max-width: 100%; |
1865 max-width: 100%; |
1863 } |
1866 } |
1864 |
1867 |
1865 .theme-install-overlay .wp-full-overlay-header .button { |
1868 .theme-install-overlay .wp-full-overlay-header .button { |
1866 float: left; |
1869 float: left; |
1867 margin: 8px 0 0 10px; |
1870 margin: 8px 0 0 10px; |
1868 } |
1871 } |
1869 |
1872 |
1870 .theme-install-overlay .wp-full-overlay-sidebar { |
1873 .theme-install-overlay .wp-full-overlay-sidebar { |
1871 background: #eee; |
1874 background: #f0f0f1; |
1872 border-left: 1px solid #ddd; |
1875 border-left: 1px solid #dcdcde; |
1873 } |
1876 } |
1874 |
1877 |
1875 .theme-install-overlay .wp-full-overlay-sidebar-content { |
1878 .theme-install-overlay .wp-full-overlay-sidebar-content { |
1876 background: #fff; |
1879 background: #fff; |
1877 border-top: 1px solid #ddd; |
1880 border-top: 1px solid #dcdcde; |
1878 border-bottom: 1px solid #ddd; |
1881 border-bottom: 1px solid #dcdcde; |
1879 } |
1882 } |
1880 |
1883 |
1881 .theme-install-overlay .wp-full-overlay-main { |
1884 .theme-install-overlay .wp-full-overlay-main { |
1882 position: absolute; |
1885 position: absolute; |
1883 z-index: 0; |
1886 z-index: 0; |
1884 background-color: #f1f1f1; |
1887 background-color: #f0f0f1; |
1885 } |
1888 } |
1886 |
1889 |
1887 .customize-loading #customize-container { |
1890 .customize-loading #customize-container { |
1888 background-color: #f1f1f1; |
1891 background-color: #f0f0f1; |
1889 } |
1892 } |
1890 |
1893 |
1891 #customize-preview.wp-full-overlay-main:before, |
1894 #customize-preview.wp-full-overlay-main:before, |
1892 .customize-loading #customize-container:before, |
1895 .customize-loading #customize-container:before, |
1893 #customize-controls .notice.notification-overlay.notification-loading:before, |
1896 #customize-controls .notice.notification-overlay.notification-loading:before, |