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 #bbb;
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 6px 4px 4px;
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 {
278 /* Dragging a widget over a closed sidebar */
279 #widgets-right .widgets-holder-wrap.widget-hover {
281 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
282 box-shadow: 0 1px 2px rgba(0,0,0,0.3);
285 /* Accessibility Mode */
286 .widgets_access #widgets-left .widget .widget-top {
290 .widgets_access #wpwrap .widgets-holder-wrap.closed .sidebar-description,
291 .widgets_access #wpwrap .widgets-holder-wrap.closed .widget,
292 .widgets_access #wpwrap .widget-control-edit {
296 .widgets_access #widgets-left .widget .widget-top:hover,
297 .widgets_access #widgets-right .widget .widget-top:hover {
301 #available-widgets .widget-control-edit .edit,
302 #widgets-left .inactive-sidebar .widget-control-edit .add,
303 #widgets-right .widget-control-edit .add {
307 .widget-control-edit {
313 border-left: 1px solid #DDD;
316 #widgets-left .widget-control-edit:hover,
317 #widgets-right .widget-control-edit:hover {
321 outline: 1px solid #444;
324 .widgets-holder-wrap .sidebar-name,
325 .widgets-holder-wrap .sidebar-description {
326 -webkit-user-select: none;
327 -moz-user-select: none;
328 -ms-user-select: none;
336 .editwidget .widget-inside {
341 .editwidget .widget-control-actions {
345 .js .widgets-holder-wrap.closed .widget,
346 .js .widgets-holder-wrap.closed .sidebar-description,
347 .js .closed br.clear {
351 /* Hide Widget Settings by Default */
353 .widget-description {
361 /* Dragging widgets over the available widget area show's a "Deactivate" message */
371 .js #removing-widget {
375 .widget-control-noform,
377 .widgets_access .widget-action,
378 .widgets_access .sidebar-name-arrow,
379 .widgets_access #access-on,
380 .widgets_access .widget-holder .description,
381 .no-js .widget-holder .description {
385 .widgets_access .widget-holder,
386 .widgets_access #widget-list {
390 .widgets_access #access-off {
394 .widgets_access .sidebar-name,
395 .widgets_access .widget .widget-top {
400 /* Widgets Area Chooser */
401 .widget-liquid-left #widgets-left.chooser #available-widgets .widget,
402 .widget-liquid-left #widgets-left.chooser .inactive-sidebar {
403 -webkit-transition: opacity 0.1s linear;
404 transition: opacity 0.1s linear;
407 .widget-liquid-left #widgets-left.chooser #available-widgets .widget,
408 .widget-liquid-left #widgets-left.chooser .inactive-sidebar {
409 /* -webkit-filter: blur(1px); */
411 pointer-events: none;
414 .widget-liquid-left #widgets-left.chooser #available-widgets .widget-in-question {
415 /* -webkit-filter: none; */
417 pointer-events: auto;
421 #widgets-left .widget-in-question .widget-top,
422 #available-widgets .widget-top:hover,
423 div#widgets-right .widget-top:hover,
424 #widgets-left .widget-top:hover {
426 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
427 box-shadow: 0 1px 2px rgba(0,0,0,0.1);
430 .widgets-chooser ul.widgets-chooser-sidebars {
432 list-style-type: none;
441 .widgets-chooser ul {
442 border: 1px solid #ccc;
445 .widgets-chooser li {
446 padding: 10px 15px 10px 35px;
447 border-bottom: 1px solid #ccc;
453 -webkit-transition: background 0.2s ease-in-out;
454 transition: background 0.2s ease-in-out;
457 .widgets-chooser li:hover,
458 .widgets-chooser li:focus {
459 background: rgba(255,255,255,0.7);
462 .widgets-chooser li:focus:before {
465 -webkit-font-smoothing: antialiased;
466 font: normal 26px/1 'dashicons';
473 .widgets-chooser li:last-child {
477 .widgets-chooser li.widgets-chooser-selected {
482 .widgets-chooser li.widgets-chooser-selected:before,
483 .widgets-chooser li.widgets-chooser-selected:focus:before {
486 -webkit-font-smoothing: antialiased;
487 font: normal 26px/1 'dashicons';
494 .widgets-chooser .widgets-chooser-actions {
495 padding: 10px 0 12px 0;
499 .widgets-chooser button {
503 #available-widgets .widget .widget-top {
508 -------------------------------------------------------------- */
510 @media screen and (max-width: 480px) {
511 div.widget-liquid-left {
518 #widgets-left .sidebar-name {
522 #widgets-left #available-widgets .widget-top {
526 #widgets-left .inactive-sidebar .widgets-sortables {
530 div.widget-liquid-right {
536 margin: 0 auto 10px !important;
541 @media screen and (max-width: 320px) {
547 @media only screen and (min-width: 1250px) {
548 #widgets-left #available-widgets .widget {
553 .widget.ui-draggable-dragging {
557 #widgets-left #available-widgets .widget:nth-child(even) {
561 #widgets-right .sidebars-column-1,
562 #widgets-right .sidebars-column-2 {
567 #widgets-right .sidebars-column-1 {
571 #widgets-right.single-sidebar .sidebars-column-1,
572 #widgets-right.single-sidebar .sidebars-column-2 {