Commit | Line | Data |
---|---|---|
6a488035 TO |
1 | .crm-profile-selector { |
2 | display: none; | |
3 | } | |
4 | .crm-profile-selector-preview-pane { | |
5 | width: 75%; | |
6 | min-width: 500px; | |
7 | height: 20em; | |
8 | border: 1px solid black; | |
9 | padding: 4px; | |
10 | } | |
11 | ||
12 | .crm-designer-toolbar { | |
13 | width: 290px; | |
14 | position: absolute; | |
15 | top: 0; | |
16 | right: 0; | |
17 | } | |
18 | ||
19 | .crm-designer-toolbar hr, | |
20 | .crm-designer-palette-search { | |
21 | margin: 0.5em 0; | |
22 | } | |
23 | ||
f84151fd CW |
24 | .crm-designer-palette-search input { |
25 | max-width: 75%; | |
26 | } | |
27 | ||
6a488035 TO |
28 | .crm-designer-toolbar .ui-resizable-w { |
29 | border-left: 4px dotted #BFBFBF; | |
30 | cursor: ew-resize; | |
31 | height: 50px; | |
32 | top: 45%; | |
33 | } | |
34 | ||
35 | .crm-designer-toolbar .ui-resizable-w:hover { | |
36 | border-left: 4px dotted #6B6B6B; | |
37 | } | |
38 | ||
39 | .crm-designer-palette { | |
40 | height: 20em; | |
41 | } | |
42 | ||
e871d6eb | 43 | .crm-designer-palette-section > a { |
6a488035 TO |
44 | font-weight: bold; |
45 | } | |
46 | ||
47 | .crm-designer-palette .crm-designer-palette-field, | |
48 | .crm-designer-palette .crm-designer-palette-field.disabled:hover { | |
49 | padding: 1px; | |
50 | border: 1px dashed transparent; | |
51 | background-color: transparent; | |
52 | margin-right: 0.5em; | |
53 | } | |
54 | ||
55 | .crm-designer-palette .crm-designer-palette-field a { | |
56 | cursor: move; | |
57 | } | |
58 | ||
59 | .crm-designer-palette .crm-designer-palette-field.disabled a { | |
60 | cursor: default; | |
61 | } | |
62 | ||
63 | .crm-designer-palette .crm-designer-palette-field:hover, | |
64 | .crm-designer-fields-region .crm-designer-row:hover, | |
65 | .crm-designer-open .crm-designer-row, | |
66 | .crm-designer-row-placeholder { | |
67 | border: 1px dashed gray; | |
68 | cursor: move; | |
69 | background-color: #E9E9F5; | |
70 | } | |
71 | ||
72 | .crm-container .crm-designer-palette .crm-designer-palette-tree a { | |
73 | color: #222; | |
74 | font-style: normal; | |
75 | } | |
76 | ||
77 | .crm-container .crm-designer-palette .disabled a, | |
78 | .crm-designer-palette .crm-designer-palette-tree .disabled a.jstree-search { | |
79 | color: #999; | |
80 | } | |
81 | ||
82 | .crm-designer-palette .jstree-leaf ins { | |
83 | width: 6px; | |
84 | } | |
85 | ||
86 | /* Cancel hovering affect from JSTree theme -- we already do this! */ | |
87 | .crm-designer-palette .crm-designer-palette-tree .jstree-hovered { | |
88 | background: transparent; | |
89 | border: 1px transparent; | |
90 | padding: 1px 2px 0 2px; | |
91 | } | |
92 | ||
93 | .crm-designer-canvas { | |
94 | padding-right: 1em; | |
95 | margin-right: 300px; | |
96 | } | |
97 | ||
98 | .crm-designer-buttonset-region { | |
99 | text-align: center; | |
100 | margin: auto; | |
101 | } | |
102 | ||
103 | .crm-designer-field-binding { | |
104 | border: 1px inset black; | |
105 | padding: 0.4em; | |
106 | background: #ccc; | |
107 | } | |
108 | ||
109 | .crm-designer-fields { | |
110 | min-width:100px; | |
111 | /* to allow dropping in big whitespace, coordinate with min-height of dialog */ | |
112 | min-height:500px; | |
113 | } | |
114 | ||
115 | .crm-designer-duplicate .crm-designer-row { | |
116 | background: #fbb; | |
117 | } | |
118 | ||
119 | .crm-designer-duplicate .field-location_type_id, | |
120 | .crm-designer-duplicate .field-phone_type_id { | |
121 | color: #f00; | |
122 | } | |
123 | ||
124 | .crm-designer-row .crm-designer-buttons { | |
125 | right: 5px; | |
126 | top: 5px; | |
127 | position: absolute; | |
128 | height: 20px; | |
129 | } | |
130 | ||
131 | .crm-designer-fields-region .crm-designer-buttons { | |
132 | display: none; | |
133 | } | |
134 | ||
135 | .crm-designer-fields-region .crm-designer-open .crm-designer-buttons, | |
136 | .crm-designer-row:hover .crm-designer-buttons { | |
137 | display: block; | |
138 | } | |
139 | ||
140 | .crm-designer-row .crm-designer-buttons a { | |
141 | cursor: pointer; | |
142 | display: inline-block; | |
143 | border-radius: 4px; | |
144 | border: 1px solid #D7D7D7; | |
145 | } | |
146 | ||
147 | .crm-designer-row .crm-designer-buttons a:hover, | |
148 | .crm-designer button:hover { | |
149 | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); | |
150 | } | |
151 | ||
fa3a5fe2 | 152 | .crm-designer .crm-designer-palette-tree button { |
e871d6eb CW |
153 | font-size: .8em; |
154 | } | |
155 | ||
2b83aa0d CW |
156 | .crm-designer .crm-designer-palette-tree span.ui-button-text, |
157 | .crm-designer .crm-designer-edit-custom span.ui-button-text { | |
e871d6eb CW |
158 | padding: 0.4em; |
159 | } | |
160 | ||
2b83aa0d CW |
161 | .crm-designer .crm-designer-edit-custom { |
162 | position: absolute; | |
163 | right: 5px; | |
164 | top: 35px; | |
165 | font-size: .8em; | |
fa3a5fe2 | 166 | border: 1px solid #CFCEC3; |
2b83aa0d CW |
167 | } |
168 | ||
169 | button#crm-designer-add-custom-set { | |
170 | margin-top: 10px; | |
171 | } | |
172 | ||
6a488035 TO |
173 | .ui-sortable-helper > .crm-designer-row { |
174 | box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); | |
175 | opacity: 0.75; | |
176 | } | |
177 | ||
178 | .crm-designer-row .crm-designer-buttons a.crm-designer-action-settings:hover { | |
179 | background-color: #71D46E; | |
180 | } | |
181 | ||
182 | .crm-designer-row .crm-designer-buttons a.crm-designer-action-remove:hover { | |
183 | background-color: #F19489; | |
184 | } | |
185 | ||
186 | .crm-designer-row, | |
187 | .crm-designer-row-placeholder { | |
188 | border: 1px dashed transparent; | |
189 | padding: 0.3em; | |
190 | margin: auto; | |
191 | position: relative; | |
192 | } | |
193 | ||
194 | .crm-designer-row-label { | |
fa3a5fe2 | 195 | padding: 0.5em 0; |
6a488035 TO |
196 | } |
197 | ||
198 | .crm-designer-label { | |
199 | font-weight: bold; | |
200 | } | |
201 | ||
202 | .crm-designer-row-placeholder { | |
203 | visibility: visible !important; | |
204 | height: 2em; | |
205 | } | |
206 | ||
207 | .crm-designer-dialog .description { | |
fa3a5fe2 | 208 | margin: 0 2em 0 0; |
6a488035 TO |
209 | } |
210 | ||
211 | .crm-designer-dialog .disabled .description { | |
212 | display: none; | |
213 | } | |
214 | ||
215 | .crm-designer-dialog li.crm-designer-row-placeholder, | |
216 | .crm-designer-dialog li.ui-draggable-dragging, | |
217 | .crm-designer-dialog .bbf-form ul { | |
218 | list-style-image: none; | |
219 | list-style: none; | |
220 | } | |
221 | ||
222 | .ui-dialog .crm-designer-dialog.ui-dialog-content { | |
223 | overflow: visible; | |
224 | padding-right: .25em; | |
225 | } | |
226 | ||
227 | .crm-designer-dialog .full-height { | |
228 | height: 100%; | |
229 | } | |
230 | ||
231 | .crm-designer { | |
232 | position: relative; | |
233 | } | |
234 | ||
235 | .crm-profile-selector-preview-pane, | |
236 | .crm-designer-dialog .crm-designer .scroll { | |
237 | overflow-x: auto; | |
238 | overflow-y: scroll; | |
239 | } | |
240 | ||
241 | .ui-dialog { | |
242 | border: 1px solid #444; | |
243 | box-shadow: 0 0 12px rgba(0, 0, 0, 0.3); | |
244 | } | |
245 | ||
246 | /* Hide annoying 'preview' message */ | |
247 | .crm-profile-selector-preview-pane > div.messages.status.info { | |
248 | display: none; | |
249 | } |