rademade_admin 0.1.0 → 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (106) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/images/rademade_admin/leaflet/layers-2x.png +0 -0
  3. data/app/assets/images/rademade_admin/leaflet/layers.png +0 -0
  4. data/app/assets/images/rademade_admin/leaflet/marker-icon-2x.png +0 -0
  5. data/app/assets/images/rademade_admin/leaflet/marker-icon.png +0 -0
  6. data/app/assets/images/rademade_admin/leaflet/marker-shadow.png +0 -0
  7. data/app/assets/javascripts/rademade_admin.coffee +2 -0
  8. data/app/assets/javascripts/rademade_admin/app/common/cropper.coffee +70 -0
  9. data/app/assets/javascripts/rademade_admin/app/common/lang-panel.coffee +1 -1
  10. data/app/assets/javascripts/rademade_admin/app/common/location.coffee.erb +50 -0
  11. data/app/assets/javascripts/rademade_admin/app/common/uploader.coffee +74 -38
  12. data/app/assets/javascripts/rademade_admin/app/form-popup/view.coffee +1 -8
  13. data/app/assets/javascripts/rademade_admin/app/select2/related/view.coffee +3 -7
  14. data/app/assets/javascripts/rademade_admin/app/select2/view.coffee +7 -5
  15. data/app/assets/javascripts/rademade_admin/app/templates/crop.jst.ejs +11 -0
  16. data/app/assets/javascripts/rademade_admin/app/templates/related-item.jst.ejs +5 -0
  17. data/app/assets/stylesheets/edit.css +0 -0
  18. data/app/assets/stylesheets/rademade_admin.sass.erb +7 -0
  19. data/app/assets/stylesheets/rademade_admin/blocks/buttons/main.sass +49 -1
  20. data/app/assets/stylesheets/rademade_admin/blocks/form/checkbox.sass +14 -0
  21. data/app/assets/stylesheets/rademade_admin/blocks/form/input.sass +1 -1
  22. data/app/assets/stylesheets/rademade_admin/blocks/form/map.sass +4 -0
  23. data/app/assets/stylesheets/rademade_admin/lib/{glyphicon.sass.erb → glyphicon.sass} +5 -5
  24. data/app/assets/stylesheets/rademade_admin/lib/jcrop.sass +13 -0
  25. data/app/assets/stylesheets/rademade_admin/lib/uploader.sass +2 -2
  26. data/app/assets/stylesheets/rademade_admin/mixins/font_face.scss +10 -0
  27. data/app/assets/stylesheets/rademade_admin/modules/login/_main.sass +2 -1
  28. data/app/cells/menu/item.slim +15 -0
  29. data/app/cells/menu/sub_item.slim +4 -0
  30. data/app/cells/menu/sub_items.slim +3 -0
  31. data/app/cells/menu_cell.rb +55 -0
  32. data/app/controllers/rademade_admin/file_controller.rb +13 -0
  33. data/app/controllers/rademade_admin/model_controller.rb +5 -1
  34. data/app/helpers/rademade_admin/uri_helper.rb +5 -5
  35. data/app/inputs/rademade_admin/file_input.rb +24 -3
  36. data/app/inputs/rademade_admin/location_input.rb +43 -0
  37. data/app/services/menu_service.rb +27 -0
  38. data/app/services/menu_service/menu_item.rb +32 -0
  39. data/app/services/model_controller/notifier.rb +20 -5
  40. data/app/services/saver.rb +1 -1
  41. data/app/services/search/conditions/abstract.rb +3 -1
  42. data/app/services/search/conditions/autocomplete.rb +1 -1
  43. data/app/services/search/conditions/list.rb +2 -2
  44. data/app/services/search/conditions/related_list.rb +2 -2
  45. data/app/services/search/part/abstract.rb +18 -4
  46. data/app/services/search/part/order.rb +3 -1
  47. data/app/services/upload/preview_service.rb +20 -9
  48. data/app/views/rademade_admin/_blocks/_header.html.erb +2 -2
  49. data/app/views/rademade_admin/_blocks/_menu.html.erb +3 -39
  50. data/app/views/rademade_admin/_blocks/button/_edit.html.erb +3 -0
  51. data/app/views/rademade_admin/_blocks/form/_lang_panel.html.erb +6 -3
  52. data/app/views/rademade_admin/_layouts/inner/index_table.html.erb +3 -1
  53. data/app/views/rademade_admin/abstract/index.html.erb +3 -1
  54. data/app/views/rademade_admin/abstract/related.html.erb +14 -7
  55. data/config/initializers/carrier_wave/mongoid.rb +1 -1
  56. data/config/locales/rademade_admin.en.yml +6 -1
  57. data/config/locales/rademade_admin.ru.yml +28 -0
  58. data/config/locales/simple_form.ru.yml +7 -0
  59. data/config/routes.rb +1 -0
  60. data/lib/rademade_admin.rb +3 -2
  61. data/lib/rademade_admin/engine.rb +2 -0
  62. data/lib/rademade_admin/input/related_select_input/related_list.rb +15 -10
  63. data/lib/rademade_admin/model/adapter/data/active_record.rb +10 -11
  64. data/lib/rademade_admin/model/adapter/data/mongoid.rb +1 -1
  65. data/lib/rademade_admin/model/configuration.rb +9 -3
  66. data/lib/rademade_admin/model/info.rb +5 -2
  67. data/lib/rademade_admin/model/info/data_item.rb +6 -10
  68. data/lib/rademade_admin/model/info/field.rb +10 -2
  69. data/lib/rademade_admin/uploader/carrier_wave.rb +31 -0
  70. data/lib/rademade_admin/uploader/crop_photo.rb +24 -0
  71. data/lib/rademade_admin/uploader/photo.rb +25 -3
  72. data/lib/rademade_admin/version.rb +1 -1
  73. metadata +124 -72
  74. data/app/assets/stylesheets/old/-bootstrap/bootstrap-overrides.css.erb +0 -341
  75. data/app/assets/stylesheets/old/-bootstrap/main.scss.erb +0 -78
  76. data/app/assets/stylesheets/old/-detail_admin/chart-showcase.scss.erb +0 -33
  77. data/app/assets/stylesheets/old/-detail_admin/datatables.scss.erb +0 -3
  78. data/app/assets/stylesheets/old/-detail_admin/elements.scss.erb +0 -665
  79. data/app/assets/stylesheets/old/-detail_admin/error.scss.erb +0 -19
  80. data/app/assets/stylesheets/old/-detail_admin/form-showcase.scss.erb +0 -87
  81. data/app/assets/stylesheets/old/-detail_admin/form-wizard.scss.erb +0 -261
  82. data/app/assets/stylesheets/old/-detail_admin/gallery.scss.erb +0 -106
  83. data/app/assets/stylesheets/old/-detail_admin/grids.scss.erb +0 -21
  84. data/app/assets/stylesheets/old/-detail_admin/icons.scss.erb +0 -115
  85. data/app/assets/stylesheets/old/-detail_admin/index.scss.erb +0 -290
  86. data/app/assets/stylesheets/old/-detail_admin/layout.scss.erb +0 -523
  87. data/app/assets/stylesheets/old/-detail_admin/new-user.scss.erb +0 -49
  88. data/app/assets/stylesheets/old/-detail_admin/personal-info.scss.erb +0 -144
  89. data/app/assets/stylesheets/old/-detail_admin/popup.scss.erb +0 -3
  90. data/app/assets/stylesheets/old/-detail_admin/signin.scss.erb +0 -128
  91. data/app/assets/stylesheets/old/-detail_admin/tables.scss.erb +0 -195
  92. data/app/assets/stylesheets/old/-detail_admin/ui-elements.scss.erb +0 -177
  93. data/app/assets/stylesheets/old/-detail_admin/user-list.scss.erb +0 -112
  94. data/app/assets/stylesheets/old/-detail_admin/user-profile.scss.erb +0 -169
  95. data/app/assets/stylesheets/old/-detail_admin/web-app-icons.scss.erb +0 -25
  96. data/app/assets/stylesheets/old/-lib/bootstrap.datepicker.css.erb +0 -302
  97. data/app/assets/stylesheets/old/-lib/morris.css.erb +0 -2
  98. data/app/assets/stylesheets/old/base.scss.erb +0 -23
  99. data/app/assets/stylesheets/old/edit.css +0 -7
  100. data/app/assets/stylesheets/old/file-upload.scss.erb +0 -12
  101. data/app/assets/stylesheets/old/notifier.custom.css.erb +0 -661
  102. data/app/assets/stylesheets/old/scaffolds.scss.erb +0 -32
  103. data/app/helpers/rademade_admin/menu_helper.rb +0 -53
  104. data/app/views/rademade_admin/_blocks/_sub_menu.html.erb +0 -11
  105. data/app/views/rademade_admin/_blocks/sub_menu/_link.html.erb +0 -6
  106. data/config/locales/devise.en.yml +0 -59
