drg_cms 0.6.0.1 → 0.6.1.1.1

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 (130) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/drg_cms/drg_cms.js +454 -145
  3. data/app/assets/javascripts/drg_cms_application.js +1 -1
  4. data/app/assets/stylesheets/drg_cms/drg_cms.css +635 -244
  5. data/app/assets/stylesheets/drg_cms/select-multiple.css +18 -12
  6. data/app/assets/stylesheets/drg_cms_cms.css +1 -1
  7. data/app/controllers/cmsedit_controller.rb +515 -335
  8. data/app/controllers/dc_application_controller.rb +378 -111
  9. data/app/controllers/dc_common_controller.rb +105 -14
  10. data/app/{controllers → controls}/browse_models_control.rb +0 -0
  11. data/app/controls/dc_help_control.rb +126 -0
  12. data/app/{controllers → controls}/dc_page_control.rb +24 -8
  13. data/app/controls/dc_poll_result_control.rb +88 -0
  14. data/app/controls/dc_report.rb +223 -0
  15. data/app/{controllers → controls}/design_element_settings_control.rb +0 -0
  16. data/app/forms/all_options.yml +44 -9
  17. data/app/forms/cms_menu.yml +28 -18
  18. data/app/forms/dc_ad.yml +11 -22
  19. data/app/forms/dc_big_table.yml +1 -0
  20. data/app/forms/dc_big_table_value.yml +1 -0
  21. data/app/forms/dc_category.yml +2 -1
  22. data/app/forms/dc_design.yml +20 -16
  23. data/app/forms/dc_filter.yml +3 -6
  24. data/app/forms/dc_help_1.yml +109 -0
  25. data/app/forms/dc_journal.yml +3 -1
  26. data/app/forms/dc_json_ld.yml +59 -0
  27. data/app/forms/dc_key_value.yml +32 -0
  28. data/app/forms/dc_link.yml +1 -1
  29. data/app/forms/dc_menu.yml +2 -0
  30. data/app/forms/dc_menu_item.yml +2 -0
  31. data/app/forms/dc_page.yml +3 -5
  32. data/app/forms/dc_part.yml +1 -0
  33. data/app/forms/dc_piece.yml +1 -0
  34. data/app/forms/dc_poll.yml +15 -5
  35. data/app/forms/dc_poll_item.yml +2 -1
  36. data/app/forms/dc_poll_result.yml +83 -0
  37. data/app/forms/dc_poll_result_export.yml +35 -0
  38. data/app/forms/dc_seo.yml +33 -0
  39. data/app/forms/dc_simple_menu.yml +2 -0
  40. data/app/forms/dc_site.yml +4 -12
  41. data/app/forms/dc_user.yml +27 -11
  42. data/app/forms/dc_user_role.yml +3 -0
  43. data/app/forms/json_ld_schema.yml +168 -0
  44. data/app/helpers/cms_common_helper.rb +375 -0
  45. data/app/helpers/cms_edit_helper.rb +506 -0
  46. data/app/helpers/cms_helper.rb +268 -0
  47. data/app/helpers/cms_index_helper.rb +580 -0
  48. data/app/helpers/dc_application_helper.rb +218 -306
  49. data/app/models/concerns/dc_page_concern.rb +40 -6
  50. data/app/models/concerns/dc_policy_rule_concern.rb +20 -8
  51. data/app/models/concerns/dc_seo_concern.rb +66 -0
  52. data/app/models/concerns/dc_site_concern.rb +67 -44
  53. data/app/models/concerns/dc_user_concern.rb +57 -18
  54. data/app/models/dc_design.rb +30 -18
  55. data/app/models/dc_filter.rb +22 -13
  56. data/app/models/dc_json_ld.rb +152 -0
  57. data/app/models/dc_key_value.rb +48 -0
  58. data/app/models/dc_key_value_store.rb +1 -0
  59. data/app/models/dc_memory.rb +8 -1
  60. data/app/models/dc_page.rb +0 -1
  61. data/app/models/dc_permission.rb +49 -9
  62. data/app/models/dc_policy.rb +25 -14
  63. data/app/models/dc_policy_role.rb +22 -11
  64. data/app/models/dc_poll.rb +39 -19
  65. data/app/models/dc_poll_result.rb +46 -0
  66. data/app/models/dc_temp.rb +140 -0
  67. data/app/models/dc_user_role.rb +2 -2
  68. data/app/models/drgcms_form_fields.rb +12 -1
  69. data/app/models/drgcms_form_fields/action.rb +61 -0
  70. data/app/models/drgcms_form_fields/comment.rb +8 -4
  71. data/app/models/drgcms_form_fields/date_picker.rb +11 -9
  72. data/app/models/drgcms_form_fields/date_select.rb +1 -1
  73. data/app/models/drgcms_form_fields/datetime_picker.rb +12 -10
  74. data/app/models/drgcms_form_fields/datetime_select.rb +1 -1
  75. data/app/models/drgcms_form_fields/drgcms_field.rb +55 -9
  76. data/app/models/drgcms_form_fields/embedded.rb +26 -16
  77. data/app/models/drgcms_form_fields/file_field.rb +52 -0
  78. data/app/models/drgcms_form_fields/file_select.rb +2 -2
  79. data/app/models/drgcms_form_fields/hash_field.rb +90 -0
  80. data/app/models/drgcms_form_fields/hidden_field.rb +1 -1
  81. data/app/models/drgcms_form_fields/html_field.rb +1 -1
  82. data/app/models/drgcms_form_fields/link_to.rb +2 -2
  83. data/app/models/drgcms_form_fields/method.rb +66 -0
  84. data/app/models/drgcms_form_fields/multitext_autocomplete.rb +23 -14
  85. data/app/models/drgcms_form_fields/number_field.rb +15 -6
  86. data/app/models/drgcms_form_fields/radio.rb +96 -0
  87. data/app/models/drgcms_form_fields/readonly.rb +2 -2
  88. data/app/models/drgcms_form_fields/select.rb +92 -29
  89. data/app/models/drgcms_form_fields/text_area.rb +1 -1
  90. data/app/models/drgcms_form_fields/text_autocomplete.rb +31 -17
  91. data/app/models/drgcms_form_fields/text_field.rb +1 -1
  92. data/app/models/drgcms_form_fields/text_with_select.rb +6 -3
  93. data/app/models/drgcms_form_fields/tree_select.rb +15 -4
  94. data/app/{helpers → renderers}/dc_ad_renderer.rb +0 -0
  95. data/app/{helpers → renderers}/dc_big_menu_renderer.rb +1 -0
  96. data/app/{helpers → renderers}/dc_captcha_renderer.rb +0 -0
  97. data/app/{helpers → renderers}/dc_common_renderer.rb +0 -0
  98. data/app/{helpers → renderers}/dc_gallery_renderer.rb +1 -0
  99. data/app/{helpers → renderers}/dc_menu_renderer.rb +11 -4
  100. data/app/{helpers → renderers}/dc_page_renderer.rb +1 -0
  101. data/app/{helpers → renderers}/dc_part_renderer.rb +5 -4
  102. data/app/{helpers → renderers}/dc_piece_renderer.rb +1 -1
  103. data/app/{helpers → renderers}/dc_poll_renderer.rb +91 -64
  104. data/app/{helpers → renderers}/dc_renderer.rb +1 -0
  105. data/app/{helpers → renderers}/dc_simple_menu_renderer.rb +1 -0
  106. data/app/views/cmsedit/{remove_edit_stuff.js.erb → __remove_edit_stuff.js.erb} +0 -0
  107. data/app/views/cmsedit/{show.html.erb → __show.html.erb} +0 -0
  108. data/app/views/cmsedit/_edit_stuff.html.erb +4 -25
  109. data/app/views/cmsedit/_form.html.erb +4 -3
  110. data/app/views/cmsedit/_result.html.erb +2 -3
  111. data/app/views/cmsedit/edit.html.erb +4 -1
  112. data/app/views/cmsedit/index.html.erb +7 -1
  113. data/app/views/cmsedit/new.html.erb +3 -1
  114. data/app/views/dc_common/_help.html.erb +17 -0
  115. data/app/views/layouts/models.html.erb +2 -1
  116. data/config/locales/drgcms_en.yml +27 -3
  117. data/config/locales/drgcms_sl.yml +32 -5
  118. data/config/locales/models_en.yml +65 -17
  119. data/config/locales/models_sl.yml +69 -18
  120. data/drg_cms.gemspec +1 -1
  121. data/lib/drg_cms.rb +61 -1
  122. data/lib/drg_cms/version.rb +1 -1
  123. data/lib/generators/new_drg_form/new_drg_form_generator.rb +9 -2
  124. data/lib/tasks/database.rake +6 -56
  125. metadata +73 -54
  126. data/app/assets/stylesheets/drg_cms/__jquery-ui.css +0 -339
  127. data/app/helpers/application_helper.rb +0 -2
  128. data/app/helpers/cmsedit_helper.rb +0 -888
  129. data/app/models/dc_dummy.rb +0 -102
  130. data/test/fixtures/drg_cms_test_data.rb +0 -87
