drg_cms 0.6.1.5 → 0.6.1.11

Sign up to get free protection for your applications and to get access to all the features.
Files changed (69) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +203 -24
  3. data/app/assets/fonts/ibm-plex-sans-300.woff2 +0 -0
  4. data/app/assets/fonts/ibm-plex-sans-400.woff2 +0 -0
  5. data/app/assets/fonts/ibm-plex-sans-500.woff2 +0 -0
  6. data/app/assets/fonts/ibm-plex-sans-600.woff2 +0 -0
  7. data/app/assets/fonts/ibm-plex-sans-700.woff2 +0 -0
  8. data/app/assets/fonts/ibm-plex-sans-italic.woff2 +0 -0
  9. data/app/assets/javascripts/drg_cms/drg_cms.js +253 -106
  10. data/app/assets/stylesheets/drg_cms/drg_cms.css +670 -521
  11. data/app/assets/stylesheets/drg_cms_application.css +1 -1
  12. data/app/assets/stylesheets/drg_cms_cms.css +1 -4
  13. data/app/controllers/cmsedit_controller.rb +33 -211
  14. data/app/controllers/dc_application_controller.rb +98 -22
  15. data/app/controllers/dc_common_controller.rb +9 -22
  16. data/app/controls/browse_models_control.rb +18 -27
  17. data/app/controls/cmsedit_control.rb +129 -0
  18. data/app/controls/dc_help_control.rb +1 -1
  19. data/app/controls/dc_page_control.rb +0 -1
  20. data/app/controls/dc_poll_result_control.rb +1 -1
  21. data/app/controls/dc_report.rb +2 -2
  22. data/app/controls/design_element_settings_control.rb +1 -1
  23. data/app/forms/all_options.yml +25 -7
  24. data/app/forms/cms_menu.yml +24 -24
  25. data/app/forms/dc_browse_fields.yml +13 -9
  26. data/app/forms/dc_browse_models.yml +24 -2
  27. data/app/forms/dc_poll_result_export.yml +1 -1
  28. data/app/forms/dc_site.yml +2 -5
  29. data/app/forms/dc_steps_template.yml +51 -0
  30. data/app/helpers/cms_common_helper.rb +73 -6
  31. data/app/helpers/cms_edit_helper.rb +275 -159
  32. data/app/helpers/cms_helper.rb +152 -59
  33. data/app/helpers/cms_index_helper.rb +220 -172
  34. data/app/helpers/dc_application_helper.rb +40 -67
  35. data/app/models/concerns/dc_page_concern.rb +1 -1
  36. data/app/models/concerns/dc_site_concern.rb +9 -3
  37. data/app/models/dc_filter.rb +30 -22
  38. data/app/models/dc_journal.rb +2 -2
  39. data/app/models/dc_json_ld.rb +19 -42
  40. data/app/models/dc_part.rb +19 -9
  41. data/app/models/dc_site.rb +0 -1
  42. data/app/models/drgcms_form_fields/drgcms_field.rb +10 -4
  43. data/app/models/drgcms_form_fields/link_to.rb +1 -1
  44. data/app/models/drgcms_form_fields/multitext_autocomplete.rb +5 -5
  45. data/app/models/drgcms_form_fields/readonly.rb +4 -1
  46. data/app/models/drgcms_form_fields/select.rb +10 -9
  47. data/app/models/drgcms_form_fields/text_autocomplete.rb +20 -12
  48. data/app/models/drgcms_form_fields/text_with_select.rb +1 -0
  49. data/app/renderers/dc_common_renderer.rb +20 -3
  50. data/app/renderers/dc_part_renderer.rb +1 -1
  51. data/app/renderers/dc_poll_renderer.rb +1 -1
  52. data/app/views/cmsedit/_edit_stuff.html.erb +12 -12
  53. data/app/views/cmsedit/_form.html.erb +19 -12
  54. data/app/views/cmsedit/edit.html.erb +10 -6
  55. data/app/views/cmsedit/index.html.erb +5 -3
  56. data/app/views/cmsedit/login.html.erb +1 -1
  57. data/app/views/cmsedit/new.html.erb +9 -5
  58. data/app/views/dc_common/_help.html.erb +1 -0
  59. data/app/views/dc_common/paste_clipboard.html.erb +1 -1
  60. data/app/views/layouts/cms.html.erb +3 -5
  61. data/config/locales/drgcms_en.yml +7 -1
  62. data/config/locales/drgcms_sl.yml +7 -1
  63. data/config/locales/kaminari.yml +1 -1
  64. data/drg_cms.gemspec +2 -2
  65. data/lib/drg_cms/version.rb +1 -1
  66. data/lib/drg_cms.rb +4 -4
  67. metadata +16 -10
  68. data/app/views/cmsedit/__remove_edit_stuff.js.erb +0 -6
  69. data/app/views/cmsedit/__show.html.erb +0 -21
data/app/assets/stylesheets/drg_cms/drg_cms.css CHANGED
@@ -23,7 +23,43 @@
23
23
  #++
24
24
  */
25
25
 
26
- @import url('https://fonts.googleapis.com/css2?family=Exo:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"');
26
+ @font-face {
27
+ font-family: DrgSans;
28
+ font-style: normal;
29
+ font-weight: 300;
30
+ src: url('ibm-plex-sans-300.woff2') format('woff2')
31
+ }
32
+ @font-face {
33
+ font-family: DrgSans;
34
+ font-style: normal;
35
+ font-weight: 400;
36
+ src: url('ibm-plex-sans-400.woff2') format('woff2')
37
+ }
38
+ @font-face {
39
+ font-family: DrgSans;
40
+ font-style: normal;
41
+ font-weight: 500;
42
+ src: url('ibm-plex-sans-500.woff2') format('woff2')
43
+ }
44
+ @font-face {
45
+ font-family: DrgSans;
46
+ font-style: normal;
47
+ font-weight: 600;
48
+ src: url('ibm-plex-sans-600.woff2') format('woff2')
49
+ }
50
+ @font-face {
51
+ font-family: DrgSans;
52
+ font-style: normal;
53
+ font-weight: 700;
54
+ src: url('ibm-plex-sans-700.woff2') format('woff2')
55
+ }
56
+
57
+ @font-face {
58
+ font-family: DrgSans;
59
+ font-style: italic;
60
+ font-weight: 400;
61
+ src: url('ibm-plex-sans-italic.woff2') format('woff2')
62
+ }
27
63
 
28
64
  /* Web reset. Countributed by
29
65
  /* http://meyerweb.com/eric/tools/css/reset/
@@ -57,9 +93,6 @@ footer, header, hgroup, menu, nav, section {
57
93
  display: block;
58
94
  }
59
95
 
60
- body {
61
- /* line-height: 1; */
62
- }
63
96
  ol, ul {
64
97
  list-style: none;
65
98
  }
@@ -68,7 +101,6 @@ blockquote, q {
68
101
  }
69
102
  blockquote:before, blockquote:after,
70
103
  q:before, q:after {
71
- content: '';
72
104
  content: none;
73
105
  }
