active_frontend 2.1.0 → 3.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (44) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -0
  3. data/app/assets/images/placeholders/camera.png +0 -0
  4. data/app/assets/images/placeholders/person.png +0 -0
  5. data/app/assets/images/placeholders/picture.png +0 -0
  6. data/lib/active_frontend/version.rb +1 -1
  7. data/vendor/assets/javascripts/chart.js +10 -10
  8. data/vendor/assets/stylesheets/ad.scss +1 -1
  9. data/vendor/assets/stylesheets/alert.scss +18 -14
  10. data/vendor/assets/stylesheets/aside.scss +15 -13
  11. data/vendor/assets/stylesheets/breadcrumb.scss +4 -4
  12. data/vendor/assets/stylesheets/button.scss +136 -120
  13. data/vendor/assets/stylesheets/canvas.scss +5 -15
  14. data/vendor/assets/stylesheets/code.scss +63 -63
  15. data/vendor/assets/stylesheets/colorpicker.scss +2 -1
  16. data/vendor/assets/stylesheets/datepicker.scss +14 -14
  17. data/vendor/assets/stylesheets/dropdown.scss +16 -17
  18. data/vendor/assets/stylesheets/footer.scss +30 -102
  19. data/vendor/assets/stylesheets/form.scss +39 -47
  20. data/vendor/assets/stylesheets/header.scss +119 -113
  21. data/vendor/assets/stylesheets/label_and_badge.scss +28 -29
  22. data/vendor/assets/stylesheets/link.scss +9 -9
  23. data/vendor/assets/stylesheets/list.scss +4 -4
  24. data/vendor/assets/stylesheets/loader.scss +5 -5
  25. data/vendor/assets/stylesheets/map.scss +1 -1
  26. data/vendor/assets/stylesheets/modal.scss +16 -22
  27. data/vendor/assets/stylesheets/nav_and_tab.scss +25 -26
  28. data/vendor/assets/stylesheets/navbar.scss +39 -0
  29. data/vendor/assets/stylesheets/pagination.scss +4 -4
  30. data/vendor/assets/stylesheets/panel.scss +12 -10
  31. data/vendor/assets/stylesheets/placeholder.scss +5 -5
  32. data/vendor/assets/stylesheets/popover.scss +6 -6
  33. data/vendor/assets/stylesheets/progress.scss +2 -2
  34. data/vendor/assets/stylesheets/reset.scss +2 -2
  35. data/vendor/assets/stylesheets/sidebar.scss +8 -11
  36. data/vendor/assets/stylesheets/spinner.scss +30 -30
  37. data/vendor/assets/stylesheets/swoggle.scss +15 -15
  38. data/vendor/assets/stylesheets/table.scss +19 -14
  39. data/vendor/assets/stylesheets/timepicker.scss +6 -6
  40. data/vendor/assets/stylesheets/tooltip.scss +5 -5
  41. data/vendor/assets/stylesheets/trunk.scss +22 -25
  42. data/vendor/assets/stylesheets/typeahead.scss +1 -1
  43. data/vendor/assets/stylesheets/typography.scss +12 -12
  44. metadata +3 -2
@@ -6,10 +6,9 @@
6
6
  ================================================== */
7
7
  .badge,