@@ -4,7 +4,7 @@
4
4
  // It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
5
5
  // the compiled file.
6
6
  //
7
- //= require jquery2
7
+ //= require jquery3
8
8
  //= require drg_cms/jquery-migrate
9
9
  //= require jquery_ujs
10
10
  //= require drg_cms/drg_cms
@@ -23,6 +23,8 @@
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"');
27
+
26
28
  /* Web reset. Countributed by
27
29
  /* http://meyerweb.com/eric/tools/css/reset/
28
30
  v2.0 | 20110126
@@ -42,9 +44,9 @@ article, aside, canvas, details, embed,
42
44
  figure, figcaption, footer, header, hgroup,
43
45
  menu, nav, output, ruby, section, summary,
44
46
  time, mark, audio, video {
45
- margin: 0px;
46
- padding: 0px;
47
- border: 0px;
47
+ margin: 0;
48
+ padding: 0;
49
+ border: 0;
48
50
  font-size: 100%;
49
51
  font: inherit;
50
52
  vertical-align: baseline;
@@ -54,6 +56,7 @@ article, aside, details, figcaption, figure,
54
56
  footer, header, hgroup, menu, nav, section {
55
57
  display: block;
56
58
  }
59
+
57
60
  body {
58
61
  /* line-height: 1; */
59
62
  }
@@ -74,30 +77,47 @@ table {
74
77
  }
75
78
  /* END */
76
79
 
77
- /* Firefox only
78
- @-moz-document url-prefix() {
79
- }
80
- */
81
-
82
80
  body {
83
- font-family: helvetica;
84
- font-size: 12px;
85
- margin: 0px;
81
+ font-family: Exo,arial,sans-serif;
82
+ font-size: 14px;
83
+ margin: 0;
86
84
  vertical-align: middle;
87
- color: #222;
85
+ color: #000;
86
+ font-weight: 400;
87
+ }
88
+
89
+ button {
90
+ font-family: Exo,arial,sans-serif;
88
91
  }
89
92
 
93
+
90
94
  textarea, input, select {
91
- color: #222;
95
+ color: #000;
92
96
  padding: 6px 4px;
93
- border: solid 2px #ddd;
97
+ margin-left: 1px;
98
+ border: 1px dashed #888;;
94
99
  border-radius: 2px;
95
- font: 14px helvetica;
100
+ font: 14px Exo,arial,sans-serif;
96
101
  max-width: 100%;
102
+ vertical-align: middle;
97
103
  }
98
104
 
99
105
  textarea:focus, input:focus, select:focus {
100
- border: 2px solid rgba(76,154,255, 1);
106
+ border: 1px solid rgba(76,154,255, 1);
107
+ outline: 1px solid rgba(76,154,255, 1);
108
+ border-radius: 1px;
109
+ }
110
+
111
+ input[type=submit]:focus {
112
+ outline: none;
113
+ border: none;
114
+ background-color: rgba(76,154,255, 1);
115
+ color: #fff;
116
+ }
117
+
118
+ textarea[readonly], input[readonly], select[readonly] {
119
+ background-color: #eee !important;
120
+ border: 1px solid #ddd !important;
101
121
  }
102
122
 
103
123
  input.file {
@@ -105,12 +125,14 @@ border: none;
105
125
  }
106
126
 
107
127
  select {
108
- padding: 5px 0px;
109
- background: #fff;
110
- border: solid 2px #ddd;
111
- border-radius: 2px;
128
+ background-color: #fff;
112
129
  }
113
130
 
131
+ select option {
132
+ /* not working
133
+ outline: none;*/
134
+ }
135
+
114
136
  hr {
115
137
  background-color: #ccc;
116
138
  border: none;
@@ -118,8 +140,8 @@ height: 2px;
118
140
  }
119
141
 
120
142
  .div {
121
- border: 0px;
122
- padding: 0px;
143
+ border: 0;
144
+ padding: 0;
123
145
  }
124
146
 
125
147
 
@@ -130,13 +152,13 @@ height: 2px;
130
152
  td { vertical-align: middle; }
131
153
 
132
154
  th {
133
- padding: 4px;
134
- text-align: left;
135
- border-bottom:2px solid #ddd;
136
- border-right:2px solid #ddd;
137
- background: #ddd;
138
- color:#888;
139
- font-weight: bold;
155
+ padding: 4px;
156
+ text-align: left;
157
+ border-bottom: 2px solid #ddd;
158
+ border-right: 2px solid #ddd;
159
+ background: #ddd;
160
+ color: #888;
161
+ font-weight: bold;
140
162
  }
141
163
 