@@ -1,25 +0,0 @@
1
- .icons-wrapper {
2
- margin-bottom: 60px;
3
- h4 {
4
- margin-bottom: 40px !important;
5
- }
6
- ul {
7
- list-style: none;
8
- margin: 0;
9
- li {
10
- font-size: 13px;
11
- line-height: 32px;
12
- margin-right: 10px;
13
- }
14
- i {
15
- width: 32px;
16
- font-size: 16px;
17
- margin-right: 13px;
18
- }
19
- }
20
- }
21
- .icons-wrapper-border{
22
- border-top: 1px solid #edeff1;
23
- padding-top: 60px;
24
- box-shadow: 0px 4px 7px -5px rgba(68, 68, 68, 0.14) inset;
25
- }
@@ -1,302 +0,0 @@
1
- /*!
2
- * Datepicker for Bootstrap
3
- *
4
- * Copyright 2012 Stefan Petre
5
- * Improvements by Andrew Rowls
6
- * Licensed under the Apache License v2.0
7
- * http://www.apache.org/licenses/LICENSE-2.0
8
- *
9
- */
10
- .datepicker {
11
- padding: 8px 12px;
12
- margin-top: 1px;
13
- -webkit-border-radius: 4px;
14
- -moz-border-radius: 4px;
15
- border-radius: 4px;
16
- direction: ltr;
17
- font-size: 13px;
18
- /*.dow {
19
- border-top: 1px solid #ddd !important;
20
- }*/
21
-
22
- }
23
- .datepicker-inline {
24
- width: 220px;
25
- }
26
- .datepicker.datepicker-rtl {
27
- direction: rtl;
28
- }
29
- .datepicker.datepicker-rtl table tr td span {
30
- float: right;
31
- }
32
- .datepicker-dropdown {
33
- top: 0;
34
- left: 0;
35
- }
36
- .datepicker-dropdown:before {
37
- content: '';
38
- display: inline-block;
39
- border-left: 7px solid transparent;
40
- border-right: 7px solid transparent;
41
- border-bottom: 7px solid #ccc;
42
- border-bottom-color: rgba(0, 0, 0, 0.2);
43
- position: absolute;
44
- top: -7px;
45
- left: 6px;
46
- }
47
- .datepicker-dropdown:after {
48
- content: '';
49
- display: inline-block;
50
- border-left: 6px solid transparent;
51
- border-right: 6px solid transparent;
52
- border-bottom: 6px solid #ffffff;
53
- position: absolute;
54
- top: -6px;
55
- left: 7px;
56
- }
57
- .datepicker > div {
58
- display: none;
59
- }
60
- .datepicker.days div.datepicker-days {
61
- display: block;
62
- }
63
- .datepicker.months div.datepicker-months {
64
- display: block;
65
- }
66
- .datepicker.years div.datepicker-years {
67
- display: block;
68
- }
69
- .datepicker table {
70
- margin: 0;
71
- }
72
- .datepicker td,
73
- .datepicker th {
74
- text-align: center;
75
- width: 20px;
76
- height: 20px;
77
- -webkit-border-radius: 4px;
78
- -moz-border-radius: 4px;
79
- border-radius: 4px;
80
- border: none;
81
- }
82
- .table-striped .datepicker table tr td,
83
- .table-striped .datepicker table tr th {
84
- background-color: transparent;
85
- }
86
- .datepicker table tr td.day:hover {
87
- background: #eeeeee;
88
- cursor: pointer;
89
- }
90
- .datepicker table tr td.old,
91
- .datepicker table tr td.new {
92
- color: #999999;
93
- }
94
- .datepicker table tr td.disabled,
95
- .datepicker table tr td.disabled:hover {
96
- background: none;
97
- color: #999999;
98
- cursor: default;
99
- }
100
- .datepicker table tr td.today,
101
- .datepicker table tr td.today:hover,
102
- .datepicker table tr td.today.disabled,
103
- .datepicker table tr td.today.disabled:hover {
104
- background-color: #fde19a;
105
- background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
106
- background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
107
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
108
- background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
109
- background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
110
- background-image: linear-gradient(top, #fdd49a, #fdf59a);
111
- background-repeat: repeat-x;
112
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
113
- border-color: #fdf59a #fdf59a #fbed50;
114
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
115
- filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
116
- }
117
- .datepicker table tr td.today:hover,
118
- .datepicker table tr td.today:hover:hover,
119
- .datepicker table tr td.today.disabled:hover,
120
- .datepicker table tr td.today.disabled:hover:hover,
121
- .datepicker table tr td.today:active,
122
- .datepicker table tr td.today:hover:active,
123
- .datepicker table tr td.today.disabled:active,
124
- .datepicker table tr td.today.disabled:hover:active,
125
- .datepicker table tr td.today.active,
126
- .datepicker table tr td.today:hover.active,
127
- .datepicker table tr td.today.disabled.active,
128
- .datepicker table tr td.today.disabled:hover.active,
129
- .datepicker table tr td.today.disabled,
130
- .datepicker table tr td.today:hover.disabled,
131
- .datepicker table tr td.today.disabled.disabled,
132
- .datepicker table tr td.today.disabled:hover.disabled,
133
- .datepicker table tr td.today[disabled],
134
- .datepicker table tr td.today:hover[disabled],
135
- .datepicker table tr td.today.disabled[disabled],
136
- .datepicker table tr td.today.disabled:hover[disabled] {
137
- background-color: #fdf59a;
138
- }
139
- .datepicker table tr td.today:active,
140
- .datepicker table tr td.today:hover:active,
141
- .datepicker table tr td.today.disabled:active,
142
- .datepicker table tr td.today.disabled:hover:active,
143
- .datepicker table tr td.today.active,
144
- .datepicker table tr td.today:hover.active,
145
- .datepicker table tr td.today.disabled.active,
146
- .datepicker table tr td.today.disabled:hover.active {
147
- background-color: #fbf069 \9;
148
- }
149
- .datepicker table tr td.active,
150
- .datepicker table tr td.active:hover,
151
- .datepicker table tr td.active.disabled,
152
- .datepicker table tr td.active.disabled:hover {
153
- background-color: #006dcc;
154
- background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
155
- background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
156
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
157
- background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
158
- background-image: -o-linear-gradient(top, #0088cc, #0044cc);
159
- background-image: linear-gradient(top, #0088cc, #0044cc);
160
- background-repeat: repeat-x;
161
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
162
- border-color: #0044cc #0044cc #002a80;
163
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
164
- filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
165
- color: #fff;
166
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
167
- }
168
- .datepicker table tr td.active:hover,
169
- .datepicker table tr td.active:hover:hover,
170
- .datepicker table tr td.active.disabled:hover,
171
- .datepicker table tr td.active.disabled:hover:hover,
172
- .datepicker table tr td.active:active,
173
- .datepicker table tr td.active:hover:active,
174
- .datepicker table tr td.active.disabled:active,
175
- .datepicker table tr td.active.disabled:hover:active,
176
- .datepicker table tr td.active.active,
177
- .datepicker table tr td.active:hover.active,
178
- .datepicker table tr td.active.disabled.active,
179
- .datepicker table tr td.active.disabled:hover.active,
180
- .datepicker table tr td.active.disabled,
181
- .datepicker table tr td.active:hover.disabled,
182
- .datepicker table tr td.active.disabled.disabled,
183
- .datepicker table tr td.active.disabled:hover.disabled,
184
- .datepicker table tr td.active[disabled],
185
- .datepicker table tr td.active:hover[disabled],
186
- .datepicker table tr td.active.disabled[disabled],
187
- .datepicker table tr td.active.disabled:hover[disabled] {
188
- background-color: #0044cc;
189
- }
190
- .datepicker table tr td.active:active,
191
- .datepicker table tr td.active:hover:active,
192
- .datepicker table tr td.active.disabled:active,
193
- .datepicker table tr td.active.disabled:hover:active,
194
- .datepicker table tr td.active.active,
195
- .datepicker table tr td.active:hover.active,
196
- .datepicker table tr td.active.disabled.active,
197
- .datepicker table tr td.active.disabled:hover.active {
198
- background-color: #003399 \9;
199
- }
200
- .datepicker table tr td span {
201
- display: block;
202
- width: 23%;
203
- height: 54px;
204
- line-height: 54px;
205
- float: left;
206
- margin: 1%;
207
- cursor: pointer;
208
- -webkit-border-radius: 4px;
209
- -moz-border-radius: 4px;
210
- border-radius: 4px;
211
- }
212
- .datepicker table tr td span:hover {
213
- background: #eeeeee;
214
- }
215
- .datepicker table tr td span.disabled,
216
- .datepicker table tr td span.disabled:hover {
217
- background: none;
218
- color: #999999;
219
- cursor: default;
220
- }
221
- .datepicker table tr td span.active,
222
- .datepicker table tr td span.active:hover,
223
- .datepicker table tr td span.active.disabled,
224
- .datepicker table tr td span.active.disabled:hover {
225
- background-color: #006dcc;
226
- background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
227
- background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
228
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
229
- background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
230
- background-image: -o-linear-gradient(top, #0088cc, #0044cc);
231
- background-image: linear-gradient(top, #0088cc, #0044cc);
232
- background-repeat: repeat-x;
233
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
234
- border-color: #0044cc #0044cc #002a80;
235
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
236
- filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
237
- color: #fff;
238
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
239
- }
240
- .datepicker table tr td span.active:hover,
241
- .datepicker table tr td span.active:hover:hover,
242
- .datepicker table tr td span.active.disabled:hover,
243
- .datepicker table tr td span.active.disabled:hover:hover,
244
- .datepicker table tr td span.active:active,
245
- .datepicker table tr td span.active:hover:active,
246
- .datepicker table tr td span.active.disabled:active,
247
- .datepicker table tr td span.active.disabled:hover:active,
248
- .datepicker table tr td span.active.active,
249
- .datepicker table tr td span.active:hover.active,
250
- .datepicker table tr td span.active.disabled.active,
251
- .datepicker table tr td span.active.disabled:hover.active,
252
- .datepicker table tr td span.active.disabled,
253
- .datepicker table tr td span.active:hover.disabled,
254
- .datepicker table tr td span.active.disabled.disabled,
255
- .datepicker table tr td span.active.disabled:hover.disabled,
256
- .datepicker table tr td span.active[disabled],
257
- .datepicker table tr td span.active:hover[disabled],
258
- .datepicker table tr td span.active.disabled[disabled],
259
- .datepicker table tr td span.active.disabled:hover[disabled] {
260
- background-color: #0044cc;
261
- }
262
- .datepicker table tr td span.active:active,
263
- .datepicker table tr td span.active:hover:active,
264
- .datepicker table tr td span.active.disabled:active,
265
- .datepicker table tr td span.active.disabled:hover:active,
266
- .datepicker table tr td span.active.active,
267
- .datepicker table tr td span.active:hover.active,
268
- .datepicker table tr td span.active.disabled.active,
269
- .datepicker table tr td span.active.disabled:hover.active {
270
- background-color: #003399 \9;
271
- }
272
- .datepicker table tr td span.old {
273
- color: #999999;
274
- }
275
- .datepicker th.switch {
276
- width: 145px;
277
- }
278
- .datepicker thead tr:first-child th,
279
- .datepicker tfoot tr:first-child th {
280
- cursor: pointer;
281
- }
282
- .datepicker thead tr:first-child th:hover,
283
- .datepicker tfoot tr:first-child th:hover {
284
- background: #eeeeee;
285
- }
286
- .datepicker .cw {
287
- font-size: 10px;
288
- width: 12px;
289
- padding: 0 2px 0 5px;
290
- vertical-align: middle;
291
- }
292
- .datepicker thead tr:first-child th.cw {
293
- cursor: default;
294
- background-color: transparent;
295
- }
296
- .input-append.date .add-on i,
297
- .input-prepend.date .add-on i {
298
- display: block;
299
- cursor: pointer;
300
- width: 16px;
301
- height: 16px;
302
- }
@@ -1,2 +0,0 @@
1
- .morris-hover{position:absolute;z-index:1000;}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255, 255, 255, 0.8);border:solid 2px rgba(230, 230, 230, 0.8);font-family:sans-serif;font-size:12px;text-align:center;}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0;}
2
- .morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0;}
@@ -1,23 +0,0 @@
1
- .login-bg.best-bg {
2
- background: url(<%=image_path('rademade_admin/backgrounds/blueish.jpg')%>) no-repeat center center fixed;
3
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<%=image_path('rademade_admin/backgrounds/blueish.jpg')%>', sizingMethod='scale');
4
- -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<%=image_path('rademade_admin/backgrounds/blueish.jpg')%>', sizingMethod='scale')";
5
- -webkit-background-size: cover;
6
- -moz-background-size: cover;
7
- -o-background-size: cover;
8
- background-size: cover;
9
- }
10
-
11
- form {
12
-
13
- ul {
14
- list-style:none;
15
- }
16
-
17
- li {
18
- display: block;
19
- margin: 0;
20
- padding: 0;
21
- }
22
-
23
- }
@@ -1,7 +0,0 @@
1
- .select-wrapper {
2
- width: 400px;
3
- }
4
- textarea.form-control {
5
- width: 400px;
6
- height: 100px;
7
- }
@@ -1,12 +0,0 @@
1
- .upload-progress-wrapper {
2
-
3
- width: 200px;
4
- height: 10px;
5
-
6
- .upload-progress {
7
- height: 100%;
8
- width: 0;
9
- background: #00c83e;
10
- }
11
-
12
- }
@@ -1,661 +0,0 @@
1
- /*!
2
- * Backbone.Notifier v0.2.5 - Base Styles
3
- * Copyright 2012, Eyal Weiss
4
- */
5
- /*---------------------------------------------------
6
- LESS Elements 0.6
7
- -----------------------------------------------------*/
8
- /*!
9
- * Backbone.Notifier v0.2.5 - Variables Config
10
- * Copyright 2012, Eyal Weiss
11
- */
12
- .notifier-screen {
13
- background-color: #000;
14
- z-index: 90000022;
15
- }
16
- .notifier {
17
- z-index: 90000025;
18
- position: fixed;
19
- top: -32px;
20
- left: 0;
21
- right: 0;
22
- width: auto;
23
- height: 0;
24
- overflow: visible;
25
- }
26
- .notifier > div {
27
- cursor: default;
28
- display: inline-block;
29
- zoom: 1;
30
- *display: inline;
31
- position: relative;
32
- }
33
- .notifier > div em {
34
- font-weight: bold;
35
- font-style: italic;
36
- }
37
- .notifier button.default {
38
- font-weight: bold;
39
- }
40
- .notifier button.link {
41
- border-width: 0 0 1px 0!important;
42
- background-color: transparent!important;
43
- -webkit-box-shadow: none !important;
44
- -moz-box-shadow: none !important;
45
- box-shadow: none !important;
46
- -webkit-border-radius: 0 !important;
47
- -moz-border-radius: 0 !important;
48
- border-radius: 0 !important;
49
- -moz-background-clip: padding !important;
50
- -webkit-background-clip: padding-box !important;
51
- background-clip: padding-box !important;
52
- padding-right: 0!important;
53
- padding-left: 0!important;
54
- padding-bottom: 0!important;
55
- }
56
- .notifier-with-loader .notifier-message {
57
- display: inline;
58
- }
59
- .notifier-loader {
60
- display: inline-block;
61
- zoom: 1;
62
- *display: inline;
63
- }
64
- .notifier-close {
65
- position: absolute;
66
- border: 0 none;
67
- top: 13px;
68
- right: 13px;
69
- width: 18px;
70
- height: 18px;
71
- cursor: pointer;
72
- -webkit-border-radius: 9px;
73
- -moz-border-radius: 9px;
74
- border-radius: 9px;
75
- -moz-background-clip: padding;
76
- -webkit-background-clip: padding-box;
77
- background-clip: padding-box;
78
- padding: 0;
79
- /*background: white;*/
80
-
81
- text-align: center;
82
- font-size: 11px;
83
- line-height: 11px;
84
- font-family: Arial, Helvetica, "sans-serif";
85
- color: rgba(102, 102, 102, 0.39);
86
- background: transparent;
87
- }
88
- .notifier-close:hover {
89
- background: rgba(109, 109, 109, 0.2) !important;
90
- color: white;
91
- text-shadow: -1px -1px 0 rgba(68, 68, 68, 0.2);
92
- }
93
- /*!
94
- * Backbone.Notifier v0.2.5 - 'Clean' Theme
95
- * Copyright 2012, Eyal Weiss
96
- */
97
- /*---------------------------------------------------
98
- LESS Elements 0.6
99
- -----------------------------------------------------*/
100
- /*!
101
- * Backbone.Notifier v0.2.5 - Variables Config
102
- * Copyright 2012, Eyal Weiss
103
- */
104
- .notifier-screen.notifier-theme-clean {
105
- background-color: #fff;
106
- }
107
- .notifier.notifier-theme-clean {
108
- font-size: 13px;
109
- text-align: center;
110
- }
111
- .notifier.notifier-theme-clean .notifier-loader {
112
- width: 16px;
113
- height: 16px;
114
- margin-left: 10px;
115
- background: url('../imgs/notifier-loader-clean.gif') center center no-repeat;
116
- }
117
- .notifier.notifier-theme-clean .notifier-close {
118
- top: 5px;
119
- right: 5px;
120
- }
121
- .notifier.notifier-theme-clean .notifier-message {
122
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
123
- }
124
- .notifier.notifier-theme-clean .notifier-btns {
125
- margin: 30px 0 0;
126
- text-align: center;
127
- }
128
- .notifier.notifier-theme-clean .notifier-btns button {
129
- border: solid 1px #D1D1D1;
130
- background-color: white;
131
- padding: 5px 30px;
132
- margin: 0 40px;
133
- text-shadow: 0 1px 0 #E9E9E9;
134
- -webkit-transition: all 100ms ease-out;
135
- -moz-transition: all 100ms ease-out;
136
- transition: all 100ms ease-out;
137
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(111, 111, 111, 0.18), inset 0 0 8px rgba(150, 150, 150, 0.21);
138
- -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(111, 111, 111, 0.18), inset 0 0 8px rgba(150, 150, 150, 0.21);
139
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(111, 111, 111, 0.18), inset 0 0 8px rgba(150, 150, 150, 0.21);
140
- }
141
- .notifier.notifier-theme-clean .notifier-btns button:hover,
142
- .notifier.notifier-theme-clean .notifier-btns button.hover {
143
- border: solid 1px silver;
144
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 2px 2px rgba(48, 48, 48, 0.21), inset 0 0 8px rgba(117, 117, 117, 0.21);
145
- -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 2px 2px rgba(48, 48, 48, 0.21), inset 0 0 8px rgba(117, 117, 117, 0.21);
146
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 2px 2px rgba(48, 48, 48, 0.21), inset 0 0 8px rgba(117, 117, 117, 0.21);
147
- }
148
- .notifier.notifier-theme-clean .notifier-btns button:active,
149
- .notifier.notifier-theme-clean .notifier-btns button.active {
150
- border: solid 1px silver;
151
- -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(48, 48, 48, 0.4), inset 0 0 20px rgba(117, 117, 117, 0.3);
152
- -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(48, 48, 48, 0.4), inset 0 0 20px rgba(117, 117, 117, 0.3);
153
- box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(48, 48, 48, 0.4), inset 0 0 20px rgba(117, 117, 117, 0.3);
154
- }
155
- .notifier.notifier-theme-clean .notifier-btns button.link {
156
- text-shadow: 0 1px 0 #E9E9E9;
157
- color: #444;
158
- border-bottom: dotted 1px #444;
159
- padding: 9px 0 1px;
160
- }
161
- .notifier.notifier-theme-clean .notifier-btns button.link:hover,
162
- .notifier.notifier-theme-clean .notifier-btns button.link.hover {
163
- color: #000;
164
- border-bottom: solid 1px #000;
165
- text-shadow: 0 1px 0 #DBDBDB;
166
- }
167
- .notifier.notifier-theme-clean > div {
168
- background-color: #fff;
169
- border: solid 1px #fff;
170
- border-top: solid 1px #646464;
171
- -webkit-box-shadow: 0 -1px 2px rgba( 100 , 100 , 100 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
172
- -moz-box-shadow: 0 -1px 2px rgba( 100 , 100 , 100 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
173
- box-shadow: 0 -1px 2px rgba( 100 , 100 , 100 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
174
- background-image: -moz-linear-gradient(top, rgba(100, 100, 100, 0.29) 0%, rgba(100, 100, 100, 0.08) 27%, rgba(100, 100, 100, 0.01) 100%);
175
- /* FF3.6+ */
176
-
177
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(100, 100, 100, 0.29)), color-stop(27%, rgba(100, 100, 100, 0.08)), color-stop(100%, rgba(100, 100, 100, 0.01)));
178
- /* Chrome,Safari4+ */
179
-
180
- background-image: -webkit-linear-gradient(top, rgba(100, 100, 100, 0.29) 0%, rgba(100, 100, 100, 0.08) 27%, rgba(100, 100, 100, 0.01) 100%);
181
- /* Chrome10+,Safari5.1+ */
182
-
183
- background-image: -o-linear-gradient(top, rgba(100, 100, 100, 0.29) 0%, rgba(100, 100, 100, 0.08) 27%, rgba(100, 100, 100, 0.01) 100%);
184
- /* Opera 11.10+ */
185
-
186
- background-image: -ms-linear-gradient(top, rgba(100, 100, 100, 0.29) 0%, rgba(100, 100, 100, 0.08) 27%, rgba(100, 100, 100, 0.01) 100%);
187
- /* IE10+ */
188
-
189
- background-image: linear-gradient(to bottom, rgba(100, 100, 100, 0.29) 0%, rgba(100, 100, 100, 0.08) 27%, rgba(100, 100, 100, 0.01) 100%);
190
- /* W3C */
191
-
192
- filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #b8b8b8 , EndColorStr= #ffffff );
193
- padding: 30px 30px 30px;
194
- max-width: 460px;
195
- }
196
- .notifier.notifier-theme-clean.notifier-warning > div {
197
- border: solid 1px #fff;
198
- border-top: solid 1px #ffa21d;
199
- -webkit-box-shadow: 0 -1px 2px rgba( 255 , 162 , 29 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
200
- -moz-box-shadow: 0 -1px 2px rgba( 255 , 162 , 29 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
201
- box-shadow: 0 -1px 2px rgba( 255 , 162 , 29 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
202
- background-image: -moz-linear-gradient(top, rgba(255, 162, 29, 0.29) 0%, rgba(255, 162, 29, 0.08) 27%, rgba(255, 162, 29, 0.01) 100%);
203
- /* FF3.6+ */
204
-
205
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 162, 29, 0.29)), color-stop(27%, rgba(255, 162, 29, 0.08)), color-stop(100%, rgba(255, 162, 29, 0.01)));
206
- /* Chrome,Safari4+ */
207
-
208
- background-image: -webkit-linear-gradient(top, rgba(255, 162, 29, 0.29) 0%, rgba(255, 162, 29, 0.08) 27%, rgba(255, 162, 29, 0.01) 100%);
209
- /* Chrome10+,Safari5.1+ */
210
-
211
- background-image: -o-linear-gradient(top, rgba(255, 162, 29, 0.29) 0%, rgba(255, 162, 29, 0.08) 27%, rgba(255, 162, 29, 0.01) 100%);
212
- /* Opera 11.10+ */
213
-
214
- background-image: -ms-linear-gradient(top, rgba(255, 162, 29, 0.29) 0%, rgba(255, 162, 29, 0.08) 27%, rgba(255, 162, 29, 0.01) 100%);
215
- /* IE10+ */
216
-
217
- background-image: linear-gradient(to bottom, rgba(255, 162, 29, 0.29) 0%, rgba(255, 162, 29, 0.08) 27%, rgba(255, 162, 29, 0.01) 100%);
218
- /* W3C */
219
-
220
- filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #ffe7c5 , EndColorStr= #ffffff );
221
- }
222
- .notifier.notifier-theme-clean.notifier-error > div {
223
- border: solid 1px #fff;
224
- border-top: solid 1px #da4f49;
225
- -webkit-box-shadow: 0 -1px 2px rgba( 218 , 79 , 73 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
226
- -moz-box-shadow: 0 -1px 2px rgba( 218 , 79 , 73 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
227
- box-shadow: 0 -1px 2px rgba( 218 , 79 , 73 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
228
- background-image: -moz-linear-gradient(top, rgba(218, 79, 73, 0.29) 0%, rgba(218, 79, 73, 0.08) 27%, rgba(218, 79, 73, 0.01) 100%);
229
- /* FF3.6+ */
230
-
231
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(218, 79, 73, 0.29)), color-stop(27%, rgba(218, 79, 73, 0.08)), color-stop(100%, rgba(218, 79, 73, 0.01)));
232
- /* Chrome,Safari4+ */
233
-
234
- background-image: -webkit-linear-gradient(top, rgba(218, 79, 73, 0.29) 0%, rgba(218, 79, 73, 0.08) 27%, rgba(218, 79, 73, 0.01) 100%);
235
- /* Chrome10+,Safari5.1+ */
236
-
237
- background-image: -o-linear-gradient(top, rgba(218, 79, 73, 0.29) 0%, rgba(218, 79, 73, 0.08) 27%, rgba(218, 79, 73, 0.01) 100%);
238
- /* Opera 11.10+ */
239
-
240
- background-image: -ms-linear-gradient(top, rgba(218, 79, 73, 0.29) 0%, rgba(218, 79, 73, 0.08) 27%, rgba(218, 79, 73, 0.01) 100%);
241
- /* IE10+ */
242
-
243
- background-image: linear-gradient(to bottom, rgba(218, 79, 73, 0.29) 0%, rgba(218, 79, 73, 0.08) 27%, rgba(218, 79, 73, 0.01) 100%);
244
- /* W3C */
245
-
246
- filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #f6d6d5 , EndColorStr= #ffffff );
247
- }
248
- .notifier.notifier-theme-clean.notifier-info > div {
249
- border: solid 1px #fff;
250
- border-top: solid 1px #49afcd;
251
- -webkit-box-shadow: 0 -1px 2px rgba( 73 , 175 , 205 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
252
- -moz-box-shadow: 0 -1px 2px rgba( 73 , 175 , 205 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
253
- box-shadow: 0 -1px 2px rgba( 73 , 175 , 205 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
254
- background-image: -moz-linear-gradient(top, rgba(73, 175, 205, 0.29) 0%, rgba(73, 175, 205, 0.08) 27%, rgba(73, 175, 205, 0.01) 100%);
255
- /* FF3.6+ */
256
-
257
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(73, 175, 205, 0.29)), color-stop(27%, rgba(73, 175, 205, 0.08)), color-stop(100%, rgba(73, 175, 205, 0.01)));
258
- /* Chrome,Safari4+ */
259
-
260
- background-image: -webkit-linear-gradient(top, rgba(73, 175, 205, 0.29) 0%, rgba(73, 175, 205, 0.08) 27%, rgba(73, 175, 205, 0.01) 100%);
261
- /* Chrome10+,Safari5.1+ */
262
-
263
- background-image: -o-linear-gradient(top, rgba(73, 175, 205, 0.29) 0%, rgba(73, 175, 205, 0.08) 27%, rgba(73, 175, 205, 0.01) 100%);
264
- /* Opera 11.10+ */
265
-
266
- background-image: -ms-linear-gradient(top, rgba(73, 175, 205, 0.29) 0%, rgba(73, 175, 205, 0.08) 27%, rgba(73, 175, 205, 0.01) 100%);
267
- /* IE10+ */
268
-
269
- background-image: linear-gradient(to bottom, rgba(73, 175, 205, 0.29) 0%, rgba(73, 175, 205, 0.08) 27%, rgba(73, 175, 205, 0.01) 100%);
270
- /* W3C */
271
-
272
- filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #cde9f1 , EndColorStr= #ffffff );
273
- }
274
- .notifier.notifier-theme-clean.notifier-success > div {
275
- border: solid 1px #fff;
276
- border-top: solid 1px #4cff4c;
277
- -webkit-box-shadow: 0 -1px 2px rgba( 76 , 255 , 76 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
278
- -moz-box-shadow: 0 -1px 2px rgba( 76 , 255 , 76 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
279
- box-shadow: 0 -1px 2px rgba( 76 , 255 , 76 ,.4), 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
280
- background-image: -moz-linear-gradient(top, rgba(76, 255, 76, 0.29) 0%, rgba(76, 255, 76, 0.08) 27%, rgba(76, 255, 76, 0.01) 100%);
281
- /* FF3.6+ */
282
-
283
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(76, 255, 76, 0.29)), color-stop(27%, rgba(76, 255, 76, 0.08)), color-stop(100%, rgba(76, 255, 76, 0.01)));
284
- /* Chrome,Safari4+ */
285
-
286
- background-image: -webkit-linear-gradient(top, rgba(76, 255, 76, 0.29) 0%, rgba(76, 255, 76, 0.08) 27%, rgba(76, 255, 76, 0.01) 100%);
287
- /* Chrome10+,Safari5.1+ */
288
-
289
- background-image: -o-linear-gradient(top, rgba(76, 255, 76, 0.29) 0%, rgba(76, 255, 76, 0.08) 27%, rgba(76, 255, 76, 0.01) 100%);
290
- /* Opera 11.10+ */
291
-
292
- background-image: -ms-linear-gradient(top, rgba(76, 255, 76, 0.29) 0%, rgba(76, 255, 76, 0.08) 27%, rgba(76, 255, 76, 0.01) 100%);
293
- /* IE10+ */
294
-
295
- background-image: linear-gradient(to bottom, rgba(76, 255, 76, 0.29) 0%, rgba(76, 255, 76, 0.08) 27%, rgba(76, 255, 76, 0.01) 100%);
296
- /* W3C */
297
-
298
- filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #f4fff4 , EndColorStr= #ffffff );
299
- }
300
- .notifier.notifier-theme-clean.notifier-dialog > div {
301
- padding-top: 12px;
302
- }
303
- .notifier.notifier-theme-clean.notifier-dialog .notifier-message {
304
- text-align: left;
305
- }
306
- .notifier.notifier-theme-clean.notifier-dialog .notifier-close {
307
- top: 13px;
308
- right: 13px;
309
- }
310
- .notifier.notifier-theme-clean.notifier-dialog .notifier-btns {
311
- background: rgba(255, 255, 255, 0.47);
312
- padding: 13px 10px 14px 10px;
313
- -webkit-box-shadow: 0 -1px 0 white, inset 0 2px 3px rgba(185, 185, 185, 0.27);
314
- -moz-box-shadow: 0 -1px 0 white, inset 0 2px 3px rgba(185, 185, 185, 0.27);
315
- box-shadow: 0 -1px 0 white, inset 0 2px 3px rgba(185, 185, 185, 0.27);
316
- border-top: solid 1px rgba(0, 0, 0, 0.14);
317
- margin: 25px -30px -30px;
318
- }
319
- .notifier.notifier-theme-clean.notifier-dialog .notifier-title {
320
- font-weight: bold;
321
- text-shadow: 0 1px 0 white;
322
- -webkit-box-shadow: 0 1px 0px #fff;
323
- -moz-box-shadow: 0 1px 0px #fff;
324
- box-shadow: 0 1px 0px #fff;
325
- border-bottom: solid 1px rgba(0, 0, 0, 0.06);
326
- margin: 0 -30px 20px;
327
- padding: 0 30px 10px;
328
- }
329
- .notifier.notifier-theme-clean.notifier-with-close-btn .notifier-title {
330
- padding-right: 60px;
331
- }
332
- /*!
333
- * Backbone.Notifier v0.2.5 - 'Plastic' Theme
334
- * Copyright 2012, Eyal Weiss
335
- */
336
- /*---------------------------------------------------
337
- LESS Elements 0.6
338
- -----------------------------------------------------*/
339
- /*!
340
- * Backbone.Notifier v0.2.5 - Variables Config
341
- * Copyright 2012, Eyal Weiss
342
- */
343
- .notifier-loader.notifier-theme-plastic {
344
- background-color: #000;
345
- }
346
- .notifier.notifier-theme-plastic {
347
- font-size: 13px;
348
- text-align: center;
349
- }
350
- .notifier.notifier-theme-plastic .notifier-loader {
351
- width: 16px;
352
- height: 16px;
353
- margin-left: 10px;
354
- background: url('../imgs/notifier-loader-plastic.gif') center center no-repeat;
355
- }
356
- .notifier.notifier-theme-plastic button.notifier-close {
357
- top: 8px;
358
- right: 6px;
359
- padding: 1px 7px;
360
- height: 22px;
361
- text-align: center;
362
- width: auto;
363
- font-size: 11px;
364
- opacity: 0.5;
365
- margin: 0!important;
366
- }
367
- .notifier.notifier-theme-plastic button.notifier-close:hover {
368
- opacity: 1;
369
- }
370
- .notifier.notifier-theme-plastic button.notifier-close:active {
371
- background: transparent;
372
- }
373
- .notifier.notifier-theme-plastic button {
374
- border: solid 1px rgba(0, 0, 0, 0.5);
375
- margin: -3px 0 -3px 10px;
376
- background: rgba(255, 255, 255, 0.35);
377
- -webkit-border-top-right-radius: 3px;
378
- -webkit-border-bottom-right-radius: 3px;
379
- -webkit-border-bottom-left-radius: 3px;
380
- -webkit-border-top-left-radius: 3px;
381
- -moz-border-radius-topright: 3px;
382
- -moz-border-radius-bottomright: 3px;
383
- -moz-border-radius-bottomleft: 3px;
384
- -moz-border-radius-topleft: 3px;
385
- border-top-right-radius: 3px;
386
- border-bottom-right-radius: 3px;
387
- border-bottom-left-radius: 3px;
388
- border-top-left-radius: 3px;
389
- -moz-background-clip: padding;
390
- -webkit-background-clip: padding-box;
391
- background-clip: padding-box;
392
- color: rgba(0, 0, 0, 0.8);
393
- padding: 3px 13px;
394
- -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(1,1,1,.1);
395
- -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(1,1,1,.1);
396
- box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(1,1,1,.1);
397
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
398
- -webkit-transition: all 100ms ease-out;
399
- -moz-transition: all 100ms ease-out;
400
- transition: all 100ms ease-out;
401
- }
402
- .notifier.notifier-theme-plastic button:hover,
403
- .notifier.notifier-theme-plastic button.hover {
404
- border: solid 1px rgba(0, 0, 0, 0.6);
405
- background: rgba(255, 255, 255, 0.35);
406
- color: rgba(0, 0, 0, 0.9);
407
- -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(1,1,1,.2);
408
- -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(1,1,1,.2);
409
- box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(1,1,1,.2);
410
- }
411
- .notifier.notifier-theme-plastic button:active,
412
- .notifier.notifier-theme-plastic button.active {
413
- border: solid 1px rgba(0, 0, 0, 0.6);
414
- background: rgba(255, 255, 255, 0.3);
415
- color: rgba(0, 0, 0, 0.9);
416
- -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,.4), inset 0 1px 0 rgba(0,0,0,.5);
417
- -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,.4), inset 0 1px 0 rgba(0,0,0,.5);
418
- box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,.4), inset 0 1px 0 rgba(0,0,0,.5);
419
- }
420
- .notifier.notifier-theme-plastic button.link {
421
- text-shadow: none;
422
- border-bottom: dotted 1px #444;
423
- padding: 5px 0 1px!important;
424
- }
425
- .notifier.notifier-theme-plastic button.link:hover,
426
- .notifier.notifier-theme-plastic button.link.hover {
427
- color: #000;
428
- border-bottom: solid 1px #000;
429
- }
430
- .notifier.notifier-theme-plastic.notifier-pos-top .notifier-inner {
431
- -webkit-border-top-right-radius: 0;
432
- -webkit-border-bottom-right-radius: 4px;
433
- -webkit-border-bottom-left-radius: 4px;
434
- -webkit-border-top-left-radius: 0;
435
- -moz-border-radius-topright: 0;
436
- -moz-border-radius-bottomright: 4px;
437
- -moz-border-radius-bottomleft: 4px;
438
- -moz-border-radius-topleft: 0;
439
- border-top-right-radius: 0;
440
- border-bottom-right-radius: 4px;
441
- border-bottom-left-radius: 4px;
442
- border-top-left-radius: 0;
443
- -moz-background-clip: padding;
444
- -webkit-background-clip: padding-box;
445
- background-clip: padding-box;
446
- }
447
- .notifier.notifier-theme-plastic.notifier-pos-bottom .notifier-inner {
448
- -webkit-border-top-right-radius: 4px;
449
- -webkit-border-bottom-right-radius: 0;
450
- -webkit-border-bottom-left-radius: 0;
451
- -webkit-border-top-left-radius: 4px;
452
- -moz-border-radius-topright: 4px;
453
- -moz-border-radius-bottomright: 0;
454
- -moz-border-radius-bottomleft: 0;
455
- -moz-border-radius-topleft: 4px;
456
- border-top-right-radius: 4px;
457
- border-bottom-right-radius: 0;
458
- border-bottom-left-radius: 0;
459
- border-top-left-radius: 4px;
460
- -moz-background-clip: padding;
461
- -webkit-background-clip: padding-box;
462
- background-clip: padding-box;
463
- }
464
- .notifier.notifier-theme-plastic.notifier-pos-center .notifier-inner {
465
- -webkit-border-radius: 4px;
466
- -moz-border-radius: 4px;
467
- border-radius: 4px;
468
- -moz-background-clip: padding;
469
- -webkit-background-clip: padding-box;
470
- background-clip: padding-box;
471
- }
472
- .notifier.notifier-theme-plastic.notifier-with-buttons button {
473
- margin: 10px 20px 0;
474
- }
475
- .notifier.notifier-theme-plastic.notifier-dialog .notifier-inner {
476
- padding: 0;
477
- -webkit-box-shadow: 0 0 220px rgba(0, 0, 0, 0.18), 0 3px 3px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.25);
478
- -moz-box-shadow: 0 0 220px rgba(0, 0, 0, 0.18), 0 3px 3px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.25);
479
- box-shadow: 0 0 220px rgba(0, 0, 0, 0.18), 0 3px 3px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.25);
480
- max-width: 480px;
481
- }
482
- .notifier.notifier-theme-plastic.notifier-dialog .notifier-message {
483
- padding: 25px 50px;
484
- margin: 0 1px 1px;
485
- background: #fff;
486
- display: block;
487
- *display: block;
488
- text-shadow: none;
489
- color: #000;
490
- text-align: left;
491
- }
492
- .notifier.notifier-theme-plastic.notifier-dialog .notifier-btns {
493
- background: rgba(255, 255, 255, 0.9);
494
- padding: 5px 0 13px;
495
- margin: -1px 1px 1px;
496
- border-top: solid 1px #D1CECE;
497
- -webkit-box-shadow: inset 0 1px 0 #FCFCFC;
498
- -moz-box-shadow: inset 0 1px 0 #FCFCFC;
499
- box-shadow: inset 0 1px 0 #FCFCFC;
500
- -webkit-border-bottom-right-radius: 4px;
501
- -webkit-border-bottom-left-radius: 4px;
502
- -moz-border-radius-bottomright: 4px;
503
- -moz-border-radius-bottomleft: 4px;
504
- border-bottom-right-radius: 4px;
505
- border-bottom-left-radius: 4px;
506
- }
507
- .notifier.notifier-theme-plastic.notifier-dialog .notifier-btns button {
508
- margin: 10px 30px 0;
509
- padding: 3px 25px;
510
- }
511
- .notifier.notifier-theme-plastic.notifier-dialog .notifier-title {
512
- padding: 8px 20px 6px;
513
- border-bottom: solid 1px rgba(0, 0, 0, 0.13);
514
- }
515
- .notifier.notifier-theme-plastic .notifier-inner {
516
- cursor: default;
517
- padding: 11px 30px 10px;
518
- color: #fff;
519
- text-shadow: 0 1px 0 #000;
520
- background: #7c7c7c;
521
- /* Old browsers */
522
-
523
- background: -moz-linear-gradient(top, #7c7c7c 0%, #303030 100%);
524
- /* FF3.6+ */
525
-
526
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7c7c7c), color-stop(100%, #303030));
527
- /* Chrome,Safari4+ */
528
-
529
- background: -webkit-linear-gradient(top, #7c7c7c 0%, #303030 100%);
530
- /* Chrome10+,Safari5.1+ */
531
-
532
- background: -moz-linear-gradient(top, #7c7c7c 0%, #303030 100%);
533
- /* Chrome10+,Safari5.1+ */
534
-
535
- background: -o-linear-gradient(top, #7c7c7c 0%, #303030 100%);
536
- /* Chrome10+,Safari5.1+ */
537
-
538
- background: -ms-linear-gradient(top, #7c7c7c 0%, #303030 100%);
539
- /* Chrome10+,Safari5.1+ */
540
-
541
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #7c7c7c , EndColorStr= #303030 );
542
- -webkit-box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000;
543
- -moz-box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000;
544
- box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000;
545
- }
546
- .notifier.notifier-theme-plastic.notifier-warning .notifier-inner {
547
- background: #edd482;
548
- /* Old browsers */
549
-
550
- background: -moz-linear-gradient(top, #edd482 0%, #ce9e00 100%);
551
- /* FF3.6+ */
552
-
553
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #edd482), color-stop(100%, #ce9e00));
554
- /* Chrome,Safari4+ */
555
-
556
- background: -webkit-linear-gradient(top, #edd482 0%, #ce9e00 100%);
557
- /* Chrome10+,Safari5.1+ */
558
-
559
- background: -moz-linear-gradient(top, #edd482 0%, #ce9e00 100%);
560
- /* Chrome10+,Safari5.1+ */
561
-
562
- background: -o-linear-gradient(top, #edd482 0%, #ce9e00 100%);
563
- /* Chrome10+,Safari5.1+ */
564
-
565
- background: -ms-linear-gradient(top, #edd482 0%, #ce9e00 100%);
566
- /* Chrome10+,Safari5.1+ */
567
-
568
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #edd482 , EndColorStr= #ce9e00 );
569
- -webkit-box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(255, 183, 15,.5);
570
- -moz-box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(255, 183, 15,.5);
571
- box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(255, 183, 15,.5);
572
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 0px 10px #ffb70f;
573
- color: rgba(0, 0, 0, 0.8);
574
- }
575
- .notifier.notifier-theme-plastic.notifier-error .notifier-inner {
576
- background: #e86161;
577
- /* Old browsers */
578
-
579
- background: -moz-linear-gradient(top, #e86161 0%, #ad0000 100%);
580
- /* FF3.6+ */
581
-
582
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e86161), color-stop(100%, #ad0000));
583
- /* Chrome,Safari4+ */
584
-
585
- background: -webkit-linear-gradient(top, #e86161 0%, #ad0000 100%);
586
- /* Chrome10+,Safari5.1+ */
587
-
588
- background: -moz-linear-gradient(top, #e86161 0%, #ad0000 100%);
589
- /* Chrome10+,Safari5.1+ */
590
-
591
- background: -o-linear-gradient(top, #e86161 0%, #ad0000 100%);
592
- /* Chrome10+,Safari5.1+ */
593
-
594
- background: -ms-linear-gradient(top, #e86161 0%, #ad0000 100%);
595
- /* Chrome10+,Safari5.1+ */
596
-
597
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #e86161 , EndColorStr= #ad0000 );
598
- -webkit-box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(173, 0, 0,.5);
599
- -moz-box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(173, 0, 0,.5);
600
- box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(173, 0, 0,.5);
601
- text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8), 0 0px 10px #b00000;
602
- color: rgba(255, 255, 255, 0.9);
603
- }
604
- .notifier.notifier-theme-plastic.notifier-info .notifier-inner {
605
- background: #6ba8ff;
606
- /* Old browsers */
607
-
608
- background: -moz-linear-gradient(top, #6ba8ff 0%, #0072ff 100%);
609
- /* FF3.6+ */
610
-
611
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6ba8ff), color-stop(100%, #0072ff));
612
- /* Chrome,Safari4+ */
613
-
614
- background: -webkit-linear-gradient(top, #6ba8ff 0%, #0072ff 100%);
615
- /* Chrome10+,Safari5.1+ */
616
-
617
- background: -moz-linear-gradient(top, #6ba8ff 0%, #0072ff 100%);
618
- /* Chrome10+,Safari5.1+ */
619
-
620
- background: -o-linear-gradient(top, #6ba8ff 0%, #0072ff 100%);
621
- /* Chrome10+,Safari5.1+ */
622
-
623
- background: -ms-linear-gradient(top, #6ba8ff 0%, #0072ff 100%);
624
- /* Chrome10+,Safari5.1+ */
625
-
626
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #6ba8ff , EndColorStr= #0072ff );
627
- -webkit-box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(0,114,255,.5);
628
- -moz-box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(0,114,255,.5);
629
- box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(0,114,255,.5);
630
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 0px 10px #66ceff;
631
- color: rgba(0, 0, 0, 0.9);
632
- }
633
- .notifier.notifier-theme-plastic.notifier-success .notifier-inner {
634
- background: #d5ff87;
635
- /* Old browsers */
636
-
637
- background: -moz-linear-gradient(top, #d5ff87 0%, #2cbf00 100%);
638
- /* FF3.6+ */
639
-
640
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5ff87), color-stop(100%, #2cbf00));
641
- /* Chrome,Safari4+ */
642
-
643
- background: -webkit-linear-gradient(top, #d5ff87 0%, #2cbf00 100%);
644
- /* Chrome10+,Safari5.1+ */
645
-
646
- background: -moz-linear-gradient(top, #d5ff87 0%, #2cbf00 100%);
647
- /* Chrome10+,Safari5.1+ */
648
-
649
- background: -o-linear-gradient(top, #d5ff87 0%, #2cbf00 100%);
650
- /* Chrome10+,Safari5.1+ */
651
-
652
- background: -ms-linear-gradient(top, #d5ff87 0%, #2cbf00 100%);
653
- /* Chrome10+,Safari5.1+ */
654
-
655
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #d5ff87 , EndColorStr= #2cbf00 );
656
- -webkit-box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(2,155,0,.5);
657
- -moz-box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(2,155,0,.5);
658
- box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(2,155,0,.5);
659
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 0px 10px #00c83e;
660
- color: rgba(0, 0, 0, 0.9);
661
- }