1 /* General Widgets Styles */
6 -webkit-box-sizing: border-box;
7 -moz-box-sizing: border-box;
8 box-sizing: border-box;
17 .widget-top a.widget-action,
18 .widget-top a.widget-action:hover {
19 -webkit-box-shadow: none;
22 text-decoration: none;
31 text-overflow: ellipsis;
32 -webkit-user-select: none;
33 -moz-user-select: none;
34 -ms-user-select: none;
38 .widgets-holder-wrap .widget-inside {
40 padding: 1px 15px 15px 15px;
45 #widgets-right a.widget-control-edit,
46 #available-widgets .widget-description {
50 .deleting .widget-title,
51 .deleting .widget-top a.widget-action:after {
55 /* Widget Dragging Helpers */
56 .widget.ui-draggable-dragging {
60 .widget.ui-sortable-helper {
65 border: 1px dashed #b4b9be;
69 -webkit-box-sizing: border-box;
70 -moz-box-sizing: border-box;
71 box-sizing: border-box;
74 #widgets-right .widget-placeholder {
78 #widgets-right .closed .widget-placeholder {
87 -webkit-box-sizing: border-box;
88 -moz-box-sizing: border-box;
89 box-sizing: border-box;
110 .widgets-holder-wrap .description {
117 #widgets-right .widgets-holder-wrap .description {
122 /* Widgets 2-col Layout */
123 div.widget-liquid-left {
129 div.widget-liquid-right {
134 /* Widgets Left - Available Widgets */
140 div#widgets-left .closed .sidebar-name,
141 div#widgets-left .inactive-sidebar.closed .sidebar-name {
145 div#widgets-left .sidebar-name h3 {
150 div#widgets-left .sidebar-name .sidebar-name-arrow:before {
153 padding: 4px 4px 4px 6px;
156 #widgets-left #available-widgets,
157 div#widgets-left .widget-holder {
158 background: transparent;
162 #widgets-left .widgets-holder-wrap {
164 -webkit-box-shadow: none;
168 #available-widgets .widget-action {
172 #available-widgets .widget {
176 #available-widgets .widget:nth-child(odd) {
180 #available-widgets .widget .widget-description {
186 #available-widgets #widget-list {
190 /* Inactive Sidebars */
191 #widgets-left .inactive-sidebar {
194 background: transparent;
198 -webkit-box-shadow: none;
202 #widgets-left .inactive-sidebar.first {
206 /* Not sure what this is for... */
207 div#widgets-left .inactive-sidebar .widget.expanded {
211 .widget-title-action {
216 div#widgets-left .inactive-sidebar .widgets-sortables {
219 background: transparent;
226 div#widgets-right:after {
234 div#widgets-right .sidebars-column-1,
235 div#widgets-right .sidebars-column-2 {
239 div#widgets-right .widgets-holder-wrap {
243 div#widgets-right .sidebar-description {
248 div#widgets-right .sidebar-name h3 {
252 div#widgets-right .sidebar-name .sidebar-name-arrow:before {
257 div#widgets-right .widget-top {
261 div#widgets-right .widgets-sortables {
268 div#widgets-right .closed .widgets-sortables {
273 .sidebar-name .spinner {
280 /* Dragging a widget over a closed sidebar */
281 #widgets-right .widgets-holder-wrap.widget-hover {
283 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
284 box-shadow: 0 1px 2px rgba(0,0,0,0.3);
287 /* Accessibility Mode */
288 .widgets_access #widgets-left .widget .widget-top {
292 .widgets_access #wpwrap .widgets-holder-wrap.closed .sidebar-description,
293 .widgets_access #wpwrap .widgets-holder-wrap.closed .widget,
294 .widgets_access #wpwrap .widget-control-edit {
298 .widgets_access #widgets-left .widget .widget-top:hover,
299 .widgets_access #widgets-right .widget .widget-top:hover {
303 #available-widgets .widget-control-edit .edit,
304 #widgets-left .inactive-sidebar .widget-control-edit .add,
305 #widgets-right .widget-control-edit .add {
309 .widget-control-edit {
315 border-right: 1px solid #DDD;
318 #widgets-left .widget-control-edit:hover,
319 #widgets-right .widget-control-edit:hover {
323 outline: 1px solid #444;
326 .widgets-holder-wrap .sidebar-name,
327 .widgets-holder-wrap .sidebar-description {
328 -webkit-user-select: none;
329 -moz-user-select: none;
330 -ms-user-select: none;
338 .editwidget .widget-inside {
343 .editwidget .widget-control-actions {
347 .js .widgets-holder-wrap.closed .widget,
348 .js .widgets-holder-wrap.closed .sidebar-description,
349 .js .closed br.clear {
353 .js .widgets-holder-wrap.closed .widget.ui-sortable-helper {
357 /* Hide Widget Settings by Default */
359 .widget-description {
367 /* Dragging widgets over the available widget area show's a "Deactivate" message */
377 .js #removing-widget {
381 .widget-control-noform,
383 .widgets_access .widget-action,
384 .widgets_access .sidebar-name-arrow,
385 .widgets_access #access-on,
386 .widgets_access .widget-holder .description,
387 .no-js .widget-holder .description {
391 .widgets_access .widget-holder,
392 .widgets_access #widget-list {
396 .widgets_access #access-off {
400 .widgets_access .sidebar-name,
401 .widgets_access .widget .widget-top {
406 /* Widgets Area Chooser */
407 .widget-liquid-left #widgets-left.chooser #available-widgets .widget,
408 .widget-liquid-left #widgets-left.chooser .inactive-sidebar {
409 -webkit-transition: opacity 0.1s linear;
410 transition: opacity 0.1s linear;
413 .widget-liquid-left #widgets-left.chooser #available-widgets .widget,
414 .widget-liquid-left #widgets-left.chooser .inactive-sidebar {
415 /* -webkit-filter: blur(1px); */
417 pointer-events: none;
420 .widget-liquid-left #widgets-left.chooser #available-widgets .widget-in-question {
421 /* -webkit-filter: none; */
423 pointer-events: auto;
427 #widgets-left .widget-in-question .widget-top,
428 #available-widgets .widget-top:hover,
429 div#widgets-right .widget-top:hover,
430 #widgets-left .widget-top:hover {
432 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
433 box-shadow: 0 1px 2px rgba(0,0,0,0.1);
436 .widgets-chooser ul.widgets-chooser-sidebars {
438 list-style-type: none;
447 .widgets-chooser ul {
448 border: 1px solid #ccc;
451 .widgets-chooser li {
452 padding: 10px 35px 10px 15px;
453 border-bottom: 1px solid #ccc;
459 -webkit-transition: background 0.2s ease-in-out;
460 transition: background 0.2s ease-in-out;
463 .widgets-chooser li:hover,
464 .widgets-chooser li:focus {
465 background: rgba(255,255,255,0.7);
468 .widgets-chooser li:focus:before {
471 -webkit-font-smoothing: antialiased;
472 font: normal 26px/1 'dashicons';
479 .widgets-chooser li:last-child {
483 .widgets-chooser li.widgets-chooser-selected {
488 .widgets-chooser li.widgets-chooser-selected:before,
489 .widgets-chooser li.widgets-chooser-selected:focus:before {
492 -webkit-font-smoothing: antialiased;
493 font: normal 26px/1 'dashicons';
500 .widgets-chooser .widgets-chooser-actions {
501 padding: 10px 0 12px 0;
505 .widgets-chooser button {
509 #available-widgets .widget .widget-top {
513 #available-widgets .widget.ui-draggable-dragging .widget-top {
518 -------------------------------------------------------------- */
520 @media screen and (max-width: 480px) {
521 div.widget-liquid-left {
528 #widgets-left .sidebar-name {
532 #widgets-left #available-widgets .widget-top {
536 #widgets-left .inactive-sidebar .widgets-sortables {
540 div.widget-liquid-right {
546 margin: 0 auto 10px !important;
551 @media screen and (max-width: 320px) {
557 @media only screen and (min-width: 1250px) {
558 #widgets-left #available-widgets .widget {
563 .widget.ui-draggable-dragging {
567 #widgets-left #available-widgets .widget:nth-child(even) {
571 #widgets-right .sidebars-column-1,
572 #widgets-right .sidebars-column-2 {
577 #widgets-right .sidebars-column-1 {
581 #widgets-right.single-sidebar .sidebars-column-1,
582 #widgets-right.single-sidebar .sidebars-column-2 {