[Kimchi-devel] [PATCH] [Wok] Added support for wok-loading-icon inside form-groups
sguimaraes943 at gmail.com
sguimaraes943 at gmail.com
Fri Feb 19 19:39:23 UTC 2016
From: Samuel Guimarães <sguimaraes943 at gmail.com>
This commit fixes wok-loading-icon position when inside a form-group with has-feedback class.
Signed-off-by: samhenri <sguimaraes943 at gmail.com>
---
ui/css/bootstrap.custom.css | 641 ++++++++++++++++++++++++++-----------
ui/css/src/modules/_wok-forms.scss | 25 ++
ui/css/wok.css | 23 ++
3 files changed, 496 insertions(+), 193 deletions(-)
diff --git a/ui/css/bootstrap.custom.css b/ui/css/bootstrap.custom.css
index 7f35e61..69e5b5d 100644
--- a/ui/css/bootstrap.custom.css
+++ b/ui/css/bootstrap.custom.css
@@ -1,4 +1,3 @@
- at charset "UTF-8";
/*
* Project Wok
*
@@ -167,8 +166,7 @@ select {
}
button,
-html input[type="button"],
-input[type="reset"],
+html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
@@ -351,7 +349,8 @@ a {
text-decoration: none;
}
-a:hover, a:focus {
+a:hover,
+a:focus {
color: #141314;
text-decoration: underline;
}
@@ -416,7 +415,8 @@ hr {
border: 0;
}
-.sr-only-focusable:active, .sr-only-focusable:focus {
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
@@ -597,7 +597,7 @@ a.text-primary:focus {
a.text-success:hover,
a.text-success:focus {
- color: #535353;
+ color: #525252;
}
.text-info {
@@ -606,7 +606,7 @@ a.text-success:focus {
a.text-info:hover,
a.text-info:focus {
- color: #535353;
+ color: #525252;
}
.text-warning {
@@ -615,7 +615,7 @@ a.text-info:focus {
a.text-warning:hover,
a.text-warning:focus {
- color: #535353;
+ color: #525252;
}
.text-danger {
@@ -624,7 +624,7 @@ a.text-warning:focus {
a.text-danger:hover,
a.text-danger:focus {
- color: #535353;
+ color: #525252;
}
.bg-primary {
@@ -730,7 +730,8 @@ dd {
margin-left: 0;
}
-.dl-horizontal dd:before, .dl-horizontal dd:after {
+.dl-horizontal dd:before,
+.dl-horizontal dd:after {
content: " ";
display: table;
}
@@ -891,7 +892,8 @@ pre code {
padding-right: 0;
}
-.container:before, .container:after {
+.container:before,
+.container:after {
content: " ";
display: table;
}
@@ -927,7 +929,8 @@ pre code {
padding-right: 0;
}
-.container-fluid:before, .container-fluid:after {
+.container-fluid:before,
+.container-fluid:after {
content: " ";
display: table;
}
@@ -941,7 +944,8 @@ pre code {
margin-right: 0;
}
-.row:before, .row:after {
+.row:before,
+.row:after {
content: " ";
display: table;
}
@@ -2027,7 +2031,8 @@ output {
color: #999;
}
-.form-control[disabled], .form-control[readonly],
+.form-control[disabled],
+.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eee;
opacity: 1;
@@ -2053,7 +2058,8 @@ input[type="search"] {
input[type="month"].form-control {
line-height: 34px;
}
- input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
+ input[type="date"].input-sm,
+ .input-group-sm > input[type="date"].form-control,
.input-group-sm > input[type="date"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="date"].btn,
.input-group-sm input[type="date"],
@@ -2061,23 +2067,21 @@ input[type="search"] {
.input-group-sm > input[type="time"].form-control,
.input-group-sm > input[type="time"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="time"].btn,
- .input-group-sm
- input[type="time"],
+ .input-group-sm input[type="time"],
input[type="datetime-local"].input-sm,
.input-group-sm > input[type="datetime-local"].form-control,
.input-group-sm > input[type="datetime-local"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
- .input-group-sm
- input[type="datetime-local"],
+ .input-group-sm input[type="datetime-local"],
input[type="month"].input-sm,
.input-group-sm > input[type="month"].form-control,
.input-group-sm > input[type="month"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="month"].btn,
- .input-group-sm
- input[type="month"] {
+ .input-group-sm input[type="month"] {
line-height: 30px;
}
- input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
+ input[type="date"].input-lg,
+ .input-group-lg > input[type="date"].form-control,
.input-group-lg > input[type="date"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="date"].btn,
.input-group-lg input[type="date"],
@@ -2085,20 +2089,17 @@ input[type="search"] {
.input-group-lg > input[type="time"].form-control,
.input-group-lg > input[type="time"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="time"].btn,
- .input-group-lg
- input[type="time"],
+ .input-group-lg input[type="time"],
input[type="datetime-local"].input-lg,
.input-group-lg > input[type="datetime-local"].form-control,
.input-group-lg > input[type="datetime-local"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
- .input-group-lg
- input[type="datetime-local"],
+ .input-group-lg input[type="datetime-local"],
input[type="month"].input-lg,
.input-group-lg > input[type="month"].form-control,
.input-group-lg > input[type="month"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="month"].btn,
- .input-group-lg
- input[type="month"] {
+ .input-group-lg input[type="month"] {
line-height: 46px;
}
}
@@ -2155,28 +2156,26 @@ input[type="search"] {
margin-left: 10px;
}
-input[type="radio"][disabled], input[type="radio"].disabled,
+input[type="radio"][disabled],
+input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
-fieldset[disabled]
-input[type="checkbox"] {
+fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
-fieldset[disabled]
-.checkbox-inline {
+fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
-fieldset[disabled]
-.checkbox label {
+fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
@@ -2187,9 +2186,11 @@ fieldset[disabled]
min-height: 34px;
}
-.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
+.form-control-static.input-lg,
+.input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
-.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
+.input-group-lg > .input-group-btn > .form-control-static.btn,
+.form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
padding-left: 0;
@@ -2213,11 +2214,11 @@ select.input-sm, .input-group-sm > select.form-control,
line-height: 30px;
}
-textarea.input-sm, .input-group-sm > textarea.form-control,
+textarea.input-sm,
+.input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
-select[multiple].input-sm,
-.input-group-sm > select[multiple].form-control,
+select[multiple].input-sm, .input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
height: auto;
@@ -2266,11 +2267,11 @@ select.input-lg, .input-group-lg > select.form-control,
line-height: 46px;
}
-textarea.input-lg, .input-group-lg > textarea.form-control,
+textarea.input-lg,
+.input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
-select[multiple].input-lg,
-.input-group-lg > select[multiple].form-control,
+select[multiple].input-lg, .input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
height: auto;
@@ -2323,7 +2324,8 @@ select[multiple].input-lg,
pointer-events: none;
}
-.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
+.input-lg + .form-control-feedback,
+.input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
@@ -2333,7 +2335,8 @@ select[multiple].input-lg,
line-height: 46px;
}
-.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
+.input-sm + .form-control-feedback,
+.input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
@@ -2363,7 +2366,7 @@ select[multiple].input-lg,
}
.has-success .form-control:focus {
- border-color: #535353;
+ border-color: #525252;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #9f9f9f;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #9f9f9f;
}
@@ -2398,7 +2401,7 @@ select[multiple].input-lg,
}
.has-warning .form-control:focus {
- border-color: #535353;
+ border-color: #525252;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #9f9f9f;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #9f9f9f;
}
@@ -2433,7 +2436,7 @@ select[multiple].input-lg,
}
.has-error .form-control:focus {
- border-color: #535353;
+ border-color: #525252;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #9f9f9f;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #9f9f9f;
}
@@ -2533,7 +2536,8 @@ select[multiple].input-lg,
margin-right: 0;
}
-.form-horizontal .form-group:before, .form-horizontal .form-group:after {
+.form-horizontal .form-group:before,
+.form-horizontal .form-group:after {
content: " ";
display: table;
}
@@ -2589,25 +2593,34 @@ select[multiple].input-lg,
user-select: none;
}
-.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
+.btn:focus,
+.btn.focus,
+.btn:active:focus,
+.btn:active.focus,
+.btn.active:focus,
+.btn.active.focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
-.btn:hover, .btn:focus, .btn.focus {
+.btn:hover,
+.btn:focus,
+.btn.focus {
color: #444;
text-decoration: none;
}
-.btn:active, .btn.active {
+.btn:active,
+.btn.active {
outline: 0;
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);
}
-.btn.disabled, .btn[disabled],
+.btn.disabled,
+.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
opacity: 0.65;
@@ -2627,7 +2640,8 @@ fieldset[disabled] a.btn {
border-color: #ccc;
}
-.btn-default:focus, .btn-default.focus {
+.btn-default:focus,
+.btn-default.focus {
color: #444;
background-color: #e6e6e6;
border-color: #8c8c8c;
@@ -2639,14 +2653,20 @@ fieldset[disabled] a.btn {
border-color: #adadad;
}
-.btn-default:active, .btn-default.active,
+.btn-default:active,
+.btn-default.active,
.open > .btn-default.dropdown-toggle {
color: #444;
background-color: #e6e6e6;
border-color: #adadad;
}
-.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
+.btn-default:active:hover,
+.btn-default:active:focus,
+.btn-default:active.focus,
+.btn-default.active:hover,
+.btn-default.active:focus,
+.btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
@@ -2655,12 +2675,24 @@ fieldset[disabled] a.btn {
border-color: #8c8c8c;
}
-.btn-default:active, .btn-default.active,
+.btn-default:active,
+.btn-default.active,
.open > .btn-default.dropdown-toggle {
background-image: none;
}
-.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active,
+.btn-default.disabled,
+.btn-default.disabled:hover,
+.btn-default.disabled:focus,
+.btn-default.disabled.focus,
+.btn-default.disabled:active,
+.btn-default.disabled.active,
+.btn-default[disabled],
+.btn-default[disabled]:hover,
+.btn-default[disabled]:focus,
+.btn-default[disabled].focus,
+.btn-default[disabled]:active,
+.btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
@@ -2682,7 +2714,8 @@ fieldset[disabled] .btn-default.active {
border-color: #3a393b;
}
-.btn-primary:focus, .btn-primary.focus {
+.btn-primary:focus,
+.btn-primary.focus {
color: #fff;
background-color: #212021;
border-color: black;
@@ -2694,14 +2727,20 @@ fieldset[disabled] .btn-default.active {
border-color: #1b1b1c;
}
-.btn-primary:active, .btn-primary.active,
+.btn-primary:active,
+.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #212021;
border-color: #1b1b1c;
}
-.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
+.btn-primary:active:hover,
+.btn-primary:active:focus,
+.btn-primary:active.focus,
+.btn-primary.active:hover,
+.btn-primary.active:focus,
+.btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
@@ -2710,12 +2749,24 @@ fieldset[disabled] .btn-default.active {
border-color: black;
}
-.btn-primary:active, .btn-primary.active,
+.btn-primary:active,
+.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
background-image: none;
}
-.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active,
+.btn-primary.disabled,
+.btn-primary.disabled:hover,
+.btn-primary.disabled:focus,
+.btn-primary.disabled.focus,
+.btn-primary.disabled:active,
+.btn-primary.disabled.active,
+.btn-primary[disabled],
+.btn-primary[disabled]:hover,
+.btn-primary[disabled]:focus,
+.btn-primary[disabled].focus,
+.btn-primary[disabled]:active,
+.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
@@ -2737,7 +2788,8 @@ fieldset[disabled] .btn-primary.active {
border-color: #5cb85c;
}
-.btn-success:focus, .btn-success.focus {
+.btn-success:focus,
+.btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #2d672d;
@@ -2749,14 +2801,20 @@ fieldset[disabled] .btn-primary.active {
border-color: #419641;
}
-.btn-success:active, .btn-success.active,
+.btn-success:active,
+.btn-success.active,
.open > .btn-success.dropdown-toggle {
color: #fff;
background-color: #449d44;
border-color: #419641;
}
-.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
+.btn-success:active:hover,
+.btn-success:active:focus,
+.btn-success:active.focus,
+.btn-success.active:hover,
+.btn-success.active:focus,
+.btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
@@ -2765,12 +2823,24 @@ fieldset[disabled] .btn-primary.active {
border-color: #2d672d;
}
-.btn-success:active, .btn-success.active,
+.btn-success:active,
+.btn-success.active,
.open > .btn-success.dropdown-toggle {
background-image: none;
}
-.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active,
+.btn-success.disabled,
+.btn-success.disabled:hover,
+.btn-success.disabled:focus,
+.btn-success.disabled.focus,
+.btn-success.disabled:active,
+.btn-success.disabled.active,
+.btn-success[disabled],
+.btn-success[disabled]:hover,
+.btn-success[disabled]:focus,
+.btn-success[disabled].focus,
+.btn-success[disabled]:active,
+.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
@@ -2792,7 +2862,8 @@ fieldset[disabled] .btn-success.active {
border-color: #5bc0de;
}
-.btn-info:focus, .btn-info.focus {
+.btn-info:focus,
+.btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1f7e9a;
@@ -2804,14 +2875,20 @@ fieldset[disabled] .btn-success.active {
border-color: #2aabd2;
}
-.btn-info:active, .btn-info.active,
+.btn-info:active,
+.btn-info.active,
.open > .btn-info.dropdown-toggle {
color: #fff;
background-color: #31b0d5;
border-color: #2aabd2;
}
-.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
+.btn-info:active:hover,
+.btn-info:active:focus,
+.btn-info:active.focus,
+.btn-info.active:hover,
+.btn-info.active:focus,
+.btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
@@ -2820,12 +2897,24 @@ fieldset[disabled] .btn-success.active {
border-color: #1f7e9a;
}
-.btn-info:active, .btn-info.active,
+.btn-info:active,
+.btn-info.active,
.open > .btn-info.dropdown-toggle {
background-image: none;
}
-.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active,
+.btn-info.disabled,
+.btn-info.disabled:hover,
+.btn-info.disabled:focus,
+.btn-info.disabled.focus,
+.btn-info.disabled:active,
+.btn-info.disabled.active,
+.btn-info[disabled],
+.btn-info[disabled]:hover,
+.btn-info[disabled]:focus,
+.btn-info[disabled].focus,
+.btn-info[disabled]:active,
+.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
@@ -2847,7 +2936,8 @@ fieldset[disabled] .btn-info.active {
border-color: #f0ad4e;
}
-.btn-warning:focus, .btn-warning.focus {
+.btn-warning:focus,
+.btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #b06d0f;
@@ -2859,14 +2949,20 @@ fieldset[disabled] .btn-info.active {
border-color: #eb9316;
}
-.btn-warning:active, .btn-warning.active,
+.btn-warning:active,
+.btn-warning.active,
.open > .btn-warning.dropdown-toggle {
color: #fff;
background-color: #ec971f;
border-color: #eb9316;
}
-.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
+.btn-warning:active:hover,
+.btn-warning:active:focus,
+.btn-warning:active.focus,
+.btn-warning.active:hover,
+.btn-warning.active:focus,
+.btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
@@ -2875,12 +2971,24 @@ fieldset[disabled] .btn-info.active {
border-color: #b06d0f;
}
-.btn-warning:active, .btn-warning.active,
+.btn-warning:active,
+.btn-warning.active,
.open > .btn-warning.dropdown-toggle {
background-image: none;
}
-.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active,
+.btn-warning.disabled,
+.btn-warning.disabled:hover,
+.btn-warning.disabled:focus,
+.btn-warning.disabled.focus,
+.btn-warning.disabled:active,
+.btn-warning.disabled.active,
+.btn-warning[disabled],
+.btn-warning[disabled]:hover,
+.btn-warning[disabled]:focus,
+.btn-warning[disabled].focus,
+.btn-warning[disabled]:active,
+.btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
@@ -2902,7 +3010,8 @@ fieldset[disabled] .btn-warning.active {
border-color: #d9534f;
}
-.btn-danger:focus, .btn-danger.focus {
+.btn-danger:focus,
+.btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #8b211e;
@@ -2914,14 +3023,20 @@ fieldset[disabled] .btn-warning.active {
border-color: #c12e2a;
}
-.btn-danger:active, .btn-danger.active,
+.btn-danger:active,
+.btn-danger.active,
.open > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #c9302c;
border-color: #c12e2a;
}
-.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
+.btn-danger:active:hover,
+.btn-danger:active:focus,
+.btn-danger:active.focus,
+.btn-danger.active:hover,
+.btn-danger.active:focus,
+.btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
@@ -2930,12 +3045,24 @@ fieldset[disabled] .btn-warning.active {
border-color: #8b211e;
}
-.btn-danger:active, .btn-danger.active,
+.btn-danger:active,
+.btn-danger.active,
.open > .btn-danger.dropdown-toggle {
background-image: none;
}
-.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active,
+.btn-danger.disabled,
+.btn-danger.disabled:hover,
+.btn-danger.disabled:focus,
+.btn-danger.disabled.focus,
+.btn-danger.disabled:active,
+.btn-danger.disabled.active,
+.btn-danger[disabled],
+.btn-danger[disabled]:hover,
+.btn-danger[disabled]:focus,
+.btn-danger[disabled].focus,
+.btn-danger[disabled]:active,
+.btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
@@ -2957,24 +3084,32 @@ fieldset[disabled] .btn-danger.active {
border-radius: 0;
}
-.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
+.btn-link,
+.btn-link:active,
+.btn-link.active,
+.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
-.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
+.btn-link,
+.btn-link:hover,
+.btn-link:focus,
+.btn-link:active {
border-color: transparent;
}
-.btn-link:hover, .btn-link:focus {
+.btn-link:hover,
+.btn-link:focus {
color: #141314;
text-decoration: underline;
background-color: transparent;
}
-.btn-link[disabled]:hover, .btn-link[disabled]:focus,
+.btn-link[disabled]:hover,
+.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
color: #999;
@@ -3121,24 +3256,30 @@ tbody.collapse.in {
white-space: nowrap;
}
-.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus {
text-decoration: none;
color: #151515;
background-color: #f5f5f5;
}
-.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:hover,
+.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #3a393b;
}
-.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
+.dropdown-menu > .disabled > a,
+.dropdown-menu > .disabled > a:hover,
+.dropdown-menu > .disabled > a:focus {
color: #999;
}
-.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
+.dropdown-menu > .disabled > a:hover,
+.dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
@@ -3226,7 +3367,10 @@ tbody.collapse.in {
float: left;
}
-.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
+.btn-group > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group > .btn:active,
+.btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
@@ -3245,7 +3389,8 @@ tbody.collapse.in {
margin-left: -5px;
}
-.btn-toolbar:before, .btn-toolbar:after {
+.btn-toolbar:before,
+.btn-toolbar:after {
content: " ";
display: table;
}
@@ -3351,7 +3496,8 @@ tbody.collapse.in {
max-width: 100%;
}
-.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
+.btn-group-vertical > .btn-group:before,
+.btn-group-vertical > .btn-group:after {
content: " ";
display: table;
}
@@ -3485,16 +3631,14 @@ tbody.collapse.in {
border-radius: 3px;
}
-.input-group-addon.input-sm,
-.input-group-sm > .input-group-addon,
+.input-group-addon.input-sm, .input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
}
-.input-group-addon.input-lg,
-.input-group-lg > .input-group-addon,
+.input-group-addon.input-lg, .input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
padding: 10px 16px;
font-size: 18px;
@@ -3550,7 +3694,9 @@ tbody.collapse.in {
margin-left: -1px;
}
-.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
+.input-group-btn > .btn:hover,
+.input-group-btn > .btn:focus,
+.input-group-btn > .btn:active {
z-index: 2;
}
@@ -3571,7 +3717,8 @@ tbody.collapse.in {
list-style: none;
}
-.nav:before, .nav:after {
+.nav:before,
+.nav:after {
content: " ";
display: table;
}
@@ -3591,7 +3738,8 @@ tbody.collapse.in {
padding: 10px 15px;
}
-.nav > li > a:hover, .nav > li > a:focus {
+.nav > li > a:hover,
+.nav > li > a:focus {
text-decoration: none;
background-color: #fff;
}
@@ -3600,14 +3748,17 @@ tbody.collapse.in {
color: #999;
}
-.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
+.nav > li.disabled > a:hover,
+.nav > li.disabled > a:focus {
color: #999;
text-decoration: none;
background-color: transparent;
cursor: not-allowed;
}
-.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
background-color: #fff;
border-color: #3a393b;
}
@@ -3643,7 +3794,9 @@ tbody.collapse.in {
border-color: #fff #fff #ddd;
}
-.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus {
color: #444;
background-color: #fff;
border: 1px solid #ddd;
@@ -3663,7 +3816,9 @@ tbody.collapse.in {
margin-left: 2px;
}
-.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
+.nav-pills > li.active > a,
+.nav-pills > li.active > a:hover,
+.nav-pills > li.active > a:focus {
color: #fff;
background-color: #3a393b;
}
@@ -3714,9 +3869,9 @@ tbody.collapse.in {
border-radius: 3px;
}
-.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
-.nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
-.nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
+.nav-tabs-justified > .active > a,
+.nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover,
+.nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd;
}
@@ -3725,9 +3880,9 @@ tbody.collapse.in {
border-bottom: 1px solid #ddd;
border-radius: 3px 3px 0 0;
}
- .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
- .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
- .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
+ .nav-tabs-justified > .active > a,
+ .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover,
+ .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
@@ -3753,7 +3908,8 @@ tbody.collapse.in {
border: 0;
}
-.navbar:before, .navbar:after {
+.navbar:before,
+.navbar:after {
content: " ";
display: table;
}
@@ -3768,7 +3924,8 @@ tbody.collapse.in {
}
}
-.navbar-header:before, .navbar-header:after {
+.navbar-header:before,
+.navbar-header:after {
content: " ";
display: table;
}
@@ -3792,7 +3949,8 @@ tbody.collapse.in {
-webkit-overflow-scrolling: touch;
}
-.navbar-collapse:before, .navbar-collapse:after {
+.navbar-collapse:before,
+.navbar-collapse:after {
content: " ";
display: table;
}
@@ -3911,7 +4069,8 @@ tbody.collapse.in {
user-select: none;
}
-.navbar-brand:hover, .navbar-brand:focus {
+.navbar-brand:hover,
+.navbar-brand:focus {
text-decoration: none;
}
@@ -3983,7 +4142,8 @@ tbody.collapse.in {
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
- .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
+ .navbar-nav .open .dropdown-menu > li > a:hover,
+ .navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@@ -4170,7 +4330,8 @@ tbody.collapse.in {
white-space: nowrap;
}
-.navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-nav > li > .dropdown-menu > li > a:focus,
+.navbar-nav > li > .dropdown-menu > li > a:hover,
+.navbar-nav > li > .dropdown-menu > li > a:focus,
.navbar-nav > li > .dropdown-menu > li > span:hover,
.navbar-nav > li > .dropdown-menu > li > span:focus {
text-decoration: none;
@@ -4264,7 +4425,8 @@ tbody.collapse.in {
color: #fff;
}
-.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
+.navbar-default .navbar-brand:hover,
+.navbar-default .navbar-brand:focus {
color: #e6e6e6;
background-color: transparent;
}
@@ -4276,7 +4438,8 @@ tbody.collapse.in {
padding-right: 0;
}
-.navbar-default .container:before, .navbar-default .container:after {
+.navbar-default .container:before,
+.navbar-default .container:after {
content: " ";
display: table;
}
@@ -4337,69 +4500,94 @@ tbody.collapse.in {
}
}
-.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
+.navbar-default .navbar-nav > li > a:hover,
+.navbar-default .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent;
}
-.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > .active > a:focus {
color: #fff;
background-color: transparent;
}
-.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
+.navbar-default .navbar-nav > .disabled > a,
+.navbar-default .navbar-nav > .disabled > a:hover,
+.navbar-default .navbar-nav > .disabled > a:focus {
cursor: default;
color: #999;
background-color: transparent;
}
-.navbar-default .navbar-nav > .active > a.hostSelected, .navbar-default .navbar-nav > .active > a.hostSelected:hover, .navbar-default .navbar-nav > .active > a.hostSelected:focus {
+.navbar-default .navbar-nav > .active > a.hostSelected,
+.navbar-default .navbar-nav > .active > a.hostSelected:hover,
+.navbar-default .navbar-nav > .active > a.hostSelected:focus {
height: 41px;
background-color: #008abf !important;
}
-.navbar-default .navbar-nav > .active > a.host, .navbar-default .navbar-nav > .active > a.host:hover, .navbar-default .navbar-nav > .active > a.host:focus {
+.navbar-default .navbar-nav > .active > a.host,
+.navbar-default .navbar-nav > .active > a.host:hover,
+.navbar-default .navbar-nav > .active > a.host:focus {
height: 41px;
background-color: #008abf !important;
}
-.navbar-default .navbar-nav > .active > a.guests, .navbar-default .navbar-nav > .active > a.guests:hover, .navbar-default .navbar-nav > .active > a.guests:focus {
+.navbar-default .navbar-nav > .active > a.guests,
+.navbar-default .navbar-nav > .active > a.guests:hover,
+.navbar-default .navbar-nav > .active > a.guests:focus {
height: 41px;
background-color: #8cc63f !important;
}
-.navbar-default .navbar-nav > .active > a.templates, .navbar-default .navbar-nav > .active > a.templates:hover, .navbar-default .navbar-nav > .active > a.templates:focus {
+.navbar-default .navbar-nav > .active > a.templates,
+.navbar-default .navbar-nav > .active > a.templates:hover,
+.navbar-default .navbar-nav > .active > a.templates:focus {
height: 41px;
background-color: #00a6a0 !important;
}
-.navbar-default .navbar-nav > .active > a.storage, .navbar-default .navbar-nav > .active > a.storage:hover, .navbar-default .navbar-nav > .active > a.storage:focus {
+.navbar-default .navbar-nav > .active > a.storage,
+.navbar-default .navbar-nav > .active > a.storage:hover,
+.navbar-default .navbar-nav > .active > a.storage:focus {
height: 41px;
background-color: #feb813 !important;
color: #000 !important;
}
-.navbar-default .navbar-nav > .active > a.network, .navbar-default .navbar-nav > .active > a.network:hover, .navbar-default .navbar-nav > .active > a.network:focus {
+.navbar-default .navbar-nav > .active > a.network,
+.navbar-default .navbar-nav > .active > a.network:hover,
+.navbar-default .navbar-nav > .active > a.network:focus {
height: 41px;
background-color: #7f1c7d !important;
}
-.navbar-default .navbar-nav > .active > a.administration, .navbar-default .navbar-nav > .active > a.administration:hover, .navbar-default .navbar-nav > .active > a.administration:focus {
+.navbar-default .navbar-nav > .active > a.administration,
+.navbar-default .navbar-nav > .active > a.administration:hover,
+.navbar-default .navbar-nav > .active > a.administration:focus {
height: 41px;
background-color: #d9182d !important;
}
-.navbar-default .navbar-nav > .active > a.virtualizationTab, .navbar-default .navbar-nav > .active > a.virtualizationTab:hover, .navbar-default .navbar-nav > .active > a.virtualizationTab:focus {
+.navbar-default .navbar-nav > .active > a.virtualizationTab,
+.navbar-default .navbar-nav > .active > a.virtualizationTab:hover,
+.navbar-default .navbar-nav > .active > a.virtualizationTab:focus {
height: 41px;
background-color: #59930c !important;
}
-.navbar-default .navbar-nav > .active > a.hostTab, .navbar-default .navbar-nav > .active > a.hostTab:hover, .navbar-default .navbar-nav > .active > a.hostTab:focus {
+.navbar-default .navbar-nav > .active > a.hostTab,
+.navbar-default .navbar-nav > .active > a.hostTab:hover,
+.navbar-default .navbar-nav > .active > a.hostTab:focus {
height: 41px;
background-color: #00578c !important;
}
-.navbar-default .navbar-nav > .active > a.virtualizationSelected, .navbar-default .navbar-nav > .active > a.virtualizationSelected:hover, .navbar-default .navbar-nav > .active > a.virtualizationSelected:focus {
+.navbar-default .navbar-nav > .active > a.virtualizationSelected,
+.navbar-default .navbar-nav > .active > a.virtualizationSelected:hover,
+.navbar-default .navbar-nav > .active > a.virtualizationSelected:focus {
height: 41px;
background-color: #8cc63f !important;
}
@@ -4448,7 +4636,8 @@ tbody.collapse.in {
border-color: #ddd;
}
-.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
+.navbar-default .navbar-toggle:hover,
+.navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
@@ -4461,7 +4650,9 @@ tbody.collapse.in {
border-color: #3a393b;
}
-.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .open > a:hover,
+.navbar-default .navbar-nav > .open > a:focus {
background-color: transparent;
color: #fff;
}
@@ -4470,15 +4661,20 @@ tbody.collapse.in {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #fff;
}
- .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent;
}
- .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
+ .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
+ .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
+ .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: transparent;
}
- .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+ .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
+ .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
+ .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #999;
background-color: transparent;
}
@@ -4496,11 +4692,13 @@ tbody.collapse.in {
color: #fff;
}
-.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
+.navbar-default .btn-link:hover,
+.navbar-default .btn-link:focus {
color: #fff;
}
-.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
+.navbar-default .btn-link[disabled]:hover,
+.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #999;
@@ -4515,7 +4713,8 @@ fieldset[disabled] .navbar-default .btn-link:focus {
color: #fff;
}
-.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
+.navbar-inverse .navbar-brand:hover,
+.navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
@@ -4528,17 +4727,22 @@ fieldset[disabled] .navbar-default .btn-link:focus {
color: #fff;
}
-.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
+.navbar-inverse .navbar-nav > li > a:hover,
+.navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent;
}
-.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
+.navbar-inverse .navbar-nav > .active > a,
+.navbar-inverse .navbar-nav > .active > a:hover,
+.navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: transparent;
}
-.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
+.navbar-inverse .navbar-nav > .disabled > a,
+.navbar-inverse .navbar-nav > .disabled > a:hover,
+.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #999;
background-color: transparent;
}
@@ -4547,7 +4751,8 @@ fieldset[disabled] .navbar-default .btn-link:focus {
border-color: #333;
}
-.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
+.navbar-inverse .navbar-toggle:hover,
+.navbar-inverse .navbar-toggle:focus {
background-color: transparent;
}
@@ -4560,7 +4765,9 @@ fieldset[disabled] .navbar-default .btn-link:focus {
border-color: #101010;
}
-.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
+.navbar-inverse .navbar-nav > .open > a,
+.navbar-inverse .navbar-nav > .open > a:hover,
+.navbar-inverse .navbar-nav > .open > a:focus {
background-color: transparent;
color: #fff;
}
@@ -4575,15 +4782,20 @@ fieldset[disabled] .navbar-default .btn-link:focus {
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #fff;
}
- .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
+ .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
+ .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent;
}
- .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: transparent;
}
- .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #999;
background-color: transparent;
}
@@ -4601,11 +4813,13 @@ fieldset[disabled] .navbar-default .btn-link:focus {
color: #fff;
}
-.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
+.navbar-inverse .btn-link:hover,
+.navbar-inverse .btn-link:focus {
color: #fff;
}
-.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
+.navbar-inverse .btn-link[disabled]:hover,
+.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #999;
@@ -4624,7 +4838,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
}
.breadcrumb > li + li:before {
- content: "/ ";
+ content: "/\\00a0";
padding: 0 5px;
color: #ccc;
}
@@ -4670,7 +4884,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
border-top-right-radius: 3px;
}
-.pagination > li > a:hover, .pagination > li > a:focus,
+.pagination > li > a:hover,
+.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
z-index: 3;
@@ -4679,7 +4894,9 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
border-color: #ddd;
}
-.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
+.pagination > .active > a,
+.pagination > .active > a:hover,
+.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
@@ -4747,7 +4964,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
text-align: center;
}
-.pager:before, .pager:after {
+.pager:before,
+.pager:after {
content: " ";
display: table;
}
@@ -4796,7 +5014,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
.label {
display: inline;
- padding: .2em .6em .3em;
+ padding: 0.2em 0.6em 0.3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
@@ -4816,7 +5034,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
top: -1px;
}
-a.label:hover, a.label:focus {
+a.label:hover,
+a.label:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
@@ -4826,7 +5045,8 @@ a.label:hover, a.label:focus {
background-color: #999;
}
-.label-default[href]:hover, .label-default[href]:focus {
+.label-default[href]:hover,
+.label-default[href]:focus {
background-color: gray;
}
@@ -4834,7 +5054,8 @@ a.label:hover, a.label:focus {
background-color: #3a393b;
}
-.label-primary[href]:hover, .label-primary[href]:focus {
+.label-primary[href]:hover,
+.label-primary[href]:focus {
background-color: #212021;
}
@@ -4842,7 +5063,8 @@ a.label:hover, a.label:focus {
background-color: #5cb85c;
}
-.label-success[href]:hover, .label-success[href]:focus {
+.label-success[href]:hover,
+.label-success[href]:focus {
background-color: #449d44;
}
@@ -4850,7 +5072,8 @@ a.label:hover, a.label:focus {
background-color: #5bc0de;
}
-.label-info[href]:hover, .label-info[href]:focus {
+.label-info[href]:hover,
+.label-info[href]:focus {
background-color: #31b0d5;
}
@@ -4858,7 +5081,8 @@ a.label:hover, a.label:focus {
background-color: #f0ad4e;
}
-.label-warning[href]:hover, .label-warning[href]:focus {
+.label-warning[href]:hover,
+.label-warning[href]:focus {
background-color: #ec971f;
}
@@ -4866,7 +5090,8 @@ a.label:hover, a.label:focus {
background-color: #d9534f;
}
-.label-danger[href]:hover, .label-danger[href]:focus {
+.label-danger[href]:hover,
+.label-danger[href]:focus {
background-color: #c9302c;
}
@@ -4894,7 +5119,8 @@ a.label:hover, a.label:focus {
top: -1px;
}
-.btn-xs .badge, .btn-group-xs > .btn .badge,
+.btn-xs .badge,
+.btn-group-xs > .btn .badge,
.btn-group-xs > .btn .badge {
top: 0;
padding: 1px 5px;
@@ -4918,7 +5144,8 @@ a.label:hover, a.label:focus {
margin-left: 3px;
}
-a.badge:hover, a.badge:focus {
+a.badge:hover,
+a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
@@ -5038,13 +5265,11 @@ a.thumbnail.active {
margin-top: 5px;
}
-.alert-dismissable,
-.alert-dismissible {
+.alert-dismissable, .alert-dismissible {
padding-right: 8px 15px20;
}
-.alert-dismissable .close,
-.alert-dismissible .close {
+.alert-dismissable .close, .alert-dismissible .close {
opacity: 1;
position: absolute;
top: 6px;
@@ -5063,7 +5288,7 @@ a.thumbnail.active {
}
.alert-success .alert-link {
- color: #535353;
+ color: #525252;
}
.alert-info {
@@ -5077,7 +5302,7 @@ a.thumbnail.active {
}
.alert-info .alert-link {
- color: #535353;
+ color: #525252;
}
.alert-warning {
@@ -5091,7 +5316,7 @@ a.thumbnail.active {
}
.alert-warning .alert-link {
- color: #535353;
+ color: #525252;
}
.alert-danger {
@@ -5105,7 +5330,7 @@ a.thumbnail.active {
}
.alert-danger .alert-link {
- color: #535353;
+ color: #525252;
}
@-webkit-keyframes progress-bar-stripes {
@@ -5303,7 +5528,8 @@ button.list-group-item .list-group-item-heading {
color: #333;
}
-a.list-group-item:hover, a.list-group-item:focus,
+a.list-group-item:hover,
+a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
text-decoration: none;
@@ -5316,21 +5542,29 @@ button.list-group-item {
text-align: left;
}
-.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
+.list-group-item.disabled,
+.list-group-item.disabled:hover,
+.list-group-item.disabled:focus {
background-color: #fff;
color: #999;
cursor: not-allowed;
}
-.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
+.list-group-item.disabled .list-group-item-heading,
+.list-group-item.disabled:hover .list-group-item-heading,
+.list-group-item.disabled:focus .list-group-item-heading {
color: inherit;
}
-.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 {
+.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: #999;
}
-.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
+.list-group-item.active,
+.list-group-item.active:hover,
+.list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #3a393b;
@@ -5339,15 +5573,19 @@ button.list-group-item {
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
-.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
+.list-group-item.active .list-group-item-heading > .small,
+.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
-.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
+.list-group-item.active:hover .list-group-item-heading > .small,
+.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
color: inherit;
}
-.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 {
+.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: #a09ea2;
}
@@ -5366,14 +5604,17 @@ button.list-group-item-success .list-group-item-heading {
color: inherit;
}
-a.list-group-item-success:hover, a.list-group-item-success:focus,
+a.list-group-item-success:hover,
+a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
color: #6c6c6c;
background-color: #cedeba;
}
-a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
+a.list-group-item-success.active,
+a.list-group-item-success.active:hover,
+a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
@@ -5397,14 +5638,17 @@ button.list-group-item-info .list-group-item-heading {
color: inherit;
}
-a.list-group-item-info:hover, a.list-group-item-info:focus,
+a.list-group-item-info:hover,
+a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
color: #6c6c6c;
background-color: #c4e3f3;
}
-a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
+a.list-group-item-info.active,
+a.list-group-item-info.active:hover,
+a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
@@ -5428,14 +5672,17 @@ button.list-group-item-warning .list-group-item-heading {
color: inherit;
}
-a.list-group-item-warning:hover, a.list-group-item-warning:focus,
+a.list-group-item-warning:hover,
+a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
color: #6c6c6c;
background-color: #ecd9ad;
}
-a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
+a.list-group-item-warning.active,
+a.list-group-item-warning.active:hover,
+a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
@@ -5459,14 +5706,17 @@ button.list-group-item-danger .list-group-item-heading {
color: inherit;
}
-a.list-group-item-danger:hover, a.list-group-item-danger:focus,
+a.list-group-item-danger:hover,
+a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
color: #6c6c6c;
background-color: #e3b0b5;
}
-a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
+a.list-group-item-danger.active,
+a.list-group-item-danger.active:hover,
+a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
@@ -5498,7 +5748,8 @@ button.list-group-item-danger.active:focus {
padding: 11px 0;
}
-.panel-body:before, .panel-body:after {
+.panel-body:before,
+.panel-body:after {
content: " ";
display: table;
}
@@ -5973,7 +6224,8 @@ button.list-group-item-danger.active:focus {
filter: alpha(opacity=20);
}
-.close:hover, .close:focus {
+.close:hover,
+.close:focus {
color: #555;
text-decoration: none;
cursor: pointer;
@@ -6101,7 +6353,8 @@ button.close {
background-color: #8cc63f;
}
-.modal-footer:before, .modal-footer:after {
+.modal-footer:before,
+.modal-footer:after {
content: " ";
display: table;
}
@@ -6417,7 +6670,8 @@ button.close {
padding: 9px 14px;
}
-.popover > .arrow, .popover > .arrow:after {
+.popover > .arrow,
+.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
@@ -6503,7 +6757,8 @@ button.close {
bottom: -10px;
}
-.clearfix:before, .clearfix:after {
+.clearfix:before,
+.clearfix:after {
content: " ";
display: table;
}
diff --git a/ui/css/src/modules/_wok-forms.scss b/ui/css/src/modules/_wok-forms.scss
index ed118f8..d426a60 100644
--- a/ui/css/src/modules/_wok-forms.scss
+++ b/ui/css/src/modules/_wok-forms.scss
@@ -28,6 +28,31 @@ label {
font-family: $font-family-base;
}
+// Form feedback classes
+
+.form-control-feedback {
+ width: 16px;
+ height: 16px;
+}
+
+.has-feedback label ~ .form-control-feedback {
+ top: 43px;
+ margin-right: 10px;
+}
+
+.has-feedback .form-control-feedback {
+ display: none;
+}
+
+.has-loading .form-control-feedback.wok-loading-icon {
+ display: block;
+ margin-right: 10px;
+ top: 41px;
+ height: 19px;
+ width: 19px;
+ margin-right: 10px;
+}
+
// Custom check-boxes and radios
input[type=checkbox].wok-checkbox,
input[type=radio].wok-radio {
diff --git a/ui/css/wok.css b/ui/css/wok.css
index 32e60cb..c2fb62d 100644
--- a/ui/css/wok.css
+++ b/ui/css/wok.css
@@ -805,6 +805,29 @@ label {
font-family: "Open Sans", Helvetica, Arial, "Lucida Grande", sans-serif;
}
+.form-control-feedback {
+ width: 16px;
+ height: 16px;
+}
+
+.has-feedback label ~ .form-control-feedback {
+ top: 43px;
+ margin-right: 10px;
+}
+
+.has-feedback .form-control-feedback {
+ display: none;
+}
+
+.has-loading .form-control-feedback.wok-loading-icon {
+ display: block;
+ margin-right: 10px;
+ top: 41px;
+ height: 19px;
+ width: 19px;
+ margin-right: 10px;
+}
+
input[type=checkbox].wok-checkbox,
input[type=radio].wok-radio {
opacity: 0;
--
1.9.3
More information about the Kimchi-devel
mailing list