142
164
  th a:hover { color: #000;}
@@ -146,17 +168,17 @@ img { vertical-align:bottom; }
146
168
  .dc-link a:link, .dc-link a:active, .dc-link a:visited,
147
169
  .dc-animate a:link, .dc-animate a:active, .dc-animate a:visited,
148
170
  .dc-result a:link, .dc-result a:active, .dc-result a:visited {
149
- color: #666;
150
- font-weight: bold;
151
- text-decoration: none;
152
- background: transparent;
153
- padding: 5px 0;
171
+ color: #666;
172
+ font-weight: 600;
173
+ text-decoration: none;
174
+ background: transparent;
175
+ padding: 7px;
154
176
  }
155
177
 
156
178
  .dc-link a:hover, .dc-animate a:hover, .dc-result a:hover {
157
- background: #f8f8f8;
158
- transition: 0.3s;
159
- color: #000;
179
+ background: #f8f8f8;
180
+ transition: 0.3s;
181
+ color: #000;
160
182
  }
161
183
 
162
184
  a.dc-animate:hover { color: #000; background: transparent;}
@@ -166,13 +188,11 @@ a.dc-animate:hover { color: #000; background: transparent;}
166
188
  .dc-image-preview img { max-height: 2rem; padding-left: 0.5rem;}
167
189
  .dc-image-preview img:hover { cursor: zoom-in;}
168
190
 
169
- .text-with-select {
170
- width: 24px;
171
- }
191
+ .text-with-select { width: 20px; }
172
192
 
173
193
  .no-borders {
174
- padding: 0px;
175
- border-spacing: 0px;
194
+ padding: 0;
195
+ border-spacing: 0;
176
196
  }
177
197
 
178
198
  .td-spacer {
@@ -183,75 +203,112 @@ width: 24px;
183
203
 
184
204
  .dc-result {
185
205
  width: 99.9%;
186
- padding: 0px;
187
- border-spacing: 0px;
206
+ padding: 0;
207
+ border-spacing: 0;
188
208
  border-radius: 1px;
189
- background-color: #f9f9f9;
190
- /*border: 2px solid #ddd;
191
- border-left: 2px solid #ddd;
192
- border-bottom: none;*/
209
+ /*background-color: #f9f9f9;*/
193
210
  }
194
211
 
195
212
  .dc-result i {
196
213
  padding: 2px;
197
- font-size: 0.9rem;
214
+ font-size: 14px;
215
+ vertical-align: initial;
216
+ }
217
+
218
+ .dc-result .dc-link-no {
219
+ padding: 0;
220
+ border: none;
221
+ color: #bbb;
222
+ background: transparent !important;
223
+ }
224
+
225
+ .dc-result .actions .dc-animate {
226
+ padding: 0;
198
227
  }
199
228
 
200
229
  .dc-result-header {
201
230
  display: flex;
202
- /* background-color: #eee;*/
203
- background: linear-gradient(to bottom, #eee 0%, #ddd 100%);
231
+ /* background: linear-gradient(to bottom, #eee 0%, #e2e2e2 100%); */
204
232
  }
205
233
  .dc-result-data {
206
234
  display: flex;
207
235
  }
208
236
 
209
237
  .dc-result-data .actions i {
210
- padding: 6px 1px;
238
+ padding: 2px 1px;
211
239
  font-size: 1rem;
212
240
  }
213
241
 
214
242
  .dc-result-header .th {
215
- padding: 8px 2px;
243
+ padding: 4px 3px;
216
244
  white-space: nowrap;
217
245
  overflow: hidden;
218
- font-weight: bold;
219
- color: #666;
246
+ font-weight: 600;
247
+ color: #fff;
248
+ background-color: #666;
249
+ }
250
+ .dc-result-header .th:last-child {
251
+ flex-grow: 1;
220
252
  }
221
253
 
222
254
  .dc-result-header .spacer, .dc-result-data .spacer {
223
- width: 1px;
255
+ width: 2px;
256
+ /*
224
257
  font-size: 1.5em;
225
- margin: 0 0px;
226
- padding: 4px 0px;
258
+ margin: 0 0;
259
+ padding: 4px 0;
227
260
  resize: both;
228
261
  /* border-left: 1px solid #ccc;*/
229
262
  }
230
263
 
231
- .dc-result-header .spacer:hover {
232
- cursor:ew-resize;
264
+ .dc-result-header a:link, .dc-result-header a:visited {
265
+ padding-left: 0;
266
+ color: #fff;
267
+ font-weight: 500;
233
268
  }
269
+
234
270
  .dc-result-data .td {
235
- padding: 5px 2px;
271
+ padding: 5px 3px;
236
272
  white-space: nowrap;
237
273
  overflow: hidden;
238
274
  text-overflow: ellipsis;
275
+ display: flex;
276
+ align-items: center;
239
277
  }
240
278
 
241
279
  .dc-result-data .actions, .dc-result-header .actions {
242
- padding-left: 4px;
243
- vertical-align: middle;
280
+ padding-right: 4px;
281
+ display: flex;
282
+ align-items: center;
283
+ justify-content: center;
244
284
  white-space: nowrap;
245
285
  }
246
286
 
287
+ .dc-result-header .actions {
288
+ background-color: #666;
289
+ }
290
+
291
+
292
+ .dc-result-data .dc-link, .dc-result-data .dc-link-ajax {
293
+ background: none;
294
+ border: 1px solid transparent;
295
+ }
296
+
297
+ .dc-result-data .dc-link:hover, .dc-result-data .dc-link-ajax:hover {
298
+ box-shadow: none;
299
+ border: 1px solid transparent;
300
+ }
301
+ .dc-result-data .dc-link a:hover, .dc-result-data .dc-link-ajax a:hover {
302
+ color: rgba(76,154,255, 1);
303
+ }
304
+
247
305
  .dc-result-data:hover {
248
- background-color: rgba(255,127,0, 0.1);
249
- background-color: rgba(0,0,255, 0.1);
306
+ background-color: #eee;
307
+ box-shadow: inset 0 0 0 1px rgba(76,154,255, 1);
250
308
  }
251
309
 
252
310
  .dc-result-data.footer {
253
311
  border-top: 2px solid #222;
254
- /* border-bottom: 2px solid #222; */
255
312
  color: #000;
256
313
  font-weight: bold;
257
314
  background-color: #ddd;
@@ -260,34 +317,32 @@ font-size: 0.9rem;
260
317
  .dc-result-data a:hover {
261
318
  background-color: transparent;
262
319
  }
263
-
264
320
 
265
321
  .dc-menu {
266
- padding: 0px;
267
- padding: 10px 0;
322
+ padding: 4px 0;
268
323
  display: inline-table;
269
324
  }
270
325
 
271
326
  .dc-menu li {
272
- display: initial;
327
+ display: inline-flex;
273
328
  margin-right: 3px;
274
329
  }
275
330
 
331
+
276
332
  #data-fields {margin: 5px;}
277
333
 
278
334
  .dc-link {
279
- font-weight: bold;
335
+ font-weight: 600;
280
336
  color: #666;
281
337
  text-align: center;
282
- padding: 6px;
283
- border-radius: 2px;
284
- background: transparent linear-gradient(to bottom, #FFF 0%, #F2F2F2 100%) repeat scroll 0% 0%;
285
- border: 1px solid #eee;
338
+ border-radius: 3px;
339
+ background: transparent linear-gradient(to bottom, #fff 0%, #e2e2e2 100%);
340
+ border: 1px solid #ddd;
286
341
  }
287
342
 
288
343
  .dc-link:hover {
289
- background: #ddd;
290
- border: 1px solid #ddd;
344
+ border: 1px solid rgba(76,154,255, 1);
345
+ box-shadow: inset 0 0 0 1px rgba(76,154,255, 1);
291
346
  transition: 0.3s;
292
347
  color: #000;
293
348
  cursor: pointer;
@@ -298,30 +353,47 @@ border: 1px solid #eee;
298
353
  transition: 0.3s;
299
354
  }
300
355
 
356
+ .dc-link div {
357
+ padding: 7px 8px;
358
+ }
359
+
301
360
  .dc-link-no {
302
361
  text-align: left;
303
- font-weight: bold;
304
- padding: 6px;
305
- border-radius: 2px;
306
- color: #fff;
307
- background: #ddd;
362
+ font-weight: 600;
363
+ padding: 7px;
364
+ vertical-align: bottom;
365
+ border: 1px solid #ccc;
366
+ border-radius: 3px;
367
+ color: #777;
368
+ text-shadow: 1px 1px #fff;
369
+ background: #ddd !important;
308
370
  }
309
371
 
310
372
  .dc-link-ajax {
311
373
  text-align: left;
312
- font-weight: bold;
313
- padding: 6px;
314
- border-radius: 2px;
374
+ font-weight: 600;
375
+ padding: 8px 8px 6px;
376
+ border-radius: 3px;
315
377
  color: #666;
316
- background: transparent linear-gradient(to bottom, #FFF 0%, #F2F2F2 100%) repeat scroll 0% 0%;
317
- border: 1px solid #eee;
378
+ background: transparent linear-gradient(to bottom, #fff 0%, #e2e2e2 100%) repeat scroll 0% 0%;
379
+ border: 1px solid #ddd;
380
+ }
381
+
382
+ .dc-link-ajax.with-link {padding: 7px}
383
+ #cmsform .dc-link-ajax.with-link {padding: 0}
384
+
385
+ .dc-link-ajax i, .dc-link-no i {
386
+ padding: 1px 3px 0 0;
318
387
  }
319
388
 
320
- .dc-link-ajax:hover {
389
+ .dc-link-ajax:hover, .dc-action-submit:hover {
321
390
  cursor: pointer;
322
- background: #ddd;
323
- border: 1px solid #ddd;
391
+ background: #eee;
392
+ border: 1px solid #bbb;
393
+ border: 1px solid rgba(76,154,255, 1);
394
+ box-shadow: inset 0 0 0 1px rgba(76,154,255, 1);
324
395
  transition: 0.3s;
396
+ color: #000;
325
397
  }
326
398
 
327
399
  .dc-link-ajax:hover a {
@@ -334,7 +406,7 @@ transition: 0.3s;
334
406
  .dc-link-img {
335
407
  padding: 3px;
336
408
  text-align: center;
337
- margin: 0px;
409
+ margin: 0;
338
410
  }
339
411
 
340
412
  .dc-link-img:hover {
@@ -344,9 +416,9 @@ transition: 0.3s;
344
416
 
345
417
  .dc-link-icon {
346
418
  padding: 3px;
347
- border-radius: 2px;
348
- background: transparent linear-gradient(to bottom, #FFF 0%, #F2F2F2 100%) repeat scroll 0% 0%;
349
- border: 1px solid #ddd;
419
+ border-radius: 3px;
420
+ background: transparent linear-gradient(to bottom, #fff 0%, #e2e2e2 100%) repeat scroll 0% 0%;
421
+ border: solid 1px #ccc;;
350
422
  }
351
423
 
352
424
 
@@ -365,22 +437,22 @@ border: 1px solid #ddd;
365
437
  .dc-inline-link {
366
438
  cursor: pointer;
367
439
  color: #222;
368
- padding: 4px;
440
+ padding: 5px 4px 4px;
369
441
  background: #fff;
370
442
  border: 2px solid #222;
371
- border-radius: 5px;
443
+ border-radius: 3px;
372
444
  }
373
445
 
374
446
  .dc-inline-link:hover {
375
- color: #c43;
376
- border: 2px solid #c43;
447
+ color: rgba(76,154,255, 1);
448
+ border: 2px solid rgba(76,154,255, 1);
377
449
  }
378
450
 
379
451
  .skip-next {
380
452
  text-align: center;
381
453
  border:1px solid #888;
382
454
  padding:1px 4px 1px 4px;
383
- border-radius: 5px;
455
+ border-radius: 3px;
384
456
  box-shadow: 2px 2px 5px #aaa;
385
457
  width: 13px;
386
458
  margin-left: 350px;
@@ -391,18 +463,27 @@ border: 1px solid #ddd;
391
463
  .skip-next a:link, .skip-next a:active, .skip-next a:visited { color: #333; text-decoration: none; background: transparent;}
392
464
  .skip-next a:hover { text-decoration: none; color: #c43; }
393
465
 
394
- .dc-animate-button {
395
- background: transparent linear-gradient(to bottom, #eee 0%, #eee 100%) repeat scroll 0% 0% !important;
466
+ .dc-window-open {
467
+ padding: 8px 7px 6px;
468
+ }
469
+ .dc-window-open i {
470
+ padding-right: 4px;
471
+ }
472
+ .dc-window-open:hover {
473
+ cursor: pointer;
396
474
  }
397
-
398
475
  .dc-link-submit {
399
476
  text-align: left;
400
- padding: 6px;
401
-
402
- border-radius: 2px;
477
+ padding: 1px 8px 0.5px;
478
+ /* Exo padding: 0 8px; */
479
+
480
+ border-radius: 3px;
403
481
  background-color: #eee;
404
- background: transparent linear-gradient(to bottom, #FFF 0%, #F2F2F2 100%) repeat scroll 0% 0%;
405
- border: 1px solid #eee;
482
+ background: transparent linear-gradient(to bottom, #fff 0%, #e2e2e2 100%) repeat scroll 0% 0%;
483
+ border: 1px solid #ddd;
484
+ display: flex;
485
+ align-items: center;
486
+
406
487
  }
407
488
 
408
489
  .dc-link-submit .fa {
@@ -414,65 +495,90 @@ border: 1px solid #ddd;
414
495
  }
415
496
  .dc-link-submit:hover {
416
497
  color: #000;
417
- background: #ddd;
418
- transition: 0.3s;
498
+ border: 1px solid rgba(76,154,255, 1);
499
+ box-shadow: inset 0 0 0 1px rgba(76,154,255, 1);
500
+ transition: 0.3s;
419
501
  }
420
502
  .dc-link-submit:hover .dc-submit {
421
503
  color: #000;
422
504
  transition: 0.3s;
423
- background: #ddd;
424
-
425
505
  }
506
+
426
507
  .dc-submit {
427
508
  text-decoration: none;
428
- border: 0px;
509
+ border: none;
429
510
  color: #666;
430
- font-weight: bold;
431
- box-shadow: none;
432
- /* background: none;*/
433
- padding: 0px 2px;
434
- border-radius: 0px;
435
- background: transparent linear-gradient(to bottom, #FFF 0%, #F2F2F2 100%) repeat scroll 0% 0%;
436
- }
511
+ font-weight: 600;
512
+ padding: 1px 2px 0;
513
+ border-radius: 0;
514
+ background: transparent;
515
+ line-height: 30px;
516
+ font-size: 14px;
517
+ }
437
518
 
438
519
  .dc-submit:hover {
439
520
  cursor: pointer;
440
521
  text-decoration: none;
441
522
  color: #fff;
442
- background-color: #000;
443
523
  }
444
524
 
445
525
  /* Pagination */
446
- #result .pagination span {
447
- border: 1px solid #ddd;
448
- padding: 4px 4px 3px 6px;
526
+
527
+ .dc-paginate .pagination {
528
+ display: flex;
529
+ }
530
+ .dc-paginate .pagination span {
531
+ border: solid 1px #ccc;
449
532
  margin-left: 1px;
450
- background: transparent linear-gradient(to bottom, #FFF 0%, #F2F2F2 100%) repeat scroll 0% 0%;
533
+ background: transparent linear-gradient(to bottom, #fff 0%, #e2e2e2 100%) repeat scroll 0% 0%;
451
534
  border-radius: 1px;
452
535
  }
453
- #result .pagination span a {
454
- color: #888;
536
+ .dc-paginate .pagination span.page.gap {
537
+ padding: 1px 4px 4px 4px;
538
+ color: #aaa;
539
+ }
540
+
541
+ .dc-paginate .pagination span.next a, .dc-paginate .pagination span.last a,
542
+ .dc-paginate .pagination span.prev a, .dc-paginate .pagination span.first a {
543
+ padding: 3px 6px 4px 7px;
544
+ }
545
+ .dc-paginate .pagination span a {
546
+ display: block;
547
+ color: #666;
548
+ padding: 4px 6px 3px 7px;
455
549
  text-decoration: none;
456
550
  }
457
551
 
458
- #result .pagination span:hover > a {
552
+ .dc-paginate .pagination span.page.current {
553
+ padding: 4px 6px 3px 7px;
554
+ }
555
+
556
+ .dc-paginate .pagination span:hover > a {
459
557
  color: #000;
460
558
  }
461
559
 
462
- #result .pagination .current {
463
- background: #888;
560
+ .dc-paginate .pagination span:hover {
561
+ border: 1px solid rgba(76,154,255, 1);
562
+ outline: 1px solid rgba(76,154,255, 1);
563
+ }
564
+
565
+ .dc-paginate .pagination .current {
566
+ background: #666;
464
567
  color: #fff;
465
- border: 1px solid #888;
568
+ border: 1px solid #666;
466
569
  }
467
570
 
571
+ .dc-paginate .pagination .current:hover {
572
+ outline: none;
573
+ }
468
574
 
469
575
  .dc-title {
470
- font-weight: bold;
576
+ font-weight: 600;
471
577
  font-size: 1.4em;
472
- color: #66a;
578
+ color: #338;
473
579
  padding: 5px 1px;
474
- border-spacing: 0px;
475
- margin: 0px;
580
+ border-spacing: 0;
581
+ margin: 0;
476
582
  background-color: #fff;
477
583
  }
478
584
 
@@ -482,19 +588,27 @@ border: 1px solid #ddd;
482
588
  font-size: 0.8em;
483
589
  }
484
590
 
591
+ .dc-title .dc-help {
592
+ float:right;
593
+ padding: 4px 0 0 4px;
594
+ font-size: 1.1em;
595
+ height: 1em;
596
+ border: none;
597
+ background: none;
598
+ }
599
+
485
600
  .dc-form-frame {
486
601
  width: 99.9%;
487
- margin: 0px;
602
+ margin: 0;
488
603
  background-color: #fff;
489
604
  }
490
605
 
491
606
  .dc-form {
492
607
  width: 99.8%;
493
- padding: 0px;
494
- padding-top: 4px;
495
- border: 1px solid #ddd;
608
+ padding: 4px 0 0;
609
+ border: 1px solid #eee;
496
610
  border-radius: 2px;
497
- background-color: #fcfcfc;
611
+ /*background-color: #fcfcfc; */
498
612
  }
499
613
 
500
614
  .dc-form .row-div {
@@ -509,7 +623,7 @@ border: 1px solid #ddd;
509
623
  color: darkgreen;
510
624
  border: 1px solid #b2dba1;
511
625
  border-radius: 2px;
512
- margin: 4px;
626
+ margin: 2px 0;
513
627
  }
514
628
 
515
629
  .dc-form-warning {
@@ -519,7 +633,7 @@ border: 1px solid #ddd;
519
633
  color: #c84;
520
634
  border: 1px solid #f5e79e;
521
635
  border-radius: 2px;
522
- margin: 4px;
636
+ margin: 2px 0;
523
637
  }
524
638
 
525
639
  .dc-form-error {
@@ -530,7 +644,11 @@ border: 1px solid #ddd;
530
644
  color: #a94442;
531
645
  border: 1px solid #dca7a7;
532
646
  border-radius: 2px;
533
- margin: 4px;
647
+ margin: 2px 0;
648
+ }
649
+
650
+ .dc-form-updates {
651
+ display: none;
534
652
  }
535
653
 
536
654
  .field_with_errors {
@@ -541,13 +659,13 @@ border: 1px solid #ddd;
541
659
  color: #555;
542
660
  text-align: right;
543
661
  vertical-align: middle;
544
- font-weight: bold;
662
+ font-weight: 600;
545
663
  padding: 10px 2px;
546
- width: 150px;
664
+ width: 150px;
547
665
  }
548
666
 
549
667
  .dc-form-label label {
550
- padding: 0px 0px 2px 1px;
668
+ padding: 0 0 2px 1px;
551
669
  }
552
670
 
553
671
  .dc-form-label-top {
@@ -558,6 +676,9 @@ border: 1px solid #ddd;
558
676
  padding: 3px 5px;
559
677
  }
560
678
 
679
+ .dc-form-label.dc-color-odd, .dc-form-label.dc-color-even {background-color: transparent;}
680
+ .dc-form-field.dc-color-odd, .dc-form-field.dc-color-even {background-color: transparent;}
681
+
561
682
  .dc-align-left {
562
683
  text-align: left;
563
684
  }
@@ -569,10 +690,10 @@ border: 1px solid #ddd;
569
690
  text-align: left;
570
691
  padding: 3px 2px;
571
692
  z-index: 10;
572
- /*
573
- background-color: #f4f4f4;
574
- border-bottom: 1px solid #eee;
575
- */
693
+ }
694
+
695
+ .dc-form-field .action li {
696
+ display: inline-flex;
576
697
  }
577
698
 
578
699
  .dc-number {
@@ -584,55 +705,68 @@ border: 1px solid #ddd;
584
705
  font-size: 14px;
585
706
  font-weight: normal;
586
707
  color: #222;
587
- padding: 6px 3px;
588
- border: 2px solid #ddd;
708
+ padding: 6px 4px;
709
+ border: solid 1px #ddd;;
589
710
  background-color: #eee;
590
711
  border-radius: 2px;
591
712
  }
592
713
 
714
+ .tree-select.dc-readonly {
715
+ display: block;
716
+ background-color: #eee;
717
+ }
718
+
593
719
  .dc-color-odd {
594
720
  background-color: #fcfcfc;
595
- /* border-bottom: solid 1px #eee; */
596
721
  }
597
722
  .dc-color-even {
598
723
  background-color: #fcfcfc;
599
- /* border-bottom: solid 1px #eee; */
600
724
  }
601
-
602
725
  .dc-form-ul {
603
- padding: 2px;
726
+ padding: 2px 0;
604
727
  margin-top: 6px;
605
- /*
606
- margin-bottom: 3px;
607
- border-bottom: 1px solid #eee;
608
- */
609
-
728
+ margin-bottom: -3px;
610
729
  }
611
730
 
731
+ .dc-width-0 {width: 0;}
732
+ .dc-width-10 {width: 10%;}
733
+ .dc-width-14 {width: 14%;}
734
+ .dc-width-21 {width: 21%;}
735
+ .dc-width-85 {width: 85%;}
736
+ .dc-width-100 {width: 100%;}
737
+
612
738
  .dc-spinner {
613
739
  float:left;
614
740
  padding: 6px 0;
741
+ display: none;
615
742
  }
616
743
 
617
744
  .dc-form-li {
618
- display:inline;
619
- list-style:none;
620
- color: #888;
745
+ display:inline-block;
746
+ white-space: nowrap;
747
+ list-style: none;
748
+ color: #fff;
621
749
  text-decoration: none;
622
750
  text-align: center;
623
- font-weight: bold;
751
+ font-weight: 600;
752
+ line-height: 1.2rem;
624
753
 
625
- padding:3px 15px;
626
- border-radius: 4px 4px 0px 0px;
627
- background: #eee;
754
+ padding:4px 15px;
755
+ background: #e8e8e8;
756
+ background: #666;
628
757
  margin-right: 2px;
758
+ border-left: 1px solid #ddd;
759
+ border-right: 1px solid #ddd;
760
+ border-radius: 4px 4px 0 0;
629
761
  }
630
762
 
631
763
  .dc-form-li:hover, .dc-form-li-selected {
632
764
  cursor: pointer;
633
- color: #fff;
634
- background: #888;
635
- padding:4px 15px 3px 15px;
765
+ color: #222;
766
+ background: #fff;
767
+ border-top: 3px solid rgba(76,154,255, 1);
768
+ border-left: 1px solid #eee;
769
+ border-right: 1px solid #eee;
636
770
  }
637
771
 
638
772
  .dc-odd {
@@ -643,12 +777,74 @@ border-bottom: 1px solid #eee;
643
777
  }
644
778
 
645
779
  .dc-separator {
646
- padding: 5px 0;
647
- border-top: 2px solid #ddd;
780
+ margin: 5px 0;
781
+ border-top: 1px solid #ddd;
782
+ }
783
+
784
+ /** Form head **/
785
+ .dc-head {
786
+ padding: 3px 6px;
787
+ font-size: 1.2em;
788
+ line-height: 1.6em;
789
+ font-weight: bold;
790
+ background-color: #e5f2ff;
791
+ background-color: rgba(76,154,255, 0.2);
792
+ border: 1px dotted #ccc;
793
+ }
794
+ .dc-head .dc-row {
795
+ display: flex;
796
+ }
797
+ .dc-head .dc-column {
798
+ white-space: nowrap;
799
+ overflow: hidden;
800
+ margin-right: 2px;
801
+ }
802
+ .dc-head .text {
803
+ font-weight: normal;
804
+ }
805
+
806
+ /*** CMS toggle button */
807
+ .cms-toggle {
808
+ z-index: 1000000;
809
+ position: fixed;
810
+ top: 4px; left: 4px;
811
+ padding: 4px;
812
+ color: #fff;
813
+ background-color: #000;
814
+ font-weight: bold;
815
+ font-size: 14px;
816
+ box-shadow: 2px 2px 6px #666;
817
+ border-radius: 3px;
818
+ }
819
+
820
+ .cms-toggle:hover {
821
+ color: #000;
822
+ background-color: #fff;
823
+ cursor: pointer;
824
+ }
825
+
826
+ .cms-toggle.mode-1:before {
827
+ font-family: 'FontAwesome';
828
+ content: '\f06e\20';
829
+ color: lightskyblue;
830
+ }
831
+ .cms-toggle.mode-2:before {
832
+ font-family: 'FontAwesome';
833
+ content: '\f040\20';
834
+ color: lightcoral;
835
+ }
836
+
837
+ .dc-handle:before {
838
+ font-family: 'FontAwesome';
839
+ content: '\f0dc\20';
840
+ color: #000;
841
+ cursor: pointer;
842
+ padding-top: 2px;
843
+ font-size: 1.1em;
648
844
  }
649
845
 
650
846
  #cmsedit-div {
651
- font-family: helvetica;
847
+ font-family: Exo,Arial, sans-serif;
652
848
  font-size: 13px;
653
849
  line-height: 13px;
654
850
  }
@@ -662,7 +858,7 @@ background: transparent;
662
858
  #cmsedit-div a:hover { color: #000; }
663
859
 
664
860
  #cmsedit-div #record_select {
665
- border: 2px solid #aaa;
861
+ border: 1px solid #aaa;
666
862
  border-radius: 2px;
667
863
  font-size: 1.2em;
668
864
  }
@@ -675,7 +871,7 @@ font-size: 1.2em;
675
871
  }
676
872
 
677
873
  .cmsedit-top #menu {
678
- padding: 4px 4px 8px 4px;
874
+ padding: 4px 4px 8px 4rem;
679
875
  color: #666;
680
876
  background-color: #fff;
681
877
  border-bottom: 3px solid #666;
@@ -685,7 +881,7 @@ font-size: 1.2em;
685
881
  }
686
882
 
687
883
  .cmsedit-top #menu select#record_select {
688
- padding: 0px;
884
+ padding: 0;
689
885
  max-width: 300px;
690
886
  height: 26px;
691
887
  }
@@ -706,16 +902,16 @@ font-size: 1.2em;
706
902
  }
707
903
 
708
904
  .cmsedit-container #menu {
709
- display: inline-block;
710
- padding: 4px 0px;
711
- margin: 4px;
712
- font-size: 13px;
713
- color: #222;
714
- font-weight: bold;
905
+ display: inline-block;
906
+ padding: 4px 0;
907
+ margin: 4px;
908
+ font-size: 14px;
909
+ color: #222;
910
+ font-weight: 600;
715
911
  }
716
912
 
717
913
  .cmsedit-container .fa {
718
- width: 20px;
914
+ width: 26px;
719
915
  }
720
916
 
721
917
  .cmsedit-container #menu a {
@@ -759,8 +955,8 @@ display: none;
759
955
 
760
956
  .default-table {
761
957
  width: 100%;
762
- padding: 0px;
763
- border-spacing: 0px;
958
+ padding: 0;
959
+ border-spacing: 0;
764
960
  text-align: left;
765
961
  }
766
962
 
@@ -768,14 +964,36 @@ display: none;
768
964
  .dc-journal {width: 99%; }
769
965
  .dc-journal div { padding: 4px;}
770
966
 
967
+ .dc-comment {
968
+ font-size: 1.1em;
969
+ line-height: 1.4em;
970
+ }
771
971
  /****** jquery ui-autocomplete widget ***************/
772
972
  .ui-autocomplete-input {
773
- font-style: italic;
774
- padding: 6px;
973
+ padding: 6px 6px 6px 12px;
775
974
  border-radius: 2px;
776
- border: solid 2px #9c9;
777
- /* background: linear-gradient(#8d8 0%, #ffe 15%, #fff 80%); */
778
975
  }
976
+ .dc-text-autocomplete {
977
+ position: relative;
978
+ }
979
+
980
+ .dc-text-autocomplete input {
981
+ border: 1px dashed #555;
982
+ }
983
+
984
+
985
+ .dc-text-autocomplete input+span:before {
986
+ font-family: 'FontAwesome';
987
+ content: '\f002';
988
+ top: -4px;
989
+ left: 4px;
990
+ position: absolute;
991
+ color: #666;
992
+ font-weight: bold;
993
+ font-size: 10px;
994
+ }
995
+
996
+ .filter_field .dc-text-autocomplete input+span:before {top: -16px;}
779
997
 
780
998
  .ui-autocomplete.ui-menu{
781
999
  font-size: 1.1em;
@@ -789,18 +1007,23 @@ border: 1px solid #fff;
789
1007
  .ui-autocomplete .ui-menu-item .ui-state-active {
790
1008
  padding: 3px;
791
1009
  background-color: #eee;
792
- border: 1px solid #ddd;
1010
+ border: solid 1px #ccc;;
793
1011
  color: #000;
794
1012
  }
795
1013
 
796
1014
  .ui-autocomplete-border {
797
1015
  display: inline-block;
798
1016
  border-radius: 2px;
799
- border: solid 2px #ddd;
1017
+ border: dashed 1px #555;;
800
1018
  padding: 8px;
801
1019
  background-color: #fff;
802
1020
  }
803
1021
 
1022
+ .ui-autocomplete-border .dc-text-autocomplete {
1023
+ margin-left: 4px;
1024
+ }
1025
+
1026
+
804
1027
  .dc-red { color: #d99;}
805
1028
  .dc-red:hover { color: #e66;}
806
1029
  .dc-green { color: #9c9;}
@@ -818,14 +1041,14 @@ background-color: lightyellow;
818
1041
  font-size: 1.2em;
819
1042
  padding: 0 5em 1em 1em;
820
1043
  border: 1px solid #669;
821
- box-shadow: 0px 0px 5px #666;
1044
+ box-shadow: 0 0 5px #666;
822
1045
  }
823
1046
  #dc-login h2 {
824
1047
  font-weight: bold;
825
1048
  font-size: 1.4em;
826
1049
  }
827
1050
  #dc-login .label {
828
- padding: 5px 0px;
1051
+ padding: 5px 0;
829
1052
  }
830
1053
 
831
1054
  .div-hidden {
@@ -836,7 +1059,7 @@ display: none;
836
1059
  padding:4px;
837
1060
  position:absolute;
838
1061
  background-color: #eee;
839
- border: 1px solid #ddd;
1062
+ border: solid 1px #ccc;;
840
1063
  border-radius: 4px;
841
1064
  z-index: 100;
842
1065
  list-style-type: none;
@@ -848,31 +1071,32 @@ border: 1px solid #eee;
848
1071
  }
849
1072
  .drgcms_popmenu_item:hover {
850
1073
  background-color: white;
851
- border: 1px solid #ddd;
1074
+ border: 1px solid rgba(76,154,255, 1);
1075
+ box-shadow: inset 0 0 0 1px rgba(76,154,255, 1);
852
1076
  border-radius: 2px;
853
1077
  }
854
1078
 
855
1079
  .drgcms_sort {
856
1080
  width: 22px;
857
- border: 0px;
1081
+ border: 0;
858
1082
  background: none;
859
1083
  height: 16px;
860
- padding: 0px;
1084
+ padding: 0;
861
1085
  }
862
1086
 
863
1087
  .iframe_embedded {
864
1088
  padding: 4px;
865
1089
  background-image: none;
866
1090
  border-radius: 2px;
867
- border: 2px solid #669;
1091
+ border: 2px solid #666;
868
1092
  background-color: #fff;
869
1093
  }
870
1094
 
871
1095
  #iframe_edit, #iframe_cms {
872
1096
  height: 1px;
873
1097
  width: 100%;
874
- border: 0px;
875
- margin-bottom: 0px;
1098
+ border: 0;
1099
+ margin-bottom: 0;
876
1100
  overflow-x:hidden;
877
1101
  }
878
1102
 
@@ -881,74 +1105,69 @@ overflow-x:hidden;
881
1105
  /******************* action-menu *********************/
882
1106
 
883
1107
  #dc-action-menu {
884
- padding: 2px 0px 2px 0px;
1108
+ padding: 2px 0 6px 0;
885
1109
  font-weight: bold;
886
1110
  color: #666;
887
- display: flex;
1111
+ display: inline-flex;
888
1112
  }
889
1113
 
890
1114
  #dc-action-menu ul {
891
1115
  list-style:none;
892
- padding: 0px;
893
- margin: 6px 2px 4px 2px;
1116
+ padding: 0;
1117
+ /*margin: 8px 2px 4px 2px; */
1118
+ line-height: 2.2rem;
894
1119
  }
895
1120
 
896
1121
  .dc-action-menu {
897
- list-style:none;
1122
+ display: inline-table;
898
1123
  }
899
1124
 
900
1125
  .dc-action-menu li {
901
1126
  display:inline;
902
1127
  position:relative;
1128
+ white-space: nowrap;
903
1129
  list-style:none;
904
- padding: 6px;
1130
+ padding: 7px;
905
1131
  margin-right: 4px;
906
- border-radius:2px;
1132
+ border-radius: 3px;
907
1133
  z-index: 1;
908
1134
 
909
- background: transparent linear-gradient(to bottom, #FFF 0%, #F2F2F2 100%) repeat scroll 0% 0%;
910
- border: 1px solid #eee;
911
- }
912
-
913
-
914
- .dc-action-menu li:hover {
915
- background: #ddd;
916
- border: 1px solid #ddd;
917
- color: #000;
918
- transition: 0.3s;
1135
+ background: transparent linear-gradient(to bottom, #fff 0%, #e2e2e2 100%) repeat scroll 0% 0%;
1136
+ /*border: 1px solid #ddd; */
919
1137
  }
920
1138
 
921
-
922
1139
  .dc-action-menu ul {
923
- margin-top: 1px;
924
- /*background:#fff; */
925
- position:absolute;
926
- left:-9999px;
927
- border-radius: 2px;
1140
+ margin: -3px 0 0 2px;
1141
+ position: absolute;
1142
+ left: -9999px;
1143
+ border-radius: 1px;
1144
+ line-height: 1.2em !important;
928
1145
  }
929
1146
 
930
1147
  .dc-action-menu ul li {
931
1148
  display: block;
932
1149
  float: none;
933
1150
  padding: 6px 10px;
934
- margin-right: 0px;
1151
+ margin-right: 0;
935
1152
  white-space: nowrap;
936
1153
  background: #fff;
937
1154
  border: 0;
938
1155
  color: #888;
939
- /*background: transparent linear-gradient(to bottom, #FFF 0%, #F2F2F2 100%) repeat scroll 0% 0%;*/
940
1156
  }
941
1157
 
942
1158
  .dc-action-menu ul a {
943
1159
  white-space:nowrap;
1160
+ padding: 7px;
944
1161
  }
945
1162
 
946
1163
  .dc-action-menu li:hover ul {
947
- left:-3px;
948
- margin-top:3px;
949
- background-color: #fff;
950
- border: 1px solid #ddd;
951
- /*box-shadow: 1px 1px 2px #ccc;*/
1164
+ left:-3px;
1165
+ background-color: #fff;
1166
+ border: 1px solid #ccc;
1167
+ z-index: 1000000;
1168
+ }
1169
+
1170
+ .dc-action-menu ul ul {
952
1171
  }
953
1172
 
954
1173
  .dc-action-menu li:hover ul li a {
@@ -959,9 +1178,8 @@ border: 1px solid #ddd;
959
1178
  color: #222;
960
1179
  }
961
1180
  .dc-action-menu li:hover ul li:hover {
962
- border: 0px;
963
- background: #ddd;
964
- border-radius: 2px;
1181
+ border: 0;
1182
+ background: #eee;
965
1183
  }
966
1184
 
967
1185
  .menu-filter {
@@ -969,17 +1187,154 @@ min-width: 200px;
969
1187
  max-width: 400px;
970
1188
  }
971
1189
 
972
- .menu-filter a {
1190
+ .menu-filter li {
973
1191
  color: #888 !important;
974
1192
  }
975
- .menu-filter a:hover {
1193
+ .menu-filter li:hover {
976
1194
  color: #000 !important;
977
1195
  background-color: transparent;
978
1196
  }
979
1197
 
980
- .menu-filter hr {margin: 0px;}
981
- .filter_field {
1198
+ .menu-filter hr {margin: 0;}
1199
+
1200
+ .dc-action-menu .no-background {
1201
+ background: #fff;
1202
+ border: none;
1203
+ padding: 0;
1204
+ white-space: nowrap;
1205
+ }
1206
+ .dc-action-menu .no-background .label {
1207
+ padding-left: 4px;
1208
+ }
1209
+
1210
+ .dc-action-menu .filter_field i {
1211
+ padding-right: 8px;
1212
+ }
1213
+
1214
+ .dc-action-menu .filter_field i:hover {
1215
+ cursor: pointer;
1216
+ color: #ccc;
1217
+ }
1218
+
1219
+ #popup {
1220
+ min-width: 50%;
1221
+ }
1222
+
1223
+ #popup .dc-help .help-top {
1224
+ position: absolute;
1225
+ bottom: 1rem;
1226
+ right: 1rem;
1227
+ padding: 2px 4px;
1228
+ border: 1px dotted #ccc;
1229
+ border-radius: 4px;
1230
+ background: rgba(76,154,255,0.2);
1231
+ }
1232
+
1233
+ #popup .dc-help {
1234
+ background: #fff;
1235
+ padding: 8px;
1236
+ max-height: 700px;
1237
+ overflow-y: auto;
1238
+ max-width: 800px;
1239
+ }
1240
+
1241
+ #popup .dc-help h1 {
1242
+ background: darkred;
1243
+ color: #fff;
1244
+ font-weight: 600;
1245
+ padding: 4px;
1246
+ font-size: 1.2em;
1247
+ border-radius: 2px;
1248
+ }
1249
+
1250
+ #popup .dc-help h2 {
1251
+ font-size: 1.4em;
1252
+ font-weight: 600;
1253
+ }
1254
+
1255
+ #popup .dc-help h3 {
1256
+ font-size: 1.2em;
1257
+ font-weight: 600;
1258
+ }
1259
+
1260
+ #popup .dc-help .help-body {
1261
+ padding: 4px
1262
+ }
1263
+
1264
+ #popup .dc-help .help-tab {
1265
+ display: table;
1266
+ margin: 8px 0 0;
1267
+ padding: 3px 12px;
1268
+ color: #fff;
1269
+ background: #555;
1270
+ border-radius: 5px 5px 0 0;
1271
+ font-weight: 600;
1272
+ }
1273
+
1274
+ #popup .dc-help .help-tab-help {
1275
+ font-weight: 600;
1276
+ color: #fff;
1277
+ background: #777;
1278
+ padding: 3px 12px;
1279
+ }
1280
+
1281
+ #popup .dc-help .help-fields {
1282
+ margin-top: 1rem;
1283
+ border-top: 1px solid #222;
1284
+ }
1285
+
1286
+ #popup .dc-help .help-field {
1287
+ display: flex;
1288
+ background-color: #eee;
1289
+ padding: 3px;
1290
+ }
1291
+
1292
+ #popup .dc-help .help-field:nth-child(odd) {
1293
+ background-color: #f8f8f8;
1294
+ }
1295
+
1296
+ #popup .dc-help .help-label {
1297
+ width: 25%;
1298
+ }
1299
+
1300
+ #popup .dc-help .help-text {
1301
+ max-width: 75%;
1302
+ }
1303
+
1304
+ #popup .dc-help .help-body {
1305
+ border-top: 1px solid #222;
1306
+ padding-top: 8px;
1307
+ }
982
1308
 
1309
+ #popup .dc-help .help-buttons {
1310
+ padding: 4px 0;
1311
+ }
1312
+
1313
+ #popup .dc-help .dc-link {
1314
+ display: inline-flex;
1315
+ }
1316
+
1317
+ .filter-popup {
1318
+ background-color: #fff;
1319
+ box-shadow: 2px 2px 5px #666;
1320
+ }
1321
+
1322
+ .filter-popup div {
1323
+ padding: 5px 10px;
1324
+ text-align: center;
1325
+ text-transform: uppercase;
1326
+ background-color: #222;
1327
+ color: #fff;
1328
+ }
1329
+
1330
+ .filter-popup li {
1331
+ padding: 4px 8px;
1332
+ }
1333
+
1334
+ .filter-popup li:hover {
1335
+ background-color: #aaa;
1336
+ color: #fff;
1337
+ cursor: pointer;
983
1338
  }
984
1339
 
985
1340
  /************************** info popup *************************/
@@ -990,16 +1345,17 @@ font-size: 11px;
990
1345
  }
991
1346
 
992
1347
  #dc-document-info:hover {
993
- color: darkred;
1348
+ color: rgba(76,154,255, 1);
994
1349
  cursor: pointer;
995
1350
  }
