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