74
106
  table {
@@ -78,8 +110,8 @@ table {
78
110
  /* END */
79
111
 
80
112
  body {
81
- font-family: Exo,arial,sans-serif;
82
- font-size: 14px;
113
+ font-family: DrgSans,arial,sans-serif;
114
+ font-size: 15px;
83
115
  margin: 0;
84
116
  vertical-align: middle;
85
117
  color: #000;
@@ -87,36 +119,40 @@ font-weight: 400;
87
119
  }
88
120
 
89
121
  button {
90
- font-family: Exo,arial,sans-serif;
122
+ font-family: DrgSans,arial,sans-serif;
91
123
  }
92
124
 
93
-
94
125
  textarea, input, select {
95
- color: #000;
96
- padding: 6px 4px;
97
- margin-left: 1px;
98
- border: 1px dashed #888;;
99
- border-radius: 2px;
100
- font: 14px Exo,arial,sans-serif;
101
- max-width: 100%;
102
- vertical-align: middle;
126
+ color: #000;
127
+ padding: 8px 4px;
128
+ margin-left: 1px;
129
+ border: 1px dashed #888;;
130
+ border-radius: 3px;
131
+ font: 16px DrgSans,arial,sans-serif;
132
+ max-width: 100%;
133
+ vertical-align: middle;
134
+ }
135
+
136
+ .dc-action-menu textarea, .dc-action-menu input, .dc-action-menu select {
137
+ padding: 6px 4px;
138
+ max-width: 200px;
103
139
  }
104
140
 
105
141
  textarea:focus, input:focus, select:focus {
106
- border: 1px solid rgba(76,154,255, 1);
107
- outline: 1px solid rgba(76,154,255, 1);
108
- border-radius: 1px;
142
+ border: 1px solid rgba(44, 142, 255, 1);
143
+ outline: 1px solid rgba(44, 142, 255, 1);
144
+ border-radius: 3px;
109
145
  }
110
146
 
111
147
  input[type=submit]:focus {
112
148
  outline: none;
113
149
  border: none;
114
- background-color: rgba(76,154,255, 1);
150
+ background-color: rgba(44, 142, 255, 1);
115
151
  color: #fff;
116
152
  }
117
153
 
118
154
  textarea[readonly], input[readonly], select[readonly] {
119
- background-color: #eee !important;
155
+ background-color: #f4f4f4 !important;
120
156
  border: 1px solid #ddd !important;
121
157
  }
122
158
 
@@ -128,11 +164,6 @@ select {
128
164
  background-color: #fff;
129
165
  }
130
166
 
131
- select option {
132
- /* not working
133
- outline: none;*/
134
- }
135
-
136
167
  hr {
137
168
  background-color: #ccc;
138
169
  border: none;
@@ -144,7 +175,6 @@ height: 2px;
144
175
  padding: 0;
145
176
  }
146
177
 
147
-
148
178
  .normal {
149
179
  text-align: left;
150
180
  }
@@ -165,18 +195,18 @@ th a:hover { color: #000;}
165
195
 
166
196
  img { vertical-align:bottom; }
167
197
 
168
- .dc-link a:link, .dc-link a:active, .dc-link a:visited,
169
- .dc-animate a:link, .dc-animate a:active, .dc-animate a:visited,
170
- .dc-result a:link, .dc-result a:active, .dc-result a:visited {
198
+ .hover {
199
+ cursor: pointer;
200
+ }
201
+
202
+ .dc-link a:link, .dc-link a:active, .dc-link a:visited,
203
+ .dc-result a:link, .dc-result a:active, .dc-result a:visited {
171
204
  color: #666;
172
- font-weight: 600;
205
+ font-weight: 500;
173
206
  text-decoration: none;
174
207
  background: transparent;
175
- padding: 7px;
176
208
  }
177
209
 
178
- a.dc-animate:hover { color: #000; background: transparent;}
179
-
180
210
  .dc-link a img { border: none; }
181
211
 
182
212
  .dc-image-preview img { max-height: 2rem; padding-left: 0.5rem;}
@@ -189,6 +219,9 @@ a.dc-animate:hover { color: #000; background: transparent;}
189
219
  border-spacing: 0;
190
220
  }
191
221
 
222
+ .dc-left {float: left;}
223
+ .dc-right {float: right;}
224
+
192
225
  .td-spacer {
193
226
  width: 90%;
194
227
  font-size: 1px;
@@ -202,12 +235,6 @@ border-spacing: 0;
202
235
  border-radius: 1px;
203
236
  }
204
237
 
205
- .dc-result i {
206
- padding: 2px;
207
- font-size: 14px;
208
- vertical-align: initial;
209
- }
210
-
211
238
  .dc-result .dc-link-no {
212
239
  padding: 0;
213
240
  border: none;
@@ -215,20 +242,19 @@ vertical-align: initial;
215
242
  background: transparent !important;
216
243
  }
217
244
 
218
- .dc-result .actions .dc-animate {
219
- padding: 0;
220
- }
221
-
222
245
  .dc-result-header {
223
246
  display: flex;
247
+ padding: 6px 0;
248
+ border-bottom: 2px solid #bbb;
224
249
  }
250
+
225
251
  .dc-result-data {
226
252
  display: flex;
253
+ padding: 4px 0;
227
254
  }
228
255
 
229
- .dc-result-data .actions i {
230
- padding: 2px 1px;
231
- font-size: 1rem;
256
+ .dc-result-data:hover {
257
+ background-color: #e7e7e7;
232
258
  }
233
259
 
234
260
  .dc-result-header .th {
@@ -236,9 +262,10 @@ padding: 0;
236
262
  white-space: nowrap;
237
263
  overflow: hidden;
238
264
  font-weight: 600;
239
- color: #fff;
240
- background-color: #666;
265
+ color: #666;
266
+ line-height: 18px;
241
267
  }
268
+
242
269
  .dc-result-header .th:last-child {
243
270
  flex-grow: 1;
244
271
  }
@@ -248,13 +275,14 @@ padding: 0;
248
275
  }
249
276
 
250
277
  .dc-result-header a:link, .dc-result-header a:visited {
251
- padding-left: 0;
252
- color: #fff;
253
- font-weight: 500;
278
+ }
279
+
280
+ .dc-result-header a:hover {
281
+ color: #000;
254
282
  }
255
283
 
256
284
  .dc-result-data .td {
257
- padding: 5px 3px;
285
+ padding: 4px 3px;
258
286
  white-space: nowrap;
259
287
  overflow: hidden;
260
288
  text-overflow: ellipsis;
@@ -266,45 +294,110 @@ padding: 0;
266
294
  flex-grow: 1;
267
295
  }
268
296
 
269
- .dc-result-data .actions, .dc-result-header .actions {
270
- padding-right: 4px;
271
- display: flex;
297
+ .dc-result-actions i, .dc-result-actions .dc-link i, .dc-result-actions .dc-link-ajax i {
298
+ color: #666;
299
+ font-size: 22px;
300
+ cursor: pointer;
301
+ }
302
+
303
+ .dc-result-actions i:hover, .dc-result-actions .dc-link:hover i, .dc-result-actions .dc-link-ajax:hover i {
304
+ color: rgba(44, 142, 255, 1);
305
+ }
306
+
307
+ .dc-result-data .dc-result-actions, .dc-result-header .dc-result-actions {
308
+ padding: 0 4px;
309
+ display: inline-flex;
272
310
  align-items: center;
273
- justify-content: center;
311
+ justify-content: left;
274
312
  white-space: nowrap;
275
313
  }
276
- .dc-result-header .actions {
277
- background-color: #666;
314
+
315
+
316
+ .dc-result-submenu ul {
317
+ display: none;
318
+ background-color: #fff;
319
+ filter: drop-shadow(1px 1px 6px #ddd);
320
+ position: fixed;
321
+ margin: -6px 0 0 16px;
322
+ }
323
+
324
+ .dc-result-submenu ul li {
325
+ text-align: left;
326
+ padding: 5px;
327
+ }
328
+
329
+ .dc-result-submenu ul li a:link, .dc-result-submenu .dc-link a:link,
330
+ .dc-result-submenu .dc-link.dc-window-open{
331
+ font-size: 15px;
332
+ line-height: 18px;
333
+ font-weight: 500;
334
+ color: #666;
335
+ display: inline-block;
336
+ width: 100%;
337
+ text-align: left;
338
+ }
339
+
340
+ .dc-result-submenu ul li:hover {
341
+ background-color: rgba(44, 142, 255, 1);
342
+ }
343
+
344
+ .dc-result-actions .dc-result-submenu ul li i {
345
+ color: rgba(44, 142, 255, 1);
346
+ padding-right: 2px;
347
+ }
348
+
349
+ .dc-result-submenu ul li:hover :not(.dc-link-no) i, .dc-result-submenu ul li:hover a {
350
+ color: #fff;
351
+ transition: 0.3s;
352
+ }
353
+
354
+ .dc-result-submenu .dc-link-no {
355
+ padding: 4px 10px;
356
+ color: #bbb;
357
+ filter: none;
358
+ }
359
+
360
+ .dc-link-no i {
361
+ color: #bbb;
362
+ vertical-align: top;
363
+ }
364
+
365
+ .dc-result-header .dc-check-all {
366
+ font-size: 18px;
367
+ padding: 6px 0;
278
368
  }
279
369
 
280
370
  .dc-result-data.dc-even.dc-checked, .dc-result-data.dc-odd.dc-checked {
281
- background-color: #dbebff;
282
- background-color: rgba(76,154,255, 0.6);
371
+ background-color: rgba(44,142,255,0.1);
283
372
  }
284
373
 
285
374
  .dc-result-data .dc-link, .dc-result-data .dc-link-ajax {
286
- background: none;
287
- border: 1px solid transparent;
375
+ background-color: transparent;
376
+ border: 0;
377
+ text-align: left;
288
378
  }
289
379
 
290
- .dc-result-data .dc-link:hover, .dc-result-data .dc-link-ajax:hover {
291
- box-shadow: none;
292
- border: 1px solid transparent;
293
- }
294
- .dc-result-data .dc-link a:hover, .dc-result-data .dc-link-ajax a:hover {
295
- color: rgba(76,154,255, 1);
380
+ .dc-result-data .dc-link, .dc-result-data .dc-link a, .dc-result-data .dc-link-ajax {
381
+ padding: 0;
382
+ color: #666;
383
+ font-weight: 500;
384
+ background-color: transparent;
385
+ filter: none;
386
+ border: 0;
296
387
  }
297
388
 
298
- .dc-result-data:hover {
299
- background-color: #eee;
300
- box-shadow: inset 0 0 0 1px rgba(76,154,255, 1);
389
+ .dc-result-data .dc-link:hover, .dc-result-data .dc-link-ajax:hover {
390
+ background-color: transparent;
391
+ color: rgba(44, 142, 255, 1);
392
+ color: #fff;
393
+ border: 0;
301
394
  }
302
395
 
303
396
  .dc-result-data.footer {
304
397
  border-top: 2px solid #222;
305
398
  color: #000;
306
399
  font-weight: bold;
307
- background-color: #ddd;
400
+ background-color: #eee;
308
401
  }
309
402
 
310
403
  .dc-result-data a:hover {
@@ -315,118 +408,116 @@ padding: 0;
315
408
  padding-right: 4px;
316
409
  }
317
410
 
318
- .dc-result-header .dc-check-all {
319
- font-size: 1.2em;
320
- margin-left: -1rem;
321
- background-color: white;
322
- padding: 6px 3px;
323
- }
324
411
 
412
+
413
+ /* */
325
414
  .dc-menu {
326
- padding: 4px 0;
415
+ padding: 8px 0;
327
416
  display: inline-table;
328
417
  }
329
418
 
330
419
  .dc-menu li {
331
420
  display: inline-flex;
332
421
  margin-right: 3px;
422
+ vertical-align: middle;
333
423
  }
334
424
 
335
425
  #data-fields {margin: 5px;}
336
426
 
337
- .dc-link {
338
- font-weight: 600;
427
+ .dc-link, .dc-link-ajax, .dc-submit {
428
+ font-size: 15px;
339
429
  color: #666;
430
+ font-weight: 500;
340
431
  text-align: center;
341
- border-radius: 3px;
342
- background: transparent linear-gradient(to bottom, #fff 0%, #e2e2e2 100%);
343
- border: 1px solid #eee;
432
+ border-radius: 4px;
433
+ background: #fff;
434
+ padding: 5px 12px 4px;
435
+ text-decoration: none;
436
+ line-height: 26px;
437
+ filter: drop-shadow(1px 1px 4px #eee);
438
+ border: 1px solid #e7e7e7;
344
439
  }
345
440
 
346
- .dc-link:hover {
347
- border: 1px solid rgba(76,154,255, 1);
348
- box-shadow: inset 0 0 0 1px rgba(76,154,255, 1);
349
- transition: 0.3s;
350
- color: #000;
441
+ .dc-link:hover, .dc-link-ajax:hover, .dc-submit:hover {
442
+ color: #fff;
443
+ background: rgba(44, 142, 255, 1);
444
+ border: 1px solid rgba(44, 142, 255, 1);
445
+ transition: 0.3s;
446
+ cursor: pointer;
447
+ filter: none;
448
+ }
449
+ .dc-window-open:hover {
450
+ transition: 0.3s;
451
+ color: #fff;
452
+ background: rgba(44, 142, 255, 1);
351
453
  cursor: pointer;
352
454
  }
353
455
 
354
- .dc-link:hover a {
355
- color: #000;
356
- transition: 0.3s;
456
+ .dc-link:hover > i, .dc-link-ajax:hover > i, .dc-submit:hover > i {
457
+ color: #fff;
357
458
  }
358
459
 
359
- .dc-link div {
360
- padding: 7px 8px;
460
+ .dc-link i,
461
+ .dc-link-ajax i,
462
+ .dc-submit i {
463
+ line-height: 22px;
464
+ color: rgba(44, 142, 255, 1);
465
+ padding-right: 2px;
361
466
  }
362
467
 
363
468
  .dc-link-no {
364
469
  text-align: left;
365
- font-weight: 600;
366
- padding: 7px;
367
- vertical-align: bottom;
368
- border: 1px solid #eee;
369
- border-radius: 3px;
370
- color: #777;
371
- text-shadow: 1px 1px #fff;
372
- background: #ddd !important;
373
- }
374
-
375
- .dc-action-menu li.dc-link.plus-link {
376
- padding: 7px 0;
470
+ font-weight: 500;
471
+ padding: 5px 12px 4px;
472
+ vertical-align: middle;
473
+ border: 1px solid #e8e8e8;
474
+ border-radius: 4px;
475
+ color: #888;
476
+ background: #f7f7f7;
477
+ line-height: 26px;
478
+ /*text-transform: uppercase;*/
377
479
  }
378
480
 
379
- .dc-link-ajax {
481
+ .dc-link-ajax.in-menu {
482
+ border-radius: 0;
483
+ padding: 4px 12px;
484
+ text-transform: none;
485
+ border: 0;
380
486
  text-align: left;
381
- font-weight: 600;
382
- padding: 8px 8px 6px;
383
- border-radius: 3px;
384
- color: #666;
385
- background: transparent linear-gradient(to bottom, #fff 0%, #e2e2e2 100%) repeat scroll 0% 0%;
386
- border: 1px solid #eee;
387
487
  }
388
488
 
389
- .dc-link-ajax.with-link {padding: 7px}
390
- .cmsform .dc-link-ajax.with-link {padding: 0}
391
-
392
- .dc-link-ajax i, .dc-link-no i {
393
- padding: 1px 3px 0 0;
394
- }
395
-
396
- .dc-link-ajax:hover, .dc-action-submit:hover {
397
- cursor: pointer;
398
- color: #000;
399
- background: #eee;
400
- border: 1px solid rgba(76,154,255, 1);
401
- box-shadow: inset 0 0 0 1px rgba(76,154,255, 1);
402
- transition: 0.3s;
403
- }
404
-
405
- .dc-link-ajax:hover a {
406
- color: #000;
407
- background: transparent;
408
- cursor: pointer;
409
- transition: 0.3s;
489
+ .dc-link-ajax.in-menu:hover {
490
+ /* background-color: #fff;*/
410
491
  }
411
492
 
412
493
  .dc-link-img {
494
+ color: #888;
413
495
  padding: 3px;
414
496
  text-align: center;
415
497
  margin: 0;
416
498
  }
417
499
 
500
+ .dc-link-img.dc-link-ajax {
501
+ padding: 0;
502
+ border: 0;
503
+ }
504
+
418
505
  .dc-link-img:hover {
419
506
  cursor: pointer;
420
- background-color: #ddd;
507
+ color: #000;
508
+ background-color: #fff;
421
509
  }
422
510
 
423
- .dc-link-icon {
424
- padding: 3px;
425
- border-radius: 3px;
426
- background: transparent linear-gradient(to bottom, #fff 0%, #e2e2e2 100%) repeat scroll 0% 0%;
427
- border: solid 1px #ccc;;
511
+ .dc-link-icon i {
512
+ padding: 3px;
513
+ border-radius: 3px;
514
+ color: rgba(44, 142, 255, 1);
428
515
  }
429
516
 
517
+ .dc-link-icon i:hover {
518
+ color: #222;
519
+ cursor: pointer;
520
+ }
430
521
 
431
522
  .dc-link-selected {
432
523
  text-align: center;
@@ -437,21 +528,24 @@ border: solid 1px #ccc;;
437
528
  }
438
529
 
439
530
  .dc-link-border {
440
- border:1px solid #eee;
531
+ border: 1px solid #eee;
441
532
  }
442
533
 
443
534
  .dc-inline-link {
444
535
  cursor: pointer;
445
- color: #222;
446
- padding: 5px 4px 4px;
447
- background: #fff;
448
- border: 2px solid #222;
449
- border-radius: 3px;
450
536
  }
451
537
 
452
- .dc-inline-link:hover {
453
- color: rgba(76,154,255, 1);
454
- border: 2px solid rgba(76,154,255, 1);
538
+ .dc-inline-link i {
539
+ display: inline;
540
+ color: rgba(44, 142, 255, 1);
541
+ padding: 8px;
542
+ background-color: #ddd;
543
+ border-radius: 26px;
544
+ }
545
+
546
+ .dc-inline-link i:hover {
547
+ color: #fff;
548
+ background-color: #444;
455
549
  }
456
550
 
457
551
  .skip-next {
@@ -469,148 +563,97 @@ border: solid 1px #ccc;;
469
563
  .skip-next a:link, .skip-next a:active, .skip-next a:visited { color: #333; text-decoration: none; background: transparent;}
470
564
  .skip-next a:hover { text-decoration: none; color: #c43; }
471
565
 
472
- .dc-window-open {
473
- padding: 8px 7px 6px;
474
- }
475
- .dc-window-open i {
476
- padding-right: 4px;
477
- }
478
- .dc-window-open:hover {
479
- cursor: pointer;
480
- }
481
- .dc-link-submit {
482
- text-align: left;
483
- border-radius: 3px;
484
- background-color: #eee;
485
- background: transparent linear-gradient(to bottom, #fff 0%, #e2e2e2 100%) repeat scroll 0% 0%;
486
- border: 1px solid #eee;
487
- display: flex;
488
- align-items: center;
489
- }
490
566
 
491
- .dc-link-submit .fa {
492
- color: #666;
493
- }
494
- .dc-link-submit:hover .fa {
495
- color: #000;
496
- transition: 0.3s;
497
- }
498
- .dc-link-submit:hover {
499
- color: #000;
500
- border: 1px solid rgba(76,154,255, 1);
501
- box-shadow: inset 0 0 0 1px rgba(76,154,255, 1);
502
- transition: 0.3s;
567
+ /******* TITLE *******/
568
+ .dc-title {
569
+ font-weight: 600;
570
+ font-size: 1.2em;
571
+ color: #222;
572
+ padding: 12px 4px 0;
573
+ border-spacing: 0;
574
+ margin: 0;
503
575
  }
504
- .dc-link-submit:hover .dc-submit {
505
- color: #000;
506
- transition: 0.3s;
576
+
577
+ .dc-title .dc-paginate {
578
+ float:right;
579
+ padding-top: 4px;
580
+ font-size: 0.9em;
507
581
  }
508
582
 
509
- .dc-submit {
510
- text-decoration: none;
583
+ .dc-title .dc-help-icon {
584
+ float:right;
585
+ padding: 4px 0 0 4px;
586
+ font-size: 1.1em;
587
+ height: 1em;
511
588
  border: none;
512
- color: #666;
513
- font-weight: 600;
514
- padding: 2px 8px 1px;
515
- border-radius: 0;
516
- background: transparent;
517
- line-height: 30px;
518
- font-size: 14px;
589
+ background: none;
590
+ filter: none;
519
591
  }
520
592
 
521
- .dc-submit:hover {
522
- cursor: pointer;
523
- text-decoration: none;
524
- color: #fff;
593
+ .dc-title .dc-help-icon i {
594
+ color: #888;
525
595
  }
526
596
 
527
- /* Pagination */
597
+ .dc-title .dc-help-icon i:hover {
598
+ color: rgba(44, 142, 255, 1);
599
+ }
600
+
601
+ /***** Pagination *****/
528
602
 
529
603
  .dc-paginate .pagination {
530
604
  display: flex;
531
605
  }
532
606
  .dc-paginate .pagination span {
533
- border: solid 1px #ccc;
534
- margin-left: 1px;
535
- background: transparent linear-gradient(to bottom, #fff 0%, #e2e2e2 100%) repeat scroll 0% 0%;
536
- border-radius: 1px;
537
- }
538
- .dc-paginate .pagination span.page.gap {
539
- padding: 1px 4px 4px 4px;
540
- color: #aaa;
607
+ background: #eee;
608
+ margin-left: 3px;
609
+ border-radius: 2px;
541
610
  }
542
611
 
543
- .dc-paginate .pagination span.next a, .dc-paginate .pagination span.last a,
544
- .dc-paginate .pagination span.prev a, .dc-paginate .pagination span.first a {
545
- padding: 3px 6px 4px 7px;
546
- }
547
- .dc-paginate .pagination span a {
612
+ .dc-paginate .pagination span a, .dc-paginate .pagination .gap {
548
613
  display: block;
549
614
  color: #666;
550
- padding: 4px 6px 3px 7px;
615
+ padding: 4px 7px 5px 8px;
551
616
  text-decoration: none;
552
617
  }
553
618
 
554
619
  .dc-paginate .pagination span.page.current {
555
- padding: 4px 6px 3px 7px;
620
+ padding: 4px 7px 5px 8px;
621
+ color: #fff;
622
+ background-color: #666;
556
623
  }
557
624
 
558
625
  .dc-paginate .pagination span:hover > a {
559
- color: #000;
560
- }
561
-
562
- .dc-paginate .pagination span:hover {
563
- border: 1px solid rgba(76,154,255, 1);
564
- outline: 1px solid rgba(76,154,255, 1);
565
- }
566
-
567
- .dc-paginate .pagination .current {
568
- background: #666;
569
626
  color: #fff;
570
- border: 1px solid #666;
627
+ background-color: rgba(44, 142, 255, 1);
571
628
  }
572
629
 
573
- .dc-paginate .pagination .current:hover {
574
- outline: none;
575
- }
630
+ /***** FORM *****/
576
631
 
577
- .dc-title {
578
- font-weight: 600;
579
- font-size: 1.4em;
580
- color: #338;
581
- padding: 5px 1px;
582
- border-spacing: 0;
583
- margin: 0;
584
- background-color: #fff;
632
+ #dc-form-container {
633
+ display: flex;
634
+ padding-left: 4px;
585
635
  }
586
636
 
587
- .dc-title .dc-paginate {
588
- float:right;
589
- padding-top: 4px;
590
- font-size: 0.8em;
637
+ #dc-form-left {
638
+ padding: 8px;
639
+ background-color: rgba(44, 142, 255, 0.15);;
640
+ display: none;
641
+ margin-top: 12px;
591
642
  }
592
643
 
593
- .dc-title .dc-help {
594
- float:right;
595
- padding: 4px 0 0 4px;
596
- font-size: 1.1em;
597
- height: 1em;
598
- border: none;
599
- background: none;
644
+ #dc-form-right {
645
+ flex: 1;
600
646
  }
601
647
 
602
648
  .dc-form-frame {
603
- width: 99.9%;
604
- margin: 0;
605
- background-color: #fff;
649
+ margin: 0px;
650
+ padding: 4px;
606
651
  }
607
652
 
608
653
  .dc-form {
609
654
  width: 99.8%;
610
- padding: 4px 0 0;
611
- border: 1px solid #eee;
612
- border-radius: 2px;
613
- /*background-color: #fcfcfc; */
655
+ padding: 8px 0;
656
+ background-color: #fff;
614
657
  }
615
658
 
616
659
  .dc-form .row-div {
@@ -669,11 +712,12 @@ color: #aaa;
669
712
  }
670
713
 
671
714
  .dc-form-label-top {
672
- color: #555;
673
715
  text-align: right;
674
716
  vertical-align: middle;
675
- font-weight: bold;
676
- padding: 3px 5px;
717
+ color: #555;
718
+ font-weight: 500;
719
+ line-height: 1.8em;
720
+ margin-top: 8px;
677
721
  }
678
722
 
679
723
  .dc-form-label.dc-color-odd, .dc-form-label.dc-color-even {background-color: transparent;}
@@ -688,7 +732,7 @@ color: #aaa;
688
732
 
689
733
  .dc-form-field {
690
734
  text-align: left;
691
- padding: 3px 2px;
735
+ padding: 4px 2px;
692
736
  z-index: 10;
693
737
  }
694
738
 
@@ -702,18 +746,18 @@ color: #aaa;
702
746
 
703
747
  .dc-readonly {
704
748
  display: inline-block;
705
- font-size: 14px;
749
+ font-size: 15px;
706
750
  font-weight: normal;
707
751
  color: #222;
708
- padding: 6px 4px;
709
- border: solid 1px #ddd;;
710
- background-color: #eee;
711
- border-radius: 2px;
752
+ padding: 8px 4px;
753
+ border: dotted 1px #ddd;;
754
+ background-color: #f4f4f4;
755
+ border-radius: 3px;
712
756
  }
713
757
 
714
758
  .tree-select.dc-readonly {
715
759
  display: block;
716
- background-color: #eee;
760
+ background-color: #f4f4f4;
717
761
  }
718
762
 
719
763
  .dc-color-odd {
@@ -722,10 +766,7 @@ color: #aaa;
722
766
  .dc-color-even {
723
767
  background-color: #fcfcfc;
724
768
  }
725
- .dc-form-ul {
726
- padding: 2px 0;
727
- margin-bottom: -3px;
728
- }
769
+
729
770
 
730
771
  .dc-width-0 {width: 0;}
731
772
  .dc-width-10 {width: 10%;}
@@ -736,46 +777,45 @@ margin-bottom: -3px;
736
777
 
737
778
  .dc-spinner {
738
779
  float:left;
739
- padding: 6px 0;
780
+ padding: 8px 4px 0 0;
781
+ color:#666;
740
782
  display: none;
741
783
  }
742
784
 
743
785
  .dc-form-li {
744
- display:inline-block;
786
+ display:inline-block;
745
787
  white-space: nowrap;
746
788
  list-style: none;
747
- color: #fff;
789
+ color: #666;
748
790
  text-decoration: none;
749
791
  text-align: center;
750
- font-weight: 600;
792
+ font-weight: 500;
751
793
  line-height: 1.2em;
752
- padding: 0.4em 1em;
753
- background: #666;
754
- margin: 0 1px 0 0;
755
- border-left: 1px solid #ddd;
756
- border-right: 1px solid #ddd;
757
- border-radius: 4px 4px 0 0;
794
+ padding: 10px 1rem;
795
+ margin-top: 4px;
796
+ font-size: 16px;
797
+ border-bottom: 3px solid rgba(98, 0, 238, 0.4);;
798
+ /*text-transform: uppercase;*/
758
799
  }
759
800
 
760
801
  .dc-form-li:hover, .dc-form-li-selected {
761
802
  cursor: pointer;
762
- color: #222;
763
- background: #fff;
764
- border-top: 3px solid rgba(76,154,255, 1);
765
- border-left: 1px solid #eee;
766
- border-right: 1px solid #eee;
803
+ color: rgba(98, 0, 238, 1);
804
+ background-color: rgba(98, 0, 238, 0.1);
805
+ border-bottom: 3px solid rgba(98, 0, 238, 1);
767
806
  }
768
807
 
769
808
  .dc-odd {
770
- background-color: #f8f8f8;
809
+ background-color: #f7f7f7;
771
810
  }
772
811
  .dc-even {
773
812
  background-color: #fff;
774
813
  }
775
814
 
776
815
  .dc-separator {
777
- margin: 5px 0;
778
- border-top: 1px solid #ddd;
816
+ margin: 8px 0;
817
+ border-top: 1px solid #f2f2f2;
818
+ border-bottom: 3px solid #f7f7f7;
779
819
  }
780
820
 
781
821
  /** Form head **/
@@ -784,9 +824,8 @@ border-top: 1px solid #ddd;
784
824
  font-size: 1.2em;
785
825
  line-height: 1.6em;
786
826
  font-weight: bold;
787
- background-color: #e5f2ff;
788
- background-color: rgba(76,154,255, 0.2);
789
- border: 1px dotted #ccc;
827
+ background-color: #E0EEFF;
828
+
790
829
  }
791
830
  .dc-head .dc-row {
792
831
  display: flex;
@@ -800,6 +839,45 @@ display: flex;
800
839
  font-weight: normal;
801
840
  }
802
841
 
842
+ #dc-form-left #dc-steps-menu {
843
+ color: #222;
844
+ }
845
+ #dc-form-left #dc-steps-menu h2 {
846
+ font-size: 1.6em;
847
+ font-weight: 600;
848
+ border-bottom: 2px solid #444;
849
+ margin-bottom: 8px;
850
+ }
851
+
852
+ #dc-form-left #dc-steps-menu li {
853
+ filter: none;
854
+ border: none;
855
+ text-align: left;
856
+ background-color: transparent;
857
+ padding: 8px 0;
858
+ font-size: 1.1em;
859
+ }
860
+
861
+ #dc-form-left #dc-steps-menu li {
862
+ color: #222;
863
+ }
864
+
865
+ #dc-form-left #dc-steps-menu li.active {
866
+ color: #000;
867
+ font-weight: 600;
868
+ }
869
+
870
+ #dc-form-left #dc-steps-menu li.active:before {
871
+ font-family: MI;
872
+ content: '\e409';
873
+ vertical-align: middle;
874
+ margin-left: -4px;
875
+ }
876
+
877
+ #dc-form-left #dc-steps-menu .dc-link-ajax:hover {
878
+ color: rgba(44, 142, 255, 1);
879
+ }
880
+
803
881
  /*** CMS toggle button */
804
882
  .cms-toggle {
805
883
  z-index: 1000000;
@@ -809,7 +887,7 @@ display: flex;
809
887
  color: #fff;
810
888
  background-color: #000;
811
889
  font-weight: bold;
812
- font-size: 14px;
890
+ font-size: 15px;
813
891
  box-shadow: 2px 2px 6px #666;
814
892
  border-radius: 3px;
815
893
  }
@@ -821,21 +899,25 @@ display: flex;
821
899
  }
822
900
 
823
901
  .cms-toggle.mode-1:before {
824
- font-family: 'FontAwesome';
825
- content: '\f06e\20';
826
- color: lightskyblue;
902
+ font-family: MI;
903
+ content: '\e417';
904
+ color: rgba(44, 142, 255, 1);
905
+ vertical-align: text-bottom;
906
+ padding-right: 2px;
827
907
  }
828
908
  .cms-toggle.mode-2:before {
829
- font-family: 'FontAwesome';
830
- content: '\f040\20';
909
+ font-family: MI;
910
+ content: '\e3c9';
831
911
  color: lightcoral;
912
+ vertical-align: text-bottom;
913
+ padding-right: 2px;
832
914
  }
833
915
 
834
916
  #menu-hamburger { display: none;}
835
917
 
836
918
  .dc-handle:before {
837
- font-family: 'FontAwesome';
838
- content: '\f0dc\20';
919
+ font-family: MI;
920
+ content: '\e315';
839
921
  color: #000;
840
922
  cursor: pointer;
841
923
  padding-top: 2px;
@@ -843,7 +925,7 @@ display: flex;
843
925
  }
844
926
 
845
927
  #cmsedit-div {
846
- font-family: Exo,Arial, sans-serif;
928
+ font-family: DrgSans,Arial, sans-serif;
847
929
  font-size: 13px;
848
930
  line-height: 13px;
849
931
  }
@@ -858,33 +940,39 @@ background: transparent;
858
940
 
859
941
  #cmsedit-div #record_select {
860
942
  border: 1px solid #aaa;
861
- border-radius: 2px;
943
+ border-radius: 3px;
862
944
  font-size: 1.2em;
863
945
  }
864
946
 
865
947
  /******* TOP MENU *********/
866
948
  .cmsedit-top {
867
949
  width: 100%;
868
- background-color: #fff;
869
- border: 4px solid #fff;
950
+ background-color: #fff;
951
+ border-top: 4px solid #fff;
870
952
  }
871
953
 
872
- .cmsedit-top #menu {
873
- padding: 4px 4px 8px 4rem;
954
+ .cmsedit-top #cms-top-menu {
955
+ padding: 8px 4px 0 4rem;
874
956
  color: #666;
875
957
  background-color: #fff;
876
- border-bottom: 3px solid #666;
958
+ border-bottom: 1px solid #eee;
877
959
  }
878
- .cmsedit-top #menu a {
879
- margin-right: 5px;
960
+
961
+ .cmsedit-top #cms-top-menu i {
962
+ margin-right: 6px;
963
+ font-size: 22px;
880
964
  }
881
965
 
882
- .cmsedit-top #menu select#record_select {
883
- padding: 0;
884
- max-width: 300px;
885
- height: 26px;
966
+ .cmsedit-top #cms-top-menu a:hover {
967
+ color: rgba(44, 142, 255, 1);
968
+ }
969
+
970
+ .cmsedit-top #cms-top-menu span {
971
+ font-size: 22px;
972
+ vertical-align: top;
973
+ padding: 0 4px;
886
974
  }
887
- .cmsedit-top #menu .fa {width: 20px;}
975
+
888
976
 
889
977
  .cmsedit-container {
890
978
  display: flex;
@@ -892,64 +980,67 @@ font-size: 1.2em;
892
980
  background-color: #fff;
893
981
  }
894
982
 
895
- .cmsedit-container #menu {
896
- min-width: 20%;
897
- height: 100%;
898
- background-color: #fcfcfc;
899
- border: 1px solid #eee;
900
- border-radius: 1px;
901
- }
902
-
903
- .cmsedit-container #menu {
983
+ .cmsedit-container #cms-menu {
904
984
  display: inline-block;
905
- padding: 4px 0;
906
- margin: 4px;
907
- font-size: 14px;
985
+ width: 25%;
986
+ max-width: 300px;
987
+ font-size: 15px;
988
+ font-weight: 500;
908
989
  color: #222;
909
- font-weight: 600;
990
+ background-color: #fcfcfc;
991
+ border-right: 1px solid #eee;
910
992
  }
911
993
 
912
- .cmsedit-container .fa {
913
- width: 26px;
994
+ .cmsedit-container #cms-menu div {
995
+ line-height: 20px;
996
+ position: relative;
997
+ padding: 2px 0;
914
998
  }
915
999
 
916
- .cmsedit-container #menu a {
917
- font-weight: normal;
918
- color: #666;
1000
+ .cmsedit-container #cms-menu div:after {
1001
+ font-family: 'MI';
1002
+ content: '\e5cf';
1003
+ right: 4px;
1004
+ position: absolute;
1005
+ color: #444;
1006
+ font-size: 22px;
919
1007
  }
920
1008
 
921
- .cmsedit-container #menu ul {
922
- margin: 0 5px;
923
- line-height: 1.5rem;
1009
+ .cmsedit-container #cms-menu div.expanded:after {
1010
+ content: '\e5ce';
924
1011
  }
925
1012
 
926
- .cmsedit-container #menu ul ul {
927
- margin: 0 0 0 0.5rem;
1013
+ .cmsedit-container #cms-menu i {
1014
+ font-size: 22px;
1015
+ padding-right: 4px;
928
1016
  }
929
1017
 
930
- .cmsedit-container #menu li {
931
- list-style-type: none;
932
- padding: 2px;
933
- width: 100%;
934
-
1018
+ .cmsedit-container #cms-menu a {
1019
+ font-weight: normal;
1020
+ color: #222;
1021
+ line-height: 18px;
935
1022
  }
936
1023
 
937
- .cmsedit-container #menu a:hover {
938
- font-weight: normal;
939
- color: #000;
1024
+ .cmsedit-container #cms-menu ul {
1025
+ margin: 0 5px;
1026
+ line-height: 1.5rem;
940
1027
  }
941
1028
 
942
- .cmsedit-container #menu .cmsedit-top-level-menu:hover {
943
- cursor: pointer;
1029
+ .cmsedit-container #cms-menu li {
1030
+ list-style-type: none;
1031
+ padding: 5px;
1032
+ width: 100%;
944
1033
  }
945
1034
 
946
- .cmsedit-container #menu li li:hover {
947
- background-color: #eee;
948
- padding: 2px 1px 2px 3px;
1035
+ .cmsedit-container #cms-menu a:hover,
1036
+ .cmsedit-container #cms-menu div:hover {
1037
+ color: rgba(44, 142, 255, 1);
1038
+ cursor: pointer;
949
1039
  }
950
1040
 
951
- .cmsedit-container #menu ul li ul {
952
- display: none;
1041
+
1042
+ .cmsedit-container #cms-menu ul li ul {
1043
+ display: none;
953
1044
  }
954
1045
 
955
1046
  .default-table {
@@ -969,31 +1060,37 @@ display: none;
969
1060
  }
970
1061
  /****** jquery ui-autocomplete widget ***************/
971
1062
  .ui-autocomplete-input {
972
- padding: 6px 6px 6px 12px;
973
- border-radius: 2px;
1063
+ padding: 8px 4px 8px 12px;
1064
+ border-radius: 3px;
974
1065
  }
1066
+
975
1067
  .dc-text-autocomplete {
976
1068
  position: relative;
977
1069
  }
978
1070
 
1071
+ .dc-text-autocomplete i {
1072
+ color: #666;
1073
+ }
1074
+
1075
+ .dc-text-autocomplete i:hover {
1076
+ color: rgba(44, 142, 255, 1);;
1077
+ }
1078
+
979
1079
  .dc-text-autocomplete input {
980
1080
  border: 1px dashed #555;
981
1081
  }
982
1082
 
983
-
984
1083
  .dc-text-autocomplete input+span:before {
985
- font-family: 'FontAwesome';
986
- content: '\f002';
1084
+ font-family: 'MI';
1085
+ content: '\e8b6';
987
1086
  top: -4px;
988
1087
  left: 4px;
989
1088
  position: absolute;
990
1089
  color: #666;
991
1090
  font-weight: bold;
992
- font-size: 10px;
1091
+ font-size: 11px;
993
1092
  }
994
1093
 
995
- .filter_field .dc-text-autocomplete input+span:before {top: -16px;}
996
-
997
1094
  .ui-autocomplete.ui-menu{
998
1095
  font-size: 1.1em;
999
1096
  }
@@ -1012,7 +1109,7 @@ color: #000;
1012
1109
 
1013
1110
  .ui-autocomplete-border {
1014
1111
  display: inline-block;
1015
- border-radius: 2px;
1112
+ border-radius: 3px;
1016
1113
  border: dashed 1px #555;;
1017
1114
  padding: 8px;
1018
1115
  background-color: #fff;
@@ -1023,13 +1120,13 @@ color: #000;
1023
1120
  }
1024
1121
 
1025
1122
 
1026
- .dc-red { color: #d99;}
1027
- .dc-red:hover { color: #e66;}
1123
+ .dc-red { color: #f76;}
1124
+ .dc-red:hover { color: #c43;}
1028
1125
  .dc-green { color: #9c9;}
1029
1126
  .dc-green:hover { color: #6a6;}
1030
1127
 
1031
1128
  .aui-corner-all {
1032
- background-color: lightyellow;
1129
+ background-color: lightyellow;
1033
1130
  }
1034
1131
 
1035
1132
  #dc-login {
@@ -1037,66 +1134,70 @@ background-color: lightyellow;
1037
1134
  top: 50%;
1038
1135
  left: 50%;
1039
1136
  transform: translate(-50%, -50%);
1040
- font-size: 1.2em;
1041
- padding: 0 5em 1em 1em;
1042
- border: 1px solid #669;
1043
- box-shadow: 0 0 5px #666;
1137
+ font-size: 1em;
1138
+ padding: 1em 5em 1em 1em;
1139
+ border: 1px solid #eee;
1140
+ border-radius: 4px;
1141
+ background-color: #fafafa;
1044
1142
  }
1143
+
1045
1144
  #dc-login h2 {
1046
1145
  font-weight: bold;
1047
1146
  font-size: 1.4em;
1147
+ margin-bottom: 8px;
1048
1148
  }
1049
1149
  #dc-login .label {
1050
- padding: 5px 0;
1150
+ padding: 12px 0 6px;
1151
+ font-weight: 400;
1152
+ }
1153
+
1154
+ #dc-login .dc-submit {
1155
+ padding: 6px 14px;
1156
+ margin-top: 4px;
1051
1157
  }
1052
1158
 
1053
1159
  .div-hidden {
1054
- display: none;
1160
+ display: none;
1055
1161
  }
1056
1162
 
1057
1163
  .drgcms_popmenu_class {
1058
- padding:4px;
1059
- position:absolute;
1060
- background-color: #eee;
1061
- border: solid 1px #ccc;;
1062
- border-radius: 4px;
1063
- z-index: 100;
1064
- list-style-type: none;
1164
+ position:absolute;
1165
+ background-color: #fff;
1166
+ border-radius: 2px;
1167
+ z-index: 100;
1168
+ list-style-type: none;
1169
+ filter: drop-shadow(1px 1px 4px #eee);
1170
+ }
1171
+
1172
+ .drgcms_popmenu_class i {
1173
+ vertical-align: sub;
1174
+ color: rgba(44, 142, 255, 1);
1065
1175
  }
1066
1176
 
1067
1177
  .drgcms_popmenu_item {
1068
- padding: 6px;
1069
- border: 1px solid #eee;
1178
+ padding: 4px;
1070
1179
  }
1180
+
1071
1181
  .drgcms_popmenu_item:hover {
1072
- background-color: white;
1073
- border: 1px solid rgba(76,154,255, 1);
1074
- box-shadow: inset 0 0 0 1px rgba(76,154,255, 1);
1075
- border-radius: 2px;
1182
+ background-color: rgba(44, 142, 255, 1);
1183
+ color: white;
1076
1184
  }
1077
-
1078
- .drgcms_sort {
1079
- width: 22px;
1080
- border: 0;
1081
- background: none;
1082
- height: 16px;
1083
- padding: 0;
1185
+ .drgcms_popmenu_item:hover i {
1186
+ color: white;
1084
1187
  }
1085
-
1086
1188
  .iframe_embedded {
1087
- padding: 4px;
1088
- background-image: none;
1089
- border-radius: 2px;
1090
- border: 2px solid #666;
1091
- background-color: #fff;
1189
+ padding: 4px;
1190
+ background-color: #fff;
1191
+ border-radius: 2px;
1192
+ border: 2px solid #666;
1092
1193
  }
1093
1194
 
1094
1195
  #iframe_edit, #iframe_cms {
1095
- height: 1px;
1096
- width: 100%;
1097
- border: 0;
1098
- margin-bottom: 0;
1099
- overflow-x:hidden;
1196
+ height: 1px;
1197
+ width: 100%;
1198
+ border: 0;
1199
+ margin-bottom: 0;
1200
+ overflow-x:hidden;
1100
1201
  }
1101
1202
 
1102
1203
  .clear-both { clear: both;}
@@ -1104,100 +1205,94 @@ overflow-x:hidden;
1104
1205
  /******************* action-menu *********************/
1105
1206
 
1106
1207
  #dc-action-menu {
1107
- padding: 2px 0 6px 0;
1108
- font-weight: bold;
1109
- color: #666;
1110
- display: inline-flex;
1111
- }
1112
-
1113
- #dc-action-menu ul {
1114
- list-style:none;
1115
- padding: 0;
1116
- /*margin: 8px 2px 4px 2px; */
1117
- line-height: 2.2rem;
1118
- }
1119
-
1120
- .dc-action-menu {
1121
- display: inline-table;
1208
+ font-weight: bold;
1209
+ color: #888;
1210
+ display: block;
1211
+ margin: 12px 0 6px;
1122
1212
  }
1123
1213
 
1124
- .dc-action-menu li {
1125
- display:inline;
1126
- position:relative;
1127
- white-space: nowrap;
1128
- list-style:none;
1129
- padding: 7px;
1130
- margin-right: 4px;
1131
- border-radius: 3px;
1132
- z-index: 1;
1133
-
1134
- background: transparent linear-gradient(to bottom, #fff 0%, #e2e2e2 100%) repeat scroll 0% 0%;
1135
- /*border: 1px solid #ddd; */
1214
+ .dc-action-menu ul li {
1215
+ display: inline-flex;
1216
+ position: relative;
1217
+ white-space: nowrap;
1218
+ margin-right: 3px;
1219
+ vertical-align: middle;
1136
1220
  }
1137
1221
 
1138
- .dc-action-menu ul {
1139
- margin: -3px 0 0 2px;
1222
+ .dc-action-menu ul ul {
1223
+ margin: 3px 0 0 4px;
1140
1224
  position: absolute;
1141
- left: -9999px;
1142
- border-radius: 1px;
1143
1225
  line-height: 1.2em !important;
1226
+ filter: drop-shadow(6px 7px 6px #ddd);
1227
+ display: none;
1144
1228
  }
1145
1229
 
1146
- .dc-action-menu ul li {
1147
- display: block;
1148
- float: none;
1149
- padding: 6px 10px;
1150
- margin-right: 0;
1151
- white-space: nowrap;
1152
- background: #fff;
1153
- border: 0;
1154
- color: #888;
1230
+ .dc-action-menu ul ul li {
1231
+ display: block;
1232
+ white-space: nowrap;
1233
+ font-weight: 500;
1234
+ background: #fff;
1235
+ color: #666;
1236
+ padding: 6px 10px;
1237
+ float: none;
1238
+ margin-right: 0;
1239
+ filter: drop-shadow(1px 1px 4px #eee);
1155
1240
  }
1156
1241
 
1157
- .dc-action-menu ul a {
1158
- white-space:nowrap;
1159
- padding: 7px;
1242
+ .dc-action-menu ul ul a {
1243
+ padding: 7px;
1244
+ cursor: pointer;
1160
1245
  }
1161
1246
 
1162
- .dc-action-menu li:hover ul {
1163
- left:-3px;
1164
- background-color: #fff;
1165
- border: 1px solid #ccc;
1247
+ .dc-action-menu ul li:hover ul {
1248
+ display: block;
1166
1249
  z-index: 1000000;
1167
1250
  }
1168
1251
 
1169
- .dc-action-menu ul ul {
1252
+ .dc-action-menu .dc-left li:hover ul {
1253
+ left: -4px;
1254
+ margin-top: 4px;
1170
1255
  }
1171
1256
 
1172
- .dc-action-menu li:hover ul li a {
1173
- /*color: #eee;*/
1257
+ .dc-action-menu ul li:hover ul li a:hover {
1258
+ color: #222;
1174
1259
  }
1175
1260
 
1176
- .dc-action-menu li:hover ul li a:hover {
1177
- color: #222;
1178
- }
1179
- .dc-action-menu li:hover ul li:hover {
1180
- border: 0;
1181
- background: #eee;
1182
- }
1261
+ /****** menu filter ****/
1183
1262
 
1184
1263
  .menu-filter {
1185
- min-width: 200px;
1186
- max-width: 400px;
1264
+ min-width: 200px;
1265
+ position: initial;
1266
+ filter: drop-shadow(1px 1px 6px #ddd);
1267
+ right: 0;
1268
+ margin-top: 0 !important;
1187
1269
  }
1188
1270
 
1189
- .menu-filter li {
1190
- color: #888 !important;
1271
+ .menu-filter li.dc-link {
1272
+ padding: 4px 10px;
1273
+ text-align: left;
1274
+ border: 0;
1275
+ border-radius: 0;
1276
+ }
1277
+
1278
+ .menu-filter li a {
1279
+ color: #666;
1280
+ text-decoration: none;
1191
1281
  }
1192
1282
  .menu-filter li:hover {
1193
- color: #000 !important;
1194
- background-color: transparent;
1283
+ cursor: pointer;
1284
+ color: rgba(44, 142, 255, 1);
1285
+ color: #fff;
1195
1286
  }
1196
1287
 
1197
- .menu-filter hr {margin: 0;}
1288
+ .menu-filter hr {
1289
+ margin: 0;
1290
+ background-color: #666;
1291
+ height: 1px;
1292
+ }
1198
1293
 
1294
+ /**** dc-action-menu ****/
1199
1295
  .dc-action-menu .no-background {
1200
- background: #fff;
1201
1296
  border: none;
1202
1297
  padding: 0;
1203
1298
  white-space: nowrap;
@@ -1206,13 +1301,9 @@ background-color: transparent;
1206
1301
  padding-left: 4px;
1207
1302
  }
1208
1303
 
1209
- .dc-action-menu .filter_field i {
1210
- padding-right: 8px;
1211
- }
1212
-
1213
1304
  .dc-action-menu .filter_field i:hover {
1214
1305
  cursor: pointer;
1215
- color: #ccc;
1306
+ color: rgba(44, 142, 255, 1);
1216
1307
  }
1217
1308
 
1218
1309
  .dc-action-menu .dc-link:empty {
@@ -1226,10 +1317,38 @@ background-color: transparent;
1226
1317
  margin-right: 5px;
1227
1318
  }
1228
1319
 
1320
+ .dc-filter .mi-filter_alt_off {
1321
+ color: #c43;
1322
+ font-size: 20px;
1323
+ }
1324
+ .dc-filter i:hover {
1325
+ color: rgba(44, 142, 255, 1);
1326
+ }
1327
+
1328
+ .dc-sort {
1329
+ padding-top: 2px;
1330
+ }
1331
+
1332
+ .dc-sort-select {
1333
+ width: 18px;
1334
+ background: none;
1335
+ height: 20px;
1336
+ border: 0;
1337
+ color: #222;
1338
+ }
1339
+
1340
+ .dc-result-header span:hover {
1341
+ cursor: pointer;
1342
+ color: #000;
1343
+ }
1344
+
1229
1345
  /***** POPUP ******/
1230
1346
 
1231
1347
  #popup {
1232
1348
  min-width: 50%;
1349
+ background-color: #fff;
1350
+ padding: 4px;
1351
+ filter: drop-shadow(0 1rem 2rem #222);
1233
1352
  }
1234
1353
 
1235
1354
  #popup .dc-help .help-top {
@@ -1251,10 +1370,9 @@ background-color: transparent;
1251
1370
  }
1252
1371
 
1253
1372
  #popup .dc-help h1 {
1254
- background: darkred;
1255
- color: #fff;
1373
+ color: rgba(44, 142, 255, 1);
1256
1374
  font-weight: 600;
1257
- padding: 4px;
1375
+ padding: 4px 0;
1258
1376
  font-size: 1.2em;
1259
1377
  border-radius: 2px;
1260
1378
  }
@@ -1275,34 +1393,33 @@ background-color: transparent;
1275
1393
 
1276
1394
  #popup .dc-help .help-tab {
1277
1395
  display: table;
1278
- margin: 8px 0 0;
1279
- padding: 3px 12px;
1280
- color: #fff;
1281
- background: #555;
1282
- border-radius: 5px 5px 0 0;
1283
- font-weight: 600;
1396
+ font-weight: 500;
1397
+ color: rgba(98, 0, 238, 1);
1398
+ background-color: rgba(98, 0, 238, 0.1);
1399
+ padding: 8px 12px;
1400
+ margin-top: 1rem
1284
1401
  }
1285
1402
 
1286
1403
  #popup .dc-help .help-tab-help {
1287
1404
  font-weight: 600;
1288
1405
  color: #fff;
1289
- background: #777;
1406
+ background: rgba(98, 0, 238, 0.6);
1290
1407
  padding: 3px 12px;
1291
1408
  }
1292
1409
 
1293
1410
  #popup .dc-help .help-fields {
1294
1411
  margin-top: 1rem;
1295
- border-top: 1px solid #222;
1412
+ border-top: 1px solid #888;
1296
1413
  }
1297
1414
 
1298
1415
  #popup .dc-help .help-field {
1299
1416
  display: flex;
1300
1417
  background-color: #eee;
1301
- padding: 3px;
1418
+ padding: 5px;
1302
1419
  }
1303
1420
 
1304
1421
  #popup .dc-help .help-field:nth-child(odd) {
1305
- background-color: #f8f8f8;
1422
+ background-color: #f7f7f7;
1306
1423
  }
1307
1424
 
1308
1425
  #popup .dc-help .help-label {
@@ -1314,12 +1431,29 @@ background-color: transparent;
1314
1431
  }
1315
1432
 
1316
1433
  #popup .dc-help .help-body {
1317
- border-top: 1px solid #222;
1434
+ border-top: 1px solid #888;
1318
1435
  padding-top: 8px;
1319
1436
  }
1320
1437
 
1321
1438
  #popup .dc-help .help-buttons {
1322
- padding: 4px 0;
1439
+ padding: 8px 0;
1440
+ }
1441
+
1442
+ #popup .dc-help .help-buttons button {
1443
+ font-weight: 500;
1444
+ color: #666;
1445
+ padding: 4px 10px 6px;
1446
+ border: 1px solid #e7e7e7;
1447
+ background-color: #fff;
1448
+ border-radius: 4px;
1449
+ filter: drop-shadow(1px 1px 4px #eee);
1450
+ }
1451
+
1452
+ #popup .dc-help .help-buttons button:hover {
1453
+ background-color: rgba(44, 142, 255, 1);
1454
+ border: 1px solid rgba(44, 142, 255, 1);
1455
+ transition: 0.3s;
1456
+ color: #fff;
1323
1457
  }
1324
1458
 
1325
1459
  #popup .dc-help .dc-link {
@@ -1328,23 +1462,24 @@ background-color: transparent;
1328
1462
 
1329
1463
  .filter-popup {
1330
1464
  background-color: #fff;
1331
- box-shadow: 2px 2px 5px #666;
1465
+ filter: drop-shadow(2px 2px 8px #888);
1466
+ border-radius: 2px;
1332
1467
  }
1333
1468
 
1334
1469
  .filter-popup div {
1470
+ font-weight: 500;
1335
1471
  padding: 5px 10px;
1336
1472
  text-align: center;
1337
- text-transform: uppercase;
1338
- background-color: #222;
1339
- color: #fff;
1473
+ color: rgba(44, 142, 255, 1);
1474
+ border-bottom: 2px solid rgba(44, 142, 255, 1);
1340
1475
  }
1341
1476
 
1342
1477
  .filter-popup li {
1343
- padding: 4px 8px;
1478
+ padding: 5px 10px;
1344
1479
  }
1345
1480
 
1346
1481
  .filter-popup li:hover {
1347
- background-color: #aaa;
1482
+ background-color: rgba(44, 142, 255, 1);
1348
1483
  color: #fff;
1349
1484
  cursor: pointer;
1350
1485
  }
@@ -1357,19 +1492,20 @@ font-size: 11px;
1357
1492
  }
1358
1493
 
1359
1494
  #dc-document-info:hover {
1360
- color: rgba(76,154,255, 1);
1495
+ color: rgba(44, 142, 255, 1);
1361
1496
  cursor: pointer;
1362
1497
  }
1363
1498
 
1364
1499
  #dc-document-info-popup {
1365
- text-align: left;
1366
- padding:4px;
1367
- font-size: 0.9em;
1368
- position:absolute;
1369
- background-color: #f8f8f8;
1370
- border: solid 1px #ccc;;
1371
- border-radius: 2px;
1372
- z-index: 100;
1500
+ text-align: left;
1501
+ padding: 6px;
1502
+ font-size: 0.9em;
1503
+ position:absolute;
1504
+ background-color: #fff;
1505
+ border: solid 1px #eee;
1506
+ border-radius: 2px;
1507
+ z-index: 100;
1508
+ filter: drop-shadow(0 8px 8px #ccc);
1373
1509
  }
1374
1510
 
1375
1511
  #dc-document-info-popup div span:first-child {
@@ -1380,29 +1516,31 @@ z-index: 100;
1380
1516
  }
1381
1517
  #dc-document-info-popup div span:last-child {font-weight: 600;}
1382
1518
 
1519
+ #dc-document-info-popup i {height: initial;}
1383
1520
 
1384
1521
  /************************** filter popup *************************/
1385
1522
  #drgcms_filter {
1386
- z-index:100;
1387
- background: #fff;
1388
- display: none;
1389
- padding: 10px;
1523
+ z-index:100;
1524
+ background: #fff;
1525
+ display: none;
1526
+ padding: 10px;
1527
+ filter: drop-shadow(0 1rem 2rem #222);
1390
1528
  }
1391
1529
 
1392
1530
  #drgcms_filter h1 {
1393
- font-size: 1.8em;
1394
- padding-top: 5px;
1395
- border-bottom: 2px solid #669;
1396
- color: #669;
1531
+ font-size: 1.8em;
1532
+ font-width: 600;
1533
+ color: rgba(44, 142, 255, 1);
1397
1534
  }
1398
1535
 
1399
1536
  #drgcms_filter .dc-menu {
1400
1537
  display: inline-flex;
1401
1538
  padding-bottom: 2px;
1402
1539
  }
1540
+
1403
1541
  #drgcms_filter .dc-menu div {
1404
- margin-right: 3px;
1405
- padding: 9px 6px 7px 6px;
1542
+ margin: 0 3px 0 2px;
1543
+ padding: 7px 6px 6px;
1406
1544
  }
1407
1545
 
1408
1546
  .tree-select {
@@ -1417,11 +1555,12 @@ color: #669;
1417
1555
  /** Radio button input field **/
1418
1556
 
1419
1557
  .dc-radio {
1420
- padding: 6px 0 12px 0;
1421
1558
  display: inline-table;
1559
+ background-color: #fff;
1560
+ padding: 7px 0 9px;
1422
1561
  border: 1px dashed #666;
1562
+ border-radius: 3px;
1423
1563
  margin-left: 1px;
1424
- background-color: #fff;
1425
1564
  }
1426
1565
  .dc-radio div {
1427
1566
  font-size: 1.1em;
@@ -1439,8 +1578,10 @@ color: #669;
1439
1578
 
1440
1579
  /****** MOBILE DEVICE *****/
1441
1580
  @media only screen and (max-device-width: 600px) {
1442
- body, .body {font-size: 11px !important;}
1581
+ #body-cms {font-size: 11px;}
1443
1582
  #site-top div:nth-of-type(2) {padding-top: 0 !important;}
1583
+ .dc-title { font-size: 1.5em;}
1584
+
1444
1585
 
1445
1586
  .dc-form {
1446
1587
  border: none;
@@ -1461,16 +1602,19 @@ color: #669;
1461
1602
  white-space: nowrap;
1462
1603
  }
1463
1604
  .dc-form-label label {
1464
- font-size: 14px;
1605
+ font-size: 15px;
1465
1606
  }
1466
1607
 
1467
- .app-menu li {margin-bottom: 4px;}
1608
+ .dc-menu { padding: 0;}
1609
+ .dc-menu li, .dc-action-menu ul li { margin: 2px 3px 2px; }
1468
1610
 
1469
1611
  .dc-submit {
1470
- padding: 1px 0 0;
1471
- line-height: 26px;
1472
- font-size: 11px;
1612
+ line-height: 20px;
1613
+ }
1614
+ .dc-link div, .dc-link-no {
1615
+ padding: 4px 8px;
1473
1616
  }
1617
+
1474
1618
  #result {width: 200%;}
1475
1619
 
1476
1620
  .dc-separator {
@@ -1478,8 +1622,6 @@ color: #669;
1478
1622
  border-top: 2px solid #888;
1479
1623
  }
1480
1624
 
1481
- .dc-menu li {margin-bottom: 4px;}
1482
-
1483
1625
  .dc-width-10, .dc-width-14, .dc-width-21, .dc-width-85, .dc-width-100 {width: 100%;}
1484
1626
 
1485
1627
  .dc-width-100 {
@@ -1496,14 +1638,21 @@ color: #669;
1496
1638
  font-size: 2em;
1497
1639
  }
1498
1640
 
1499
- .cmsedit-container #menu {display: none;}
1500
- .cmsedit-container #menu.visible {display: initial; width: 150%;}
1641
+ .cmsedit-container {display: block;}
1642
+ .cmsedit-container #cms-menu {display: none;}
1643
+ .cmsedit-container #cms-menu.visible {
1644
+ display: initial;
1645
+ width: 200%;
1646
+ font-weight: 500;
1647
+ border: none;
1648
+ margin: 0;
1649
+ }
1501
1650
  .cmsedit-iframe {padding-left: 2px;}
1502
1651
  }
1503
1652
 
1504
1653
  /******* Firefox only ********/
1505
1654
  @-moz-document url-prefix() {
1506
- .dc-submit {
1507
- /* padding: 0 2px 1px; */
1655
+ .dc-link, .dc-link-ajax, .dc-submit {
1656
+ /* padding: 4px 14px 8px 14px;*/
1508
1657
  }
1509
1658
  }