996
1351
 
997
1352
  #dc-document-info-popup {
998
1353
  text-align: left;
999
1354
  padding:4px;
1355
+ font-size: 0.9em;
1000
1356
  position:absolute;
1001
1357
  background-color: #f8f8f8;
1002
- border: 1px solid #ddd;
1358
+ border: solid 1px #ccc;;
1003
1359
  border-radius: 2px;
1004
1360
  z-index: 100;
1005
1361
  }
@@ -1010,7 +1366,7 @@ z-index: 100;
1010
1366
  width: 80px;
1011
1367
  padding: 1px;
1012
1368
  }
1013
- #dc-document-info-popup div span:last-child {font-weight: bold;}
1369
+ #dc-document-info-popup div span:last-child {font-weight: 600;}
1014
1370
 
1015
1371
 
1016
1372
  /************************** filter popup *************************/
@@ -1020,6 +1376,7 @@ background: #fff;
1020
1376
  display: none;
1021
1377
  padding: 10px;
1022
1378
  }
1379
+
1023
1380
  #drgcms_filter h1 {
1024
1381
  font-size: 1.8em;
1025
1382
  padding-top: 5px;
@@ -1041,7 +1398,31 @@ color: #669;
1041
1398
  max-width: 50%;
1042
1399
  background-color: #fff;