8
8
  .label {
9
- background: rgba(240,243,245,1);
10
- border: 1px solid rgba(240,243,245,1);
11
- border-radius: 2px;
12
- color: rgba(43,50,53,1);
9
+ background: rgba(249,249,249,1);
10
+ border: 2px solid rgba(249,249,249,1);
11
+ color: rgba(34,34,34,1);
13
12
  display: inline-block;
14
13
  padding: 6px;
15
14
  font-size: 12px;
@@ -43,38 +42,38 @@
43
42
  .label-yellow { color: rgba(255,255,255,1); }
44
43
  .badge-black,
45
44
  .label-black {
46
- background: rgba(43,50,53,1);
47
- border-color: rgba(43,50,53,1);
45
+ background: rgba(34,34,34,1);
46
+ border-color: rgba(34,34,34,1);
48
47
  }
49
48
  .badge-blue,
50
49
  .label-blue {
51
- background: rgba(0,132,255,1);
52
- border-color: rgba(0,132,255,1);
50
+ background: rgba(76,143,202,1);
51
+ border-color: rgba(76,143,202,1);
53
52
  }
54
53
  .badge-green,
55
54
  .label-green {
56
- background: rgba(68,205,1,1);
57
- border-color: rgba(68,205,1,1);
55
+ background: rgba(27,192,109,1);
56
+ border-color: rgba(27,192,109,1);
58
57
  }
59
58
  .badge-orange,
60
59
  .label-orange {
61
- background: rgba(255,131,0,1);
62
- border-color: rgba(255,131,0,1);
60
+ background: rgba(255,154,46,1);
61
+ border-color: rgba(255,154,46,1);
63
62
  }
64
63
  .badge-purple,
65
64
  .label-purple {
66
- background: rgba(196,0,235,1);
67
- border-color: rgba(196,0,235,1);
65
+ background: rgba(110,115,136,1);
66
+ border-color: rgba(110,115,136,1);
68
67
  }
69
68
  .badge-red,
70
69
  .label-red {
71
- background: rgba(255,59,48,1);
72
- border-color: rgba(255,59,48,1);
70
+ background: rgba(225,80,80,1);
71
+ border-color: rgba(225,80,80,1);
73
72
  }
74
73
  .badge-smoke,
75
74
  .label-smoke {
76
- background: rgba(102,117,127,1);
77
- border-color: rgba(102,117,127,1);
75
+ background: rgba(100,100,100,1);
76
+ border-color: rgba(100,100,100,1);
78
77
  }
79
78
  .badge-white,
80
79
  .label-white {
@@ -83,29 +82,29 @@
83
82
  }
84
83
  .badge-yellow,
85
84
  .label-yellow {
86
- background: rgba(255,235,0,1);
87
- border-color: rgba(255,235,0,1);
85
+ background: rgba(166,165,71,1);
86
+ border-color: rgba(166,165,71,1);
88
87
  }
89
88
  .badge.badge-outline,
90
89
  .label.label-outline {
91
90
  background: transparent;
92
- color: rgba(136,153,166,1);
91
+ color: rgba(200,200,200,1);
93
92
  }
94
93
  .badge-black.badge-outline,
95
- .label-black.label-outline { color: rgba(43,50,53,1); }
94
+ .label-black.label-outline { color: rgba(34,34,34,1); }
96
95
  .badge-blue.badge-outline,
97
- .label-blue.label-outline { color: rgba(0,132,255,1); }
96
+ .label-blue.label-outline { color: rgba(76,143,202,1); }
98
97
  .badge-green.badge-outline,
99
- .label-green.label-outline { color: rgba(68,205,1,1); }
98
+ .label-green.label-outline { color: rgba(27,192,109,1); }
100
99
  .badge-orange.badge-outline,
101
- .label-orange.label-outline { color: rgba(255,131,0,1); }
100
+ .label-orange.label-outline { color: rgba(255,154,46,1); }
102
101
  .badge-purple.badge-outline,
103
- .label-purple.label-outline { color: rgba(196,0,235,1); }
102
+ .label-purple.label-outline { color: rgba(110,115,136,1); }
104
103
  .badge-red.badge-outline,
105
- .label-red.label-outline { color: rgba(255,59,48,1); }
104
+ .label-red.label-outline { color: rgba(225,80,80,1); }
106
105
  .badge-smoke.badge-outline,
107
- .label-smoke.label-outline { color: rgba(102,117,127,1); }
106
+ .label-smoke.label-outline { color: rgba(100,100,100,1); }
108
107
  .badge-white.badge-outline,
109
108
  .label-white.label-outline { color: rgba(255,255,255,1); }
110
109
  .badge-yellow.badge-outline,
111
- .label-yellow.label-outline { color: rgba(255,235,0,1); }
110
+ .label-yellow.label-outline { color: rgba(166,165,71,1); }
@@ -17,13 +17,13 @@ a[disabled] {
17
17
 
18
18
  /* # Colors
19
19
  ================================================== */
20
- .link-black { color: rgba(43,50,53,1); }
21
- .link-blue { color: rgba(0,132,255,1); }
22
- .link-gray { color: rgba(136,153,166,1); }
23
- .link-green { color: rgba(68,205,1,1); }
24
- .link-orange { color: rgba(255,131,0,1); }
25
- .text-purple { color: rgba(196,0,235,1); }
26
- .link-red { color: rgba(255,59,48,1); }
27
- .link-smoke { color: rgba(102,117,127,1); }
20
+ .link-black { color: rgba(34,34,34,1); }
21
+ .link-blue { color: rgba(76,143,202,1); }
22
+ .link-gray { color: rgba(200,200,200,1); }
23
+ .link-green { color: rgba(27,192,109,1); }
24
+ .link-orange { color: rgba(255,154,46,1); }
25
+ .text-purple { color: rgba(110,115,136,1); }
26
+ .link-red { color: rgba(225,80,80,1); }
27
+ .link-smoke { color: rgba(100,100,100,1); }
28
28
  .link-white { color: rgba(255,255,255,1); }
29
- .link-yellow { color: rgba(255,235,0,1); }
29
+ .link-yellow { color: rgba(166,165,71,1); }
@@ -38,23 +38,23 @@ ol { padding-left: 23px; }
38
38
  padding: 0;
39
39
  }
40
40
  .list-bordered > li {
41
- border: 1px solid rgba(225,232,237,1);
41
+ border: 1px solid rgba(243,243,243,1);
42
42
  border-bottom: none;
43
43
  padding: 9px 10px 6px 10px;
44
44
  }
45
- .list-bordered > li:last-child { border-bottom: 1px solid rgba(225,232,237,1); }
45
+ .list-bordered > li:last-child { border-bottom: 1px solid rgba(243,243,243,1); }
46
46
  .list-inline > li {
47
47
  display: inline-block;
48
48
  margin-right: 10px;
49
49
  }
50
50
  .list-inline > li:last-child { margin-right: 0; }
51
51
  .list-lined > li {
52
- border-top: 1px solid rgba(225,232,237,1);
52
+ border-top: 1px solid rgba(243,243,243,1);
53
53
  padding: 9px 0 6px 0;
54
54
  }
55
55
  .list-lined > li:first-child { border: none; }
56
56
  .list-striped > li { padding: 9px 10px 6px 10px; }
57
- .list-striped > li:nth-child(odd) { background: rgba(245,248,250,1); }
57
+ .list-striped > li:nth-child(odd) { background: rgba(249,249,249,1); }
58
58
  .list-bordered.list-small > li,
59
59
  .list-lined.list-small > li,
60
60
  .list-striped.list-small > li { padding: 5px 5px 3px 5px; }
@@ -13,7 +13,7 @@
13
13
  100% { transform: rotate(360deg); }
14
14
  }
