devoops-rails 0.1.1 → 0.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (31) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile +9 -0
  3. data/LICENSE.txt +22 -0
  4. data/README.md +69 -0
  5. data/Rakefile +2 -0
  6. data/app/assets/images/devoops-rails/8962691008_7f489395c9_m.jpg +0 -0
  7. data/app/assets/images/devoops-rails/8985207189_01ea27882d_m.jpg +0 -0
  8. data/app/assets/images/devoops-rails/9036958611_fa1bb7f827_m.jpg +0 -0
  9. data/app/assets/images/devoops-rails/9041440555_2175b32078_m.jpg +0 -0
  10. data/app/assets/images/devoops-rails/avatar.jpg +0 -0
  11. data/app/assets/images/devoops-rails/chevron-left.png +0 -0
  12. data/app/assets/images/devoops-rails/chevron-right.png +0 -0
  13. data/app/assets/images/devoops-rails/devoops_getdata.gif +0 -0
  14. data/app/assets/images/devoops-rails/devoops_pattern_b10.png +0 -0
  15. data/app/assets/images/devoops-rails/logo-200.png +0 -0
  16. data/app/assets/images/devoops-rails/logo.png +0 -0
  17. data/app/assets/images/devoops-rails/sort-asc.png +0 -0
  18. data/app/assets/images/devoops-rails/sort-desc.png +0 -0
  19. data/app/assets/images/devoops-rails/sort.png +0 -0
  20. data/app/assets/images/devoops-rails/times.png +0 -0
  21. data/app/assets/images/devoops-rails/ui-accordion-down.png +0 -0
  22. data/app/assets/images/devoops-rails/ui-accordion-right.png +0 -0
  23. data/app/assets/images/devoops-rails/ui-left.png +0 -0
  24. data/app/assets/images/devoops-rails/ui-right.png +0 -0
  25. data/app/assets/javascripts/devoops-rails/devoops.js +2198 -0
  26. data/app/assets/stylesheets/devoops-rails/devoops.css.erb +2360 -0
  27. data/lib/devoops-rails.rb +1 -0
  28. data/lib/devoops/rails.rb +2 -0
  29. data/lib/devoops/rails/engine.rb +9 -0
  30. data/lib/devoops/rails/version.rb +5 -0
  31. metadata +31 -2
