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,21 +0,0 @@
1
- .grid-wrapper {
2
- margin-bottom: 60px;
3
- .head {
4
- margin-bottom: 30px;
5
- }
6
- }
7
- .show-grid {
8
- margin-top: 10px;
9
- margin-bottom: 20px;
10
-
11
- [class*="col-"] {
12
- background-color: #eee;
13
- text-align: center;
14
- -webkit-border-radius: 3px;
15
- -moz-border-radius: 3px;
16
- border-radius: 3px;
17
- min-height: 40px;
18
- line-height: 40px;
19
- border: 1px solid rgba(86,61,124,.2);
20
- }
21
- }
@@ -1,115 +0,0 @@
1
- i.tool{
2
- height: 14px;
3
- width: 14px;
4
- background: url("<%=image_path('rademade_admin/icons/btn-tool.png')%>") no-repeat;
5
- display: inline-block;
6
- margin-top: 1px;
7
- *margin-right: .3em;
8
- line-height: 14px;
9
- vertical-align: text-top;
10
- }
11
- i.arrow-down {
12
- background: url("<%=image_path('rademade_admin/icons/ico-arrow-black.png')%>") no-repeat;
13
- width: 9px;
14
- height: 6px;
15
- display: inline-block;
16
- margin-top: 1px;
17
- *margin-right: .3em;
18
- line-height: 14px;
19
- vertical-align: text-top;
20
- }
21
- i.shuffle{
22
- background: url("<%=image_path('rademade_admin/icons/btn-shuffle.png')%>") no-repeat;
23
- display: inline-block;
24
- height: 13px;
25
- width: 18px;
26
- margin-top: 1px;
27
- *margin-right: .3em;
28
- line-height: 14px;
29
- vertical-align: text-top;
30
- }
31
- i.setting{
32
- background: url("<%=image_path('rademade_admin/icons/btn-setting.png')%>") no-repeat;
33
- display: inline-block;
34
- height: 16px;
35
- width: 16px;
36
- margin-top: 1px;
37
- *margin-right: .3em;
38
- line-height: 14px;
39
- vertical-align: text-top;
40
- }
41
- i.attach{
42
- background: url("<%=image_path('rademade_admin/icons/btn-attach.png')%>") no-repeat;
43
- display: inline-block;
44
- height: 16px;
45
- width: 16px;
46
- margin-top: 1px;
47
- *margin-right: .3em;
48
- line-height: 14px;
49
- vertical-align: text-top;
50
- }
51
- i.ico-phone{
52
- background: url("<%=image_path('rademade_admin/icons/ico-phone.png')%>") no-repeat;
53
- height: 18px;
54
- width: 13px;
55
- margin-top: 1px;
56
- *margin-right: .3em;
57
- line-height: 14px;
58
- vertical-align: text-top;
59
- }
60
- i.ico-mail{
61
- background: url("<%=image_path('rademade_admin/icons/ico-mail.png')%>") no-repeat;
62
- height:11px;
63
- width: 17px;
64
- margin-top: 1px;
65
- *margin-right: .3em;
66
- line-height: 14px;
67
- vertical-align: text-top;
68
- }
69
- i.gallery-edit{
70
- background: url("<%=image_path('rademade_admin/icons/ico-gallery-edit.png')%>") no-repeat;
71
- height:20px;
72
- width: 20px;
73
- margin-top: 1px;
74
- *margin-right: .3em;
75
- line-height: 14px;
76
- vertical-align: text-top;
77
- }
78
- i.gallery-trash{
79
- background: url("<%=image_path('rademade_admin/icons/ico-gallery-trash.png')%>") no-repeat;
80
- height:19px;
81
- width: 17px;
82
- margin-top: 1px;
83
- *margin-right: .3em;
84
- line-height: 14px;
85
- vertical-align: text-top;
86
- }
87
- i.table-edit{
88
- background: url("<%=image_path('rademade_admin/icons/ico-table-new.png')%>") no-repeat;
89
- width: 14px;
90
- height: 13px;
91
- display: inline-block;
92
- margin-top: 1px;
93
- *margin-right: .3em;
94
- line-height: 14px;
95
- vertical-align: text-top;
96
- }
97
- i.table-settings{
98
- background: url("<%=image_path('rademade_admin/icons/ico-table-edit.png')%>") no-repeat;
99
- width: 16px;
100
- height: 16px;
101
- display: inline-block;
102
- position: relative;
103
- top: 1px;
104
- }
105
- i.table-delete{
106
- background: url("<%=image_path('rademade_admin/icons/ico-table-delete.png')%>") no-repeat;
107
- width: 12px;
108
- height: 12px;
109
- display: inline-block;
110
- margin-top: 1px;
111
- *margin-right: .3em;
112
- line-height: 14px;
113
- vertical-align: text-top;
114
- }
115
-
@@ -1,290 +0,0 @@
1
- /* Main stats up of screen */
2
- #main-stats {
3
- background-color: #fdfdfd;
4
- border-bottom: 1px solid #efeef3;
5
- .stats-row {
6
- box-shadow: inset -1px 0px 5px 2px #f9f9f9;
7
- margin: 0;
8
- }
9
- .stat {
10
- text-align: right;
11
- padding: 25px 0px 30px 0px;
12
- border-right: 1px solid #e8e9ee;
13
- position: relative;
14
- box-shadow: 1px 0px 0px 0px white;
15
-
16
- &.last {
17
- border-right: 0px;
18
- }
19
- .data {
20
- color: #29323a;
21
- text-transform: uppercase;
22
- font-weight: 600;
23
- font-size: 16px;
24
- padding-right: 50px;
25
- .number {
26
- color: #32a0ee;
27
- font-size: 25px;
28
- margin-right: 15px;
29
- }
30
- }
31
- .date {
32
- color: rgb(180, 184, 187);
33
- font-weight: lighter;
34
- font-family: 'Lato', 'Open Sans';
35
- font-style: italic;
36
- font-size: 13px;
37
- position: absolute;
38
- right: 50px;
39
- }
40
- }
41
- }
42
-
43
- .section {
44
- border-top: 1px solid #edeff1;
45
- margin-top: 100px;
46
- padding-top: 45px;
47
- box-shadow: inset 0px 3px 4px -1px #fafafa;
48
- }
49
-
50
-
51
- /* Stats chart */
52
- #statsChart {
53
- height: 250px;
54
- margin-top: 65px;
55
- }
56
-
57
- /* specific chart styles */
58
- .legendLabel {
59
- font-size: 12px;
60
- font-family: "Open Sans", Arial;
61
- color: #9da3a9
62
- }
63
-
64
- /* UI elements section */
65
-
66
- #pad-wrapper .ui-elements {
67
- h4 {
68
- margin-bottom: 35px;
69
- }
70
- .btn-flat {
71
- text-transform: uppercase;
72
- &.icon {
73
- text-transform: none;
74
- i {
75
- margin-right: 3px;
76
- }
77
- }
78
- }
79
- .ui-sliders {
80
- margin-top: 10px;
81
- margin-bottom: 50px;
82
- .ui-slider {
83
- &.slider-sample2,
84
- &.slider-sample3 {
85
- margin-top: 20px;
86
- }
87
- }
88
- }
89
- .ui-group {
90
- margin-top: 35px;
91
- > * {
92
- margin-right: 5px;
93
- margin-bottom: 5px;
94
- }
95
- }
96
- .knobs {
97
- overflow: auto;
98
- }
99
- .knob-wrapper {
100
- float: left;
101
- .knob {
102
- box-shadow: none;
103
- }
104
- .info {
105
- position: relative;
106
- top: -20px;
107
- .param {
108
- color: #9da3a9;
109
- text-align: center;
110
- .line {
111
- background-color: #c4cdd8;
112
- height: 3px;
113
- width: 25px;
114
- display: inline-block;
115
- margin-right: 10px;
116
- &.blue {
117
- background-color: #30a1ec;
118
- }
119
- }
120
- }
121
- }
122
- }
123
- }
124
-
125
-
126
- /* table sample below */
127
- .table-products {
128
- width: 100%;
129
- .filter-block{
130
- margin-bottom: 34px;
131
- .ui-select{
132
- margin-right: 20px;
133
- top: 1px;
134
- height: 24px;
135
- width: 150px;
136
- }
137
- .search {
138
- margin: 0 60px 0 0;
139
- }
140
- .new-product{
141
- padding: 4px 14px;
142
- }
143
- }
144
- .table {
145
- tr.first td {
146
- border-top: 0 none;
147
- }
148
- td {
149
- &.description{
150
- vertical-align: middle;
151
- color: #516372;
152
- }
153
- a {
154
- text-decoration: underline;
155
- margin-top: 6px;
156
- display: inline-block;
157
- }
158
- }
159
- th input[type="checkbox"]{
160
- margin-top: 4px;
161
- }
162
- input[type="checkbox"]{
163
- float: left;
164
- margin-top: 11px;
165
- margin-right: 23px;
166
- }
167
- .img {
168
- height: 31px;
169
- float: left;
170
- background: white;
171
- width: 31px;
172
- border: 1px solid #dfe4eb;
173
- text-align: center;
174
- cursor: pointer;
175
- margin-right: 23px;
176
- img{
177
- margin-top: 4px;
178
- }
179
- }
180
- ul.actions{
181
- margin: 5px 0 0 0;
182
- padding: 0;
183
- float: right;
184
- li {
185
- display: inline;
186
- border-right: 1px solid #d0dde9;
187
- padding: 5px 6px 0px 3px;
188
- &.last{
189
- border: 0 none;
190
- }
191
- }
192
- i {
193
- cursor: pointer;
194
- opacity: 0.6;
195
- transition: opacity .1s linear;
196
- -moz-transition: opacity .1s linear;
197
- -webkit-transition: opacity .1s linear;
198
- -o-transition: opacity .1s linear;
199
-
200
- &:hover{
201
- opacity: 1;
202
- }
203
- }
204
- }
205
- }
206
- .label {
207
- position: relative;
208
- }
209
- .pagination{
210
- float: right;
211
- margin-top: 35px;
212
- }
213
- }
214
-
215
-
216
- /* responsive */
217
-
218
- @media (max-width: 480px) {
219
-
220
- }
221
- @media (max-width: 768px) {
222
- #main-stats {
223
- margin-left: -15px;
224
- margin-right: -15px;
225
- }
226
- #pad-wrapper {
227
- .ui-elements {
228
- .knobs {
229
- text-align: center;
230
- .knob-wrapper {
231
- float: inherit;
232
- }
233
- }
234
- .showcase {
235
- text-align: center;
236
- }
237
- }
238
- .table-products .table {
239
- .img {
240
- display: none;
241
- }
242
- input[type="checkbox"] {
243
- margin-right: 10px;
244
- }
245
- .label {
246
- display: none;
247
- }
248
- }
249
- }
250
- }
251
- @media (min-width: 768px) and (max-width: 979px) {
252
-
253
- }
254
- @media (max-width: 979px) {
255
- #main-stats .stat .data {
256
- padding-right: 17px;
257
- .number {
258
- font-size: 18px;
259
- }
260
- }
261
- #pad-wrapper .knob-wrapper .info {
262
- display: none;
263
- }
264
- .pointer {
265
- top: 5%;
266
- }
267
- .table-products .head {
268
- margin-bottom: 20px;
269
- }
270
- }
271
- @media (min-width: 980px) {
272
- #pad-wrapper .ui-elements .knob-wrapper + .knob-wrapper {
273
- margin-left: 5px;
274
- }
275
- }
276
- @media (min-width: 1200px) {
277
- #pad-wrapper .ui-elements {
278
- .showcase {
279
- width: 53%;
280
- }
281
- .knob-wrapper + .knob-wrapper {
282
- margin-left: 35px;
283
- }
284
- }
285
- }
286
-
287
-
288
-
289
-
290
-
@@ -1,523 +0,0 @@
1
- body {
2
- font-family: 'Open Sans', sans-serif;
3
- background-color: #f7f7f7;
4
- position: absolute;
5
- margin: 0px;
6
- font-size: 12px;
7
- padding: 0px;
8
- width: 100%;
9
- height: 100%;
10
- /*-webkit-font-smoothing: antialiased;*/
11
- }
12
- h1,h2,h3,h4,h5 {
13
- margin: 0;
14
- line-height: inherit;
15
- color: #29323d;
16
-
17
- small {
18
- margin-left: 15px;
19
- font-style: italic;
20
- }
21
- }
22
-
23
- body.menu {
24
- overflow-x: hidden;
25
- .content {
26
- margin-left: 165px;
27
- position: fixed;
28
- width: 850px;
29
- }
30
- #sidebar-nav {
31
- position: absolute;
32
- left: 0;
33
- /*height: 100%;*/
34
- border-right: 0px;
35
- box-shadow: none;
36
- }
37
- }
38
-
39
- input.search{
40
- background: url(<%=image_path('rademade_admin/icons/lens.png')%>) #fcfcfc no-repeat 95%;
41
- box-shadow: none;
42
- height: 25px;
43
- width: 220px;
44
- font-size: 13px;
45
- padding: 2px 6px;
46
- border:1px solid #d0dde9;
47
- margin: 0;
48
- border-radius: 2px;
49
- top: 11px;
50
- }
51
-
52
- .header{
53
- margin-bottom: 60px;
54
- h1, h2, h3, h4, h5 {
55
- float: left;
56
- margin-top: 5px;
57
- }
58
- }
59
-
60
- /* Custom navbar stuff */
61
-
62
- /* search input */
63
- .navbar-inverse {
64
- input.search {
65
- height: 27px;
66
- width: 220px;
67
- padding: 3px 6px;
68
- background: url("<%=image_path('rademade_admin/icons/lens.png')%>") #0f1217 no-repeat 95%;
69
- border: 1px solid #0f1217;
70
- position: relative;
71
- border-radius: 4px;
72
- top: 9px;
73
- color: #000;
74
- font-size: 13px;
75
- margin-right: 40px;
76
- -webkit-transition: all .3s linear;
77
- -moz-transition: all .3s linear;
78
- transition: all .3s linear;
79
- &:focus {
80
- background-color: #fff;
81
- border: 0;
82
- }
83
- }
84
- /* navbar settings and logout icons */
85
- .settings i {
86
- color: #9ba3ad;
87
- font-size: 21px;
88
- }
89
-
90
- /* notification menu with custom dropdowns */
91
- .notification-dropdown {
92
- position: relative;
93
- > a:hover,
94
- > a.active {
95
- background: #254261 !important;
96
- box-shadow: inset 1px 0px 1px 0px rgb(62, 90, 121);
97
- }
98
- i {
99
- font-size: 17px;
100
- color: #9ba3ad;
101
- }
102
- .count {
103
- position: absolute;
104
- top: 1px;
105
- left: 58%;
106
- background: rgb(53, 186, 196);
107
- padding: 0px 5px;
108
- border-radius: 30px;
109
- color: #fff;
110
- line-height: 16px;
111
- z-index: 9999;
112
- text-align: center;
113
- font-size: 11px;
114
- }
115
- }
116
-
117
- /* navbar popup dialog */
118
- .pop-dialog {
119
- position: absolute;
120
- right: -10px;
121
- top: 55px;
122
- display: none;
123
-
124
- &.is-visible {
125
- display: block;
126
- -webkit-animation: reveal .2s ease-out;
127
- -moz-animation: reveal .2s ease-out;
128
- animation: reveal .2s ease-out;
129
- }
130
- .body {
131
- box-shadow: 0px 1px 9px 1px #c2c2c2;
132
- }
133
- .close-icon {
134
- float: right;
135
- text-decoration: none;
136
- z-index: 9999;
137
- position: relative;
138
- }
139
- .footer {
140
- border-top: 1px solid #e6e8e9;
141
- background-color: #eff4f7;
142
- margin: 15px 0px -10px 0px;
143
- border-radius: 0px 0px 5px 5px;
144
- padding: 12px 20px;
145
- text-align: center;
146
- a {
147
- font-weight: 600;
148
- color: #7d91a8;
149
- }
150
- }
151
-
152
- /* navbar popup dialog for notifications */
153
- .notifications {
154
- width: 330px;
155
- margin: 10px -10px 0px -10px;
156
- h3 {
157
- font-size: 13px;
158
- color: #404951;
159
- font-weight: bold;
160
- padding-left: 20px;
161
- margin-top: 5px;
162
- margin-bottom: 15px;
163
- }
164
- .item {
165
- display: block;
166
- padding: 10px 0px 8px 20px;
167
- border-top: 1px solid #e7e8ea;
168
- color: rgb(54, 54, 54);
169
- text-decoration: none;
170
- padding-left: 50px;
171
- position: relative;
172
- transition: all .25s linear;
173
- -moz-transition: all .25s linear;
174
- -webkit-transition: all .25s linear;
175
- -o-transition: all .25s linear;
176
-
177
- &:hover {
178
- background: rgb(240, 246, 255);
179
- }
180
- > i {
181
- color: rgb(252, 130, 123);
182
- position: absolute;
183
- left: 19px;
184
- font-size: 18px;
185
- &.icon-user {
186
- left: 18px;
187
- }
188
- }
189
- .time {
190
- float: right;
191
- color: #82a3c1;
192
- font-style: italic;
193
- font-weight: 600;
194
- font-size: 11px;
195
- min-width: 60px;
196
- margin-right: 5px;
197
- i {
198
- font-size: 13px;
199
- color: #cfcfcf;
200
- margin-right: 1px;
201
- }
202
- }
203
- }
204
- }
205
-
206
- /* navbar popup dialog for messages */
207
- .messages {
208
- width: 325px;
209
- margin: 10px -10px 0px -10px;
210
- .item {
211
- display: block;
212
- padding: 10px 20px 15px 20px;
213
- height: 80px;
214
- border-bottom: 1px solid #e7e8ea;
215
- color: rgb(54, 54, 54);
216
- text-decoration: none;
217
- position: relative;
218
- transition: all .25s linear;
219
- -moz-transition: all .25s linear;
220
- -webkit-transition: all .25s linear;
221
- -o-transition: all .25s linear;
222
-
223
- &.last {
224
- border-bottom: 0px;
225
- }
226
- &:hover {
227
- background: rgb(240, 246, 255);
228
- }
229
- .display {
230
- float: left;
231
- border-radius: 50px;
232
- margin-right: 15px;
233
- }
234
- .name {
235
- font-size: 12px;
236
- color: #404951;
237
- font-weight: bold;
238
- }
239
- .msg {
240
- font-size: 11px;
241
- color: rgb(99, 99, 99);
242
- line-height: 13px;
243
- position: relative;
244
- top: 2px;
245
- }
246
- .time {
247
- position: absolute;
248
- right: 0px;
249
- bottom: 6px;
250
- color: #82a3c1;
251
- font-style: italic;
252
- font-weight: 600;
253
- font-size: 11px;
254
- min-width: 60px;
255
- margin-right: 5px;
256
- i {
257
- font-size: 13px;
258
- color: #cfcfcf;
259
- margin-right: 1px;
260
- }
261
- }
262
- }
263
- .footer {
264
- margin-top: 6px;
265
- }
266
- }
267
- }
268
- }
269
-
270
-
271
-
272
- /* Sidebar */
273
- #sidebar-nav {
274
- position: absolute;
275
- width: 180px;
276
- float: left;
277
- margin: 0em;
278
-
279
- #dashboard-menu {
280
- list-style: none;
281
- padding-right: 15px;
282
- padding-left: 15px;
283
- margin-bottom: 0;
284
- margin-left: 20px;
285
-
286
- > li > a {
287
- display: block;
288
- padding: 19px 14px 15px 14px;
289
- margin-left: -15px;
290
- margin-bottom: 5px;
291
- border-bottom: 1px solid #dae1e8;
292
- box-shadow: 0 2px 1px -1px #FFFFFF;
293
- color: rgb(110, 130, 155);
294
- outline: 0px;
295
- line-height: 21px;
296
- }
297
- > li {
298
- position: relative;
299
- /* font awesome icon */
300
- .icon-group {
301
- font-size: 22px;
302
- }
303
- i {
304
- font-size: 23px;
305
- top: 17px;
306
- }
307
- &:hover i{
308
- opacity: 1;
309
- }
310
- &.active > a,
311
- > a:hover {
312
- color: rgba(51, 69, 90, 1);
313
- text-decoration: none;
314
- }
315
- &.active {
316
- a {
317
- font-weight: 600;
318
- text-shadow: 1px 1px 1px #fff;
319
- }
320
- i {
321
- opacity: 1;
322
- }
323
- }
324
- }
325
- .pointer {
326
- position: absolute;
327
- right: 9px;
328
- top: 20px;
329
- .arrow,
330
- .arrow_border {
331
- border-color: transparent #fff transparent transparent;
332
- border-width: 11px;
333
- border-style: solid;
334
- font-size: 0;
335
- left: 50%;
336
- line-height: 0;
337
- margin: 0 auto;
338
- position: absolute;
339
- top: 0;
340
- width: 0;
341
- z-index: 1002;
342
- left: 0;
343
- margin-left: 45%;
344
- }
345
- .arrow_border {
346
- border-color: transparent rgb(192, 210, 221) transparent transparent;
347
- border-width: 11px;
348
- margin-left: -1px;
349
- border-style: solid;
350
- z-index: 1001;
351
- top: 0px;
352
- }
353
- }
354
- a {
355
- span {
356
- margin-left: 35px;
357
- transition: color .1s linear;
358
- -moz-transition: color .1s linear;
359
- -webkit-transition: color .1s linear;
360
- -o-transition: color .1s linear;
361
- }
362
- &.ui-elements span {
363
- margin-left: 25px;
364
- }
365
- i {
366
- position: absolute;
367
- left: 0;
368
- height: 24px;
369
- width: 24px;
370
- opacity: 0.7;
371
- transition: opacity .1s ease;
372
- -moz-transition: opacity .1s ease;
373
- -webkit-transition: opacity .1s ease;
374
- -o-transition: opacity .1s ease;
375
-
376
- &.fa-chevron-down {
377
- position: relative;
378
- float: right;
379
- top: 5px;
380
- font-size: 11px;
381
- color: rgb(104, 104, 104);
382
- width: initial;
383
- height: initial;
384
- }
385
- }
386
- }
387
-
388
- /* sidebar submenus */
389
- > li.active,
390
- > li.open {
391
- .dropdown-toggle {
392
- border-bottom: 0px;
393
- box-shadow: none;
394
- }
395
- ul.submenu {
396
- display: block;
397
- }
398
- }
399
- ul.submenu {
400
- list-style-type: none;
401
- display: none;
402
- margin-top: 7px;
403
- margin-bottom: 15px;
404
- margin-right: 5px;
405
- margin-left: -15px;
406
- padding-left: 15px;
407
- border-bottom: 1px solid #dae1e8;
408
- box-shadow: 0 2px 1px -1px #FFFFFF;
409
- padding-bottom: 10px;
410
- &.active {
411
- display: block;
412
- }
413
- a {
414
- font-weight: normal;
415
- font-size: 13px;
416
- color: rgb(76, 83, 90);
417
- text-decoration: none;
418
- display: block;
419
- margin-bottom: 7px;
420
- &:hover {
421
- text-decoration: underline;
422
- }
423
- &.active {
424
- font-weight: bold;
425
- text-shadow: none;
426
- }
427
- }
428
- }
429
- }
430
- }
431
-
432
-
433
-
434
- #pad-wrapper {
435
- padding: 0px 50px;
436
- margin-top: 30px;
437
- h4 {
438
- color: #696d73;
439
- font-style: italic;
440
- }
441
- .head {
442
- margin-top: 15px;
443
- }
444
- }
445
-
446
- .content {
447
- min-width: 400px;
448
- min-height: 620px;
449
- margin-bottom: 20px;
450
- padding-bottom: 50px;
451
- overflow: hidden;
452
- position: relative;
453
- background: #fff;
454
- margin-left: 177px;
455
- border-left: 1px solid #dae3e9;
456
- border-bottom: 1px solid #dae3e9;
457
- box-shadow: -3px 3px 3px -2px #f1f1f3;
458
- border-radius: 5px 0px 0px 5px;
459
-
460
- &.wide-content {
461
- margin-left: 0;
462
- border-radius: 0;
463
- }
464
- }
465
-
466
-
467
-
468
- /* responsive */
469
- @media (max-width: 1020px) {
470
- }
471
- @media (max-width: 768px) {
472
- #pad-wrapper {
473
- padding: 0px 15px;
474
- }
475
- .content {
476
- min-width: 0px;
477
- margin:0;
478
-
479
- -webkit-transition: margin-left .3s ease;
480
- -moz-transition: margin-left .3s ease;
481
- -o-transition: margin-left .3s ease;
482
- -ms-transition: margin-left .3s ease;
483
- transition: margin-left .3s ease;
484
- }
485
- #dashboard-menu .pointer {
486
- display: none;
487
- }
488
- #sidebar-nav {
489
- left: -200px;
490
- position: fixed;
491
- z-index: 9999;
492
- background-color: #f7f7f7;
493
- padding-top: 0px;
494
- border-right: 1px solid #ccc;
495
- width: 165px;
496
- box-shadow: 1px 1px 4px 1px rgb(233, 233, 233);
497
-
498
- -webkit-transition: left .3s ease;
499
- -moz-transition: left .3s ease;
500
- -o-transition: left .3s ease;
501
- -ms-transition: left .3s ease;
502
- transition: left .3s ease;
503
- }
504
- #sidebar-nav #dashboard-menu {
505
- margin-left: 10px;
506
- }
507
- #sidebar-nav #dashboard-menu li a span {
508
- visibility: visible;
509
- }
510
- #sidebar-nav #dashboard-menu li:last-child a {
511
- border-bottom: 0px;
512
- box-shadow: none;
513
- }
514
- }
515
- @media (max-width: 822px) {
516
- .navbar-inverse input.search {display: none;}
517
- }
518
- @media (max-width: 767px) {
519
- #main-stats .stat{
520
- width: 50%;
521
- float: left;
522
- }
523
- }