drg_cms 0.6.1.4 → 0.6.1.9

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