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;
33 text-overflow: ellipsis;
34 -webkit-user-select: none;
35 -moz-user-select: none;
36 -ms-user-select: none;
40 .widgets-holder-wrap .widget-inside {
42 padding: 1px 15px 15px 15px;
47 #widgets-right a.widget-control-edit,
48 #available-widgets .widget-description {
52 .deleting .widget-title,
53 .deleting .widget-top a.widget-action:after {
57 /* Widget Dragging Helpers */
58 .widget.ui-draggable-dragging {
62 .widget.ui-sortable-helper {
67 border: 1px dashed #b4b9be;
71 -webkit-box-sizing: border-box;
72 -moz-box-sizing: border-box;
73 box-sizing: border-box;
76 #widgets-right .widget-placeholder {
80 #widgets-right .closed .widget-placeholder {
89 -webkit-box-sizing: border-box;
90 -moz-box-sizing: border-box;
91 box-sizing: border-box;
113 .widgets-holder-wrap .description {
120 #widgets-right .widgets-holder-wrap .description {
125 /* Widgets 2-col Layout */
126 div.widget-liquid-left {
132 div.widget-liquid-right {
137 /* Widgets Left - Available Widgets */
143 div#widgets-left .closed .sidebar-name,
144 div#widgets-left .inactive-sidebar.closed .sidebar-name {
148 div#widgets-left .sidebar-name h2,
149 div#widgets-left .sidebar-name h3 {
154 #widgets-left .sidebar-name .sidebar-name-arrow:before {
158 #widgets-left #available-widgets,
159 div#widgets-left .widget-holder {
160 background: transparent;
164 #widgets-left .widgets-holder-wrap {
166 -webkit-box-shadow: none;
170 #available-widgets .widget-action {
174 #available-widgets .widget {
178 #available-widgets .widget:nth-child(odd) {
182 #available-widgets .widget .widget-description {
188 #available-widgets #widget-list {
192 /* Inactive Sidebars */
193 #widgets-left .inactive-sidebar {
196 background: transparent;
200 -webkit-box-shadow: none;
204 #widgets-left .inactive-sidebar.first {
208 /* Not sure what this is for... */
209 div#widgets-left .inactive-sidebar .widget.expanded {
213 .widget-title-action {
218 div#widgets-left .inactive-sidebar .widgets-sortables {
221 background: transparent;
228 div#widgets-right:after {
236 div#widgets-right .sidebars-column-1,
237 div#widgets-right .sidebars-column-2 {
241 div#widgets-right .widgets-holder-wrap {
245 div#widgets-right .sidebar-description {
250 div#widgets-right .sidebar-name h2,
251 div#widgets-right .sidebar-name h3 {
255 div#widgets-right .sidebar-name .sidebar-name-arrow:before {
259 div#widgets-right .widget-top {
263 div#widgets-right .widgets-sortables {
270 div#widgets-right .closed .widgets-sortables {
275 .sidebar-name .spinner,
276 .remove-inactive-widgets .spinner {
283 /* Dragging a widget over a closed sidebar */
284 #widgets-right .widgets-holder-wrap.widget-hover {
286 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
287 box-shadow: 0 1px 2px rgba(0,0,0,0.3);
290 /* Accessibility Mode */
291 .widgets_access #widgets-left .widget .widget-top {
295 .widgets_access #wpwrap .widgets-holder-wrap.closed .sidebar-description,
296 .widgets_access #wpwrap .widgets-holder-wrap.closed .widget,
297 .widgets_access #wpwrap .widget-control-edit {
301 .widgets_access #widgets-left .widget .widget-top:hover,
302 .widgets_access #widgets-right .widget .widget-top:hover {
306 #available-widgets .widget-control-edit .edit,
307 #widgets-left .inactive-sidebar .widget-control-edit .add,
308 #widgets-right .widget-control-edit .add {
312 .widget-control-edit {
318 border-right: 1px solid #DDD;
321 #widgets-left .widget-control-edit:hover,
322 #widgets-right .widget-control-edit:hover {
326 outline: 1px solid #444;
329 .widgets-holder-wrap .sidebar-name,
330 .widgets-holder-wrap .sidebar-description {
331 -webkit-user-select: none;
332 -moz-user-select: none;
333 -ms-user-select: none;
341 .editwidget .widget-inside {
346 .editwidget .widget-control-actions {
350 .js .widgets-holder-wrap.closed .widget,
351 .js .widgets-holder-wrap.closed .sidebar-description,
352 .js .widgets-holder-wrap.closed .remove-inactive-widgets,
353 .js .closed br.clear {
357 .js .widgets-holder-wrap.closed .widget.ui-sortable-helper {
361 /* Hide Widget Settings by Default */
363 .widget-description {
371 /* Dragging widgets over the available widget area show's a "Deactivate" message */
381 .js #removing-widget {
385 .widget-control-noform,
387 .widgets_access .widget-action,
388 .widgets_access .sidebar-name-arrow,
389 .widgets_access #access-on,
390 .widgets_access .widget-holder .description,
391 .no-js .widget-holder .description {
395 .widgets_access .widget-holder,
396 .widgets_access #widget-list {
400 .widgets_access #access-off {
404 .widgets_access .sidebar-name,
405 .widgets_access .widget .widget-top {
410 /* Widgets Area Chooser */
411 .widget-liquid-left #widgets-left.chooser #available-widgets .widget,
412 .widget-liquid-left #widgets-left.chooser .inactive-sidebar {
413 -webkit-transition: opacity 0.1s linear;
414 transition: opacity 0.1s linear;
417 .widget-liquid-left #widgets-left.chooser #available-widgets .widget,
418 .widget-liquid-left #widgets-left.chooser .inactive-sidebar {
419 /* -webkit-filter: blur(1px); */
421 pointer-events: none;
424 .widget-liquid-left #widgets-left.chooser #available-widgets .widget-in-question {
425 /* -webkit-filter: none; */
427 pointer-events: auto;
431 #widgets-left .widget-in-question .widget-top,
432 #available-widgets .widget-top:hover,
433 div#widgets-right .widget-top:hover,
434 #widgets-left .widget-top:hover {
436 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
437 box-shadow: 0 1px 2px rgba(0,0,0,0.1);
440 .widgets-chooser ul.widgets-chooser-sidebars {
442 list-style-type: none;
451 .widgets-chooser ul {
452 border: 1px solid #ccc;
455 .widgets-chooser li {
456 padding: 10px 35px 10px 15px;
457 border-bottom: 1px solid #ccc;
463 -webkit-transition: background 0.2s ease-in-out;
464 transition: background 0.2s ease-in-out;
467 .widgets-chooser li:hover,
468 .widgets-chooser li:focus {
469 background: rgba(255,255,255,0.7);
472 .widgets-chooser li:focus:before {
475 -webkit-font-smoothing: antialiased;
476 font: normal 26px/1 dashicons;
483 .widgets-chooser li:last-child {
487 .widgets-chooser li.widgets-chooser-selected {
492 .widgets-chooser li.widgets-chooser-selected:before,
493 .widgets-chooser li.widgets-chooser-selected:focus:before {
496 -webkit-font-smoothing: antialiased;
497 font: normal 26px/1 dashicons;
504 .widgets-chooser .widgets-chooser-actions {
505 padding: 10px 0 12px 0;
509 .widgets-chooser button {
513 #available-widgets .widget .widget-top {
517 #available-widgets .widget.ui-draggable-dragging .widget-top {
522 -------------------------------------------------------------- */
524 @media screen and (max-width: 480px) {
525 div.widget-liquid-left {
532 #widgets-left .sidebar-name {
536 #widgets-left #available-widgets .widget-top {
540 #widgets-left .inactive-sidebar .widgets-sortables {
544 div.widget-liquid-right {
550 margin: 0 auto 10px !important;
555 @media screen and (max-width: 320px) {
561 @media only screen and (min-width: 1250px) {
562 #widgets-left #available-widgets .widget {
567 .widget.ui-draggable-dragging {
571 #widgets-left #available-widgets .widget:nth-child(even) {
575 #widgets-right .sidebars-column-1,
576 #widgets-right .sidebars-column-2 {
581 #widgets-right .sidebars-column-1 {
585 #widgets-right.single-sidebar .sidebars-column-1,
586 #widgets-right.single-sidebar .sidebars-column-2 {