drg_cms 0.6.1.5 → 0.6.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
@@ -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
  }