sunrise-cms 1.1.0 → 1.1.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -5,22 +5,23 @@ class Sunrise
5
5
 
6
6
  constructor: (@namespace) ->
7
7
  @sortedFields = []
8
-
8
+
9
9
  setup: ->
10
10
  $('[title]').tooltip()
11
11
  $(".ddmenu").ddmenu()
12
12
  $('[data-editable]').editable()
13
13
  $('[data-lang]').lang_tabs()
14
14
 
15
- $("select.select:not(.noselect2)").select2(
16
- allowClear: true
17
- minimumResultsForSearch: 10
18
- width: 'resolve'
19
- )
20
-
15
+ if $?.fn?.select2?
16
+ $("select.select:not(.noselect2)").select2(
17
+ allowClear: true
18
+ minimumResultsForSearch: 10
19
+ width: 'resolve'
20
+ )
21
+
21
22
  this.init_submit_buttons()
22
23
  this.init_group_menus()
23
-
24
+
24
25
  getParameterByName: (name) ->
25
26
  match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search)
26
27
  if match then decodeURIComponent(match[1].replace(/\+/g, ' ')) else null
@@ -28,11 +29,11 @@ class Sunrise
28
29
  init_sort_select: ->
29
30
  $("#sort").bind 'change', (evt) ->
30
31
  this.form.submit()
31
-
32
+
32
33
  init_submit_buttons: ->
33
34
  $('#cancel-submit-form-button').bind 'click', (evt) ->
34
35
  window.history.back()
35
-
36
+
36
37
  $('#submit-form-button').bind 'click', (evt) ->
37
38
  $('form:first').submit()
38
39
 
@@ -52,21 +53,21 @@ class Sunrise
52
53
  storeQuery: () ->
53
54
  query = {}
54
55
  self = this
55
-
56
+
56
57
  $.each ['page', 'per', 'sort', 'view'], (index) ->
57
58
  value = self.getParameterByName(this)
58
59
  query[this] = value if value?
59
-
60
+
60
61
  $.cookie('params', $.param(query), { expires: 30, path: @namespace })
61
-
62
+
62
63
  serialize: (items, options) ->
63
64
  str = []
64
- defaults =
65
+ defaults =
65
66
  attribute: 'id'
66
67
  listType: 'ul'
67
68
  expression: /(.+)[-=_](.+)/
68
69
  key: null
69
-
70
+
70
71
  o = $.extend defaults, options
71
72
 
72
73
  $(items).each((index) ->
@@ -82,35 +83,35 @@ class Sunrise
82
83
  str.push(o.key + '=')
83
84
 
84
85
  return str.join('&')
85
-
86
+
86
87
  serializeTree: (element, options) ->
87
- defaults =
88
+ defaults =
88
89
  attribute: 'id'
89
90
  listType: 'ul'
90
91
  expression: /(.+)[-=_](.+)/
91
92
  key: "tree"
92
93
  startDepthCount: 0
93
94
  root: false
94
-
95
+
95
96
  o = $.extend defaults, options
96
97
  sDepth = o.startDepthCount
97
98
  ret = []
98
99
  left = 1
99
-
100
+
100
101
  if o.root
101
102
  sDepth += 1
102
103
  left += 1
103
-
104
+
104
105
  fn_recursiveArray = (item, depth, left) ->
105
106
  right = left + 1
106
107
 
107
108
  if $(item).children(o.listType).children('li').length > 0
108
109
  depth += 1
109
-
110
+
110
111
  $(item).children(o.listType).children('li').each(() ->
111
112
  right = fn_recursiveArray($(this), depth, right)
112
113
  )
113
-
114
+
114
115
  depth -= 1
115
116
 
116
117
  id = ($(item).attr(o.attribute)).match(o.expression)
@@ -126,7 +127,7 @@ class Sunrise
126
127
 
127
128
  left = right + 1
128
129
  return left
129
-
130
+
130
131
  if o.root
131
132
  ret.push(
132
133
  "item_id": 'root'
@@ -135,13 +136,13 @@ class Sunrise
135
136
  "left": '1'
136
137
  "right": ($('li', element).length + 1) * 2
137
138
  )
138
-
139
+
139
140
  $(element).children('li').each(() ->
140
141
  left = fn_recursiveArray(this, sDepth, left)
141
142
  )
142
143
 
143
144
  ret = ret.sort((a,b) -> return (a.left - b.left) )
144
-
145
+
145
146
  if o.key
146
147
  arr = []
147
148
  $.each(ret, () ->
@@ -150,7 +151,7 @@ class Sunrise
150
151
  hash[param] = this
151
152
  arr.push $.param(hash)
152
153
  )
153
-
154
+
154
155
  return arr.join("&")
155
156
  else
156
157
  return ret
@@ -165,7 +166,7 @@ class Sunrise
165
166
 
166
167
  remove_fields: (link) ->
167
168
  hidden_field = $(link).prev("input[type=hidden]")
168
-
169
+
169
170
  if hidden_field.length isnt 0
170
171
  hidden_field.val('1')
171
172
 
@@ -179,7 +180,7 @@ class Sunrise
179
180
  handle: '.nested_input_handle'
180
181
  items: '.nested_item'
181
182
  opacity: 0.8
182
- update: (event, ui) =>
183
+ update: (event, ui) =>
183
184
  element = $(ui.item)
184
185
  container = element.parents('div.nested')
185
186
  this.updateSortContainer(container)
@@ -8,7 +8,6 @@
8
8
  *= require sunrise/customize.css
9
9
  *= require sunrise/plugins.css
10
10
  *= require uploader/application
11
- *= require select2
12
11
 
13
12
  *= require jquery-ui/core
14
13
  *= require jquery-ui/theme
@@ -116,7 +116,7 @@ input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focu
116
116
  background: url(/assets/sunrise/top_plus.png) no-repeat 15px center;
117
117
  padding: 0 20px 0 35px;
118
118
  }
119
- .top-wrapper .menu-holder .main-menu .main .arr,
119
+ .top-wrapper .menu-holder .main-menu .main .arr,
120
120
  .top-wrapper .menu-holder .main-menu .creates .arr {
121
121
  display: block;
122
122
  overflow: hidden;
@@ -141,6 +141,9 @@ input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focu
141
141
  margin: 0 0 0 1px;
142
142
  list-style: none;
143
143
  border-left: solid 1px #000;
144
+ /* scrollable dropdowns */
145
+ max-height: calc(100vh - 60px);
146
+ overflow-y: auto;
144
147
  }
145
148
  .sub-wrapper .default-list li a {
146
149
  display: block;
@@ -165,7 +168,7 @@ input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focu
165
168
 
166
169
  .field_with_errors span.error {
167
170
  color: #ff0000;
168
- font-size: 12px;
171
+ font-size: 12px;
169
172
  }
170
173
 
171
174
  div.input.check_boxes span.checkbox {
@@ -284,7 +287,7 @@ div.input.boolean input {
284
287
  }
285
288
 
286
289
  .select2-drop-active {
287
- border: 1px solid #d9d9d9 !important;
290
+ border: 1px solid #d9d9d9 !important;
288
291
  }
289
292
  .select2-container-active .select2-choice, .select2-container-active .select2-choices {
290
293
  border: 1px solid #d9d9d9 !important;
@@ -292,4 +295,4 @@ div.input.boolean input {
292
295
  .select2-results .select2-highlighted {
293
296
  background: #972da0 !important;
294
297
  color: #fff !important;
295
- }
298
+ }
@@ -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 */