active_frontend 5.0.1 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -0
  3. data/lib/active_frontend/version.rb +1 -1
  4. data/vendor/assets/javascripts/chart.js +3 -3
  5. data/vendor/assets/javascripts/typeahead.js +1 -1
  6. data/vendor/assets/stylesheets/_activefrontend.scss +7 -0
  7. data/vendor/assets/stylesheets/ad.scss +2 -1
  8. data/vendor/assets/stylesheets/alert.scss +3 -3
  9. data/vendor/assets/stylesheets/aside.scss +2 -4
  10. data/vendor/assets/stylesheets/breadcrumb.scss +9 -4
  11. data/vendor/assets/stylesheets/button.scss +34 -37
  12. data/vendor/assets/stylesheets/code.scss +45 -45
  13. data/vendor/assets/stylesheets/datepicker.scss +10 -5
  14. data/vendor/assets/stylesheets/dropdown.scss +13 -5
  15. data/vendor/assets/stylesheets/footer.scss +2 -2
  16. data/vendor/assets/stylesheets/form.scss +8 -9
  17. data/vendor/assets/stylesheets/header.scss +29 -24
  18. data/vendor/assets/stylesheets/icon.scss +7 -9
  19. data/vendor/assets/stylesheets/label_and_badge.scss +17 -16
  20. data/vendor/assets/stylesheets/link.scss +5 -5
  21. data/vendor/assets/stylesheets/list.scss +6 -0
  22. data/vendor/assets/stylesheets/loader.scss +9 -4
  23. data/vendor/assets/stylesheets/map.scss +2 -1
  24. data/vendor/assets/stylesheets/modal.scss +3 -5
  25. data/vendor/assets/stylesheets/nav_and_tab.scss +13 -8
  26. data/vendor/assets/stylesheets/navbar.scss +2 -2
  27. data/vendor/assets/stylesheets/pagination.scss +7 -2
  28. data/vendor/assets/stylesheets/panel.scss +4 -4
  29. data/vendor/assets/stylesheets/placeholder.scss +6 -1
  30. data/vendor/assets/stylesheets/popover.scss +2 -2
  31. data/vendor/assets/stylesheets/progress.scss +6 -1
  32. data/vendor/assets/stylesheets/reset.scss +2 -2
  33. data/vendor/assets/stylesheets/sidebar.scss +2 -2
  34. data/vendor/assets/stylesheets/spinner.scss +34 -43
  35. data/vendor/assets/stylesheets/swoggle.scss +11 -12
  36. data/vendor/assets/stylesheets/table.scss +1 -1
  37. data/vendor/assets/stylesheets/timepicker.scss +7 -2
  38. data/vendor/assets/stylesheets/tooltip.scss +5 -5
  39. data/vendor/assets/stylesheets/trunk.scss +2 -2
  40. data/vendor/assets/stylesheets/typeahead.scss +10 -2
  41. data/vendor/assets/stylesheets/typography.scss +8 -8
  42. metadata +3 -2
@@ -22,7 +22,7 @@ legend {
22
22
  width: 100%;
23
23
  }