@@ -0,0 +1,2360 @@
1
+ body {
2
+ color: #525252;
3
+ background: #6AA6D6 url(<%= asset_path 'devoops-rails/devoops_pattern_b10.png' %>) 0 0 repeat;
4
+ }
5
+ .body-expanded, .modal-open {
6
+ overflow-y:hidden;
7
+ margin-right: 15px;
8
+ }
9
+ .body-expanded .expanded-panel, .fancybox-margin .expanded-panel, .modal-open .expanded-panel {
10
+ margin-right: 15px;
11
+ }
12
+ .body-screensaver {
13
+ overflow: hidden;
14
+ }
15
+ h1, .h1, h2, .h2, h3, .h3 {
16
+ margin:0;
17
+ }
18
+ #logo {
19
+ position:relative;
20
+ background: #525252 url(<%= asset_path 'devoops-rails/devoops_pattern_b10.png' %>) 0 0 repeat;
21
+ }
22
+ #logo a {
23
+ color: #fff;
24
+ font-family: 'Righteous', cursive;
25
+ display: block;
26
+ font-size: 20px;
27
+ line-height: 50px;
28
+ background: url(<%= asset_path 'devoops-rails/logo.png' %>) right 42px no-repeat;
29
+ -webkit-transition: 0.5s;
30
+ -moz-transition: 0.5s;
31
+ -o-transition: 0.5s;
32
+ transition: 0.5s;
33
+ }
34
+ #logo a:hover {
35
+ background-position: right 25px;
36
+ text-decoration: none;
37
+ }
38
+ .navbar {
39
+ margin: 0;
40
+ border: 0;
41
+ position: fixed;
42
+ top:0;
43
+ left: 0;
44
+ width:100%;
45
+ -webkit-border-radius: 0;
46
+ -moz-border-radius: 0;
47
+ border-radius: 0;
48
+ box-shadow: 0 1px 2px #272727;
49
+ z-index: 2000;
50
+ }
51
+ .body-expanded .navbar {
52
+ z-index: 9;
53
+ }
54
+ a.show-sidebar {
55
+ float: left;
56
+ color:#6d6d6d;
57
+ -webkit-transition: 0.2s;
58
+ -moz-transition: 0.2s;
59
+ -o-transition: 0.2s;
60
+ transition: 0.2s;
61
+ }
62
+ a.show-sidebar:hover {
63
+ color:#000;
64
+ }
65
+ #sidebar-left {
66
+ position:relative;
67
+ z-index: inherit;
68
+ padding-bottom: 3000px !important;
69
+ margin-bottom: -3000px !important;
70
+ background: #6AA6D6 url(<%= asset_path 'devoops-rails/devoops_pattern_b10.png' %>) 0 0 repeat;
71
+ -webkit-transition: 0.2s;
72
+ -moz-transition: 0.2s;
73
+ -o-transition: 0.2s;
74
+ transition: 0.2s;
75
+ }
76
+ #content {
77
+ position: relative;
78
+ z-index: 10;
79
+ background: #ebebeb;
80
+ box-shadow: 0 0 6px #131313;
81
+ padding-bottom: 3000px !important;
82
+ margin-bottom: -2980px !important;
83
+ overflow: hidden;
84
+ -webkit-transition: 0.2s;
85
+ -moz-transition: 0.2s;
86
+ -o-transition: 0.2s;
87
+ transition: 0.2s;
88
+ }
89
+ .full-content {
90
+ overflow: hidden;
91
+ padding: 0;
92
+ margin: 0;
93
+ }
94
+ .nav.main-menu, .nav.msg-menu {
95
+ margin:0 -15px;
96
+ }
97
+ .nav.main-menu > li > a, .nav.msg-menu > li > a {
98
+ text-align: center;
99
+ color:#f0f0f0;
100
+ min-height: 40px;
101
+ -webkit-transition: 0.2s;
102
+ -moz-transition: 0.2s;
103
+ -o-transition: 0.2s;
104
+ transition: 0.2s;
105
+ }
106
+ .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
107
+ background:rgba(0, 0, 0, 0.1);
108
+ }
109
+ .nav.main-menu > li > a:hover, .nav.main-menu > li > a:focus, .nav.main-menu > li.active > a, .nav.main-menu .open > a, .nav.main-menu .open > a:hover, .nav.main-menu .open > a:focus, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li.active > a,
110
+ .nav.msg-menu > li > a:hover, .nav.msg-menu > li > a:focus, .nav.msg-menu > li.active > a, .nav.msg-menu .open > a, .nav.msg-menu .open > a:hover, .nav.msg-menu .open > a:focus {
111
+ background:rgba(0, 0, 0, 0.1);
112
+ color:#f0f0f0;
113
+ }
114
+ .nav.main-menu a.active, .nav.msg-menu a.active {
115
+ background:rgba(0, 0, 0, 0.2);
116
+ }
117
+ .nav.main-menu a.active:hover, .nav.msg-menu a.active:hover {
118
+ background:rgba(0, 0, 0, 0.2);
119
+ }
120
+ .nav.main-menu a.active-parent, .nav.msg-menu a.active-parent {
121
+ background: rgba(0, 0, 0, 0.3);
122
+ }
123
+ .nav.main-menu a.active-parent:hover, .nav.msg-menu a.active-parent:hover {
124
+ background: rgba(0, 0, 0, 0.3);
125
+ }
126
+ .nav.main-menu > li > a > i, .nav.msg-menu > li > a > i {
127
+ font-size: 18px;
128
+ width: auto;
129
+ display: block;
130
+ text-align: center;
131
+ vertical-align: middle;
132
+ }
133
+ .main-menu .dropdown-menu {
134
+ position: absolute;
135
+ z-index: 2001;
136
+ left: 100%;
137
+ top: 0;
138
+ float: none;
139
+ margin: 0;
140
+ border: 0;
141
+ -webkit-border-radius: 0 4px 4px 0;
142
+ -moz-border-radius: 0 4px 4px 0;
143
+ border-radius: 0 4px 4px 0;
144
+ padding: 0;
145
+ background: #6AA6D6 url(<%= asset_path 'devoops-rails/devoops_pattern_b10.png' %>) 0 0 repeat;
146
+ box-shadow: none;
147
+ visibility:hidden;
148
+ }
149
+ .main-menu .active-parent:hover + .dropdown-menu {
150
+ visibility:visible;
151
+ }
152
+ .main-menu .active-parent + .dropdown-menu:hover {
153
+ visibility:visible;
154
+ }
155
+ .main-menu .dropdown-menu > li > a {
156
+ padding:9px 15px 9px 40px;
157
+ color:#f0f0f0;
158
+ }
159
+ .main-menu .dropdown-menu > li:first-child > a {
160
+ -webkit-border-radius: 0 4px 0 0;
161
+ -moz-border-radius: 0 4px 0 0;
162
+ border-radius: 0 4px 0 0;
163
+ }
164
+ .main-menu .dropdown-menu > li:last-child > a {
165
+ -webkit-border-radius: 0 0 4px 0;
166
+ -moz-border-radius: 0 0 4px 0;
167
+ border-radius: 0 0 4px 0;
168
+ }
169
+ #top-panel {
170
+ line-height: 50px;
171
+ height: 50px;
172
+ background: #ebebeb;
173
+ }
174
+ #main {
175
+ margin-top: 50px;
176
+ min-height: 800px;
177
+ overflow: hidden;
178
+ }
179
+ #search {
180
+ position: relative;
181
+ margin-left: 20px;
182
+ }
183
+ #search > input {
184
+ width: 80%;
185
+ background: #dfdfdf;
186
+ border: 1px solid #C7C7C7;
187
+ text-shadow:0 1px 1px #EEE;
188
+ -webkit-border-radius: 3px;
189
+ -moz-border-radius: 3px;
190
+ border-radius: 3px;
191
+ color: #686868;
192
+ line-height: 1em;
193
+ height: 30px;
194
+ padding: 0 35px 0 10px;
195
+ -webkit-transition: 0.2s;
196
+ -moz-transition: 0.2s;
197
+ -o-transition: 0.2s;
198
+ transition: 0.2s;
199
+ }
200
+ #search > input + i {
201
+ opacity:0;
202
+ position: absolute;
203
+ top: 18px;
204
+ right: 10px;
205
+ color: #fff;
206
+ -webkit-transition: 0.4s;
207
+ -moz-transition: 0.4s;
208
+ -o-transition: 0.4s;
209
+ transition: 0.4s;
210
+ }
211
+ #search > input:focus {
212
+ width:100%;
213
+ outline:none;
214
+ }
215
+ #search > input:focus + i {
216
+ opacity:1;
217
+ }
218
+ .panel-menu {
219
+ margin: 0;
220
+ }
221
+ .top-panel-right {
222
+ padding-left: 0;
223
+ }
224
+ .panel-menu > li > a {
225
+ padding: 0 5px 0 10px;
226
+ line-height: 50px;
227
+ }
228
+ .panel-menu > li > a:hover {
229
+ background: none;
230
+ }
231
+ .panel-menu a.account {
232
+ height: 50px;
233
+ padding: 5px 0 5px 10px;
234
+ line-height: 18px;
235
+ }
236
+ .panel-menu i {
237
+ margin-top: 8px;
238
+ padding: 5px;
239
+ font-size: 20px;
240
+ color: #7BC5D3;
241
+ line-height: 1em;
242
+ vertical-align: top;
243
+ -webkit-border-radius: 4px;
244
+ -moz-border-radius: 4px;
245
+ border-radius: 4px;
246
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
247
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
248
+ -webkit-transition: 0.2s;
249
+ -moz-transition: 0.2s;
250
+ -o-transition: 0.2s;
251
+ transition: 0.2s;
252
+ }
253
+ .panel-menu > li > a:hover > i {
254
+ background: #f5f5f5;
255
+ }
256
+ .panel-menu i.pull-right {
257
+ color: #000;
258
+ border: 0;
259
+ box-shadow: none;
260
+ font-size: 16px;
261
+ background: none !important;
262
+ }
263
+ .panel-menu .badge {
264
+ margin-top: 3px;
265
+ padding: 3px 6px;
266
+ vertical-align: top;
267
+ background: #CEA9A9;
268
+ }
269
+ .avatar {
270
+ width: 40px;
271
+ float: left;
272
+ margin-right: 5px;
273
+ }
274
+ .avatar > img {
275
+ width:40px;
276
+ height:40px;
277
+ border: 1px solid #F8F8F8;
278
+ }
279
+ .user-mini > span {
280
+ display: block;
281
+ font-size: 12px;
282
+ color:#363636;
283
+ margin-bottom: -4px;
284
+ }
285
+ .user-mini > span.welcome {
286
+ font-weight: bold;
287
+ margin-top: 2px;
288
+ }
289
+ .panel-menu .dropdown-menu {
290
+ position: absolute !important;
291
+ background: rgba(0, 0, 0, 0.7) !important;
292
+ padding: 0;
293
+ border: 0;
294
+ right: 0;
295
+ left: auto;
296
+ min-width: 100%;
297
+ }
298
+ .panel-menu .dropdown-menu > li > a {
299
+ padding:5px 10px !important;
300
+ color:#f0f0f0;
301
+ }
302
+ .panel-menu .dropdown-menu > li > a > i {
303
+ border: 0;
304
+ padding: 0;
305
+ margin: 0;
306
+ font-size: 14px;
307
+ width: 20px;
308
+ display: inline-block;
309
+ text-align: center;
310
+ vertical-align: middle;
311
+ }
312
+ .well {
313
+ padding:15px;
314
+ }
315
+ .box {
316
+ display: block;
317
+ z-index: 1999;
318
+ position: relative;
319
+ border: 1px solid #f8f8f8;
320
+ box-shadow: 0 0 4px #D8D8D8;
321
+ background: transparent;
322
+ margin-bottom: 20px;
323
+ -webkit-border-radius: 3px;
324
+ -moz-border-radius: 3px;
325
+ border-radius: 3px;
326
+ }
327
+ .full-content .box {
328
+ border: 0;
329
+ margin-bottom: 0;
330
+ -webkit-border-radius: 0;
331
+ -moz-border-radius: 0;
332
+ border-radius: 0;
333
+ }
334
+ .box-header {
335
+ -webkit-border-radius: 3px 3px 0 0;
336
+ -moz-border-radius: 3px 3px 0 0;
337
+ border-radius: 3px 3px 0 0;
338
+ color: #363636;
339
+ font-size: 16px;
340
+ position:relative;
341
+ overflow: hidden;
342
+ background: #f5f5f5;
343
+ border-bottom: 1px solid #E4E4E4;
344
+ height: 28px;
345
+ }
346
+ .box-name, .modal-header-name {
347
+ padding-left: 15px;
348
+ line-height: 28px;
349
+ }
350
+ .box-name:hover {
351
+ cursor: move;
352
+ }
353
+ .box-name > i {
354
+ margin-right:5px;
355
+ }
356
+ .box-icons {
357
+ position: absolute;
358
+ top:0;
359
+ right:0;
360
+ z-index: 9;
361
+ }
362
+ .no-move {
363
+ display: none;
364
+ }
365
+ .expanded .no-move {
366
+ position: absolute;
367
+ top:0;
368
+ left: 0;
369
+ width:100%;
370
+ height: 100%;
371
+ z-index: 1;
372
+ display: block;
373
+ }
374
+ .box-content {
375
+ position: relative;
376
+ -webkit-border-radius: 0 0 3px 3px;
377
+ -moz-border-radius: 0 0 3px 3px;
378
+ border-radius: 0 0 3px 3px;
379
+ padding: 15px;
380
+ background: #FCFCFC;
381
+ }
382
+ .box-content.dropbox, .box-content.sortablebox {
383
+ overflow: hidden;
384
+ }
385
+ .full-content .box-content {
386
+ height: 100%;
387
+ position: absolute;
388
+ width: 100%;
389
+ left: 0;
390
+ top: 0;
391
+ }
392
+ .box-icons a {
393
+ cursor: pointer;
394
+ text-decoration: none !important;
395
+ border-left: 1px solid #fafafa;
396
+ height: 26px;
397
+ line-height: 26px;
398
+ width: 28px;
399
+ display: block;
400
+ float: left;
401
+ text-align: center;
402
+ color: #b8b8b8 !important;
403
+ -webkit-transition: 0.2s;
404
+ -moz-transition: 0.2s;
405
+ -o-transition: 0.2s;
406
+ transition: 0.2s;
407
+ }
408
+ .box-icons a.beauty-table-to-json {
409
+ width: auto;
410
+ padding: 0 10px;
411
+ font-size: 14px;
412
+ }
413
+ .box-icons a:hover {
414
+ box-shadow:inset 0 0 1px 0 #CECECE;
415
+ }
416
+ .expanded a.close-link {
417
+ display:none;
418
+ }
419
+ #sidebar-left.col-xs-2 {
420
+ opacity: 0;
421
+ width: 0%;
422
+ padding: 0;
423
+ }
424
+ .sidebar-show #sidebar-left.col-xs-2 {
425
+ opacity: 1;
426
+ width: 16.666666666666664%;
427
+ padding: 0 15px;
428
+ }
429
+ .sidebar-show #content.col-xs-12 {
430
+ opacity: 1;
431
+ width: 83.33333333333334%;
432
+ }
433
+ .expanded {
434
+ overflow-y:scroll;
435
+ border: 0;
436
+ z-index: 3000 !important;
437
+ position: fixed;
438
+ width: 100%;
439
+ height: 100%;
440
+ top: 0;
441
+ left: 0;
442
+ padding: 0px;
443
+ background: rgba(0, 0, 0, 0.2);
444
+ -webkit-transition: 0.2s;
445
+ -moz-transition: 0.2s;
446
+ -o-transition: 0.2s;
447
+ transition: 0.2s;
448
+ }
449
+ .expanded-padding {
450
+ background: rgba(0, 0, 0, 0.7);
451
+ padding:50px;
452
+ -webkit-transition: 0.2s;
453
+ -moz-transition: 0.2s;
454
+ -o-transition: 0.2s;
455
+ transition: 0.2s;
456
+ }
457
+ .no-padding {
458
+ padding:0 !important;
459
+ }
460
+ .padding-15 {
461
+ padding:15px !important;
462
+ }
463
+ .no-padding .table-bordered {
464
+ border:0;
465
+ margin:0;
466
+ }
467
+ .no-padding .table-bordered thead tr th:first-child, .no-padding .table-bordered tbody tr th:first-child, .no-padding .table-bordered tfoot tr th:first-child, .no-padding .table-bordered thead tr td:first-child, .no-padding .table-bordered tbody tr td:first-child, .no-padding .table-bordered tfoot tr td:first-child {
468
+ border-left: 0px !important;
469
+ }
470
+ .no-padding .table-bordered thead tr th:last-child, .no-padding .table-bordered tbody tr th:last-child, .no-padding .table-bordered tfoot tr th:last-child, .no-padding .table-bordered thead tr td:last-child, .no-padding .table-bordered tbody tr td:last-child, .no-padding .table-bordered tfoot tr td:last-child {
471
+ border-right: 0px !important;
472
+ }
473
+ .table-heading thead tr {
474
+ background-color: #f0f0f0;
475
+ background-image: -webkit-linear-gradient(top, #f0f0f0, #dfdfdf);
476
+ background-image: -moz-linear-gradient(top, #f0f0f0, #dfdfdf);
477
+ background-image: -ms-linear-gradient(top, #f0f0f0, #dfdfdf);
478
+ background-image: -o-linear-gradient(top, #f0f0f0, #dfdfdf);
479
+ background-image: linear-gradient(to bottom, #f0f0f0, #dfdfdf);
480
+ }
481
+ table.no-border-bottom tr:last-child td {
482
+ border-bottom:0;
483
+ }
484
+ .dataTables_wrapper {
485
+ overflow: hidden;
486
+ }
487
+ .dataTables_wrapper table.table {
488
+ clear: both;
489
+ max-width: inherit;
490
+ margin-bottom: 0;
491
+ }
492
+ .table-datatable *, .table-datatable :after, .table-datatable :before {
493
+ margin: 0;
494
+ padding: 0;
495
+ -webkit-box-sizing: content-box;
496
+ box-sizing: content-box;
497
+ -moz-box-sizing: content-box;
498
+ }
499
+ .table-datatable label {
500
+ position: relative;
501
+ display: block;
502
+ font-weight: 400;
503
+ }
504
+ .table-datatable tbody td {
505
+ vertical-align: middle !important;
506
+ }
507
+ .table-datatable img {
508
+ margin-right: 10px;
509
+ border: 1px solid #F8F8F8;
510
+ width: 40px;
511
+ }
512
+ .table-datatable .sorting {
513
+ background: url(<%= asset_path 'devoops-rails/sort.png' %>) right center no-repeat;
514
+ padding-right:16px;
515
+ cursor:pointer;
516
+ }
517
+ .table-datatable .sorting_asc {
518
+ background: url(<%= asset_path 'devoops-rails/sort-asc.png' %>) right center no-repeat;
519
+ padding-right: 16px;
520
+ cursor:pointer;
521
+ }
522
+ .table-datatable .sorting_desc {
523
+ background: url(<%= asset_path 'devoops-rails/sort-desc.png' %>) right center no-repeat;
524
+ padding-right: 16px;
525
+ cursor:pointer;
526
+ }
527
+ div.DTTT_collection_background {
528
+ z-index: 2002;
529
+ }
530
+ div.DTTT .btn {
531
+ color: #333 !important;
532
+ font-size: 12px;
533
+ }
534
+ ul.DTTT_dropdown.dropdown-menu {
535
+ z-index: 2003;
536
+ background: rgba(0, 0, 0, 0.7) !important;
537
+ padding: 0;
538
+ border: 0;
539
+ margin: 0;
540
+ -webkit-border-radius: 0 0 4px 4px;
541
+ -moz-border-radius: 0 0 4px 4px;
542
+ border-radius: 0 0 4px 4px;
543
+ min-width: 157px;
544
+ }
545
+ ul.DTTT_dropdown.dropdown-menu li {
546
+ position: relative;
547
+ }
548
+ ul.DTTT_dropdown.dropdown-menu > li > a {
549
+ position: relative;
550
+ display: block;
551
+ padding: 5px 10px !important;
552
+ color: #f0f0f0 !important;
553
+ }
554
+ ul.DTTT_dropdown.dropdown-menu > li:first-child > a {
555
+ -webkit-border-radius: 0;
556
+ -moz-border-radius: 0;
557
+ border-radius: 0;
558
+ }
559
+ ul.DTTT_dropdown.dropdown-menu > li:last-child > a {
560
+ -webkit-border-radius: 0 0 4px 4px;
561
+ -moz-border-radius: 0 0 4px 4px;
562
+ border-radius: 0 0 4px 4px;
563
+ }
564
+ ul.DTTT_dropdown.dropdown-menu > li:hover > a {
565
+ background:rgba(0, 0, 0, 0.3);
566
+ color:#f0f0f0;
567
+ }
568
+ .dataTables_wrapper input[type="text"] {
569
+ display: block;
570
+ width: 90%;
571
+ height: 26px;
572
+ padding: 2px 12px;
573
+ font-size: 14px;
574
+ line-height: 1.428571429;
575
+ color: #555;
576
+ background-color: #fff;
577
+ background-image: none;
578
+ border: 1px solid #ccc;
579
+ -webkit-border-radius: 4px;
580
+ -moz-border-radius: 4px;
581
+ border-radius: 4px;
582
+ box-sizing:border-box;
583
+ -moz-box-sizing: border-box;
584
+ -webkit-box-sizing: border-box;
585
+ -moz-appearance: none;
586
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
587
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
588
+ -webkit-transition: 0.2s;
589
+ -moz-transition: 0.2s;
590
+ -o-transition: 0.2s;
591
+ transition: 0.2s;
592
+ }
593
+ .dataTables_wrapper input[type="text"]:focus {
594
+ border-color: #66afe9;
595
+ outline: 0;
596
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
597
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
598
+ }
599
+ #breadcrumb {
600
+ padding: 0;
601
+ line-height: 40px;
602
+ background: #525252;
603
+ background: #5a8db6 url(<%= asset_path 'devoops-rails/devoops_pattern_b10.png' %>) 0 0 repeat;
604
+ margin-bottom: 20px;
605
+ }
606
+ .breadcrumb {
607
+ padding: 0 15px;
608
+ background: none;
609
+ -webkit-border-radius: 0;
610
+ -moz-border-radius: 0;
611
+ border-radius: 0;
612
+ margin: 0;
613
+ }
614
+ .breadcrumb > li > a {
615
+ color:#d8d8d8;
616
+ }
617
+ .breadcrumb > li > a:hover, .breadcrumb > li:last-child > a {
618
+ color:#f8f8f8;
619
+ }
620
+ .bs-callout {
621
+ padding: 15px;
622
+ border-left: 3px solid #525252;
623
+ background: #dfdfdf;
624
+ }
625
+ .bs-callout h4 {
626
+ margin-top: 0;
627
+ margin-bottom: 5px;
628
+ color: #525252;
629
+ }
630
+ .no-padding .bs-callout {
631
+ border:0;
632
+ }
633
+ .page-header {
634
+ margin: 0 0 10px;
635
+ border-bottom: 1px solid #c7c7c7;
636
+ }
637
+ .box-content .page-header, legend, .full-calendar .page-header {
638
+ margin: 0 0 10px;
639
+ border-bottom: 1px dashed #B6B6B6;
640
+ }
641
+ .invoice-header {
642
+ margin: 0 0 10px;
643
+ border-bottom: 1px dashed #B6B6B6;
644
+ display: inline-block;
645
+ }
646
+ .box-content .form-group, .devoops-modal-inner .form-group {
647
+ margin-top:15px;
648
+ margin-bottom:15px;
649
+ }
650
+ .show-grid [class^="col-"] {
651
+ padding-top: 10px;
652
+ padding-bottom: 10px;
653
+ background-color: #525252;
654
+ background-color: rgba(129, 199, 199, 0.2);
655
+ border: 1px solid #ebebeb;
656
+ }
657
+ .show-grid [class^="col-"]:hover {
658
+ padding-top: 10px;
659
+ padding-bottom: 10px;
660
+ background-color: rgba(107, 134, 182, 0.2);
661
+ border: 1px solid #ebebeb;
662
+ }
663
+ .show-grid, .show-grid-forms {
664
+ margin-bottom: 15px;
665
+ }
666
+ .show-grid-forms [class^="col-"] {
667
+ padding-top: 10px;
668
+ padding-bottom: 10px;
669
+ }
670
+ .table-hover > tbody > tr:hover > td,
671
+ .table-hover > tbody > tr:hover > th,
672
+ td.beauty-hover {
673
+ background-color: rgba(219, 219, 219, 0.3) !important;
674
+ }
675
+ .table-hover > tbody > tr:hover > td.beauty-hover:hover {
676
+ background-color: rgba(219, 219, 219, 0.9) !important;
677
+ }
678
+ .DTTT.btn-group {
679
+ position: absolute;
680
+ top: -28px;
681
+ right: 83px;
682
+ border-right:1px solid #DBDBDB;
683
+ }
684
+ .DTTT.btn-group a {
685
+ -webkit-border-radius: 0;
686
+ -moz-border-radius: 0;
687
+ border-radius: 0;
688
+ line-height: 1em;
689
+ font-size: 14px;
690
+ font-weight: bold;
691
+ outline: none;
692
+ box-shadow: none !important;
693
+ padding: 6px 12px;
694
+ margin: 0;
695
+ background: #F7F7F7;
696
+ border: 0;
697
+ }
698
+ #screensaver {
699
+ position: fixed;
700
+ top: 0;
701
+ left: 0;
702
+ width: 100%;
703
+ height: 100%;
704
+ z-index: 3000;
705
+ background: #000;
706
+ display: none;
707
+ }
708
+ #screensaver.show {
709
+ display: block;
710
+ }
711
+ #canvas {
712
+ position: relative;
713
+ }
714
+ #screensaver i {
715
+ position: absolute;
716
+ top: 50px;
717
+ right: 50px;
718
+ background: rgba(255, 255, 255, 0.5);
719
+ line-height: 100px;
720
+ width: 100px;
721
+ height: 100px;
722
+ text-align: center;
723
+ font-size: 60px;
724
+ color: rgba(0, 0, 0, 0.8);
725
+ -webkit-border-radius: 4px;
726
+ -moz-border-radius: 4px;
727
+ border-radius: 4px;
728
+ }
729
+ .well pre {
730
+ padding: 0;
731
+ margin-top: 0;
732
+ margin-bottom: 0;
733
+ background-color: transparent;
734
+ border: 0;
735
+ white-space: nowrap;
736
+ }
737
+ .well pre code {
738
+ white-space: normal;
739
+ }
740
+ .btn {
741
+ border-width: 1px;
742
+ border-style: solid;
743
+ border-width: 1px;
744
+ text-decoration: none;
745
+ border-color: rgba(0, 0, 0, 0.3);
746
+ cursor: pointer;
747
+ outline: none;
748
+ font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode","Segoe UI",Verdana,sans-serif;
749
+ display: inline-block;
750
+ vertical-align: top;
751
+ position: relative;
752
+ font-size: 12px;
753
+ font-weight: bold;
754
+ text-align: center;
755
+ background-color: #a2a2a2;
756
+ background: #a2a2a2 -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0));
757
+ background: #a2a2a2 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.6)), to(rgba(255,255,255,0)));
758
+ line-height: 24px;
759
+ margin: 0 0 10px 0;
760
+ padding: 0 10px;
761
+ -webkit-border-radius: 4px;
762
+ -moz-border-radius: 4px;
763
+ border-radius: 4px;
764
+ -moz-user-select: none;
765
+ -webkit-user-select: none;
766
+ outline: none !important;
767
+ }
768
+ .btn-label-left, .btn-label-right {
769
+ padding: 0 10px;
770
+ }
771
+ .btn-label-left span {
772
+ position: relative;
773
+ left: -10px;
774
+ display: inline-block;
775
+ padding: 0px 8px;
776
+ background: rgba(0, 0, 0, 0.1);
777
+ }
778
+ .btn-label-right span {
779
+ position: relative;
780
+ right: -10px;
781
+ display: inline-block;
782
+ padding: 0px 8px;
783
+ background: rgba(0, 0, 0, 0.1);
784
+ }
785
+ .btn i {
786
+ vertical-align: middle;
787
+ }
788
+ .btn-app {
789
+ width: 80px;
790
+ height: 80px;
791
+ padding: 0;
792
+ font-size: 16px;
793
+ }
794
+ .btn-app i {
795
+ font-size: 36px;
796
+ line-height: 78px;
797
+ display: block;
798
+ }
799
+ .btn-app-sm {
800
+ width: 50px;
801
+ height: 50px;
802
+ padding: 0;
803
+ font-size: 12px;
804
+ }
805
+ .btn-app-sm i {
806
+ font-size: 18px;
807
+ line-height: 48px;
808
+ display: block;
809
+ }
810
+ .btn-circle {
811
+ -webkit-border-radius: 50%;
812
+ -moz-border-radius: 50%;
813
+ border-radius: 50%;
814
+ border: 2px solid rgba(0, 0, 0, 0.25);
815
+ }
816
+ .btn.active {
817
+ background-image: none;
818
+ outline: 0;
819
+ -webkit-box-shadow: none;
820
+ box-shadow: none;
821
+ }
822
+ .btn-default, .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active, .progress-bar {
823
+ background-color: #D8D8D8;
824
+ border-color: rgba(0, 0, 0, 0.3);
825
+ color: #929292;
826
+ }
827
+ .btn-primary, .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active,
828
+ .table > thead > tr > td.primary, .table > tbody > tr > td.primary, .table > tfoot > tr > td.primary, .table > thead > tr > th.primary, .table > tbody > tr > th.primary, .table > tfoot > tr > th.primary, .table > thead > tr.primary > td, .table > tbody > tr.primary > td, .table > tfoot > tr.primary > td, .table > thead > tr.primary > th, .table > tbody > tr.primary > th, .table > tfoot > tr.primary > th {
829
+ background-color: #6AA6D6;
830
+ border-color: rgba(0, 0, 0, 0.3);
831
+ color: #f8f8f8;
832
+ }
833
+ .btn-success, .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active, .progress-bar-success,
834
+ .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
835
+ background-color: #63CC9E;
836
+ border-color: rgba(0, 0, 0, 0.3);
837
+ color: #f8f8f8;
838
+ }
839
+ .btn-info, .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active, .progress-bar-info,
840
+ .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
841
+ background-color: #7BC5D3;
842
+ border-color: rgba(0, 0, 0, 0.3);
843
+ color: #f8f8f8;
844
+ }
845
+ .btn-warning, .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active, .progress-bar-warning,
846
+ .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
847
+ background-color: #DFD271;
848
+ border-color: rgba(0, 0, 0, 0.3);
849
+ color: #f8f8f8;
850
+ }
851
+ .btn-danger, .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active, .progress-bar-danger,
852
+ .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
853
+ background-color: #D15E5E;
854
+ border-color: rgba(0, 0, 0, 0.3);
855
+ color: #f8f8f8;
856
+ }
857
+ .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
858
+ color: #525252;
859
+ background-color: #b8b8b8;
860
+ border-color: rgba(0, 0, 0, 0.3);
861
+ }
862
+ .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary,
863
+ .table-hover > tbody > tr > td.primary:hover, .table-hover > tbody > tr > th.primary:hover, .table-hover > tbody > tr.primary:hover > td, .table-hover > tbody > tr.primary:hover > th {
864
+ color: #fff;
865
+ background-color: #5a8db6;
866
+ border-color: rgba(0, 0, 0, 0.3);
867
+ }
868
+ .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success,
869
+ .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th {
870
+ color: #fff;
871
+ background-color: #54ae86;
872
+ border-color: rgba(0, 0, 0, 0.3);
873
+ }
874
+ .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info,
875
+ .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th {
876
+ color: #fff;
877
+ background-color: #69a8b4;
878
+ border-color: rgba(0, 0, 0, 0.3);
879
+ }
880
+ .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning,
881
+ .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th {
882
+ color: #fff;
883
+ background-color: #beb360;
884
+ border-color: rgba(0, 0, 0, 0.3);
885
+ }
886
+ .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger,
887
+ .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th {
888
+ color: #fff;
889
+ background-color: #b25050;
890
+ border-color: rgba(0, 0, 0, 0.3);
891
+ }
892
+ .progress {
893
+ overflow: visible;
894
+ }
895
+ .progress-ui {
896
+ height: 10px;
897
+ }
898
+ .progress-bar {
899
+ -webkit-border-radius: 4px;
900
+ -moz-border-radius: 4px;
901
+ border-radius: 4px;
902
+ }
903
+ .progress-bar.ui-widget-content {
904
+ background: none;
905
+ border: 0;
906
+ height: 100%;
907
+ position: relative;
908
+ }
909
+ .progress-bar .ui-state-default {
910
+ -webkit-border-radius: 4px;
911
+ -moz-border-radius: 4px;
912
+ border-radius: 4px;
913
+ height: 10px;
914
+ width: 10px;
915
+ top: 0;
916
+ margin-left: -5px;
917
+ cursor:pointer;
918
+ border:0px solid #d3d3d3;
919
+ outline:none !important;
920
+ background-color: #f0f0f0;
921
+ background-image: -webkit-linear-gradient(top, #f0f0f0, #dfdfdf);
922
+ background-image: -moz-linear-gradient(top, #f0f0f0, #dfdfdf);
923
+ background-image: -ms-linear-gradient(top, #f0f0f0, #dfdfdf);
924
+ background-image: -o-linear-gradient(top, #f0f0f0, #dfdfdf);
925
+ background-image: linear-gradient(to bottom, #f0f0f0, #dfdfdf);
926
+ }
927
+ .progress-bar .ui-widget-header {
928
+ background: #D8D8D8;
929
+ }
930
+ .progress-bar-primary .ui-widget-header {
931
+ background: #6AA6D6;
932
+ color:#f8f8f8;
933
+ }
934
+ .progress-bar-success .ui-widget-header {
935
+ background: #63CC9E;
936
+ color:#f8f8f8;
937
+ }
938
+ .progress-bar-info .ui-widget-header {
939
+ background: #7BC5D3;
940
+ color:#f8f8f8;
941
+ }
942
+ .progress-bar-warning .ui-widget-header {
943
+ background: #DFD271;
944
+ color:#f8f8f8;
945
+ }
946
+ .progress-bar-danger .ui-widget-header {
947
+ background: #D15E5E;
948
+ color:#f8f8f8;
949
+ }
950
+ .progress-bar .ui-state-default {
951
+ background: #b8b8b8;
952
+ }
953
+ .progress-bar-primary .ui-state-default {
954
+ background: #5a8db6;
955
+ }
956
+ .progress-bar-success .ui-state-default {
957
+ background: #54ae86;
958
+ }
959
+ .progress-bar-info .ui-state-default {
960
+ background: #69a8b4;
961
+ }
962
+ .progress-bar-warning .ui-state-default {
963
+ background: #beb360;
964
+ }
965
+ .progress-bar-danger .ui-state-default {
966
+ background: #b25050;
967
+ }
968
+ .slider-range-min-amount, .slider-range-max-amount, .slider-range-amount {
969
+ border: 0;
970
+ background: none;
971
+ outline: none !important;
972
+ }
973
+ .progress-bar.ui-slider-vertical {
974
+ width:20px;
975
+ }
976
+ .progress-bar.ui-slider-vertical .ui-state-default {
977
+ -webkit-border-radius: 4px;
978
+ -moz-border-radius: 4px;
979
+ border-radius: 4px;
980
+ height: 20px;
981
+ width: 20px;
982
+ top: auto;
983
+ margin-left: 0px;
984
+ left: 0;
985
+ }
986
+ #equalizer .progress {
987
+ height:160px;
988
+ display:inline-block;
989
+ margin:15px;
990
+ }
991
+ .beauty-table {
992
+ width:100%;
993
+ border-collapse:separate;
994
+ border-spacing:0;
995
+ }
996
+ .beauty-table input {
997
+ border:1px solid transparent;
998
+ background: none;
999
+ font-size: 16px;
1000
+ text-align: center;
1001
+ padding:2px 15px !important;
1002
+ width:100%;
1003
+ outline:none;
1004
+ -webkit-border-radius: 4px;
1005
+ -moz-border-radius: 4px;
1006
+ border-radius: 4px;
1007
+ }
1008
+ .beauty-table input:focus {
1009
+ border:1px solid #dfdfdf;
1010
+ background: #fefefe;
1011
+ font-size: 16px;
1012
+ text-align: center;
1013
+ padding: 2px 15px !important;
1014
+ width:100%;
1015
+ outline:none;
1016
+ }
1017
+ .c {
1018
+ color: #999;
1019
+ display: block;
1020
+ }
1021
+ .nt {
1022
+ color: #2f6f9f;
1023
+ }
1024
+ .na {
1025
+ color: #4f9fcf;
1026
+ }
1027
+ .s {
1028
+ color: #d44950;
1029
+ }
1030
+ .radio, .checkbox, .radio-inline, .checkbox-inline {
1031
+ position: relative;
1032
+ }
1033
+ .radio label, .checkbox label, .radio-inline label, .checkbox-inline label {
1034
+ font-weight: normal;
1035
+ cursor: pointer;
1036
+ padding-left: 8px;
1037
+ -webkit-transition: 1s;
1038
+ -moz-transition: 1s;
1039
+ -o-transition: 1s;
1040
+ transition: 1s;
1041
+ }
1042
+ .radio + .radio, .checkbox + .checkbox {
1043
+ margin-top: 10px;
1044
+ }
1045
+ .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
1046
+ position: absolute;
1047
+ clip: rect(0, 0, 0, 0);
1048
+ }
1049
+ .checkbox i, .checkbox-inline i, .radio i, .radio-inline i {
1050
+ cursor: pointer;
1051
+ position: absolute;
1052
+ left: 0;
1053
+ top: 0;
1054
+ font-size: 24px;
1055
+ -webkit-transition: 1s;
1056
+ -moz-transition: 1s;
1057
+ -o-transition: 1s;
1058
+ transition: 1s;
1059
+ }
1060
+ .checkbox i.small, .checkbox-inline i.small, .radio i.small, .radio-inline i.small {
1061
+ font-size: 18px;
1062
+ top:2px;
1063
+ }
1064
+ .checkbox input[type=checkbox]:checked + i:before, .checkbox-inline input[type=checkbox]:checked + i:before {
1065
+ content:"\f046";
1066
+ }
1067
+ .radio input[type=radio]:checked + i:before, .radio-inline input[type=radio]:checked + i:before {
1068
+ content:"\f192";
1069
+ }
1070
+ .toggle-switch {
1071
+ position: relative;
1072
+ width: 60px;
1073
+ }
1074
+ .toggle-switch input {
1075
+ display: none;
1076
+ }
1077
+ .toggle-switch label {
1078
+ display: block;
1079
+ overflow: hidden;
1080
+ cursor: pointer;
1081
+ -webkit-border-radius: 20px;
1082
+ -moz-border-radius: 20px;
1083
+ border-radius: 20px;
1084
+ }
1085
+ .toggle-switch-inner {
1086
+ width: 200%;
1087
+ margin-left: -100%;
1088
+ -webkit-transition: margin 0.3s ease-in 0s;
1089
+ -moz-transition: margin 0.3s ease-in 0s;
1090
+ -o-transition: margin 0.3s ease-in 0s;
1091
+ transition: margin 0.3s ease-in 0s;
1092
+ }
1093
+ .toggle-switch-inner:before, .toggle-switch-inner:after {
1094
+ float: left;
1095
+ width: 50%;
1096
+ height: 20px;
1097
+ padding: 0;
1098
+ line-height: 20px;
1099
+ font-size: 12px;
1100
+ text-shadow: 1px 1px 1px #FFFFFF;
1101
+ color:#929292;
1102
+ background-color: #F5F5F5;
1103
+ -moz-box-sizing: border-box;
1104
+ -webkit-box-sizing: border-box;
1105
+ box-sizing: border-box;
1106
+ -webkit-border-radius: 20px;
1107
+ -moz-border-radius: 20px;
1108
+ border-radius: 20px;
1109
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
1110
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
1111
+ }
1112
+ .toggle-switch-inner:before {
1113
+ content: "ON";
1114
+ padding-left: 15px;
1115
+ -webkit-border-radius: 20px 0 0 20px;
1116
+ -moz-border-radius: 20px 0 0 20px;
1117
+ border-radius: 20px 0 0 20px;
1118
+ }
1119
+ .toggle-switch-inner:after {
1120
+ content: "OFF";
1121
+ padding-right: 15px;
1122
+ text-align: right;
1123
+ -webkit-border-radius: 0 20px 20px 0;
1124
+ -moz-border-radius: 0 20px 20px 0;
1125
+ border-radius: 0 20px 20px 0;
1126
+ }
1127
+ .toggle-switch-switch {
1128
+ width: 20px;
1129
+ margin: 0;
1130
+ border: 2px solid #d8d8d8;
1131
+ -webkit-border-radius: 20px;
1132
+ -moz-border-radius: 20px;
1133
+ border-radius: 20px;
1134
+ position: absolute;
1135
+ top: 0;
1136
+ bottom: 0;
1137
+ right: 40px;
1138
+ color: #f8f8f8;
1139
+ line-height: 1em;
1140
+ text-shadow: 0 0px 1px #ADADAD;
1141
+ text-align: center;
1142
+ -webkit-transition: all 0.3s ease-in 0s;
1143
+ -moz-transition: all 0.3s ease-in 0s;
1144
+ -o-transition: all 0.3s ease-in 0s;
1145
+ transition: all 0.3s ease-in 0s;
1146
+ background-color: #f0f0f0;
1147
+ background-image: -webkit-linear-gradient(top, #f0f0f0, #dfdfdf);
1148
+ background-image: -moz-linear-gradient(top, #f0f0f0, #dfdfdf);
1149
+ background-image: -ms-linear-gradient(top, #f0f0f0, #dfdfdf);
1150
+ background-image: -o-linear-gradient(top, #f0f0f0, #dfdfdf);
1151
+ background-image: linear-gradient(to bottom, #f0f0f0, #dfdfdf);
1152
+ }
1153
+ .toggle-switch input:checked + .toggle-switch-inner {
1154
+ margin-left: 0;
1155
+ }
1156
+ .toggle-switch input:checked + .toggle-switch-inner + .toggle-switch-switch {
1157
+ right: 0px;
1158
+ }
1159
+ .toggle-switch-danger input:checked + .toggle-switch-inner + .toggle-switch-switch {
1160
+ border:2px solid #D15E5E;
1161
+ background: #D15E5E;
1162
+ }
1163
+ .toggle-switch-warning input:checked + .toggle-switch-inner + .toggle-switch-switch {
1164
+ border:2px solid #DFD271;
1165
+ background: #DFD271;
1166
+ }
1167
+ .toggle-switch-info input:checked + .toggle-switch-inner + .toggle-switch-switch {
1168
+ border:2px solid #7BC5D3;
1169
+ background: #7BC5D3;
1170
+ }
1171
+ .toggle-switch-success input:checked + .toggle-switch-inner + .toggle-switch-switch {
1172
+ border:2px solid #63CC9E;
1173
+ background: #63CC9E;
1174
+ }
1175
+ .toggle-switch-primary input:checked + .toggle-switch-inner + .toggle-switch-switch {
1176
+ border:2px solid #6AA6D6;
1177
+ background: #6AA6D6;
1178
+ }
1179
+ .select2-container {
1180
+ width: 100%;
1181
+ }
1182
+ .select2-container .select2-choice {
1183
+ height: 30px;
1184
+ }
1185
+ .knob-slider {
1186
+ position: relative;
1187
+ text-align: center;
1188
+ display: inline-block;
1189
+ width: 100%;
1190
+ margin-bottom: 5px;
1191
+ }
1192
+ .knob-slider > div {
1193
+ display: inline-block !important;
1194
+ }
1195
+ .knob-slider input {
1196
+ outline: none !important;
1197
+ }
1198
+ .ipod {
1199
+ background:#dedede;
1200
+ text-align: center;
1201
+ padding:50px 0;
1202
+ }
1203
+ .knob-clock {
1204
+ text-align: center;
1205
+ }
1206
+ .knob-clock > div {
1207
+ font-size:50px;
1208
+ text-align: center;
1209
+ color:#a2a2a2;
1210
+ }
1211
+ .knob {
1212
+ border:0;
1213
+ background: 0;
1214
+ }
1215
+ .box-pricing:hover {
1216
+ box-shadow: 0 0 5px #525252;
1217
+ -webkit-transition: 0.5s;
1218
+ -moz-transition: 0.5s;
1219
+ -o-transition: 0.5s;
1220
+ transition: 0.5s;
1221
+ }
1222
+ .box-pricing .row-fluid > div {
1223
+ padding: 18px 15px 8px;
1224
+ line-height: 1.428571429;
1225
+ vertical-align: top;
1226
+ }
1227
+ .box-pricing .row-fluid.centered > div {
1228
+ background-color: #f5f5f5;
1229
+ padding: 8px;
1230
+ text-align: center;
1231
+ }
1232
+ .box-pricing .row-fluid.centered > div:nth-child(odd) {
1233
+ background-color: #f9f9f9;
1234
+ }
1235
+ .box-pricing .box-header {
1236
+ height: 80px;
1237
+ padding: 10px 0;
1238
+ }
1239
+ .box-pricing .box-name {
1240
+ padding: 0 10px;
1241
+ text-align: center;
1242
+ }
1243
+ .box-pricing .box-name:hover {
1244
+ cursor: inherit;
1245
+ }
1246
+ #messages #breadcrumb {
1247
+ margin-bottom: 0;
1248
+ position: fixed;
1249
+ width: 100%;
1250
+ z-index: 2;
1251
+ }
1252
+ #messages-menu {
1253
+ position:fixed;
1254
+ top:90px;
1255
+ background:#a5a5a5;
1256
+ margin:0;
1257
+ height: 100%;
1258
+ z-index: 2;
1259
+ }
1260
+ #messages-list {
1261
+ margin-top: 40px;
1262
+ padding: 0;
1263
+ }
1264
+ .one-list-message {
1265
+ background: #F1F1F1;
1266
+ border-bottom: 1px solid #CCC;
1267
+ padding: 15px 15px 15px 25px;
1268
+ margin: 0;
1269
+ }
1270
+ .one-list-message .checkbox {
1271
+ margin: 0;
1272
+ overflow: hidden;
1273
+ white-space: nowrap;
1274
+ }
1275
+ .one-list-message .message-title {
1276
+ overflow: hidden;
1277
+ white-space: nowrap;
1278
+ width: 80%;
1279
+ }
1280
+ .one-list-message .message-date {
1281
+ overflow: hidden;
1282
+ white-space: nowrap;
1283
+ font-size: 11px;
1284
+ line-height: 20px;
1285
+ text-align: center;
1286
+ position: absolute;
1287
+ right: 10px;
1288
+ font-weight: bold;
1289
+ background: #D8D8D8;
1290
+ padding: 0;
1291
+ width: 50px;
1292
+ -webkit-border-radius: 2px;
1293
+ -moz-border-radius: 2px;
1294
+ border-radius: 2px;
1295
+ color: #000;
1296
+ }
1297
+ .form-control {
1298
+ height: 26px;
1299
+ padding: 2px 12px;
1300
+ }
1301
+ .input-lg {
1302
+ height:39px;
1303
+ }
1304
+ .input-sm {
1305
+ height:18px;
1306
+ }
1307
+ .bg-default {
1308
+ background: #D8D8D8 !important;
1309
+ }
1310
+ .bg-primary {
1311
+ background: #6AA6D6 !important;
1312
+ color:#f8f8f8 !important;
1313
+ }
1314
+ .bg-success {
1315
+ background: #63CC9E !important;
1316
+ color:#f8f8f8 !important;
1317
+ }
1318
+ .bg-info {
1319
+ background: #7BC5D3 !important;
1320
+ color:#f8f8f8 !important;
1321
+ }
1322
+ .bg-warning {
1323
+ background: #DFD271 !important;
1324
+ color:#f8f8f8 !important;
1325
+ }
1326
+ .bg-danger {
1327
+ background: #D15E5E !important;
1328
+ color:#f8f8f8 !important;
1329
+ }
1330
+ .txt-default {
1331
+ color: #D8D8D8 !important;
1332
+ }
1333
+ .txt-primary {
1334
+ color: #6AA6D6 !important;
1335
+ }
1336
+ .txt-success, .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
1337
+ color: #63CC9E !important;
1338
+ }
1339
+ .txt-info {
1340
+ color: #7BC5D3 !important;
1341
+ }
1342
+ .txt-warning, .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
1343
+ color: #DFD271 !important;
1344
+ }
1345
+ .txt-danger, .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
1346
+ color: #D15E5E !important;
1347
+ }
1348
+ .has-success .form-control {
1349
+ border-color:#63CC9E;
1350
+ }
1351
+ .has-warning .form-control {
1352
+ border-color:#DFD271;
1353
+ }
1354
+ .has-error .form-control {
1355
+ border-color:#D15E5E;
1356
+ }
1357
+ .has-success .form-control:focus {
1358
+ border-color: #63CC9E;
1359
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #63CC9E;
1360
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #63CC9E;
1361
+ }
1362
+ .has-warning .form-control:focus {
1363
+ border-color: #DFD271;
1364
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #DFD271;
1365
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #DFD271;
1366
+ }
1367
+ .has-error .form-control:focus {
1368
+ border-color: #D15E5E;
1369
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #D15E5E;
1370
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #D15E5E;
1371
+ }
1372
+ .select2-container-multi .select2-choices {
1373
+ min-height: 26px;
1374
+ display: block;
1375
+ height: 26px;
1376
+ padding: 0 0 0 8px;
1377
+ overflow: hidden;
1378
+ position: relative;
1379
+ border: 1px solid #aaa;
1380
+ white-space: nowrap;
1381
+ line-height: 26px;
1382
+ color: #444;
1383
+ text-decoration: none;
1384
+ -webkit-border-radius: 4px;
1385
+ -moz-border-radius: 4px;
1386
+ border-radius: 4px;
1387
+ background-clip: padding-box;
1388
+ -webkit-touch-callout: none;
1389
+ -webkit-user-select: none;
1390
+ -moz-user-select: none;
1391
+ -ms-user-select: none;
1392
+ user-select: none;
1393
+ background-color: #fff;
1394
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
1395
+ background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
1396
+ background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
1397
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
1398
+ background-image: linear-gradient(top, #fff 0%, #eee 50%);
1399
+ }
1400
+ .select2-container-multi .select2-choices .select2-search-field input {
1401
+ padding: 0;
1402
+ margin: 0;
1403
+ }
1404
+ .has-feedback .form-control-feedback {
1405
+ width: 26px;
1406
+ height: 26px;
1407
+ line-height: 26px;
1408
+ }
1409
+ .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
1410
+ min-height: inherit;
1411
+ padding-top: 0;
1412
+ }
1413
+ .form-horizontal .control-label {
1414
+ padding-top: 4px;
1415
+ }
1416
+ .input-group-addon {
1417
+ padding: 0px 6px;
1418
+ }
1419
+ .form-group .form-control, .form-group .input-group {
1420
+ margin-bottom: 5px;
1421
+ }
1422
+ .input-group .form-control {
1423
+ margin:0;
1424
+ }
1425
+ #ui-datepicker-div {
1426
+ background: rgba(0, 0, 0, 0.7) !important;
1427
+ border:0;
1428
+ }
1429
+ #ui-datepicker-div .ui-widget-header {
1430
+ background: rgba(0, 0, 0, 0.2);
1431
+ border: 0;
1432
+ border-bottom: 1px solid #686868;
1433
+ -webkit-border-radius: 0;
1434
+ -moz-border-radius: 0;
1435
+ border-radius: 0;
1436
+ color: #f8f8f8;
1437
+ padding: 1px 0;
1438
+ }
1439
+ #ui-datepicker-div.ui-widget-content {
1440
+ color:#f8f8f8 !important;
1441
+ }
1442
+ #ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default {
1443
+ background: none;
1444
+ border:0;
1445
+ color:#f8f8f8;
1446
+ text-align: center;
1447
+ }
1448
+ #ui-datepicker-div .ui-state-hover, #ui-datepicker-div.ui-widget-content .ui-state-hover, #ui-datepicker-div .ui-widget-header .ui-state-hover, #ui-datepicker-div .ui-state-focus, #ui-datepicker-div.ui-widget-content .ui-state-focus, #ui-datepicker-div .ui-widget-header .ui-state-focus,
1449
+ #ui-datepicker-div .ui-state-highlight, #ui-datepicker-div.ui-widget-content .ui-state-highlight, #ui-datepicker-div .ui-widget-header .ui-state-highlight {
1450
+ background: rgba(0, 0, 0, 0.3) !important;
1451
+ border:0;
1452
+ top:2px;
1453
+ }
1454
+ #ui-datepicker-div .ui-datepicker-group {
1455
+ border-left: 1px solid #686868;
1456
+ }
1457
+ #ui-datepicker-div .ui-datepicker-group:first-child {
1458
+ border-left:0;
1459
+ }
1460
+ #ui-datepicker-div .ui-datepicker-buttonpane {
1461
+ margin: 0;
1462
+ }
1463
+ #ui-datepicker-div .ui-datepicker-group table {
1464
+ margin:0 auto !important;
1465
+ }
1466
+ .ui-datepicker .ui-datepicker-prev {
1467
+ left: 2px !important;
1468
+ cursor: pointer;
1469
+ }
1470
+ .ui-datepicker .ui-datepicker-next {
1471
+ right: 2px !important;
1472
+ cursor: pointer;
1473
+ }
1474
+ .ui-icon-circle-triangle-w {
1475
+ background: url(<%= asset_path 'devoops-rails/ui-left.png' %>) 0 0 no-repeat !important;
1476
+ }
1477
+ .ui-icon-circle-triangle-e {
1478
+ background: url(<%= asset_path 'devoops-rails/ui-right.png' %>) 0 0 no-repeat !important;
1479
+ }
1480
+ .ui-icon-circle-arrow-s {
1481
+ background: url(<%= asset_path 'devoops-rails/ui-accordion-down.png' %>) 0 0 no-repeat !important;
1482
+ }
1483
+ .ui-icon-circle-arrow-e {
1484
+ background: url(<%= asset_path 'devoops-rails/ui-accordion-right.png' %>) 0 0 no-repeat !important;
1485
+ }
1486
+ #ui-datepicker-div .ui-slider-horizontal {
1487
+ background: rgba(0, 0, 0, 0.5);
1488
+ height: 4px;
1489
+ border: 0;
1490
+ }
1491
+ #ui-datepicker-div .ui-slider-horizontal .ui-slider-handle {
1492
+ background: #D8D8D8 !important;
1493
+ border: 1px solid #f8f8f8;
1494
+ height: 8px;
1495
+ width: 8px;
1496
+ top:-2px;
1497
+ margin-left: -4px;
1498
+ outline: none;
1499
+ cursor: pointer;
1500
+ }
1501
+ .ui-spinner-input {
1502
+ margin:0;
1503
+ }
1504
+ .ui-spinner .form-control {
1505
+ margin-bottom: 0;
1506
+ }
1507
+ #tabs.ui-widget-content, #tabs .ui-widget-header {
1508
+ border:0;
1509
+ background: none;
1510
+ padding: 0;
1511
+ -webkit-border-radius: 0;
1512
+ -moz-border-radius: 0;
1513
+ border-radius: 0;
1514
+ }
1515
+ #tabs .ui-widget-header {
1516
+ border-bottom: 1px solid #d8d8d8;
1517
+ }
1518
+ #tabs .ui-state-default, #tabs.ui-widget-content .ui-state-default, #tabs .ui-widget-header .ui-state-default {
1519
+ border:0;
1520
+ margin: 0 0 -1px 0;
1521
+ background: none !important;
1522
+ }
1523
+ #tabs .ui-state-active, #tabs.ui-widget-content .ui-state-active, #tabs .ui-widget-header .ui-state-active {
1524
+ background: none !important;
1525
+ }
1526
+ .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
1527
+ cursor: pointer;
1528
+ }
1529
+ .ui-tabs .ui-tabs-nav li.ui-tabs-active {
1530
+ margin: 0;
1531
+ padding: 0;
1532
+ }
1533
+ .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
1534
+ padding: 5px 15px;
1535
+ outline: none !important;
1536
+ }
1537
+ .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
1538
+ background:#fcfcfc;
1539
+ border:1px solid #d8d8d8;
1540
+ border-bottom: 0;
1541
+ }
1542
+ .ui-tabs .ui-tabs-nav {
1543
+ padding: 0;
1544
+ }
1545
+ .ui-tabs .ui-tabs-panel {
1546
+ padding: 1em 0;
1547
+ }
1548
+ .ui-widget {
1549
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
1550
+ }
1551
+ .jqstooltip {
1552
+ -webkit-box-sizing: content-box;
1553
+ -moz-box-sizing: content-box;
1554
+ box-sizing: content-box;
1555
+ border:0!important;
1556
+ text-align:center !important;
1557
+ margin:0px!important;
1558
+ width:50px;
1559
+ -webkit-border-radius: 4px;
1560
+ -moz-border-radius: 4px;
1561
+ border-radius: 4px;
1562
+ padding:0px;
1563
+ }
1564
+ .ui-accordion .ui-accordion-header {
1565
+ padding: 6px 12px;
1566
+ margin: 0;
1567
+ top:0;
1568
+ -webkit-border-radius: 0;
1569
+ -moz-border-radius: 0;
1570
+ border-radius: 0;
1571
+ }
1572
+ .ui-accordion .ui-accordion-icons {
1573
+ padding-left:28px;
1574
+ }
1575
+ .ui-accordion-header.ui-state-default {
1576
+ background: #f5f5f5 !important;
1577
+ border: 1px solid #fcfcfc;
1578
+ border-left: 0;
1579
+ border-right: 0;
1580
+ }
1581
+ .ui-accordion-header.ui-state-hover, .ui-accordion-header.ui-state-focus {
1582
+ background: #ebebeb !important;
1583
+ }
1584
+ .ui-accordion-header.ui-state-active {
1585
+ background: #d8d8d8 !important;
1586
+ }
1587
+ .ui-accordion .ui-accordion-content {
1588
+ padding:10px 12px;
1589
+ background: none;
1590
+ border:1px solid #d8d8d8;
1591
+ border-top:0;
1592
+ border-bottom:0;
1593
+ -webkit-border-radius: 0;
1594
+ -moz-border-radius: 0;
1595
+ border-radius: 0;
1596
+ }
1597
+ #simple_gallery {
1598
+ text-align: center;
1599
+ }
1600
+ #simple_gallery a.fancybox {
1601
+ display: inline-block;
1602
+ padding: 5px;
1603
+ }
1604
+ #simple_gallery a.fancybox img {
1605
+ width: 100%;
1606
+ padding: 2px;
1607
+ border: 1px solid #979797;
1608
+ -webkit-border-radius: 2px;
1609
+ -moz-border-radius: 2px;
1610
+ border-radius: 2px;
1611
+ }
1612
+ #simple_gallery a.fancybox img:hover {
1613
+ box-shadow: 0 0 10px #C7C7C7;
1614
+ }
1615
+ .justifiedGallery {
1616
+ overflow: hidden;
1617
+ width: 100%;
1618
+ }
1619
+ .jg-row {
1620
+ position: relative;
1621
+ white-space: nowrap;
1622
+ }
1623
+ .justifiedGallery .jg-image {
1624
+ position: absolute;
1625
+ display: inline-block;
1626
+ vertical-align: top;
1627
+ margin-left: 0;
1628
+ }
1629
+ .justifiedGallery .jg-image a {
1630
+ text-decoration: none;
1631
+ }
1632
+ .justifiedGallery .jg-image img {
1633
+ border: none;
1634
+ }
1635
+ .justifiedGallery .jg-image-label {
1636
+ white-space: normal;
1637
+ font: normal 12px arial;
1638
+ background: #000;
1639
+ color: #fff;
1640
+ position: absolute;
1641
+ left: 0;
1642
+ right: 0;
1643
+ padding: 5px 5px 10px 8px;
1644
+ text-align: left;
1645
+ opacity: 0;
1646
+ }
1647
+ .ex-tooltip {
1648
+ position: absolute;
1649
+ display: none;
1650
+ z-index: 2000;
1651
+ }
1652
+ .morris-hover {
1653
+ position:absolute;
1654
+ z-index:1000;
1655
+ }
1656
+ .morris-hover.morris-default-style, .ex-tooltip {
1657
+ -webkit-border-radius: 4px;
1658
+ -moz-border-radius: 4px;
1659
+ border-radius: 4px;
1660
+ padding: 6px 20px;
1661
+ color: #525252;
1662
+ background: rgba(255, 255, 255, 0.8);
1663
+ font-size: 12px;
1664
+ text-align: center;
1665
+ }
1666
+ .morris-hover.morris-default-style .morris-hover-row-label{
1667
+ font-weight:bold;
1668
+ margin:0.25em 0;
1669
+ }
1670
+ .morris-hover.morris-default-style .morris-hover-point{
1671
+ white-space:nowrap;
1672
+ margin:0.1em 0;
1673
+ }
1674
+ #dashboard-header {
1675
+ margin-bottom:20px;
1676
+ }
1677
+ #dashboard_links {
1678
+ padding: 0;
1679
+ }
1680
+ #dashboard_links .nav {
1681
+ background:#3575A0 url(<%= asset_path 'devoops-rails/devoops_pattern_b10.png' %>) 0 0 repeat;
1682
+ -webkit-border-radius: 0 4px 4px 0;
1683
+ -moz-border-radius: 0 4px 4px 0;
1684
+ border-radius: 0 4px 4px 0;
1685
+ overflow: hidden;
1686
+ }
1687
+ #dashboard_links .nav-stacked > li {
1688
+ border-bottom: 1px solid rgba(0, 0, 0, 0.25);
1689
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
1690
+ font-size: 12px;
1691
+ font-weight: 700;
1692
+ line-height: 15px;
1693
+ padding: 0;
1694
+ margin: 0;
1695
+ }
1696
+ #dashboard_links .nav-pills > li > a {
1697
+ color: #f8f8f8;
1698
+ display: block;
1699
+ padding: 20px 10px 20px 15px;
1700
+ -webkit-border-radius: 0;
1701
+ -moz-border-radius: 0;
1702
+ border-radius: 0;
1703
+ outline:none;
1704
+ }
1705
+ #dashboard_links .nav-pills > li.active {
1706
+ border-top-color: rgba(0, 0, 0, 0.11);
1707
+ position: relative;
1708
+ margin: 0;
1709
+ }
1710
+ #dashboard_links .nav-pills > li.active > a, #dashboard_links .nav-pills > li.active > a:hover, #dashboard_links .nav-pills > li.active > a:focus, #dashboard_links .nav > li > a:hover, #dashboard_links .nav > li > a:focus {
1711
+ background:rgba(0, 0, 0, 0.1);
1712
+ }
1713
+ #dashboard_links .nav-pills > li.active > a:before {
1714
+ font-family: FontAwesome;
1715
+ content: "\f0da";
1716
+ position: absolute;
1717
+ left: -2px;
1718
+ font-size: 30px;
1719
+ color: #f8f8f8;
1720
+ }
1721
+ #dashboard_tabs {
1722
+ background:#f8f8f8;
1723
+ -webkit-border-radius: 4px 0 0 4px;
1724
+ -moz-border-radius: 4px 0 0 4px;
1725
+ border-radius: 4px 0 0 4px;
1726
+ }
1727
+ #dashboard-overview {
1728
+ padding-bottom:15px;
1729
+ }
1730
+ .sparkline-dashboard {
1731
+ float: left;
1732
+ margin-right: 10px;
1733
+ text-align: center;
1734
+ }
1735
+ .sparkline-dashboard-info {
1736
+ float: left;
1737
+ display: block;
1738
+ text-align: center;
1739
+ }
1740
+ .sparkline-dashboard-info span {
1741
+ display: block;
1742
+ font-weight: bold;
1743
+ color: #b25050;
1744
+ }
1745
+ #ow-marketplace {
1746
+ margin-top: 20px;
1747
+ }
1748
+ .ow-server {
1749
+ padding-top: 8px;
1750
+ padding-bottom: 25px;
1751
+ }
1752
+ .ow-server:hover {
1753
+ background:#e7e7e7;
1754
+ }
1755
+ .ow-server .page-header {
1756
+ padding-bottom: 3px;
1757
+ }
1758
+ .ow-server h4 i {
1759
+ position: absolute;
1760
+ left: 15px;
1761
+ }
1762
+ .ow-server small {
1763
+ position: absolute;
1764
+ right: 15px;
1765
+ top: 51px;
1766
+ }
1767
+ .ow-server-bottom {
1768
+ margin-top:25px;
1769
+ }
1770
+ .ow-server-bottom .knob-slider {
1771
+ font-size: 11px;
1772
+ }
1773
+ #ow-server-footer {
1774
+ overflow: hidden;
1775
+ -webkit-border-radius: 0 0 4px 4px;
1776
+ -moz-border-radius: 0 0 4px 4px;
1777
+ border-radius: 0 0 4px 4px;
1778
+ }
1779
+ .ow-settings {
1780
+ position: absolute;
1781
+ top: 7px;
1782
+ left: 40px;
1783
+ display:none;
1784
+ }
1785
+ .ow-settings a {
1786
+ color:#525252;
1787
+ }
1788
+ .ow-server:hover .ow-settings {
1789
+ display: block;
1790
+ }
1791
+ #ow-server-footer a {
1792
+ display: block;
1793
+ padding:10px 0;
1794
+ border-left:1px solid #f8f8f8;
1795
+ text-decoration:none;
1796
+ }
1797
+ #ow-server-footer a:first-child {
1798
+ border-left:0;
1799
+ }
1800
+ #ow-server-footer span {
1801
+ display: block;
1802
+ }
1803
+ .m-table > thead > tr > th, .m-table > tbody > tr > th, .m-table > tfoot > tr > th, .m-table > thead > tr > td, .m-table > tbody > tr > td, .m-table > tfoot > tr > td {
1804
+ vertical-align: middle;
1805
+ padding: 2px 5px;
1806
+ }
1807
+ .m-ticker span {
1808
+ display: block;
1809
+ font-size: 0.8em;
1810
+ line-height: 1em;
1811
+ }
1812
+ .m-price {
1813
+ text-align: right;
1814
+ }
1815
+ .m-change .fa-angle-up {
1816
+ color:#54ae86;
1817
+ font-weight: bold;
1818
+ }
1819
+ .m-change .fa-angle-down {
1820
+ color:#b25050;
1821
+ font-weight: bold;
1822
+ }
1823
+ #ow-summary {
1824
+ font-size: 12px;
1825
+ }
1826
+ #ow-summary b {
1827
+ float:right;
1828
+ padding:1px 4px;
1829
+ margin:1px;
1830
+ border:1px solid #d8d8d8;
1831
+ -webkit-border-radius: 4px;
1832
+ -moz-border-radius: 4px;
1833
+ border-radius: 4px;
1834
+ }
1835
+ #ow-donut {
1836
+ margin:0 0 20px;
1837
+ }
1838
+ #ow-donut > div {
1839
+ padding:0;
1840
+ }
1841
+ #ow-activity .row {
1842
+ margin: 0 0 0 -15px;
1843
+ font-size: 13px;
1844
+ }
1845
+ #ow-setting {
1846
+ border: 1px solid #C7C7C7;
1847
+ padding: 0;
1848
+ position: absolute;
1849
+ width: 158px;
1850
+ height: 28px;
1851
+ top: 1px;
1852
+ -webkit-border-radius: 4px 4px 0 0;
1853
+ -moz-border-radius: 4px 4px 0 0;
1854
+ border-radius: 4px 4px 0 0;
1855
+ opacity: 0;
1856
+ right: -200px;
1857
+ -webkit-transition: 0.1s;
1858
+ -moz-transition: 0.1s;
1859
+ -o-transition: 0.1s;
1860
+ transition: 0.1s;
1861
+ }
1862
+ #ow-marketplace:hover #ow-setting {
1863
+ opacity:1;
1864
+ right:15px;
1865
+ }
1866
+ #ow-setting a {
1867
+ text-align: center;
1868
+ float: left;
1869
+ margin-left: 10px;
1870
+ color: #d8d8d8;
1871
+ font-size: 16px;
1872
+ display:block;
1873
+ line-height: 28px;
1874
+ width:20px;
1875
+ height:26px;
1876
+ -webkit-transition: 0.1s;
1877
+ -moz-transition: 0.1s;
1878
+ -o-transition: 0.1s;
1879
+ transition: 0.1s;
1880
+ }
1881
+ #ow-setting a:hover {
1882
+ font-size:16px;
1883
+ color:#222;
1884
+ line-height:24px;
1885
+ }
1886
+ #ow-licenced {
1887
+ margin:20px 0;
1888
+ }
1889
+ #ow-licenced .row {
1890
+ margin:0;
1891
+ }
1892
+ #ow-stat .row {
1893
+ margin: 0;
1894
+ }
1895
+ #dashboard-clients .one-list-message {
1896
+ background:none;
1897
+ padding:10px 15px;
1898
+ }
1899
+ #dashboard-clients .one-list-message:last-child {
1900
+ border-bottom: 0;
1901
+ }
1902
+ #dashboard-clients .one-list-message .message-date {
1903
+ position: relative;
1904
+ width: auto;
1905
+ right: auto;
1906
+ left: 15px;
1907
+ padding: 0 15px;
1908
+ }
1909
+ .btn + .dropdown-menu {
1910
+ margin-top: -10px;
1911
+ background: rgba(0, 0, 0, 0.7) !important; padding: 0; border: 0;
1912
+ right: 0;
1913
+ left: auto;
1914
+ min-width: 100%;
1915
+ }
1916
+ .btn + .dropdown-menu > li > a {
1917
+ padding: 5px 10px !important;
1918
+ color: #f0f0f0;
1919
+ }
1920
+ .v-txt {
1921
+ -moz-transform: rotate(-90deg);
1922
+ -webkit-transform: rotate(-90deg);
1923
+ -o-transform: rotate(-90deg);
1924
+ position: absolute;
1925
+ top: 60px;
1926
+ left: -20px;
1927
+ color: #d8d8d8;
1928
+ font-size: 18px;
1929
+ box-shadow: 0 0 10px #d8d8d8;
1930
+ padding: 0px 5px;
1931
+ }
1932
+ .full-calendar {
1933
+ padding: 25px 0;
1934
+ background: #FCFCFC;
1935
+ }
1936
+ .external-event {
1937
+ padding: 2px 6px;
1938
+ margin: 4px 0;
1939
+ background: #f5f5f5;
1940
+ }
1941
+ .external-event:hover {
1942
+ cursor: move;
1943
+ background: #6AA6D6;
1944
+ color:#f8f8f8;
1945
+ }
1946
+ #add-new-event {
1947
+ background: #EBEBEB;
1948
+ margin-bottom: 30px;
1949
+ padding: 10px;
1950
+ -webkit-border-radius: 4px;
1951
+ -moz-border-radius: 4px;
1952
+ border-radius: 4px;
1953
+ }
1954
+ .modal-backdrop {
1955
+ z-index: 2000;
1956
+ }
1957
+ .modal {
1958
+ z-index: 2001;
1959
+ }
1960
+ .fc-event {
1961
+ border: 1px solid #6AA6D6;
1962
+ background-color: #6AA6D6;
1963
+ }
1964
+ .qq-upload-drop-area {
1965
+ position: absolute;
1966
+ background: #fcfcfc;
1967
+ width: 100%;
1968
+ height: 100%;
1969
+ }
1970
+ .qq-upload-button {
1971
+ float:right;
1972
+ margin:20px 15px 0 0;
1973
+ }
1974
+ .qq-upload-list {
1975
+ position: relative;
1976
+ z-index: 3;
1977
+ margin: 60px 15px 0;
1978
+ padding: 0;
1979
+ list-style: none;
1980
+ }
1981
+ .qq-upload-list li {
1982
+ position: relative;
1983
+ display: inline-block;
1984
+ padding: 15px;
1985
+ margin: 15px;
1986
+ border: 1px solid #E6E6E6;
1987
+ text-align: center;
1988
+ font-size: 12px;
1989
+ background: rgba(245, 245, 245, 0.9);
1990
+ }
1991
+ .qq-upload-settings {
1992
+ opacity: 0;
1993
+ visibility: hidden;
1994
+ bottom: 0;
1995
+ position: absolute;
1996
+ width: 100%;
1997
+ left: 0;
1998
+ padding: 7px 0;
1999
+ background: #FFF;
2000
+ -webkit-border-radius: 0 0 4px 4px;
2001
+ -moz-border-radius: 0 0 4px 4px;
2002
+ border-radius: 0 0 4px 4px;
2003
+ -webkit-transition: 0.2s;
2004
+ -moz-transition: 0.2s;
2005
+ -o-transition: 0.2s;
2006
+ transition: 0.2s;
2007
+ }
2008
+ .qq-upload-list li:hover .qq-upload-settings {
2009
+ opacity: 1;
2010
+ visibility: visible;
2011
+ }
2012
+ .qq-upload-list li img {
2013
+ border:1px solid #b4b4b4;
2014
+ margin-bottom: 5px;
2015
+ }
2016
+ .qq-upload-filename {
2017
+ display: block;
2018
+ overflow: hidden;
2019
+ }
2020
+ .qq-upload-file, .qq-upload-size, .qq-upload-status-text {
2021
+ display: block;
2022
+ }
2023
+ .qq-dropped-zone {
2024
+ position: absolute;
2025
+ top: 5%;
2026
+ left: 50%;
2027
+ margin-left: -71px;
2028
+ text-align: center;
2029
+ font-weight: bold;
2030
+ }
2031
+ .qq-dropped-zone i {
2032
+ font-size: 5em;
2033
+ display: block;
2034
+ color: #f5f5f5;
2035
+ text-shadow: 0 -1px 1px #d8d8d8;
2036
+ }
2037
+ #page-500 h1, .page-404 h1 {
2038
+ font-size: 5em;
2039
+ }
2040
+ .page-404 .form-inline {
2041
+ margin: 40px auto;
2042
+ width: 60%;
2043
+ padding: 15px;
2044
+ background: #FAFAFA;
2045
+ -webkit-border-radius: 4px;
2046
+ -moz-border-radius: 4px;
2047
+ border-radius: 4px;
2048
+ }
2049
+ .page-404 .input-group-btn:last-child > .btn, .page-404 .input-group-btn:last-child > .btn-group {
2050
+ margin-left: -1px;
2051
+ margin-bottom: 0;
2052
+ height: 39px;
2053
+ }
2054
+ #page-500 h3, .page-404 h3 {
2055
+ margin: 5px 0 20px;
2056
+ }
2057
+ .preloader {
2058
+ position: absolute;
2059
+ width: 100%;
2060
+ height: 100%;
2061
+ left: 0;
2062
+ background: #ebebeb;
2063
+ z-index: 2000;
2064
+ }
2065
+ .devoops-getdata {
2066
+ position: absolute;
2067
+ top: 25px;
2068
+ left: 15px;
2069
+ color:#ebebeb;
2070
+ }
2071
+ #page-500, #page-login {
2072
+ position: absolute;
2073
+ height: 100%;
2074
+ width: 100%;
2075
+ }
2076
+ #page-500 {
2077
+ background: #ebebeb;
2078
+ }
2079
+ #page-500 img {
2080
+ display: block;
2081
+ margin:30px auto;
2082
+ }
2083
+ #page-login .logo {
2084
+ position:absolute;
2085
+ }
2086
+ #page-login h3 {
2087
+ font-size:20px;
2088
+ font-family: 'Righteous', cursive;
2089
+ }
2090
+ #page-login .text-right {
2091
+ margin-top: 15px;
2092
+ }
2093
+ #page-login .box {
2094
+ margin-top:15%;
2095
+ }
2096
+ .one-result {
2097
+ margin-top:20px;
2098
+ }
2099
+ .one-result p {
2100
+ margin:0;
2101
+ }
2102
+ .large {
2103
+ font-size: 1.25em;
2104
+ }
2105
+ .nav-search > li.active > a {
2106
+ background: #F0F0F0;
2107
+ -webkit-border-radius: 4px;
2108
+ -moz-border-radius: 4px;
2109
+ border-radius: 4px;
2110
+ color: #525252;
2111
+ border-bottom: 1px solid #CECECE;
2112
+ font-weight: bold;
2113
+ }
2114
+ .page-feed .avatar {
2115
+ width: 60px;
2116
+ float: left;
2117
+ margin: 10px 15px;
2118
+ text-align: center;
2119
+ overflow: hidden;
2120
+ }
2121
+ .page-feed .avatar img {
2122
+ width: 60px;
2123
+ height: 60px;
2124
+ border: 1px solid #F8F8F8;
2125
+ }
2126
+ .page-feed-content {
2127
+ position: relative;
2128
+ padding: 3px 15px 5px;
2129
+ background: #FCFCFC;
2130
+ margin-left:90px;
2131
+ min-height: 80px;
2132
+ }
2133
+ .page-feed-content small.time {
2134
+ font-style: italic;
2135
+ }
2136
+ .page-feed .page-feed-content:before {
2137
+ font-family: FontAwesome;
2138
+ content: "\f0d9";
2139
+ position: absolute;
2140
+ left: -10px;
2141
+ top: 15px;
2142
+ font-size: 30px;
2143
+ color: #fcfcfc;
2144
+ }
2145
+ .likebox {
2146
+ overflow: hidden;
2147
+ }
2148
+ .likebox .navbar-nav {
2149
+ margin:0;
2150
+ }
2151
+ .likebox .navbar-nav li {
2152
+ margin-right: 15px;
2153
+ float: left;
2154
+ }
2155
+ .likebox .fa-thumbs-up {
2156
+ color:#6AA6D6;
2157
+ }
2158
+ .likebox .fa-thumbs-down {
2159
+ color:#D15E5E;
2160
+ }
2161
+ #modalbox {
2162
+ display:none;
2163
+ position: fixed;
2164
+ overflow: auto;
2165
+ overflow-x: hidden;
2166
+ top: 0;
2167
+ right: 0;
2168
+ bottom: 0;
2169
+ left: 0;
2170
+ z-index: 5000;
2171
+ background:rgba(0,0,0,0.8);
2172
+ }
2173
+ #modalbox .devoops-modal {
2174
+ position:absolute;top:90px;margin-left: -300px;left: 50%;
2175
+ border: 1px solid #f8f8f8;
2176
+ box-shadow: 0 0 20px #6AA6D6;
2177
+ background: transparent;
2178
+ margin-bottom: 20px;
2179
+ -webkit-border-radius: 3px;
2180
+ -moz-border-radius: 3px;
2181
+ border-radius: 3px;
2182
+ width: 600px;
2183
+ z-index:6000;
2184
+ }
2185
+ #modalbox .devoops-modal-header {
2186
+ color: #363636;
2187
+ font-size: 16px;
2188
+ position:relative;
2189
+ overflow: hidden;
2190
+ background: #f5f5f5;
2191
+ border-bottom: 1px solid #E4E4E4;
2192
+ height: 28px;
2193
+ }
2194
+ #modalbox .devoops-modal-inner {
2195
+ position: relative;
2196
+ overflow: hidden;
2197
+ padding: 15px;
2198
+ background: #FCFCFC;
2199
+ }
2200
+ #modalbox .devoops-modal-bottom {
2201
+ position: relative;
2202
+ overflow: hidden;
2203
+ padding: 15px;
2204
+ background: #d8d8d8;
2205
+ }
2206
+ .pagination > li > a, .pagination > li > span {
2207
+ position: relative;
2208
+ float: left;
2209
+ padding: 4px 10px;
2210
+ margin-left: -1px;
2211
+ line-height: 1.428571429;
2212
+ color: #969696;
2213
+ text-decoration: none;
2214
+ background-color: #F5F5F5;
2215
+ border: 1px solid #D8D8D8;
2216
+ }
2217
+ .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
2218
+ color: #8A8A8A;
2219
+ background-color: #eee;
2220
+ }
2221
+ .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
2222
+ color: #979797;
2223
+ cursor: not-allowed;
2224
+ background-color: #FCFCFC;
2225
+ border-color: #D8D8D8;
2226
+ }
2227
+ .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
2228
+ z-index: 2;
2229
+ color: #fff;
2230
+ cursor: default;
2231
+ background-color: #6AA6D6;
2232
+ border-color: #6AA6D6;
2233
+ }
2234
+ .fancybox-nav {
2235
+ position: fixed;
2236
+ width: 50%;
2237
+ }
2238
+ .fancybox-close {
2239
+ position: fixed;
2240
+ top: 20px;
2241
+ right: 36px;
2242
+ background: url(<%= asset_path 'devoops-rails/times.png' %>) 0 0 no-repeat;
2243
+ }
2244
+ .fancybox-prev span {
2245
+ left: 21px;
2246
+ background: url(<%= asset_path 'devoops-rails/chevron-left.png' %>) 0 0 no-repeat;
2247
+ }
2248
+ .fancybox-next span {
2249
+ right: 36px;
2250
+ background: url(<%= asset_path 'devoops-rails/chevron-right.png' %>) 0 0 no-repeat;
2251
+ }
2252
+ #social a {
2253
+ margin: 10px 3px;
2254
+ color: #666;
2255
+ display: block;
2256
+ float: left;
2257
+ }
2258
+ #event_delete {
2259
+ margin-left:20px;
2260
+ }
2261
+ @media (min-width: 768px) {
2262
+ #sidebar-left.col-sm-2 {
2263
+ opacity: 1;
2264
+ width: 16.666666666666664%;
2265
+ padding: 0 15px;
2266
+ }
2267
+ .sidebar-show #sidebar-left.col-sm-2 {
2268
+ opacity: 0;
2269
+ width:0;
2270
+ padding:0;
2271
+ }
2272
+ .sidebar-show #content.col-sm-10 {
2273
+ opacity: 1;
2274
+ width:100%;
2275
+ }
2276
+ .page-404 .form-inline {
2277
+ width: 60%;
2278
+ }
2279
+ }
2280
+ @media (min-width: 992px) {
2281
+ .nav.main-menu > li > a, .nav.msg-menu > li > a {
2282
+ text-align: left;
2283
+ }
2284
+ .nav.main-menu > li > a > i, .nav.msg-menu > li > a > i {
2285
+ font-size:14px;
2286
+ width: 20px;
2287
+ display: inline-block;
2288
+ }
2289
+ .main-menu .dropdown-menu {
2290
+ position: relative;
2291
+ z-index: inherit;
2292
+ left:0;
2293
+ margin: 0;
2294
+ -webkit-border-radius: 0;
2295
+ -moz-border-radius: 0;
2296
+ border-radius: 0;
2297
+ background:rgba(0, 0, 0, 0.2);
2298
+ visibility: visible;
2299
+ }
2300
+ .main-menu .dropdown-menu > li > a {
2301
+ -webkit-border-radius: 0 !important;
2302
+ -moz-border-radius: 0 !important;
2303
+ border-radius: 0 !important;
2304
+ }
2305
+ .page-404 .form-inline {
2306
+ width: 40%;
2307
+ }
2308
+ }
2309
+ @media (max-width: 767px) {
2310
+ #main {
2311
+ margin-top: 100px;
2312
+ }
2313
+ #messages-menu {
2314
+ top:140px;
2315
+ }
2316
+ .page-404 .form-inline {
2317
+ width: 100%;
2318
+ }
2319
+ #dashboard_links .nav {
2320
+ -webkit-border-radius: 4px 4px 0 0;
2321
+ -moz-border-radius: 4px 4px 0 0;
2322
+ border-radius: 4px 4px 0 0;
2323
+ }
2324
+ #dashboard_links .nav-stacked > li {
2325
+ float:left;
2326
+ }
2327
+ #dashboard_links .nav-pills > li > a {
2328
+ padding:15px;
2329
+ }
2330
+ #dashboard_links .nav-pills > li.active > a:before {
2331
+ bottom: 0;
2332
+ left: 50%;
2333
+ margin-left: -9px;
2334
+ }
2335
+ }
2336
+ @media (max-width: 620px) {
2337
+ .user-mini {
2338
+ display: none;
2339
+ }
2340
+ }
2341
+ @media (max-width: 400px) {
2342
+ .panel-menu a.account {
2343
+ padding: 5px 0px 5px 0;
2344
+ }
2345
+ .avatar {
2346
+ margin: 0;
2347
+ }
2348
+ .panel-menu i.pull-right {
2349
+ margin-left: 0;
2350
+ }
2351
+ .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
2352
+ background: none;
2353
+ }
2354
+ #dashboard_links .nav-stacked > li {
2355
+ float:none;
2356
+ }
2357
+ #dashboard_links .nav-pills > li.active > a:before {
2358
+ display: none;
2359
+ }
2360
+ }