adminpanel 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (143) hide show
  1. data/.gitignore +17 -0
  2. data/Gemfile +13 -0
  3. data/LICENSE.txt +22 -0
  4. data/README.md +34 -0
  5. data/Rakefile +1 -0
  6. data/adminpanel.gemspec +32 -0
  7. data/app/assets/fonts/.DS_Store +0 -0
  8. data/app/assets/fonts/FontAwesome.otf +0 -0
  9. data/app/assets/fonts/fontawesome-webfont.eot +0 -0
  10. data/app/assets/fonts/fontawesome-webfont.svg +255 -0
  11. data/app/assets/fonts/fontawesome-webfont.ttf +0 -0
  12. data/app/assets/fonts/fontawesome-webfont.woff +0 -0
  13. data/app/assets/images/adminpanel/alpha.png +0 -0
  14. data/app/assets/images/adminpanel/arrows-active.png +0 -0
  15. data/app/assets/images/adminpanel/arrows-normal.png +0 -0
  16. data/app/assets/images/adminpanel/bgnoise.png +0 -0
  17. data/app/assets/images/adminpanel/crop.gif +0 -0
  18. data/app/assets/images/adminpanel/dialogs.png +0 -0
  19. data/app/assets/images/adminpanel/dotted.png +0 -0
  20. data/app/assets/images/adminpanel/favicon.ico +0 -0
  21. data/app/assets/images/adminpanel/glyphicons-halflings-white.png +0 -0
  22. data/app/assets/images/adminpanel/glyphicons-halflings.png +0 -0
  23. data/app/assets/images/adminpanel/gritter-light.png +0 -0
  24. data/app/assets/images/adminpanel/gritter-long.png +0 -0
  25. data/app/assets/images/adminpanel/gritter.png +0 -0
  26. data/app/assets/images/adminpanel/hue.png +0 -0
  27. data/app/assets/images/adminpanel/icons-big.png +0 -0
  28. data/app/assets/images/adminpanel/icons-small.png +0 -0
  29. data/app/assets/images/adminpanel/ie-spacer.gif +0 -0
  30. data/app/assets/images/adminpanel/odinn.jpg +0 -0
  31. data/app/assets/images/adminpanel/pattern.jpg +0 -0
  32. data/app/assets/images/adminpanel/pattern_transp.png +0 -0
  33. data/app/assets/images/adminpanel/progress.gif +0 -0
  34. data/app/assets/images/adminpanel/quicklook-bg.png +0 -0
  35. data/app/assets/images/adminpanel/quicklook-icons.png +0 -0
  36. data/app/assets/images/adminpanel/rails.png +0 -0
  37. data/app/assets/images/adminpanel/resize.png +0 -0
  38. data/app/assets/images/adminpanel/saturation.png +0 -0
  39. data/app/assets/images/adminpanel/select2.png +0 -0
  40. data/app/assets/images/adminpanel/select2x2.png +0 -0
  41. data/app/assets/images/adminpanel/sidebar.png +0 -0
  42. data/app/assets/images/adminpanel/sort_asc.png +0 -0
  43. data/app/assets/images/adminpanel/sort_asc_disabled.png +0 -0
  44. data/app/assets/images/adminpanel/sort_both.png +0 -0
  45. data/app/assets/images/adminpanel/sort_desc.png +0 -0
  46. data/app/assets/images/adminpanel/sort_desc_disabled.png +0 -0
  47. data/app/assets/images/adminpanel/spinner-mini.gif +0 -0
  48. data/app/assets/images/adminpanel/spinner.gif +0 -0
  49. data/app/assets/images/adminpanel/toolbar.png +0 -0
  50. data/app/assets/javascripts/adminpanel/bootstrap-datepicker.js +1159 -0
  51. data/app/assets/javascripts/adminpanel/bootstrap-timepicker.js +803 -0
  52. data/app/assets/javascripts/adminpanel/bootstrap.js +2170 -0
  53. data/app/assets/javascripts/adminpanel/imagesloaded.js +13 -0
  54. data/app/assets/javascripts/adminpanel/init_editor.js +28 -0
  55. data/app/assets/javascripts/adminpanel/jquery.dataTables.min.js +155 -0
  56. data/app/assets/javascripts/adminpanel/jquery.facybox.js +395 -0
  57. data/app/assets/javascripts/adminpanel/jquery.masonry.min.js +10 -0
  58. data/app/assets/javascripts/adminpanel/jquery.slimscroll.min.js +14 -0
  59. data/app/assets/javascripts/adminpanel/medium-editor.js +703 -0
  60. data/app/assets/javascripts/adminpanel/products.js +14 -0
  61. data/app/assets/javascripts/adminpanel/realm.js +90 -0
  62. data/app/assets/javascripts/adminpanel/tables.js +126 -0
  63. data/app/assets/javascripts/application-admin.js +16 -0
  64. data/app/assets/stylesheets/adminpanel/_clearfix.css.scss +8 -0
  65. data/app/assets/stylesheets/adminpanel/alertify.css +242 -0
  66. data/app/assets/stylesheets/adminpanel/bootstrap.css +6103 -0
  67. data/app/assets/stylesheets/adminpanel/colorpicker.css +7 -0
  68. data/app/assets/stylesheets/adminpanel/datepicker.css +9 -0
  69. data/app/assets/stylesheets/adminpanel/elfinder.min.css +59 -0
  70. data/app/assets/stylesheets/adminpanel/facybox.css +146 -0
  71. data/app/assets/stylesheets/adminpanel/font-awesome.min.css +34 -0
  72. data/app/assets/stylesheets/adminpanel/fullcalendar.css +618 -0
  73. data/app/assets/stylesheets/adminpanel/fullcalendar.print.css +61 -0
  74. data/app/assets/stylesheets/adminpanel/medium-editor.css.scss +1 -0
  75. data/app/assets/stylesheets/adminpanel/select2.css +524 -0
  76. data/app/assets/stylesheets/adminpanel/theme.css +1563 -0
  77. data/app/assets/stylesheets/adminpanel/timepicker.css +82 -0
  78. data/app/assets/stylesheets/application-admin.css +14 -0
  79. data/app/controllers/adminpanel/application_controller.rb +18 -0
  80. data/app/controllers/adminpanel/categories_controller.rb +41 -0
  81. data/app/controllers/adminpanel/galleries_controller.rb +45 -0
  82. data/app/controllers/adminpanel/products_controller.rb +87 -0
  83. data/app/controllers/adminpanel/sections_controller.rb +46 -0
  84. data/app/controllers/adminpanel/sessions_controller.rb +26 -0
  85. data/app/controllers/adminpanel/users_controller.rb +85 -0
  86. data/app/helpers/adminpanel/application_helper.rb +73 -0
  87. data/app/helpers/custom_form_builder.rb +219 -0
  88. data/app/models/adminpanel/category.rb +7 -0
  89. data/app/models/adminpanel/contact.rb +25 -0
  90. data/app/models/adminpanel/gallery.rb +10 -0
  91. data/app/models/adminpanel/image.rb +6 -0
  92. data/app/models/adminpanel/product.rb +24 -0
  93. data/app/models/adminpanel/section.rb +16 -0
  94. data/app/models/adminpanel/user.rb +35 -0
  95. data/app/uploaders/adminpanel/gallery_uploader.rb +56 -0
  96. data/app/uploaders/adminpanel/image_uploader.rb +63 -0
  97. data/app/uploaders/adminpanel/section_uploader.rb +56 -0
  98. data/app/views/adminpanel/.DS_Store +0 -0
  99. data/app/views/adminpanel/categories/edit.html.erb +18 -0
  100. data/app/views/adminpanel/categories/index.html.erb +55 -0
  101. data/app/views/adminpanel/categories/new.html.erb +18 -0
  102. data/app/views/adminpanel/categories/show.html.erb +0 -0
  103. data/app/views/adminpanel/galleries/create.html.erb +2 -0
  104. data/app/views/adminpanel/galleries/delete.html.erb +2 -0
  105. data/app/views/adminpanel/galleries/edit.html.erb +26 -0
  106. data/app/views/adminpanel/galleries/index.html.erb +60 -0
  107. data/app/views/adminpanel/galleries/new.html.erb +18 -0
  108. data/app/views/adminpanel/galleries/show.html.erb +18 -0
  109. data/app/views/adminpanel/galleries/update.html.erb +2 -0
  110. data/app/views/adminpanel/products/.DS_Store +0 -0
  111. data/app/views/adminpanel/products/_image_fields.html.erb +24 -0
  112. data/app/views/adminpanel/products/_product_form.html.erb +31 -0
  113. data/app/views/adminpanel/products/edit.html.erb +10 -0
  114. data/app/views/adminpanel/products/index.html.erb +57 -0
  115. data/app/views/adminpanel/products/new.html.erb +10 -0
  116. data/app/views/adminpanel/products/show.html.erb +61 -0
  117. data/app/views/adminpanel/sections/_image_fields.html.erb +24 -0
  118. data/app/views/adminpanel/sections/create.html.erb +2 -0
  119. data/app/views/adminpanel/sections/destroy.html.erb +2 -0
  120. data/app/views/adminpanel/sections/edit.html.erb +40 -0
  121. data/app/views/adminpanel/sections/index.html.erb +38 -0
  122. data/app/views/adminpanel/sections/new.html.erb +27 -0
  123. data/app/views/adminpanel/sections/show.html.erb +28 -0
  124. data/app/views/adminpanel/sections/update.html.erb +2 -0
  125. data/app/views/adminpanel/sessions/new.html.erb +26 -0
  126. data/app/views/adminpanel/users/_form.html.erb +33 -0
  127. data/app/views/adminpanel/users/edit.html.erb +22 -0
  128. data/app/views/adminpanel/users/index.html.erb +55 -0
  129. data/app/views/adminpanel/users/new.html.erb +22 -0
  130. data/app/views/adminpanel/users/show.html.erb +21 -0
  131. data/app/views/layouts/_shim.html.erb +4 -0
  132. data/app/views/layouts/_side_menu.html.erb +45 -0
  133. data/app/views/layouts/_top_bar.html.erb +43 -0
  134. data/app/views/layouts/admin.html.erb +45 -0
  135. data/app/views/shared/_breadcrumb.html.erb +6 -0
  136. data/app/views/shared/_error_messages.html.erb +17 -0
  137. data/config/locales/en.yml +5 -0
  138. data/config/locales/es.yml +202 -0
  139. data/config/routes.rb +11 -0
  140. data/lib/adminpanel.rb +8 -0
  141. data/lib/adminpanel/engine.rb +5 -0
  142. data/lib/adminpanel/version.rb +3 -0
  143. metadata +349 -0
