drg_cms 0.6.1.4 → 0.6.1.9

Sign up to get free protection for your applications and to get access to all the features.
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
  }