active_frontend 3.0.4 → 4.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (39) hide show
  1. checksums.yaml +4 -4
  2. data/lib/active_frontend/version.rb +1 -1
  3. data/vendor/assets/javascripts/chart.js +7 -7
  4. data/vendor/assets/stylesheets/ad.scss +2 -1
  5. data/vendor/assets/stylesheets/alert.scss +7 -29
  6. data/vendor/assets/stylesheets/aside.scss +8 -8
  7. data/vendor/assets/stylesheets/breadcrumb.scss +4 -4
  8. data/vendor/assets/stylesheets/button.scss +87 -47
  9. data/vendor/assets/stylesheets/code.scss +43 -37
  10. data/vendor/assets/stylesheets/datepicker.scss +11 -11
  11. data/vendor/assets/stylesheets/dropdown.scss +12 -12
  12. data/vendor/assets/stylesheets/footer.scss +10 -6
  13. data/vendor/assets/stylesheets/form.scss +33 -30
  14. data/vendor/assets/stylesheets/header.scss +32 -26
  15. data/vendor/assets/stylesheets/image.scss +1 -1
  16. data/vendor/assets/stylesheets/label_and_badge.scss +19 -19
  17. data/vendor/assets/stylesheets/link.scss +6 -6
  18. data/vendor/assets/stylesheets/list.scss +4 -4
  19. data/vendor/assets/stylesheets/loader.scss +4 -4
  20. data/vendor/assets/stylesheets/map.scss +2 -1
  21. data/vendor/assets/stylesheets/modal.scss +8 -8
  22. data/vendor/assets/stylesheets/nav_and_tab.scss +26 -25
  23. data/vendor/assets/stylesheets/navbar.scss +7 -4
  24. data/vendor/assets/stylesheets/pagination.scss +4 -4
  25. data/vendor/assets/stylesheets/panel.scss +14 -13
  26. data/vendor/assets/stylesheets/placeholder.scss +5 -5
  27. data/vendor/assets/stylesheets/popover.scss +6 -6
  28. data/vendor/assets/stylesheets/progress.scss +2 -2
  29. data/vendor/assets/stylesheets/reset.scss +2 -2
  30. data/vendor/assets/stylesheets/sidebar.scss +6 -5
  31. data/vendor/assets/stylesheets/spinner.scss +29 -29
  32. data/vendor/assets/stylesheets/swoggle.scss +13 -13
  33. data/vendor/assets/stylesheets/table.scss +17 -13
  34. data/vendor/assets/stylesheets/timepicker.scss +5 -5
  35. data/vendor/assets/stylesheets/tooltip.scss +5 -5
  36. data/vendor/assets/stylesheets/trunk.scss +9 -8
  37. data/vendor/assets/stylesheets/typeahead.scss +1 -1
  38. data/vendor/assets/stylesheets/typography.scss +10 -10
  39. metadata +2 -2
@@ -14,7 +14,8 @@
14
14
  z-index: 1030;
15
15
  }
16
16
  .header {
17
- background: rgba(24,24,24,1);
17
+ background: rgba(91,146,250,1);
18
+ border-bottom: 4px solid rgba(0,0,0,0.1);
18
19
  box-sizing: border-box;
19
20
  height: 65px;
20
21
  padding: 15px 0;
@@ -54,7 +55,7 @@
54
55
  }
55
56
  .header-nav > li.btn-group + li.btn-group { margin-left: 0; }
56
57
  .header-nav > li > a {
57
- color: rgba(102,102,102,1);
58
+ color: rgba(42,44,48,1);
58
59
  font-size: 12px;
59
60
  font-weight: 500;
60
61
  letter-spacing: 1px;
@@ -73,7 +74,6 @@
73
74
  padding: 0;
74
75
  }