24
24
  label {
25
- color: rgba(42,44,48,1);
25
+ color: rgba(35,41,55,1);
26
26
  display: block;
27
27
  font-size: 13px;
28
28
  font-weight: bold;
@@ -49,9 +49,8 @@ input[type="color"],
49
49
  background: rgba(255,255,255,1);
50
50
  border: 1px solid rgba(230,237,242,1);
51
51
  border-radius: 0;
52
- -moz-box-sizing: border-box;
53
52
  box-sizing: border-box;
54
- color: rgba(42,44,48,1);
53
+ color: rgba(35,41,55,1);
55
54
  display: block;
56
55
  font-weight: normal;
57
56
  font-style: normal;
@@ -88,7 +87,7 @@ input[type="search"]:focus,
88
87
  input[type="tel"]:focus,
89
88
  input[type="color"]:focus,
90
89
  .uneditable-input:focus {
91
- border-color: rgba(0,153,255,1);
90
+ border-color: rgba(0,102,255,1);
92
91
  outline: 0;
93
92
  outline: thin dotted \9;
94
93
  -webkit-transition: background 150ms linear;
@@ -113,9 +112,8 @@ select {
113
112
  background: rgba(255,255,255,1);
114
113
  border: 1px solid rgba(230,237,242,1);
115
114
  border-radius: 0;
116
- -moz-box-sizing: border-box;
117
115
  box-sizing: border-box;
118
- color: rgba(42,44,48,1);
116
+ color: rgba(35,41,55,1);
119
117
  font-weight: normal;
120
118
  font-style: normal;
121
119
  font-size: 16px;
@@ -195,7 +193,10 @@ select.form-input-initial-width {
195
193
  .form-header h4,
196
194
  .form-header h5,
197
195
  .form-header h6 { margin-bottom: 0; }
198
- .form-error-messages { margin-bottom: 40px; }
196
+ .form-error-messages {
197
+ background: rgba(255,255,255,1);
198
+ margin-bottom: 40px;
199
+ }
199
200
  .form-error-messages h4 {
200
201
  background: rgba(245,248,250,1);
201
202
  border: 1px solid rgba(230,237,242,1);
@@ -244,7 +245,6 @@ select.form-input-initial-width {
244
245
  .form-input-group-addon {
245
246
  background: rgba(245,248,250,1);
246
247
  border: 1px solid rgba(230,237,242,1);
247
- -moz-box-sizing: border-box;
248
248
  box-sizing: border-box;
249
249
  color: rgba(136,153,166,1);
250
250
  font-weight: normal;
@@ -258,7 +258,6 @@ select.form-input-initial-width {
258
258
  vertical-align: middle;
259
259
  }
260
260
  .form-file-group-addon {
261
- -moz-box-sizing: border-box;
262
261
  box-sizing: border-box;
263
262
  line-height: 0;
264
263
  padding: 0;
@@ -1,11 +1,16 @@
1
1
  /* Table of Contents
2
2
  ==================================================
3
+ # Import
3
4
  # Header
4
5
  # Alternate
5
6
  # Application
6
7
  # Border
7
8
  # Media Queries */
8
9
 
10
+ /* # Import
11
+ ================================================== */
12
+ @import 'activefrontend';
13
+
9
14
  /* # Header
10
15
  ================================================== */
11
16
  .header-fixed {
@@ -25,7 +30,7 @@
25
30
  }
26
31
  .header-brand { float: left; }
27
32
  .header-brand > a {
28
- color: rgba(0,153,255,1);
33
+ color: $primary-color;
29
34
  font-size: 30px;
30
35
  line-height: 40px;
31
36
  text-decoration: none;
@@ -41,7 +46,7 @@
41
46
  }
42
47
  .header-search > input { margin: 0; }
43
48
  .header-nav {
44
- color: rgba(42,44,48,1);
49
+ color: rgba(35,41,55,1);
45
50
  float: left;
46
51
  list-style-type: none;
47
52
  margin: 5px 0 0 20px;
@@ -58,7 +63,7 @@
58
63
  }
59
64
  .header-nav > li.btn-group + li.btn-group { margin-left: 0; }
60
65
  .header-nav > li > a {
61
- color: rgba(42,44,48,1);
66
+ color: rgba(35,41,55,1);
62
67
  font-size: 12px;
63
68
  font-weight: 500;
64
69
  letter-spacing: 1px;
@@ -69,7 +74,7 @@
69
74
  .header-nav > li > a.active,
70
75
  .header-nav > li > a:active,
71
76
  .header-nav > li > a:hover,
72
- .header-nav > li > a:focus { color: rgba(0,153,255,1); }
77
+ .header-nav > li > a:focus { color: $primary-color; }
73
78
  .header-nav-alt {
74
79
  float: right;
75
80
  list-style-type: none;
@@ -77,7 +82,7 @@
77
82
  padding: 0;
78
83
  }
79
84
  .header-nav-alt > li {
80
- color: rgba(42,44,48,1);
85
+ color: rgba(35,41,55,1);
81
86
  display: inline-block;
82
87
  font-size: 12px;
83
88
  font-weight: 500;
@@ -90,7 +95,7 @@
90
95
  .header-nav-alt > li.btn-group + li.btn-group { margin-left: 0; }
91
96
  .header-nav-alt > li.btn-group { margin-top: 2px; }
92
97
  .header-nav-alt > li > a {
93
- color: rgba(42,44,48,1);
98
+ color: rgba(35,41,55,1);
94
99
  letter-spacing: 1px;
95
100
  padding: 15px 0 13px 0;
96
101
  text-transform: uppercase;
@@ -98,10 +103,10 @@
98
103
  .header-nav-alt > li > a.active,
99
104
  .header-nav-alt > li > a:active,
100
105
  .header-nav-alt > li > a:hover,
101
- .header-nav-alt > li > a:focus { color: rgba(0,153,255,1); }
106
+ .header-nav-alt > li > a:focus { color: $primary-color; }
102
107
  .header-nav-alt > li.inverse > a {
103
- background: rgba(0,153,255,1);
104
- border: 1px solid rgba(0,153,255,1);
108
+ background: $primary-color;
109
+ border: 1px solid $primary-color;
105
110
  border-radius: 500px;
106
111
  box-sizing: border-box;
107
112
  color: rgba(255,255,255,1);
@@ -112,8 +117,8 @@
112
117
  .header-nav-alt > li.inverse > a:active,
113
118
  .header-nav-alt > li.inverse > a:hover,
114
119
  .header-nav-alt > li.inverse > a:focus {
115
- background: rgba(42,44,48,1);
116
- border-color: rgba(42,44,48,1);
120
+ background: rgba(35,41,55,1);
121
+ border-color: rgba(35,41,55,1);
117
122
  color: rgba(255,255,255,1);
118
123
  }
119
124
  .header-toolchain {
@@ -129,7 +134,7 @@
129
134
  .header-toolchain > li:first-child { margin: 0; }
130
135
  .header-toolchain > li.btn-group + li.btn-group { margin-left: 0; }
131
136
  .header-toolchain > li > a {
132
- color: rgba(42,44,48,1);
137
+ color: rgba(35,41,55,1);
133
138
  font-size: 30px;
134
139
  line-height: 30px;
135
140
  text-decoration: none;
@@ -137,19 +142,19 @@
137
142
  .header-toolchain > li > a.active,
138
143
  .header-toolchain > li > a:active,
139
144
  .header-toolchain > li > a:hover,
140
- .header-toolchain > li > a:focus { color: rgba(0,153,255,1); }
145
+ .header-toolchain > li > a:focus { color: $primary-color; }
141
146
  .header-user {
142
147
  float: right;
143
148
  font-size: 13px;
144
149
  margin: -1px 0 0 20px;
145
150
  }
146
151
  .header-user > a {
147
- color: rgba(42,44,48,1);
152
+ color: rgba(35,41,55,1);
148
153
  text-decoration: none;
149
154
  }
150
155
  .header-user img,
151
156
  .header-user-placeholder {
152
- background: rgba(42,44,48,1);
157
+ background: rgba(35,41,55,1);
153
158
  border-radius: 500px;
154
159
  color: rgba(255,255,255,1);
155
160
  display: inline-block;
@@ -166,7 +171,7 @@
166
171
  }
167
172
  .header-user > ul.dropdown-menu { margin: -5px 10px 0 0; }
168
173
  .header-toggle > a {
169
- color: rgba(0,153,255,1);
174
+ color: $primary-color;
170
175
  float: right;
171
176
  font-size: 40px;
172
177
  padding: 4px 0px 3px 14px;
@@ -176,16 +181,16 @@
176
181
  /* # Alternate
177
182
  ================================================== */
178
183
  .header.header-alt {
179
- background: rgba(0,153,255,1);
184
+ background: rgba(35,41,55,1);
180
185
  border-color: rgba(0,0,0,0.2);
181
186
  }
182
187
  .header.header-alt .header-brand > a { color: rgba(255,255,255,1) }
183
- .header.header-alt .header-nav > li > a { color: rgba(42,44,48,1); }
188
+ .header.header-alt .header-nav > li > a { color: rgba(136,153,166,1); }
184
189
  .header.header-alt .header-nav > li > a.active,
185
190
  .header.header-alt .header-nav > li > a:active,
186
191
  .header.header-alt .header-nav > li > a:hover,
187
192
  .header.header-alt .header-nav > li > a:focus { color: rgba(255,255,255,1); }
188
- .header.header-alt .header-nav-alt > li > a { color: rgba(42,44,48,1); }
193
+ .header.header-alt .header-nav-alt > li > a { color: rgba(136,153,166,1); }
189
194
  .header.header-alt .header-nav-alt > li > a.active,
190
195
  .header.header-alt .header-nav-alt > li > a:active,
191
196
  .header.header-alt .header-nav-alt > li > a:hover,
@@ -199,18 +204,18 @@
199
204
  .header.header-alt .header-nav-alt > li.inverse > a:active,
200
205
  .header.header-alt .header-nav-alt > li.inverse > a:hover,
201
206
  .header.header-alt .header-nav-alt > li.inverse > a:focus {
202
- border-color: rgba(42,44,48,1);
203
- color: rgba(42,44,48,1);
207
+ border-color: rgba(136,153,166,1);
208
+ color: rgba(136,153,166,1);
204
209
  }
205
- .header.header-alt .header-toolchain > li > a { color: rgba(42,44,48,1); }
210
+ .header.header-alt .header-toolchain > li > a { color: rgba(136,153,166,1); }
206
211
  .header.header-alt .header-toolchain > li > a.active,
207
212
  .header.header-alt .header-toolchain > li > a:active,
208
213
  .header.header-alt .header-toolchain > li > a:hover,
209
214
  .header.header-alt .header-toolchain > li > a:focus { color: rgba(255,255,255,1); }
210
- .header.header-alt .header-user > a { color: rgba(42,44,48,1); }
215
+ .header.header-alt .header-user > a { color: rgba(136,153,166,1); }
211
216
  .header.header-alt .header-user img,
212
217
  .header.header-alt .header-user-placeholder {
213
- background: rgba(42,44,48,1);
218
+ background: rgba(136,153,166,1);
214
219
  color: rgba(255,255,255,1);
215
220
  }
216
221
  .header.header-alt .header-toggle > a { color: rgba(255,255,255,1); }
@@ -749,9 +749,7 @@
749
749
  .icon-woman:before,
750
750
  .icon-wrench:before,
751
751
  .icon-xbox:before {
752
- -webkit-box-sizing: border-box;
753
- -moz-box-sizing: border-box;
754
- box-sizing: border-box;
752
+ box-sizing: border-box;
755
753
  display: inline-block;
756
754
  font-family: "Ionicons";
757
755
  speak: none;
@@ -762,7 +760,7 @@
762
760
  margin: 0;
763
761
  padding: 0;
764
762
  -webkit-font-smoothing: antialiased;
765
- -moz-osx-font-smoothing: grayscale;
763
+ -moz-osx-font-smoothing: grayscale;
766
764
  text-transform: none;
767
765
  text-rendering: auto;
768
766
  }
@@ -774,9 +772,9 @@
774
772
  .icon-refreshing,
775
773
  .icon-ios7-reloading {
776
774
  -webkit-animation: spin 1s infinite linear;
777
- -moz-animation: spin 1s infinite linear;
778
- -o-animation: spin 1s infinite linear;
779
- animation: spin 1s infinite linear;
775
+ -moz-animation: spin 1s infinite linear;
776
+ -o-animation: spin 1s infinite linear;
777
+ animation: spin 1s infinite linear;
780
778
  }
781
779
  @-webkit-keyframes spin {
782
780
  0% { -webkit-transform: rotate(0deg) }
@@ -800,8 +798,8 @@
800
798
  }
801
799
  .icon-loading-a {
802
800
  -webkit-animation-timing-function: steps(8, start);
803
- -moz-animation-timing-function: steps(8, start);
804
- animation-timing-function: steps(8, start);
801
+ -moz-animation-timing-function: steps(8, start);
802
+ animation-timing-function: steps(8, start);
805
803
  }
806
804
  .icon-alert:before { content: "\f101" }
807
805
  .icon-alert-circled:before { content: "\f100" }
@@ -9,11 +9,12 @@
9
9
  background: rgba(240,243,245,1);
10
10
  border: 1px solid rgba(240,243,245,1);
11
11
  border-radius: 2px;
12
- color: rgba(42,44,48,1);
12
+ color: rgba(35,41,55,1);
13
13
  display: inline-block;
14
14
  padding: 6px;
15
15
  font-size: 12px;
16
16
  font-weight: bold;
17
+ letter-spacing: 0;
17
18
  line-height: 12px;
18
19
  min-width: 12px;
19
20
  text-align: center;
@@ -43,28 +44,28 @@
43
44
  .label-yellow { color: rgba(255,255,255,1); }
44
45
  .badge-black,
45
46
  .label-black {
46
- background: rgba(42,44,48,1);
47
- border-color: rgba(42,44,48,1);
47
+ background: rgba(35,41,55,1);
48
+ border-color: rgba(35,41,55,1);
48
49
  }
49
50
  .badge-blue,
50
51
  .label-blue {
51
- background: rgba(0,153,255,1);
52
- border-color: rgba(0,153,255,1);
52
+ background: rgba(0,102,255,1);
53
+ border-color: rgba(0,102,255,1);
53
54
  }
54
55
  .badge-green,
55
56
  .label-green {
56
- background: rgba(117,210,24,1);
57
- border-color: rgba(117,210,24,1);
57
+ background: rgba(0,200,0,1);
58
+ border-color: rgba(0,200,0,1);
58
59
  }
59
60
  .badge-orange,
60
61
  .label-orange {
61
- background: rgba(255,131,0,1);
62
- border-color: rgba(255,131,0,1);
62
+ background: rgba(255,82,0,1);
63
+ border-color: rgba(255,82,0,1);
63
64
  }
64
65
  .badge-purple,
65
66
  .label-purple {
66
- background: rgba(126,78,194,1);
67
- border-color: rgba(126,78,194,1);
67
+ background: rgba(128,0,255,1);
68
+ border-color: rgba(128,0,255,1);
68
69
  }
69
70
  .badge-red,
70
71
  .label-red {
@@ -92,15 +93,15 @@
92
93
  color: rgba(85,94,113,1);
93
94
  }
94
95
  .badge-black.badge-outline,
95
- .label-black.label-outline { color: rgba(42,44,48,1); }
96
+ .label-black.label-outline { color: rgba(35,41,55,1); }
96
97
  .badge-blue.badge-outline,
97
- .label-blue.label-outline { color: rgba(0,153,255,1); }
98
+ .label-blue.label-outline { color: rgba(0,102,255,1); }
98
99
  .badge-green.badge-outline,
99
- .label-green.label-outline { color: rgba(117,210,24,1); }
100
+ .label-green.label-outline { color: rgba(0,200,0,1); }
100
101
  .badge-orange.badge-outline,
101
- .label-orange.label-outline { color: rgba(255,131,0,1); }
102
+ .label-orange.label-outline { color: rgba(255,82,0,1); }
102
103
  .badge-purple.badge-outline,
103
- .label-purple.label-outline { color: rgba(126,78,194,1); }
104
+ .label-purple.label-outline { color: rgba(128,0,255,1); }
104
105
  .badge-red.badge-outline,
105
106
  .label-red.label-outline { color: rgba(240,35,17,1); }
106
107
  .badge-smoke.badge-outline,
@@ -17,12 +17,12 @@ a[disabled] {
17
17
 
18
18
  /* # Colors
19
19
  ================================================== */
20
- .link-black { color: rgba(42,44,48,1); }
21
- .link-blue { color: rgba(0,153,255,1); }
20
+ .link-black { color: rgba(35,41,55,1); }
21
+ .link-blue { color: rgba(0,102,255,1); }
22
22
  .link-gray { color: rgba(136,153,166,1); }
23
- .link-green { color: rgba(117,210,24,1); }
24
- .link-orange { color: rgba(255,131,0,1); }
25
- .text-purple { color: rgba(126,78,194,1); }
23
+ .link-green { color: rgba(0,200,0,1); }
24
+ .link-orange { color: rgba(255,82,0,1); }
25
+ .text-purple { color: rgba(128,0,255,1); }
26
26
  .link-red { color: rgba(240,35,17,1); }
27
27
  .link-smoke { color: rgba(85,94,113,1); }
28
28
  .link-white { color: rgba(255,255,255,1); }
@@ -43,6 +43,12 @@ ol { padding-left: 23px; }
43
43
  padding: 9px 10px 6px 10px;
44
44
  }
45
45
  .list-bordered > li:last-child { border-bottom: 1px solid rgba(225,232,237,1); }
46
+ .list-bordered.list-scrollable {
47
+ border-bottom: 1px solid rgba(225,232,237,1);
48
+ border-top: 1px solid rgba(225,232,237,1);
49
+ }
50
+ .list-bordered.list-scrollable > li:first-child { border-top: 0; }
51
+ .list-bordered.list-scrollable > li:last-child { border-bottom: 0; }
46
52
  .list-inline > li {
47
53
  display: inline-block;
48
54
  margin-right: 10px;
@@ -1,7 +1,12 @@
1
1
  /* Table of Contents
2
2
  ==================================================
3
+ # Import
3
4
  # Loader */
4
5
 
6
+ /* # Import
7
+ ================================================== */
8
+ @import 'activefrontend';
9
+
5
10
  /* # Loader
6
11
  ================================================== */
7
12
  @-webkit-keyframes loader-spinner {
@@ -23,7 +28,7 @@
23
28
  z-index: 9999;
24
29
  }
25
30
  .loader-bar {
26
- background: rgba(0,0,0,1);
31
+ background: $primary-color;
27
32
  height: 2px;
28
33
  left: 0;
29
34
  pointer-events: none;
@@ -33,7 +38,7 @@
33
38
  z-index: 9999;
34
39
  }
35
40
  .loader-peg {
36
- box-shadow: 0 0 10px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1);
41
+ box-shadow: 0 0 10px $primary-color, 0 0 5px $primary-color;
37
42
  display: block;
38
43
  height: 100%;
39
44
  opacity: 1;
@@ -56,8 +61,8 @@
56
61
  -webkit-animation: loader-spinner 400ms linear infinite;
57
62
  animation: loader-spinner 400ms linear infinite;
58
63
  border: solid 2px transparent;
59
- border-left-color: rgba(0,0,0,1);
60
- border-top-color: rgba(0,0,0,1);
64
+ border-left-color: $primary-color;
65
+ border-top-color: $primary-color;
61
66
  border-radius: 500px;
62
67
  box-sizing: border-box;
63
68
  height: 18px;
@@ -6,7 +6,8 @@
6
6
  ================================================== */
7
7
  .map {
8
8
  background: rgba(245,248,250,1);
9
- border: 2px solid rgba(235,242,247,1);
9
+ border: 1px solid rgba(235,242,247,1);
10
+ box-sizing: border-box;
10
11
  display: block;
11
12
  min-height: 220px;
12
13
  min-width:220px;
@@ -6,7 +6,7 @@
6
6
  /* # Modal
7
7
  ================================================== */
8
8
  .modal-backdrop {
9
- background: rgba(85,94,113,0.9);
9
+ background: rgba(35,41,55,0.9);
10
10
  bottom: 0;
11
11
  height: 100%;
12
12
  left: 0;
@@ -45,7 +45,7 @@
45
45
  }
46
46
  .modal.fade.in { top: 15%; }
47
47
  .modal-header {
48
- background: rgba(0,153,255,1);
48
+ background: rgba(35,41,55,1);
49
49
  border-bottom: 2px solid rgba(0,0,0,0.2);
50
50
  border-top-right-radius: 3px;
51
51
  border-top-left-radius: 3px;
@@ -82,15 +82,13 @@ input.modal-footer-btn {
82
82
  -moz-appearance: none;
83
83
  background: rgba(255,255,255,1);
84
84
  border: 0;
85
- -moz-box-sizing: border-box;
86
85
  box-sizing: border-box;
87
- color: rgba(42,44,48,1) !important;
86
+ color: rgba(35,41,55,1) !important;
88
87
  cursor: pointer;
89
88
  float: left;
90
89
  -webkit-font-smoothing: antialiased;
91
90
  font-weight: bold;
92
91
  font-size: 11px;
93
- letter-spacing: 1px;
94
92
  line-height: 11px;
95
93
  margin: 0;
96
94
  padding: 22px 0;
@@ -1,8 +1,13 @@
1
1
  /* Table of Contents
2
2
  ==================================================
3
+ # Import
3
4
  # Nav
4
5
  # Tab */
5
6
 
7
+ /* # Import
8
+ ================================================== */
9
+ @import 'activefrontend';
10
+
6
11
  /* # Nav
7
12
  ================================================== */
8
13
  .nav {
@@ -22,11 +27,11 @@
22
27
  }
23
28
  .nav > li > a:hover,
24
29
  .nav > li > a:focus {
25
- color: rgba(42,44,48,1);
30
+ color: rgba(35,41,55,1);
26
31
  text-decoration: none;
27
32
  }
28
33
  .nav-header {
29
- background: rgba(0,153,255,1);
34
+ background: $primary-color;
30
35
  border-top-right-radius: 3px;
31
36
  border-top-left-radius: 3px;
32
37
  color: rgba(255,255,255,1);
@@ -57,7 +62,7 @@
57
62
  .nav-list > .active > a:hover,
58
63
  .nav-list > .active > a:focus {
59
64
  background: rgba(245,248,250,1);
60
- color: rgba(42,44,48,1);
65
+ color: rgba(35,41,55,1);
61
66
  }
62
67
  .nav-list .divider {
63
68
  background: rgba(225,232,237,1);
@@ -87,7 +92,7 @@
87
92
  .nav-tabs > .active > a:hover,
88
93
  .nav-tabs > .active > a:focus {
89
94
  border-bottom-color: rgba(235,238,240,1);
90
- color: rgba(0,153,255,1);
95
+ color: $primary-color;
91
96
  }
92
97
  .nav-tabs .open a.dropdown-toggle { background: transparent; }
93
98
  .nav-pills > li > a {
@@ -101,7 +106,7 @@
101
106
  .nav-pills > .active > a,
102
107
  .nav-pills > .active > a:hover,
103
108
  .nav-pills > .active > a:focus {
104
- background: rgba(0,153,255,1);
109
+ background: $primary-color;
105
110
  color: rgba(255,255,255,1);
106
111
  }
107
112
  .nav-stacked > li { float: none; }
@@ -123,13 +128,13 @@
123
128
  .nav-tabs.nav-stacked > li > a:hover,
124
129
  .nav-tabs.nav-stacked > li > a:focus {
125
130
  background: rgba(235,238,240,1);
126
- color: rgba(42,44,48,1);
131
+ color: rgba(35,41,55,1);
127
132
  z-index: 2;
128
133
  }
129
134
  .nav-tabs.nav-stacked > .active > a,
130
135
  .nav-tabs.nav-stacked > .active > a:hover,
131
136
  .nav-tabs.nav-stacked > .active > a:focus {
132
- background: rgba(0,153,255,1);
137
+ background: $primary-color;
133
138
  color: rgba(255,255,255,1);
134
139
  border-bottom: 0;
135
140
  padding: 10px;
@@ -144,7 +149,7 @@
144
149
  .nav > li.dropdown.open.active > a:hover,
145
150
  .nav > li.dropdown.open.active > a:focus {
146
151
  background: rgba(235,238,240,1);
147
- color: rgba(42,44,48,1);
152
+ color: rgba(35,41,55,1);
148
153
  }
149
154
 
150
155
  /* # Tab
@@ -12,9 +12,9 @@
12
12
  z-index: 1030;
13
13
  }
14
14
  .navbar {
15
- background: rgba(0,153,255,1);
15
+ background: rgba(35,41,55,1);
16
16
  border-collapse: separate;
17
- border-top: 2px solid rgba(0,0,0,0.1);
17
+ border-top: 2px solid rgba(0,0,0,0.2);
18
18
  box-sizing: border-box;
19
19
  display: table;
20
20
  height: 48px;
@@ -1,7 +1,12 @@
1
1
  /* Table of Contents
2
2
  ==================================================
3
+ # Import
3
4
  # Pagination */
4
5
 
6
+ /* # Import
7
+ ================================================== */
8
+ @import 'activefrontend';
9
+
5
10
  /* # Pagination
6
11
  ================================================== */
7
12
  .pagination ul {
@@ -19,7 +24,7 @@
19
24
  .pagination ul > li > a {
20
25
  background: rgba(245,248,250,1);
21
26
  border-radius: 500px;
22
- color: rgba(42,44,48,1);
27
+ color: rgba(35,41,55,1);
23
28
  min-width: 8px;
24
29
  padding: 9px 10px 7px 10px;
25
30
  text-decoration: none;
@@ -28,7 +33,7 @@
28
33
  .pagination ul > li > a:hover,
29
34
  .pagination ul > li > a:focus { background: rgba(235,238,240,1); }
30
35
  .pagination ul > .active {
31
- background: rgba(0,153,255,1);
36
+ background: $primary-color;
32
37
  border-radius: 500px;
33
38
  color: rgba(255,255,255,1);
34
39
  min-width: 8px;
@@ -28,17 +28,17 @@
28
28
  }
29
29
  .panel-header > .btn { margin-top: -2px; }
30
30
  .panel-header > .btn-group { margin: -5px 0 -3px 0; }
31
- .panel-header > .dropdown .dropdown-toggle { color: rgba(42,44,48,1); }
31
+ .panel-header > .dropdown .dropdown-toggle { color: rgba(35,41,55,1); }
32
32
  .panel-title {
33
- color: rgba(42,44,48,1);
33
+ color: rgba(35,41,55,1);
34
34
  display: inline-block;
35
35
  font-size: 17px;
36
36
  line-height: 17px;
37
37
  margin-bottom: 0;
38
38
  margin-top: 0;
39
39
  }
40
- .panel-title > a { color: rgba(42,44,48,1); }
41
- .panel-title > a:hover { color: rgba(42,44,48,1); }
40
+ .panel-title > a { color: rgba(35,41,55,1); }
41
+ .panel-title > a:hover { color: rgba(35,41,55,1); }
42
42
  .panel-body { padding: 15px; }
43
43
  .panel-body-chart {
44
44
  margin-bottom: -10px;
@@ -1,14 +1,19 @@
1
1
  /* Table of Contents
2
2
  ==================================================
3
+ # Import
3
4
  # Placeholder
4
5
  # Size
5
6
  # Media Queries */
6
7
 
8
+ /* # Import
9
+ ================================================== */
10
+ @import 'activefrontend';
11
+
7
12
  /* # Placeholder
8
13
  ================================================== */
9
14
  .placeholder { text-align: center; }
10
15
  .placeholder i {
11
- background: rgba(0,153,255,1);
16
+ background: $primary-color;
12
17
  border-radius: 500px;
13
18
  color: rgba(255,255,255,1);
14
19
  display: inline-block;
@@ -30,7 +30,7 @@
30
30
  .popover-title {
31
31
  background: rgba(245,248,250,1);
32
32
  border-bottom: 1px solid rgba(225,232,237,1);
33
- color: rgba(42,44,48,1);
33
+ color: rgba(35,41,55,1);
34
34
  font-weight: bold;
35
35
  font-size: 14px;
36
36
  letter-spacing: 0;
@@ -41,7 +41,7 @@
41
41
  .popover-title:empty { display: none; }
42
42
  .popover-content {
43
43
  background: rgba(255,255,255,1);
44
- color: rgba(42,44,48,1);
44
+ color: rgba(35,41,55,1);
45
45
  font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
46
46
  font-weight: normal;
47
47
  font-size: 14px;