| 1 | /* ------------------------------------------------------------- side bars */ |
|---|
| 2 | |
|---|
| 3 | #sidebarsWidgets { |
|---|
| 4 | float: left; |
|---|
| 5 | width: 49%; |
|---|
| 6 | margin: 0 0 0 1%; |
|---|
| 7 | padding: 0 1%; |
|---|
| 8 | } |
|---|
| 9 | .widgets.fieldset { |
|---|
| 10 | margin-bottom: 2em; |
|---|
| 11 | } |
|---|
| 12 | .widgets.fieldset.if-drag { |
|---|
| 13 | padding-bottom: 0; |
|---|
| 14 | border-radius: .5em; |
|---|
| 15 | } |
|---|
| 16 | #dndnav, #dndextra, #dndcustom { |
|---|
| 17 | padding: 1em 0; |
|---|
| 18 | margin: 1em 0 0; |
|---|
| 19 | } |
|---|
| 20 | #dndnav>li, #dndextra>li, #dndcustom>li { |
|---|
| 21 | padding: 0; |
|---|
| 22 | border: 1px solid #999; |
|---|
| 23 | margin-bottom: 1em; |
|---|
| 24 | list-style: none; |
|---|
| 25 | } |
|---|
| 26 | #dndnav>li.empty-widgets, #dndextra>li.empty-widgets, #dndcustom>li.empty-widgets { |
|---|
| 27 | border: 0; |
|---|
| 28 | } |
|---|
| 29 | #dndnav>li.ui-sortable-placeholder, #dndextra>li.ui-sortable-placeholder, #dndcustom>li.ui-sortable-placeholder, .sortable-delete>li.ui-sortable-placeholder { |
|---|
| 30 | border: 1px dashed #999; |
|---|
| 31 | height: 2em; |
|---|
| 32 | padding: .3em; |
|---|
| 33 | } |
|---|
| 34 | .sortable-delete>li.ui-sortable-placeholder { |
|---|
| 35 | border-width: 2px; |
|---|
| 36 | border-color: red; |
|---|
| 37 | } |
|---|
| 38 | .sortable-delete { |
|---|
| 39 | display: none; |
|---|
| 40 | } |
|---|
| 41 | .sortable-delete.if-drag { |
|---|
| 42 | border: 1px dotted #999; |
|---|
| 43 | /* color: #000; */ |
|---|
| 44 | font-weight: bold; |
|---|
| 45 | list-style-type: none; |
|---|
| 46 | margin: 0 0 1em; |
|---|
| 47 | padding: .5em 1em; |
|---|
| 48 | display: block; |
|---|
| 49 | /* background: #fafafa; */ |
|---|
| 50 | } |
|---|
| 51 | .sortable-delete>li { |
|---|
| 52 | margin-bottom: 3px; |
|---|
| 53 | } |
|---|
| 54 | .sortable-delete>li.sortable-delete-placeholder { |
|---|
| 55 | border: 0 none; |
|---|
| 56 | /* color: #aaa; */ |
|---|
| 57 | font-size: 1em; |
|---|
| 58 | font-weight: bold; |
|---|
| 59 | text-align: center; |
|---|
| 60 | } |
|---|
| 61 | .widget-name { |
|---|
| 62 | /* background: #eef; |
|---|
| 63 | color: #000; */ |
|---|
| 64 | padding: 4px 6px; |
|---|
| 65 | margin: 0; |
|---|
| 66 | font-weight: bold; |
|---|
| 67 | } |
|---|
| 68 | .widget-name img { |
|---|
| 69 | cursor: pointer; |
|---|
| 70 | margin-bottom: -1px; |
|---|
| 71 | } |
|---|
| 72 | .widget-name a.aexpand, .widget-name a.aexpand:link, .widget-name a.aexpand:visited { |
|---|
| 73 | border: 0 none; |
|---|
| 74 | /* color: #000; */ |
|---|
| 75 | text-decoration: none; |
|---|
| 76 | } |
|---|
| 77 | #dndnav .form-note, #dndextra .form-note, #dndcustom .form-note { |
|---|
| 78 | display: none; |
|---|
| 79 | } |
|---|
| 80 | .toolsWidget { |
|---|
| 81 | float: right; |
|---|
| 82 | } |
|---|
| 83 | .widgetSettings { |
|---|
| 84 | border-top: 1px solid #ddd; |
|---|
| 85 | padding: 8px 6px; |
|---|
| 86 | /* background: #f5f5f5; */ |
|---|
| 87 | } |
|---|
| 88 | #sidebarsControl { |
|---|
| 89 | clear: left; |
|---|
| 90 | } |
|---|
| 91 | /* ------------------------------------------------------------- list Widgets ref */ |
|---|
| 92 | |
|---|
| 93 | #listWidgets { |
|---|
| 94 | float: left; |
|---|
| 95 | width: 49%; |
|---|
| 96 | /* background: #eee; */ |
|---|
| 97 | padding: 1.5em 1% 0; |
|---|
| 98 | margin: 0 1% 0 0; |
|---|
| 99 | } |
|---|
| 100 | #listWidgets h3 { |
|---|
| 101 | /* color: #333; */ |
|---|
| 102 | } |
|---|
| 103 | #widgets-ref { |
|---|
| 104 | padding: 1em 0; |
|---|
| 105 | margin: 1em 0 0; |
|---|
| 106 | } |
|---|
| 107 | #widgets-ref>li { |
|---|
| 108 | border: 1px solid #ccc; |
|---|
| 109 | margin-bottom: .5em; |
|---|
| 110 | /* background: #fff; */ |
|---|
| 111 | min-height: 3em; |
|---|
| 112 | padding: 0 0 4px 0; |
|---|
| 113 | list-style: none; |
|---|
| 114 | } |
|---|
| 115 | #widgets-ref .widget-name, #widgets-ref .manual-move { |
|---|
| 116 | /* background: #fff; */ |
|---|
| 117 | margin-bottom: 0; |
|---|
| 118 | padding: 4px 8px 0; |
|---|
| 119 | } |
|---|
| 120 | #widgets-ref .widget-name { |
|---|
| 121 | min-height: 3em; |
|---|
| 122 | } |
|---|
| 123 | #widgets-ref .widget-name .form-note { |
|---|
| 124 | display: block; |
|---|
| 125 | font-style: normal; |
|---|
| 126 | font-size: 1.1rem; |
|---|
| 127 | } |
|---|
| 128 | #widgets-ref .widgetSettings { |
|---|
| 129 | display: none; |
|---|
| 130 | } |
|---|
| 131 | .removeWidget { |
|---|
| 132 | margin-left: 1em; |
|---|
| 133 | } |
|---|
| 134 | /* ------------------------------------------------------------- help */ |
|---|
| 135 | |
|---|
| 136 | #widgets-tpl dt { |
|---|
| 137 | margin: 1em 0 0 0; |
|---|
| 138 | } |
|---|
| 139 | #widgets-tpl dd { |
|---|
| 140 | margin: 0.2em 0 1em 0; |
|---|
| 141 | } |
|---|
