equal
deleted
inserted
replaced
2 |
2 |
3 .widget { |
3 .widget { |
4 margin: 0 auto 10px; |
4 margin: 0 auto 10px; |
5 position: relative; |
5 position: relative; |
6 box-sizing: border-box; |
6 box-sizing: border-box; |
|
7 } |
|
8 |
|
9 .widget.open { |
|
10 z-index: 99; |
|
11 } |
|
12 .widget.open:focus-within { |
|
13 z-index: 100; |
7 } |
14 } |
8 |
15 |
9 .widget-top { |
16 .widget-top { |
10 font-size: 13px; |
17 font-size: 13px; |
11 font-weight: 600; |
18 font-weight: 600; |
16 border: 0; |
23 border: 0; |
17 margin: 0; |
24 margin: 0; |
18 padding: 10px; |
25 padding: 10px; |
19 background: none; |
26 background: none; |
20 cursor: pointer; |
27 cursor: pointer; |
21 outline: none; |
|
22 } |
28 } |
23 |
29 |
24 .widget-title h3, |
30 .widget-title h3, |
25 .widget-title h4 { |
31 .widget-title h4 { |
26 margin: 0; |
32 margin: 0; |
37 } |
43 } |
38 |
44 |
39 .widgets-holder-wrap .widget-inside { |
45 .widgets-holder-wrap .widget-inside { |
40 border-top: none; |
46 border-top: none; |
41 padding: 1px 15px 15px 15px; |
47 padding: 1px 15px 15px 15px; |
42 line-height: 1.2; |
48 line-height: 1.23076923; |
43 } |
49 } |
44 |
50 |
45 .widget.widget-dirty .widget-control-close-wrapper { |
51 .widget.widget-dirty .widget-control-close-wrapper { |
46 display: none; |
52 display: none; |
47 } |
53 } |
131 margin-top: 16px; |
137 margin-top: 16px; |
132 } |
138 } |
133 .media-widget-control .media-widget-preview img { |
139 .media-widget-control .media-widget-preview img { |
134 max-width: 100%; |
140 max-width: 100%; |
135 vertical-align: middle; |
141 vertical-align: middle; |
|
142 background-image: linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4); |
|
143 background-position: 0 0, 10px 10px; |
|
144 background-size: 20px 20px; |
136 } |
145 } |
137 .media-widget-control .media-widget-preview .wp-video-shortcode { |
146 .media-widget-control .media-widget-preview .wp-video-shortcode { |
138 background: #000; |
147 background: #000; |
139 } |
148 } |
140 |
149 |
143 } |
152 } |
144 |
153 |
145 .media-frame.media-widget .image-details .embed-media-settings .setting.align, |
154 .media-frame.media-widget .image-details .embed-media-settings .setting.align, |
146 .media-frame.media-widget .attachment-display-settings .setting.align, |
155 .media-frame.media-widget .attachment-display-settings .setting.align, |
147 .media-frame.media-widget .embed-media-settings .setting.align, |
156 .media-frame.media-widget .embed-media-settings .setting.align, |
|
157 .media-frame.media-widget .embed-media-settings .legend-inline, |
148 .media-frame.media-widget .embed-link-settings .setting.link-text, |
158 .media-frame.media-widget .embed-link-settings .setting.link-text, |
149 .media-frame.media-widget .replace-attachment, |
159 .media-frame.media-widget .replace-attachment, |
150 .media-frame.media-widget .checkbox-setting.autoplay { |
160 .media-frame.media-widget .checkbox-setting.autoplay { |
151 display: none; |
161 display: none; |
152 } |
162 } |
306 margin: 5px 3px 0 0; |
316 margin: 5px 3px 0 0; |
307 } |
317 } |
308 |
318 |
309 .sidebar-name .handlediv:focus { |
319 .sidebar-name .handlediv:focus { |
310 box-shadow: none; |
320 box-shadow: none; |
311 outline: none; |
321 /* Only visible in Windows High Contrast mode */ |
|
322 outline: 1px solid transparent; |
312 } |
323 } |
313 |
324 |
314 #widgets-left .sidebar-name .toggle-indicator { |
325 #widgets-left .sidebar-name .toggle-indicator { |
315 display: none; |
326 display: none; |
316 } |
327 } |
539 .widget-control-edit { |
550 .widget-control-edit { |
540 display: block; |
551 display: block; |
541 color: #666; |
552 color: #666; |
542 background: #EEE; |
553 background: #EEE; |
543 padding: 0 15px; |
554 padding: 0 15px; |
544 line-height: 3.35; |
555 line-height: 3.30769230; |
545 border-left: 1px solid #DDD; |
556 border-left: 1px solid #DDD; |
546 } |
557 } |
547 |
558 |
548 #widgets-left .widget-control-edit:hover, |
559 #widgets-left .widget-control-edit:hover, |
549 #widgets-right .widget-control-edit:hover { |
560 #widgets-right .widget-control-edit:hover { |
592 display: none; |
603 display: none; |
593 } |
604 } |
594 |
605 |
595 .widget-inside { |
606 .widget-inside { |
596 background: #fff; |
607 background: #fff; |
|
608 } |
|
609 |
|
610 .widget-inside select { |
|
611 max-width: 100%; |
597 } |
612 } |
598 |
613 |
599 /* Dragging widgets over the available widget area show's a "Deactivate" message */ |
614 /* Dragging widgets over the available widget area show's a "Deactivate" message */ |
600 #removing-widget { |
615 #removing-widget { |
601 display: none; |
616 display: none; |
774 } |
789 } |
775 |
790 |
776 /* =Media Queries |
791 /* =Media Queries |
777 -------------------------------------------------------------- */ |
792 -------------------------------------------------------------- */ |
778 |
793 |
|
794 @media screen and (max-width: 782px) { |
|
795 .widgets-holder-wrap .widget-inside input[type="checkbox"], |
|
796 .widgets-holder-wrap .widget-inside input[type="radio"], |
|
797 .editwidget .widget-inside input[type="checkbox"], /* Selectors for the "accessibility mode" page. */ |
|
798 .editwidget .widget-inside input[type="radio"] { |
|
799 margin: 0.25rem 0.25rem 0.25rem 0; |
|
800 } |
|
801 } |
|
802 |
779 @media screen and (max-width: 480px) { |
803 @media screen and (max-width: 480px) { |
780 div.widget-liquid-left { |
804 div.widget-liquid-left { |
781 width: 100%; |
805 width: 100%; |
782 float: none; |
806 float: none; |
783 border-right: none; |
807 border-right: none; |
800 width: 100%; |
824 width: 100%; |
801 float: none; |
825 float: none; |
802 } |
826 } |
803 |
827 |
804 div.widget { |
828 div.widget { |
805 margin: 0 auto !important; |
|
806 max-width: 480px; |
829 max-width: 480px; |
807 } |
830 } |
808 |
831 |
809 .widget-access-link { |
832 .widget-access-link { |
810 float: none; |
833 float: none; |