@@ -0,0 +1,1563 @@
1
+ /*------- RESPONSIVE -------*/
2
+
3
+ *{
4
+ -webkit-box-sizing: border-box;
5
+ -moz-box-sizing: border-box;
6
+ box-sizing: border-box;
7
+ }
8
+ html, body{
9
+ height: auto !important;
10
+ min-height: 100%;
11
+ }
12
+ body{
13
+ padding-top: 45px;
14
+ font-family: 'Open Sans', sans-serif;
15
+ background-image: url("dotted.png");
16
+ overflow-x: hidden;
17
+ }
18
+ h2{
19
+ text-shadow:1px 1px 1px #FFFFFF;
20
+ }
21
+ a {
22
+ color: #26AEF2;
23
+ }
24
+ a:focus{
25
+ outline: none;
26
+ }
27
+ form{
28
+ margin: 0;
29
+ }
30
+ input.focused{
31
+ border-color: rgba(82, 168, 236, 0.8);
32
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6);
33
+ outline: 0 none;
34
+ position: relative;
35
+ z-index: 2;
36
+ }
37
+ input.error, input.error:focus{
38
+ border-color: rgba(226, 119, 90, 0.6);
39
+ outline: 0 none;
40
+ position: relative;
41
+ z-index: 2;
42
+ }
43
+ input.error:focus{
44
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(226, 119, 90, 0.6);
45
+ }
46
+ input.warning, input.warning:focus{
47
+ border-color: rgba(244, 183, 112, 0.6);
48
+ outline: 0 none;
49
+ position: relative;
50
+ z-index: 2;
51
+ }
52
+ input.warning:focus{
53
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(244, 183, 112, 0.6);
54
+
55
+ }
56
+ input.success, input.success:focus{
57
+ border-color: rgba(97, 204, 40, 0.6);
58
+ outline: 0 none;
59
+ position: relative;
60
+ z-index: 2;
61
+ }
62
+ input.success:focus{
63
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(97, 204, 40, 0.6);
64
+
65
+ }
66
+ input.knob{
67
+ display: none;
68
+ }
69
+ .pad15{
70
+ padding: 15px;
71
+ }
72
+ .form-actions{
73
+ margin-bottom: 0;
74
+ }
75
+ .breadcrumb {
76
+ background: none repeat scroll 0 0 transparent;
77
+ margin: 0;
78
+ padding: 8px 0;
79
+ }
80
+ .breadcrumb > li{
81
+ text-shadow: none;
82
+ }
83
+ .heading{
84
+ border-bottom: 1px solid #EBEBEB;
85
+ margin: 0;
86
+ padding: 0 0 15px;
87
+ font-weight: normal;
88
+ }
89
+ .heading > a.btn{
90
+ font-weight: normal;
91
+ margin: 5px 0 0;
92
+ }
93
+ .box{
94
+ background-color: #FFFFFF;
95
+ border: 1px solid #DDDDDD;
96
+ -moz-border-radius: 3px 3px 3px 3px;
97
+ -webkit-border-radius: 3px 3px 3px 3px;
98
+ border-radius: 3px 3px 3px 3px;
99
+ }
100
+ .container-narrow{
101
+ width: 95%;
102
+ max-width: 360px;
103
+ margin: 5% auto;
104
+ }
105
+ .divider hr{
106
+ margin: 18px 0;
107
+ width: 40%;
108
+ }
109
+ .divider {
110
+ color: #656564;
111
+ font-size: 18px;
112
+ line-height: 30px;
113
+ text-align: center;
114
+ margin: 10px 0 15px;
115
+ }
116
+ .avatar-20{
117
+ width:20px;
118
+ height:20px;
119
+ }
120
+ .avatar-50{
121
+ width:50px;
122
+ height:50px;
123
+ }
124
+ .inlinesparkline{
125
+ color: #FFFFFF;
126
+ }
127
+ /* bootstrap-time-picker fix*/
128
+ .bootstrap-timepicker table td input{
129
+ padding:2px;
130
+ font-size:11px;
131
+ }
132
+ /* fix for box-sizing */
133
+ select,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {
134
+ height: 30px;
135
+ }
136
+ .input-append .add-on, .input-prepend .add-on{
137
+ height:30px;
138
+ width: 30px;
139
+ }
140
+ select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
141
+ border-radius:1px;
142
+ }
143
+ .input-append .add-on, .input-prepend .add-on{
144
+ width:30px;
145
+ height:30px;
146
+ }
147
+ /*tabs*/
148
+ .widget-header .nav.nav-tabs {
149
+ margin: 0;
150
+ border: medium none;
151
+ float: left;
152
+ }
153
+ .widget-header .nav-tabs > li{
154
+ margin: 0;
155
+ }
156
+ .widget-header .nav.nav-tabs li > a{
157
+ border: medium none;
158
+ -moz-border-radius: 0 0 0 0;
159
+ -webkit-border-radius: 0 0 0 0;
160
+ border-radius: 0 0 0 0;
161
+ font-size: 15px;
162
+ position: relative;
163
+ background: transparent;
164
+ line-height: 33px;
165
+ }
166
+ .widget-header .nav.nav-tabs li > a i{
167
+ margin-right: 5px;
168
+ }
169
+ .widget-header .nav.nav-tabs li > a:hover{
170
+ background: none repeat scroll 0 0 transparent;
171
+ border: medium none;
172
+ color: #444444;
173
+ }
174
+ .widget-header .nav-tabs > .active > a:after {
175
+ border-color: transparent transparent #FFFFFF;
176
+ border-style: solid;
177
+ border-width: 8px;
178
+ bottom: -1px;
179
+ content: "";
180
+ height: 0;
181
+ left: 50%;
182
+ margin: 0 -4px;
183
+ position: absolute;
184
+ width: 0;
185
+ }
186
+ /*buttons*/
187
+ .navbar .btn.btn-navbar{
188
+ background: #E28271;
189
+ margin: 7px 5px 7px 0;
190
+ }
191
+ .btn-circle{
192
+ border-radius:50px;
193
+ width:20px;
194
+ height:20px;
195
+ padding:0;
196
+ }
197
+ /* gallery */
198
+ .gallery-item {
199
+ display: inline-block;
200
+ margin-bottom: 6px;
201
+ vertical-align: top;
202
+ }
203
+ /* top menu notifications/messages */
204
+ .top-menu .popover.bottom .arrow:after {
205
+ border-bottom-color: #F7F7F7;
206
+ }
207
+ .top-menu .popover{
208
+ width:300px;
209
+ }
210
+ .top-menu .popover-content{
211
+ padding:0;
212
+ }
213
+ .top-menu .popover-content ul{
214
+ width: 100%;
215
+ }
216
+ .top-menu .popover-content li:hover{
217
+ background-color:#fafafa;
218
+ }
219
+ .top-menu .popover-content li{
220
+ display:block;
221
+ border-bottom:1px solid #DDD;
222
+ line-height: 18px;
223
+ width:100%;
224
+ }
225
+ .top-menu .popover-content li:last-child{
226
+ border-bottom: none;
227
+ }
228
+ .top-menu .popover-content li a{
229
+ padding: 7px 5px 7px 45px;
230
+ font-size: 11px;
231
+ display: block;
232
+ color: #333;
233
+ line-height: 15px;
234
+ text-decoration: none;
235
+ }
236
+ .top-menu .popover-content li a h4{
237
+ display: block;
238
+ font-size:12px;
239
+ font-weight:bold;
240
+ margin:0;
241
+ }
242
+ .top-menu .popover-content li a span{
243
+ display: block;
244
+ font-size:10px;
245
+ color: #A8A8A8;
246
+ float:right;
247
+ }
248
+ .top-menu .popover-content li a img{
249
+ height: 35px;
250
+ left: 5px;
251
+ position: absolute;
252
+ width: 35px;
253
+ }
254
+ .top-menu .popover-content .popover_footer a{
255
+ background: none repeat scroll 0 0 #F7F7F7;
256
+ border-top: 1px solid #EBEBEB;
257
+ color: #444444;
258
+ display: block;
259
+ font-size: 12px;
260
+ padding: 3px 0;
261
+ text-align: center;
262
+ text-decoration: none;
263
+ }
264
+ .top-menu .popover-content .popover_footer a:hover{
265
+ background: none repeat scroll 0 0 #EDEDED;
266
+ }
267
+ /* hide bubble if the data attribute value is 0 */
268
+ .top-menu li a[data-notification="0"]:after {
269
+ display: none;
270
+ }
271
+ .top-menu li a[data-notification]:after {
272
+ background-image: linear-gradient(bottom, rgb(199,24,33) 0%, rgb(245,71,71) 100%);
273
+ background-image: -o-linear-gradient(bottom, rgb(199,24,33) 0%, rgb(245,71,71) 100%);
274
+ background-image: -moz-linear-gradient(bottom, rgb(199,24,33) 0%, rgb(245,71,71) 100%);
275
+ background-image: -webkit-linear-gradient(bottom, rgb(199,24,33) 0%, rgb(245,71,71) 100%);
276
+ background-image: -ms-linear-gradient(bottom, rgb(199,24,33) 0%, rgb(245,71,71) 100%);
277
+ background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(199,24,33)),color-stop(1, rgb(245,71,71)));
278
+ border: 1px solid #751616;
279
+ border-radius: 4px 4px 4px 4px;
280
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
281
+ color: #FFFFFF;
282
+ content: attr(data-notification);
283
+ font-size: 11px;
284
+ font-weight: bold;
285
+ min-width: 10px;
286
+ padding: 2px 3px;
287
+ position: absolute;
288
+ right: 1px;
289
+ text-align: center;
290
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
291
+ top: 2px;
292
+ line-height: 13px;
293
+ }
294
+ /* dataTables - Dynamic table */
295
+ table.table thead .sorting,
296
+ table.table thead .sorting_asc,
297
+ table.table thead .sorting_desc,
298
+ table.table thead .sorting_asc_disabled,
299
+ table.table thead .sorting_desc_disabled {
300
+ cursor: pointer;
301
+ *cursor: hand;
302
+ }
303
+ table.table thead .sorting { background: url('sort_both.png') no-repeat center right; }
304
+ table.table thead .sorting_asc { background: url('sort_asc.png') no-repeat center right; }
305
+ table.table thead .sorting_desc { background: url('sort_desc.png') no-repeat center right; }
306
+
307
+ table.table thead .sorting_asc_disabled { background: url('sort_asc_disabled.png') no-repeat center right; }
308
+ table.table thead .sorting_desc_disabled { background: url('sort_desc_disabled.png') no-repeat center right; }
309
+ .dataTables_filter{
310
+ text-align: right;
311
+ }
312
+ /* gritter notifications */
313
+ #gritter-notice-wrapper {
314
+ position:fixed;
315
+ top:55px;
316
+ right:20px;
317
+ width:301px;
318
+ z-index:9999;
319
+ }
320
+ #gritter-notice-wrapper.top-left {
321
+ left: 20px;
322
+ right: auto;
323
+ }
324
+ #gritter-notice-wrapper.bottom-right {
325
+ top: auto;
326
+ left: auto;
327
+ bottom: 20px;
328
+ right: 20px;
329
+ }
330
+ #gritter-notice-wrapper.bottom-left {
331
+ top: auto;
332
+ right: auto;
333
+ bottom: 20px;
334
+ left: 20px;
335
+ }
336
+ .gritter-item-wrapper {
337
+ position:relative;
338
+ margin:0 0 10px 0;
339
+ }
340
+ .gritter-top {
341
+ display: none;
342
+ }
343
+ .gritter-bottom {
344
+ display: none;
345
+ }
346
+ .gritter-item {
347
+ display:block;
348
+ /*background:url('assets/img/gritter.png') no-repeat left -40px;*/
349
+ background:#292A2F;
350
+ color:#fff;
351
+ padding:8px 11px;
352
+ font-size: 11px;
353
+ }
354
+ .hover .gritter-item {
355
+ background-position:right -40px;
356
+ }
357
+ .gritter-item p {
358
+ padding:0;
359
+ margin:0;
360
+ word-wrap:break-word;
361
+ }
362
+ .gritter-item a {
363
+ color: #26AEF2!important;
364
+ }
365
+ .gritter-close {
366
+ cursor: pointer;
367
+ display: block !important;
368
+ height: 30px;
369
+ position: absolute;
370
+ right: 3px;
371
+ text-align: right;
372
+ top: 0;
373
+ width: 30px;
374
+ }
375
+ .gritter-close:before {
376
+ content:"\f00d";
377
+ font-size: 20px;
378
+ }
379
+ .gritter-close:hover:before {
380
+ color: #eee;
381
+ }
382
+ .gritter-title {
383
+ font-size:14px;
384
+ font-weight:bold;
385
+ padding:0 0 7px 0;
386
+ display:block;
387
+ text-shadow:1px 1px 0 #000; /* Not supported by IE :( */
388
+ }
389
+ .gritter-image {
390
+ width:48px;
391
+ height:48px;
392
+ float:left;
393
+ }
394
+ .gritter-with-image,
395
+ .gritter-without-image {
396
+ padding:0;
397
+ }
398
+ .gritter-with-image {
399
+ width:220px;
400
+ float:right;
401
+ }
402
+ /* for the light (white) version of the gritter notice */
403
+ .gritter-light .gritter-item,
404
+ .gritter-light .gritter-bottom,
405
+ .gritter-light .gritter-top {
406
+ background: #F4F4F4;
407
+ color: #333;
408
+ border: 1px solid #D8D8D8;
409
+
410
+ }
411
+ .gritter-light .gritter-close:before {
412
+ color: #222;
413
+ }
414
+ .gritter-light .gritter-close:hover:before {
415
+ color: #666;
416
+ }
417
+ .gritter-light .gritter-title {
418
+ text-shadow: none;
419
+ }
420
+
421
+ /* user side */
422
+ .user_side{
423
+ padding: 15px 15px;
424
+ margin: 0;
425
+ background-color: #3D3E43;
426
+ }
427
+ .user_side img{
428
+ float:left;
429
+ width:50px;
430
+ height:50px;
431
+ -moz-border-radius:150px;
432
+ -webkit-border-radius:150px;
433
+ border-radius:150px;
434
+ margin: 0 15px 0 0;
435
+ }
436
+ .user_side h5{
437
+ color: #E28271;
438
+ line-height: 16px;
439
+ margin: 8px 0 0;
440
+ }
441
+ .user_side a{
442
+ color:#FFFFFF;
443
+ font-size: 11px;
444
+ }
445
+ /* dashboard */
446
+ .overview_boxes {
447
+ text-align: center;
448
+ margin-top: 15px;
449
+ min-height: 208px;
450
+ }
451
+ .overview_boxes .box_row{
452
+ display: none;
453
+ }
454
+ .overview_boxes .box_row > div{
455
+ float: left;
456
+ margin: 0 30px 15px 0;
457
+ text-align: center;
458
+ }
459
+ .overview_boxes .box_row:last-child > div:last-child{
460
+ margin-right:0;
461
+ }
462
+ .overview_boxes .userstats.clearfix {
463
+ margin: 0;
464
+ }
465
+ .box_row {
466
+ display: inline-block;
467
+ }
468
+ .overview_boxes h2{
469
+ color: #333;
470
+ font-size: 26px;
471
+ line-height: 30px;
472
+ margin: 5px 0 0;
473
+ }
474
+ .overview_boxes p{
475
+ color: #888;
476
+ font-size:14px;
477
+ margin: 0;
478
+ }
479
+ .overview_boxes .widget-tasks-statistics{
480
+ margin-left:15px;
481
+ }
482
+ .circle i{
483
+ color: #333333;
484
+ display: block;
485
+ font-size: 60px;
486
+ height: 120px;
487
+ line-height: 120px;
488
+ width: 120px;
489
+ }
490
+ .circle{
491
+ background-color: #FFFFFF;
492
+ border-radius: 120px;
493
+ display: inline-block;
494
+ border: 1px solid #ccc;
495
+ }
496
+ /* Navbar */
497
+ .navbar-fixed-top .navbar-inner{
498
+ height: 45px;
499
+ background: #292A2F;
500
+ border: none;
501
+ }
502
+ .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner{
503
+ box-shadow: none;
504
+ padding-right: 30px;
505
+ }
506
+ .logo {
507
+ float: left;
508
+ padding: 9px 0 0;
509
+ }
510
+ .container-fluid {
511
+ padding: 0;
512
+ position: relative;
513
+ }
514
+ #wrap {
515
+ height: auto !important;
516
+ min-height: 100%;
517
+ }
518
+ .main_container{
519
+ padding: 0 25px 25px;
520
+ position: relative;
521
+ }
522
+ .main_container > .row-fluid{
523
+ margin-bottom:25px;
524
+ }
525
+ /* ----------- wizard ----------- */
526
+ .widget-footer .wizard{
527
+ margin: 0;
528
+ list-style: none;
529
+ }
530
+ .widget-footer .wizard .next > a{
531
+ float: right;
532
+ margin-left: 10px;
533
+ }
534
+ .widget-footer .wizard .previous > a{
535
+ float: left;
536
+ margin-right: 10px;
537
+ }
538
+
539
+ /* ----------- top menu ----------- */
540
+
541
+ .top-menu ul{
542
+ list-style: none;
543
+ margin: 0;
544
+ }
545
+ .top-menu > ul > li{
546
+ float: left;
547
+ }
548
+ .top-menu > ul > li > a{
549
+ color: #fff;
550
+ display: block;
551
+ font-size: 16px;
552
+ line-height: 20px;
553
+ padding: 10px 15px;
554
+ text-decoration: none;
555
+ position: relative;
556
+ }
557
+
558
+ /* ----------- Side menu ----------- */
559
+ .b_F79999:hover, .b_F79999.active{
560
+ border-left: 2px solid #F79999;
561
+ }
562
+ .b_C3F7A7:hover, .b_C3F7A7.active{
563
+ border-left: 2px solid #C3F7A7;
564
+ }
565
+ .b_9FDDF6:hover, .b_9FDDF6.active{
566
+ border-left: 2px solid #9FDDF6;
567
+ }
568
+ .b_F6F1A2:hover, .b_F6F1A2.active{
569
+ border-left: 2px solid #F6F1A2;
570
+ }
571
+ .b_C1F8A9:hover, .b_C1F8A9.active{
572
+ border-left: 2px solid #C1F8A9;
573
+ }
574
+ .b_9FDDF6:hover, .b_9FDDF6.active{
575
+ border-left: 2px solid #9FDDF6;
576
+ }
577
+ .b_F5C294:hover, .b_F5C294.active{
578
+ border-left: 2px solid #F5C294;
579
+ }
580
+ .accordion-heading{
581
+ background: #292A2F;
582
+ }
583
+ .accordion-heading a{
584
+ border-left: 2px solid #292A2F;
585
+ border-bottom: 1px dashed #313131;
586
+ }
587
+ .accordion-group a{
588
+ display: block;
589
+ padding: 8px 15px;
590
+ color: #FFFFFF;
591
+ text-decoration: none;
592
+ position: relative;
593
+ }
594
+ .accordion-group{
595
+ border: none;
596
+ border-radius: 0;
597
+ }
598
+ .accordion-inner{
599
+ background-color: #3D3E43;
600
+ border: none;
601
+ padding: 9px 0;
602
+ }
603
+ .accordion-inner a{
604
+ border-left: 2px solid #3D3E43;
605
+ }
606
+ .accordion-inner a:hover, .accordion-inner a.active{
607
+ border-left: 2px solid #76777C;
608
+ }
609
+ .sidebar-nav .accordion-toggle.collapsed[data-toggle]:before, .sidebar-nav .accordion-toggle[data-toggle]:before{
610
+ position: absolute;
611
+ right: 15px;
612
+ top: 10px;
613
+ }
614
+ .sidebar-nav .accordion-toggle.collapsed[data-toggle]:before{
615
+ content:"\f054";
616
+ }
617
+ .sidebar-nav .accordion-toggle[data-toggle]:before{
618
+ content:"\f078";
619
+ }
620
+
621
+ /* ----------- Tasks page ----------- */
622
+ .widget-tasks-progress{
623
+ padding:25px;
624
+ text-align: center;
625
+
626
+ }.widget-tasks-progress .circle{
627
+ margin:0 5px;
628
+ display:inline-block;
629
+ }
630
+ .widget-tasks-progress .userstats {
631
+ position:relative;
632
+ display:inline-block;
633
+ text-align: center;
634
+ }
635
+ .widget-tasks-progress .userstats div{
636
+ display:inline-block;
637
+ }
638
+ .widget-tasks-progress .userstats img{
639
+ position:absolute;
640
+ z-index: 0;
641
+ width:60px;
642
+ left:20px;
643
+ top:20px;
644
+ border-radius:60px;
645
+ }
646
+ .widget-tasks-assigned ul{
647
+ list-style: none;
648
+ padding:0;
649
+ margin:0;
650
+ }
651
+ .widget-tasks-assigned ul > li{
652
+ background: none repeat scroll 0 0 #FFFFFF;
653
+ border-bottom: 1px solid #DDDDDD;
654
+ color: #9D9D9D;
655
+ display: block;
656
+ font-size: 11px;
657
+ height: 80px;
658
+ margin: 0;
659
+ overflow: hidden;
660
+ position: relative;
661
+ }
662
+ .widget-tasks-assigned .content{
663
+ color: #62687E;
664
+ float: left;
665
+ font-size: 13px;
666
+ padding-top: 5px;
667
+ padding-left:10px;
668
+ padding-right: 10px;
669
+ width: 70%;
670
+ }
671
+ .widget-tasks-assigned .content h5{
672
+ font-size:15px;
673
+ color: #62687E;
674
+ margin:0;
675
+ }
676
+ .widget-tasks-assigned .content span{
677
+ font-size:11px;
678
+ }
679
+ .widget-tasks-assigned .rightboxes {
680
+ position:relative;
681
+ right:0;
682
+ float:right;
683
+ width: 30%;
684
+ }
685
+ .widget-tasks-assigned .rightboxes li{
686
+ border-left: 1px solid #DDDDDD;
687
+ float: left;
688
+ font-size: 18px;
689
+ padding: 15px 10px;
690
+ text-align: center;
691
+ width: 50%;
692
+ }
693
+ .widget-tasks-assigned .rightboxes li span{
694
+ color: #CCCCCC;
695
+ display: block;
696
+ font-size: 14px;
697
+ margin-top: 5px;
698
+ }
699
+ .widget-tasks-assigned .info{
700
+ background: none repeat scroll 0 0 white;
701
+ bottom: 10px;
702
+ left: 10px;
703
+ position: absolute;
704
+ }
705
+ .widget-tasks-assigned .info .date{
706
+ color: #9D9D9D;
707
+ font-size: 10px;
708
+ float:right;
709
+ margin-right: 10px;
710
+ }
711
+
712
+ .widget-tasks-assigned .info img{
713
+ float:left;
714
+
715
+ }
716
+
717
+ .widget-tasks-assigned .progress{
718
+ border-radius: 0;
719
+ bottom: 0;
720
+ display: block;
721
+ height: 5px;
722
+ margin: 0;
723
+ position: absolute;
724
+ width: 100%;
725
+ }
726
+ .widget-tasks-statistics {
727
+ text-align: center;
728
+ }
729
+
730
+ .widget-tasks-statistics .userstats {
731
+ position:relative;
732
+ display:inline-block;
733
+ margin: 0 30px 10px;
734
+ }
735
+
736
+ .widget-tasks-statistics .userstats .image{
737
+ border-radius: 60px 60px 60px 60px;
738
+ left: 15px;
739
+ position: absolute;
740
+ top: 15px;
741
+ width: 45px;
742
+ opacity: 1;
743
+ padding:0;
744
+ }
745
+ .widget-tasks-statistics .userstats .white{
746
+ background: none repeat scroll 0 0 white;
747
+ border-radius: 60px 60px 60px 60px;
748
+ font-size: 40px;
749
+ left: 15px;
750
+ opacity: 1;
751
+ padding: 15px;
752
+ position: absolute;
753
+ top: 15px;
754
+ z-index: -1;
755
+ width: 90px;
756
+ height: 90px;
757
+ border: 1px solid #DDDDDD;
758
+ }
759
+ .widget-tasks-statistics .userstats a:hover{
760
+ text-decoration: none;
761
+ }
762
+ .widget-tasks-statistics .userstats .white p{
763
+ font-size:14px;
764
+ color:#555555;
765
+ }
766
+ .widget-tasks-statistics .userstats p strong{
767
+ display:block;
768
+ font-size:16px;
769
+ }
770
+
771
+ /* ----------- Widget ----------- */
772
+
773
+ .widget-top{
774
+ text-align:center;
775
+ }
776
+ .widget-top .circle{
777
+ display:inline-block;
778
+ margin:0 10px;
779
+ }
780
+ .widget{
781
+ /*margin-bottom: 15px; */
782
+ -moz-border-radius: 3px 3px 3px 3px;
783
+ -webkit-border-radius: 3px 3px 3px 3px;
784
+ border-radius: 3px 3px 3px 3px;
785
+ overflow: hidden;
786
+ }
787
+
788
+ .widget-padding .widget-body{
789
+ padding:15px;
790
+ }
791
+ .widget-footer{
792
+ background-color: #efefef;
793
+ -moz-border-radius: 0 0 3px 3px;
794
+ -webkit-border-radius: 0 0 3px 3px;
795
+ border-radius: 0 0 3px 3px;
796
+ padding: 10px;
797
+ border-color: #CCCCCC;
798
+ border-style: solid;
799
+ border-width: 0 1px 1px;
800
+ }
801
+ .widget-footer:after{
802
+ clear: both;
803
+ }
804
+ .widget-footer:after, .widget-footer:before{
805
+ content: "";
806
+ display: table;
807
+ line-height: 0;
808
+ }
809
+ .widget-header{
810
+ background-color: #efefef;
811
+ -moz-border-radius: 3px 3px 0 0;
812
+ -webkit-border-radius: 3px 3px 0 0;
813
+ border-radius: 3px 3px 0 0;
814
+ min-height: 51px;
815
+ border:1px solid #DDDDDD;
816
+ position: relative;
817
+ }
818
+ .widget-header > i, .widget-header h5{
819
+ float: left;
820
+ color: #62687e;
821
+ font-weight:200;
822
+ }
823
+ .widget-header > i{
824
+ font-size: 16px;
825
+ padding: 15px 10px 15px 11px;
826
+ text-align: center;
827
+ width: 40px;
828
+ }
829
+ .widget-header a, .widget-header .nav-tabs a{
830
+ color: #777777;
831
+ cursor: pointer;
832
+ font-size: 16px;
833
+ margin: 0 0 0 8px;
834
+ text-decoration: none;
835
+ }
836
+ .widget-header a:hover{
837
+ color: #333;
838
+ }
839
+ .widget-header .progress{
840
+ margin: 14px 0px;
841
+ width: 30%;
842
+ position: absolute;
843
+ right: 15px;
844
+ }
845
+ .widget-header a.widget-hidden i{
846
+ -moz-transform:rotate(180deg);
847
+ -webkit-transform:rotate(180deg);
848
+ -o-transform:rotate(180deg);
849
+ -ms-transform:rotate(180deg);
850
+ filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
851
+ }
852
+ .widget-header h5{
853
+ margin: 0;
854
+ padding: 15px 0 0;
855
+ font-size: 16px;
856
+ }
857
+ .widget-header .btn-group{
858
+ float: right;
859
+ margin: 7px;
860
+ }
861
+ .widget-header-under{
862
+
863
+ background: none repeat scroll 0 0 #FCFCFC;
864
+ border-color: #DDDDDD;
865
+ border-style: solid;
866
+ border-width: 0 1px 1px;
867
+ clear: both;
868
+ font-size: 11px;
869
+ text-align: center;
870
+ padding:4px;
871
+ }
872
+ .widget-buttons{
873
+ float:right;
874
+ padding: 15px 15px 0 0;
875
+ }
876
+ .widget-buttons button{
877
+ margin-top:-5px;
878
+ }
879
+ .widget-body{
880
+ padding: 0;
881
+ border-style: solid;
882
+ border-width: 0 1px 1px;
883
+ border-color: #ccc;
884
+ background-color: #fff;
885
+ }
886
+ .widget-body .table strong{
887
+ color:#E28271;
888
+ }
889
+ .widget-body .table{
890
+ margin-bottom: 0;
891
+ }
892
+ .widget-header:before, .widget-header:after {
893
+ content: "";
894
+ display: table;
895
+ line-height: 0;
896
+ }
897
+ .widget-header:after {
898
+ clear: both;
899
+ }
900
+
901
+ /* ------------------------------- */
902
+ /* ----------- widgets ----------- */
903
+ /* ------------------------------- */
904
+
905
+ /*----------- items ----------- */
906
+ .comment-bubble{
907
+ background: none repeat scroll 0 0 #F3F6F7;
908
+ border: 1px solid #D5D8DF;
909
+ border-radius: 3px 3px 3px 3px;
910
+ display: block;
911
+ margin: 15px 10px 20px 70px;
912
+ padding: 5px;
913
+ position: relative;
914
+ }
915
+
916
+ .the-icons{
917
+ list-style: none;
918
+ }
919
+ .the-icons i{
920
+ font-size: 20px;
921
+ }
922
+
923
+ .btn.btn-box{
924
+ padding:20px;
925
+ border-radius:0;
926
+ color:#555555;
927
+ position: relative;
928
+ /*margin-bottom: 15px;*/
929
+ }
930
+ .btn.btn-box span{
931
+ display:block;
932
+ }
933
+ .btn.btn-small.btn-box{
934
+ padding:10px 0;
935
+ }
936
+
937
+ /* custom bootstrap design */
938
+ .btn{
939
+ border-radius:2px;
940
+ background-image:none !important;
941
+ }
942
+ .btn.btn-primary{
943
+ background-color: #2D9AF9;
944
+ background-image:none;
945
+ }
946
+ .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
947
+ background-color: #3074FC;
948
+ }
949
+ .btn-info {
950
+ background-color: #42C1F7;
951
+ }
952
+ .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
953
+ background-color: #4FB6D4;
954
+ }
955
+ .btn-success {
956
+ background-color: #7BD77B;
957
+ }
958
+ .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
959
+ background-color: #71C371;
960
+ }
961
+
962
+
963
+ .bubble[data-bubble]:after{
964
+ content: attr(data-bubble);
965
+ position: absolute;
966
+ top: -5px;
967
+ right: -5px;
968
+ font-size: 11px;
969
+ padding: 2px 4px;
970
+ text-align: center;
971
+ font-weight: bold;
972
+ color: #fff;
973
+ text-shadow: 0px 1px 0px rgba(0,0,0,.15);
974
+ min-width: 15px;
975
+ border-radius:30px;
976
+ }
977
+ .bubble-danger:after{
978
+ background: #ff7c7c; /* Old browsers */
979
+ background: -moz-linear-gradient(top, #ff7c7c 0%, #ef3737 100%); /* FF3.6+ */
980
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7c7c), color-stop(100%,#ef3737)); /* Chrome,Safari4+ */
981
+ background: -webkit-linear-gradient(top, #ff7c7c 0%,#ef3737 100%); /* Chrome10+,Safari5.1+ */
982
+ background: -o-linear-gradient(top, #ff7c7c 0%,#ef3737 100%); /* Opera 11.10+ */
983
+ background: -ms-linear-gradient(top, #ff7c7c 0%,#ef3737 100%); /* IE10+ */
984
+ background: linear-gradient(to bottom, #ff7c7c 0%,#ef3737 100%); /* W3C */
985
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7c7c', endColorstr='#ef3737',GradientType=0 ); /* IE6-9 */
986
+ border:1px solid #BF3333;
987
+
988
+ }
989
+ .bubble-info:after{
990
+ background: #7ec2dd; /* Old browsers */
991
+ background: -moz-linear-gradient(top, #7ec2dd 0%, #34a9c9 100%); /* FF3.6+ */
992
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ec2dd), color-stop(100%,#34a9c9)); /* Chrome,Safari4+ */
993
+ background: -webkit-linear-gradient(top, #7ec2dd 0%,#34a9c9 100%); /* Chrome10+,Safari5.1+ */
994
+ background: -o-linear-gradient(top, #7ec2dd 0%,#34a9c9 100%); /* Opera 11.10+ */
995
+ background: -ms-linear-gradient(top, #7ec2dd 0%,#34a9c9 100%); /* IE10+ */
996
+ background: linear-gradient(to bottom, #7ec2dd 0%,#34a9c9 100%); /* W3C */
997
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ec2dd', endColorstr='#34a9c9',GradientType=0 ); /* IE6-9 */
998
+ border:1px solid #2F7C91;
999
+
1000
+ }
1001
+ .bubble-warning:after{
1002
+ background: #e5d849; /* Old browsers */
1003
+ background: -moz-linear-gradient(top, #e5d849 0%, #c4b623 100%); /* FF3.6+ */
1004
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5d849), color-stop(100%,#c4b623)); /* Chrome,Safari4+ */
1005
+ background: -webkit-linear-gradient(top, #e5d849 0%,#c4b623 100%); /* Chrome10+,Safari5.1+ */
1006
+ background: -o-linear-gradient(top, #e5d849 0%,#c4b623 100%); /* Opera 11.10+ */
1007
+ background: -ms-linear-gradient(top, #e5d849 0%,#c4b623 100%); /* IE10+ */
1008
+ background: linear-gradient(to bottom, #e5d849 0%,#c4b623 100%); /* W3C */
1009
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5d849', endColorstr='#c4b623',GradientType=0 ); /* IE6-9 */
1010
+
1011
+ border:1px solid #9B8F20;
1012
+ }
1013
+ .bubble-success:after{
1014
+ background: #94e569; /* Old browsers */
1015
+ background: -moz-linear-gradient(top, #94e569 0%, #62a53e 100%); /* FF3.6+ */
1016
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94e569), color-stop(100%,#62a53e)); /* Chrome,Safari4+ */
1017
+ background: -webkit-linear-gradient(top, #94e569 0%,#62a53e 100%); /* Chrome10+,Safari5.1+ */
1018
+ background: -o-linear-gradient(top, #94e569 0%,#62a53e 100%); /* Opera 11.10+ */
1019
+ background: -ms-linear-gradient(top, #94e569 0%,#62a53e 100%); /* IE10+ */
1020
+ background: linear-gradient(to bottom, #94e569 0%,#62a53e 100%); /* W3C */
1021
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94e569', endColorstr='#62a53e',GradientType=0 ); /* IE6-9 */
1022
+
1023
+
1024
+ border:1px solid #7ABC56;
1025
+ }
1026
+
1027
+ .priority-high{border-right:4px solid #F79999;}
1028
+ .priority-medium{border-right:4px solid #F5C294;}
1029
+ .priority-low{border-right:4px solid #C3F7A7;}
1030
+
1031
+ .priority-high-left{border-left:4px solid #F79999;}
1032
+ .priority-medium-left{border-left:4px solid #F5C294;}
1033
+ .priority-low-left{border-left:4px solid #C3F7A7;}
1034
+
1035
+ /* ----------- analytics ----------- */
1036
+
1037
+ .widget-analytics-large{
1038
+ width : 100%;
1039
+ height: 100%;
1040
+ margin: 8px auto;
1041
+ }
1042
+
1043
+ .widget-analytics-small{
1044
+
1045
+ }
1046
+ .widget-analytics-small ul{
1047
+ list-style:none;
1048
+ float:left;
1049
+ margin:0;
1050
+ width:100%;
1051
+ }
1052
+ .widget-analytics-small ul li{
1053
+ clear:both;
1054
+ margin:10px 5px;
1055
+ }
1056
+ .widget-analytics-small span{
1057
+ margin: 0 7px 0 0;
1058
+ }
1059
+ .widget-analytics-small a{
1060
+ }
1061
+ .widget-analytics-small h4{
1062
+ margin: 0 10px 0 0;
1063
+ float:right;
1064
+ display:inline;
1065
+ color:#E28271;
1066
+
1067
+ }
1068
+ .widget-analytics-small h5{
1069
+ font-size:12px;
1070
+ margin:0;
1071
+ display:inline;
1072
+ }
1073
+
1074
+
1075
+ /* ----------- calendar ----------- */
1076
+ #calendar {
1077
+ width: 100%;
1078
+ margin: 0 auto;
1079
+ }
1080
+ .fc-header-left {
1081
+ position: absolute;
1082
+ left: 80px;
1083
+ top: 0;
1084
+ }
1085
+ .fc-header-right{
1086
+ position: absolute;
1087
+ right: 80px;
1088
+ top: 0;
1089
+ }
1090
+ .fc-header-center {
1091
+ left: 50%;
1092
+ margin-left: -100px;
1093
+ position: absolute;
1094
+ text-align: center;
1095
+ top: 0;
1096
+ width: 200px;
1097
+ }
1098
+ .fc-header-title h2 {
1099
+ font-size:20px;
1100
+ color:#3D3D3D;
1101
+ text-shadow:1px 1px 1px white;
1102
+ margin: 5px 0;
1103
+ }
1104
+ .fc-header .fc-button {
1105
+ margin-right: -1px;
1106
+ border:medium none;
1107
+ }
1108
+ .fc-state-default, .fc-state-default .fc-button-inner {
1109
+ background: transparent;
1110
+ border:0;
1111
+ color: #555;
1112
+ }
1113
+ .fc-state-active, .fc-state-active .fc-button-inner {
1114
+ background: transparent;
1115
+ border: none;
1116
+ color: #333;
1117
+ font-weight: bold;
1118
+ }
1119
+ .fc-button-content {
1120
+ float: left;
1121
+ font-size: 16px;
1122
+ height: auto;
1123
+ line-height: 51px;
1124
+ padding: 0 10px;
1125
+ position: relative;
1126
+ white-space: nowrap;
1127
+ }
1128
+ .fc-event-skin {
1129
+ background-color: #67A0E5;
1130
+ border-color:#447EC4;
1131
+ color: #FFFFFF;
1132
+ }
1133
+ /* ----------- Progress bars ----------- */
1134
+ .progress .bar{
1135
+ background-color: #9AD4EC;
1136
+ background-image: none;
1137
+ box-shadow:none;
1138
+ }
1139
+ .progress-striped .bar{
1140
+ background-color:#9AD4EC;
1141
+ background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.25)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.25)), color-stop(0.75, rgba(255, 255, 255, 0.25)), color-stop(0.75, transparent), to(transparent));
1142
+ background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
1143
+ background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
1144
+ background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
1145
+ background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
1146
+ -webkit-background-size:40px 40px;
1147
+ -moz-background-size:40px 40px;
1148
+ -o-background-size:40px 40px;
1149
+ background-size:40px 40px;
1150
+ }
1151
+ .progress-danger.progress-striped .bar, .progress-striped .bar-danger{
1152
+ background-color: #F98886;
1153
+ background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.25)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.25)), color-stop(0.75, rgba(255, 255, 255, 0.25)), color-stop(0.75, transparent), to(transparent));
1154
+ background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
1155
+ background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
1156
+ background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
1157
+ background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
1158
+ }
1159
+ .progress-success.progress-striped .bar, .progress-striped .bar-success{
1160
+ background-color: #9DD68B;
1161
+ background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.25)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.25)), color-stop(0.75, rgba(255, 255, 255, 0.25)), color-stop(0.75, transparent), to(transparent));
1162
+ background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
1163
+ background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
1164
+ background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
1165
+ background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
1166
+ }
1167
+ .progress-warning.progress-striped .bar, .progress-striped .bar-warning {
1168
+ background-color: #F7C15D;
1169
+ background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.25)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.25)), color-stop(0.75, rgba(255, 255, 255, 0.25)), color-stop(0.75, transparent), to(transparent));
1170
+ background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
1171
+ background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
1172
+ background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
1173
+ background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
1174
+ }
1175
+ .progress-info.progress-striped .bar, .progress-striped .bar-info {
1176
+ background-color: #9AD4EC;
1177
+ background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.25)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.25)), color-stop(0.75, rgba(255, 255, 255, 0.25)), color-stop(0.75, transparent), to(transparent));
1178
+ background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
1179
+ background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
1180
+ background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
1181
+ background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
1182
+ }
1183
+
1184
+
1185
+
1186
+
1187
+ .progress-success .bar, .progress .bar-success{
1188
+ background-color: #9DD68B;
1189
+ }
1190
+ .progress-warning .bar, .progress .bar-warning{
1191
+ background-color: #F7C15D;
1192
+ }
1193
+ .progress-danger .bar, .progress .bar-danger{
1194
+ background-color: #F98886;
1195
+ }
1196
+ /* ----------- comments ----------- */
1197
+ .widget-comments .avatar{
1198
+ left: 0;
1199
+ margin: 10px;
1200
+ position: absolute;
1201
+ top: 0;
1202
+ width: 50px;
1203
+ height: 50px;
1204
+ }
1205
+ .widget-comments ul{
1206
+ list-style: none;
1207
+ margin:0;
1208
+ }
1209
+ .widget-comments ul li{
1210
+ position: relative;
1211
+ }
1212
+ .widget-comments .comment-bubble{
1213
+ font-size:12px;
1214
+ }
1215
+ .widget-comments .comment-bubble h4{
1216
+ color: #62687E;
1217
+ font-size: 14px;
1218
+ margin: 0;
1219
+ }
1220
+ .widget-comments .comment-bubble h4 strong{
1221
+ color:#e28271;
1222
+ }
1223
+
1224
+
1225
+ .widget-comments .comment-bubble .settings {
1226
+ position:relative;
1227
+ text-align:right;
1228
+ }
1229
+ .widget-comments .comment-bubble .settings a{
1230
+ font-size:10px;
1231
+ margin-left:5px;
1232
+ }
1233
+ .comment-bubble .date {
1234
+ color: #555555;
1235
+ font-size: 10px;
1236
+ position: absolute;
1237
+ right: 10px;
1238
+ top: 5px;
1239
+ }
1240
+
1241
+ /* ----------- tickets -----------*/
1242
+ .widget-tickets ul{
1243
+ margin:0;
1244
+ }
1245
+ .widget-tickets ul li:last-child{
1246
+ border-bottom: none;
1247
+ }
1248
+ .widget-tickets ul li{
1249
+ border-bottom: 1px solid #DDDDDD;
1250
+ color: #9D9D9D;
1251
+ display: block;
1252
+ font-size: 11px;
1253
+ height: 50px;
1254
+ margin: 0;
1255
+ overflow: hidden;
1256
+ position: relative;
1257
+ }
1258
+ .widget-tickets ul li a{
1259
+ display:block;
1260
+ text-decoration: none;
1261
+ color: #9D9D9D;
1262
+ }
1263
+ .widget-tickets ul li:hover{
1264
+ background:#fafafa;
1265
+ }
1266
+ .widget-tickets .avatar{
1267
+ float:left;
1268
+ margin-right:10px;
1269
+ border-right: 1px solid #DDDDDD;
1270
+ width: 50px;
1271
+ height: 50px;
1272
+ }
1273
+ .widget-tickets h4{
1274
+ font-size:15px;
1275
+ color: #62687E;
1276
+ }
1277
+ .widget-tickets h5{
1278
+ padding-top:5px;
1279
+ font-size:13px;
1280
+ margin:0;
1281
+ color: #62687E;
1282
+ }
1283
+
1284
+ .widget-tickets p{
1285
+ overflow:hidden;
1286
+ }
1287
+ .widget-tickets .date{
1288
+ color: #9D9D9D;
1289
+ font-size: 10px;
1290
+ position: absolute;
1291
+ right: 10px;
1292
+ top: 5px;
1293
+ }
1294
+ .widget-tickets .settings {
1295
+ position:relative;
1296
+ text-align:right;
1297
+ }
1298
+ .widget-tickets .settings a{
1299
+ font-size:10px;
1300
+ margin-left:5px;
1301
+ display:inline;
1302
+ color:#26AEF2;
1303
+ }
1304
+
1305
+ .widget-tickets.widget-tickets-large ul li
1306
+ {
1307
+ padding:15px;
1308
+ height:auto;
1309
+ }.widget-tickets.widget-tickets-large .username
1310
+ {
1311
+ font-size:10px;
1312
+ position: relative;
1313
+ text-align: right;
1314
+ }
1315
+
1316
+ /* ----------- user interface ----------- */
1317
+ .widget-user-interface .form-horizontal .control-label{
1318
+ padding:0;
1319
+ width:110px;
1320
+ }
1321
+ .widget-user-interface .form-horizontal .controls{
1322
+ margin-left:130px;
1323
+ }
1324
+ /* ----------- select2 fix ----------- */
1325
+ .select2-container-multi .select2-choices{
1326
+ border: 1px solid #CCCCCC;
1327
+ -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
1328
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
1329
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
1330
+ -moz-border-radius: 1px 1px 1px 1px;
1331
+ -webkit-border-radius: 1px 1px 1px 1px;
1332
+ border-radius: 1px 1px 1px 1px;
1333
+ background-image: none;
1334
+ height: 30px;
1335
+ }
1336
+ .select2-container-multi .select2-choices .select2-search-field input{
1337
+ height: 25px;
1338
+ }
1339
+
1340
+ /* responsive css */
1341
+ /* Landscape phones and down */
1342
+ @media (max-width: 480px) {
1343
+ body{
1344
+ padding: 0!important;
1345
+ }
1346
+ .top-menu ul{
1347
+ margin:0 15px 0 0!important;
1348
+ }
1349
+ .top-menu li a{
1350
+ padding: 10px 5px!important;
1351
+ }
1352
+ label {
1353
+ width: 100%;
1354
+ }
1355
+ label input {
1356
+ width: 100%;
1357
+ }
1358
+ label select {
1359
+ text-align:left;
1360
+ width: 100%;
1361
+ }
1362
+ .label {
1363
+ font-size: 9px!important;
1364
+ }
1365
+ .widget-padding .widget-body{
1366
+ padding:5px!important;
1367
+ }
1368
+ .table{
1369
+ font-size:12px;
1370
+ }
1371
+ .table tr > td{
1372
+ padding:5px 1px;
1373
+ vertical-align: middle;
1374
+ }
1375
+ .table .btn{
1376
+ padding:2px 7px;
1377
+ }
1378
+ .nav-collapse.collapse{
1379
+ position: static!important;
1380
+ width: auto!important;
1381
+ }
1382
+ .navbar-fixed-top{
1383
+ margin: 0!important;
1384
+ }
1385
+ .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner{
1386
+ padding: 0!important;
1387
+ }
1388
+ .overview_boxes .box_row > div{
1389
+ float: none!important;
1390
+ margin: 0 0 15px 0;
1391
+ }
1392
+ .heading .btn{
1393
+ font-size: 12px!important;
1394
+ padding: 2px 8px;
1395
+ }
1396
+ .widget{
1397
+ margin-bottom:25px;
1398
+ }
1399
+ .row-fluid .widget:last-child{
1400
+ margin-bottom: 0;
1401
+ }
1402
+ .table tr > td{
1403
+ padding:8px !important;
1404
+ }
1405
+ .widget-user-interface .form-horizontal .controls {
1406
+ margin-left: 0;
1407
+ }
1408
+ .widget-padding .widget-body {
1409
+ height: auto !important;
1410
+ }
1411
+ .widget-tasks-assigned .rightboxes li{
1412
+ font-size:11px;
1413
+ padding: 15px 0;
1414
+ }
1415
+ .widget-tasks-assigned .rightboxes li span{
1416
+ font-size:9px;
1417
+ margin-top:0;
1418
+ }
1419
+ .widget-analytics-small h5{
1420
+ font-size:11px;
1421
+ }
1422
+ .widget-analytics-small h4{
1423
+ font-size:12px;
1424
+ }
1425
+ .nav-tabs > li, .nav-pills > li{
1426
+ float: none;
1427
+ }
1428
+ .widget-header .nav-tabs > .active > a:after{
1429
+ display: none;
1430
+ }
1431
+ .main_container{
1432
+ padding: 0 10px 25px;
1433
+ }
1434
+ .overview_boxes .box_row > div:last-child{
1435
+ margin-right: 0;
1436
+ }
1437
+ }
1438
+
1439
+ /* Landscape phone to portrait tablet */
1440
+ @media (max-width: 767px) {
1441
+ body{
1442
+ padding: 0!important;
1443
+ }
1444
+ .nav-collapse.collapse{
1445
+ position: static!important;
1446
+ width: auto!important;
1447
+ }
1448
+ .navbar-fixed-top{
1449
+ margin: 0!important;
1450
+ }
1451
+ .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner{
1452
+ padding: 0!important;
1453
+ }
1454
+ label {
1455
+ text-align:left;
1456
+ width: 100%;
1457
+ }
1458
+ label input {
1459
+ text-align:left;
1460
+ width: 100%;
1461
+ }
1462
+ label select {
1463
+ text-align:left;
1464
+ width: 100%;
1465
+ }
1466
+ .widget-padding .widget-body{
1467
+ padding:5px!important;
1468
+ }
1469
+ .widget{
1470
+ margin-bottom:25px;
1471
+ }
1472
+ .row-fluid .widget:last-child{
1473
+ margin-bottom: 0;
1474
+ }
1475
+ .accordion-group{
1476
+ margin: 0;
1477
+ }
1478
+ .user_side{
1479
+ padding: 15px 5px;
1480
+ }
1481
+ .main_container{
1482
+ margin-left: 0px!important;
1483
+ left: 0!important;
1484
+ }
1485
+ .logo {
1486
+ margin: 0 0 0 15px;
1487
+ }
1488
+ .overview_boxes .box_row > div:last-child{
1489
+ margin-right: 0;
1490
+ }
1491
+ }
1492
+ /* Portrait tablet to landscape and desktop */
1493
+ @media (min-width: 768px) and (max-width: 979px) {
1494
+ .sidebar{
1495
+ width: 100%!important;
1496
+ }
1497
+ .navbar-fixed-top{
1498
+ margin: 0!important;
1499
+ position: fixed!important;
1500
+ }
1501
+ .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner{
1502
+ padding: 0!important;
1503
+ }
1504
+ .nav-collapse.collapse {
1505
+ position: fixed;
1506
+ width: 150px;
1507
+ height: 100% !important;
1508
+ background: #292A2F;
1509
+ left: -150px;
1510
+ }
1511
+ .main_container{
1512
+ margin-left: 0;
1513
+ }
1514
+ .accordion-heading .accordion-toggle {
1515
+ display: block;
1516
+ padding: 8px 10px;
1517
+ }
1518
+ .user_side{
1519
+ padding: 15px 5px;
1520
+ }
1521
+ .logo {
1522
+ margin: 0 0 0 15px;
1523
+ }
1524
+ .overview_boxes .box_row > div:last-child{
1525
+ margin-right: 0;
1526
+ }
1527
+ }
1528
+ @media (min-width: 980px) and (max-width: 1200px) {
1529
+ .nav-collapse.collapse {
1530
+ position: fixed;
1531
+ width: 170px;
1532
+ height: 100% !important;
1533
+ background: #292A2F;
1534
+ left: 0!important;
1535
+ }
1536
+ .main_container{
1537
+ margin-left: 170px!important;
1538
+ left: 0!important;
1539
+ }
1540
+ .logo {
1541
+ margin: 0 90px 0 15px;
1542
+ }
1543
+ .overview_boxes .box_row > div:last-child{
1544
+ margin-right: 0;
1545
+ }
1546
+ }
1547
+ /* Large desktop */
1548
+ @media (min-width: 1200px) {
1549
+ .nav-collapse.collapse {
1550
+ position: fixed;
1551
+ width: 200px;
1552
+ height: 100% !important;
1553
+ background: #292A2F;
1554
+ left: 0!important;
1555
+ }
1556
+ .main_container{
1557
+ margin-left: 200px!important;
1558
+ left: 0!important;
1559
+ }
1560
+ .logo {
1561
+ margin: 0 90px 0 15px;
1562
+ }
1563
+ }