15
15
  .loader-backdrop {
16
- background: rgba(255,255,255,1);
16
+ background: rgba(24,24,24,1);
17
17
  height: 2px;
18
18
  left: 0;
19
19
  pointer-events: none;
@@ -23,7 +23,7 @@
23
23
  z-index: 9999;
24
24
  }
25
25
  .loader-bar {
26
- background: rgba(0,132,255,1);
26
+ background: rgba(27,192,109,1);
27
27
  height: 2px;
28
28
  left: 0;
29
29
  pointer-events: none;
@@ -33,7 +33,7 @@
33
33
  z-index: 9999;
34
34
  }
35
35
  .loader-peg {
36
- box-shadow: 0 0 10px rgba(0,132,255,1), 0 0 5px rgba(0,132,255,1);
36
+ box-shadow: 0 0 10px rgba(27,192,109,1), 0 0 5px rgba(27,192,109,1);
37
37
  display: block;
38
38
  height: 100%;
39
39
  opacity: 1;
@@ -56,8 +56,8 @@
56
56
  -webkit-animation: loader-spinner 400ms linear infinite;
57
57
  animation: loader-spinner 400ms linear infinite;
58
58
  border: solid 2px transparent;
59
- border-left-color: rgba(0,132,255,1);
60
- border-top-color: rgba(0,132,255,1);
59
+ border-left-color: rgba(27,192,109,1);
60
+ border-top-color: rgba(27,192,109,1);
61
61
  border-radius: 500px;
62
62
  box-sizing: border-box;
63
63
  height: 18px;
@@ -5,7 +5,7 @@
5
5
  /* # Map
6
6
  ================================================== */
7
7
  .map {
8
- background: rgba(245,248,250,1);
8
+ background: rgba(249,249,249,1);
9
9
  display: block;
10
10
  min-height: 220px;
11
11
  min-width:220px;
@@ -6,7 +6,7 @@
6
6
  /* # Modal
7
7
  ================================================== */
8
8
  .modal-backdrop {
9
- background: rgba(56,67,81,0.8);
9
+ background: rgba(0,0,0,0.8);
10
10
  bottom: 0;
11
11
  height: 100%;
12
12
  left: 0;
@@ -27,7 +27,6 @@
27
27
  .modal {
28
28
  background-clip: padding-box;
29
29
  background: rgba(255,255,255,1);
30
- border-radius: 5px;
31
30
  box-shadow: 0 0 3px rgba(0,0,0,0.5);
32
31
  display: none;
33
32
  left: 50%;
@@ -45,21 +44,21 @@
45
44
  }
46
45
  .modal.fade.in { top: 15%; }
47
46
  .modal-header {
48
- border-top-right-radius: 5px;
49
- border-top-left-radius: 5px;
50
- padding: 19px 15px 20px 15px;
47
+ background: rgba(24,24,24,1);
48
+ padding: 22px 15px;
51
49
  }
52
50
  .modal-header h3 {
53
- font-size: 17px;
51
+ color: rgba(255,255,255,1);
52
+ font-size: 14px;
54
53
  letter-spacing: 1px;
55
- line-height: 17px;
54
+ line-height: 14px;
56
55
  margin: 0;
57
56
  text-transform: uppercase;
58
57
  text-align: center;
59
58
  }
60
59
  .modal-body {
61
- border-bottom: 1px solid rgba(225,232,237,1);
62
- border-top: 1px solid rgba(225,232,237,1);
60
+ border-bottom: 1px solid rgba(243,243,243,1);
61
+ border-top: 1px solid rgba(4,4,4,1);
63
62
  max-height: 300px;
64
63
  overflow-y: scroll;
65
64
  padding: 15px 18px;
@@ -82,15 +81,16 @@ input.modal-footer-btn {
82
81
  border: 0;
83
82
  -moz-box-sizing: border-box;
84
83
  box-sizing: border-box;
85
- color: rgba(0,132,255,1) !important;
84
+ color: rgba(34,34,34,1) !important;
86
85
  cursor: pointer;
87
86
  float: left;
88
87
  -webkit-font-smoothing: antialiased;
89
- font-weight: 500;
90
- font-size: 13px;
91
- line-height: 13px;
88
+ font-weight: bold;
89
+ font-size: 11px;
90
+ letter-spacing: 1px;
91
+ line-height: 11px;
92
92
  margin: 0;
93
- padding: 20px 0 18px 0;
93
+ padding: 22px 0;
94
94
  text-rendering: geometricPrecision;
95
95
  text-transform: uppercase;
96
96
  text-indent: 0;
@@ -98,22 +98,16 @@ input.modal-footer-btn {
98
98
  vertical-align: middle;
99
99
  width: 100%;
100
100
  }
101
- .modal-footer-btn:first-child,
102
- button.modal-footer-btn:first-child,
103
- input.modal-footer-btn:first-child { border-bottom-left-radius: 5px; }
104
- .modal-footer-btn:last-child,
105
- button.modal-footer-btn:last-child,
106
- input.modal-footer-btn:last-child { border-bottom-right-radius: 5px; }
107
101
  .modal-footer-btn[disabled],
108
102
  button.modal-footer-btn[disabled],
109
103
  input.modal-footer-btn[disabled] {
110
- color: rgba(136,153,166,1) !important;
104
+ color: rgba(200,200,200,1) !important;
111
105
  cursor: not-allowed;
112
106
  }
113
107
  .modal-footer-btn-group > .modal-footer-btn,
114
108
  .modal-footer-btn-group > button.modal-footer-btn,
115
109
  .modal-footer-btn-group > input.modal-footer-btn {
116
- border-right: 1px solid rgba(225,232,237,1);
110
+ border-right: 1px solid rgba(243,243,243,1);
117
111
  width: 50%;
118
112
  }
119
113
  .modal-footer-btn-group > .modal-footer-btn:last-child,
@@ -14,7 +14,7 @@
14
14
  .nav > .pull-left { float: left; }
15
15
  .nav > .pull-right { float: right; }
16
16
  .nav > li > a {
17
- color: rgba(136,153,166,1);
17
+ color: rgba(200,200,200,1);
18
18
  display: block;
19
19
  font-weight: bold;
20
20
  font-size: 14px;
@@ -22,19 +22,19 @@
22
22
  }
23
23
  .nav > li > a:hover,
24
24
  .nav > li > a:focus {
25
- color: rgba(43,50,53,1);
25
+ color: rgba(34,34,34,1);
26
26
  text-decoration: none;
27
27
  }
28
28
  .nav-header {
29
- background: rgba(0,132,255,1);
30
- border-top-right-radius: 3px;
31
- border-top-left-radius: 3px;
29
+ background: rgba(34,34,34,1);
32
30
  color: rgba(255,255,255,1);
33
31
  display: block;
34
32
  font-weight: bold;
35
- font-size: 14px;
33
+ font-size: 13px;
34
+ letter-spacing: 1px;
36
35
  line-height: 20px;
37
36
  padding: 10px 15px;
37
+ text-transform: uppercase;
38
38
  }
39
39
  .nav li + .nav-header { margin-top: 10px; }
40
40
  .nav-list {
@@ -48,19 +48,19 @@
48
48
  margin-left: -15px;
49
49
  }
50
50
  .nav-list > li > a {
51
- color: rgba(136,153,166,1);
51
+ color: rgba(200,200,200,1);
52
52
  padding: 11px 15px 11px 15px;
53
53
  font-weight: bold;
54
54
  }
55
- .nav-list > li > a:hover { background: rgba(235,238,240,1); }
55
+ .nav-list > li > a:hover { background: rgba(243,243,243,1); }
56
56
  .nav-list > .active > a,
57
57
  .nav-list > .active > a:hover,
58
58
  .nav-list > .active > a:focus {
59
- background: rgba(245,248,250,1);
60
- color: rgba(43,50,53,1);
59
+ background: rgba(249,249,249,1);
60
+ color: rgba(34,34,34,1);
61
61
  }
62
62
  .nav-list .divider {
63
- background: rgba(225,232,237,1);
63
+ background: rgba(243,243,243,1);
64
64
  height: 1px;
65
65
  margin: 10px 0 10px 0;
66
66
  overflow: hidden;
@@ -75,7 +75,7 @@
75
75
  }
76
76
  .nav-tabs:after,
77
77
  .nav-pills:after { clear: both; }
78
- .nav-tabs { border-bottom: 1px solid rgba(235,238,240,1); }
78
+ .nav-tabs { border-bottom: 1px solid rgba(243,243,243,1); }
79
79
  .nav-tabs > li,
80
80
  .nav-pills > li { float: left; }
81
81
  .nav-tabs > li > a {
@@ -86,30 +86,29 @@
86
86
  .nav-tabs > .active > a,
87
87
  .nav-tabs > .active > a:hover,
88
88
  .nav-tabs > .active > a:focus {
89
- border-bottom-color: rgba(235,238,240,1);
90
- color: rgba(0,132,255,1);
89
+ border-bottom-color: rgba(243,243,243,1);
90
+ color: rgba(34,34,34,1);
91
91
  }
92
92
  .nav-tabs .open a.dropdown-toggle { background: transparent; }
93
93
  .nav-pills > li > a {
94
- background: rgba(245,248,250,1);
95
- border-radius: 2px;
96
- color: rgba(136,153,166,1);
94
+ background: rgba(249,249,249,1);
95
+ color: rgba(200,200,200,1);
97
96
  margin-right: 3px;
98
97
  padding: 9px 10px;
99
98
  }
100
- .nav-pills > li > a:hover { background: rgba(235,238,240,1); }
99
+ .nav-pills > li > a:hover { background: rgba(243,243,243,1); }
101
100
  .nav-pills > .active > a,
102
101
  .nav-pills > .active > a:hover,
103
102
  .nav-pills > .active > a:focus {
104
- background: rgba(0,132,255,1);
103
+ background: rgba(34,34,34,1);
105
104
  color: rgba(255,255,255,1);
106
105
  }
107
106
  .nav-stacked > li { float: none; }
108
107
  .nav-stacked > li > a { margin-right: 0; }
109
108
  .nav-tabs.nav-stacked { border-bottom: 0; }
110
109
  .nav-tabs.nav-stacked > li > a {
111
- background: rgba(245,248,250,1);
112
- color: rgba(136,153,166,1);
110
+ background: rgba(249,249,249,1);
111
+ color: rgba(200,200,200,1);
113
112
  padding: 10px 10px 8px 10px;
114
113
  }
115
114
  .nav-tabs.nav-stacked > li:first-child > a {
@@ -122,14 +121,14 @@
122
121
  }
123
122
  .nav-tabs.nav-stacked > li > a:hover,
124
123
  .nav-tabs.nav-stacked > li > a:focus {
125
- background: rgba(235,238,240,1);
126
- color: rgba(43,50,53,1);
124
+ background: rgba(243,243,243,1);
125
+ color: rgba(34,34,34,1);
127
126
  z-index: 2;
128
127
  }
129
128
  .nav-tabs.nav-stacked > .active > a,
130
129
  .nav-tabs.nav-stacked > .active > a:hover,
131
130
  .nav-tabs.nav-stacked > .active > a:focus {
132
- background: rgba(0,132,255,1);
131
+ background: rgba(34,34,34,1);
133
132
  color: rgba(255,255,255,1);
134
133
  border-bottom: 0;
135
134
  padding: 10px;
@@ -143,8 +142,8 @@
143
142
  .nav-pills .open .dropdown-toggle,
144
143
  .nav > li.dropdown.open.active > a:hover,
145
144
  .nav > li.dropdown.open.active > a:focus {
146
- background: rgba(235,238,240,1);
147
- color: rgba(43,50,53,1);
145
+ background: rgba(243,243,243,1);
146
+ color: rgba(34,34,34,1);
148
147
  }
149
148
 
150
149
  /* # Tab
@@ -0,0 +1,39 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ # Navbar */
4
+
5
+ /* # Navbar
6
+ ================================================== */
7
+ .navbar-fixed {
8
+ bottom: 0;
9
+ left: 0;
10
+ position: fixed;
11
+ right: 0;
12
+ z-index: 1030;
13
+ }
14
+ .navbar {
15
+ background: rgba(24,24,24,1);
16
+ border-collapse: separate;
17
+ border-top: 2px solid rgba(4,4,4,1);
18
+ box-sizing: border-box;
19
+ display: table;
20
+ height: 50px;
21
+ table-layout: fixed;
22
+ width: 100%;
23
+ }
24
+ .navbar > a {
25
+ color: rgba(255,255,255,1);
26
+ display: table-cell;
27
+ float: none;
28
+ font-size: 27px;
29
+ padding: 10px 0;
30
+ text-align: center;
31
+ width: 1%;
32
+ }
33
+ .navbar > a.active { color: rgba(255,255,255,1); }
34
+
35
+ /* # Media Queries
36
+ ================================================== */
37
+ @media only screen and (min-width: 768px) {
38
+ .navbar { display: none; }
39
+ }