active_frontend 3.0.4 → 4.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 (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
@@ -7,15 +7,18 @@
7
7
  /* # Code
8
8
  ================================================== */
9
9
  code {
10
- background: rgba(249,249,249,1);
11
- border: 1px solid rgba(0,0,0,0.02);
12
- color: rgba(34,34,34,1);
10
+ background: rgba(245,248,250,1);
11
+ border: 1px solid rgba(235,242,247,1);
12
+ color: rgba(42,44,48,1);
13
13
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
14
14
  font-size: 12px;
15
15
  font-weight: normal;
16
+ letter-spacing: 0;
16
17
  line-height: 20px;
17
18
  margin: 0;
18
19
  padding: 3px 5px 4px 5px;
20
+ text-decoration: none;
21
+ text-transform: none;
19
22
  word-break: break-all;
20
23
  word-wrap: break-word;
21
24
  white-space: pre;
@@ -25,16 +28,19 @@ code {
25
28
  /* # Pre
26
29
  ================================================== */
27
30
  pre {
28
- background: rgba(249,249,249,1);
29
- border: 2px solid rgba(0,0,0,0.02);
30
- color: rgba(34,34,34,1);
31
+ background: rgba(245,248,250,1);
32
+ border: 2px solid rgba(235,242,247,1);
33
+ color: rgba(42,44,48,1);
31
34
  display: block;
32
35
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
33
36
  font-size: 12px;
34
37
  font-weight: normal;
38
+ letter-spacing: 0;
35
39
  line-height: 20px;
36
40
  margin: 0;
37
41
  padding: 20px;
42
+ text-decoration: none;
43
+ text-transform: none;
38
44
  word-break: break-all;
39
45
  word-wrap: break-word;
40
46
  white-space: pre;
@@ -47,57 +53,57 @@ pre {
47
53
  /* # Pygments
48
54
  ================================================== */
49
55
  .c {
50
- color: rgba(200,200,200,1);
56
+ color: rgba(136,153,166,1);
51
57
  font-style: italic;
52
58
  } /* Comment */
53
59
  .err {
54
60
  color: rgba(225,80,80,1);
55
- background: rgba(34,34,34,1);
61
+ background: rgba(42,44,48,1);
56
62
  } /* Error */
57
- .k { color: rgba(76,143,202,1); } /* Keyword */
63
+ .k { color: rgba(91,146,250,1); } /* Keyword */
58
64
  .cm {
59
- color: rgba(200,200,200,1);
65
+ color: rgba(136,153,166,1);
60
66
  font-style: italic;
61
67
  } /* Comment.Multiline */
62
68
  .cp { color: rgba(27,192,109,1); } /* Comment.Preproc */
63
69
  .c1 {
64
- color: rgba(200,200,200,1);
70
+ color: rgba(136,153,166,1);
65
71
  font-style: italic;
66
72
  } /* Comment.Single */
67
73
  .cs {
68
- color: rgba(76,143,202,1);
74
+ color: rgba(91,146,250,1);
69
75
  font-style: italic;
70
76
  } /* Comment.Special */
71
77
  .gd { color: rgba(225,80,80,1); } /* Generic.Deleted */
72
78
  .ge { font-style: italic; } /* Generic.Emph */
73
79
  .gr { color: rgba(225,80,80,1) } /* Generic.Error */
74
80
  .gh {
75
- color: rgba(76,143,202,1);
81
+ color: rgba(91,146,250,1);
76
82
  font-weight: bold;
77
83
  } /* Generic.Heading */
78
84
  .gi { color: rgba(27,192,109,1); } /* Generic.Inserted */
79
- .go { color: rgba(200,200,200,1); } /* Generic.Output */
80
- .gp { color: rgba(34,34,34,1); } /* Generic.Prompt */
85
+ .go { color: rgba(136,153,166,1); } /* Generic.Output */
86
+ .gp { color: rgba(42,44,48,1); } /* Generic.Prompt */
81
87
  .gs { font-weight: bold; } /* Generic.Strong */
82
88
  .gu {
83
- color: rgba(34,34,34,1);
89
+ color: rgba(42,44,48,1);
84
90
  font-weight: bold;
85
91
  } /* Generic.Subheading */
86
92
  .gt { color: rgba(225,80,80,1); } /* Generic.Traceback */
87
- .kc { color: rgba(76,143,202,1); } /* Keyword.Constant */
88
- .kd { color: rgba(76,143,202,1); } /* Keyword.Declaration */
89
- .kn { color: rgba(76,143,202,1); } /* Keyword.Namespace */
90
- .kp { color: rgba(76,143,202,1); } /* Keyword.Pseudo */
91
- .kr { color: rgba(76,143,202,1); } /* Keyword.Reserved */
93
+ .kc { color: rgba(91,146,250,1); } /* Keyword.Constant */
94
+ .kd { color: rgba(91,146,250,1); } /* Keyword.Declaration */
95
+ .kn { color: rgba(91,146,250,1); } /* Keyword.Namespace */
96
+ .kp { color: rgba(91,146,250,1); } /* Keyword.Pseudo */
97
+ .kr { color: rgba(91,146,250,1); } /* Keyword.Reserved */
92
98
  .kt { color: rgba(27,192,109,1); } /* Keyword.Type */
93
99
  .m { color: rgba(27,192,109,1); } /* Literal.Number */
94
- .s { color: rgba(76,143,202,1); } /* Literal.String */
100
+ .s { color: rgba(91,146,250,1); } /* Literal.String */
95
101
  .sa { color: rgba(27,192,109,1); } /* Literal.String.Alternate */
96
- .na { color: rgba(76,143,202,1); } /* Name.Attribute */
102
+ .na { color: rgba(91,146,250,1); } /* Name.Attribute */
97
103
  .nb { color: rgba(27,192,109,1); } /* Name.Builtin */
98
104
  .nc { color: rgba(27,192,109,1); } /* Name.Class */
99
105
  .no { color: rgba(225,80,80,1); } /* Name.Constant */
100
- .nd { color: rgba(200,200,200,1); } /* Name.Decorator */
106
+ .nd { color: rgba(136,153,166,1); } /* Name.Decorator */
101
107
  .ni {
102
108
  color: rgba(225,80,80,1);
103
109
  font-weight: bold;
@@ -105,27 +111,27 @@ pre {
105
111
  .nf { color: rgba(27,192,109,1); } /* Name.Function */
106
112
  .nn { color: rgba(27,192,109,1); } /* Name.Namespace */
107
113
  .nt {
108
- color: rgba(76,143,202,1);
114
+ color: rgba(91,146,250,1);
109
115
  font-weight: bold;
110
116
  } /* Name.Tag */
111
117
  .nv { color: rgba(225,80,80,1); } /* Name.Variable */
112
- .ow { color: rgba(76,143,202,1); } /* Operator.Word */
113
- .w { color: rgba(200,200,200,1); } /* Text.Whitespace */
118
+ .ow { color: rgba(91,146,250,1); } /* Operator.Word */
119
+ .w { color: rgba(136,153,166,1); } /* Text.Whitespace */
114
120
  .mf { color: rgba(27,192,109,1); } /* Literal.Number.Float */
115
121
  .mh { color: rgba(27,192,109,1); } /* Literal.Number.Hex */
116
122
  .mi { color: rgba(27,192,109,1); } /* Literal.Number.Integer */
117
123
  .mo { color: rgba(27,192,109,1); } /* Literal.Number.Oct */
118
- .sb { color: rgba(76,143,202,1); } /* Literal.String.Backtick */
119
- .sc { color: rgba(76,143,202,1); } /* Literal.String.Char */
120
- .sd { color: rgba(76,143,202,1); } /* Literal.String.Doc */
121
- .s2 { color: rgba(76,143,202,1); } /* Literal.String.Double */
122
- .se { color: rgba(76,143,202,1); } /* Literal.String.Escape */
123
- .sh { color: rgba(76,143,202,1); } /* Literal.String.Heredoc */
124
- .si { color: rgba(76,143,202,1); } /* Literal.String.Interpol */
125
- .sx { color: rgba(76,143,202,1); } /* Literal.String.Other */
124
+ .sb { color: rgba(91,146,250,1); } /* Literal.String.Backtick */
125
+ .sc { color: rgba(91,146,250,1); } /* Literal.String.Char */
126
+ .sd { color: rgba(91,146,250,1); } /* Literal.String.Doc */
127
+ .s2 { color: rgba(91,146,250,1); } /* Literal.String.Double */
128
+ .se { color: rgba(91,146,250,1); } /* Literal.String.Escape */
129
+ .sh { color: rgba(91,146,250,1); } /* Literal.String.Heredoc */
130
+ .si { color: rgba(91,146,250,1); } /* Literal.String.Interpol */
131
+ .sx { color: rgba(91,146,250,1); } /* Literal.String.Other */
126
132
  .sr { color: rgba(27,192,109,1); } /* Literal.String.Regex */
127
- .s1 { color: rgba(76,143,202,1); } /* Literal.String.Single */
128
- .ss { color: rgba(76,143,202,1); } /* Literal.String.Symbol */
133
+ .s1 { color: rgba(91,146,250,1); } /* Literal.String.Single */
134
+ .ss { color: rgba(91,146,250,1); } /* Literal.String.Symbol */
129
135
  .bp { color: rgba(27,192,109,1); } /* Name.Builtin.Pseudo */
130
136
  .vc { color: rgba(225,80,80,1); } /* Name.Variable.Class */
131
137
  .vg { color: rgba(225,80,80,1); } /* Name.Variable.Global */
@@ -12,7 +12,7 @@
12
12
  z-index: 1060;
13
13
  }
14
14
  .datepicker:before {
15
- border-bottom: 7px solid rgba(249,249,249,1);
15
+ border-bottom: 7px solid rgba(230,237,242,1);
16
16
  border-right: 7px solid transparent;
17
17
  border-left: 7px solid transparent;
18
18
  content: '';
@@ -20,7 +20,7 @@
20
20
  position: absolute;
21
21
  }
22
22
  .datepicker:after {
23
- border-bottom: 6px solid rgba(249,249,249,1);
23
+ border-bottom: 6px solid rgba(230,237,242,1);
24
24
  border-right: 6px solid transparent;
25
25
  border-left: 6px solid transparent;
26
26
  content: '';
@@ -36,15 +36,15 @@
36
36
  .datepicker.datepicker-orient-bottom:before {
37
37
  bottom: -7px;
38
38
  border-bottom: 0;
39
- border-top: 7px solid rgba(249,249,249,1);
39
+ border-top: 7px solid rgba(230,237,242,1);
40
40
  }
41
41
  .datepicker.datepicker-orient-bottom:after {
42
42
  bottom: -6px;
43
43
  border-bottom: 0;
44
- border-top: 6px rgba(249,249,249,1);
44
+ border-top: 6px rgba(230,237,242,1);
45
45
  }
46
46
  .dow {
47
- color: rgba(34,34,34,1);
47
+ color: rgba(91,146,250,1);
48
48
  font-weight: bold;
49
49
  }
50
50
  .datepicker > div { display: none; }
@@ -68,7 +68,7 @@
68
68
  width: 20px;
69
69
  }
70
70
  .datepicker td.day:hover {
71
- background: rgba(34,34,34,1);
71
+ background: rgba(91,146,250,1);
72
72
  border-radius: 2px;
73
73
  color: rgba(255,255,255,1);
74
74
  cursor: pointer;
@@ -90,7 +90,7 @@
90
90
  .datepicker td.active:hover.disabled,
91
91
  .datepicker td.active[disabled],
92
92
  .datepicker td.active:hover[disabled] {
93
- background: rgba(27,192,109,1);
93
+ background: rgba(91,146,250,1);
94
94
  border-radius: 2px;
95
95
  color: rgba(255,255,255,1);
96
96
  }
@@ -104,8 +104,8 @@
104
104
  width: 46px;
105
105
  }
106
106
  .datepicker td span:hover {
107
- background: rgba(34,34,34,1);
108
- color: rgba(34,34,34,1);
107
+ background: rgba(91,146,250,1);
108
+ color: rgba(255,255,255,1);
109
109
  cursor: pointer;
110
110
  }
111
111
  .datepicker td span.active,
@@ -115,7 +115,7 @@
115
115
  .datepicker td span.active.active,
116
116
  .datepicker td span.active.disabled,
117
117
  .datepicker td span.active[disabled] {
118
- background: rgba(27,192,109,1);
118
+ background: rgba(91,146,250,1);
119
119
  color: rgba(255,255,255,1);
120
120
  }
121
121
  .datepicker th.switch {
@@ -125,7 +125,7 @@
125
125
  .datepicker th.next,
126
126
  .datepicker th.prev { font-size: 17px; }
127
127
  .datepicker thead tr:first-child th:hover {
128
- background: rgba(34,34,34,1);
128
+ background: rgba(91,146,250,1);
129
129
  border-radius: 2px;
130
130
  color: rgba(255,255,255,1);
131
131
  cursor: pointer;
@@ -10,12 +10,12 @@
10
10
  .dropdown-toggle:active,
11
11
  .open .dropdown-toggle { outline: 0; }
12
12
  .dropdown-menu {
13
- background: rgba(249,249,249,1);
13
+ background: rgba(246,248,250,1);
14
14
  background-clip: padding-box;
15
- border: 2px solid rgba(243,243,243,1);
15
+ border: 2px solid rgba(230,237,242,1);
16
16
  box-shadow: 0 0 3px rgba(220,220,220,1);
17
17
  box-sizing: border-box;
18
- color: rgba(34,34,34,1);
18
+ color: rgba(42,44,48,1);
19
19
  display: none;
20
20
  float: left;
21
21
  font-weight: bold;
@@ -37,28 +37,28 @@
37
37
  right: 0;
38
38
  }
39
39
  .dropdown-menu > .divider {
40
- background: rgba(243,243,243,1);
40
+ background: rgba(230,237,242,1);
41
41
  height: 1px;
42
42
  margin: 5px 0px;
43
43
  overflow: hidden;
44
44
  }
45
45
  .dropdown-menu > li > a {
46
46
  clear: both;
47
- color: rgba(34,34,34,1);
47
+ color: rgba(42,44,48,1);
48
48
  cursor: pointer;
49
49
  display: block;
50
50
  padding: 8px 15px;
51
51
  text-decoration: none;
52
52
  white-space: nowrap;
53
53
  }
54
- .dropdown-menu > li > a:hover,
55
- .dropdown-menu > li > a:focus,
56
- .dropdown-submenu:hover > a,
57
- .dropdown-submenu:focus > a { color: rgba(27,192,109,1); }
58
54
  .dropdown-menu > li > a:active,
59
55
  .dropdown-menu > li > a.active,
56
+ .dropdown-menu > li > a:hover,
57
+ .dropdown-menu > li > a:focus,
60
58
  .dropdown-submenu:active > a,
61
- .dropdown-submenu.active > a { color: rgba(27,192,109,1); }
59
+ .dropdown-submenu.active > a,
60
+ .dropdown-submenu:hover > a,
61
+ .dropdown-submenu:focus > a { color: rgba(91,146,250,1); }
62
62
  .dropdown-menu > li .badge,
63
63
  .dropdown-menu > li .label { margin: -8px 0 -7px 0; }
64
64
  .open > .dropdown-menu { display: block; }
@@ -72,7 +72,7 @@
72
72
  }
73
73
  .dropdown-menu.dropdown-caret { top: calc(100% + 5px); }
74
74
  .dropdown-menu.dropdown-caret:before {
75
- border-bottom: 7px solid rgba(243,243,243,1);
75
+ border-bottom: 7px solid rgba(230,237,242,1);
76
76
  border-left: 7px solid transparent;
77
77
  border-right: 7px solid transparent;
78
78
  content: "";
@@ -82,7 +82,7 @@
82
82
  top: -9px;
83
83
  }
84
84
  .dropdown-menu.dropdown-caret:after {
85
- border-bottom: 6px solid rgba(243,243,243,1);
85
+ border-bottom: 6px solid rgba(230,237,242,1);
86
86
  border-left: 6px solid transparent;
87
87
  border-right: 6px solid transparent;
88
88
  content: "";
@@ -13,8 +13,8 @@
13
13
  z-index: 1030;
14
14
  }
15
15
  .footer {
16
- background: rgba(24,24,24,1);
17
- border-top: 2px solid rgba(4,4,4,1);
16
+ background: rgba(42,44,48,1);
17
+ border-top: 4px solid rgba(255,255,255,0.1);
18
18
  box-sizing: border-box;
19
19
  width: 100%;
20
20
  margin-top: 40px;
@@ -45,6 +45,10 @@
45
45
  text-decoration: none;
46
46
  text-transform: uppercase;
47
47
  }
48
+ .footer > .footer-nav > li > a.active,
49
+ .footer > .footer-nav > li > a:active,
50
+ .footer > .footer-nav > li > a:hover,
51
+ .footer > .footer-nav > li > a:focus { color: rgba(91,146,250,1); }
48
52
  .footer-footnote {
49
53
  float: left;
50
54
  color: rgba(255,255,255,1);
@@ -57,8 +61,8 @@
57
61
  ================================================== */
58
62
  .footer.footer-alt {
59
63
  background: rgba(255,255,255,1);
60
- border-top: 2px solid rgba(243,243,243,1);
64
+ border-top: 2px solid rgba(235,242,247,1);
61
65
  }
62
- .footer.footer-alt > .footer-brand > a { color: rgba(34,34,34,1); }
63
- .footer.footer-alt >.footer-nav > li > a { color: rgba(34,34,34,1); }
64
- .footer.footer-alt > .footer-footnote { color: rgba(34,34,34,1); }
66
+ .footer.footer-alt > .footer-brand > a { color: rgba(136,153,166,1); }
67
+ .footer.footer-alt > .footer-nav > li > a { color: rgba(136,153,166,1); }
68
+ .footer.footer-alt > .footer-footnote { color: rgba(136,153,166,1); }
@@ -9,8 +9,8 @@
9
9
  fieldset { border: 0; }
10
10
  legend {
11
11
  border: 0;
12
- border-bottom: 1px solid rgba(243,243,243,1);
13
- color: rgba(34,34,34,1);
12
+ border-bottom: 1px solid rgba(230,237,242,1);
13
+ color: rgba(85,94,113,1);
14
14
  display: block;
15
15
  font-size: 16px;
16
16
  font-weight: bold;
@@ -22,7 +22,7 @@ legend {
22
22
  width: 100%;
23
23
  }
24
24
  label {
25
- color: rgba(34,34,34,1);
25
+ color: rgba(42,44,48,1);
26
26
  display: block;
27
27
  font-size: 13px;
28
28
  font-weight: bold;
@@ -47,18 +47,18 @@ input[type="color"],
47
47
  -webkit-appearance: none;
48
48
  -moz-appearance: none;
49
49
  background: rgba(255,255,255,1);
50
- border: 1px solid rgba(243,243,243,1);
50
+ border: 1px solid rgba(230,237,242,1);
51
51
  border-radius: 0;
52
52
  -moz-box-sizing: border-box;
53
53
  box-sizing: border-box;
54
- color: rgba(34,34,34,1);
54
+ color: rgba(42,44,48,1);
55
55
  display: block;
56
56
  font-weight: normal;
57
57
  font-style: normal;
58
58
  font-size: 16px;
59
59
  line-height: 1;
60
60
  margin-bottom: 5px;
61
- padding: 12px 0 11px 0;
61
+ padding: 13px 0 10px 0;
62
62
  text-indent: 10px;
63
63
  -webkit-transition: border linear 0.2s;
64
64
  transition: border linear 0.2s;
@@ -68,6 +68,9 @@ input[type="color"],
68
68
  textarea {
69
69
  height: 140px;
70
70
  line-height: 22px;
71
+ padding-right: 10px;
72
+ padding-left: 10px;
73
+ text-indent: 0;
71
74
  }
72
75
  textarea:focus,
73
76
  input[type="text"]:focus,
@@ -85,7 +88,7 @@ input[type="search"]:focus,
85
88
  input[type="tel"]:focus,
86
89
  input[type="color"]:focus,
87
90
  .uneditable-input:focus {
88
- border-color: rgba(27,192,109,1);
91
+ border-color: rgba(91,146,250,1);
89
92
  outline: 0;
90
93
  outline: thin dotted \9;
91
94
  -webkit-transition: background 150ms linear;
@@ -108,11 +111,11 @@ select {
108
111
  -webkit-appearance: none;
109
112
  -moz-appearance: none;
110
113
  background: rgba(255,255,255,1);
111
- border: 1px solid rgba(243,243,243,1);
114
+ border: 1px solid rgba(230,237,242,1);
112
115
  border-radius: 0;
113
116
  -moz-box-sizing: border-box;
114
117
  box-sizing: border-box;
115
- color: rgba(34,34,34,1);
118
+ color: rgba(42,44,48,1);
116
119
  font-weight: normal;
117
120
  font-style: normal;
118
121
  font-size: 16px;
@@ -142,17 +145,17 @@ select.datetime {
142
145
  }
143
146
  input:-moz-placeholder,
144
147
  textarea:-moz-placeholder {
145
- color: rgba(200,200,200,1);
148
+ color: rgba(136,153,166,1);
146
149
  font-weight: 200;
147
150
  }
148
151
  input:-ms-input-placeholder,
149
152
  textarea:-ms-input-placeholder {
150
- color: rgba(200,200,200,1);
153
+ color: rgba(136,153,166,1);
151
154
  font-weight: 200;
152
155
  }
153
156
  input::-webkit-input-placeholder,
154
157
  textarea::-webkit-input-placeholder {
155
- color: rgba(200,200,200,1);
158
+ color: rgba(136,153,166,1);
156
159
  font-weight: 200;
157
160
  }
158
161
  input:focus:invalid,
@@ -168,8 +171,8 @@ input[disabled],
168
171
  textarea[disabled],
169
172
  select[disabled],
170
173
  .uneditable-input {
171
- background: rgba(249,249,249,1);
172
- color: rgba(200,200,200,1) !important;
174
+ background: rgba(245,248,250,1);
175
+ color: rgba(136,153,166,1) !important;
173
176
  cursor: not-allowed;
174
177
  }
175
178
  .uneditable-input { font-weight: normal; }
@@ -182,7 +185,7 @@ select.form-input-initial-width {
182
185
  /* # Components
183
186
  ================================================== */
184
187
  .form-header {
185
- border-bottom: 1px solid rgba(243,243,243,1);
188
+ border-bottom: 1px solid rgba(230,237,242,1);
186
189
  margin-bottom: 30px;
187
190
  padding-bottom: 5px;
188
191
  }
@@ -194,15 +197,15 @@ select.form-input-initial-width {
194
197
  .form-header h6 { margin-bottom: 0; }
195
198
  .form-error-messages { margin-bottom: 40px; }
196
199
  .form-error-messages h4 {
197
- background: rgba(249,249,249,1);
198
- border: 1px solid rgba(243,243,243,1);
200
+ background: rgba(245,248,250,1);
201
+ border: 1px solid rgba(230,237,242,1);
199
202
  margin: 0;
200
203
  padding: 5px 10px;
201
204
  }
202
205
  .form-error-messages ul {
203
- border-bottom: 1px solid rgba(243,243,243,1);
204
- border-right: 1px solid rgba(243,243,243,1);
205
- border-left: 1px solid rgba(243,243,243,1);
206
+ border-bottom: 1px solid rgba(230,237,242,1);
207
+ border-right: 1px solid rgba(230,237,242,1);
208
+ border-left: 1px solid rgba(230,237,242,1);
206
209
  }
207
210
  .form-error-messages li {
208
211
  display: block;
@@ -239,11 +242,11 @@ select.form-input-initial-width {
239
242
  .form-input-group input,
240
243
  .form-file-group input { margin: 0; }
241
244
  .form-input-group-addon {
242
- background: rgba(249,249,249,1);
243
- border: 1px solid rgba(243,243,243,1);
245
+ background: rgba(245,248,250,1);
246
+ border: 1px solid rgba(230,237,242,1);
244
247
  -moz-box-sizing: border-box;
245
248
  box-sizing: border-box;
246
- color: rgba(200,200,200,1);
249
+ color: rgba(136,153,166,1);
247
250
  font-weight: normal;
248
251
  font-style: normal;
249
252
  font-size: 16px;
@@ -265,17 +268,17 @@ select.form-input-initial-width {
265
268
  vertical-align: middle;
266
269
  }
267
270
  .form-file-group-button {
268
- border-color: rgba(243,243,243,1);
271
+ border-color: rgba(230,237,242,1);
269
272
  margin-right: -1px;
270
- padding-bottom: 13px;
271
- padding-top: 13px;
273
+ padding-bottom: 14px;
274
+ padding-top: 14px;
272
275
  }
273
276
  .form-input-group-addon:first-child,
274
277
  .form-file-group-addon:first-child,
275
- .form-file-group-addon:first-child .form-file-group-button { border-width-right: 1px; }
278
+ .form-file-group-addon:first-child .form-file-group-button { border-right: 0; }
276
279
  .form-input-group-addon:last-child,
277
280
  .form-file-group-addon:last-child,
278
- .form-file-group-addon:last-child .form-file-group-button { border-width-left: 1px; }
281
+ .form-file-group-addon:last-child .form-file-group-button { border-left: 0; }
279
282
  .form-input-group-addon input[type="radio"],
280
283
  .form-input-group-addon input[type="checkbox"] { margin: 0; }
281
284
  .form-input-inline {
@@ -290,13 +293,13 @@ select.form-input-initial-width {
290
293
  padding-top: 13px;
291
294
  }
292
295
  .form-help-block {
293
- color: rgba(200,200,200,1);
296
+ color: rgba(136,153,166,1);
294
297
  display: block;
295
298
  font-size: 12px;
296
299
  margin-bottom: 15px;
297
300
  }
298
301
  .form-footer {
299
- border-top: 1px solid rgba(243,243,243,1);
302
+ border-top: 1px solid rgba(230,237,242,1);
300
303
  margin-top: 30px;
301
304
  padding: 20px 0 0 0;
302
305
  }