| 1 | /* |
|---|
| 2 | # -- BEGIN LICENSE BLOCK --------------------------------------- |
|---|
| 3 | # |
|---|
| 4 | # This file is part of Dotclear 2. |
|---|
| 5 | # |
|---|
| 6 | # Copyright (c) 2003-2013 Olivier Meunier and Association Dotclear |
|---|
| 7 | # Licensed under the GPL version 2.0 license. |
|---|
| 8 | # See LICENSE file or |
|---|
| 9 | # http://www.gnu.org/licenses/old-licenses/gpl-2.0.html |
|---|
| 10 | # |
|---|
| 11 | # -- END LICENSE BLOCK ----------------------------------------- |
|---|
| 12 | */ |
|---|
| 13 | |
|---|
| 14 | |
|---|
| 15 | /* ------------------------------------------------------------- side bars */ |
|---|
| 16 | #sidebarsWidgets { |
|---|
| 17 | float: left; |
|---|
| 18 | width: 49%; |
|---|
| 19 | margin: 0 0 0 1%; |
|---|
| 20 | padding: 0 1%; |
|---|
| 21 | } |
|---|
| 22 | .widgets.fieldset { |
|---|
| 23 | margin-bottom: 2em; |
|---|
| 24 | } |
|---|
| 25 | .widgets.fieldset.if-drag { |
|---|
| 26 | padding-bottom: 0; |
|---|
| 27 | border-radius: .5em; |
|---|
| 28 | } |
|---|
| 29 | #dndnav, #dndextra, #dndcustom { |
|---|
| 30 | padding: 1em 0; |
|---|
| 31 | margin: 1em 0 0; |
|---|
| 32 | } |
|---|
| 33 | #dndnav > li, |
|---|
| 34 | #dndextra > li, |
|---|
| 35 | #dndcustom > li { |
|---|
| 36 | padding: 0; |
|---|
| 37 | border: 1px solid #999; |
|---|
| 38 | margin-bottom: 1em; |
|---|
| 39 | list-style: none; |
|---|
| 40 | } |
|---|
| 41 | #dndnav > li.empty-widgets, |
|---|
| 42 | #dndextra > li.empty-widgets, |
|---|
| 43 | #dndcustom > li.empty-widgets { |
|---|
| 44 | border: 0; |
|---|
| 45 | } |
|---|
| 46 | #dndnav > li.ui-sortable-placeholder, |
|---|
| 47 | #dndextra > li.ui-sortable-placeholder, |
|---|
| 48 | #dndcustom > li.ui-sortable-placeholder, |
|---|
| 49 | .sortable-delete > li.ui-sortable-placeholder { |
|---|
| 50 | border: 1px dashed #999; |
|---|
| 51 | height: 2em; |
|---|
| 52 | padding: .3em; |
|---|
| 53 | } |
|---|
| 54 | .sortable-delete > li.ui-sortable-placeholder { |
|---|
| 55 | border-width: 2px; |
|---|
| 56 | border-color: red; |
|---|
| 57 | } |
|---|
| 58 | .sortable-delete { |
|---|
| 59 | display: none; |
|---|
| 60 | } |
|---|
| 61 | .sortable-delete.if-drag { |
|---|
| 62 | border: 1px dotted #999; |
|---|
| 63 | color: #000; |
|---|
| 64 | font-weight: bold; |
|---|
| 65 | list-style-type: none; |
|---|
| 66 | margin: 0 0 1em; |
|---|
| 67 | padding: .5em 1em; |
|---|
| 68 | display: block; |
|---|
| 69 | background: #fafafa; |
|---|
| 70 | } |
|---|
| 71 | .sortable-delete > li { |
|---|
| 72 | margin-bottom: 3px; |
|---|
| 73 | } |
|---|
| 74 | .sortable-delete > li.sortable-delete-placeholder { |
|---|
| 75 | border: 0 none; |
|---|
| 76 | color: #aaa; |
|---|
| 77 | font-size: 1em; |
|---|
| 78 | font-weight: bold; |
|---|
| 79 | text-align: center; |
|---|
| 80 | } |
|---|
| 81 | .widget-name { |
|---|
| 82 | background: #eef; |
|---|
| 83 | color: #000; |
|---|
| 84 | padding: 4px 6px; |
|---|
| 85 | margin: 0; |
|---|
| 86 | font-weight: bold; |
|---|
| 87 | } |
|---|
| 88 | .widget-name img { |
|---|
| 89 | cursor: pointer; |
|---|
| 90 | margin-bottom: -1px; |
|---|
| 91 | } |
|---|
| 92 | .widget-name a.aexpand, |
|---|
| 93 | .widget-name a.aexpand:link, |
|---|
| 94 | .widget-name a.aexpand:visited { |
|---|
| 95 | border: 0 none; |
|---|
| 96 | color: #000; |
|---|
| 97 | text-decoration: none; |
|---|
| 98 | } |
|---|
| 99 | #dndnav .form-note, |
|---|
| 100 | #dndextra .form-note, |
|---|
| 101 | #dndcustom .form-note { |
|---|
| 102 | display: none; |
|---|
| 103 | } |
|---|
| 104 | .toolsWidget { |
|---|
| 105 | float: right; |
|---|
| 106 | } |
|---|
| 107 | .widgetSettings { |
|---|
| 108 | border-top: 1px solid #ddd; |
|---|
| 109 | padding: 8px 6px; |
|---|
| 110 | background: #f5f5f5; |
|---|
| 111 | } |
|---|
| 112 | |
|---|
| 113 | #sidebarsControl { |
|---|
| 114 | clear: left; |
|---|
| 115 | } |
|---|
| 116 | |
|---|
| 117 | /* ------------------------------------------------------------- list Widgets ref */ |
|---|
| 118 | #listWidgets { |
|---|
| 119 | float: left; |
|---|
| 120 | width: 49%; |
|---|
| 121 | background: #eee; |
|---|
| 122 | padding: 1.5em 1% 0; |
|---|
| 123 | margin: 0 1% 0 0; |
|---|
| 124 | } |
|---|
| 125 | #listWidgets h3 { |
|---|
| 126 | color: #333; |
|---|
| 127 | } |
|---|
| 128 | |
|---|
| 129 | #widgets-ref { |
|---|
| 130 | padding: 1em 0; |
|---|
| 131 | margin: 1em 0 0; |
|---|
| 132 | } |
|---|
| 133 | #widgets-ref > li { |
|---|
| 134 | border: 1px solid #ccc; |
|---|
| 135 | margin-bottom: .5em; |
|---|
| 136 | background: #fff; |
|---|
| 137 | min-height: 3em; |
|---|
| 138 | padding: 0 0 4px 0; |
|---|
| 139 | list-style: none; |
|---|
| 140 | } |
|---|
| 141 | #widgets-ref .widget-name, |
|---|
| 142 | #widgets-ref .manual-move { |
|---|
| 143 | background: #fff; |
|---|
| 144 | margin-bottom: 0; |
|---|
| 145 | padding: 4px 8px 0; |
|---|
| 146 | } |
|---|
| 147 | #widgets-ref .widget-name { |
|---|
| 148 | min-height: 3em; |
|---|
| 149 | } |
|---|
| 150 | #widgets-ref .widget-name .form-note { |
|---|
| 151 | display: block; |
|---|
| 152 | font-style: normal; |
|---|
| 153 | font-size: 1.1rem; |
|---|
| 154 | } |
|---|
| 155 | #widgets-ref .widgetSettings { |
|---|
| 156 | display: none; |
|---|
| 157 | } |
|---|
| 158 | .removeWidget { |
|---|
| 159 | margin-left: 1em; |
|---|
| 160 | } |
|---|
| 161 | /* ------------------------------------------------------------- help */ |
|---|
| 162 | #widgets-tpl dt { |
|---|
| 163 | margin: 1em 0 0 0; |
|---|
| 164 | } |
|---|
| 165 | #widgets-tpl dd { |
|---|
| 166 | margin: 0.2em 0 1em 0; |
|---|
| 167 | } |
|---|