diff --git a/bower.json b/bower.json index e4bb056f9..c179463eb 100644 --- a/bower.json +++ b/bower.json @@ -1,6 +1,6 @@ { "name": "angular-patternfly", - "version": "3.3.5", + "version": "3.4.0", "authors": [ "Red Hat" ], @@ -39,7 +39,7 @@ "angular-sanitize": "1.3.0 - 1.5.*", "angular-bootstrap": "0.13.x", "lodash": "3.x", - "patternfly": "~3.3.5" + "patternfly": "~3.4.0" }, "devDependencies": { "angular-mocks": "1.3.0 - 1.5.*" diff --git a/dist/docs/css/patternfly-additions.css b/dist/docs/css/patternfly-additions.css index 600a7294d..12bb98bd5 100644 --- a/dist/docs/css/patternfly-additions.css +++ b/dist/docs/css/patternfly-additions.css @@ -139,17 +139,17 @@ } .datepicker table tr td.day:hover, .datepicker table tr td.day.focused { - background: #eeeeee; + background: #f1f1f1; cursor: pointer; } .datepicker table tr td.old, .datepicker table tr td.new { - color: #999999; + color: #9c9c9c; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; - color: #999999; + color: #9c9c9c; cursor: default; } .datepicker table tr td.today, @@ -306,7 +306,7 @@ fieldset[disabled] .datepicker table tr td.today.disabled:hover.focus { .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { - background: #eeeeee; + background: #f1f1f1; border-radius: 0; } .datepicker table tr td.range.today, @@ -314,8 +314,8 @@ fieldset[disabled] .datepicker table tr td.today.disabled:hover.focus { .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { color: #000; - background-color: #f7ca77; - border-color: #f1a417; + background-color: #f8cb79; + border-color: #f3a618; border-radius: 0; } .datepicker table tr td.range.today:focus, @@ -327,16 +327,16 @@ fieldset[disabled] .datepicker table tr td.today.disabled:hover.focus { .datepicker table tr td.range.today.disabled.focus, .datepicker table tr td.range.today.disabled:hover.focus { color: #000; - background-color: #f4b747; - border-color: #815608; + background-color: #f6b848; + border-color: #855807; } .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover { color: #000; - background-color: #f4b747; - border-color: #bf800c; + background-color: #f6b848; + border-color: #c4820a; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, @@ -351,8 +351,8 @@ fieldset[disabled] .datepicker table tr td.today.disabled:hover.focus { .open > .dropdown-toggle.datepicker table tr td.range.today.disabled, .open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover { color: #000; - background-color: #f4b747; - border-color: #bf800c; + background-color: #f6b848; + border-color: #c4820a; } .datepicker table tr td.range.today:active:hover, .datepicker table tr td.range.today:hover:active:hover, @@ -391,8 +391,8 @@ fieldset[disabled] .datepicker table tr td.today.disabled:hover.focus { .open > .dropdown-toggle.datepicker table tr td.range.today.disabled.focus, .open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover.focus { color: #000; - background-color: #f2aa25; - border-color: #815608; + background-color: #f4ab26; + border-color: #855807; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, @@ -444,14 +444,14 @@ fieldset[disabled] .datepicker table tr td.range.today.focus, fieldset[disabled] .datepicker table tr td.range.today:hover.focus, fieldset[disabled] .datepicker table tr td.range.today.disabled.focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.focus { - background-color: #f7ca77; - border-color: #f1a417; + background-color: #f8cb79; + border-color: #f3a618; } .datepicker table tr td.range.today .badge, .datepicker table tr td.range.today:hover .badge, .datepicker table tr td.range.today.disabled .badge, .datepicker table tr td.range.today.disabled:hover .badge { - color: #f7ca77; + color: #f8cb79; background-color: #000; } .datepicker table tr td.selected, @@ -459,7 +459,7 @@ fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.focus { .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { color: #fff; - background-color: #999999; + background-color: #9c9c9c; border-color: #555555; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } @@ -472,7 +472,7 @@ fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.focus { .datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected.disabled:hover.focus { color: #fff; - background-color: #808080; + background-color: #838383; border-color: #161616; } .datepicker table tr td.selected:hover, @@ -480,7 +480,7 @@ fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.focus { .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover { color: #fff; - background-color: #808080; + background-color: #838383; border-color: #373737; } .datepicker table tr td.selected:active, @@ -496,7 +496,7 @@ fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.focus { .open > .dropdown-toggle.datepicker table tr td.selected.disabled, .open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover { color: #fff; - background-color: #808080; + background-color: #838383; border-color: #373737; } .datepicker table tr td.selected:active:hover, @@ -536,7 +536,7 @@ fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.focus { .open > .dropdown-toggle.datepicker table tr td.selected.disabled.focus, .open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover.focus { color: #fff; - background-color: #6e6e6e; + background-color: #717171; border-color: #161616; } .datepicker table tr td.selected:active, @@ -589,14 +589,14 @@ fieldset[disabled] .datepicker table tr td.selected.focus, fieldset[disabled] .datepicker table tr td.selected:hover.focus, fieldset[disabled] .datepicker table tr td.selected.disabled.focus, fieldset[disabled] .datepicker table tr td.selected.disabled:hover.focus { - background-color: #999999; + background-color: #9c9c9c; border-color: #555555; } .datepicker table tr td.selected .badge, .datepicker table tr td.selected:hover .badge, .datepicker table tr td.selected.disabled .badge, .datepicker table tr td.selected.disabled:hover .badge { - color: #999999; + color: #9c9c9c; background-color: #fff; } .datepicker table tr td.active, @@ -604,8 +604,8 @@ fieldset[disabled] .datepicker table tr td.selected.disabled:hover.focus { .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { color: #fff; - background-color: #0085cf; - border-color: #006e9c; + background-color: #0088ce; + border-color: #00659c; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:focus, @@ -617,16 +617,16 @@ fieldset[disabled] .datepicker table tr td.selected.disabled:hover.focus { .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.disabled:hover.focus { color: #fff; - background-color: #00649c; - border-color: #00141d; + background-color: #00669b; + border-color: #00121d; } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover { color: #fff; - background-color: #00649c; - border-color: #00435f; + background-color: #00669b; + border-color: #003d5f; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, @@ -641,8 +641,8 @@ fieldset[disabled] .datepicker table tr td.selected.disabled:hover.focus { .open > .dropdown-toggle.datepicker table tr td.active.disabled, .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover { color: #fff; - background-color: #00649c; - border-color: #00435f; + background-color: #00669b; + border-color: #003d5f; } .datepicker table tr td.active:active:hover, .datepicker table tr td.active:hover:active:hover, @@ -681,8 +681,8 @@ fieldset[disabled] .datepicker table tr td.selected.disabled:hover.focus { .open > .dropdown-toggle.datepicker table tr td.active.disabled.focus, .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover.focus { color: #fff; - background-color: #004d78; - border-color: #00141d; + background-color: #004f77; + border-color: #00121d; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, @@ -734,14 +734,14 @@ fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active:hover.focus, fieldset[disabled] .datepicker table tr td.active.disabled.focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover.focus { - background-color: #0085cf; - border-color: #006e9c; + background-color: #0088ce; + border-color: #00659c; } .datepicker table tr td.active .badge, .datepicker table tr td.active:hover .badge, .datepicker table tr td.active.disabled .badge, .datepicker table tr td.active.disabled:hover .badge { - color: #0085cf; + color: #0088ce; background-color: #fff; } .datepicker table tr td span { @@ -755,12 +755,12 @@ fieldset[disabled] .datepicker table tr td.active.disabled:hover.focus { border-radius: 4px; } .datepicker table tr td span:hover { - background: #eeeeee; + background: #f1f1f1; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; - color: #999999; + color: #9c9c9c; cursor: default; } .datepicker table tr td span.active, @@ -768,8 +768,8 @@ fieldset[disabled] .datepicker table tr td.active.disabled:hover.focus { .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { color: #fff; - background-color: #0085cf; - border-color: #006e9c; + background-color: #0088ce; + border-color: #00659c; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:focus, @@ -781,16 +781,16 @@ fieldset[disabled] .datepicker table tr td.active.disabled:hover.focus { .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:hover.focus { color: #fff; - background-color: #00649c; - border-color: #00141d; + background-color: #00669b; + border-color: #00121d; } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover { color: #fff; - background-color: #00649c; - border-color: #00435f; + background-color: #00669b; + border-color: #003d5f; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, @@ -805,8 +805,8 @@ fieldset[disabled] .datepicker table tr td.active.disabled:hover.focus { .open > .dropdown-toggle.datepicker table tr td span.active.disabled, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover { color: #fff; - background-color: #00649c; - border-color: #00435f; + background-color: #00669b; + border-color: #003d5f; } .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover:active:hover, @@ -845,8 +845,8 @@ fieldset[disabled] .datepicker table tr td.active.disabled:hover.focus { .open > .dropdown-toggle.datepicker table tr td span.active.disabled.focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover.focus { color: #fff; - background-color: #004d78; - border-color: #00141d; + background-color: #004f77; + border-color: #00121d; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, @@ -898,19 +898,19 @@ fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:hover.focus, fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus { - background-color: #0085cf; - border-color: #006e9c; + background-color: #0088ce; + border-color: #00659c; } .datepicker table tr td span.active .badge, .datepicker table tr td span.active:hover .badge, .datepicker table tr td span.active.disabled .badge, .datepicker table tr td span.active.disabled:hover .badge { - color: #0085cf; + color: #0088ce; background-color: #fff; } .datepicker table tr td span.old, .datepicker table tr td span.new { - color: #999999; + color: #9c9c9c; } .datepicker .datepicker-switch { width: 145px; @@ -921,7 +921,7 @@ fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus { } .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover { - background: #eeeeee; + background: #f1f1f1; } .datepicker .cw { font-size: 10px; @@ -957,8 +957,8 @@ fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus { text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; - background-color: #eeeeee; - border: solid #BABABA; + background-color: #f1f1f1; + border: solid #bbb; border-width: 1px 0; margin-left: -5px; margin-right: -5px; @@ -1214,7 +1214,7 @@ select.mobile-device { cursor: pointer; border-radius: 1px; border: 1px solid; - border-color: #b7b7b7; + border-color: #bbb; position: relative; text-align: left; overflow: hidden; @@ -1257,12 +1257,12 @@ select.mobile-device { .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { color: #fff; - background: #0085cf; + background: #0088ce; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info { color: #fff; - background: #006e9c; + background: #00659c; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success { @@ -1282,7 +1282,7 @@ select.mobile-device { .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { color: #000; - background: #eeeeee; + background: #f1f1f1; } .bootstrap-switch .bootstrap-switch-label { text-align: center; @@ -1290,7 +1290,7 @@ select.mobile-device { margin-bottom: -1px; z-index: 100; color: #4d5258; - background: #eeeeee; + background: #f1f1f1; } .bootstrap-switch .bootstrap-switch-handle-on { border-bottom-left-radius: 0px; @@ -1833,7 +1833,7 @@ select.mobile-device { .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { background: none; - color: #999999; + color: #9c9c9c; cursor: not-allowed; } .bootstrap-datetimepicker-widget table th.prev::after { @@ -1873,7 +1873,7 @@ select.mobile-device { font-size: .8em; height: 20px; line-height: 20px; - color: #999999; + color: #9c9c9c; } .bootstrap-datetimepicker-widget table td.day { height: 20px; @@ -1889,7 +1889,7 @@ select.mobile-device { } .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new { - color: #999999; + color: #9c9c9c; } .bootstrap-datetimepicker-widget table td.today { position: relative; @@ -1899,7 +1899,7 @@ select.mobile-device { display: inline-block; border: solid transparent; border-width: 0 0 7px 7px; - border-bottom-color: #0085cf; + border-bottom-color: #0088ce; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; @@ -1907,7 +1907,7 @@ select.mobile-device { } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { - background-color: #0085cf; + background-color: #0088ce; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } @@ -1917,7 +1917,7 @@ select.mobile-device { .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover { background: none; - color: #999999; + color: #9c9c9c; cursor: not-allowed; } .bootstrap-datetimepicker-widget table td span { @@ -1933,17 +1933,17 @@ select.mobile-device { background: transparent; } .bootstrap-datetimepicker-widget table td span.active { - background-color: #0085cf; + background-color: #0088ce; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget table td span.old { - color: #999999; + color: #9c9c9c; } .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { background: none; - color: #999999; + color: #9c9c9c; cursor: not-allowed; } .bootstrap-datetimepicker-widget.usetwentyfour td.hour { @@ -1988,7 +1988,7 @@ select.mobile-device { } } .blank-slate-pf .blank-slate-pf-icon { - color: #999999; + color: #9c9c9c; font-size: 57.6px; line-height: 57.6px; } @@ -2021,13 +2021,13 @@ select.mobile-device { font-family: "PatternFlyIcons-webfont"; } .combobox-container .input-group-addon { - background-color: #eeeeee; + background-color: #f1f1f1; background-image: -webkit-linear-gradient(top, #fafafa 0%, #ededed 100%); background-image: -o-linear-gradient(top, #fafafa 0%, #ededed 100%); background-image: linear-gradient(to bottom, #fafafa 0%, #ededed 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffededed', GradientType=0); - border-color: #b7b7b7; + border-color: #bbb; color: #4d5258; position: relative; } @@ -2036,9 +2036,9 @@ select.mobile-device { .combobox-container .input-group-addon:active, .combobox-container .input-group-addon.active, .open .dropdown-toggle.combobox-container .input-group-addon { - background-color: #eeeeee; + background-color: #f1f1f1; background-image: none; - border-color: #b7b7b7; + border-color: #bbb; color: #4d5258; } .combobox-container .input-group-addon:active, @@ -2055,8 +2055,8 @@ select.mobile-device { .combobox-container .input-group-addon:active.focus, .combobox-container .input-group-addon.active.focus, .open .dropdown-toggle.combobox-container .input-group-addon.focus { - background-color: #e2e2e2; - border-color: #a5a5a5; + background-color: #e5e5e5; + border-color: #a9a9a9; } .combobox-container .input-group-addon.disabled, .combobox-container .input-group-addon[disabled], @@ -2073,19 +2073,19 @@ fieldset[disabled] .combobox-container .input-group-addon:active, .combobox-container .input-group-addon.disabled.active, .combobox-container .input-group-addon[disabled].active, fieldset[disabled] .combobox-container .input-group-addon.active { - background-color: #eeeeee; - border-color: #b7b7b7; + background-color: #f1f1f1; + border-color: #bbb; } .combobox-container .input-group-addon:active { - -webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.2); + -webkit-box-shadow: inset 0 2px 8px rgba(3, 3, 3, 0.2); + box-shadow: inset 0 2px 8px rgba(3, 3, 3, 0.2); } .bootstrap-datepicker.form-control[readonly] { background-color: #fff; - border-color: #BABABA !important; - color: #333333; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + border-color: #bbb !important; + color: #363636; + -webkit-box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075); + box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075); } .bootstrap-datepicker.form-control[readonly]:focus { border-color: #66afe9; @@ -2098,21 +2098,21 @@ fieldset[disabled] .combobox-container .input-group-addon.active { } .has-error .bootstrap-datepicker.form-control[readonly]:focus { border-color: #990000; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff3333; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff3333; + -webkit-box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #ff3333; + box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #ff3333; } .has-success .bootstrap-datepicker.form-control[readonly]:focus { border-color: #2b542c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; + -webkit-box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #67b168; + box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #67b168; } .has-warning .bootstrap-datepicker.form-control[readonly]:focus { border-color: #bb6106; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #faad60; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #faad60; + -webkit-box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #faad60; + box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #faad60; } .bootstrap-datepicker.form-control[readonly]:hover { - border-color: #7BB2DD !important; + border-color: #7dc3e8 !important; } .has-error .bootstrap-datepicker.form-control[readonly]:hover { border-color: #990000 !important; @@ -2153,13 +2153,13 @@ fieldset[disabled] .combobox-container .input-group-addon.active { .datepicker table tr td.active.active:hover, .datepicker table tr td.active.active.disabled, .datepicker table tr td.active.active.disabled:hover { - background: #0099d3 !important; + background: #0088ce !important; color: #fff !important; text-shadow: none; } .datepicker table tr td.day:hover, .datepicker table tr td.day.focused { - background: #d4edfa; + background: #def3ff; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, @@ -2174,15 +2174,15 @@ fieldset[disabled] .combobox-container .input-group-addon.active { .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.active.disabled, .datepicker table tr td span.active.active.disabled:hover { - background: #0099d3; + background: #0088ce; text-shadow: none; } .datepicker table tr td span:hover { - background: #d4edfa; + background: #def3ff; } .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover { - background: #d4edfa; + background: #def3ff; } .input-daterange input:first-child { border-radius: 1px 0 0 1px; @@ -2191,8 +2191,8 @@ fieldset[disabled] .combobox-container .input-group-addon.active { border-radius: 0 1px 1px 0; } .input-daterange .input-group-addon { - background-color: #eeeeee; - border-color: #BABABA; + background-color: #f1f1f1; + border-color: #bbb; line-height: 1.66666667; padding: 2px 6px; } @@ -2205,7 +2205,7 @@ fieldset[disabled] .combobox-container .input-group-addon.active { transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .bootstrap-select.btn-group .btn:hover { - border-color: #7BB2DD; + border-color: #7dc3e8; } .bootstrap-select.btn-group .btn .caret { margin-top: -4px; @@ -2213,61 +2213,60 @@ fieldset[disabled] .combobox-container .input-group-addon.active { .bootstrap-select.btn-group .btn:focus { border-color: #66afe9; outline: 0 !important; - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); + -webkit-box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .has-error .bootstrap-select.btn-group .btn { border-color: #cc0000; } .has-error .bootstrap-select.btn-group .btn:focus { border-color: #990000; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff3333; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff3333; + -webkit-box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #ff3333; + box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #ff3333; } .has-success .bootstrap-select.btn-group .btn { border-color: #3c763d; } .has-success .bootstrap-select.btn-group .btn:focus { border-color: #2b542c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; + -webkit-box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #67b168; + box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #67b168; } .has-warning .bootstrap-select.btn-group .btn { border-color: #ec7a08; } .has-warning .bootstrap-select.btn-group .btn:focus { border-color: #bb6106; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #faad60; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #faad60; + -webkit-box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #faad60; + box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 6px #faad60; } .bootstrap-select.btn-group .dropdown-menu > .active > a, .bootstrap-select.btn-group .dropdown-menu > .active > a:active { - background-color: #d4edfa !important; - border-color: #b3d3e7 !important; - color: #333333 !important; + background-color: #def3ff !important; + border-color: #bee1f4 !important; + color: #363636 !important; } .bootstrap-select.btn-group .dropdown-menu > .active > a small, .bootstrap-select.btn-group .dropdown-menu > .active > a:active small { - color: #999999 !important; + color: #9c9c9c !important; } .bootstrap-select.btn-group .dropdown-menu > .disabled > a { - color: #999999 !important; + color: #9c9c9c !important; } .bootstrap-select.btn-group .dropdown-menu > .selected > a { - background-color: #0099d3 !important; - border-color: #0076b7 !important; + background-color: #0088ce !important; + border-color: #0088ce !important; color: #fff !important; } .bootstrap-select.btn-group .dropdown-menu > .selected > a small { - color: #70c8e7 !important; - color: rgba(225, 255, 255, 0.5) !important; + color: rgba(255, 255, 255, 0.5) !important; } .bootstrap-select.btn-group .dropdown-menu .divider { - background: #e5e5e5 !important; + background: #ededed !important; margin: 4px 1px !important; } .bootstrap-select.btn-group .dropdown-menu dt { - color: #969696; + color: #8b8d8f; font-weight: normal; padding: 1px 10px; } @@ -2275,24 +2274,23 @@ fieldset[disabled] .combobox-container .input-group-addon.active { padding: 1px 10px; } .bootstrap-select.btn-group .dropdown-menu li a:active small { - color: #70c8e7 !important; - color: rgba(225, 255, 255, 0.5) !important; + color: rgba(255, 255, 255, 0.5) !important; } .bootstrap-select.btn-group .dropdown-menu li a:hover small, .bootstrap-select.btn-group .dropdown-menu li a:focus small { - color: #999999; + color: #9c9c9c; } .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small, .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small { - color: #999999; + color: #9c9c9c; } .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default { - background: #fbfbfb; + background: #fafafa; } .bootstrap-switch .bootstrap-switch-label { - background: #eeeeee; - box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); + background: #f1f1f1; + box-shadow: 0 0 2px rgba(3, 3, 3, 0.4); background-image: -webkit-linear-gradient(top, #fafafa 0%, #ededed 100%); background-image: -o-linear-gradient(top, #fafafa 0%, #ededed 100%); background-image: linear-gradient(to bottom, #fafafa 0%, #ededed 100%); @@ -2337,12 +2335,12 @@ fieldset[disabled] .combobox-container .input-group-addon.active { padding: 0 10px; } .treeview .list-group-item:hover { - background: #d4edfa !important; - border-color: #b3d3e7 !important; + background: #def3ff !important; + border-color: #bee1f4 !important; } .treeview .list-group-item.node-selected { - background: #0099d3 !important; - border-color: #0076b7 !important; + background: #0088ce !important; + border-color: #0088ce !important; color: #fff !important; } .treeview span.icon { @@ -2360,8 +2358,8 @@ fieldset[disabled] .combobox-container .input-group-addon.active { .card-pf { background: #fff; border-top: 2px solid transparent; - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.175); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.175); + -webkit-box-shadow: 0 1px 1px rgba(3, 3, 3, 0.175); + box-shadow: 0 1px 1px rgba(3, 3, 3, 0.175); margin: 0 -10px 20px; padding: 0 20px; } @@ -2370,19 +2368,19 @@ fieldset[disabled] .combobox-container .input-group-addon.active { } .card-pf.card-pf-aggregate-status .card-pf-aggregate-status-notifications a, .card-pf.card-pf-aggregate-status .card-pf-title a { - color: #333333; + color: #363636; } .card-pf.card-pf-aggregate-status .card-pf-aggregate-status-notifications a.add, .card-pf.card-pf-aggregate-status .card-pf-title a.add { - color: #0099d3; + color: #0088ce; } .card-pf.card-pf-aggregate-status .card-pf-aggregate-status-notifications a.add:hover, .card-pf.card-pf-aggregate-status .card-pf-title a.add:hover { - color: #00618a; + color: #00659c; } .card-pf.card-pf-aggregate-status .card-pf-aggregate-status-notifications a:hover, .card-pf.card-pf-aggregate-status .card-pf-title a:hover { - color: #00618a; + color: #00659c; } .card-pf.card-pf-aggregate-status { padding: 0 10px; @@ -2506,7 +2504,7 @@ fieldset[disabled] .combobox-container .input-group-addon.active { } .card-pf-aggregate-status .card-pf-title .fa, .card-pf-aggregate-status .card-pf-title .pficon { - color: #333; + color: #292e34; font-size: 16px; margin-right: 7px; } @@ -2595,7 +2593,7 @@ fieldset[disabled] .combobox-container .input-group-addon.active { stroke-width: 2px; } .c3-tooltip { - background: #434343; + background: #393f44; -webkit-box-shadow: none; box-shadow: none; opacity: 0.9; @@ -2622,7 +2620,7 @@ fieldset[disabled] .combobox-container .input-group-addon.active { } .c3-tooltip-sparkline, .donut-tooltip-pf { - background: #434343; + background: #393f44; color: #fff; opacity: 0.9; filter: alpha(opacity=90); @@ -2669,10 +2667,10 @@ fieldset[disabled] .combobox-container .input-group-addon.active { } .ColVis_collection { background-color: #fff; - border: 1px solid #b6b6b6; + border: 1px solid #bbb; border-radius: 1px; - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-box-shadow: 0 6px 12px rgba(3, 3, 3, 0.175); + box-shadow: 0 6px 12px rgba(3, 3, 3, 0.175); background-clip: padding-box; list-style: none; margin: -1px 0 0 0; @@ -2696,7 +2694,7 @@ fieldset[disabled] .combobox-container .input-group-addon.active { z-index: 998; } .dataTables_header { - background-color: #f6f6f6; + background-color: #f5f5f5; border: 1px solid #d1d1d1; border-bottom: none; padding: 5px; @@ -2720,7 +2718,7 @@ fieldset[disabled] .combobox-container .input-group-addon.active { position: absolute; } .dataTables_header .dataTables_filter input { - border: 1px solid #bbbbbb; + border: 1px solid #bbb; height: 24px; } @media (max-width: 767px) { @@ -2755,7 +2753,7 @@ fieldset[disabled] .combobox-container .input-group-addon.active { margin: 0; } .dataTables_paginate .pagination > li > span { - border-color: #ffffff #e1e1e1 #f4f4f4; + border-color: #fff #d1d1d1 #f5f5f5; border-width: 0 1px; font-size: 16px; font-weight: normal; @@ -2772,8 +2770,8 @@ fieldset[disabled] .combobox-container .input-group-addon.active { } .dataTables_paginate .pagination > li.disabled > span { background: #f5f5f5; - border-left-color: #ececec; - border-right-color: #ececec; + border-left-color: #ededed; + border-right-color: #ededed; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .dataTables_paginate .pagination-input { @@ -2784,9 +2782,9 @@ fieldset[disabled] .combobox-container .input-group-addon.active { text-align: right; } .dataTables_paginate .pagination-input .paginate_input { - border: 1px solid #d3d3d3; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + border: 1px solid #d1d1d1; + -webkit-box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075); + box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075); font-size: 12px; font-weight: 600; height: 19px; @@ -2814,7 +2812,7 @@ fieldset[disabled] .combobox-container .input-group-addon.active { z-index: 202; } .DTCR_pointer { - background-color: #0099d3; + background-color: #0088ce; width: 1px; z-index: 201; } @@ -2832,7 +2830,7 @@ table.datatable thead .sorting_desc_disabled { } table.datatable thead .sorting_asc, table.datatable thead .sorting_desc { - color: #0099d3 !important; + color: #0088ce !important; position: relative; } table.datatable thead .sorting_asc:after, @@ -2851,7 +2849,7 @@ table.datatable thead .sorting_desc:after { } table.datatable thead .sorting_asc:before, table.datatable thead .sorting_desc:before { - background: #0099d3; + background: #0088ce; content: ''; height: 2px; position: absolute; @@ -2869,7 +2867,7 @@ table.datatable th:active { .footer-pf-alt, .footer-pf { background-color: #030303; - color: #999999; + color: #9c9c9c; font-size: 11px; line-height: 17px; padding-left: 25px; @@ -3128,7 +3126,7 @@ table.datatable th:active { padding: 6px 15px; } .infotip .footer a:hover { - color: #0099d3; + color: #0088ce; } .infotip .arrow, .infotip .arrow:after { @@ -3150,7 +3148,7 @@ table.datatable th:active { .infotip.bottom-left .arrow, .infotip.bottom-right .arrow { border-bottom-color: #999999; - border-bottom-color: #bbbbbb; + border-bottom-color: #bbb; border-top-width: 0; left: 50%; margin-left: -11px; @@ -3174,7 +3172,7 @@ table.datatable th:active { .infotip.top .arrow { border-bottom-width: 0; border-top-color: #999999; - border-top-color: #bbbbbb; + border-top-color: #bbb; bottom: -11px; left: 50%; margin-left: -11px; @@ -3189,7 +3187,7 @@ table.datatable th:active { .infotip.right .arrow { border-left-width: 0; border-right-color: #999999; - border-right-color: #bbbbbb; + border-right-color: #bbb; left: -11px; margin-top: -11px; top: 50%; @@ -3203,7 +3201,7 @@ table.datatable th:active { } .infotip.left .arrow { border-left-color: #999999; - border-left-color: #bbbbbb; + border-left-color: #bbb; border-right-width: 0; margin-top: -11px; right: -11px; @@ -3512,14 +3510,14 @@ table.datatable th:active { } .list-view-pf-left .pficon.list-view-pf-icon-md, .list-view-pf-left .fa.list-view-pf-icon-md { - background-color: #f2f2f2; + background-color: #f5f5f5; height: 50px; line-height: 50px; width: 50px; } .list-view-pf-left .pficon.list-view-pf-icon-danger, .list-view-pf-left .fa.list-view-pf-icon-danger { - background-color: #fbe7e7; + background-color: #ffe6e6; color: #cc0000; } .list-view-pf-left .pficon.list-view-pf-icon-info, @@ -3528,7 +3526,7 @@ table.datatable th:active { } .list-view-pf-left .pficon.list-view-pf-icon-lg, .list-view-pf-left .fa.list-view-pf-icon-lg { - background-color: #f2f2f2; + background-color: #f5f5f5; height: 60px; line-height: 60px; width: 60px; @@ -3543,12 +3541,12 @@ table.datatable th:active { } .list-view-pf-left .pficon.list-view-pf-icon-success, .list-view-pf-left .fa.list-view-pf-icon-success { - background-color: #e8f9e7; + background-color: #e9f4e9; color: #3f9c35; } .list-view-pf-left .pficon.list-view-pf-icon-warning, .list-view-pf-left .fa.list-view-pf-icon-warning { - background-color: #fdf4ea; + background-color: #fdf2e5; color: #ec7a08; } .list-view-pf-main-info { @@ -3613,7 +3611,7 @@ table.datatable th:active { } } .login-pf body { - background: #080808 url("../img/bg-login.jpg") repeat-x 50% 0; + background: #030303 url("../img/bg-login.jpg") repeat-x 50% 0; background-size: auto; } @media (min-width: 768px) { @@ -3622,7 +3620,6 @@ table.datatable th:active { } } .login-pf .container { - background-color: #181818; background-color: rgba(255, 255, 255, 0.055); clear: right; color: #fff; @@ -3643,13 +3640,13 @@ table.datatable th:active { color: #fff; } .login-pf .container .details p:first-child { - border-top: 1px solid #474747; + border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 25px; margin-top: 25px; } @media (min-width: 768px) { .login-pf .container .details { - border-left: 1px solid #474747; + border-left: 1px solid rgba(255, 255, 255, 0.3); padding-left: 40px; } .login-pf .container .details p:first-child { @@ -3685,12 +3682,12 @@ table.datatable th:active { background: #030303; border: 0; border-radius: 0; - border-top: 3px solid #199dde; + border-top: 3px solid #39a5dc; margin-bottom: 0; min-height: 0; } .navbar-pf .navbar-brand { - color: #f1f1f1; + color: #f5f5f5; height: auto; padding: 12px 0; margin: 0 0 0 20px; @@ -3715,23 +3712,23 @@ table.datatable th:active { .navbar-pf .navbar-nav > .active > a:hover, .navbar-pf .navbar-nav > .active > a:focus { background-color: #232323; - color: #f1f1f1; + color: #f5f5f5; } .navbar-pf .navbar-nav > li > a { - color: #cfcfcf; + color: #d1d1d1; line-height: 1; padding: 10px 20px; text-shadow: none; } .navbar-pf .navbar-nav > li > a:hover, .navbar-pf .navbar-nav > li > a:focus { - color: #f1f1f1; + color: #f5f5f5; } .navbar-pf .navbar-nav > .open > a, .navbar-pf .navbar-nav > .open > a:hover, .navbar-pf .navbar-nav > .open > a:focus { background-color: #232323; - color: #f1f1f1; + color: #f5f5f5; } @media (max-width: 767px) { .navbar-pf .navbar-nav .active .dropdown-menu, @@ -3761,21 +3758,21 @@ table.datatable th:active { .navbar-pf .navbar-nav .active .navbar-persistent .dropdown-submenu.open > a:focus, .navbar-pf .navbar-nav .open .dropdown-menu .dropdown-submenu.open > a:focus { background-color: #1f1f1f !important; - color: #f1f1f1; + color: #f5f5f5; } .navbar-pf .navbar-nav .active .dropdown-menu > li > a, .navbar-pf .navbar-nav .active .navbar-persistent > li > a, .navbar-pf .navbar-nav .open .dropdown-menu > li > a { background-color: transparent; border: 0; - color: #cfcfcf; + color: #d1d1d1; outline: none; padding-left: 30px; } .navbar-pf .navbar-nav .active .dropdown-menu > li > a:hover, .navbar-pf .navbar-nav .active .navbar-persistent > li > a:hover, .navbar-pf .navbar-nav .open .dropdown-menu > li > a:hover { - color: #f1f1f1; + color: #f5f5f5; } .navbar-pf .navbar-nav .active .dropdown-menu .divider, .navbar-pf .navbar-nav .active .navbar-persistent .divider, @@ -3792,7 +3789,7 @@ table.datatable th:active { .navbar-pf .navbar-nav .active .dropdown-menu .dropdown-submenu.open .dropdown-toggle, .navbar-pf .navbar-nav .active .navbar-persistent .dropdown-submenu.open .dropdown-toggle, .navbar-pf .navbar-nav .open .dropdown-menu .dropdown-submenu.open .dropdown-toggle { - color: #f1f1f1; + color: #f5f5f5; } .navbar-pf .navbar-nav .active .dropdown-menu .dropdown-submenu.pull-left, .navbar-pf .navbar-nav .active .navbar-persistent .dropdown-submenu.pull-left, @@ -3857,42 +3854,40 @@ table.datatable th:active { } .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu > .active > a, .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu > .active > a:active { - background-color: #d4edfa !important; - border-color: #b3d3e7 !important; - color: #333333 !important; + background-color: #def3ff !important; + border-color: #bee1f4 !important; + color: #363636 !important; } .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu > .active > a small, .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu > .active > a:active small { - color: #999999 !important; + color: #9c9c9c !important; } .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu > .disabled > a { - color: #999999 !important; + color: #9c9c9c !important; } .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu > .selected > a, .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu > .selected > a:active { - background-color: #0099d3 !important; - border-color: #0076b7 !important; + background-color: #0088ce !important; + border-color: #0088ce !important; color: #fff !important; } .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu > .selected > a small, .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu > .selected > a:active small { - color: #70c8e7 !important; - color: rgba(225, 255, 255, 0.5) !important; + color: rgba(255, 255, 255, 0.5) !important; } .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu li > a.opt { border-bottom: 1px solid transparent; border-top: 1px solid transparent; - color: #333333; + color: #363636; padding-left: 10px; padding-right: 10px; } .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu li a:active small { - color: #70c8e7 !important; - color: rgba(225, 255, 255, 0.5) !important; + color: rgba(255, 255, 255, 0.5) !important; } .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu li a:hover small, .navbar-pf .navbar-nav .context-bootstrap-select .open > .dropdown-menu li a:focus small { - color: #999999; + color: #9c9c9c; } .navbar-pf .navbar-nav .context-bootstrap-select > .open > .dropdown-menu { padding-bottom: 5px; @@ -3944,8 +3939,8 @@ table.datatable th:active { } .navbar-pf .navbar-toggle:hover .icon-bar, .navbar-pf .navbar-toggle:focus .icon-bar { - -webkit-box-shadow: 0 0 3px #ffffff; - box-shadow: 0 0 3px #ffffff; + -webkit-box-shadow: 0 0 3px #fff; + box-shadow: 0 0 3px #fff; } .navbar-pf .navbar-toggle .icon-bar { background-color: #fff; @@ -4005,8 +4000,8 @@ table.datatable th:active { position: absolute; } .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent { - background: #f6f6f6; - border-bottom: 1px solid #cecdcd; + background: #f5f5f5; + border-bottom: 1px solid #d1d1d1; padding: 0; width: 100%; } @@ -4015,7 +4010,7 @@ table.datatable th:active { } .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.active:before, .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.active:hover:before { - background: #0099d3; + background: #0088ce; bottom: -1px; content: ''; display: block; @@ -4027,10 +4022,10 @@ table.datatable th:active { .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.active > a, .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.active > a:hover, .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.active:hover > a { - color: #0099d3 !important; + color: #0088ce !important; } .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.active .active > a { - color: #f1f1f1; + color: #f5f5f5; } .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.dropdown-submenu:hover > .dropdown-menu { display: none; @@ -4042,10 +4037,10 @@ table.datatable th:active { top: 100%; } .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.dropdown-submenu.open > .dropdown-toggle { - color: #222222; + color: #252525; } .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.dropdown-submenu.open > .dropdown-toggle:after { - border-top-color: #222222; + border-top-color: #252525; } .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.dropdown-submenu > .dropdown-toggle { padding-right: 35px !important; @@ -4057,7 +4052,7 @@ table.datatable th:active { } .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li:hover:before, .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.open:before { - background: #aaa; + background: #bbb; bottom: -1px; content: ''; display: block; @@ -4068,11 +4063,11 @@ table.datatable th:active { } .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li:hover > a, .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.open > a { - color: #222222; + color: #252525; } .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li:hover > a:after, .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li.open > a:after { - border-top-color: #222222; + border-top-color: #252525; } .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li > a { background-color: transparent; @@ -4090,7 +4085,7 @@ table.datatable th:active { top: 9px; } .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li > a:hover { - color: #222222; + color: #252525; } .navbar-pf .navbar-primary.persistent-secondary > li > .navbar-persistent > li a { color: #4d5258; @@ -4104,7 +4099,7 @@ table.datatable th:active { .navbar-pf .navbar-primary > li > a:hover { background-color: #1d1d1d; border-top-color: #5c5c5c; - color: #cfcfcf; + color: #d1d1d1; background-image: -webkit-linear-gradient(top, #363636 0%, #1d1d1d 100%); background-image: -o-linear-gradient(top, #363636 0%, #1d1d1d 100%); background-image: linear-gradient(to bottom, #363636 0%, #1d1d1d 100%); @@ -4122,7 +4117,7 @@ table.datatable th:active { border-top-color: #696969; -webkit-box-shadow: none; box-shadow: none; - color: #f1f1f1; + color: #f5f5f5; background-image: -webkit-linear-gradient(top, #434343 0%, #303030 100%); background-image: -o-linear-gradient(top, #434343 0%, #303030 100%); background-image: linear-gradient(to bottom, #434343 0%, #303030 100%); @@ -4186,11 +4181,11 @@ table.datatable th:active { .navbar-pf .navbar-utility > .open > a:hover, .navbar-pf .navbar-utility > .open > a:focus { background: #363636; - color: #cfcfcf; + color: #d1d1d1; } .navbar-pf .navbar-utility > li > a { border-left: 1px solid #2b2b2b; - color: #cfcfcf !important; + color: #d1d1d1 !important; padding: 7px 10px; } .navbar-pf .navbar-utility > li > a:hover { @@ -4199,7 +4194,7 @@ table.datatable th:active { } .navbar-pf .navbar-utility > li.open > a { border-left-color: #444444; - color: #f1f1f1 !important; + color: #f5f5f5 !important; } .navbar-pf .navbar-utility li.dropdown > .dropdown-toggle { padding-left: 26px; @@ -4244,7 +4239,7 @@ table.datatable th:active { background-size: auto 100%; border: none; border-radius: 0; - border-top: 2px solid #199dde; + border-top: 2px solid #39a5dc; margin-bottom: 0; } .navbar-pf-alt .infotip.bottom-right .arrow { @@ -4295,7 +4290,7 @@ table.datatable th:active { .navbar-pf-alt .nav .nav-item-iconic .caret, .navbar-pf-alt .nav .nav-item-iconic .fa, .navbar-pf-alt .nav .nav-item-iconic .pf-icon { - color: #cfcfcf; + color: #d1d1d1; font-size: 16px; } .navbar-pf-alt .nav .nav-item-iconic .caret { @@ -4355,13 +4350,13 @@ table.datatable th:active { margin-left: 0; } .navbar-pf-alt .navbar-toggle .icon-bar { - background: #cfcfcf; + background: #d1d1d1; } .navbar-pf-vertical { background-color: #1d1d1d; border: none; border-radius: 0; - border-top: 2px solid #199dde; + border-top: 2px solid #39a5dc; margin-bottom: 0; } .navbar-pf-vertical .infotip.bottom-right .arrow { @@ -4412,7 +4407,7 @@ table.datatable th:active { .navbar-pf-vertical .nav .nav-item-iconic .caret, .navbar-pf-vertical .nav .nav-item-iconic .fa, .navbar-pf-vertical .nav .nav-item-iconic .pf-icon { - color: #cfcfcf; + color: #d1d1d1; font-size: 16px; } .navbar-pf-vertical .nav .nav-item-iconic .caret { @@ -4472,7 +4467,7 @@ table.datatable th:active { margin-left: 0; } .navbar-pf-vertical .navbar-toggle .icon-bar { - background: #cfcfcf; + background: #d1d1d1; } .layout-pf-alt-fixed.transitions .nav-pf-vertical-alt { transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1); @@ -4494,7 +4489,7 @@ table.datatable th:active { box-sizing: content-box; } .layout-pf-alt-fixed .nav-pf-vertical-alt { - border-right: 1px solid #d0d0d0; + border-right: 1px solid #d1d1d1; bottom: 0; overflow-x: hidden; overflow-y: auto; @@ -4519,7 +4514,7 @@ table.datatable th:active { display: none; } .layout-pf-alt-fixed .nav-pf-vertical-alt.hidden.show-mobile-nav { - box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + box-shadow: 0 0 3px rgba(3, 3, 3, 0.15); display: block !important; } .layout-pf-alt-fixed-with-footer .nav-pf-vertical-alt { @@ -4533,7 +4528,7 @@ table.datatable th:active { padding: 0; } .nav-pf-vertical-alt .list-group-item a { - color: #333333; + color: #363636; display: block; font-size: 14px; height: 63px; @@ -4542,7 +4537,7 @@ table.datatable th:active { white-space: nowrap; } .nav-pf-vertical-alt .list-group-item a:focus { - color: #333333; + color: #363636; text-decoration: none; } .nav-pf-vertical-alt .list-group-item a:hover { @@ -4551,7 +4546,7 @@ table.datatable th:active { } .nav-pf-vertical-alt .list-group-item.active { background-color: #fff; - border-color: #f2f2f2; + border-color: #f5f5f5; } .nav-pf-vertical-alt .list-group-item.active:before { background: #39a5dc; @@ -4567,7 +4562,7 @@ table.datatable th:active { color: #39a5dc; } .nav-pf-vertical-alt .list-group-item .badge { - background: #333333; + background: #363636; border: 1px solid #fff; border-radius: 3px; color: #fff; @@ -4607,6 +4602,119 @@ table.datatable th:active { margin-left: -20px; margin-right: -20px; } +.drawer-pf { + background-color: #fafafa; + border: 1px solid #d1d1d1; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + overflow-y: auto; + position: absolute; + right: 0; + width: 320px; +} +.drawer-pf .panel { + border-bottom: none; + border-left: none; + border-right: none; +} +.drawer-pf .panel-group .panel-heading + .panel-collapse .panel-body { + border-top: none; + padding: 0; +} +.drawer-pf .panel-counter { + display: block; + font-style: italic; + line-height: 1.2; + padding-left: 18px; + padding-top: 5px; +} +.drawer-pf .panel-heading { + border-bottom: 1px solid #d1d1d1; +} +.drawer-pf .panel-group { + bottom: 52px; + margin-bottom: 0; + position: absolute; + top: 25px; + width: 100%; +} +.drawer-pf .panel-title a { + display: block; +} +.drawer-pf-action { + border-top: 1px solid #d1d1d1; + bottom: 21px; + background-image: -webkit-linear-gradient(top, #fafafa 0%, #ededed 100%); + background-image: -o-linear-gradient(top, #fafafa 0%, #ededed 100%); + background-image: linear-gradient(to bottom, #fafafa 0%, #ededed 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffededed', GradientType=0); + position: fixed; +} +.drawer-pf-action .btn { + padding: 15px 0; + width: 318px; +} +.drawer-pf-loading { + color: #4d5258; + font-size: 14px; + padding: 20px 15px; +} +.drawer-pf-notification { + border-bottom: 1px solid #d1d1d1; + padding: 15px; +} +.drawer-pf-notification .date { + border-right: 1px solid #aaa; + display: inline-block; + line-height: 1; + margin-right: 5px; + padding-right: 9px; +} +.drawer-pf-notification .pficon { + font-size: 14px; + margin-top: 3px; +} +.drawer-pf-notification:hover { + background-color: #def3ff; +} +.drawer-pf-notification.unread .drawer-pf-notification-message { + font-weight: bold; +} +.drawer-pf-notification-info, +.drawer-pf-notification-message { + display: block; + padding-left: 27px; + padding-right: 19px; +} +.drawer-pf-notifications-non-clickable .drawer-pf-notification:hover { + background-color: #fff; +} +.drawer-pf-title { + background-color: #fafafa; + border-bottom: 1px solid #d1d1d1; + position: fixed; + width: 318px; +} +.drawer-pf-title h3 { + font-size: 12px; + margin: 0; + padding: 6px 15px; +} +/* Exclusive styles to work with Vertical Navigation */ +.navbar-pf-vertical .drawer-pf { + height: calc(100vh - 80px); + top: 58px; +} +.navbar-pf-vertical .nav .drawer-pf-trigger .drawer-pf-trigger-icon { + border-left: 1px solid #2b2b2b; + border-right: 1px solid #2b2b2b; + padding-left: 15px; + padding-right: 15px; +} +.navbar-pf-vertical .nav .drawer-pf-trigger.open .drawer-pf-trigger-icon { + background-color: #232323; +} .search-pf.has-button { border-collapse: separate; display: table; @@ -4666,7 +4774,7 @@ table.datatable th:active { position: relative; } .sidebar-header { - border-bottom: 1px solid #e9e9e9; + border-bottom: 1px solid #ececec; padding-bottom: 11px; margin: 50px 0 20px; } @@ -4679,14 +4787,14 @@ table.datatable th:active { } .sidebar-pf .sidebar-header + .list-group .list-group-item { background: transparent; - border-color: #e9e9e9; + border-color: #ececec; padding-left: 0; } .sidebar-pf .sidebar-header + .list-group .list-group-item-heading { font-size: 12px; } .sidebar-pf .nav-category h2 { - color: #999999; + color: #9c9c9c; font-size: 12px; font-weight: 400; line-height: 21px; @@ -4697,8 +4805,8 @@ table.datatable th:active { margin-top: 10px; } .sidebar-pf .nav-pills > li.active > a { - background: #0099d3 !important; - border-color: #0076b7 !important; + background: #0088ce !important; + border-color: #0088ce !important; color: #fff; } @media (min-width: 768px) { @@ -4718,14 +4826,14 @@ table.datatable th:active { border-bottom: 1px solid transparent; border-radius: 0; border-top: 1px solid transparent; - color: #333333; + color: #363636; font-size: 13px; line-height: 21px; padding: 1px 20px; } .sidebar-pf .nav-pills > li > a:hover { - background: #d4edfa; - border-color: #b3d3e7; + background: #def3ff; + border-color: #bee1f4; } .sidebar-pf .nav-pills > li > a .fa { color: #6a7079; @@ -4814,10 +4922,10 @@ table.datatable th:active { background: #fafafa; } .sidebar-pf.sidebar-pf-left { - border-right: 1px solid #d0d0d0; + border-right: 1px solid #d1d1d1; } .sidebar-pf.sidebar-pf-right { - border-left: 1px solid #d0d0d0; + border-left: 1px solid #d1d1d1; } .sidebar-pf > .nav-category, .sidebar-pf > .nav-stacked { @@ -4843,11 +4951,11 @@ table.datatable th:active { .spinner { -webkit-animation: rotation .6s infinite linear; animation: rotation .6s infinite linear; - border-bottom: 4px solid rgba(0, 0, 0, 0.25); - border-left: 4px solid rgba(0, 0, 0, 0.25); - border-right: 4px solid rgba(0, 0, 0, 0.25); + border-bottom: 4px solid rgba(3, 3, 3, 0.25); + border-left: 4px solid rgba(3, 3, 3, 0.25); + border-right: 4px solid rgba(3, 3, 3, 0.25); border-radius: 100%; - border-top: 4px solid rgba(0, 0, 0, 0.75); + border-top: 4px solid rgba(3, 3, 3, 0.75); height: 24px; margin: 0 auto; position: relative; @@ -4919,12 +5027,12 @@ table.datatable th:active { .prettyprint .opn, .prettyprint .pln, .prettyprint .pun { - color: #333333; + color: #363636; } .prettyprint .lit, .prettyprint .tag, .prettyprint .typ { - color: #006e9c; + color: #00659c; } .prettyprint ol.linenums { margin-bottom: 0; @@ -4932,13 +5040,13 @@ table.datatable th:active { .bootstrap-datetimepicker-widget a[data-action] { border: 0; box-shadow: none; - color: #333333; + color: #363636; display: block; padding-bottom: 4px; padding-top: 4px; } .bootstrap-datetimepicker-widget a[data-action]:hover { - color: #0099d3; + color: #0088ce; } .bootstrap-datetimepicker-widget.dropdown-menu { left: 0!important; @@ -4965,7 +5073,7 @@ table.datatable th:active { } .timepicker-hours table td:hover, .timepicker-minutes table td:hover { - color: #0099d3; + color: #0088ce; } .timepicker-hours .table-condensed > tbody > tr > td, .timepicker-minutes .table-condensed > tbody > tr > td { @@ -4998,8 +5106,8 @@ table.datatable th:active { display: none; } .timepicker-picker tr:nth-child(2) td { - background-color: #d4edfa; - border-color: #b3d3e7; + background-color: #def3ff; + border-color: #bee1f4; border-style: solid; border-width: 1px; border-left: 0; @@ -5007,7 +5115,7 @@ table.datatable th:active { } .toast-pf { background-color: rgba(255, 255, 255, 0.94); - border-color: #b1b1b1; + border-color: #bbb; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); padding-left: 68px; /* Medium devices (desktops, 992px and up) */ @@ -5030,7 +5138,7 @@ table.datatable th:active { .toast-pf > .pficon { background-color: #4d5258; bottom: -1px; - box-shadow: 2px 0 5px -2px rgba(0, 0, 0, 0.2); + box-shadow: 2px 0 5px -2px rgba(3, 3, 3, 0.2); left: -1px; padding-top: 10px; text-align: center; @@ -5068,8 +5176,8 @@ table.datatable th:active { } .toolbar-pf { background: #fff; - border-bottom: 1px solid #d0d0d0; - box-shadow: 0 1px 0px rgba(0, 0, 0, 0.045); + border-bottom: 1px solid #d1d1d1; + box-shadow: 0 1px 0px rgba(3, 3, 3, 0.045); padding-top: 10px; } .toolbar-pf .form-group { @@ -5077,7 +5185,7 @@ table.datatable th:active { } @media (min-width: 768px) { .toolbar-pf .form-group { - border-right: 1px solid #d0d0d0; + border-right: 1px solid #d1d1d1; display: table-cell; float: left; margin-bottom: 0; @@ -5101,7 +5209,7 @@ table.datatable th:active { margin-left: 10px; } .toolbar-pf .form-group .btn-link { - color: #222222; + color: #252525; font-size: 16px; line-height: 1; padding: 4px 0; @@ -5109,7 +5217,7 @@ table.datatable th:active { .toolbar-pf .form-group .btn-link:active, .toolbar-pf .form-group .btn-link:focus, .toolbar-pf .form-group .btn-link:hover { - color: #0099d3; + color: #0088ce; } .toolbar-pf-actions { display: table; @@ -5132,20 +5240,20 @@ table.datatable th:active { } } .toolbar-pf-actions .toolbar-pf-view-selector .active a { - color: #0099d3; + color: #0088ce; cursor: default; } .toolbar-pf-actions .toolbar-pf-view-selector a { - color: #222222; + color: #252525; } .toolbar-pf-actions .toolbar-pf-view-selector a:hover { - color: #0099d3; + color: #0088ce; } .toolbar-pf-actions .toolbar-pf-view-selector .list-inline { margin-bottom: 0; } .toolbar-pf-results { - border-top: 1px solid #d0d0d0; + border-top: 1px solid #d1d1d1; margin-top: 10px; } .toolbar-pf-results h5, @@ -5197,7 +5305,7 @@ table.datatable th:active { } .nav-pf-vertical { background: #292e34; - border-right: 1px solid #262626; + border-right: 1px solid #292e34; bottom: 0; overflow-x: hidden; overflow-y: auto; @@ -5305,7 +5413,7 @@ table.datatable th:active { width: 250px; } .nav-pf-vertical.hidden.show-mobile-nav { - box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + box-shadow: 0 0 3px rgba(3, 3, 3, 0.15); display: block !important; } .nav-pf-vertical.hidden > .list-group > .list-group-item.persistent-secondary:hover > a { @@ -5369,12 +5477,12 @@ table.datatable th:active { } .nav-pf-vertical > .list-group > .list-group-item { background-color: transparent; - border-color: #000000; + border-color: #030303; padding: 0; } .nav-pf-vertical > .list-group > .list-group-item > a { background-color: transparent; - color: #dbdada; + color: #d1d1d1; display: block; font-size: 14px; font-weight: 400; @@ -5412,13 +5520,13 @@ table.datatable th:active { .nav-pf-vertical > .list-group > .list-group-item:hover > a .glyphicon, .nav-pf-vertical > .list-group > .list-group-item.active > a .pficon, .nav-pf-vertical > .list-group > .list-group-item:hover > a .pficon { - color: #199dde; + color: #39a5dc; } .show-mobile-nav .nav-pf-vertical > .list-group > .list-group-item.active > a { z-index: 1030; } .nav-pf-vertical > .list-group > .list-group-item.active > a:before { - background: #199dde; + background: #39a5dc; content: " "; height: 100%; left: 0; @@ -5461,11 +5569,11 @@ table.datatable th:active { } .nav-pf-vertical .list-group-item-separator { border-top-width: 2px; - border-top-color: #000000; + border-top-color: #030303; } .nav-pf-persistent-secondary { background: #393f44; - border: 1px solid #262626; + border: 1px solid #292e34; border-bottom: none; border-top: none; bottom: 0; @@ -5551,7 +5659,7 @@ table.datatable th:active { .nav-pf-persistent-secondary .persistent-secondary-header > a:hover, .nav-pf-persistent-secondary .persistent-secondary-header > a:focus { text-decoration: none; - color: #0099d3; + color: #0088ce; } .nav-pf-persistent-secondary h5 { color: #fff; @@ -5571,7 +5679,7 @@ table.datatable th:active { } .nav-pf-persistent-secondary > .list-group > .list-group-item > a { background-color: transparent; - color: #dbdada; + color: #d1d1d1; display: block; font-size: 12px; outline: 0; @@ -5590,7 +5698,7 @@ table.datatable th:active { .nav-pf-persistent-secondary > .list-group > .list-group-item.active .fa, .nav-pf-persistent-secondary > .list-group > .list-group-item.active .glyphicon, .nav-pf-persistent-secondary > .list-group > .list-group-item.active .pficon { - color: #199dde; + color: #39a5dc; } .nav-pf-persistent-secondary > .list-group > .list-group-item .badge-container-pf { background-color: #292e34; diff --git a/dist/docs/css/patternfly.css b/dist/docs/css/patternfly.css index f4d659660..dd727510c 100644 --- a/dist/docs/css/patternfly.css +++ b/dist/docs/css/patternfly.css @@ -1110,8 +1110,8 @@ body { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.66666667; - color: #333333; - background-color: #ffffff; + color: #363636; + background-color: #fff; } input, button, @@ -1122,12 +1122,12 @@ textarea { line-height: inherit; } a { - color: #0099d3; + color: #0088ce; text-decoration: none; } a:hover, a:focus { - color: #00618a; + color: #00659c; text-decoration: underline; } a:focus { @@ -1156,7 +1156,7 @@ img { .img-thumbnail { padding: 4px; line-height: 1.66666667; - background-color: #ffffff; + background-color: #fff; border: 1px solid #ddd; border-radius: 1px; -webkit-transition: all 0.2s ease-in-out; @@ -1173,7 +1173,7 @@ hr { margin-top: 20px; margin-bottom: 20px; border: 0; - border-top: 1px solid #eeeeee; + border-top: 1px solid #f1f1f1; } .sr-only { position: absolute; @@ -1240,7 +1240,7 @@ h6 .small, .h6 .small { font-weight: normal; line-height: 1; - color: #999999; + color: #9c9c9c; } h1, .h1, @@ -1360,14 +1360,14 @@ mark, text-transform: capitalize; } .text-muted { - color: #999999; + color: #9c9c9c; } .text-primary { - color: #00a8e1; + color: #39a5dc; } a.text-primary:hover, a.text-primary:focus { - color: #0082ae; + color: #228bc0; } .text-success { color: #3c763d; @@ -1399,11 +1399,11 @@ a.text-danger:focus { } .bg-primary { color: #fff; - background-color: #00a8e1; + background-color: #39a5dc; } a.bg-primary:hover, a.bg-primary:focus { - background-color: #0082ae; + background-color: #228bc0; } .bg-success { background-color: #dff0d8; @@ -1436,7 +1436,7 @@ a.bg-danger:focus { .page-header { padding-bottom: 9px; margin: 40px 0 20px; - border-bottom: 1px solid #eeeeee; + border-bottom: 1px solid #f1f1f1; } ul, ol { @@ -1494,7 +1494,7 @@ dd { abbr[title], abbr[data-original-title] { cursor: help; - border-bottom: 1px dotted #999999; + border-bottom: 1px dotted #9c9c9c; } .initialism { font-size: 90%; @@ -1504,7 +1504,7 @@ blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 15px; - border-left: 5px solid #eeeeee; + border-left: 5px solid #f1f1f1; } blockquote p:last-child, blockquote ul:last-child, @@ -1517,7 +1517,7 @@ blockquote .small { display: block; font-size: 80%; line-height: 1.66666667; - color: #999999; + color: #9c9c9c; } blockquote footer:before, blockquote small:before, @@ -1528,7 +1528,7 @@ blockquote .small:before { blockquote.pull-right { padding-right: 15px; padding-left: 0; - border-right: 5px solid #eeeeee; + border-right: 5px solid #f1f1f1; border-left: 0; text-align: right; } @@ -1562,8 +1562,8 @@ samp { code { padding: 2px 4px; font-size: 90%; - color: #c7254e; - background-color: #f9f2f4; + color: #004368; + background-color: #def3ff; border-radius: 1px; } kbd { @@ -1588,8 +1588,8 @@ pre { line-height: 1.66666667; word-break: break-all; word-wrap: break-word; - color: #333333; - background-color: #fcfcfc; + color: #363636; + background-color: #fafafa; border: 1px solid #ccc; border-radius: 1px; } @@ -2278,7 +2278,7 @@ table { caption { padding-top: 10px; padding-bottom: 10px; - color: #999999; + color: #9c9c9c; text-align: left; } th { @@ -2316,7 +2316,7 @@ th { border-top: 2px solid #d1d1d1; } .table .table { - background-color: #ffffff; + background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, @@ -2345,7 +2345,7 @@ th { background-color: #f5f5f5; } .table-hover > tbody > tr:hover { - background-color: #d5ecf9; + background-color: #def3ff; } table col[class*="col-"] { position: static; @@ -2370,14 +2370,14 @@ table th[class*="col-"] { .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { - background-color: #d5ecf9; + background-color: #def3ff; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { - background-color: #bfe2f6; + background-color: #c4eaff; } .table > thead > tr > td.success, .table > tbody > tr > td.success, @@ -2525,7 +2525,7 @@ legend { margin-bottom: 20px; font-size: 18px; line-height: inherit; - color: #333333; + color: #363636; border: 0; border-bottom: 1px solid #e5e5e5; } @@ -2569,7 +2569,7 @@ output { padding-top: 3px; font-size: 12px; line-height: 1.66666667; - color: #333333; + color: #363636; } .form-control { display: block; @@ -2578,10 +2578,10 @@ output { padding: 2px 6px; font-size: 12px; line-height: 1.66666667; - color: #333333; + color: #363636; background-color: #fff; background-image: none; - border: 1px solid #BABABA; + border: 1px solid #bbb; border-radius: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); @@ -2629,7 +2629,7 @@ output { .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { - background-color: #F8F8F8; + background-color: #f5f5f5; opacity: 1; } .form-control[disabled], @@ -2952,7 +2952,7 @@ select[multiple].input-lg { display: block; margin-top: 5px; margin-bottom: 10px; - color: #737373; + color: #767676; } @media (min-width: 768px) { .form-inline .form-group { @@ -3100,26 +3100,26 @@ fieldset[disabled] a.btn { } .btn-default { color: #4d5258; - background-color: #eeeeee; - border-color: #b7b7b7; + background-color: #f1f1f1; + border-color: #bbb; } .btn-default:focus, .btn-default.focus { color: #4d5258; - background-color: #d5d5d5; - border-color: #777777; + background-color: #d8d8d8; + border-color: #7b7b7b; } .btn-default:hover { color: #4d5258; - background-color: #d5d5d5; - border-color: #989898; + background-color: #d8d8d8; + border-color: #9c9c9c; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #4d5258; - background-color: #d5d5d5; - border-color: #989898; + background-color: #d8d8d8; + border-color: #9c9c9c; } .btn-default:active:hover, .btn-default.active:hover, @@ -3131,8 +3131,8 @@ fieldset[disabled] a.btn { .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #4d5258; - background-color: #c3c3c3; - border-color: #777777; + background-color: #c6c6c6; + border-color: #7b7b7b; } .btn-default:active, .btn-default.active, @@ -3148,35 +3148,35 @@ fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { - background-color: #eeeeee; - border-color: #b7b7b7; + background-color: #f1f1f1; + border-color: #bbb; } .btn-default .badge { - color: #eeeeee; + color: #f1f1f1; background-color: #4d5258; } .btn-primary { color: #fff; - background-color: #0085cf; - border-color: #006e9c; + background-color: #0088ce; + border-color: #00659c; } .btn-primary:focus, .btn-primary.focus { color: #fff; - background-color: #00649c; - border-color: #00141d; + background-color: #00669b; + border-color: #00121d; } .btn-primary:hover { color: #fff; - background-color: #00649c; - border-color: #00435f; + background-color: #00669b; + border-color: #003d5f; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; - background-color: #00649c; - border-color: #00435f; + background-color: #00669b; + border-color: #003d5f; } .btn-primary:active:hover, .btn-primary.active:hover, @@ -3188,8 +3188,8 @@ fieldset[disabled] .btn-default.focus { .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; - background-color: #004d78; - border-color: #00141d; + background-color: #004f77; + border-color: #00121d; } .btn-primary:active, .btn-primary.active, @@ -3205,11 +3205,11 @@ fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { - background-color: #0085cf; - border-color: #006e9c; + background-color: #0088ce; + border-color: #00659c; } .btn-primary .badge { - color: #0085cf; + color: #0088ce; background-color: #fff; } .btn-success { @@ -3271,26 +3271,26 @@ fieldset[disabled] .btn-success.focus { } .btn-info { color: #fff; - background-color: #006e9c; - border-color: #005c83; + background-color: #00659c; + border-color: #005483; } .btn-info:focus, .btn-info.focus { color: #fff; - background-color: #004a69; + background-color: #004469; border-color: #000203; } .btn-info:hover { color: #fff; - background-color: #004a69; - border-color: #003145; + background-color: #004469; + border-color: #002d45; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; - background-color: #004a69; - border-color: #003145; + background-color: #004469; + border-color: #002d45; } .btn-info:active:hover, .btn-info.active:hover, @@ -3302,7 +3302,7 @@ fieldset[disabled] .btn-success.focus { .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; - background-color: #003145; + background-color: #002d45; border-color: #000203; } .btn-info:active, @@ -3319,11 +3319,11 @@ fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { - background-color: #006e9c; - border-color: #005c83; + background-color: #00659c; + border-color: #005483; } .btn-info .badge { - color: #006e9c; + color: #00659c; background-color: #fff; } .btn-warning { @@ -3386,25 +3386,25 @@ fieldset[disabled] .btn-warning.focus { .btn-danger { color: #fff; background-color: #a30000; - border-color: #781919; + border-color: #8b0000; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #700000; - border-color: #0e0303; + border-color: #0b0000; } .btn-danger:hover { color: #fff; background-color: #700000; - border-color: #450e0e; + border-color: #4e0000; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #700000; - border-color: #450e0e; + border-color: #4e0000; } .btn-danger:active:hover, .btn-danger.active:hover, @@ -3417,7 +3417,7 @@ fieldset[disabled] .btn-warning.focus { .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #4c0000; - border-color: #0e0303; + border-color: #0b0000; } .btn-danger:active, .btn-danger.active, @@ -3434,14 +3434,14 @@ fieldset[disabled] .btn-danger:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #a30000; - border-color: #781919; + border-color: #8b0000; } .btn-danger .badge { color: #a30000; background-color: #fff; } .btn-link { - color: #0099d3; + color: #0088ce; font-weight: normal; border-radius: 0; } @@ -3462,7 +3462,7 @@ fieldset[disabled] .btn-link { } .btn-link:hover, .btn-link:focus { - color: #00618a; + color: #00659c; text-decoration: underline; background-color: transparent; } @@ -3470,7 +3470,7 @@ fieldset[disabled] .btn-link { fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { - color: #999999; + color: #9c9c9c; text-decoration: none; } .btn-lg, @@ -3570,7 +3570,7 @@ tbody.collapse.in { font-size: 12px; text-align: left; background-color: #fff; - border: 1px solid #b6b6b6; + border: 1px solid #bbb; border-radius: 1px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); @@ -3582,7 +3582,7 @@ tbody.collapse.in { } .dropdown-menu .divider { margin: 9px 0; - background-color: #e5e5e5; + background-color: #ededed; height: 1px; margin: 4px 1px; overflow: hidden; @@ -3593,14 +3593,14 @@ tbody.collapse.in { clear: both; font-weight: normal; line-height: 1.66666667; - color: #333333; + color: #363636; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #4d5258; - background-color: #d4edfa; + background-color: #def3ff; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, @@ -3608,12 +3608,12 @@ tbody.collapse.in { color: #fff; text-decoration: none; outline: 0; - background-color: #0099d3; + background-color: #0088ce; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { - color: #999999; + color: #9c9c9c; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { @@ -3642,7 +3642,7 @@ tbody.collapse.in { padding: 3px 20px; font-size: 11px; line-height: 1.66666667; - color: #999999; + color: #9c9c9c; white-space: nowrap; } .dropdown-backdrop { @@ -3938,10 +3938,10 @@ select[multiple].input-group-sm > .input-group-btn > .btn { font-size: 12px; font-weight: normal; line-height: 1; - color: #333333; + color: #363636; text-align: center; - background-color: #eeeeee; - border: 1px solid #BABABA; + background-color: #f1f1f1; + border: 1px solid #bbb; border-radius: 1px; } .input-group-addon.input-sm { @@ -4026,14 +4026,14 @@ select[multiple].input-group-sm > .input-group-btn > .btn { .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; - background-color: #eeeeee; + background-color: #f1f1f1; } .nav > li.disabled > a { - color: #999999; + color: #9c9c9c; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { - color: #999999; + color: #9c9c9c; text-decoration: none; background-color: transparent; cursor: not-allowed; @@ -4041,12 +4041,13 @@ select[multiple].input-group-sm > .input-group-btn > .btn { .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { - background-color: #eeeeee; - border-color: #0099d3; + background-color: #f1f1f1; + border-color: #0088ce; } .nav .nav-divider { margin: 9px 0; background-color: #e5e5e5; + background-color: #ededed; height: 1px; margin: 4px 1px; overflow: hidden; @@ -4055,7 +4056,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn { max-width: none; } .nav-tabs { - border-bottom: 1px solid #e9e8e8; + border-bottom: 1px solid #ededed; } .nav-tabs > li { float: left; @@ -4068,13 +4069,13 @@ select[multiple].input-group-sm > .input-group-btn > .btn { border-radius: 1px 1px 0 0; } .nav-tabs > li > a:hover { - border-color: transparent transparent #e9e8e8; + border-color: transparent transparent #ededed; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { - color: #0099d3; - background-color: #ffffff; + color: #0088ce; + background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; @@ -4110,17 +4111,17 @@ select[multiple].input-group-sm > .input-group-btn > .btn { .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { - border: 1px solid #e9e8e8; + border: 1px solid #ededed; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid #e9e8e8; + border-bottom: 1px solid #ededed; border-radius: 1px 1px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { - border-bottom-color: #ffffff; + border-bottom-color: #fff; } } .nav-pills > li { @@ -4136,7 +4137,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn { .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; - background-color: #00a8e1; + background-color: #39a5dc; } .nav-stacked > li { float: none; @@ -4178,17 +4179,17 @@ select[multiple].input-group-sm > .input-group-btn > .btn { .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { - border: 1px solid #e9e8e8; + border: 1px solid #ededed; } @media (min-width: 768px) { .nav-tabs-justified > li > a { - border-bottom: 1px solid #e9e8e8; + border-bottom: 1px solid #ededed; border-radius: 1px 1px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { - border-bottom-color: #ffffff; + border-bottom-color: #fff; } } .tab-content > .tab-pane { @@ -4631,7 +4632,7 @@ fieldset[disabled] .navbar-default .btn-link:focus { border-color: #080808; } .navbar-inverse .navbar-brand { - color: #bfbfbf; + color: #c2c2c2; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { @@ -4639,10 +4640,10 @@ fieldset[disabled] .navbar-default .btn-link:focus { background-color: transparent; } .navbar-inverse .navbar-text { - color: #bfbfbf; + color: #c2c2c2; } .navbar-inverse .navbar-nav > li > a { - color: #bfbfbf; + color: #c2c2c2; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { @@ -4689,7 +4690,7 @@ fieldset[disabled] .navbar-default .btn-link:focus { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { - color: #bfbfbf; + color: #c2c2c2; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { @@ -4710,13 +4711,13 @@ fieldset[disabled] .navbar-default .btn-link:focus { } } .navbar-inverse .navbar-link { - color: #bfbfbf; + color: #c2c2c2; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { - color: #bfbfbf; + color: #c2c2c2; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { @@ -4762,9 +4763,9 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { padding: 2px 6px; line-height: 1.66666667; text-decoration: none; - color: #0099d3; + color: #0088ce; background-color: #f5f5f5; - border: 1px solid #bbbbbb; + border: 1px solid #bbb; margin-left: -1px; } .pagination > li:first-child > a, @@ -4783,7 +4784,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; - color: #00618a; + color: #00659c; background-color: #ededed; border-color: #ddd; } @@ -4795,8 +4796,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { .pagination > .active > span:focus { z-index: 3; color: #fff; - background-color: #00a8e1; - border-color: #00a8e1; + background-color: #39a5dc; + border-color: #39a5dc; cursor: default; } .pagination > .disabled > span, @@ -4805,7 +4806,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { - color: #999999; + color: #9c9c9c; background-color: #fff; border-color: #ddd; cursor: not-allowed; @@ -4856,7 +4857,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { display: inline-block; padding: 5px 14px; background-color: #f5f5f5; - border: 1px solid #bbbbbb; + border: 1px solid #bbb; border-radius: 0; } .pager li > a:hover, @@ -4876,7 +4877,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { - color: #969696; + color: #8b8d8f; background-color: #f5f5f5; cursor: not-allowed; } @@ -4906,18 +4907,18 @@ a.label:focus { top: -1px; } .label-default { - background-color: #999999; + background-color: #9c9c9c; } .label-default[href]:hover, .label-default[href]:focus { - background-color: #808080; + background-color: #838383; } .label-primary { - background-color: #00a8e1; + background-color: #39a5dc; } .label-primary[href]:hover, .label-primary[href]:focus { - background-color: #0082ae; + background-color: #228bc0; } .label-success { background-color: #3f9c35; @@ -4927,11 +4928,11 @@ a.label:focus { background-color: #307628; } .label-info { - background-color: #006e9c; + background-color: #00659c; } .label-info[href]:hover, .label-info[href]:focus { - background-color: #004a69; + background-color: #004469; } .label-warning { background-color: #ec7a08; @@ -4958,7 +4959,7 @@ a.label:focus { vertical-align: middle; white-space: nowrap; text-align: center; - background-color: #999999; + background-color: #9c9c9c; border-radius: 1px; } .badge:empty { @@ -4981,7 +4982,7 @@ a.badge:focus { } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { - color: #0099d3; + color: #0088ce; background-color: #fff; } .list-group-item > .badge { @@ -4998,7 +4999,7 @@ a.badge:focus { padding-bottom: 30px; margin-bottom: 30px; color: inherit; - background-color: #eeeeee; + background-color: #f1f1f1; } .jumbotron h1, .jumbotron .h1 { @@ -5010,7 +5011,7 @@ a.badge:focus { font-weight: 200; } .jumbotron > hr { - border-top-color: #d5d5d5; + border-top-color: #d8d8d8; } .container .jumbotron, .container-fluid .jumbotron { @@ -5041,7 +5042,7 @@ a.badge:focus { padding: 4px; margin-bottom: 20px; line-height: 1.66666667; - background-color: #ffffff; + background-color: #fff; border: 1px solid #ddd; border-radius: 1px; -webkit-transition: border 0.2s ease-in-out; @@ -5056,11 +5057,11 @@ a.badge:focus { a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { - border-color: #0099d3; + border-color: #0088ce; } .thumbnail .caption { padding: 9px; - color: #333333; + color: #363636; } .alert { padding: 11px; @@ -5094,48 +5095,48 @@ a.thumbnail.active { color: inherit; } .alert-success { - background-color: #e8f9e7; + background-color: #e9f4e9; border-color: #3f9c35; - color: #333333; + color: #363636; } .alert-success hr { border-top-color: #37892f; } .alert-success .alert-link { - color: #1a1a1a; + color: #1d1d1d; } .alert-info { - background-color: #f2f2f2; + background-color: #f5f5f5; border-color: #8b8d8f; - color: #333333; + color: #363636; } .alert-info hr { border-top-color: #7e8082; } .alert-info .alert-link { - color: #1a1a1a; + color: #1d1d1d; } .alert-warning { - background-color: #fdf4ea; + background-color: #fdf2e5; border-color: #ec7a08; - color: #333333; + color: #363636; } .alert-warning hr { border-top-color: #d36d07; } .alert-warning .alert-link { - color: #1a1a1a; + color: #1d1d1d; } .alert-danger { - background-color: #fbe7e7; + background-color: #ffe6e6; border-color: #cc0000; - color: #333333; + color: #363636; } .alert-danger hr { border-top-color: #b30000; } .alert-danger .alert-link { - color: #1a1a1a; + color: #1d1d1d; } @-webkit-keyframes progress-bar-stripes { from { @@ -5170,7 +5171,7 @@ a.thumbnail.active { line-height: 20px; color: #fff; text-align: center; - background-color: #00a8e1; + background-color: #39a5dc; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; @@ -5182,8 +5183,8 @@ a.thumbnail.active { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.15) 26%, transparent 27%, transparent 49%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 51%, transparent 52%, transparent 74%, rgba(0, 0, 0, 0.15) 75%, rgba(0, 0, 0, 0.15) 76%, transparent 77%); - background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.15) 26%, transparent 27%, transparent 49%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 51%, transparent 52%, transparent 74%, rgba(0, 0, 0, 0.15) 75%, rgba(0, 0, 0, 0.15) 76%, transparent 77%); + background-image: -webkit-linear-gradient(-45deg, rgba(3, 3, 3, 0.15) 25%, rgba(3, 3, 3, 0.15) 26%, transparent 27%, transparent 49%, rgba(3, 3, 3, 0.15) 50%, rgba(3, 3, 3, 0.15) 51%, transparent 52%, transparent 74%, rgba(3, 3, 3, 0.15) 75%, rgba(3, 3, 3, 0.15) 76%, transparent 77%); + background-image: linear-gradient(-45deg, rgba(3, 3, 3, 0.15) 25%, rgba(3, 3, 3, 0.15) 26%, transparent 27%, transparent 49%, rgba(3, 3, 3, 0.15) 50%, rgba(3, 3, 3, 0.15) 51%, transparent 52%, transparent 74%, rgba(3, 3, 3, 0.15) 75%, rgba(3, 3, 3, 0.15) 76%, transparent 77%); background-size: 40px 40px; } .progress.active .progress-bar, @@ -5199,18 +5200,18 @@ a.thumbnail.active { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.15) 26%, transparent 27%, transparent 49%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 51%, transparent 52%, transparent 74%, rgba(0, 0, 0, 0.15) 75%, rgba(0, 0, 0, 0.15) 76%, transparent 77%); - background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.15) 26%, transparent 27%, transparent 49%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 51%, transparent 52%, transparent 74%, rgba(0, 0, 0, 0.15) 75%, rgba(0, 0, 0, 0.15) 76%, transparent 77%); + background-image: -webkit-linear-gradient(-45deg, rgba(3, 3, 3, 0.15) 25%, rgba(3, 3, 3, 0.15) 26%, transparent 27%, transparent 49%, rgba(3, 3, 3, 0.15) 50%, rgba(3, 3, 3, 0.15) 51%, transparent 52%, transparent 74%, rgba(3, 3, 3, 0.15) 75%, rgba(3, 3, 3, 0.15) 76%, transparent 77%); + background-image: linear-gradient(-45deg, rgba(3, 3, 3, 0.15) 25%, rgba(3, 3, 3, 0.15) 26%, transparent 27%, transparent 49%, rgba(3, 3, 3, 0.15) 50%, rgba(3, 3, 3, 0.15) 51%, transparent 52%, transparent 74%, rgba(3, 3, 3, 0.15) 75%, rgba(3, 3, 3, 0.15) 76%, transparent 77%); } .progress-bar-info { - background-color: #006e9c; + background-color: #00659c; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.15) 26%, transparent 27%, transparent 49%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 51%, transparent 52%, transparent 74%, rgba(0, 0, 0, 0.15) 75%, rgba(0, 0, 0, 0.15) 76%, transparent 77%); - background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.15) 26%, transparent 27%, transparent 49%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 51%, transparent 52%, transparent 74%, rgba(0, 0, 0, 0.15) 75%, rgba(0, 0, 0, 0.15) 76%, transparent 77%); + background-image: -webkit-linear-gradient(-45deg, rgba(3, 3, 3, 0.15) 25%, rgba(3, 3, 3, 0.15) 26%, transparent 27%, transparent 49%, rgba(3, 3, 3, 0.15) 50%, rgba(3, 3, 3, 0.15) 51%, transparent 52%, transparent 74%, rgba(3, 3, 3, 0.15) 75%, rgba(3, 3, 3, 0.15) 76%, transparent 77%); + background-image: linear-gradient(-45deg, rgba(3, 3, 3, 0.15) 25%, rgba(3, 3, 3, 0.15) 26%, transparent 27%, transparent 49%, rgba(3, 3, 3, 0.15) 50%, rgba(3, 3, 3, 0.15) 51%, transparent 52%, transparent 74%, rgba(3, 3, 3, 0.15) 75%, rgba(3, 3, 3, 0.15) 76%, transparent 77%); } .progress-bar-warning { background-color: #ec7a08; @@ -5219,8 +5220,8 @@ a.thumbnail.active { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.15) 26%, transparent 27%, transparent 49%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 51%, transparent 52%, transparent 74%, rgba(0, 0, 0, 0.15) 75%, rgba(0, 0, 0, 0.15) 76%, transparent 77%); - background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.15) 26%, transparent 27%, transparent 49%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 51%, transparent 52%, transparent 74%, rgba(0, 0, 0, 0.15) 75%, rgba(0, 0, 0, 0.15) 76%, transparent 77%); + background-image: -webkit-linear-gradient(-45deg, rgba(3, 3, 3, 0.15) 25%, rgba(3, 3, 3, 0.15) 26%, transparent 27%, transparent 49%, rgba(3, 3, 3, 0.15) 50%, rgba(3, 3, 3, 0.15) 51%, transparent 52%, transparent 74%, rgba(3, 3, 3, 0.15) 75%, rgba(3, 3, 3, 0.15) 76%, transparent 77%); + background-image: linear-gradient(-45deg, rgba(3, 3, 3, 0.15) 25%, rgba(3, 3, 3, 0.15) 26%, transparent 27%, transparent 49%, rgba(3, 3, 3, 0.15) 50%, rgba(3, 3, 3, 0.15) 51%, transparent 52%, transparent 74%, rgba(3, 3, 3, 0.15) 75%, rgba(3, 3, 3, 0.15) 76%, transparent 77%); } .progress-bar-danger { background-color: #cc0000; @@ -5229,8 +5230,8 @@ a.thumbnail.active { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.15) 26%, transparent 27%, transparent 49%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 51%, transparent 52%, transparent 74%, rgba(0, 0, 0, 0.15) 75%, rgba(0, 0, 0, 0.15) 76%, transparent 77%); - background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.15) 26%, transparent 27%, transparent 49%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 51%, transparent 52%, transparent 74%, rgba(0, 0, 0, 0.15) 75%, rgba(0, 0, 0, 0.15) 76%, transparent 77%); + background-image: -webkit-linear-gradient(-45deg, rgba(3, 3, 3, 0.15) 25%, rgba(3, 3, 3, 0.15) 26%, transparent 27%, transparent 49%, rgba(3, 3, 3, 0.15) 50%, rgba(3, 3, 3, 0.15) 51%, transparent 52%, transparent 74%, rgba(3, 3, 3, 0.15) 75%, rgba(3, 3, 3, 0.15) 76%, transparent 77%); + background-image: linear-gradient(-45deg, rgba(3, 3, 3, 0.15) 25%, rgba(3, 3, 3, 0.15) 26%, transparent 27%, transparent 49%, rgba(3, 3, 3, 0.15) 50%, rgba(3, 3, 3, 0.15) 51%, transparent 52%, transparent 74%, rgba(3, 3, 3, 0.15) 75%, rgba(3, 3, 3, 0.15) 76%, transparent 77%); } .media { margin-top: 15px; @@ -5290,7 +5291,7 @@ a.thumbnail.active { padding: 10px 15px; margin-bottom: -1px; background-color: #fff; - border: 1px solid #f2f2f2; + border: 1px solid #f5f5f5; } .list-group-item:first-child { border-top-right-radius: 0; @@ -5315,7 +5316,7 @@ a.list-group-item:focus, button.list-group-item:focus { text-decoration: none; color: #555; - background-color: #d4edfa; + background-color: #def3ff; } button.list-group-item { width: 100%; @@ -5324,8 +5325,8 @@ button.list-group-item { .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { - background-color: #eeeeee; - color: #999999; + background-color: #f1f1f1; + color: #9c9c9c; cursor: not-allowed; } .list-group-item.disabled .list-group-item-heading, @@ -5336,15 +5337,15 @@ button.list-group-item { .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { - color: #999999; + color: #9c9c9c; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; - background-color: #00a8e1; - border-color: #00a8e1; + background-color: #39a5dc; + border-color: #39a5dc; } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, @@ -5360,7 +5361,7 @@ button.list-group-item { .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { - color: #aeeaff; + color: #e6f4fb; } .list-group-item-success { color: #3c763d; @@ -5522,7 +5523,7 @@ button.list-group-item-danger.active:focus { .panel-footer { padding: 10px 15px; background-color: #f5f5f5; - border-top: 1px solid #cecdcd; + border-top: 1px solid #d1d1d1; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } @@ -5713,19 +5714,19 @@ button.list-group-item-danger.active:focus { } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { - border-top: 1px solid #cecdcd; + border-top: 1px solid #d1d1d1; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { - border-bottom: 1px solid #cecdcd; + border-bottom: 1px solid #d1d1d1; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { - color: #333333; + color: #363636; background-color: #f5f5f5; border-color: #ddd; } @@ -5734,34 +5735,34 @@ button.list-group-item-danger.active:focus { } .panel-default > .panel-heading .badge { color: #f5f5f5; - background-color: #333333; + background-color: #363636; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { - border-color: #00a8e1; + border-color: #39a5dc; } .panel-primary > .panel-heading { - color: #ffffff; - background-color: #00a8e1; - border-color: #00a8e1; + color: #fff; + background-color: #39a5dc; + border-color: #39a5dc; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #00a8e1; + border-top-color: #39a5dc; } .panel-primary > .panel-heading .badge { - color: #00a8e1; - background-color: #ffffff; + color: #39a5dc; + background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #00a8e1; + border-bottom-color: #39a5dc; } .panel-success { border-color: #3f9c35; } .panel-success > .panel-heading { - color: #ffffff; + color: #fff; background-color: #3f9c35; border-color: #3f9c35; } @@ -5770,34 +5771,34 @@ button.list-group-item-danger.active:focus { } .panel-success > .panel-heading .badge { color: #3f9c35; - background-color: #ffffff; + background-color: #fff; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #3f9c35; } .panel-info { - border-color: #006e9c; + border-color: #00659c; } .panel-info > .panel-heading { - color: #ffffff; - background-color: #006e9c; - border-color: #006e9c; + color: #fff; + background-color: #00659c; + border-color: #00659c; } .panel-info > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #006e9c; + border-top-color: #00659c; } .panel-info > .panel-heading .badge { - color: #006e9c; - background-color: #ffffff; + color: #00659c; + background-color: #fff; } .panel-info > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #006e9c; + border-bottom-color: #00659c; } .panel-warning { border-color: #ec7a08; } .panel-warning > .panel-heading { - color: #ffffff; + color: #fff; background-color: #ec7a08; border-color: #ec7a08; } @@ -5806,7 +5807,7 @@ button.list-group-item-danger.active:focus { } .panel-warning > .panel-heading .badge { color: #ec7a08; - background-color: #ffffff; + background-color: #fff; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ec7a08; @@ -5815,7 +5816,7 @@ button.list-group-item-danger.active:focus { border-color: #cc0000; } .panel-danger > .panel-heading { - color: #ffffff; + color: #fff; background-color: #cc0000; border-color: #cc0000; } @@ -5824,7 +5825,7 @@ button.list-group-item-danger.active:focus { } .panel-danger > .panel-heading .badge { color: #cc0000; - background-color: #ffffff; + background-color: #fff; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #cc0000; @@ -6073,7 +6074,7 @@ button.close { padding: 3px 8px; color: #fff; text-align: center; - background-color: #434343; + background-color: #393f44; border-radius: 1px; } .tooltip-arrow { @@ -6088,56 +6089,56 @@ button.close { left: 50%; margin-left: -8px; border-width: 8px 8px 0; - border-top-color: #434343; + border-top-color: #393f44; } .tooltip.top-left .tooltip-arrow { bottom: 0; right: 8px; margin-bottom: -8px; border-width: 8px 8px 0; - border-top-color: #434343; + border-top-color: #393f44; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 8px; margin-bottom: -8px; border-width: 8px 8px 0; - border-top-color: #434343; + border-top-color: #393f44; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -8px; border-width: 8px 8px 8px 0; - border-right-color: #434343; + border-right-color: #393f44; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -8px; border-width: 8px 0 8px 8px; - border-left-color: #434343; + border-left-color: #393f44; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -8px; border-width: 0 8px 8px; - border-bottom-color: #434343; + border-bottom-color: #393f44; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 8px; margin-top: -8px; border-width: 0 8px 8px; - border-bottom-color: #434343; + border-bottom-color: #393f44; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 8px; margin-top: -8px; border-width: 0 8px 8px; - border-bottom-color: #434343; + border-bottom-color: #393f44; } .popover { position: absolute; @@ -6166,7 +6167,7 @@ button.close { background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; - border: 1px solid #bbbbbb; + border: 1px solid #bbb; border-radius: 1px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); @@ -6215,7 +6216,7 @@ button.close { margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; - border-top-color: #bbbbbb; + border-top-color: #bbb; bottom: -11px; } .popover.top > .arrow:after { @@ -6231,7 +6232,7 @@ button.close { margin-top: -11px; border-left-width: 0; border-right-color: #999999; - border-right-color: #bbbbbb; + border-right-color: #bbb; } .popover.right > .arrow:after { content: " "; @@ -6245,7 +6246,7 @@ button.close { margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; - border-bottom-color: #bbbbbb; + border-bottom-color: #bbb; top: -11px; } .popover.bottom > .arrow:after { @@ -6261,7 +6262,7 @@ button.close { margin-top: -11px; border-right-width: 0; border-left-color: #999999; - border-left-color: #bbbbbb; + border-left-color: #bbb; } .popover.left > .arrow:after { content: " "; @@ -8883,10 +8884,10 @@ button.close { position: relative; } .alert .alert-link { - color: #0099d3; + color: #0088ce; } .alert .alert-link:hover { - color: #00618a; + color: #00659c; } .alert > .btn.pull-right { margin-top: -3px; @@ -8933,27 +8934,27 @@ button.close { /* IE8 */ } .breadcrumb > li + li:before { - color: #999999; + color: #9c9c9c; content: "\f101"; font-family: "FontAwesome"; font-size: 11px; padding: 0 9px 0 7px; } .btn { - -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 0 2px 3px rgba(3, 3, 3, 0.1); + box-shadow: 0 2px 3px rgba(3, 3, 3, 0.1); } .btn:active { - -webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.2); + -webkit-box-shadow: inset 0 2px 8px rgba(3, 3, 3, 0.2); + box-shadow: inset 0 2px 8px rgba(3, 3, 3, 0.2); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { - background-color: #f8f8f8 !important; + background-color: #fafafa !important; background-image: none !important; border-color: #d1d1d1 !important; - color: #969696 !important; + color: #8b8d8f !important; opacity: 1; } .btn.disabled:active, @@ -8975,7 +8976,7 @@ fieldset[disabled] .btn.btn-link { background-image: linear-gradient(to bottom, #cc0000 0%, #a30000 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc0000', endColorstr='#ffa30000', GradientType=0); - border-color: #781919; + border-color: #8b0000; color: #fff; } .btn-danger:hover, @@ -8985,7 +8986,7 @@ fieldset[disabled] .btn.btn-link { .open .dropdown-toggle.btn-danger { background-color: #a30000; background-image: none; - border-color: #781919; + border-color: #8b0000; color: #fff; } .btn-danger:active, @@ -9003,7 +9004,7 @@ fieldset[disabled] .btn.btn-link { .btn-danger.active.focus, .open .dropdown-toggle.btn-danger.focus { background-color: #8a0000; - border-color: #5a1313; + border-color: #670000; } .btn-danger.disabled, .btn-danger[disabled], @@ -9021,16 +9022,16 @@ fieldset[disabled] .btn-danger:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #a30000; - border-color: #781919; + border-color: #8b0000; } .btn-default { - background-color: #eeeeee; + background-color: #f1f1f1; background-image: -webkit-linear-gradient(top, #fafafa 0%, #ededed 100%); background-image: -o-linear-gradient(top, #fafafa 0%, #ededed 100%); background-image: linear-gradient(to bottom, #fafafa 0%, #ededed 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffededed', GradientType=0); - border-color: #b7b7b7; + border-color: #bbb; color: #4d5258; } .btn-default:hover, @@ -9038,9 +9039,9 @@ fieldset[disabled] .btn-danger.active { .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { - background-color: #eeeeee; + background-color: #f1f1f1; background-image: none; - border-color: #b7b7b7; + border-color: #bbb; color: #4d5258; } .btn-default:active, @@ -9057,8 +9058,8 @@ fieldset[disabled] .btn-danger.active { .btn-default:active.focus, .btn-default.active.focus, .open .dropdown-toggle.btn-default.focus { - background-color: #e2e2e2; - border-color: #a5a5a5; + background-color: #e5e5e5; + border-color: #a9a9a9; } .btn-default.disabled, .btn-default[disabled], @@ -9075,8 +9076,8 @@ fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { - background-color: #eeeeee; - border-color: #b7b7b7; + background-color: #f1f1f1; + border-color: #bbb; } .btn-link, .btn-link:active { @@ -9084,13 +9085,13 @@ fieldset[disabled] .btn-default.active { box-shadow: none; } .btn-primary { - background-color: #0085cf; - background-image: -webkit-linear-gradient(top, #00a8e1 0%, #0085cf 100%); - background-image: -o-linear-gradient(top, #00a8e1 0%, #0085cf 100%); - background-image: linear-gradient(to bottom, #00a8e1 0%, #0085cf 100%); + background-color: #0088ce; + background-image: -webkit-linear-gradient(top, #39a5dc 0%, #0088ce 100%); + background-image: -o-linear-gradient(top, #39a5dc 0%, #0088ce 100%); + background-image: linear-gradient(to bottom, #39a5dc 0%, #0088ce 100%); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00a8e1', endColorstr='#ff0085cf', GradientType=0); - border-color: #006e9c; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff39a5dc', endColorstr='#ff0088ce', GradientType=0); + border-color: #00659c; color: #fff; } .btn-primary:hover, @@ -9098,9 +9099,9 @@ fieldset[disabled] .btn-default.active { .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { - background-color: #0085cf; + background-color: #0088ce; background-image: none; - border-color: #006e9c; + border-color: #00659c; color: #fff; } .btn-primary:active, @@ -9117,8 +9118,8 @@ fieldset[disabled] .btn-default.active { .btn-primary:active.focus, .btn-primary.active.focus, .open .dropdown-toggle.btn-primary.focus { - background-color: #0075b6; - border-color: #005578; + background-color: #0077b5; + border-color: #004e78; } .btn-primary.disabled, .btn-primary[disabled], @@ -9135,8 +9136,8 @@ fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { - background-color: #0085cf; - border-color: #006e9c; + background-color: #0088ce; + border-color: #00659c; } .btn-xs, .btn-group-xs .btn, @@ -9165,7 +9166,7 @@ fieldset[disabled] .btn-primary.active { content: "\f106"; } .dropdown-menu .divider { - background-color: #e5e5e5; + background-color: #ededed; height: 1px; margin: 4px 1px; overflow: hidden; @@ -9178,20 +9179,20 @@ fieldset[disabled] .btn-primary.active { } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { - border-color: #b3d3e7; + border-color: #bee1f4; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .dropdown-menu > li > a:active { - background-color: #0099d3; - border-color: #0076b7; + background-color: #0088ce; + border-color: #0088ce; color: #fff !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { - background-color: #0099d3 !important; - border-color: #0076b7 !important; + background-color: #0088ce !important; + border-color: #0088ce !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .dropdown-menu > .disabled > a, @@ -9220,8 +9221,8 @@ fieldset[disabled] .btn-primary.active { position: relative; } .dropdown-submenu:hover > a { - background-color: #d4edfa; - border-color: #b3d3e7; + background-color: #def3ff; + border-color: #bee1f4; } .dropdown-submenu:hover > .dropdown-menu { display: block; @@ -9258,7 +9259,7 @@ fieldset[disabled] .btn-primary.active { display: block; } .dropdown-kebab-pf .btn-link { - color: #222222; + color: #252525; font-size: 16px; line-height: 1; padding: 4px 0; @@ -9266,7 +9267,7 @@ fieldset[disabled] .btn-primary.active { .dropdown-kebab-pf .btn-link:active, .dropdown-kebab-pf .btn-link:focus, .dropdown-kebab-pf .btn-link:hover { - color: #0099d3; + color: #0088ce; } .dropdown-kebab-pf .dropdown-menu { left: -15px; @@ -9283,7 +9284,7 @@ fieldset[disabled] .btn-primary.active { } .dropdown-kebab-pf .dropdown-menu:after, .dropdown-kebab-pf .dropdown-menu:before { - border-bottom-color: #b6b6b6; + border-bottom-color: #bbb; border-bottom-style: solid; border-bottom-width: 10px; border-left: 10px solid transparent; @@ -9305,7 +9306,7 @@ fieldset[disabled] .btn-primary.active { .dropdown-kebab-pf.dropup .dropdown-menu:after, .dropdown-kebab-pf.dropup .dropdown-menu:before { border-bottom: none; - border-top-color: #b6b6b6; + border-top-color: #bbb; border-top-style: solid; border-top-width: 10px; bottom: -11px; @@ -9325,13 +9326,13 @@ fieldset[disabled] .btn-primary.active { .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { - border-color: #d4d4d4 !important; + border-color: #d1d1d1 !important; -webkit-box-shadow: none; box-shadow: none; - color: #969696; + color: #8b8d8f; } .form-control:hover { - border-color: #7BB2DD; + border-color: #7dc3e8; } .has-error .form-control:hover { border-color: #990000; @@ -9343,15 +9344,33 @@ fieldset[disabled] .form-control { border-color: #bb6106; } .has-error .checkbox, +.has-success .checkbox, +.has-warning .checkbox, .has-error .checkbox-inline, +.has-success .checkbox-inline, +.has-warning .checkbox-inline, .has-error .control-label, +.has-success .control-label, +.has-warning .control-label, .has-error .radio, +.has-success .radio, +.has-warning .radio, .has-error .radio-inline, +.has-success .radio-inline, +.has-warning .radio-inline, .has-error.checkbox label, +.has-success.checkbox label, +.has-warning.checkbox label, .has-error.checkbox-inline label, +.has-success.checkbox-inline label, +.has-warning.checkbox-inline label, .has-error.radio label, -.has-error.radio-inline label { - color: #333333; +.has-success.radio label, +.has-warning.radio label, +.has-error.radio-inline label, +.has-success.radio-inline label, +.has-warning.radio-inline label { + color: #363636; } .help-block { margin-bottom: 0px; @@ -9377,7 +9396,7 @@ h6 .label { font-size: 75%; } .list-group { - border-top: 1px solid #e9e8e8; + border-top: 1px solid #ededed; } .list-group .list-group-item:first-child { border-top: 0; @@ -9390,7 +9409,7 @@ h6 .label { font-weight: 600; } .modal-header { - background-color: #f8f8f8; + background-color: #f5f5f5; border-bottom: none; padding: 10px 18px; } @@ -9418,13 +9437,13 @@ h6 .label { } .pager li > a, .pager li > span { - background-color: #eeeeee; + background-color: #f1f1f1; background-image: -webkit-linear-gradient(top, #fafafa 0%, #ededed 100%); background-image: -o-linear-gradient(top, #fafafa 0%, #ededed 100%); background-image: linear-gradient(to bottom, #fafafa 0%, #ededed 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffededed', GradientType=0); - border-color: #b7b7b7; + border-color: #bbb; color: #4d5258; font-weight: 600; line-height: 22px; @@ -9440,9 +9459,9 @@ h6 .label { .pager li > span.active, .open .dropdown-toggle.pager li > a, .open .dropdown-toggle.pager li > span { - background-color: #eeeeee; + background-color: #f1f1f1; background-image: none; - border-color: #b7b7b7; + border-color: #bbb; color: #4d5258; } .pager li > a:active, @@ -9471,8 +9490,8 @@ h6 .label { .pager li > span.active.focus, .open .dropdown-toggle.pager li > a.focus, .open .dropdown-toggle.pager li > span.focus { - background-color: #e2e2e2; - border-color: #a5a5a5; + background-color: #e5e5e5; + border-color: #a9a9a9; } .pager li > a.disabled, .pager li > span.disabled, @@ -9504,8 +9523,8 @@ fieldset[disabled] .pager li > span:active, .pager li > span[disabled].active, fieldset[disabled] .pager li > a.active, fieldset[disabled] .pager li > span.active { - background-color: #eeeeee; - border-color: #b7b7b7; + background-color: #f1f1f1; + border-color: #bbb; } .pager li > a > .i, .pager li > span > .i { @@ -9518,8 +9537,8 @@ fieldset[disabled] .pager li > span.active { } .pager li a:active { background-image: none; - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + -webkit-box-shadow: inset 0 3px 5px rgba(3, 3, 3, 0.125); + box-shadow: inset 0 3px 5px rgba(3, 3, 3, 0.125); outline: 0; } .pager .disabled > a, @@ -9530,7 +9549,7 @@ fieldset[disabled] .pager li > span.active { background: #f5f5f5; -webkit-box-shadow: none; box-shadow: none; - color: #969696; + color: #8b8d8f; cursor: default; } .pager .next > a > .i, @@ -9553,13 +9572,13 @@ fieldset[disabled] .pager li > span.active { } .pagination > li > a, .pagination > li > span { - background-color: #eeeeee; + background-color: #f1f1f1; background-image: -webkit-linear-gradient(top, #fafafa 0%, #ededed 100%); background-image: -o-linear-gradient(top, #fafafa 0%, #ededed 100%); background-image: linear-gradient(to bottom, #fafafa 0%, #ededed 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffededed', GradientType=0); - border-color: #b7b7b7; + border-color: #bbb; color: #4d5258; cursor: default; font-weight: 600; @@ -9575,9 +9594,9 @@ fieldset[disabled] .pager li > span.active { .pagination > li > span.active, .open .dropdown-toggle.pagination > li > a, .open .dropdown-toggle.pagination > li > span { - background-color: #eeeeee; + background-color: #f1f1f1; background-image: none; - border-color: #b7b7b7; + border-color: #bbb; color: #4d5258; } .pagination > li > a:active, @@ -9606,8 +9625,8 @@ fieldset[disabled] .pager li > span.active { .pagination > li > span.active.focus, .open .dropdown-toggle.pagination > li > a.focus, .open .dropdown-toggle.pagination > li > span.focus { - background-color: #e2e2e2; - border-color: #a5a5a5; + background-color: #e5e5e5; + border-color: #a9a9a9; } .pagination > li > a.disabled, .pagination > li > span.disabled, @@ -9639,8 +9658,8 @@ fieldset[disabled] .pagination > li > span:active, .pagination > li > span[disabled].active, fieldset[disabled] .pagination > li > a.active, fieldset[disabled] .pagination > li > span.active { - background-color: #eeeeee; - border-color: #b7b7b7; + background-color: #f1f1f1; + border-color: #bbb; } .pagination > li > a > .i, .pagination > li > span > .i { @@ -9650,8 +9669,8 @@ fieldset[disabled] .pagination > li > span.active { } .pagination > li > a:active, .pagination > li > span:active { - -webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.2); + -webkit-box-shadow: inset 0 2px 8px rgba(3, 3, 3, 0.2); + box-shadow: inset 0 2px 8px rgba(3, 3, 3, 0.2); } .pagination > .active > a, .pagination > .active > span, @@ -9659,10 +9678,10 @@ fieldset[disabled] .pagination > li > span.active { .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { - background-color: #eeeeee; - border-color: #bbbbbb; - -webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.2); + background-color: #f1f1f1; + border-color: #bbb; + -webkit-box-shadow: inset 0 2px 8px rgba(3, 3, 3, 0.2); + box-shadow: inset 0 2px 8px rgba(3, 3, 3, 0.2); color: #4d5258; background-image: -webkit-linear-gradient(top, #fafafa 0%, #ededed 100%); background-image: -o-linear-gradient(top, #fafafa 0%, #ededed 100%); @@ -9720,8 +9739,8 @@ fieldset[disabled] .pagination > li > span.active { margin-top: -1px; } .panel-group .panel-default { - border-color: #bebdbd; - border-top-color: #c4c3c3; + border-color: #bbb; + border-top-color: #bbb; } .panel-group .panel-heading { background-image: -webkit-linear-gradient(top, #fafafa 0%, #ededed 100%); @@ -9731,7 +9750,7 @@ fieldset[disabled] .pagination > li > span.active { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffededed', GradientType=0); } .panel-group .panel-heading + .panel-collapse .panel-body { - border-top: 1px solid #cecdcd; + border-top: 1px solid #d1d1d1; } .panel-group .panel-title { font-weight: 500; @@ -9743,10 +9762,13 @@ fieldset[disabled] .pagination > li > span.active { } .panel-group .panel-title > a:before { content: "\f107"; + display: inline-block; font-family: "FontAwesome"; font-size: 13px; margin-right: 5px; + text-align: center; vertical-align: 0; + width: 8px; } .panel-group .panel-title > a:focus { outline: none; @@ -9757,12 +9779,10 @@ fieldset[disabled] .pagination > li > span.active { } .panel-group .panel-title > a.collapsed:before { content: "\f105"; - margin-left: 4px; - margin-right: 7px; } .popover { - -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08); - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08); + -webkit-box-shadow: 0 2px 2px rgba(3, 3, 3, 0.08); + box-shadow: 0 2px 2px rgba(3, 3, 3, 0.08); padding: 0; } .popover-content { @@ -9804,8 +9824,8 @@ fieldset[disabled] .pagination > li > span.active { } } .progress { - -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.25); - box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.25); + -webkit-box-shadow: inset 0 0 1px rgba(3, 3, 3, 0.25); + box-shadow: inset 0 0 1px rgba(3, 3, 3, 0.25); } .progress.progress-label-left, .progress.progress-label-top-right { @@ -9833,7 +9853,7 @@ td > .progress:first-child:last-child { .progress-label-left .progress-bar span, .progress-label-right .progress-bar span, .progress-label-top-right .progress-bar span { - color: #333333; + color: #363636; position: absolute; text-align: right; } @@ -9938,7 +9958,7 @@ td > .progress:first-child:last-child { } .table > thead { background-clip: padding-box; - background-color: #f9f9f9; + background-color: #f5f5f5; background-image: -webkit-linear-gradient(top, #fafafa 0%, #ededed 100%); background-image: -o-linear-gradient(top, #fafafa 0%, #ededed 100%); background-image: linear-gradient(to bottom, #fafafa 0%, #ededed 100%); @@ -9968,8 +9988,8 @@ td > .progress:first-child:last-child { } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { - background-color: #d5ecf9; - border-bottom-color: #a7cadf; + background-color: #def3ff; + border-bottom-color: #def3ff; } .table-treegrid span.indent { margin-left: 10px; @@ -10002,12 +10022,12 @@ td > .progress:first-child:last-child { .nav-tabs > li > a:focus, .nav-tabs > li > a:hover { background: transparent; - border-color: #e9e8e8; - color: #222222; + border-color: #ededed; + color: #252525; } .nav-tabs > li > .dropdown-menu { border-top: 0; - border-color: #e9e8e8; + border-color: #ededed; } .nav-tabs > li > .dropdown-menu.pull-right { right: -1px; @@ -10025,11 +10045,11 @@ td > .progress:first-child:last-child { .nav-tabs .open > a:hover, .nav-tabs .open > a:focus { background-color: transparent; - border-color: #e9e8e8; + border-color: #ededed; } @media (min-width: 768px) { .nav-tabs-pf.nav-justified { - border-bottom: 1px solid #e9e8e8; + border-bottom: 1px solid #ededed; } } .nav-tabs-pf.nav-justified > li:first-child > a { @@ -10046,7 +10066,7 @@ td > .progress:first-child:last-child { margin-bottom: 0; } .nav-tabs-pf > li.active > a:before { - background: #0099d3; + background: #0088ce; bottom: -1px; content: ''; display: block; @@ -10061,13 +10081,13 @@ td > .progress:first-child:last-child { .nav-tabs-pf > li.active > a:hover { background-color: transparent; border: 0 !important; - color: #0099d3; + color: #0088ce; } .nav-tabs-pf > li.active > a:before, .nav-tabs-pf > li.active > a:active:before, .nav-tabs-pf > li.active > a:focus:before, .nav-tabs-pf > li.active > a:hover:before { - background: #0099d3; + background: #0088ce; } .nav-tabs-pf > li:first-child > a { padding-left: 0; @@ -10085,7 +10105,7 @@ td > .progress:first-child:last-child { .nav-tabs-pf > li > a:active:before, .nav-tabs-pf > li > a:focus:before, .nav-tabs-pf > li > a:hover:before { - background: #aaa; + background: #bbb; bottom: -1px; content: ''; display: block; diff --git a/dist/docs/partials/api/patternfly.autofocus.pfFocused.html b/dist/docs/partials/api/patternfly.autofocus.pfFocused.html index 9c4be724f..e7bc031f3 100644 --- a/dist/docs/partials/api/patternfly.autofocus.pfFocused.html +++ b/dist/docs/partials/api/patternfly.autofocus.pfFocused.html @@ -1,4 +1,4 @@ - Improve this doc View source
pfFocused
+ Improve this doc View sourcepfFocused
patternfly
pfAggregateStatusCard
+ Improve this doc View sourcepfAggregateStatusCard
patternfly.card
pfCard - Timeframe Filters
+ Improve this doc View sourcepfCard - Timeframe Filters
patternfly.card
pfCard - Trends
+ Improve this doc View sourcepfCard - Trends
patternfly.card
pfCard - Utilization
+ Improve this doc View sourcepfCard - Utilization
patternfly.card
pfC3Chart
+ Improve this doc View sourcepfC3Chart
patternfly.charts
pfDonutPctChart
+ Improve this doc View sourcepfDonutPctChart
patternfly.charts
pfHeatMap
+ Improve this doc View sourcepfHeatMap
patternfly.charts
pfLineChart
+ Improve this doc View sourcepfLineChart
patternfly.charts
pfSparklineChart
+ Improve this doc View sourcepfSparklineChart
patternfly.charts
pfTrendsChart
+ Improve this doc View sourcepfTrendsChart
patternfly.charts
pfUtilizationBarChart
+ Improve this doc View sourcepfUtilizationBarChart
patternfly.charts
pfUtilizationTrendChart
+ Improve this doc View sourcepfUtilizationTrendChart
patternfly.charts
pfFilter
+ Improve this doc View sourcepfFilter
patternfly.filters
pfFilterFields
+ Improve this doc View sourcepfFilterFields
patternfly.filters
pfFilterResults
+ Improve this doc View sourcepfFilterResults
patternfly.filters
pfDatepicker
+ Improve this doc View sourcepfDatepicker
patternfly.form
pfFormButtons
+ Improve this doc View sourcepfFormButtons
patternfly.form
pfFormGroup
+ Improve this doc View sourcepfFormGroup
patternfly.form
pfRemainingCharsCount
+ Improve this doc View sourcepfRemainingCharsCount
patternfly.form
Notification
+ Improve this doc View sourceNotification
patternfly.notification
pfInlineNotification
+ Improve this doc View sourcepfInlineNotification
patternfly.notification
pfNotificationList
+ Improve this doc View sourcepfNotificationList
patternfly.notification
pfSelect
+ Improve this doc View sourcepfSelect
patternfly
pfSort
+ Improve this doc View sourcepfSort
patternfly.sort
pfToolbar
+ Improve this doc View sourcepfToolbar
patternfly.toolbars
pfTransclude
+ Improve this doc View sourcepfTransclude
patternfly.utils
pfValidation
+ Improve this doc View sourcepfValidation
patternfly
pfCardView
+ Improve this doc View sourcepfCardView
patternfly.views
pfListView
+ Improve this doc View sourcepfListView
patternfly.views