1043
1400
  padding: 10px;
1044
- border: 2px solid #ddd;
1401
+ border: dashed 1px #666;
1402
+ margin-left: 1px;
1403
+ }
1404
+
1405
+ /** Radio button input field **/
1406
+
1407
+ .dc-radio {
1408
+ padding: 6px 0 12px 0;
1409
+ display: inline-table;
1410
+ border: 1px dashed #666;
1411
+ margin-left: 1px;
1412
+ background-color: #fff;
1413
+ }
1414
+ .dc-radio div {
1415
+ font-size: 1.1em;
1416
+ padding: 8px;
1417
+ white-space: nowrap;
1418
+ }
1419
+ .dc-radio.dc-inline div {
1420
+ display: inline;
1421
+ }
1422
+
1423
+ .dc-radio input {
1424
+ vertical-align: initial;
1425
+ margin: 6px 4px 0 0;
1045
1426
  }
1046
1427
 
1047
1428
  /****** MOBILE DEVICE *****/
@@ -1049,13 +1430,23 @@ color: #669;
1049
1430
  .dc-form .row-div {
1050
1431
  display: block;
1051
1432
  }
1052
- .dc-form-field {
1053
- width: 100%;
1054
- }
1433
+
1055
1434
  .dc-form-label {
1056
1435
  text-align: left;
1057
1436
  width: 100%;
1058
1437
  padding-bottom: 2px;
1059
1438
  white-space: nowrap;
1060
1439
  }
1440
+
1441
+ .dc-form-li {margin-top: 3px;}
1442
+ .dc-menu li {margin-top: 2px;}
1443
+
1444
+ .dc-width-10, .dc-width-14, .dc-width-21, .dc-width-85, .dc-width-100 {width: 100%;}
1445
+ }
1446
+
1447
+ /******* Firefox only ********/
1448
+ @-moz-document url-prefix() {
1449
+ .dc-submit {
1450
+ padding: 0 2px 1px;
1451
+ }
1061
1452
  }