sunrise-cms 1.1.0 → 2.0.0

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 (93) hide show
  1. checksums.yaml +4 -4
  2. data/.github/workflows/tests.yml +49 -0
  3. data/.gitignore +1 -0
  4. data/.rubocop.yml +3 -1
  5. data/.ruby-version +1 -1
  6. data/CHANGELOG.rdoc +13 -3
  7. data/Gemfile +11 -22
  8. data/Gemfile.lock +344 -214
  9. data/README.md +47 -33
  10. data/Rakefile +1 -0
  11. data/app/assets/config/manifest.js +1 -0
  12. data/app/assets/images/sunrise/icons/export.svg +4 -0
  13. data/app/assets/images/sunrise/icons/import.svg +5 -0
  14. data/app/assets/javascripts/sunrise/application.js +2 -5
  15. data/app/assets/javascripts/sunrise/jquery.dialog.js.coffee +113 -40
  16. data/app/assets/javascripts/sunrise/jquery.editable.js.coffee +21 -21
  17. data/app/assets/javascripts/sunrise/manage.js.coffee +29 -28
  18. data/app/assets/stylesheets/sunrise/application.css +0 -1
  19. data/app/assets/stylesheets/sunrise/customize.css +7 -4
  20. data/app/assets/stylesheets/sunrise/main.css +883 -606
  21. data/app/controllers/sunrise/manager_controller.rb +44 -7
  22. data/app/controllers/sunrise/settings_controller.rb +2 -3
  23. data/app/helpers/sunrise/structure_helper.rb +2 -2
  24. data/app/views/layouts/sunrise/application.html.erb +9 -6
  25. data/app/views/sunrise/manager/_field.html.erb +5 -5
  26. data/app/views/sunrise/manager/_form.html.erb +15 -15
  27. data/app/views/sunrise/manager/_header_edit.html.erb +3 -4
  28. data/app/views/sunrise/manager/_header_new.html.erb +3 -3
  29. data/app/views/sunrise/manager/_header_show.html.erb +9 -13
  30. data/app/views/sunrise/manager/_nested_field.html.erb +6 -6
  31. data/app/views/sunrise/manager/buttons/_export.html.erb +9 -2
  32. data/app/views/sunrise/manager/buttons/_import.html.erb +25 -0
  33. data/app/views/sunrise/manager/buttons/_sort.html.erb +3 -3
  34. data/app/views/sunrise/manager/edit.html.erb +1 -1
  35. data/app/views/sunrise/manager/new.html.erb +1 -1
  36. data/app/views/sunrise/manager/structures/thumbs/_record.html.erb +19 -16
  37. data/app/views/sunrise/manager/thumbs/_record.html.erb +26 -22
  38. data/app/views/sunrise/manager/tree/index.html.erb +1 -1
  39. data/app/views/sunrise/settings/_form.html.erb +5 -5
  40. data/app/views/sunrise/settings/_header_edit.html.erb +3 -4
  41. data/config/locales/sunrise/en.yml +35 -35
  42. data/config/locales/sunrise/ru.yml +35 -35
  43. data/config/locales/sunrise/uk.yml +35 -35
  44. data/config/routes.rb +1 -0
  45. data/db/migrate/20111216144515_create_assets.rb +1 -1
  46. data/db/migrate/20111216144915_create_structures.rb +1 -1
  47. data/db/migrate/20111216145015_create_users.rb +1 -1
  48. data/db/migrate/20120611095315_create_settings.rb +1 -1
  49. data/lib/generators/sunrise/templates/config/active_record/sunrise.rb +0 -4
  50. data/lib/generators/sunrise/templates/config/mongoid/sunrise.rb +0 -4
  51. data/lib/generators/sunrise/templates/models/active_record/attachment_file.rb +0 -2
  52. data/lib/generators/sunrise/templates/models/active_record/avatar.rb +0 -2
  53. data/lib/generators/sunrise/templates/models/active_record/picture.rb +0 -2
  54. data/lib/generators/sunrise/templates/models/active_record/position_type.rb +4 -4
  55. data/lib/generators/sunrise/templates/models/active_record/role_type.rb +5 -5
  56. data/lib/generators/sunrise/templates/models/active_record/settings.rb +14 -2
  57. data/lib/generators/sunrise/templates/models/active_record/structure_type.rb +6 -6
  58. data/lib/generators/sunrise/templates/models/mongoid/attachment_file.rb +0 -2
  59. data/lib/generators/sunrise/templates/models/mongoid/avatar.rb +0 -2
  60. data/lib/generators/sunrise/templates/models/mongoid/picture.rb +0 -2
  61. data/lib/generators/sunrise/templates/models/mongoid/position_type.rb +4 -4
  62. data/lib/generators/sunrise/templates/models/mongoid/role_type.rb +5 -5
  63. data/lib/generators/sunrise/templates/models/mongoid/structure_type.rb +6 -6
  64. data/lib/generators/sunrise/templates/models/sunrise/sunrise_structure.rb +2 -2
  65. data/lib/generators/sunrise/templates/spec/controllers/pages_controller_spec.rb +2 -2
  66. data/lib/generators/sunrise/templates/spec/controllers/welcome_controller_spec.rb +1 -1
  67. data/lib/generators/sunrise/templates/spec/factories/structure_factory.rb +2 -2
  68. data/lib/generators/sunrise/templates/spec/factories/user_factory.rb +6 -6
  69. data/lib/generators/sunrise/templates/spec/spec_helper.rb +1 -1
  70. data/lib/generators/sunrise/templates/spec/support/helpers/controller_macros.rb +4 -4
  71. data/lib/generators/sunrise/templates/uploaders/attachment_file_uploader.rb +4 -0
  72. data/lib/generators/sunrise/templates/uploaders/avatar_uploader.rb +4 -0
  73. data/lib/generators/sunrise/templates/uploaders/picture_uploader.rb +4 -0
  74. data/lib/sunrise/abstract_model.rb +13 -3
  75. data/lib/sunrise/carrierwave/glue.rb +1 -7
  76. data/lib/sunrise/config/model.rb +4 -0
  77. data/lib/sunrise/config.rb +0 -5
  78. data/lib/sunrise/core_ext/string.rb +0 -5
  79. data/lib/sunrise/engine.rb +7 -1
  80. data/lib/sunrise/models/ability.rb +8 -8
  81. data/lib/sunrise/models/position_type.rb +1 -7
  82. data/lib/sunrise/models/role_type.rb +4 -6
  83. data/lib/sunrise/models/structure.rb +3 -3
  84. data/lib/sunrise/models/structure_type.rb +1 -7
  85. data/lib/sunrise/models/user.rb +4 -4
  86. data/lib/sunrise/utils.rb +1 -2
  87. data/lib/sunrise/version.rb +1 -1
  88. data/lib/sunrise/views/search_wrapper.rb +1 -1
  89. data/sunrise-cms.gemspec +8 -13
  90. metadata +24 -65
  91. data/.rspec +0 -2
  92. data/lib/sunrise/carrierwave/file_size_validator.rb +0 -75
  93. data/lib/sunrise/utils/transliteration.rb +0 -73
@@ -1,5 +1,11 @@
1
1
  @charset "UTF-8";
2
- html, body {margin:0;padding:0;width:100%;height:100%;}
2
+ html, body {
3
+ margin: 0;
4
+ padding: 0;
5
+ width: 100%;
6
+ height: 100%;
7
+ }
8
+
3
9
  body {
4
10
  padding: 0;
5
11
  margin: 0;
@@ -7,72 +13,85 @@ body {
7
13
  font-family: MyriadPro, Arial, Helvetica, sans-serif;
8
14
  color: #333;
9
15
  }
16
+
10
17
  a img {
11
18
  border: none;
12
19
  }
20
+
13
21
  a {
14
22
  outline: none;
15
23
  color: #4f78c2;
16
24
  text-decoration: underline;
17
25
  }
26
+
18
27
  a:hover {
19
28
  text-decoration: none;
20
29
  }
30
+
21
31
  p {
22
32
  margin: 0;
23
33
  padding: 0 0 1em 0;
24
34
  }
25
- .center {text-align: center;}
26
- .centered {margin: 0 auto;}
35
+
36
+ .center {
37
+ text-align: center;
38
+ }
39
+
40
+ .centered {
41
+ margin: 0 auto;
42
+ }
27
43
 
28
44
  form {
29
45
  padding: 0;
30
46
  margin: 0;
31
47
  }
48
+
32
49
  input[type="text"], input[type="password"], input[type="email"], input[type="phone"], input[type="number"], input[type="tel"], input[type="url"], input[type="float"], input[type="decimal"], textarea {
33
- display: block;
34
- width: 200px;
35
- margin: 0;
36
- padding: 7px 10px;
37
- background: #fff;
38
- border: solid 1px #c5c5c5;
39
- border-radius: 2px;
40
- -moz-border-radius: 2px;
41
- color: #616161;
42
- font-size: 13px;
43
- font-weight: bold;
50
+ display: block;
51
+ width: 200px;
52
+ margin: 0;
53
+ padding: 7px 10px;
54
+ background: #fff;
55
+ border: solid 1px #c5c5c5;
56
+ border-radius: 2px;
57
+ -moz-border-radius: 2px;
58
+ color: #616161;
59
+ font-size: 13px;
60
+ font-weight: bold;
44
61
  }
62
+
45
63
  input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="phone"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="float"]:focus, input[type="decimal"]:focus, textarea:focus {
46
- border: solid 1px #fbcc66;
47
- -moz-box-shadow: inset 0 1px 3px #d9d9d9;
48
- -webkit-box-shadow: inset 0 1px 3px #d9d9d9;
49
- box-shadow: inset 0 1px 3px #d9d9d9;
64
+ border: solid 1px #fbcc66;
65
+ -moz-box-shadow: inset 0 1px 3px #d9d9d9;
66
+ -webkit-box-shadow: inset 0 1px 3px #d9d9d9;
67
+ box-shadow: inset 0 1px 3px #d9d9d9;
50
68
  outline: none;
51
69
  }
