drg_cms 0.6.0.1 → 0.6.1.1.1

Sign up to get free protection for your applications and to get access to all the features.
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
data/app/assets/javascripts/drg_cms_application.js CHANGED
@@ -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
data/app/assets/stylesheets/drg_cms/drg_cms.css CHANGED
@@ -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
  }