75
76
  .header-nav-alt > li {
76
- color: rgba(255,255,255,1);
77
77
  display: inline-block;
78
78
  font-size: 12px;
79
79
  font-weight: 500;
@@ -86,24 +86,26 @@
86
86
  .header-nav-alt > li.btn-group + li.btn-group { margin-left: 0; }
87
87
  .header-nav-alt > li.btn-group { margin-top: 2px; }
88
88
  .header-nav-alt > li > a {
89
- border: 2px solid transparent;
90
89
  color: rgba(255,255,255,1);
91
90
  letter-spacing: 1px;
92
- padding: 11px 0 9px 0;
91
+ padding: 15px 0 13px 0;
93
92
  text-transform: uppercase;
94
93
  }
95
94
  .header-nav-alt > li > a.active,
96
95
  .header-nav-alt > li > a:active,
97
96
  .header-nav-alt > li > a:hover,
98
- .header-nav-alt > li > a:focus { color: rgba(102,102,102,1); }
97
+ .header-nav-alt > li > a:focus { color: rgba(42,44,48,1); }
99
98
  .header-nav-alt > li.inverse > a {
100
99
  background: rgba(255,255,255,1);
101
- border-color: rgba(230,230,230,1);
102
- color: rgba(34,34,34,1);
100
+ border-radius: 500px;
101
+ color: rgba(42,44,48,1);
103
102
  padding-left: 20px;
104
103
  padding-right: 20px;
105
104
  }
106
- .header-nav-alt > li.inverse > a:hover { border-color: rgba(150,150,150,1); }
105
+ .header-nav-alt > li.inverse > a:hover {
106
+ color: rgba(255,255,255,1);
107
+ background: rgba(0,0,0,0.1);
108
+ }
107
109
  .header-toolchain {
108
110
  float: right;
109
111
  list-style-type: none;
@@ -117,7 +119,7 @@
117
119
  .header-toolchain > li:first-child { margin: 0; }
118
120
  .header-toolchain > li.btn-group + li.btn-group { margin-left: 0; }
119
121
  .header-toolchain > li > a {
120
- color: rgba(102,102,102,1);
122
+ color: rgba(42,44,48,1);
121
123
  font-size: 30px;
122
124
  line-height: 30px;
123
125
  text-decoration: none;
@@ -139,7 +141,7 @@
139
141
  .header-user-placeholder {
140
142
  background: rgba(255,255,255,1);
141
143
  border-radius: 500px;
142
- color: rgba(34,34,34,1);
144
+ color: rgba(42,44,48,1);
143
145
  display: inline-block;
144
146
  height: 36px;
145
147
  margin: 0;
@@ -163,37 +165,41 @@
163
165
 
164
166
  /* # Alternate
165
167
  ================================================== */
166
- .header.header-alt { background: transparent; }
167
- .header.header-alt .header-brand > a { color: rgba(34,34,34,1) }
168
- .header.header-alt .header-nav > li > a { color: rgba(102,102,102,1); }
168
+ .header.header-alt {
169
+ background: rgba(255,255,255,1);
170
+ border-color: rgba(255,255,255,1);
171
+ }
172
+ .header.header-alt .header-brand > a { color: rgba(91,146,250,1) }
173
+ .header.header-alt .header-nav > li > a { color: rgba(85,94,113,1); }
169
174
  .header.header-alt .header-nav > li > a.active,
170
175
  .header.header-alt .header-nav > li > a:active,
171
176
  .header.header-alt .header-nav > li > a:hover,
172
- .header.header-alt .header-nav > li > a:focus { color: rgba(34,34,34,1); }
173
- .header.header-alt .header-nav-alt > li { color: rgba(34,34,34,1); }
174
- .header.header-alt .header-nav-alt > li > a { color: rgba(34,34,34,1); }
177
+ .header.header-alt .header-nav > li > a:focus { color: rgba(91,146,250,1); }
178
+ .header.header-alt .header-nav-alt > li > a { color: rgba(85,94,113,1); }
175
179
  .header.header-alt .header-nav-alt > li > a.active,
176
180
  .header.header-alt .header-nav-alt > li > a:active,
177
181
  .header.header-alt .header-nav-alt > li > a:hover,
178
- .header.header-alt .header-nav-alt > li > a:focus { color: rgba(102,102,102,1); }
182
+ .header.header-alt .header-nav-alt > li > a:focus { color: rgba(91,146,250,1); }
179
183
  .header.header-alt .header-nav-alt > li.inverse > a {
180
- background: rgba(34,34,34,1);
181
- border-color: rgba(4,4,4,1);
184
+ background: rgba(91,146,250,1);
182
185
  color: rgba(255,255,255,1);
183
186
  }
184
- .header.header-alt .header-nav-alt > li.inverse > a:hover { background: rgba(54,54,54,1); }
185
- .header.header-alt .header-toolchain > li > a { color: rgba(102,102,102,1); }
187
+ .header.header-alt .header-nav-alt > li.inverse > a:hover {
188
+ background: rgba(245,248,250,1);
189
+ color: rgba(42,44,48,1);
190
+ }
191
+ .header.header-alt .header-toolchain > li > a { color: rgba(85,94,113,1); }
186
192
  .header.header-alt .header-toolchain > li > a.active,
187
193
  .header.header-alt .header-toolchain > li > a:active,
188
194
  .header.header-alt .header-toolchain > li > a:hover,
189
- .header.header-alt .header-toolchain > li > a:focus { color: rgba(34,34,34,1); }
190
- .header.header-alt .header-user > a { color: rgba(34,34,34,1); }
195
+ .header.header-alt .header-toolchain > li > a:focus { color: rgba(91,146,250,1); }
196
+ .header.header-alt .header-user > a { color: rgba(85,94,113,1); }
191
197
  .header.header-alt .header-user img,
192
198
  .header.header-alt .header-user-placeholder {
193
- background: rgba(34,34,34,1);
199
+ background: rgba(85,94,113,1);
194
200
  color: rgba(255,255,255,1);
195
201
  }
196
- .header.header-alt .header-toggle > a { color: rgba(34,34,34,1); }
202
+ .header.header-alt .header-toggle > a { color: rgba(91,146,250,1); }
197
203
 
198
204
  /* # Media Queries
199
205
  ================================================== */
@@ -7,7 +7,7 @@
7
7
  /* # Image
8
8
  ================================================== */
9
9
  img {
10
- border-radius: 3px;
10
+ border-radius: 0;
11
11
  border: 0;
12
12
  display: block;
13
13
  height: auto;
@@ -6,9 +6,9 @@
6
6
  ================================================== */
7
7
  .badge,
8
8
  .label {
9
- background: rgba(249,249,249,1);
10
- border: 2px solid rgba(249,249,249,1);
11
- color: rgba(34,34,34,1);
9
+ background: rgba(245,248,250,1);
10
+ border: 1px solid rgba(245,248,250,1);
11
+ color: rgba(42,44,48,1);
12
12
  display: inline-block;
13
13
  padding: 6px;
14
14
  font-size: 12px;
@@ -42,13 +42,13 @@
42
42
  .label-yellow { color: rgba(255,255,255,1); }
43
43
  .badge-black,
44
44
  .label-black {
45
- background: rgba(34,34,34,1);
46
- border-color: rgba(34,34,34,1);
45
+ background: rgba(42,44,48,1);
46
+ border-color: rgba(42,44,48,1);
47
47
  }
48
48
  .badge-blue,
49
49
  .label-blue {
50
- background: rgba(76,143,202,1);
51
- border-color: rgba(76,143,202,1);
50
+ background: rgba(91,146,250,1);
51
+ border-color: rgba(91,146,250,1);
52
52
  }
53
53
  .badge-green,
54
54
  .label-green {
@@ -62,8 +62,8 @@
62
62
  }
63
63
  .badge-purple,
64
64
  .label-purple {
65
- background: rgba(110,115,136,1);
66
- border-color: rgba(110,115,136,1);
65
+ background: rgba(81,68,95,1);
66
+ border-color: rgba(81,68,95,1);
67
67
  }
68
68
  .badge-red,
69
69
  .label-red {
@@ -72,8 +72,8 @@
72
72
  }
73
73
  .badge-smoke,
74
74
  .label-smoke {
75
- background: rgba(100,100,100,1);
76
- border-color: rgba(100,100,100,1);
75
+ background: rgba(85,94,113,1);
76
+ border-color: rgba(85,94,113,1);
77
77
  }
78
78
  .badge-white,
79
79
  .label-white {
@@ -82,29 +82,29 @@
82
82
  }
83
83
  .badge-yellow,
84
84
  .label-yellow {
85
- background: rgba(166,165,71,1);
86
- border-color: rgba(166,165,71,1);
85
+ background: rgba(253,245,98,1);
86
+ border-color: rgba(253,245,98,1);
87
87
  }
88
88
  .badge.badge-outline,
89
89
  .label.label-outline {
90
90
  background: transparent;
91
- color: rgba(200,200,200,1);
91
+ color: rgba(85,94,113,1);
92
92
  }
93
93
  .badge-black.badge-outline,
94
- .label-black.label-outline { color: rgba(34,34,34,1); }
94
+ .label-black.label-outline { color: rgba(42,44,48,1); }
95
95
  .badge-blue.badge-outline,
96
- .label-blue.label-outline { color: rgba(76,143,202,1); }
96
+ .label-blue.label-outline { color: rgba(91,146,250,1); }
97
97
  .badge-green.badge-outline,
98
98
  .label-green.label-outline { color: rgba(27,192,109,1); }
99
99
  .badge-orange.badge-outline,
100
100
  .label-orange.label-outline { color: rgba(255,154,46,1); }
101
101
  .badge-purple.badge-outline,
102
- .label-purple.label-outline { color: rgba(110,115,136,1); }
102
+ .label-purple.label-outline { color: rgba(81,68,95,1); }
103
103
  .badge-red.badge-outline,
104
104
  .label-red.label-outline { color: rgba(225,80,80,1); }
105
105
  .badge-smoke.badge-outline,
106
- .label-smoke.label-outline { color: rgba(100,100,100,1); }
106
+ .label-smoke.label-outline { color: rgba(85,94,113,1); }
107
107
  .badge-white.badge-outline,
108
108
  .label-white.label-outline { color: rgba(255,255,255,1); }
109
109
  .badge-yellow.badge-outline,
110
- .label-yellow.label-outline { color: rgba(166,165,71,1); }
110
+ .label-yellow.label-outline { color: rgba(253,245,98,1); }
@@ -17,13 +17,13 @@ a[disabled] {
17
17
 
18
18
  /* # Colors
19
19
  ================================================== */
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); }
20
+ .link-black { color: rgba(42,44,48,1); }
21
+ .link-blue { color: rgba(91,146,250,1); }
22
+ .link-gray { color: rgba(136,153,166,1); }
23
23
  .link-green { color: rgba(27,192,109,1); }
24
24
  .link-orange { color: rgba(255,154,46,1); }
25
- .text-purple { color: rgba(110,115,136,1); }
25
+ .text-purple { color: rgba(81,68,95,1); }
26
26
  .link-red { color: rgba(225,80,80,1); }
27
- .link-smoke { color: rgba(100,100,100,1); }
27
+ .link-smoke { color: rgba(85,94,113,1); }
28
28
  .link-white { color: rgba(255,255,255,1); }
29
- .link-yellow { color: rgba(166,165,71,1); }
29
+ .link-yellow { color: rgba(253,245,98,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(243,243,243,1);
41
+ border: 1px solid rgba(225,232,237,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(243,243,243,1); }
45
+ .list-bordered > li:last-child { border-bottom: 1px solid rgba(225,232,237,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(243,243,243,1);
52
+ border-top: 1px solid rgba(225,232,237,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(249,249,249,1); }
57
+ .list-striped > li:nth-child(odd) { background: rgba(245,248,250,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; }
@@ -23,7 +23,7 @@
23
23
  z-index: 9999;
24
24
  }
25
25
  .loader-bar {
26
- background: rgba(27,192,109,1);
26
+ background: rgba(42,44,48,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(27,192,109,1), 0 0 5px rgba(27,192,109,1);
36
+ box-shadow: 0 0 10px rgba(42,44,48,1), 0 0 5px rgba(42,44,48,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(27,192,109,1);
60
- border-top-color: rgba(27,192,109,1);
59
+ border-left-color: rgba(42,44,48,1);
60
+ border-top-color: rgba(42,44,48,1);
61
61
  border-radius: 500px;
62
62
  box-sizing: border-box;
63
63
  height: 18px;
@@ -5,7 +5,8 @@
5
5
  /* # Map
6
6
  ================================================== */
7
7
  .map {
8
- background: rgba(249,249,249,1);
8
+ background: rgba(245,248,250,1);
9
+ border: 2px solid rgba(235,242,247,1);
9
10
  display: block;
10
11
  min-height: 220px;
11
12
  min-width:220px;
@@ -6,7 +6,7 @@
6
6
  /* # Modal
7
7
  ================================================== */
8
8
  .modal-backdrop {
9
- background: rgba(0,0,0,0.8);
9
+ background: rgba(85,94,113,0.9);
10
10
  bottom: 0;
11
11
  height: 100%;
12
12
  left: 0;
@@ -44,8 +44,8 @@
44
44
  }
45
45
  .modal.fade.in { top: 15%; }
46
46
  .modal-header {
47
- background: rgba(24,24,24,1);
48
- padding: 22px 15px;
47
+ background: rgba(91,146,250,1);
48
+ padding: 22px 15px 18px 15px;
49
49
  }
50
50
  .modal-header h3 {
51
51
  color: rgba(255,255,255,1);
@@ -57,8 +57,8 @@
57
57
  text-align: center;
58
58
  }
59
59
  .modal-body {
60
- border-bottom: 1px solid rgba(243,243,243,1);
61
- border-top: 1px solid rgba(4,4,4,1);
60
+ border-bottom: 1px solid rgba(230,237,242,1);
61
+ border-top: 4px solid rgba(86,131,235,1);
62
62
  max-height: 300px;
63
63
  overflow-y: scroll;
64
64
  padding: 15px 18px;
@@ -81,7 +81,7 @@ input.modal-footer-btn {
81
81
  border: 0;
82
82
  -moz-box-sizing: border-box;
83
83
  box-sizing: border-box;
84
- color: rgba(34,34,34,1) !important;
84
+ color: rgba(42,44,48,1) !important;
85
85
  cursor: pointer;
86
86
  float: left;
87
87
  -webkit-font-smoothing: antialiased;
@@ -101,13 +101,13 @@ input.modal-footer-btn {
101
101
  .modal-footer-btn[disabled],
102
102
  button.modal-footer-btn[disabled],
103
103
  input.modal-footer-btn[disabled] {
104
- color: rgba(200,200,200,1) !important;
104
+ color: rgba(136,153,166,1) !important;
105
105
  cursor: not-allowed;
106
106
  }
107
107
  .modal-footer-btn-group > .modal-footer-btn,
108
108
  .modal-footer-btn-group > button.modal-footer-btn,
109
109
  .modal-footer-btn-group > input.modal-footer-btn {
110
- border-right: 1px solid rgba(243,243,243,1);
110
+ border-right: 1px solid rgba(230,237,242,1);
111
111
  width: 50%;
112
112
  }
113
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(200,200,200,1);
17
+ color: rgba(136,153,166,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(34,34,34,1);
25
+ color: rgba(42,44,48,1);
26
26
  text-decoration: none;
27
27
  }
28
28
  .nav-header {
29
- background: rgba(34,34,34,1);
29
+ background: rgba(91,146,250,1);
30
+ border-top-right-radius: 3px;
31
+ border-top-left-radius: 3px;
30
32
  color: rgba(255,255,255,1);
31
33
  display: block;
32
34
  font-weight: bold;
33
- font-size: 13px;
34
- letter-spacing: 1px;
35
+ font-size: 14px;
35
36
  line-height: 20px;
36
37
  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(200,200,200,1);
51
+ color: rgba(136,153,166,1);
52
52
  padding: 11px 15px 11px 15px;
53
53
  font-weight: bold;
54
54
  }
55
- .nav-list > li > a:hover { background: rgba(243,243,243,1); }
55
+ .nav-list > li > a:hover { background: rgba(235,238,240,1); }
56
56
  .nav-list > .active > a,
57
57
  .nav-list > .active > a:hover,
58
58
  .nav-list > .active > a:focus {
59
- background: rgba(249,249,249,1);
60
- color: rgba(34,34,34,1);
59
+ background: rgba(245,248,250,1);
60
+ color: rgba(42,44,48,1);
61
61
  }
62
62
  .nav-list .divider {
63
- background: rgba(243,243,243,1);
63
+ background: rgba(225,232,237,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(243,243,243,1); }
78
+ .nav-tabs { border-bottom: 1px solid rgba(235,238,240,1); }
79
79
  .nav-tabs > li,
80
80
  .nav-pills > li { float: left; }
81
81
  .nav-tabs > li > a {
@@ -86,29 +86,30 @@
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(243,243,243,1);
90
- color: rgba(34,34,34,1);
89
+ border-bottom-color: rgba(235,238,240,1);
90
+ color: rgba(91,146,250,1);
91
91
  }
92
92
  .nav-tabs .open a.dropdown-toggle { background: transparent; }
93
93
  .nav-pills > li > a {
94
- background: rgba(249,249,249,1);
95
- color: rgba(200,200,200,1);
94
+ background: rgba(245,248,250,1);
95
+ border-radius: 2px;
96
+ color: rgba(136,153,166,1);
96
97
  margin-right: 3px;
97
98
  padding: 9px 10px;
98
99
  }
99
- .nav-pills > li > a:hover { background: rgba(243,243,243,1); }
100
+ .nav-pills > li > a:hover { background: rgba(235,238,240,1); }
100
101
  .nav-pills > .active > a,
101
102
  .nav-pills > .active > a:hover,
102
103
  .nav-pills > .active > a:focus {
103
- background: rgba(34,34,34,1);
104
+ background: rgba(91,146,250,1);
104
105
  color: rgba(255,255,255,1);
105
106
  }
106
107
  .nav-stacked > li { float: none; }
107
108
  .nav-stacked > li > a { margin-right: 0; }
108
109
  .nav-tabs.nav-stacked { border-bottom: 0; }
109
110
  .nav-tabs.nav-stacked > li > a {
110
- background: rgba(249,249,249,1);
111
- color: rgba(200,200,200,1);
111
+ background: rgba(245,248,250,1);
112
+ color: rgba(136,153,166,1);
112
113
  padding: 10px 10px 8px 10px;
113
114
  }
114
115
  .nav-tabs.nav-stacked > li:first-child > a {
@@ -121,14 +122,14 @@
121
122
  }
122
123
  .nav-tabs.nav-stacked > li > a:hover,
123
124
  .nav-tabs.nav-stacked > li > a:focus {
124
- background: rgba(243,243,243,1);
125
- color: rgba(34,34,34,1);
125
+ background: rgba(235,238,240,1);
126
+ color: rgba(42,44,48,1);
126
127
  z-index: 2;
127
128
  }
128
129
  .nav-tabs.nav-stacked > .active > a,
129
130
  .nav-tabs.nav-stacked > .active > a:hover,
130
131
  .nav-tabs.nav-stacked > .active > a:focus {
131
- background: rgba(34,34,34,1);
132
+ background: rgba(91,146,250,1);
132
133
  color: rgba(255,255,255,1);
133
134
  border-bottom: 0;
134
135
  padding: 10px;
@@ -142,8 +143,8 @@
142
143
  .nav-pills .open .dropdown-toggle,
143
144
  .nav > li.dropdown.open.active > a:hover,
144
145
  .nav > li.dropdown.open.active > a:focus {
145
- background: rgba(243,243,243,1);
146
- color: rgba(34,34,34,1);
146
+ background: rgba(235,238,240,1);
147
+ color: rgba(42,44,48,1);
147
148
  }
148
149
 
149
150
  /* # Tab