70
+
52
71
  textarea {
53
- display: block;
54
- margin: 0;
55
- padding: 7px 10px;
56
- background: #fff;
57
- border: solid 1px #c5c5c5;
58
- border-radius: 2px;
59
- -moz-border-radius: 2px;
60
- color: #616161;
61
- font-size: 13px;
62
- }
63
- input.button,
64
- a.button {
72
+ display: block;
73
+ margin: 0;
74
+ padding: 7px 10px;
75
+ background: #fff;
76
+ border: solid 1px #c5c5c5;
77
+ border-radius: 2px;
78
+ -moz-border-radius: 2px;
79
+ color: #616161;
80
+ font-size: 13px;
81
+ }
82
+
83
+ input.button, a.button {
65
84
  display: block;
66
85
  background: #972da0;
67
86
  text-decoration: none;
68
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#982da1', endColorstr='#892891');
69
- background: -webkit-linear-gradient(left top, left bottom, #982da1, #892891);
70
- background: -moz-linear-gradient(top, #982da1, #892891);
71
- background: -o-linear-gradient(top, #982da1, #892891);
72
- background: -ms-linear-gradient(top, #982da1, #892891);
87
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#982da1', endColorstr='#892891');
88
+ background: -webkit-linear-gradient(left top, left bottom, #982da1, #892891);
89
+ background: -moz-linear-gradient(top, #982da1, #892891);
90
+ background: -o-linear-gradient(top, #982da1, #892891);
91
+ background: -ms-linear-gradient(top, #982da1, #892891);
73
92
  border: solid 1px #5f1c65;
74
93
  border-radius: 2px;
75
- -moz-border-radius: 2px;
94
+ -moz-border-radius: 2px;
76
95
  padding: 0 15px;
77
96
  margin: 0 3px 3px;
78
97
  color: #fff;
@@ -84,87 +103,94 @@ a.button {
84
103
  height: 31px;
85
104
  line-height: 30px;
86
105
  }
87
- input.button:hover,
88
- a.button:hover {
106
+
107
+ input.button:hover, a.button:hover {
89
108
  background: #972da0;
90
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90179a', endColorstr='#7d2485');
91
- background: -webkit-linear-gradient(left top, left bottom, #90179a, #7d2485);
92
- background: -moz-linear-gradient(top, #90179a, #7d2485);
93
- background: -o-linear-gradient(top, #90179a, #7d2485);
94
- background: -ms-linear-gradient(top, #90179a, #7d2485);
109
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90179a', endColorstr='#7d2485');
110
+ background: -webkit-linear-gradient(left top, left bottom, #90179a, #7d2485);
111
+ background: -moz-linear-gradient(top, #90179a, #7d2485);
112
+ background: -o-linear-gradient(top, #90179a, #7d2485);
113
+ background: -ms-linear-gradient(top, #90179a, #7d2485);
95
114
  -moz-box-shadow: 0 1px 3px #aaa;
96
- -webkit-box-shadow: 0 1px 3px #aaa;
97
- box-shadow: 0 1px 3px #aaa;
98
- }
99
- input.button:active,
100
- a.button:active {
101
- background: #8e1898;
102
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8e1898', endColorstr='#7f2387');
103
- background: -webkit-linear-gradient(left top, left bottom, #8e1898, #7f2387);
104
- background: -moz-linear-gradient(top, #8e1898, #7f2387);
105
- background: -o-linear-gradient(top, #8e1898, #7f2387);
106
- background: -ms-linear-gradient(top, #8e1898, #7f2387);
115
+ -webkit-box-shadow: 0 1px 3px #aaa;
116
+ box-shadow: 0 1px 3px #aaa;
117
+ }
118
+
119
+ input.button:active, a.button:active {
120
+ background: #8e1898;
121
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8e1898', endColorstr='#7f2387');
122
+ background: -webkit-linear-gradient(left top, left bottom, #8e1898, #7f2387);
123
+ background: -moz-linear-gradient(top, #8e1898, #7f2387);
124
+ background: -o-linear-gradient(top, #8e1898, #7f2387);
125
+ background: -ms-linear-gradient(top, #8e1898, #7f2387);
107
126
  -moz-box-shadow: inset 0 0 4px #5f1c65;
108
- -webkit-box-shadow: inset 0 0 4px #5f1c65;
109
- box-shadow: inset 0 0 4px #5f1c65;
127
+ -webkit-box-shadow: inset 0 0 4px #5f1c65;
128
+ box-shadow: inset 0 0 4px #5f1c65;
110
129
  }
130
+
111
131
  input.button::-moz-focus-inner {
112
132
  border: 1px dotted transparent;
113
133
  }
114
- input.button.gray,
115
- a.button.gray {
134
+
135
+ input.button.gray, a.button.gray {
116
136
  background: #f4f4f4;
117
- border: solid 1px #dbdbdb;
137
+ border: solid 1px #dbdbdb;
118
138
  color: #616161;
119
139
  text-shadow: none;
120
140
  }
121
- input.button.gray:hover,
122
- a.button.gray:hover {
123
- background: #f3f3f3;
124
- border: solid 1px #c6c6c6;
125
- color: #444;
141
+
142
+ input.button.gray:hover, a.button.gray:hover {
143
+ background: #f3f3f3;
144
+ border: solid 1px #c6c6c6;
145
+ color: #444;
126
146
  -webkit-box-shadow: 0 3px 3px -1px #e6e6e6;
127
- -moz-box-shadow: 0 3px 3px -1px #e6e6e6;
128
- box-shadow: 0 3px 3px -1px #e6e6e6;
129
- }
130
- input.button.gray:active,
131
- a.button.gray:active {
132
- border: 1px solid #ccc;
133
- -webkit-box-shadow: 0 0 3px #ccc inset !important;
134
- -moz-box-shadow : 0 0 3px #ccc inset !important;
135
- -o-box-shadow : 0 0 3px #ccc inset !important;
136
- box-shadow : 0 0 3px #ccc inset !important;
137
- background-color: #e9e9e9 !important;
138
- color: #444;
147
+ -moz-box-shadow: 0 3px 3px -1px #e6e6e6;
148
+ box-shadow: 0 3px 3px -1px #e6e6e6;
149
+ }
150
+
151
+ input.button.gray:active, a.button.gray:active {
152
+ border: 1px solid #ccc;
153
+ -webkit-box-shadow: 0 0 3px #ccc inset !important;
154
+ -moz-box-shadow: 0 0 3px #ccc inset !important;
155
+ -o-box-shadow: 0 0 3px #ccc inset !important;
156
+ box-shadow: 0 0 3px #ccc inset !important;
157
+ background-color: #e9e9e9 !important;
158
+ color: #444;
139
159
  }
160
+
140
161
  input[disabled].button {
141
162
  background: #d2aad6 !important;
142
- border: solid 1px #bfa4c1 !important;
163
+ border: solid 1px #bfa4c1 !important;
143
164
  -webkit-box-shadow: none !important;
144
- -moz-box-shadow : none !important;
145
- -o-box-shadow : none !important;
146
- box-shadow : none !important;
165
+ -moz-box-shadow: none !important;
166
+ -o-box-shadow: none !important;
167
+ box-shadow: none !important;
147
168
  text-shadow: none;
148
169
  cursor: default;
149
170
  }
171
+
150
172
  input[disabled].button.gray {
151
- background: #f4f4f4 !important;
152
- border: solid 1px #dbdbdb !important;
153
- -webkit-box-shadow: none !important;
154
- -moz-box-shadow : none !important;
155
- -o-box-shadow : none !important;
156
- box-shadow : none !important;
173
+ background: #f4f4f4 !important;
174
+ border: solid 1px #dbdbdb !important;
175
+ -webkit-box-shadow: none !important;
176
+ -moz-box-shadow: none !important;
177
+ -o-box-shadow: none !important;
178
+ box-shadow: none !important;
157
179
  color: #616161 !important;
158
- cursor: default;
180
+ cursor: default;
159
181
  }
182
+
160
183
  .centerBtnHolder a.button {
161
184
  margin: 40px auto !important;
162
185
  height: 38px;
163
186
  line-height: 38px;
164
-
165
187
  }
188
+
166
189
  .outer {
167
- position:relative; min-height:100%;height:auto !important;height:100%;
190
+ position: relative;
191
+ min-height: 100%;
192
+ height: auto !important;
193
+ height: 100%;
168
194
  }
169
195
 
170
196
  .wrapper {
@@ -174,21 +200,25 @@ input[disabled].button.gray {
174
200
  padding: 160px 0 70px 0;
175
201
  position: relative;
176
202
  }
203
+
177
204
  .wrapper.without-panel {
178
205
  padding-top: 145px;
179
206
  }
207
+
180
208
  .footer {
181
209
  position: relative;
182
210
  margin-top: -60px;
183
211
  height: 14px;
184
212
  }
185
- .footer .fwrapper {
186
- width: 930px;
187
- margin: 0 auto;
188
- padding: 20px 0;
189
- border-top: solid 1px #ebebeb;
190
- text-align: right;
191
- }
213
+
214
+ .footer .fwrapper {
215
+ width: 930px;
216
+ margin: 0 auto;
217
+ padding: 20px 0;
218
+ border-top: solid 1px #ebebeb;
219
+ text-align: right;
220
+ }
221
+
192
222
  .top-wrapper {
193
223
  display: block;
194
224
  position: fixed;
@@ -199,19 +229,23 @@ input[disabled].button.gray {
199
229
  background: #fff url(/assets/sunrise/top_line_noscroll.png) repeat-x left bottom;
200
230
  z-index: 200;
201
231
  }
232
+
202
233
  .top-wrapper.scroll {
203
234
  background: #fff url(/assets/sunrise/top_line_scroll.png) repeat-x left bottom;
204
235
  }
236
+
205
237
  .top-wrapper .black-line {
206
238
  display: block;
207
239
  width: 100%;
208
240
  background: url(/assets/sunrise/top_black_bg.png) repeat-x left top;
209
241
  }
242
+
210
243
  .top-wrapper .rel-holder {
211
244
  position: relative;
212
- width: 990px;
245
+ width: 990px;
213
246
  margin: 0 auto;
214
247
  }
248
+
215
249
  .top-wrapper .menu-holder {
216
250
  display: block;
217
251
  overflow: hidden;
@@ -220,6 +254,7 @@ input[disabled].button.gray {
220
254
  margin: 0 auto;
221
255
  color: #fff;
222
256
  }
257
+
223
258
  .top-wrapper .menu-holder .main-menu {
224
259
  display: block;
225
260
  float: left;
@@ -229,9 +264,11 @@ input[disabled].button.gray {
229
264
  list-style: none;
230
265
  height: 40px;
231
266
  }
267
+
232
268
  .top-wrapper .menu-holder .main-menu.right {
233
269
  float: right !important;
234
270
  }
271
+
235
272
  .top-wrapper .menu-holder .main-menu li {
236
273
  display: block;
237
274
  overflow: hidden;
@@ -239,13 +276,16 @@ input[disabled].button.gray {
239
276
  background: url(/assets/sunrise/top_line.png) no-repeat left center;
240
277
  padding-left: 1px;
241
278
  }
279
+
242
280
  .top-wrapper .menu-holder .main-menu li:first-child {
243
281
  background: none;
244
282
  padding: 0;
245
283
  }
284
+
246
285
  .top-wrapper .menu-holder .main-menu li a {
247
286
  padding: 0 1px;
248
287
  }
288
+
249
289
  .top-wrapper .menu-holder .main-menu li a, .top-wrapper .menu-holder .main-menu li a span {
250
290
  display: block;
251
291
  color: #fff;
@@ -255,15 +295,18 @@ input[disabled].button.gray {
255
295
  height: 40px;
256
296
  line-height: 40px;
257
297
  }
298
+
258
299
  .top-wrapper .menu-holder .main-menu.right li a, .top-wrapper .menu-holder .main-menu.right li a span {
259
300
  font-size: 12px;
260
301
  }
302
+
261
303
  .top-wrapper .menu-holder .main-menu li a:hover, .top-wrapper .menu-holder .main-menu li .act {
262
304
  background: url(/assets/sunrise/top_black_hover.png) repeat-x left top !important;
263
305
  border-left: solid 1px #000;
264
306
  border-right: solid 1px #000;
265
307
  padding: 0;
266
308
  }
309
+
267
310
  .top-wrapper .menu-holder .main-menu .modul {
268
311
  display: block;
269
312
  width: 150px;
@@ -271,49 +314,55 @@ input[disabled].button.gray {
271
314
  background: url(/assets/sunrise/top_logo.png) no-repeat 30px center;
272
315
  padding: 0 30px 0 60px;
273
316
  }
317
+
274
318
  .top-wrapper .menu-holder .main-menu .create {
275
- display: block;
276
- width: 75px;
277
- overflow: hidden;
278
- background: url(/assets/sunrise/top_plus.png) no-repeat 15px center;
279
- padding: 0 20px 0 35px;
319
+ display: block;
320
+ width: 75px;
321
+ overflow: hidden;
322
+ background: url(/assets/sunrise/top_plus.png) no-repeat 15px center;
323
+ padding: 0 20px 0 35px;
280
324
  }
325
+
281
326
  .top-wrapper .menu-holder .main-menu .user {
282
- display: block;
283
- width: 95px;
284
- overflow: hidden;
285
- background: url(/assets/sunrise/top_user_ico.png) no-repeat 20px center;
286
- padding: 0 15px 0 45px;
327
+ display: block;
328
+ width: 95px;
329
+ overflow: hidden;
330
+ background: url(/assets/sunrise/top_user_ico.png) no-repeat 20px center;
331
+ padding: 0 15px 0 45px;
287
332
  }
288
- .top-wrapper .menu-holder .main-menu .modul .arr, .top-wrapper .menu-holder .main-menu .create .arr,
289
- .top-wrapper .menu-holder .main-menu .user .arr {
333
+
334
+ .top-wrapper .menu-holder .main-menu .modul .arr, .top-wrapper .menu-holder .main-menu .create .arr, .top-wrapper .menu-holder .main-menu .user .arr {
290
335
  display: block;
291
336
  overflow: hidden;
292
337
  background: url(/assets/sunrise/top_arr_down.png) no-repeat right center;
293
338
  padding-right: 15px;
294
339
  }
295
- .top-wrapper .menu-holder .main-menu li .act .modul .arr,
296
- .top-wrapper .menu-holder .main-menu li .act .create .arr,
297
- .top-wrapper .menu-holder .main-menu li .act .user .arr {
340
+
341
+ .top-wrapper .menu-holder .main-menu li .act .modul .arr, .top-wrapper .menu-holder .main-menu li .act .create .arr, .top-wrapper .menu-holder .main-menu li .act .user .arr {
298
342
  background: url(/assets/sunrise/top_arr_up.png) no-repeat right center !important;
299
343
  }
344
+
300
345
  .top-wrapper .menu-holder .main-menu li a.watch {
301
- text-decoration: underline;
346
+ text-decoration: underline;
302
347
  padding-right: 25px;
303
348
  }
349
+
304
350
  .top-wrapper .menu-holder .main-menu li a.watch:hover {
305
- text-decoration: none;
306
- background: none !important;
351
+ text-decoration: none;
352
+ background: none !important;
307
353
  border: none !important;
308
354
  padding: 0 25px 0 1px;
309
355
  }
356
+
310
357
  .top-wrapper .menu-holder .main-menu .minimize {
311
358
  display: block;
312
359
  padding: 10px 15px 0;
313
360
  }
361
+
314
362
  .top-wrapper .menu-holder .main-menu .minimize:hover {
315
363
  padding: 10px 14px 0;
316
364
  }
365
+
317
366
  .sub-wrapper {
318
367
  display: block;
319
368
  overflow: hidden;
@@ -325,26 +374,31 @@ input[disabled].button.gray {
325
374
  color: #fff;
326
375
  z-index: 1000;
327
376
  }
377
+
328
378
  .sub-wrapper .sub-inner {
329
379
  background: #1e1e1e;
330
380
  overflow: hidden;
331
381
  padding: 10px 0;
332
382
  }
383
+
333
384
  .sub-wrapper.modul {
334
385
  min-width: 241px;
335
386
  left: -4px;
336
387
  top: 40px;
337
388
  }
389
+
338
390
  .sub-wrapper.create {
339
- min-width: 132px;
340
- left: 238px;
341
- top: 40px;
391
+ min-width: 132px;
392
+ left: 238px;
393
+ top: 40px;
342
394
  }
395
+
343
396
  .sub-wrapper.user {
344
- min-width: 157px;
345
- right: -5px;
346
- top: 40px;
397
+ min-width: 157px;
398
+ right: -5px;
399
+ top: 40px;
347
400
  }
401
+
348
402
  .sub-wrapper .main-list {
349
403
  display: block;
350
404
  float: left;
@@ -354,26 +408,31 @@ input[disabled].button.gray {
354
408
  margin: 0;
355
409
  list-style: none;
356
410
  }
357
- .sub-wrapper .main-list li,
358
- .sub-wrapper .inner-list li {
411
+
412
+ .sub-wrapper .main-list li, .sub-wrapper .inner-list li {
359
413
  display: block;
360
414
  }
415
+
361
416
  /* new css code */
417
+
362
418
  .sub-wrapper .main-list li {
363
- font-weight:bold !important;
364
- text-shadow:#000 1px 2px 0 !important;
419
+ font-weight: bold !important;
420
+ text-shadow: #000 1px 2px 0 !important;
365
421
  }
422
+
366
423
  .sub-wrapper .main-list li a {
367
424
  display: block;
368
- height:27px;
425
+ height: 27px;
369
426
  padding: 10px 30px 0 65px !important;
370
427
  color: #fff;
371
428
  text-decoration: none;
372
429
  font-size: 15px !important;
373
- font-weight:normal;
374
- text-shadow:none;
430
+ font-weight: normal;
431
+ text-shadow: none;
375
432
  }
433
+
376
434
  /* end new css code */
435
+
377
436
  .sub-wrapper .main-list li span {
378
437
  background-color: #252525 !important;
379
438
  border-top: 1px solid #131313;
@@ -381,54 +440,56 @@ input[disabled].button.gray {
381
440
  padding: 9px 30px 9px 65px !important;
382
441
  font-size: 15px !important;
383
442
  display: block;
384
- /* color: #952c9e;*/
443
+ /* color: #952c9e;*/
385
444
  }
445
+
386
446
  .sub-wrapper .main-list li a:hover, .sub-wrapper .inner-list li a:hover {
387
447
  background-color: #000 !important;
388
448
  }
389
- .sub-wrapper .main-list li a.icon1,
390
- .sub-wrapper .main-list li span.icon1 {
449
+
450
+ .sub-wrapper .main-list li a.icon1, .sub-wrapper .main-list li span.icon1 {
391
451
  background: url(/assets/sunrise/top_logo.png) no-repeat 30px center;
392
452
  }
393
- .sub-wrapper .main-list li a.icon2,
394
- .sub-wrapper .main-list li span.icon2 {
395
- background: url(/assets/sunrise/top_logo.png) no-repeat 30px center;
453
+
454
+ .sub-wrapper .main-list li a.icon2, .sub-wrapper .main-list li span.icon2 {
455
+ background: url(/assets/sunrise/top_logo.png) no-repeat 30px center;
396
456
  }
397
- .sub-wrapper .main-list li a.icon3,
398
- .sub-wrapper .main-list li span.icon3 {
399
- background: url(/assets/sunrise/top_logo.png) no-repeat 30px center;
457
+
458
+ .sub-wrapper .main-list li a.icon3, .sub-wrapper .main-list li span.icon3 {
459
+ background: url(/assets/sunrise/top_logo.png) no-repeat 30px center;
400
460
  }
401
- .sub-wrapper .main-list li a.icon4,
402
- .sub-wrapper .main-list li span.icon4 {
403
- background: url(/assets/sunrise/top_logo.png) no-repeat 30px center;
461
+
462
+ .sub-wrapper .main-list li a.icon4, .sub-wrapper .main-list li span.icon4 {
463
+ background: url(/assets/sunrise/top_logo.png) no-repeat 30px center;
404
464
  }
405
- .sub-wrapper .main-list li a.icon5,
406
- .sub-wrapper .main-list li span.icon5 {
407
- background: url(/assets/sunrise/top_logo.png) no-repeat 30px center;
465
+
466
+ .sub-wrapper .main-list li a.icon5, .sub-wrapper .main-list li span.icon5 {
467
+ background: url(/assets/sunrise/top_logo.png) no-repeat 30px center;
408
468
  }
409
- .sub-wrapper .main-list li span.icon1,
410
- .sub-wrapper .main-list li span.icon2,
411
- .sub-wrapper .main-list li span.icon3,
412
- .sub-wrapper .main-list li span.icon4 {
413
- background: url(/assets/sunrise/top_logo_black.png) no-repeat 30px center;
469
+
470
+ .sub-wrapper .main-list li span.icon1, .sub-wrapper .main-list li span.icon2, .sub-wrapper .main-list li span.icon3, .sub-wrapper .main-list li span.icon4 {
471
+ background: url(/assets/sunrise/top_logo_black.png) no-repeat 30px center;
414
472
  }
473
+
415
474
  .sub-wrapper .inner-list {
416
- display: block;
417
- float: left;
418
- overflow: hidden;
419
- width: 240px;
420
- padding: 0 0 0 1px;
421
- margin: 0 0 0 1px;
422
- list-style: none;
475
+ display: block;
476
+ float: left;
477
+ overflow: hidden;
478
+ width: 240px;
479
+ padding: 0 0 0 1px;
480
+ margin: 0 0 0 1px;
481
+ list-style: none;
423
482
  border-left: solid 1px #000;
424
483
  }
484
+
425
485
  .sub-wrapper .inner-list li a {
426
- display: block;
427
- padding: 10px 30px;
428
- color: #fff;
429
- text-decoration: none;
430
- font-size: 13px;
486
+ display: block;
487
+ padding: 10px 30px;
488
+ color: #fff;
489
+ text-decoration: none;
490
+ font-size: 13px;
431
491
  }
492
+
432
493
  .sub-wrapper .inner-list li span {
433
494
  background-color: #252525 !important;
434
495
  border-top: 1px solid #131313;
@@ -438,6 +499,7 @@ input[disabled].button.gray {
438
499
  display: block;
439
500
  color: #952c9e;
440
501
  }
502
+
441
503
  .sub-wrapper.create .inner-list, .sub-wrapper.user .inner-list {
442
504
  padding: 0;
443
505
  margin: 0;
@@ -445,12 +507,15 @@ input[disabled].button.gray {
445
507
  width: auto;
446
508
  float: none;
447
509
  }
510
+
448
511
  .sub-wrapper.create .inner-list li a, .sub-wrapper.user .inner-list li a {
449
512
  padding: 10px 15px;
450
513
  }
514
+
451
515
  .top-line-holder {
452
516
  border-top: solid 1px #e5e5e5;
453
517
  }
518
+
454
519
  .act-buttons-wrapper {
455
520
  display: block;
456
521
  overflow: hidden;
@@ -459,6 +524,7 @@ input[disabled].button.gray {
459
524
  padding: 10px 0;
460
525
  clear: both;
461
526
  }
527
+
462
528
  .black-note {
463
529
  display: block;
464
530
  position: absolute;
@@ -466,6 +532,7 @@ input[disabled].button.gray {
466
532
  background: url(/assets/sunrise/note_pointer.png) no-repeat center top;
467
533
  overflow: hidden;
468
534
  }
535
+
469
536
  .black-note .note-holder {
470
537
  display: block;
471
538
  text-align: center;
@@ -475,21 +542,24 @@ input[disabled].button.gray {
475
542
  padding: 0 15px;
476
543
  line-height: 30px;
477
544
  }
545
+
478
546
  .act-buttons-wrapper .but-holder {
479
547
  display: block;
480
548
  overflow: hidden;
481
549
  float: left;
482
550
  margin-right: 10px;
483
551
  }
552
+
484
553
  .act-buttons-wrapper .but-holder:first-child {
485
554
  margin-right: 13px;
486
555
  }
556
+
487
557
  /*.act-buttons-wrapper .but-holder.disabled {
488
- -moz-opacity: 0.5;
558
+ -moz-opacity: 0.5;
489
559
  -khtml-opacity: 0.5;
490
560
  opacity: 0.5;
491
561
  filter: alpha(opacity=50);
492
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
562
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
493
563
  }
494
564
  .act-buttons-wrapper .but-holder.disabled .del:hover, .act-buttons-wrapper .but-holder.disabled .del:active,
495
565
  .act-buttons-wrapper .but-holder.disabled .edit:hover, .act-buttons-wrapper .but-holder.disabled .edit:active,
@@ -524,6 +594,7 @@ input[disabled].button.gray {
524
594
  .act-buttons-wrapper .but-holder .add:active, .act-buttons-wrapper .but-holder .opt:active {
525
595
  background-position: 0 -68px;
526
596
  }*/
597
+
527
598
  .act-buttons-wrapper .but-holder .check {
528
599
  display: table-cell;
529
600
  text-align: center;
@@ -532,8 +603,7 @@ input[disabled].button.gray {
532
603
  width: 45px;
533
604
  height: 30px;
534
605
  overflow: hidden;
535
- line-height: 30px;
536
- //font-size: 30px;
606
+ line-height: 30px; //font-size: 30px;
537
607
  }
538
608
 
539
609
  .act-but {
@@ -541,84 +611,122 @@ input[disabled].button.gray {
541
611
  overflow: hidden;
542
612
  padding: 0 3px 3px;
543
613
  }
614
+
544
615
  .act-but .but-container {
545
616
  display: block;
546
617
  background: #f3f3f3;
547
618
  border: solid 1px #dbdbdb;
548
619
  border-radius: 2px;
549
- -moz-border-radius: 2px;
620
+ -moz-border-radius: 2px;
550
621
  height: 28px;
551
622
  overflow: hidden;
552
623
  }
624
+
553
625
  .act-but .but-container:hover {
554
626
  border: solid 1px #c6c6c6;
555
627
  -moz-box-shadow: 0 1px 5px #e7e7e7;
556
- -webkit-box-shadow: 0 1px 5px #e7e7e7;
557
- box-shadow: 0 1px 5px #e7e7e7;
628
+ -webkit-box-shadow: 0 1px 5px #e7e7e7;
629
+ box-shadow: 0 1px 5px #e7e7e7;
558
630
  background-position: center -28px !important;
559
631
  }
632
+
560
633
  .act-but .but-container:active {
561
- border: solid 1px #b25cb9;
562
- -moz-box-shadow: none;
563
- -webkit-box-shadow: none;
564
- box-shadow: none;
565
- background-position: center -28px !important;
634
+ border: solid 1px #b25cb9;
635
+ -moz-box-shadow: none;
636
+ -webkit-box-shadow: none;
637
+ box-shadow: none;
638
+ background-position: center -28px !important;
566
639
  }
640
+
567
641
  .act-but .but-container.disabled {
568
642
  background: #F9F9F9;
569
643
  border: solid 1px #f1f1f1;
570
644
  background-position: center -56px !important;
571
645
  cursor: default;
572
646
  }
647
+
573
648
  .act-but .but-container.disabled:hover, .act-but .but-container.disabled:active {
574
649
  border: solid 1px #f1f1f1;
575
650
  -moz-box-shadow: none;
576
- -webkit-box-shadow: none;
577
- box-shadow: none;
578
- background-position: center -56px !important;
651
+ -webkit-box-shadow: none;
652
+ box-shadow: none;
653
+ background-position: center -56px !important;
579
654
  cursor: default;
580
655
  }
656
+
581
657
  .act-but .but-container.del {
582
658
  background-image: url(/assets/sunrise/ico_del.png);
583
659
  background-position: center top;
584
660
  background-repeat: no-repeat;
585
661
  }
662
+
586
663
  .act-but .but-container.calend {
587
664
  background-image: url(/assets/sunrise/ico_calend.png);
588
665
  background-position: center top;
589
666
  background-repeat: no-repeat;
590
667
  }
668
+
591
669
  .act-but .but-container.edit {
592
- background-image: url(/assets/sunrise/ico_edit.png);
593
- background-position: center top;
594
- background-repeat: no-repeat;
670
+ background-image: url(/assets/sunrise/ico_edit.png);
671
+ background-position: center top;
672
+ background-repeat: no-repeat;
595
673
  }
674
+
596
675
  .act-but .but-container.add {
597
- background-image: url(/assets/sunrise/ico_add.png);
598
- background-position: center top;
599
- background-repeat: no-repeat;
676
+ background-image: url(/assets/sunrise/ico_add.png);
677
+ background-position: center top;
678
+ background-repeat: no-repeat;
600
679
  }
680
+
601
681
  .act-but .but-container.opt {
602
- background-image: url(/assets/sunrise/ico_opt.png);
603
- background-position: center top;
604
- background-repeat: no-repeat;
682
+ background-image: url(/assets/sunrise/ico_opt.png);
683
+ background-position: center top;
684
+ background-repeat: no-repeat;
685
+ }
686
+
687
+ .act-but .but-container.import, .act-but .but-container.export {
688
+ background: #f5f5f5 url(/assets/sunrise/icons/import.svg) center/auto 75% no-repeat;
689
+ opacity: 0.6;
690
+ transition: opacity ease 0.2s;
691
+ }
692
+
693
+ .act-but .but-container.export {
694
+ background: #f5f5f5 url(/assets/sunrise/icons/export.svg) 10px center/auto 75% no-repeat;
695
+ padding: 0px 10px 0px 40px;
696
+ line-height: 30px;
697
+ text-decoration: none;
698
+ color: #000;
699
+ }
700
+
701
+ .act-but .but-container.import:hover {
702
+ background-position: center !important;
703
+ opacity: 1;
605
704
  }
705
+
706
+ .act-but .but-container.export:hover {
707
+ background-position: 10px center !important;
708
+ opacity: 1;
709
+ }
710
+
606
711
  .act-but .but-container.sort {
607
- background-image: url(/assets/sunrise/ico_sort.png);
608
- background-position: center top;
609
- background-repeat: no-repeat;
712
+ background-image: url(/assets/sunrise/ico_sort.png);
713
+ background-position: center top;
714
+ background-repeat: no-repeat;
610
715
  }
716
+
611
717
  .act-buttons-wrapper .but-holder .act-but {
612
- width: 72px;
718
+ min-width: 72px;
613
719
  }
720
+
614
721
  .padder {
615
722
  margin: 0 0 20px 0;
616
723
  }
617
- .padder label {
618
- display: block;
619
- margin-bottom: 3px;
620
- }
621
-
724
+
725
+ .padder label {
726
+ display: block;
727
+ margin-bottom: 3px;
728
+ }
729
+
622
730
  .title-switcher {
623
731
  font-size: 17px;
624
732
  margin: 0 20px 15px 20px;
@@ -628,27 +736,32 @@ input[disabled].button.gray {
628
736
  background-image: url(/assets/sunrise/switcher_arrows.png);
629
737
  background-repeat: no-repeat;
630
738
  }
631
- .title-switcher.up {
739
+
740
+ .title-switcher.up {
632
741
  background-position: top right;
633
742
  }
743
+
634
744
  .title-switcher.down {
635
745
  background-position: bottom right;
636
746
  }
637
- .title-switcher span {
638
- border-bottom: 1px dotted #000;
639
- cursor: pointer;
640
- }
641
-
747
+
748
+ .title-switcher span {
749
+ border-bottom: 1px dotted #000;
750
+ cursor: pointer;
751
+ }
752
+
642
753
  .filter-line-wrapper {
643
754
  display: block;
644
755
  background: #f5f5f5;
645
756
  }
757
+
646
758
  .filter-line-wrapper .filter-line-holder {
647
759
  display: block;
648
760
  width: 930px;
649
761
  margin: 0 auto;
650
762
  height: 75px;
651
763
  }
764
+
652
765
  .filter-line-wrapper .filter-line-holder .struct-name {
653
766
  display: block;
654
767
  float: left;
@@ -656,6 +769,7 @@ input[disabled].button.gray {
656
769
  font-size: 20px;
657
770
  line-height: 30px;
658
771
  }
772
+
659
773
  .filter-line-wrapper .filter-line-holder .vline-block {
660
774
  display: block;
661
775
  float: left;
@@ -664,47 +778,53 @@ input[disabled].button.gray {
664
778
  min-height: 25px;
665
779
  position: relative;
666
780
  }
781
+
667
782
  .filter-line-wrapper .filter-line-holder .vline-block input {
668
783
  float: left;
669
784
  }
785
+
670
786
  .filter-line-wrapper .filter-line-holder .vline-block input.button {
671
787
  margin-left: 5px;
672
788
  }
789
+
673
790
  .filter-line-wrapper .filter-line-holder .filter-but {
674
- display: block;
675
- overflow: hidden;
791
+ display: block;
792
+ overflow: hidden;
676
793
  float: left;
677
794
  margin-right: 15px;
678
795
  padding: 0 25px 0 15px;
679
- height: 28px;
680
- background: #f4f4f4 url(/assets/sunrise/filt_arr.png) no-repeat right center;
681
- border: solid 1px #dbdbdb;
682
- border-radius: 2px;
683
- -moz-border-radius: 2px;
684
- margin-bottom: 3px;
796
+ height: 28px;
797
+ background: #f4f4f4 url(/assets/sunrise/filt_arr.png) no-repeat right center;
798
+ border: solid 1px #dbdbdb;
799
+ border-radius: 2px;
800
+ -moz-border-radius: 2px;
801
+ margin-bottom: 3px;
685
802
  color: #616161;
686
803
  font-size: 12px;
687
804
  text-decoration: none;
688
805
  font-weight: bold;
689
806
  line-height: 27px;
690
807
  }
808
+
691
809
  .filter-line-wrapper .filter-line-holder .filter-but:hover {
692
- background-color: #f3f3f3;
693
- border: solid 1px #c6c6c6;
694
- -webkit-box-shadow: 0 3px 3px -1px #e6e6e6;
695
- -moz-box-shadow: 0 3px 3px -1px #e6e6e6;
696
- box-shadow: 0 3px 3px -1px #e6e6e6;
810
+ background-color: #f3f3f3;
811
+ border: solid 1px #c6c6c6;
812
+ -webkit-box-shadow: 0 3px 3px -1px #e6e6e6;
813
+ -moz-box-shadow: 0 3px 3px -1px #e6e6e6;
814
+ box-shadow: 0 3px 3px -1px #e6e6e6;
697
815
  color: #444;
698
816
  }
817
+
699
818
  .filter-line-wrapper .filter-line-holder .filter-but:active {
700
- border: 1px solid #ccc;
701
- -webkit-box-shadow: 0 0 3px #ccc inset !important;
702
- -moz-box-shadow : 0 0 3px #ccc inset !important;
703
- -o-box-shadow : 0 0 3px #ccc inset !important;
704
- box-shadow : 0 0 3px #ccc inset !important;
705
- background-color: #e9e9e9 !important;
819
+ border: 1px solid #ccc;
820
+ -webkit-box-shadow: 0 0 3px #ccc inset !important;
821
+ -moz-box-shadow: 0 0 3px #ccc inset !important;
822
+ -o-box-shadow: 0 0 3px #ccc inset !important;
823
+ box-shadow: 0 0 3px #ccc inset !important;
824
+ background-color: #e9e9e9 !important;
706
825
  color: #444;
707
826
  }
827
+
708
828
  .filter-line-wrapper .filter-line-holder .vline-block .filter-form {
709
829
  display: block;
710
830
  position: absolute;
@@ -712,20 +832,23 @@ input[disabled].button.gray {
712
832
  top: 49px;
713
833
  background: #fff;
714
834
  -webkit-box-shadow: 0 2px 5px #e6e6e6;
715
- -moz-box-shadow: 0 2px 5px #e6e6e6;
716
- box-shadow: 0 2px 5px #e6e6e6;
835
+ -moz-box-shadow: 0 2px 5px #e6e6e6;
836
+ box-shadow: 0 2px 5px #e6e6e6;
717
837
  padding: 5px 10px 20px;
718
838
  }
839
+
719
840
  .filter-line-wrapper .filter-line-holder .vline-block .filter-form label {
720
841
  display: block;
721
842
  padding: 15px 0 3px;
722
843
  font-size: 12px;
723
844
  color: #010101;
724
845
  }
846
+
725
847
  .filter-line-wrapper .filter-line-holder .vline-block .filter-form input {
726
848
  float: none;
727
849
  margin-left: 0;
728
850
  }
851
+
729
852
  .filter-line-wrapper .filter-line-holder .vline-block .filter-form input.button {
730
853
  margin-top: 15px;
731
854
  }
@@ -733,7 +856,7 @@ input[disabled].button.gray {
733
856
  a.close-but {
734
857
  width: 9px;
735
858
  height: 9px;
736
- background: url(/assets/sunrise/chosen-sprite.png) no-repeat -43px 0px;
859
+ background: url(/assets/sunrise/chosen-sprite.png) no-repeat -43px 0px;
737
860
  display: block;
738
861
  position: absolute;
739
862
  top: 12px;
@@ -755,29 +878,32 @@ a.close-but:hover {
755
878
  border-color: #d169d9;
756
879
  }
757
880
 
758
- .dnd-area:active .dnd-hints .dnd-hint {
881
+ .dnd-area:active .dnd-hints .dnd-hint {
759
882
  color: #d169d9;
760
883
  }
761
884
 
762
- .dnd-hints {
763
- text-align: center;
764
- margin-top: 30px;
765
- overflow: hidden;
766
- }
767
- .dnd-hints .button {
768
- margin: 0 20px 0 200px;
769
- width: 222px;
770
- float: left;
771
- }
772
- .dnd-hints .dnd-hint {
773
- float: left;
774
- line-height: 30px;
775
- font-size: 12px;
776
- }
777
- .dnd-hints .dnd-hint span {
778
- padding: 10px 30px;
779
- background: url(/assets/sunrise/ico_attach.png) no-repeat 9px center;
780
- }
885
+ .dnd-hints {
886
+ text-align: center;
887
+ margin-top: 30px;
888
+ overflow: hidden;
889
+ }
890
+
891
+ .dnd-hints .button {
892
+ margin: 0 20px 0 200px;
893
+ width: 222px;
894
+ float: left;
895
+ }
896
+
897
+ .dnd-hints .dnd-hint {
898
+ float: left;
899
+ line-height: 30px;
900
+ font-size: 12px;
901
+ }
902
+
903
+ .dnd-hints .dnd-hint span {
904
+ padding: 10px 30px;
905
+ background: url(/assets/sunrise/ico_attach.png) no-repeat 9px center;
906
+ }
781
907
 
782
908
  .tabs-holder {
783
909
  display: block;
@@ -785,6 +911,7 @@ a.close-but:hover {
785
911
  float: left;
786
912
  padding-right: 15px;
787
913
  }
914
+
788
915
  .tabs-holder .tabs-item {
789
916
  display: block;
790
917
  overflow: hidden;
@@ -792,16 +919,19 @@ a.close-but:hover {
792
919
  width: 44px;
793
920
  float: left;
794
921
  }
922
+
795
923
  .tabs-holder .tabs-item .table {
796
924
  background-image: url(/assets/sunrise/tab_table.png);
797
925
  background-position: center top;
798
926
  background-repeat: no-repeat;
799
927
  }
928
+
800
929
  .tabs-holder .tabs-item .list {
801
- background-image: url(/assets/sunrise/tab_list.png);
802
- background-position: center top;
803
- background-repeat: no-repeat;
930
+ background-image: url(/assets/sunrise/tab_list.png);
931
+ background-position: center top;
932
+ background-repeat: no-repeat;
804
933
  }
934
+
805
935
  .tabs-holder .tabs-item a {
806
936
  display: block;
807
937
  overflow: hidden;
@@ -814,37 +944,40 @@ a.close-but:hover {
814
944
  font-size: 12px;
815
945
  font-weight: bold;
816
946
  text-decoration: none;
817
- color: #616161;
947
+ color: #616161;
818
948
  }
949
+
819
950
  .tabs-holder .tabs-item a:hover {
820
951
  background-color: #f3f3f3;
821
- border: solid 1px #c6c6c6;
952
+ border: solid 1px #c6c6c6;
822
953
  -webkit-box-shadow: 0 3px 3px -1px #e6e6e6;
823
- -moz-box-shadow: 0 3px 3px -1px #e6e6e6;
824
- box-shadow: 0 3px 3px -1px #e6e6e6;
954
+ -moz-box-shadow: 0 3px 3px -1px #e6e6e6;
955
+ box-shadow: 0 3px 3px -1px #e6e6e6;
825
956
  background-position: center -28px !important;
826
957
  }
958
+
827
959
  .tabs-holder .tabs-item a:active {
828
- background-color: #f3f3f3;
829
- border: solid 1px #b25cb9;
830
- -webkit-box-shadow: none;
831
- -moz-box-shadow: none;
832
- box-shadow: none;
960
+ background-color: #f3f3f3;
961
+ border: solid 1px #b25cb9;
962
+ -webkit-box-shadow: none;
963
+ -moz-box-shadow: none;
964
+ box-shadow: none;
833
965
  background-position: center -28px !important;
834
966
  }
967
+
835
968
  .tabs-holder .tabs-item span.tt-done {
836
- display: block;
837
- overflow: hidden;
838
- height: 28px;
839
- background-color: #fff;
840
- border: solid 1px #dbdbdb;
841
- border-radius: 2px;
842
- -moz-border-radius: 2px;
843
- background-position: center -56px !important;
844
- font-size: 12px;
845
- font-weight: bold;
846
- text-decoration: none;
847
- color: #616161;
969
+ display: block;
970
+ overflow: hidden;
971
+ height: 28px;
972
+ background-color: #fff;
973
+ border: solid 1px #dbdbdb;
974
+ border-radius: 2px;
975
+ -moz-border-radius: 2px;
976
+ background-position: center -56px !important;
977
+ font-size: 12px;
978
+ font-weight: bold;
979
+ text-decoration: none;
980
+ color: #616161;
848
981
  }
849
982
 
850
983
  .main-item-list, .main-item-table {
@@ -852,18 +985,22 @@ a.close-but:hover {
852
985
  overflow: hidden;
853
986
  padding: 15px 0 20px;
854
987
  }
988
+
855
989
  .main-item-list .main-item {
856
990
  display: block;
857
991
  overflow: hidden;
858
992
  border-top: solid 1px #e5e5e5;
859
993
  padding: 20px 0;
860
994
  }
995
+
861
996
  .main-item-list .main-item:hover {
862
997
  background: #f8f8f8 url(/assets/sunrise/right_but_bg.png) repeat-y right top;
863
998
  }
999
+
864
1000
  .main-item-list .main-item:first-child {
865
1001
  border: none;
866
1002
  }
1003
+
867
1004
  .main-item-list .main-item .check-block {
868
1005
  display: block;
869
1006
  float: left;
@@ -872,76 +1009,90 @@ a.close-but:hover {
872
1009
  margin-right: 30px;
873
1010
  overflow: hidden;
874
1011
  }
1012
+
875
1013
  .main-item-list .main-item .img-block {
876
- display: block;
877
- float: left;
878
- width: 100px;
879
- margin-right: 30px;
880
- overflow: hidden;
1014
+ display: block;
1015
+ float: left;
1016
+ width: 100px;
1017
+ margin-right: 30px;
1018
+ overflow: hidden;
881
1019
  }
1020
+
882
1021
  .main-item-list .main-item .data-block {
883
- display: block;
884
- float: left;
885
- width: 590px;
886
- overflow: hidden;
1022
+ display: block;
1023
+ float: left;
1024
+ width: 590px;
1025
+ overflow: hidden;
887
1026
  }
1027
+
888
1028
  .main-item-list .main-item .but-block {
889
- display: block;
890
- float: right;
891
- width: 95px;
892
- overflow: hidden;
1029
+ display: block;
1030
+ float: right;
1031
+ width: 95px;
1032
+ overflow: hidden;
893
1033
  text-align: center;
894
1034
  }
1035
+
895
1036
  .main-item-list .main-item:hover .but-block {
896
1037
  display: block !important;
897
- margin:0 0 -5px 0;
1038
+ margin: 0 0 -5px 0;
898
1039
  }
1040
+
899
1041
  .main-item-list .main-item .but-block .act-but {
900
- width: 50px;
1042
+ width: 50px;
901
1043
  margin: 10px auto 0;
902
1044
  }
1045
+
903
1046
  .main-item-list .main-item .but-block .act-but:first-child {
904
1047
  margin-top: 0;
905
1048
  }
1049
+
906
1050
  .main-item-list .main-item .top-info-bl {
907
1051
  display: block;
908
1052
  overflow: hidden;
909
1053
  padding-bottom: 10px;
910
1054
  }
1055
+
911
1056
  .main-item-list .main-item .top-info-bl .date-time {
912
1057
  float: left;
913
1058
  padding-right: 20px;
914
1059
  line-height: 25px;
915
1060
  }
1061
+
916
1062
  .main-item-list .main-item .top-info-bl .grey-but {
917
1063
  float: left;
918
1064
  margin-right: 15px;
919
1065
  }
1066
+
920
1067
  .date-time {
921
1068
  display: block;
922
1069
  overflow: hidden;
923
1070
  font-size: 12px;
924
1071
  color: #333;
925
1072
  }
1073
+
926
1074
  .date-time .date {
927
1075
  display: block;
928
1076
  float: left;
929
1077
  background: url(/assets/sunrise/calend_ico.png) no-repeat left center;
930
1078
  padding-left: 17px;
931
1079
  }
1080
+
932
1081
  .date-time .time {
933
- display: block;
934
- float: left;
935
- background: url(/assets/sunrise/time_ico.png) no-repeat left center;
936
- padding-left: 17px;
1082
+ display: block;
1083
+ float: left;
1084
+ background: url(/assets/sunrise/time_ico.png) no-repeat left center;
1085
+ padding-left: 17px;
937
1086
  margin-left: 10px;
938
1087
  }
1088
+
939
1089
  .main-item-list .main-item .item-title {
940
1090
  display: block;
941
1091
  text-decoration: none;
942
1092
  font-size: 20px;
943
1093
  color: #333;
944
1094
  }
1095
+
945
1096
  .grey-but {
946
1097
  display: block;
947
1098
  overflow: hidden;
@@ -957,34 +1108,41 @@ a.close-but:hover {
957
1108
  text-decoration: none;
958
1109
  font-weight: bold;
959
1110
  }
1111
+
960
1112
  .grey-but:hover {
961
1113
  border: solid 1px #c6c6c6;
962
1114
  color: #444;
963
1115
  -moz-box-shadow: 0 2px 3px #e6e6e6;
964
- -webkit-box-shadow: 0 2px 3px #e6e6e6;
965
- box-shadow: 0 2px 3px #e6e6e6;
1116
+ -webkit-box-shadow: 0 2px 3px #e6e6e6;
1117
+ box-shadow: 0 2px 3px #e6e6e6;
966
1118
  }
1119
+
967
1120
  .grey-but:active {
968
- border: solid 1px #b25cb9;
969
- color: #444;
970
- -webkit-box-shadow: none;
971
- -moz-box-shadow: none;
972
- box-shadow: none;
1121
+ border: solid 1px #b25cb9;
1122
+ color: #444;
1123
+ -webkit-box-shadow: none;
1124
+ -moz-box-shadow: none;
1125
+ box-shadow: none;
973
1126
  }
1127
+
974
1128
  .grey-but input, .grey-but label {
975
1129
  display: block;
976
1130
  float: left;
977
1131
  }
1132
+
978
1133
  .grey-but input {
979
1134
  margin: 5px 5px 0 0;
980
- padding: 5px 0; /* for Opera, need to test */
1135
+ padding: 5px 0;
1136
+ /* for Opera, need to test */
981
1137
  }
1138
+
982
1139
  .main-item-list .main-item .bot-info-bl {
983
- display: block;
984
- overflow: hidden;
985
- padding-top: 13px;
1140
+ display: block;
1141
+ overflow: hidden;
1142
+ padding-top: 13px;
986
1143
  font-size: 13px;
987
1144
  }
1145
+
988
1146
  .main-item-list .main-item .bot-info-bl .info-item {
989
1147
  display: block;
990
1148
  float: left;
@@ -992,47 +1150,54 @@ a.close-but:hover {
992
1150
  border-left: solid 1px #bbb;
993
1151
  overflow: hidden;
994
1152
  }
1153
+
995
1154
  .main-item-list .main-item .bot-info-bl .info-item:first-child {
996
1155
  border: none;
997
1156
  padding-left: 0;
998
1157
  }
1158
+
999
1159
  .main-item-list .main-item .bot-info-bl .info-item b {
1000
1160
  display: block;
1001
1161
  float: left;
1002
1162
  padding-right: 8px;
1003
1163
  }
1164
+
1004
1165
  .main-item-list .main-item .bot-info-bl .info-item .date-time {
1005
1166
  float: left;
1006
1167
  }
1007
1168
 
1008
-
1009
-
1010
1169
  .main-item-table td, .main-item-table th {
1011
1170
  text-align: left;
1012
1171
  vertical-align: middle;
1013
1172
  }
1173
+
1014
1174
  .main-item-table th {
1015
1175
  font-size: 13px;
1016
1176
  color: #333;
1017
1177
  border: none;
1018
1178
  padding-bottom: 10px;
1019
1179
  }
1180
+
1020
1181
  .main-item-table td {
1021
1182
  border-top: solid 1px #e5e5e5;
1022
1183
  padding: 10px 10px 10px 0;
1023
1184
  min-height: 23px;
1024
1185
  }
1186
+
1025
1187
  .main-item-table td .rel {
1026
1188
  position: relative;
1027
1189
  }
1190
+
1028
1191
  .main-item-table tr td:first-child {
1029
1192
  padding-right: 0;
1030
1193
  width: 45px;
1031
1194
  text-align: center;
1032
1195
  }
1196
+
1033
1197
  .main-item-table tr:hover td {
1034
1198
  background: #f8f8f8;
1035
1199
  }
1200
+
1036
1201
  .main-item-table .buts {
1037
1202
  display: block;
1038
1203
  position: absolute;
@@ -1044,51 +1209,59 @@ a.close-but:hover {
1044
1209
  padding: 4px 10px 3px 0;
1045
1210
  min-width: 126px;
1046
1211
  }
1212
+
1047
1213
  .main-item-table .buts.three {
1048
1214
  min-width: 189px;
1049
1215
  }
1216
+
1050
1217
  .main-item-table .buts.four {
1051
- min-width: 252px;
1218
+ min-width: 252px;
1052
1219
  }
1220
+
1053
1221
  .main-item-table .buts .act-but {
1054
1222
  float: left;
1055
1223
  margin-left: 7px;
1056
1224
  width: 50px;
1057
- }
1225
+ }
1226
+
1058
1227
  .main-item-table tr:hover td .rel .buts {
1059
1228
  display: block !important;
1060
1229
  }
1061
1230
 
1062
1231
  /* dashboard table */
1063
1232
 
1064
-
1065
1233
  .dbTable {
1066
1234
  margin: 50px 0 30px 0;
1067
1235
  }
1236
+
1068
1237
  .dbTable table {
1069
1238
  background: url(/assets/sunrise/dbTableHeader.png) top left no-repeat;
1070
1239
  }
1071
1240
 
1072
1241
  .dbTable td, .dbTable th {
1073
1242
  text-align: left;
1074
- vertical-align: middle;
1243
+ vertical-align: middle;
1075
1244
  font-size: 12px;
1076
1245
  }
1246
+
1077
1247
  .dbTable th {
1078
1248
  font-size: 13px;
1079
1249
  color: #616161;
1080
1250
  padding: 13px 20px 12px;
1081
1251
  border: none;
1082
1252
  }
1253
+
1083
1254
  .dbTable th img {
1084
1255
  margin-right: 5px;
1085
1256
  }
1257
+
1086
1258
  .dbTable td {
1087
1259
  border-bottom: solid 1px #e5e5e5;
1088
1260
  padding: 20px;
1089
1261
  min-height: 23px;
1090
1262
  color: #616161;
1091
1263
  }
1264
+
1092
1265
  .dbTable td:first-child {
1093
1266
  color: #959595;
1094
1267
  }
@@ -1097,38 +1270,36 @@ a.close-but:hover {
1097
1270
  background: #f8f8f8;
1098
1271
  }
1099
1272
 
1100
-
1101
-
1102
1273
  .dark-bg {
1103
1274
  display: block;
1104
- position: absolute;
1275
+ /* position: absolute; */
1276
+ position: fixed;
1105
1277
  width: 100%;
1106
1278
  height: 100%;
1107
1279
  left: 0;
1108
1280
  top: 0;
1109
1281
  background: #000;
1110
- -moz-opacity: 0.6;
1111
- -khtml-opacity: 0.6;
1112
- opacity: 0.6;
1113
- filter: alpha(opacity=60);
1114
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
1282
+ opacity: 0.6;
1115
1283
  z-index: 2000;
1116
1284
  }
1117
- .sort-wrapper {
1285
+
1286
+ .sort-wrapper, .import-wrapper {
1118
1287
  display: block;
1119
- position: absolute;
1120
- top: 100px;
1288
+ position: fixed;
1289
+ /* top: 100px; */
1121
1290
  left: 100px;
1122
1291
  z-index: 2100;
1123
1292
  background: #fff;
1124
1293
  border-radius: 5px;
1125
- -moz-border-radius: 5px;
1126
- -moz-box-shadow: 0 0 5px #333;
1127
- -webkit-box-shadow: 0 0 5px #333;
1128
- box-shadow: 0 0 5px #333;
1294
+ box-shadow: 0 0 5px #333;
1129
1295
  width: 930px;
1296
+ top: 50%;
1297
+ transform: translate3d(0, -50%, 0);
1298
+ max-height: 100%;
1299
+ overflow: hidden;
1130
1300
  }
1131
- .sort-wrapper .sort-title-holder {
1301
+
1302
+ .sort-wrapper .sort-title-holder, .import-wrapper .import-title-holder {
1132
1303
  display: block;
1133
1304
  overflow: hidden;
1134
1305
  background: #f5f5f5;
@@ -1140,7 +1311,8 @@ a.close-but:hover {
1140
1311
  border-top-left-radius: 5px;
1141
1312
  border-top-right-radius: 5px;
1142
1313
  }
1143
- .sort-wrapper .sort-title-holder .sort-title {
1314
+
1315
+ .sort-wrapper .sort-title-holder .sort-title, .import-wrapper .import-title-holder .import-title {
1144
1316
  display: block;
1145
1317
  overflow: hidden;
1146
1318
  float: left;
@@ -1149,18 +1321,48 @@ a.close-but:hover {
1149
1321
  font-size: 20px;
1150
1322
  color: #333;
1151
1323
  }
1152
- .sort-wrapper .sort-title-holder .sort-buts-holder {
1324
+
1325
+ .sort-wrapper .sort-title-holder .sort-buts-holder, .import-wrapper .import-title-holder .import-buts-holder {
1153
1326
  display: block;
1154
1327
  overflow: hidden;
1155
1328
  float: left;
1156
1329
  background: url(/assets/sunrise/vline.gif) repeat-y left top;
1157
1330
  padding: 13px 20px 10px;
1158
1331
  }
1159
- .sort-wrapper .sort-title-holder .sort-buts-holder input.button {
1332
+
1333
+ .sort-wrapper .sort-title-holder .sort-buts-holder input.button, .import-wrapper .import-title-holder .import-buts-holder input.button {
1160
1334
  float: left;
1161
1335
  margin: 0 10px 0 0;
1162
1336
  }
1163
- .sort-wrapper .sort-items-holder {
1337
+
1338
+ .import-wrapper .import-fileupload {
1339
+ float: left;
1340
+ height: 55px;
1341
+ line-height: 55px;
1342
+ color: transparent;
1343
+ width: 130px;
1344
+ font-size: 18px;
1345
+ }
1346
+
1347
+ .import-invalid-error {
1348
+ background: #ffe6e6;
1349
+ }
1350
+
1351
+ .import-wrapper.disabled:before {
1352
+ content: '';
1353
+ cursor: wait;
1354
+ display: block;
1355
+ z-index: 9999;
1356
+ background: #fff;
1357
+ opacity: 0.5;
1358
+ position: absolute;
1359
+ top: 0;
1360
+ left: 0;
1361
+ right: 0;
1362
+ bottom: 0;
1363
+ }
1364
+
1365
+ .sort-wrapper .sort-items-holder, .import-wrapper .import-items-holder {
1164
1366
  display: block;
1165
1367
  overflow-x: hidden;
1166
1368
  overflow-y: auto;
@@ -1168,6 +1370,32 @@ a.close-but:hover {
1168
1370
  margin-bottom: 20px;
1169
1371
  max-height: 360px;
1170
1372
  }
1373
+
1374
+ .import-wrapper .import-items-holder {
1375
+ width: 100%;
1376
+ max-height: calc(100vh - 100px);
1377
+ box-sizing: border-box;
1378
+ overflow-y: auto;
1379
+ margin: 0;
1380
+ padding: 0;
1381
+ }
1382
+
1383
+ .import-items-holder ul {
1384
+ float: none;
1385
+ clear: both;
1386
+ list-style: none;
1387
+ padding: 0;
1388
+ margin: 0;
1389
+ }
1390
+
1391
+ .import-items-holder li {
1392
+ padding: 5px 15px;
1393
+ }
1394
+
1395
+ .import-items-holder li+li {
1396
+ border-top: 2px solid #fff;
1397
+ }
1398
+
1171
1399
  .sort-wrapper .sort-items-holder .sort-item {
1172
1400
  display: block;
1173
1401
  overflow: hidden;
@@ -1180,20 +1408,24 @@ a.close-but:hover {
1180
1408
  height: 40px;
1181
1409
  font-size: 12px;
1182
1410
  }
1411
+
1183
1412
  .sort-wrapper .sort-items-holder .sort-item:hover {
1184
- -moz-box-shadow: 0 0 2px #ccc;
1185
- -webkit-box-shadow: 0 0 2px #ccc;
1186
- box-shadow: 0 0 2px #ccc;
1413
+ -moz-box-shadow: 0 0 2px #ccc;
1414
+ -webkit-box-shadow: 0 0 2px #ccc;
1415
+ box-shadow: 0 0 2px #ccc;
1187
1416
  }
1417
+
1188
1418
  .sort-wrapper .sort-items-holder .sort-item:active {
1189
- -moz-box-shadow: 0 0 5px #d2d2d2;
1190
- -webkit-box-shadow: 0 0 5px #d2d2d2;
1191
- box-shadow: 0 0 5px #d2d2d2;
1419
+ -moz-box-shadow: 0 0 5px #d2d2d2;
1420
+ -webkit-box-shadow: 0 0 5px #d2d2d2;
1421
+ box-shadow: 0 0 5px #d2d2d2;
1192
1422
  border: solid 1px #cf63d8;
1193
1423
  }
1424
+
1194
1425
  .sort-wrapper .sort-items-holder .sort-item .sort-inner {
1195
1426
  position: relative;
1196
1427
  }
1428
+
1197
1429
  .sort-wrapper .sort-items-holder .sort-item .numb {
1198
1430
  display: block;
1199
1431
  position: absolute;
@@ -1205,6 +1437,7 @@ a.close-but:hover {
1205
1437
  padding: 5px 7px;
1206
1438
  font-size: 12px;
1207
1439
  }
1440
+
1208
1441
  .sort-wrapper .sort-items-holder .sort-item .sort-item-right {
1209
1442
  display: block;
1210
1443
  float: right;
@@ -1212,17 +1445,20 @@ a.close-but:hover {
1212
1445
  margin-left: -60px;
1213
1446
  overflow: hidden;
1214
1447
  }
1448
+
1215
1449
  .sort-wrapper .sort-items-holder .sort-item .sort-item-right .right-data {
1216
- display: block;
1217
- margin-left: 60px;
1218
- overflow: hidden;
1450
+ display: block;
1451
+ margin-left: 60px;
1452
+ overflow: hidden;
1219
1453
  }
1454
+
1220
1455
  .sort-wrapper .sort-items-holder .sort-item .sort-item-left {
1221
- display: block;
1222
- float: left;
1223
- width: 50px;
1224
- overflow: hidden;
1456
+ display: block;
1457
+ float: left;
1458
+ width: 50px;
1459
+ overflow: hidden;
1225
1460
  }
1461
+
1226
1462
  .sort-wrapper .sort-items-holder .sort-item .date-time {
1227
1463
  padding-bottom: 10px;
1228
1464
  }
@@ -1238,23 +1474,27 @@ a.close-but:hover {
1238
1474
  border: solid 1px #ccc;
1239
1475
  width: 260px;
1240
1476
  height: 50px;
1241
- font-size: 11px;
1477
+ font-size: 11px;
1242
1478
  padding: 10px;
1243
1479
  }
1480
+
1244
1481
  .relate-item:hover {
1245
- -moz-box-shadow: 0 0 2px #ccc;
1246
- -webkit-box-shadow: 0 0 2px #ccc;
1247
- box-shadow: 0 0 2px #ccc;
1482
+ -moz-box-shadow: 0 0 2px #ccc;
1483
+ -webkit-box-shadow: 0 0 2px #ccc;
1484
+ box-shadow: 0 0 2px #ccc;
1248
1485
  }
1486
+
1249
1487
  .relate-item:active {
1250
- -moz-box-shadow: 0 0 5px #d2d2d2;
1251
- -webkit-box-shadow: 0 0 5px #d2d2d2;
1252
- box-shadow: 0 0 5px #d2d2d2;
1488
+ -moz-box-shadow: 0 0 5px #d2d2d2;
1489
+ -webkit-box-shadow: 0 0 5px #d2d2d2;
1490
+ box-shadow: 0 0 5px #d2d2d2;
1253
1491
  border: solid 1px #cf63d8;
1254
1492
  }
1493
+
1255
1494
  .relate-item .rel-inner {
1256
1495
  position: relative;
1257
1496
  }
1497
+
1258
1498
  .relate-item .rel-item-mid {
1259
1499
  display: block;
1260
1500
  float: right;
@@ -1262,34 +1502,40 @@ a.close-but:hover {
1262
1502
  margin: 0 0 0 -60px;
1263
1503
  overflow: hidden;
1264
1504
  }
1505
+
1265
1506
  .relate-item .rel-item-mid .mid-data {
1266
- display: block;
1267
- margin: 0 26px 0 60px;
1268
- overflow: hidden;
1507
+ display: block;
1508
+ margin: 0 26px 0 60px;
1509
+ overflow: hidden;
1269
1510
  }
1511
+
1270
1512
  .relate-item .rel-item-left {
1271
- display: block;
1272
- float: left;
1273
- width: 50px;
1274
- overflow: hidden;
1513
+ display: block;
1514
+ float: left;
1515
+ width: 50px;
1516
+ overflow: hidden;
1275
1517
  }
1518
+
1276
1519
  .relate-item .rel-item-right {
1277
- visibility: hidden;
1278
- display: block;
1279
- position: absolute;
1280
- top: -10px; right: -10px;
1281
- width: 36px;
1282
- height: 70px;
1283
- overflow: hidden;
1284
- background: #333 url(/assets/sunrise/ico_del_single.png) no-repeat center center;
1285
- cursor: pointer;
1520
+ visibility: hidden;
1521
+ display: block;
1522
+ position: absolute;
1523
+ top: -10px;
1524
+ right: -10px;
1525
+ width: 36px;
1526
+ height: 70px;
1527
+ overflow: hidden;
1528
+ background: #333 url(/assets/sunrise/ico_del_single.png) no-repeat center center;
1529
+ cursor: pointer;
1286
1530
  }
1531
+
1287
1532
  .relate-item:hover .rel-item-right {
1288
- visibility: visible;
1533
+ visibility: visible;
1289
1534
  }
1535
+
1290
1536
  .relate-item .date-time {
1291
1537
  padding-bottom: 10px;
1292
- font-size: 11px;
1538
+ font-size: 11px;
1293
1539
  }
1294
1540
 
1295
1541
  /* \\\\\relate posts */
@@ -1301,22 +1547,23 @@ a.close-but:hover {
1301
1547
  border: 1px solid #dbdbdb;
1302
1548
  border-radius: 2px;
1303
1549
  -moz-border-radius: 2px;
1304
- margin-bottom: 40px;
1550
+ margin-bottom: 40px;
1305
1551
  }
1306
1552
 
1307
1553
  .relate-holder {
1308
1554
  overflow: hidden;
1309
1555
  }
1310
1556
 
1311
- .relate-posts .block-title {
1312
- font-size: 17px;
1313
- margin-bottom: 10px;
1314
- }
1557
+ .relate-posts .block-title {
1558
+ font-size: 17px;
1559
+ margin-bottom: 10px;
1560
+ }
1561
+
1562
+ .relate-posts .button {
1563
+ margin-top: 15px;
1564
+ clear: both;
1565
+ }
1315
1566
 
1316
- .relate-posts .button {
1317
- margin-top: 15px;
1318
- clear: both;
1319
- }
1320
1567
  /* Post edit styles */
1321
1568
 
1322
1569
  .post-edit-holder {
@@ -1337,6 +1584,7 @@ a.close-but:hover {
1337
1584
  float: none;
1338
1585
  padding-right: 15px;
1339
1586
  }
1587
+
1340
1588
  .post-edit-holder .tabs-holder .tabs-item {
1341
1589
  display: block;
1342
1590
  overflow: hidden;
@@ -1351,28 +1599,28 @@ a.close-but:hover {
1351
1599
  border-top: none;
1352
1600
  }
1353
1601
 
1354
- .post-edit-holder .tabs-holder .tabs-item:first-child a,
1355
- .post-edit-holder .tabs-holder .tabs-item:first-child span {
1356
- border-left: 1px solid #DBDBDB;
1602
+ .post-edit-holder .tabs-holder .tabs-item:first-child a, .post-edit-holder .tabs-holder .tabs-item:first-child span {
1603
+ border-left: 1px solid #DBDBDB;
1357
1604
  }
1358
1605
 
1359
1606
  .post-edit-holder .tabs-holder .tabs-item a:hover {
1360
1607
  background-color: #f3f3f3;
1361
1608
  -webkit-box-shadow: none;
1362
1609
  -moz-box-shadow: none;
1363
- -shadow: none;
1364
- color: #444;
1610
+ -shadow: none;
1611
+ color: #444;
1365
1612
  }
1613
+
1366
1614
  .post-edit-holder .tabs-holder .tabs-item a:active {
1367
- background-color: #fff;
1368
- color: #8e2a96;
1615
+ background-color: #fff;
1616
+ color: #8e2a96;
1369
1617
  }
1370
1618
 
1371
1619
  .post-edit-holder .tabs-holder .tabs-item span {
1372
- color: #616161;
1373
- padding: 6px 10px 0 10px;
1374
- height: 22px;
1375
- border-top: none;
1620
+ color: #616161;
1621
+ padding: 6px 10px 0 10px;
1622
+ height: 22px;
1623
+ border-top: none;
1376
1624
  }
1377
1625
 
1378
1626
  /* eof: post edit tabs*/
@@ -1384,13 +1632,12 @@ a.close-but:hover {
1384
1632
  float: left;
1385
1633
  margin-top: 20px;
1386
1634
  }
1387
-
1388
- .post-edit-holder input[type="text"],
1389
- .post-edit-holder textarea {
1390
- width: 95%;
1391
- font-size: 12px !important;
1392
- }
1393
-
1635
+
1636
+ .post-edit-holder input[type="text"], .post-edit-holder textarea {
1637
+ width: 95%;
1638
+ font-size: 12px !important;
1639
+ }
1640
+
1394
1641
  .post-edit-holder .padder.post-excerpt textarea {
1395
1642
  height: 60px;
1396
1643
  }
@@ -1398,26 +1645,26 @@ a.close-but:hover {
1398
1645
  .post-edit-holder .padder.post-content textarea {
1399
1646
  height: 360px;
1400
1647
  }
1401
-
1402
- .post-edit-holder .grey-but {
1403
- float: left;
1404
- }
1405
- .post-edit-holder .grey-but label {
1406
- margin: 0;
1407
- }
1408
-
1648
+
1649
+ .post-edit-holder .grey-but {
1650
+ float: left;
1651
+ }
1652
+
1653
+ .post-edit-holder .grey-but label {
1654
+ margin: 0;
1655
+ }
1656
+
1409
1657
  /* date/meta tags column */
1410
1658
 
1411
1659
  .post-edit-holder .post-properties-holder {
1412
1660
  float: right;
1413
1661
  margin-top: 40px;
1414
- width: 300px;
1662
+ width: 300px;
1415
1663
  }
1416
1664
 
1417
- .post-edit-holder .post-properties-holder input[type="text"],
1418
- .post-edit-holder .post-properties-holder textarea {
1419
- width: 237px;
1420
- }
1665
+ .post-edit-holder .post-properties-holder input[type="text"], .post-edit-holder .post-properties-holder textarea {
1666
+ width: 237px;
1667
+ }
1421
1668
 
1422
1669
  .framed-block {
1423
1670
  overflow: hidden;
@@ -1432,11 +1679,11 @@ a.close-but:hover {
1432
1679
  margin-bottom: 20px;
1433
1680
  }
1434
1681
 
1435
- .framed-block .padder {
1436
- margin-left: 20px;
1437
- margin-right: 20px;
1438
- clear: both;
1439
- }
1682
+ .framed-block .padder {
1683
+ margin-left: 20px;
1684
+ margin-right: 20px;
1685
+ clear: both;
1686
+ }
1440
1687
 
1441
1688
  div.input.date input.date {
1442
1689
  width: 190px;
@@ -1449,9 +1696,10 @@ div.input.date .but-holder {
1449
1696
  top: 0;
1450
1697
  right: 0;
1451
1698
  }
1452
- div.input.date .but-holder .but-container {
1453
- height: 29px;
1454
- }
1699
+
1700
+ div.input.date .but-holder .but-container {
1701
+ height: 29px;
1702
+ }
1455
1703
 
1456
1704
  div.input.date .calend-holder {
1457
1705
  margin-bottom: 10px;
@@ -1477,213 +1725,237 @@ div.input.date .calend-holder {
1477
1725
  position: relative;
1478
1726
  }
1479
1727
 
1480
- .tags-container {
1481
- background: none repeat scroll 0 0 #FFFFFF;
1482
- border: 1px solid #C5C5C5;
1483
- border-radius: 2px 2px 2px 2px;
1484
- color: #616161;
1485
- display: block;
1486
- font-size: 13px;
1487
- font-weight: bold;
1488
- margin: 0;
1489
- padding: 5px 2px 3px;
1490
- overflow-x: hidden;
1491
- }
1492
-
1493
- .tags-container .grey-but {
1494
- background: #f3f3f3 url(/assets/sunrise/but_del_tag.png) no-repeat top right;
1495
- cursor: pointer;
1496
- height: 20px;
1497
- line-height: 20px;
1498
- padding: 0 25px 0 10px;
1499
- float: left;
1500
- font-weight: bold;
1501
- font-size: 11px;
1502
- }
1503
- .tags-container .grey-but:hover {
1504
- background-position: bottom right;
1505
- }
1506
- .tags-container input {
1507
- float: left;
1508
- width: auto;
1509
- padding: 4px 0 3px;
1510
- border: none;
1511
- font-size: 11px;
1512
- }
1513
- .tags-container input:focus {
1514
- border: none;
1515
- box-shadow: none;
1516
- }
1517
-
1518
-
1728
+ .tags-container {
1729
+ background: none repeat scroll 0 0 #FFFFFF;
1730
+ border: 1px solid #C5C5C5;
1731
+ border-radius: 2px 2px 2px 2px;
1732
+ color: #616161;
1733
+ display: block;
1734
+ font-size: 13px;
1735
+ font-weight: bold;
1736
+ margin: 0;
1737
+ padding: 5px 2px 3px;
1738
+ overflow-x: hidden;
1739
+ }
1740
+
1741
+ .tags-container .grey-but {
1742
+ background: #f3f3f3 url(/assets/sunrise/but_del_tag.png) no-repeat top right;
1743
+ cursor: pointer;
1744
+ height: 20px;
1745
+ line-height: 20px;
1746
+ padding: 0 25px 0 10px;
1747
+ float: left;
1748
+ font-weight: bold;
1749
+ font-size: 11px;
1750
+ }
1751
+
1752
+ .tags-container .grey-but:hover {
1753
+ background-position: bottom right;
1754
+ }
1755
+
1756
+ .tags-container input {
1757
+ float: left;
1758
+ width: auto;
1759
+ padding: 4px 0 3px;
1760
+ border: none;
1761
+ font-size: 11px;
1762
+ }
1763
+
1764
+ .tags-container input:focus {
1765
+ border: none;
1766
+ box-shadow: none;
1767
+ }
1519
1768
 
1520
1769
  .album-chooser {
1521
1770
  height: 28px;
1522
1771
  margin-bottom: 15px;
1523
1772
  }
1524
1773
 
1525
- .album-chooser .chzn-container {
1526
- float: left;
1527
- }
1528
-
1529
- .create-newalbum {
1530
- display: inline-block;
1531
- padding-top: 5px;
1532
- height: 24px;
1533
- float: left;
1534
- margin-left: 15px;
1535
- font-size: 12px;
1536
- }
1537
-
1538
- .create-newalbum a {
1539
- text-decoration: none;
1540
- border-bottom: 1px dotted #4f78c2;
1541
- }
1774
+ .album-chooser .chzn-container {
1775
+ float: left;
1776
+ }
1777
+
1778
+ .create-newalbum {
1779
+ display: inline-block;
1780
+ padding-top: 5px;
1781
+ height: 24px;
1782
+ float: left;
1783
+ margin-left: 15px;
1784
+ font-size: 12px;
1785
+ }
1786
+
1787
+ .create-newalbum a {
1788
+ text-decoration: none;
1789
+ border-bottom: 1px dotted #4f78c2;
1790
+ }
1791
+
1542
1792
  /* tree stuff */
1793
+
1543
1794
  .treeHolder {
1544
1795
  margin: 30px 0;
1545
1796
  }
1546
- .treeHolder ul {
1547
- margin: 0;
1548
- padding: 15px 0;
1549
- list-style-type: none;
1550
- }
1551
- .treeHolder ul li {
1552
- margin: 0;
1553
- padding: 15px 0 0 0;
1554
- clear: both;
1555
- overflow: hidden;
1556
- }
1557
- .treeHolder ul li a {
1558
- color: #fff;
1559
- text-decoration: none;
1560
- }
1561
- .treeHolder ul li a:hover {
1562
- text-decoration: underline;
1563
- }
1564
- .treeHolder ul li ul {
1565
- padding: 15px 0 0 45px;
1566
- }
1567
- .treeHolder ul li li {
1568
- background: url(/assets/sunrise/treeview-gray-line1.gif) no-repeat 0 0;
1569
- padding: 0 0 15px 20px;
1570
- }
1571
- .treeHolder ul li li:last-child {
1572
- background-position: left bottom;
1573
- }
1574
- .treeHolder ul li a.btn_edit,
1575
- .treeHolder ul li a.btn_del {
1576
- position: absolute;
1577
- display: none;
1578
- width: 19px;
1579
- height: 19px;
1580
- background-repeat: no-repeat;
1581
- background-position: 0 -4px;
1582
- top: 10px;
1583
- }
1584
- .treeHolder ul li div:hover a.btn_edit,
1585
- .treeHolder ul li div:hover a.btn_del {
1586
- display: block;
1587
- }
1588
- .treeHolder ul li a.btn_edit {
1589
- background-image: url(/assets/sunrise/ico_edit.png);
1590
- right: 64px;
1591
- }
1592
- .treeHolder ul li a.btn_del {
1593
- background-image: url(/assets/sunrise/ico_del.png);
1594
- right: 35px;
1595
- }
1596
- .treeHolder ul li a.btn_edit:hover,
1597
- .treeHolder ul li a.btn_del:hover {
1598
- background-position: 0 -32px;
1599
- }
1600
- .treeHolder ul li a.btn_edit:active,
1601
- .treeHolder ul li a.btn_del:active {
1602
- background-position: 0 -60px;
1603
- }
1604
- .treeHolder ul li a.dnd_link {
1605
- display: block;
1606
- width: 28px;
1607
- height: 39px;
1608
- top: 0;
1609
- right: 0;
1610
- position: absolute;
1611
- cursor: move;
1612
- }
1613
- .treeHolder ul li li li a.dnd_link {
1614
- width: 23px;
1615
- height: 25px;
1616
- }
1617
- .treeHolder ul li div {
1618
- padding: 10px 15px;
1619
- background-color: #6d6d6d;
1620
- color: #fff;
1621
- text-decoration: none;
1622
- border-radius: 5px;
1623
- -moz-border-radius: 5px;
1624
- font-weight: bold;
1625
- display: block;
1626
- float: left;
1627
- margin-bottom: 10px;
1628
- position: relative;
1629
- }
1630
- .treeHolder ul li li div {
1631
- border: 1px solid #e5e5e5;
1632
- background: #f5f5f5 url(/assets/sunrise/tree_dnd1.png) no-repeat right center;
1633
- color: #010101;
1634
- font-weight: normal;
1635
- padding: 10px 100px 10px 15px;
1636
- margin: 0;
1637
- }
1638
- .treeHolder ul li li a {
1639
- color: #010101;
1640
- }
1641
- .treeHolder ul li li div:hover {
1642
- border: 1px solid #888888;
1643
- color: #000;
1644
- }
1645
-
1646
- .treeHolder ul li li li {
1647
- padding: 15px 0 0 20px;
1648
- background-image: url(/assets/sunrise/treeview-gray-line2.gif);
1649
- }
1650
-
1651
- .treeHolder ul li li li ul {
1652
- padding: 15px 0 0 20px;
1653
- }
1654
- .treeHolder ul li li li div {
1655
- background-color: #fff;
1656
- background-image: url(/assets/sunrise/tree_dnd2.png);
1657
- color: #616161;
1658
- padding: 5px 70px 5px 15px;
1659
- font-size: 12px;
1660
- }
1661
- .treeHolder ul li li li div a.btn_edit {
1662
- top: 6px;
1663
- right: 48px;
1664
- background: url(/assets/sunrise/ico_edit_sm.png) top left;
1665
- width: 11px;
1666
- height: 14px;
1667
- }
1668
- .treeHolder ul li li li div a.btn_edit:hover {
1669
- background-position: 0 -14px;
1670
- }
1671
- .treeHolder ul li li li div a.btn_del {
1672
- top: 5px;
1673
- right: 31px;
1674
- background: url(/assets/sunrise/ico_del_sm.png) top left;
1675
- width: 11px;
1676
- height: 14px;
1677
- }
1678
- .treeHolder ul li li li div a.btn_del:hover {
1679
- background-position: 0 -14px;
1680
- }
1681
- /*
1797
+
1798
+ .treeHolder ul {
1799
+ margin: 0;
1800
+ padding: 15px 0;
1801
+ list-style-type: none;
1802
+ }
1803
+
1804
+ .treeHolder ul li {
1805
+ margin: 0;
1806
+ padding: 15px 0 0 0;
1807
+ clear: both;
1808
+ overflow: hidden;
1809
+ }
1810
+
1811
+ .treeHolder ul li a {
1812
+ color: #fff;
1813
+ text-decoration: none;
1814
+ }
1815
+
1816
+ .treeHolder ul li a:hover {
1817
+ text-decoration: underline;
1818
+ }
1819
+
1820
+ .treeHolder ul li ul {
1821
+ padding: 15px 0 0 45px;
1822
+ }
1823
+
1824
+ .treeHolder ul li li {
1825
+ background: url(/assets/sunrise/treeview-gray-line1.gif) no-repeat 0 0;
1826
+ padding: 0 0 15px 20px;
1827
+ }
1828
+
1829
+ .treeHolder ul li li:last-child {
1830
+ background-position: left bottom;
1831
+ }
1832
+
1833
+ .treeHolder ul li a.btn_edit, .treeHolder ul li a.btn_del {
1834
+ position: absolute;
1835
+ display: none;
1836
+ width: 19px;
1837
+ height: 19px;
1838
+ background-repeat: no-repeat;
1839
+ background-position: 0 -4px;
1840
+ top: 10px;
1841
+ }
1842
+
1843
+ .treeHolder ul li div:hover a.btn_edit, .treeHolder ul li div:hover a.btn_del {
1844
+ display: block;
1845
+ }
1846
+
1847
+ .treeHolder ul li a.btn_edit {
1848
+ background-image: url(/assets/sunrise/ico_edit.png);
1849
+ right: 64px;
1850
+ }
1851
+
1852
+ .treeHolder ul li a.btn_del {
1853
+ background-image: url(/assets/sunrise/ico_del.png);
1854
+ right: 35px;
1855
+ }
1856
+
1857
+ .treeHolder ul li a.btn_edit:hover, .treeHolder ul li a.btn_del:hover {
1858
+ background-position: 0 -32px;
1859
+ }
1860
+
1861
+ .treeHolder ul li a.btn_edit:active, .treeHolder ul li a.btn_del:active {
1862
+ background-position: 0 -60px;
1863
+ }
1864
+
1865
+ .treeHolder ul li a.dnd_link {
1866
+ display: block;
1867
+ width: 28px;
1868
+ height: 39px;
1869
+ top: 0;
1870
+ right: 0;
1871
+ position: absolute;
1872
+ cursor: move;
1873
+ }
1874
+
1875
+ .treeHolder ul li li li a.dnd_link {
1876
+ width: 23px;
1877
+ height: 25px;
1878
+ }
1879
+
1880
+ .treeHolder ul li div {
1881
+ padding: 10px 15px;
1882
+ background-color: #6d6d6d;
1883
+ color: #fff;
1884
+ text-decoration: none;
1885
+ border-radius: 5px;
1886
+ -moz-border-radius: 5px;
1887
+ font-weight: bold;
1888
+ display: block;
1889
+ float: left;
1890
+ margin-bottom: 10px;
1891
+ position: relative;
1892
+ }
1893
+
1894
+ .treeHolder ul li li div {
1895
+ border: 1px solid #e5e5e5;
1896
+ background: #f5f5f5 url(/assets/sunrise/tree_dnd1.png) no-repeat right center;
1897
+ color: #010101;
1898
+ font-weight: normal;
1899
+ padding: 10px 100px 10px 15px;
1900
+ margin: 0;
1901
+ }
1902
+
1903
+ .treeHolder ul li li a {
1904
+ color: #010101;
1905
+ }
1906
+
1907
+ .treeHolder ul li li div:hover {
1908
+ border: 1px solid #888888;
1909
+ color: #000;
1910
+ }
1911
+
1912
+ .treeHolder ul li li li {
1913
+ padding: 15px 0 0 20px;
1914
+ background-image: url(/assets/sunrise/treeview-gray-line2.gif);
1915
+ }
1916
+
1917
+ .treeHolder ul li li li ul {
1918
+ padding: 15px 0 0 20px;
1919
+ }
1920
+
1921
+ .treeHolder ul li li li div {
1922
+ background-color: #fff;
1923
+ background-image: url(/assets/sunrise/tree_dnd2.png);
1924
+ color: #616161;
1925
+ padding: 5px 70px 5px 15px;
1926
+ font-size: 12px;
1927
+ }
1928
+
1929
+ .treeHolder ul li li li div a.btn_edit {
1930
+ top: 6px;
1931
+ right: 48px;
1932
+ background: url(/assets/sunrise/ico_edit_sm.png) top left;
1933
+ width: 11px;
1934
+ height: 14px;
1935
+ }
1936
+
1937
+ .treeHolder ul li li li div a.btn_edit:hover {
1938
+ background-position: 0 -14px;
1939
+ }
1940
+
1941
+ .treeHolder ul li li li div a.btn_del {
1942
+ top: 5px;
1943
+ right: 31px;
1944
+ background: url(/assets/sunrise/ico_del_sm.png) top left;
1945
+ width: 11px;
1946
+ height: 14px;
1947
+ }
1948
+
1949
+ .treeHolder ul li li li div a.btn_del:hover {
1950
+ background-position: 0 -14px;
1951
+ }
1952
+
1953
+ /*
1682
1954
  .treeHolder ul li li li li {
1683
1955
  padding: 3px 0 3px 20px;
1684
1956
  background-image: url(/assets/sunrise/treeview-gray-line3.gif);
1685
- }
1686
-
1957
+ }
1958
+
1687
1959
  .treeHolder ul li li li li div {
1688
1960
  border: none;
1689
1961
  color: #010101;
@@ -1693,23 +1965,24 @@ div.input.date .calend-holder {
1693
1965
  }
1694
1966
  .treeHolder ul li li li li div:hover {
1695
1967
  border:none;
1696
- }
1968
+ }
1697
1969
  .treeHolder ul li li li li ul {
1698
1970
  padding: 15px 0 0px 20px;
1699
- }
1971
+ }
1700
1972
  .treeHolder ul li li li li li div {
1701
1973
  font-style: italic;
1702
1974
  color: #888888;
1703
1975
  background-image: none;
1704
- } */
1976
+ } */
1705
1977
 
1706
1978
  /* \\\\tree stuff */
1707
1979
 
1708
-
1709
1980
  /* first_structure_icons */
1981
+
1710
1982
  .treeHolder ul li div {
1711
1983
  padding-right: 50px;
1712
1984
  }
1985
+
1713
1986
  .treeHolder ul li div.first_structure_icons {
1714
1987
  position: absolute;
1715
1988
  top: 0;
@@ -1718,13 +1991,17 @@ div.input.date .calend-holder {
1718
1991
  padding: 0;
1719
1992
  height: 36px;
1720
1993
  }
1994
+
1721
1995
  .treeHolder ul li div.first_structure_icons a {
1722
1996
  right: 0;
1723
1997
  }
1998
+
1724
1999
  .treeHolder ul li div.first_structure_icons a.btn_edit {
1725
2000
  right: 10px;
1726
2001
  }
2002
+
1727
2003
  .treeHolder ul li div.first_structure_icons a.btn_del {
1728
2004
  right: 10px;
1729
2005
  }
1730
- /* end first_structure_icons */
2006
+
2007
+ /* end first_structure_icons */