hover背景色、圆角
This commit is contained in:
parent
60debeb961
commit
e44fbddd2e
|
@ -6,7 +6,7 @@
|
||||||
background: rgb(224,224,224);
|
background: rgb(224,224,224);
|
||||||
border: 1px solid rgb(224,224,224);
|
border: 1px solid rgb(224,224,224);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
color: rgb(0,0,0);
|
color: rgb(33,33,33);
|
||||||
position: relative;
|
position: relative;
|
||||||
min-width: 72px;
|
min-width: 72px;
|
||||||
padding: 4px 13px;
|
padding: 4px 13px;
|
||||||
|
@ -27,7 +27,7 @@
|
||||||
.u-button::-moz-focus-inner {
|
.u-button::-moz-focus-inner {
|
||||||
border: 0; }
|
border: 0; }
|
||||||
.u-button:hover {
|
.u-button:hover {
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(238,238,238);
|
||||||
border-color: rgb(238,238,238); }
|
border-color: rgb(238,238,238); }
|
||||||
.u-button:active {
|
.u-button:active {
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(189,189,189);
|
||||||
|
@ -35,7 +35,7 @@
|
||||||
.u-button.colored {
|
.u-button.colored {
|
||||||
color: rgb(245, 60, 50); }
|
color: rgb(245, 60, 50); }
|
||||||
.u-button.colored:focus:not(:active) {
|
.u-button.colored:focus:not(:active) {
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(238,238,238);
|
||||||
border-color: rgb(189,189,189); }
|
border-color: rgb(189,189,189); }
|
||||||
.u-button.disable {
|
.u-button.disable {
|
||||||
-webkit-box-shadow: none;
|
-webkit-box-shadow: none;
|
||||||
|
@ -83,42 +83,36 @@ input.u-button[type="submit"] {
|
||||||
border-color: #adadad; }
|
border-color: #adadad; }
|
||||||
|
|
||||||
.u-button-border {
|
.u-button-border {
|
||||||
color: rgb(0,0,0);
|
color: rgb(33,33,33);
|
||||||
border: 1px solid rgb(165, 173, 186);
|
border: 1px solid rgb(165, 173, 186);
|
||||||
background: rgb(255,255,255); }
|
background: rgb(255,255,255); }
|
||||||
.u-button-border:hover {
|
.u-button-border:hover {
|
||||||
color: rgb(0,0,0);
|
color: rgb(33,33,33);
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(238,238,238);
|
||||||
border-color: rgb(165, 173, 186); }
|
border-color: rgb(165, 173, 186); }
|
||||||
.u-button-border:active {
|
.u-button-border:active {
|
||||||
color: rgb(0,0,0);
|
color: rgb(33,33,33);
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(238,238,238);
|
||||||
border-color: rgb(165, 173, 186); }
|
border-color: rgb(165, 173, 186); }
|
||||||
|
|
||||||
.u-button.u-button-primary {
|
.u-button.u-button-primary {
|
||||||
color: rgb(255,255,255);
|
color: rgb(255,255,255);
|
||||||
background-color: rgb(245, 60, 50);
|
background-color: rgb(245, 60, 50);
|
||||||
border: 1px rgb(245, 60, 50) solid; }
|
border: 1px rgb(245, 60, 50) solid; }
|
||||||
.u-button.u-button-primary:hover {
|
.u-button.u-button-primary.focus, .u-button.u-button-primary:focus, .u-button.u-button-primary:hover {
|
||||||
background-color: rgb(230, 0, 18);
|
background-color: rgb(230, 0, 18);
|
||||||
border-color: rgb(230, 0, 18); }
|
border-color: rgb(230, 0, 18); }
|
||||||
.u-button.u-button-primary.focus, .u-button.u-button-primary:focus, .u-button.u-button-primary.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(245, 60, 50);
|
|
||||||
border-color: rgb(245, 60, 50); }
|
|
||||||
.u-button.u-button-primary.active, .u-button.u-button-primary:active {
|
.u-button.u-button-primary.active, .u-button.u-button-primary:active {
|
||||||
background-color: rgb(230, 0, 18);
|
background-color: rgb(230, 0, 18);
|
||||||
border-color: rgb(230, 0, 18); }
|
border-color: rgb(230, 0, 18); }
|
||||||
|
|
||||||
.u-button.u-button-secondary {
|
.u-button.u-button-secondary {
|
||||||
color: rgb(0,0,0);
|
color: rgb(33,33,33);
|
||||||
background-color: rgb(224,224,224);
|
background-color: rgb(224,224,224);
|
||||||
border: 1px rgb(224,224,224) solid; }
|
border: 1px rgb(224,224,224) solid; }
|
||||||
.u-button.u-button-secondary:hover {
|
.u-button.u-button-secondary.focus, .u-button.u-button-secondary:focus, .u-button.u-button-secondary:hover {
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(189,189,189);
|
||||||
border-color: rgb(189,189,189); }
|
border-color: rgb(189,189,189); }
|
||||||
.u-button.u-button-secondary.focus, .u-button.u-button-secondary:focus, .u-button.u-button-secondary.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(224,224,224);
|
|
||||||
border-color: rgb(224,224,224); }
|
|
||||||
.u-button.u-button-secondary.active, .u-button.u-button-secondary:active {
|
.u-button.u-button-secondary.active, .u-button.u-button-secondary:active {
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(189,189,189);
|
||||||
border-color: rgb(189,189,189); }
|
border-color: rgb(189,189,189); }
|
||||||
|
@ -127,12 +121,9 @@ input.u-button[type="submit"] {
|
||||||
color: rgb(255,255,255);
|
color: rgb(255,255,255);
|
||||||
background-color: rgb(244,67,54);
|
background-color: rgb(244,67,54);
|
||||||
border: 1px rgb(244,67,54) solid; }
|
border: 1px rgb(244,67,54) solid; }
|
||||||
.u-button.u-button-danger:hover {
|
.u-button.u-button-danger.focus, .u-button.u-button-danger:focus, .u-button.u-button-danger:hover {
|
||||||
background-color: rgb(229,115,115);
|
background-color: rgb(211,47,47);
|
||||||
border-color: rgb(229,115,115); }
|
border-color: rgb(211,47,47); }
|
||||||
.u-button.u-button-danger.focus, .u-button.u-button-danger:focus, .u-button.u-button-danger.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(244,67,54);
|
|
||||||
border-color: rgb(244,67,54); }
|
|
||||||
.u-button.u-button-danger.active, .u-button.u-button-danger:active {
|
.u-button.u-button-danger.active, .u-button.u-button-danger:active {
|
||||||
background-color: rgb(211,47,47);
|
background-color: rgb(211,47,47);
|
||||||
border-color: rgb(211,47,47); }
|
border-color: rgb(211,47,47); }
|
||||||
|
@ -141,12 +132,9 @@ input.u-button[type="submit"] {
|
||||||
color: rgb(255,255,255);
|
color: rgb(255,255,255);
|
||||||
background-color: rgb(0,188,212);
|
background-color: rgb(0,188,212);
|
||||||
border: 1px rgb(0,188,212) solid; }
|
border: 1px rgb(0,188,212) solid; }
|
||||||
.u-button.u-button-info:hover {
|
.u-button.u-button-info.focus, .u-button.u-button-info:focus, .u-button.u-button-info:hover {
|
||||||
background-color: rgb(77,208,225);
|
background-color: rgb(0,151,167);
|
||||||
border-color: rgb(77,208,225); }
|
border-color: rgb(0,151,167); }
|
||||||
.u-button.u-button-info.focus, .u-button.u-button-info:focus, .u-button.u-button-info.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(0,188,212);
|
|
||||||
border-color: rgb(0,188,212); }
|
|
||||||
.u-button.u-button-info.active, .u-button.u-button-info:active {
|
.u-button.u-button-info.active, .u-button.u-button-info:active {
|
||||||
background-color: rgb(0,151,167);
|
background-color: rgb(0,151,167);
|
||||||
border-color: rgb(0,151,167); }
|
border-color: rgb(0,151,167); }
|
||||||
|
@ -155,12 +143,9 @@ input.u-button[type="submit"] {
|
||||||
color: rgb(255,255,255);
|
color: rgb(255,255,255);
|
||||||
background-color: rgb(255,152,0);
|
background-color: rgb(255,152,0);
|
||||||
border: 1px rgb(255,152,0) solid; }
|
border: 1px rgb(255,152,0) solid; }
|
||||||
.u-button.u-button-warning:hover {
|
.u-button.u-button-warning.focus, .u-button.u-button-warning:focus, .u-button.u-button-warning:hover {
|
||||||
background-color: rgb(255,183,77);
|
background-color: rgb(245,124,0);
|
||||||
border-color: rgb(255,183,77); }
|
border-color: rgb(245,124,0); }
|
||||||
.u-button.u-button-warning.focus, .u-button.u-button-warning:focus, .u-button.u-button-warning.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(255,152,0);
|
|
||||||
border-color: rgb(255,152,0); }
|
|
||||||
.u-button.u-button-warning.active, .u-button.u-button-warning:active {
|
.u-button.u-button-warning.active, .u-button.u-button-warning:active {
|
||||||
background-color: rgb(245,124,0);
|
background-color: rgb(245,124,0);
|
||||||
border-color: rgb(245,124,0); }
|
border-color: rgb(245,124,0); }
|
||||||
|
@ -169,12 +154,9 @@ input.u-button[type="submit"] {
|
||||||
color: rgb(255,255,255);
|
color: rgb(255,255,255);
|
||||||
background-color: rgb(76,175,80);
|
background-color: rgb(76,175,80);
|
||||||
border: 1px rgb(76,175,80) solid; }
|
border: 1px rgb(76,175,80) solid; }
|
||||||
.u-button.u-button-success:hover {
|
.u-button.u-button-success.focus, .u-button.u-button-success:focus, .u-button.u-button-success:hover {
|
||||||
background-color: rgb(129,199,132);
|
background-color: rgb(56,142,60);
|
||||||
border-color: rgb(129,199,132); }
|
border-color: rgb(56,142,60); }
|
||||||
.u-button.u-button-success.focus, .u-button.u-button-success:focus, .u-button.u-button-success.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(76,175,80);
|
|
||||||
border-color: rgb(76,175,80); }
|
|
||||||
.u-button.u-button-success.active, .u-button.u-button-success:active {
|
.u-button.u-button-success.active, .u-button.u-button-success:active {
|
||||||
background-color: rgb(56,142,60);
|
background-color: rgb(56,142,60);
|
||||||
border-color: rgb(56,142,60); }
|
border-color: rgb(56,142,60); }
|
||||||
|
@ -183,12 +165,9 @@ input.u-button[type="submit"] {
|
||||||
color: rgb(255,255,255);
|
color: rgb(255,255,255);
|
||||||
background-color: rgb(97,97,97);
|
background-color: rgb(97,97,97);
|
||||||
border: 1px rgb(97,97,97) solid; }
|
border: 1px rgb(97,97,97) solid; }
|
||||||
.u-button.u-button-dark:hover {
|
.u-button.u-button-dark.focus, .u-button.u-button-dark:focus, .u-button.u-button-dark:hover {
|
||||||
background-color: rgb(117,117,117);
|
background-color: rgb(66,66,66);
|
||||||
border-color: rgb(117,117,117); }
|
border-color: rgb(66,66,66); }
|
||||||
.u-button.u-button-dark.focus, .u-button.u-button-dark:focus, .u-button.u-button-dark.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(97,97,97);
|
|
||||||
border-color: rgb(97,97,97); }
|
|
||||||
.u-button.u-button-dark.active, .u-button.u-button-dark:active {
|
.u-button.u-button-dark.active, .u-button.u-button-dark:active {
|
||||||
background-color: rgb(66,66,66);
|
background-color: rgb(66,66,66);
|
||||||
border-color: rgb(66,66,66); }
|
border-color: rgb(66,66,66); }
|
||||||
|
@ -197,12 +176,9 @@ input.u-button[type="submit"] {
|
||||||
color: rgb(97,97,97);
|
color: rgb(97,97,97);
|
||||||
background-color: rgb(255,255,255);
|
background-color: rgb(255,255,255);
|
||||||
border: 1px rgb(255,255,255) solid; }
|
border: 1px rgb(255,255,255) solid; }
|
||||||
.u-button.u-button-light:hover {
|
.u-button.u-button-light.focus, .u-button.u-button-light:focus, .u-button.u-button-light:hover {
|
||||||
background-color: rgb(238,238,238);
|
background-color: rgb(189,189,189);
|
||||||
border-color: rgb(238,238,238); }
|
border-color: rgb(189,189,189); }
|
||||||
.u-button.u-button-light.focus, .u-button.u-button-light:focus, .u-button.u-button-light.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(255,255,255);
|
|
||||||
border-color: rgb(255,255,255); }
|
|
||||||
.u-button.u-button-light.active, .u-button.u-button-light:active {
|
.u-button.u-button-light.active, .u-button.u-button-light:active {
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(189,189,189);
|
||||||
border-color: rgb(189,189,189); }
|
border-color: rgb(189,189,189); }
|
||||||
|
@ -212,8 +188,8 @@ input.u-button[type="submit"] {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px rgb(76,175,80) solid; }
|
border: 1px rgb(76,175,80) solid; }
|
||||||
.u-button-border.u-button-success.focus, .u-button-border.u-button-success:focus, .u-button-border.u-button-success:hover {
|
.u-button-border.u-button-success.focus, .u-button-border.u-button-success:focus, .u-button-border.u-button-success:hover {
|
||||||
background-color: rgb(129,199,132);
|
background-color: rgb(56,142,60);
|
||||||
border-color: rgb(129,199,132);
|
border-color: rgb(56,142,60);
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
.u-button-border.u-button-success.active, .u-button-border.u-button-success:active {
|
.u-button-border.u-button-success.active, .u-button-border.u-button-success:active {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -225,8 +201,8 @@ input.u-button[type="submit"] {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px rgb(255,152,0) solid; }
|
border: 1px rgb(255,152,0) solid; }
|
||||||
.u-button-border.u-button-warning.focus, .u-button-border.u-button-warning:focus, .u-button-border.u-button-warning:hover {
|
.u-button-border.u-button-warning.focus, .u-button-border.u-button-warning:focus, .u-button-border.u-button-warning:hover {
|
||||||
background-color: rgb(255,183,77);
|
background-color: rgb(245,124,0);
|
||||||
border-color: rgb(255,183,77);
|
border-color: rgb(245,124,0);
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
.u-button-border.u-button-warning.active, .u-button-border.u-button-warning:active {
|
.u-button-border.u-button-warning.active, .u-button-border.u-button-warning:active {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -238,8 +214,8 @@ input.u-button[type="submit"] {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px rgb(244,67,54) solid; }
|
border: 1px rgb(244,67,54) solid; }
|
||||||
.u-button-border.u-button-danger.focus, .u-button-border.u-button-danger:focus, .u-button-border.u-button-danger:hover {
|
.u-button-border.u-button-danger.focus, .u-button-border.u-button-danger:focus, .u-button-border.u-button-danger:hover {
|
||||||
background-color: rgb(229,115,115);
|
background-color: rgb(211,47,47);
|
||||||
border-color: rgb(229,115,115);
|
border-color: rgb(211,47,47);
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
.u-button-border.u-button-danger.active, .u-button-border.u-button-danger:active {
|
.u-button-border.u-button-danger.active, .u-button-border.u-button-danger:active {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -251,8 +227,8 @@ input.u-button[type="submit"] {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px rgb(0,188,212) solid; }
|
border: 1px rgb(0,188,212) solid; }
|
||||||
.u-button-border.u-button-info.focus, .u-button-border.u-button-info:focus, .u-button-border.u-button-info:hover {
|
.u-button-border.u-button-info.focus, .u-button-border.u-button-info:focus, .u-button-border.u-button-info:hover {
|
||||||
background-color: rgb(77,208,225);
|
background-color: rgb(0,151,167);
|
||||||
border-color: rgb(77,208,225);
|
border-color: rgb(0,151,167);
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
.u-button-border.u-button-info.active, .u-button-border.u-button-info:active {
|
.u-button-border.u-button-info.active, .u-button-border.u-button-info:active {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -290,8 +266,8 @@ input.u-button[type="submit"] {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px rgb(97,97,97) solid; }
|
border: 1px rgb(97,97,97) solid; }
|
||||||
.u-button-border.u-button-dark.focus, .u-button-border.u-button-dark:focus, .u-button-border.u-button-dark:hover {
|
.u-button-border.u-button-dark.focus, .u-button-border.u-button-dark:focus, .u-button-border.u-button-dark:hover {
|
||||||
background-color: rgb(117,117,117);
|
background-color: rgb(66,66,66);
|
||||||
border-color: rgb(117,117,117);
|
border-color: rgb(66,66,66);
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
.u-button-border.u-button-dark.active, .u-button-border.u-button-dark:active {
|
.u-button-border.u-button-dark.active, .u-button-border.u-button-dark:active {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -303,8 +279,8 @@ input.u-button[type="submit"] {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px rgb(255,255,255) solid; }
|
border: 1px rgb(255,255,255) solid; }
|
||||||
.u-button-border.u-button-light.focus, .u-button-border.u-button-light:focus, .u-button-border.u-button-light:hover {
|
.u-button-border.u-button-light.focus, .u-button-border.u-button-light:focus, .u-button-border.u-button-light:hover {
|
||||||
background-color: rgb(238,238,238);
|
background-color: rgb(189,189,189);
|
||||||
border-color: rgb(238,238,238);
|
border-color: rgb(189,189,189);
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
.u-button-border.u-button-light.active, .u-button-border.u-button-light:active {
|
.u-button-border.u-button-light.active, .u-button-border.u-button-light:active {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -362,14 +338,14 @@ input.u-button[type="submit"] {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 12px;
|
padding: 0 12px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 32px;
|
height: 30px;
|
||||||
cursor: text;
|
cursor: text;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
color: #424242;
|
color: #424242;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
border: 1px solid rgb(165, 173, 186);
|
border: 1px solid #bdbdbd;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
transition: all .3s; }
|
transition: all .3s; }
|
||||||
.u-form-control:focus {
|
.u-form-control:focus {
|
||||||
|
@ -385,12 +361,12 @@ input.u-button[type="submit"] {
|
||||||
cursor: not-allowed; }
|
cursor: not-allowed; }
|
||||||
|
|
||||||
.u-form-control.lg {
|
.u-form-control.lg {
|
||||||
height: 40px;
|
height: 38px;
|
||||||
font-size: 14px; }
|
font-size: 14px; }
|
||||||
|
|
||||||
.u-form-control.sm {
|
.u-form-control.sm {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
height: 26px; }
|
height: 24px; }
|
||||||
|
|
||||||
.u-form-control-search-wrapper {
|
.u-form-control-search-wrapper {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -1526,36 +1502,6 @@ input.u-button[type="submit"] {
|
||||||
.uf-filterno:before {
|
.uf-filterno:before {
|
||||||
content: "\e9d1"; }
|
content: "\e9d1"; }
|
||||||
|
|
||||||
.uf-clean:before {
|
|
||||||
content: "\e9d2"; }
|
|
||||||
|
|
||||||
.uf-save:before {
|
|
||||||
content: "\e9d3"; }
|
|
||||||
|
|
||||||
.uf-export:before {
|
|
||||||
content: "\e9d4"; }
|
|
||||||
|
|
||||||
.uf-import:before {
|
|
||||||
content: "\e9d5"; }
|
|
||||||
|
|
||||||
.uf-stop-c:before {
|
|
||||||
content: "\e9d6"; }
|
|
||||||
|
|
||||||
.uf-rubber:before {
|
|
||||||
content: "\e9d7"; }
|
|
||||||
|
|
||||||
.uf-bediting:before {
|
|
||||||
content: "\e9d8"; }
|
|
||||||
|
|
||||||
.uf-maxmize:before {
|
|
||||||
content: "\e9d9"; }
|
|
||||||
|
|
||||||
.uf-minimize:before {
|
|
||||||
content: "\e9da"; }
|
|
||||||
|
|
||||||
.uf-globe:before {
|
|
||||||
content: "\e9db"; }
|
|
||||||
|
|
||||||
.u-transfer {
|
.u-transfer {
|
||||||
position: relative;
|
position: relative;
|
||||||
line-height: 1.5; }
|
line-height: 1.5; }
|
||||||
|
@ -1629,7 +1575,7 @@ input.u-button[type="submit"] {
|
||||||
transition: all 0.3s ease; }
|
transition: all 0.3s ease; }
|
||||||
.u-transfer-list-content-item:not(.u-transfer-list-content-item-disabled):hover {
|
.u-transfer-list-content-item:not(.u-transfer-list-content-item-disabled):hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background-color: #ecf6fd; }
|
background-color: rgb(235, 236, 240); }
|
||||||
.u-transfer-list-content-item-disabled {
|
.u-transfer-list-content-item-disabled {
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
color: rgba(0, 0, 0, 0.25); }
|
color: rgba(0, 0, 0, 0.25); }
|
||||||
|
@ -1649,7 +1595,7 @@ input.u-button[type="submit"] {
|
||||||
display: block; }
|
display: block; }
|
||||||
.u-transfer-list-footer {
|
.u-transfer-list-footer {
|
||||||
border-top: 1px solid #e9e9e9;
|
border-top: 1px solid #e9e9e9;
|
||||||
border-radius: 0 0 3px 3px;
|
border-radius: 0 0 4px 4px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -2181,12 +2181,12 @@
|
||||||
.text-accent-contrast {
|
.text-accent-contrast {
|
||||||
color: rgb(255,255,255) !important; }
|
color: rgb(255,255,255) !important; }
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* 保护有用的浏览器默认样式而不是完全去掉它们
|
* 保护有用的浏览器默认样式而不是完全去掉它们
|
||||||
* 一般化的样式:为大部分HTML元素提供
|
* 一般化的样式:为大部分HTML元素提供
|
||||||
* 修复浏览器自身的bug并保证各浏览器的一致性
|
* 修复浏览器自身的bug并保证各浏览器的一致性
|
||||||
* 优化CSS可用性:用一些小技巧
|
* 优化CSS可用性:用一些小技巧
|
||||||
* 解释代码:用注释和详细的文档来
|
* 解释代码:用注释和详细的文档来
|
||||||
*/
|
*/
|
||||||
html {
|
html {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -2196,25 +2196,25 @@ html {
|
||||||
-ms-text-size-adjust: 100%;
|
-ms-text-size-adjust: 100%;
|
||||||
-webkit-text-size-adjust: 100%; }
|
-webkit-text-size-adjust: 100%; }
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* 使body占据整个屏幕删除body边距,因此布局容器不会导致额外的溢出。
|
* 使body占据整个屏幕删除body边距,因此布局容器不会导致额外的溢出。
|
||||||
* 去掉默认的margin
|
* 去掉默认的margin
|
||||||
*/
|
*/
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%; }
|
height: 100%; }
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* 主显示屏复位为IE支持
|
* 主显示屏复位为IE支持
|
||||||
* Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011
|
* Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011
|
||||||
*/
|
*/
|
||||||
main {
|
main {
|
||||||
display: block; }
|
display: block; }
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* 对具有hidden属性的元素不应用显示。
|
* 对具有hidden属性的元素不应用显示。
|
||||||
* IE 9 and 10 support.
|
* IE 9 and 10 support.
|
||||||
*/
|
*/
|
||||||
*[hidden] {
|
*[hidden] {
|
||||||
display: none !important; }
|
display: none !important; }
|
||||||
|
@ -2415,15 +2415,15 @@ body {
|
||||||
i.uf {
|
i.uf {
|
||||||
padding: 0 5px; }
|
padding: 0 5px; }
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* 选择时删除文本阴影,及设置默认选中颜色
|
* 选择时删除文本阴影,及设置默认选中颜色
|
||||||
*/
|
*/
|
||||||
::selection {
|
::selection {
|
||||||
background: rgb(187,222,251);
|
background: rgb(187,222,251);
|
||||||
text-shadow: none; }
|
text-shadow: none; }
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* 默认水平规则
|
* 默认水平规则
|
||||||
*/
|
*/
|
||||||
hr {
|
hr {
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -2433,8 +2433,8 @@ hr {
|
||||||
margin: 1em 0;
|
margin: 1em 0;
|
||||||
padding: 0; }
|
padding: 0; }
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* 删除音频,画布,iframes,图像,视频和其容器底部之间的差距
|
* 删除音频,画布,iframes,图像,视频和其容器底部之间的差距
|
||||||
*/
|
*/
|
||||||
audio,
|
audio,
|
||||||
canvas,
|
canvas,
|
||||||
|
@ -2444,14 +2444,14 @@ svg,
|
||||||
video {
|
video {
|
||||||
vertical-align: middle; }
|
vertical-align: middle; }
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* 仅允许垂直调整textareas的大小
|
* 仅允许垂直调整textareas的大小
|
||||||
*/
|
*/
|
||||||
textarea {
|
textarea {
|
||||||
resize: vertical; }
|
resize: vertical; }
|
||||||
|
|
||||||
/* ==========================================================================
|
/* ==========================================================================
|
||||||
浏览器升级提示
|
浏览器升级提示
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
.browserupgrade {
|
.browserupgrade {
|
||||||
margin: 0.2em 0;
|
margin: 0.2em 0;
|
||||||
|
@ -2459,8 +2459,8 @@ textarea {
|
||||||
color: #000;
|
color: #000;
|
||||||
padding: 0.2em 0; }
|
padding: 0.2em 0; }
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* 适用于屏幕阅读器的隐藏
|
* 适用于屏幕阅读器的隐藏
|
||||||
*/
|
*/
|
||||||
.visuallyhidden {
|
.visuallyhidden {
|
||||||
border: 0;
|
border: 0;
|
||||||
|
@ -2472,9 +2472,9 @@ textarea {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 1px; }
|
width: 1px; }
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* 扩展.visuallyhidden类以允许元素在通过键盘导航时是可对焦的:
|
* 扩展.visuallyhidden类以允许元素在通过键盘导航时是可对焦的:
|
||||||
* https://www.drupal.org/node/897638
|
* https://www.drupal.org/node/897638
|
||||||
*/
|
*/
|
||||||
.visuallyhidden.focusable:active,
|
.visuallyhidden.focusable:active,
|
||||||
.visuallyhidden.focusable:focus {
|
.visuallyhidden.focusable:focus {
|
||||||
|
@ -2485,9 +2485,9 @@ textarea {
|
||||||
position: static;
|
position: static;
|
||||||
width: auto; }
|
width: auto; }
|
||||||
|
|
||||||
/* ==========================================================================
|
/* ==========================================================================
|
||||||
打印样式。内联以避免额外的HTTP请求
|
打印样式。内联以避免额外的HTTP请求
|
||||||
|
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@media print {
|
@media print {
|
||||||
*,
|
*,
|
||||||
|
@ -2507,9 +2507,9 @@ textarea {
|
||||||
content: " (" attr(href) ")"; }
|
content: " (" attr(href) ")"; }
|
||||||
abbr[title]:after {
|
abbr[title]:after {
|
||||||
content: " (" attr(title) ")"; }
|
content: " (" attr(title) ")"; }
|
||||||
/*
|
/*
|
||||||
* 不显示片段标识符的链接,
|
* 不显示片段标识符的链接,
|
||||||
* 或使用`javascript:`伪协议
|
* 或使用`javascript:`伪协议
|
||||||
*/
|
*/
|
||||||
a[href^="#"]:after,
|
a[href^="#"]:after,
|
||||||
a[href^="javascript:"]:after {
|
a[href^="javascript:"]:after {
|
||||||
|
@ -2518,9 +2518,9 @@ textarea {
|
||||||
blockquote {
|
blockquote {
|
||||||
border: 1px solid #999;
|
border: 1px solid #999;
|
||||||
page-break-inside: avoid; }
|
page-break-inside: avoid; }
|
||||||
/*
|
/*
|
||||||
* 打印表格:
|
* 打印表格:
|
||||||
* http://css-discuss.incutio.com/wiki/Printing_Tables
|
* http://css-discuss.incutio.com/wiki/Printing_Tables
|
||||||
*/
|
*/
|
||||||
thead {
|
thead {
|
||||||
display: table-header-group; }
|
display: table-header-group; }
|
||||||
|
@ -2538,8 +2538,8 @@ textarea {
|
||||||
h3 {
|
h3 {
|
||||||
page-break-after: avoid; } }
|
page-break-after: avoid; } }
|
||||||
|
|
||||||
/*
|
/*
|
||||||
*删除FAB按钮周围的不需要的框 ,主要兼容ios的safari和部分android
|
*删除FAB按钮周围的不需要的框 ,主要兼容ios的safari和部分android
|
||||||
**/
|
**/
|
||||||
a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
|
a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
|
||||||
.mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {
|
.mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {
|
||||||
|
@ -5264,7 +5264,7 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
|
||||||
background: rgb(224,224,224);
|
background: rgb(224,224,224);
|
||||||
border: 1px solid rgb(224,224,224);
|
border: 1px solid rgb(224,224,224);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
color: rgb(0,0,0);
|
color: rgb(33,33,33);
|
||||||
position: relative;
|
position: relative;
|
||||||
min-width: 72px;
|
min-width: 72px;
|
||||||
padding: 4px 13px;
|
padding: 4px 13px;
|
||||||
|
@ -5285,7 +5285,7 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
|
||||||
.u-button::-moz-focus-inner {
|
.u-button::-moz-focus-inner {
|
||||||
border: 0; }
|
border: 0; }
|
||||||
.u-button:hover {
|
.u-button:hover {
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(238,238,238);
|
||||||
border-color: rgb(238,238,238); }
|
border-color: rgb(238,238,238); }
|
||||||
.u-button:active {
|
.u-button:active {
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(189,189,189);
|
||||||
|
@ -5293,7 +5293,7 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
|
||||||
.u-button.colored {
|
.u-button.colored {
|
||||||
color: rgb(245, 60, 50); }
|
color: rgb(245, 60, 50); }
|
||||||
.u-button.colored:focus:not(:active) {
|
.u-button.colored:focus:not(:active) {
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(238,238,238);
|
||||||
border-color: rgb(189,189,189); }
|
border-color: rgb(189,189,189); }
|
||||||
.u-button.disable {
|
.u-button.disable {
|
||||||
-webkit-box-shadow: none;
|
-webkit-box-shadow: none;
|
||||||
|
@ -5341,42 +5341,36 @@ input.u-button[type="submit"] {
|
||||||
border-color: #adadad; }
|
border-color: #adadad; }
|
||||||
|
|
||||||
.u-button-border {
|
.u-button-border {
|
||||||
color: rgb(0,0,0);
|
color: rgb(33,33,33);
|
||||||
border: 1px solid rgb(165, 173, 186);
|
border: 1px solid rgb(165, 173, 186);
|
||||||
background: rgb(255,255,255); }
|
background: rgb(255,255,255); }
|
||||||
.u-button-border:hover {
|
.u-button-border:hover {
|
||||||
color: rgb(0,0,0);
|
color: rgb(33,33,33);
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(238,238,238);
|
||||||
border-color: rgb(165, 173, 186); }
|
border-color: rgb(165, 173, 186); }
|
||||||
.u-button-border:active {
|
.u-button-border:active {
|
||||||
color: rgb(0,0,0);
|
color: rgb(33,33,33);
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(238,238,238);
|
||||||
border-color: rgb(165, 173, 186); }
|
border-color: rgb(165, 173, 186); }
|
||||||
|
|
||||||
.u-button.u-button-primary {
|
.u-button.u-button-primary {
|
||||||
color: rgb(255,255,255);
|
color: rgb(255,255,255);
|
||||||
background-color: rgb(245, 60, 50);
|
background-color: rgb(245, 60, 50);
|
||||||
border: 1px rgb(245, 60, 50) solid; }
|
border: 1px rgb(245, 60, 50) solid; }
|
||||||
.u-button.u-button-primary:hover {
|
.u-button.u-button-primary.focus, .u-button.u-button-primary:focus, .u-button.u-button-primary:hover {
|
||||||
background-color: rgb(230, 0, 18);
|
background-color: rgb(230, 0, 18);
|
||||||
border-color: rgb(230, 0, 18); }
|
border-color: rgb(230, 0, 18); }
|
||||||
.u-button.u-button-primary.focus, .u-button.u-button-primary:focus, .u-button.u-button-primary.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(245, 60, 50);
|
|
||||||
border-color: rgb(245, 60, 50); }
|
|
||||||
.u-button.u-button-primary.active, .u-button.u-button-primary:active {
|
.u-button.u-button-primary.active, .u-button.u-button-primary:active {
|
||||||
background-color: rgb(230, 0, 18);
|
background-color: rgb(230, 0, 18);
|
||||||
border-color: rgb(230, 0, 18); }
|
border-color: rgb(230, 0, 18); }
|
||||||
|
|
||||||
.u-button.u-button-secondary {
|
.u-button.u-button-secondary {
|
||||||
color: rgb(0,0,0);
|
color: rgb(33,33,33);
|
||||||
background-color: rgb(224,224,224);
|
background-color: rgb(224,224,224);
|
||||||
border: 1px rgb(224,224,224) solid; }
|
border: 1px rgb(224,224,224) solid; }
|
||||||
.u-button.u-button-secondary:hover {
|
.u-button.u-button-secondary.focus, .u-button.u-button-secondary:focus, .u-button.u-button-secondary:hover {
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(189,189,189);
|
||||||
border-color: rgb(189,189,189); }
|
border-color: rgb(189,189,189); }
|
||||||
.u-button.u-button-secondary.focus, .u-button.u-button-secondary:focus, .u-button.u-button-secondary.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(224,224,224);
|
|
||||||
border-color: rgb(224,224,224); }
|
|
||||||
.u-button.u-button-secondary.active, .u-button.u-button-secondary:active {
|
.u-button.u-button-secondary.active, .u-button.u-button-secondary:active {
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(189,189,189);
|
||||||
border-color: rgb(189,189,189); }
|
border-color: rgb(189,189,189); }
|
||||||
|
@ -5385,12 +5379,9 @@ input.u-button[type="submit"] {
|
||||||
color: rgb(255,255,255);
|
color: rgb(255,255,255);
|
||||||
background-color: rgb(244,67,54);
|
background-color: rgb(244,67,54);
|
||||||
border: 1px rgb(244,67,54) solid; }
|
border: 1px rgb(244,67,54) solid; }
|
||||||
.u-button.u-button-danger:hover {
|
.u-button.u-button-danger.focus, .u-button.u-button-danger:focus, .u-button.u-button-danger:hover {
|
||||||
background-color: rgb(229,115,115);
|
background-color: rgb(211,47,47);
|
||||||
border-color: rgb(229,115,115); }
|
border-color: rgb(211,47,47); }
|
||||||
.u-button.u-button-danger.focus, .u-button.u-button-danger:focus, .u-button.u-button-danger.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(244,67,54);
|
|
||||||
border-color: rgb(244,67,54); }
|
|
||||||
.u-button.u-button-danger.active, .u-button.u-button-danger:active {
|
.u-button.u-button-danger.active, .u-button.u-button-danger:active {
|
||||||
background-color: rgb(211,47,47);
|
background-color: rgb(211,47,47);
|
||||||
border-color: rgb(211,47,47); }
|
border-color: rgb(211,47,47); }
|
||||||
|
@ -5399,12 +5390,9 @@ input.u-button[type="submit"] {
|
||||||
color: rgb(255,255,255);
|
color: rgb(255,255,255);
|
||||||
background-color: rgb(0,188,212);
|
background-color: rgb(0,188,212);
|
||||||
border: 1px rgb(0,188,212) solid; }
|
border: 1px rgb(0,188,212) solid; }
|
||||||
.u-button.u-button-info:hover {
|
.u-button.u-button-info.focus, .u-button.u-button-info:focus, .u-button.u-button-info:hover {
|
||||||
background-color: rgb(77,208,225);
|
background-color: rgb(0,151,167);
|
||||||
border-color: rgb(77,208,225); }
|
border-color: rgb(0,151,167); }
|
||||||
.u-button.u-button-info.focus, .u-button.u-button-info:focus, .u-button.u-button-info.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(0,188,212);
|
|
||||||
border-color: rgb(0,188,212); }
|
|
||||||
.u-button.u-button-info.active, .u-button.u-button-info:active {
|
.u-button.u-button-info.active, .u-button.u-button-info:active {
|
||||||
background-color: rgb(0,151,167);
|
background-color: rgb(0,151,167);
|
||||||
border-color: rgb(0,151,167); }
|
border-color: rgb(0,151,167); }
|
||||||
|
@ -5413,12 +5401,9 @@ input.u-button[type="submit"] {
|
||||||
color: rgb(255,255,255);
|
color: rgb(255,255,255);
|
||||||
background-color: rgb(255,152,0);
|
background-color: rgb(255,152,0);
|
||||||
border: 1px rgb(255,152,0) solid; }
|
border: 1px rgb(255,152,0) solid; }
|
||||||
.u-button.u-button-warning:hover {
|
.u-button.u-button-warning.focus, .u-button.u-button-warning:focus, .u-button.u-button-warning:hover {
|
||||||
background-color: rgb(255,183,77);
|
background-color: rgb(245,124,0);
|
||||||
border-color: rgb(255,183,77); }
|
border-color: rgb(245,124,0); }
|
||||||
.u-button.u-button-warning.focus, .u-button.u-button-warning:focus, .u-button.u-button-warning.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(255,152,0);
|
|
||||||
border-color: rgb(255,152,0); }
|
|
||||||
.u-button.u-button-warning.active, .u-button.u-button-warning:active {
|
.u-button.u-button-warning.active, .u-button.u-button-warning:active {
|
||||||
background-color: rgb(245,124,0);
|
background-color: rgb(245,124,0);
|
||||||
border-color: rgb(245,124,0); }
|
border-color: rgb(245,124,0); }
|
||||||
|
@ -5427,12 +5412,9 @@ input.u-button[type="submit"] {
|
||||||
color: rgb(255,255,255);
|
color: rgb(255,255,255);
|
||||||
background-color: rgb(76,175,80);
|
background-color: rgb(76,175,80);
|
||||||
border: 1px rgb(76,175,80) solid; }
|
border: 1px rgb(76,175,80) solid; }
|
||||||
.u-button.u-button-success:hover {
|
.u-button.u-button-success.focus, .u-button.u-button-success:focus, .u-button.u-button-success:hover {
|
||||||
background-color: rgb(129,199,132);
|
background-color: rgb(56,142,60);
|
||||||
border-color: rgb(129,199,132); }
|
border-color: rgb(56,142,60); }
|
||||||
.u-button.u-button-success.focus, .u-button.u-button-success:focus, .u-button.u-button-success.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(76,175,80);
|
|
||||||
border-color: rgb(76,175,80); }
|
|
||||||
.u-button.u-button-success.active, .u-button.u-button-success:active {
|
.u-button.u-button-success.active, .u-button.u-button-success:active {
|
||||||
background-color: rgb(56,142,60);
|
background-color: rgb(56,142,60);
|
||||||
border-color: rgb(56,142,60); }
|
border-color: rgb(56,142,60); }
|
||||||
|
@ -5441,12 +5423,9 @@ input.u-button[type="submit"] {
|
||||||
color: rgb(255,255,255);
|
color: rgb(255,255,255);
|
||||||
background-color: rgb(97,97,97);
|
background-color: rgb(97,97,97);
|
||||||
border: 1px rgb(97,97,97) solid; }
|
border: 1px rgb(97,97,97) solid; }
|
||||||
.u-button.u-button-dark:hover {
|
.u-button.u-button-dark.focus, .u-button.u-button-dark:focus, .u-button.u-button-dark:hover {
|
||||||
background-color: rgb(117,117,117);
|
background-color: rgb(66,66,66);
|
||||||
border-color: rgb(117,117,117); }
|
border-color: rgb(66,66,66); }
|
||||||
.u-button.u-button-dark.focus, .u-button.u-button-dark:focus, .u-button.u-button-dark.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(97,97,97);
|
|
||||||
border-color: rgb(97,97,97); }
|
|
||||||
.u-button.u-button-dark.active, .u-button.u-button-dark:active {
|
.u-button.u-button-dark.active, .u-button.u-button-dark:active {
|
||||||
background-color: rgb(66,66,66);
|
background-color: rgb(66,66,66);
|
||||||
border-color: rgb(66,66,66); }
|
border-color: rgb(66,66,66); }
|
||||||
|
@ -5455,12 +5434,9 @@ input.u-button[type="submit"] {
|
||||||
color: rgb(97,97,97);
|
color: rgb(97,97,97);
|
||||||
background-color: rgb(255,255,255);
|
background-color: rgb(255,255,255);
|
||||||
border: 1px rgb(255,255,255) solid; }
|
border: 1px rgb(255,255,255) solid; }
|
||||||
.u-button.u-button-light:hover {
|
.u-button.u-button-light.focus, .u-button.u-button-light:focus, .u-button.u-button-light:hover {
|
||||||
background-color: rgb(238,238,238);
|
background-color: rgb(189,189,189);
|
||||||
border-color: rgb(238,238,238); }
|
border-color: rgb(189,189,189); }
|
||||||
.u-button.u-button-light.focus, .u-button.u-button-light:focus, .u-button.u-button-light.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(255,255,255);
|
|
||||||
border-color: rgb(255,255,255); }
|
|
||||||
.u-button.u-button-light.active, .u-button.u-button-light:active {
|
.u-button.u-button-light.active, .u-button.u-button-light:active {
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(189,189,189);
|
||||||
border-color: rgb(189,189,189); }
|
border-color: rgb(189,189,189); }
|
||||||
|
@ -5470,8 +5446,8 @@ input.u-button[type="submit"] {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px rgb(76,175,80) solid; }
|
border: 1px rgb(76,175,80) solid; }
|
||||||
.u-button-border.u-button-success.focus, .u-button-border.u-button-success:focus, .u-button-border.u-button-success:hover {
|
.u-button-border.u-button-success.focus, .u-button-border.u-button-success:focus, .u-button-border.u-button-success:hover {
|
||||||
background-color: rgb(129,199,132);
|
background-color: rgb(56,142,60);
|
||||||
border-color: rgb(129,199,132);
|
border-color: rgb(56,142,60);
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
.u-button-border.u-button-success.active, .u-button-border.u-button-success:active {
|
.u-button-border.u-button-success.active, .u-button-border.u-button-success:active {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -5483,8 +5459,8 @@ input.u-button[type="submit"] {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px rgb(255,152,0) solid; }
|
border: 1px rgb(255,152,0) solid; }
|
||||||
.u-button-border.u-button-warning.focus, .u-button-border.u-button-warning:focus, .u-button-border.u-button-warning:hover {
|
.u-button-border.u-button-warning.focus, .u-button-border.u-button-warning:focus, .u-button-border.u-button-warning:hover {
|
||||||
background-color: rgb(255,183,77);
|
background-color: rgb(245,124,0);
|
||||||
border-color: rgb(255,183,77);
|
border-color: rgb(245,124,0);
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
.u-button-border.u-button-warning.active, .u-button-border.u-button-warning:active {
|
.u-button-border.u-button-warning.active, .u-button-border.u-button-warning:active {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -5496,8 +5472,8 @@ input.u-button[type="submit"] {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px rgb(244,67,54) solid; }
|
border: 1px rgb(244,67,54) solid; }
|
||||||
.u-button-border.u-button-danger.focus, .u-button-border.u-button-danger:focus, .u-button-border.u-button-danger:hover {
|
.u-button-border.u-button-danger.focus, .u-button-border.u-button-danger:focus, .u-button-border.u-button-danger:hover {
|
||||||
background-color: rgb(229,115,115);
|
background-color: rgb(211,47,47);
|
||||||
border-color: rgb(229,115,115);
|
border-color: rgb(211,47,47);
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
.u-button-border.u-button-danger.active, .u-button-border.u-button-danger:active {
|
.u-button-border.u-button-danger.active, .u-button-border.u-button-danger:active {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -5509,8 +5485,8 @@ input.u-button[type="submit"] {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px rgb(0,188,212) solid; }
|
border: 1px rgb(0,188,212) solid; }
|
||||||
.u-button-border.u-button-info.focus, .u-button-border.u-button-info:focus, .u-button-border.u-button-info:hover {
|
.u-button-border.u-button-info.focus, .u-button-border.u-button-info:focus, .u-button-border.u-button-info:hover {
|
||||||
background-color: rgb(77,208,225);
|
background-color: rgb(0,151,167);
|
||||||
border-color: rgb(77,208,225);
|
border-color: rgb(0,151,167);
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
.u-button-border.u-button-info.active, .u-button-border.u-button-info:active {
|
.u-button-border.u-button-info.active, .u-button-border.u-button-info:active {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -5548,8 +5524,8 @@ input.u-button[type="submit"] {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px rgb(97,97,97) solid; }
|
border: 1px rgb(97,97,97) solid; }
|
||||||
.u-button-border.u-button-dark.focus, .u-button-border.u-button-dark:focus, .u-button-border.u-button-dark:hover {
|
.u-button-border.u-button-dark.focus, .u-button-border.u-button-dark:focus, .u-button-border.u-button-dark:hover {
|
||||||
background-color: rgb(117,117,117);
|
background-color: rgb(66,66,66);
|
||||||
border-color: rgb(117,117,117);
|
border-color: rgb(66,66,66);
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
.u-button-border.u-button-dark.active, .u-button-border.u-button-dark:active {
|
.u-button-border.u-button-dark.active, .u-button-border.u-button-dark:active {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -5561,8 +5537,8 @@ input.u-button[type="submit"] {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px rgb(255,255,255) solid; }
|
border: 1px rgb(255,255,255) solid; }
|
||||||
.u-button-border.u-button-light.focus, .u-button-border.u-button-light:focus, .u-button-border.u-button-light:hover {
|
.u-button-border.u-button-light.focus, .u-button-border.u-button-light:focus, .u-button-border.u-button-light:hover {
|
||||||
background-color: rgb(238,238,238);
|
background-color: rgb(189,189,189);
|
||||||
border-color: rgb(238,238,238);
|
border-color: rgb(189,189,189);
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
.u-button-border.u-button-light.active, .u-button-border.u-button-light:active {
|
.u-button-border.u-button-light.active, .u-button-border.u-button-light:active {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -5620,14 +5596,14 @@ input.u-button[type="submit"] {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 12px;
|
padding: 0 12px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 32px;
|
height: 30px;
|
||||||
cursor: text;
|
cursor: text;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
color: #424242;
|
color: #424242;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
border: 1px solid rgb(165, 173, 186);
|
border: 1px solid #bdbdbd;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
transition: all .3s; }
|
transition: all .3s; }
|
||||||
.u-form-control:focus {
|
.u-form-control:focus {
|
||||||
|
@ -5643,12 +5619,12 @@ input.u-button[type="submit"] {
|
||||||
cursor: not-allowed; }
|
cursor: not-allowed; }
|
||||||
|
|
||||||
.u-form-control.lg {
|
.u-form-control.lg {
|
||||||
height: 40px;
|
height: 38px;
|
||||||
font-size: 14px; }
|
font-size: 14px; }
|
||||||
|
|
||||||
.u-form-control.sm {
|
.u-form-control.sm {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
height: 26px; }
|
height: 24px; }
|
||||||
|
|
||||||
.u-form-control-search-wrapper {
|
.u-form-control-search-wrapper {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -6765,36 +6741,6 @@ input.u-button[type="submit"] {
|
||||||
.uf-filterno:before {
|
.uf-filterno:before {
|
||||||
content: "\e9d1"; }
|
content: "\e9d1"; }
|
||||||
|
|
||||||
.uf-clean:before {
|
|
||||||
content: "\e9d2"; }
|
|
||||||
|
|
||||||
.uf-save:before {
|
|
||||||
content: "\e9d3"; }
|
|
||||||
|
|
||||||
.uf-export:before {
|
|
||||||
content: "\e9d4"; }
|
|
||||||
|
|
||||||
.uf-import:before {
|
|
||||||
content: "\e9d5"; }
|
|
||||||
|
|
||||||
.uf-stop-c:before {
|
|
||||||
content: "\e9d6"; }
|
|
||||||
|
|
||||||
.uf-rubber:before {
|
|
||||||
content: "\e9d7"; }
|
|
||||||
|
|
||||||
.uf-bediting:before {
|
|
||||||
content: "\e9d8"; }
|
|
||||||
|
|
||||||
.uf-maxmize:before {
|
|
||||||
content: "\e9d9"; }
|
|
||||||
|
|
||||||
.uf-minimize:before {
|
|
||||||
content: "\e9da"; }
|
|
||||||
|
|
||||||
.uf-globe:before {
|
|
||||||
content: "\e9db"; }
|
|
||||||
|
|
||||||
.u-transfer {
|
.u-transfer {
|
||||||
position: relative;
|
position: relative;
|
||||||
line-height: 1.5; }
|
line-height: 1.5; }
|
||||||
|
@ -6868,7 +6814,7 @@ input.u-button[type="submit"] {
|
||||||
transition: all 0.3s ease; }
|
transition: all 0.3s ease; }
|
||||||
.u-transfer-list-content-item:not(.u-transfer-list-content-item-disabled):hover {
|
.u-transfer-list-content-item:not(.u-transfer-list-content-item-disabled):hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background-color: #ecf6fd; }
|
background-color: rgb(235, 236, 240); }
|
||||||
.u-transfer-list-content-item-disabled {
|
.u-transfer-list-content-item-disabled {
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
color: rgba(0, 0, 0, 0.25); }
|
color: rgba(0, 0, 0, 0.25); }
|
||||||
|
@ -6888,7 +6834,7 @@ input.u-button[type="submit"] {
|
||||||
display: block; }
|
display: block; }
|
||||||
.u-transfer-list-footer {
|
.u-transfer-list-footer {
|
||||||
border-top: 1px solid #e9e9e9;
|
border-top: 1px solid #e9e9e9;
|
||||||
border-radius: 0 0 3px 3px;
|
border-radius: 0 0 4px 4px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
@ -6975,7 +6921,7 @@ input.u-button[type="submit"] {
|
||||||
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
|
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
border-radius: 3px; }
|
border-radius: 4px; }
|
||||||
.u-panel .u-panel-heading {
|
.u-panel .u-panel-heading {
|
||||||
border-top-left-radius: 3px;
|
border-top-left-radius: 3px;
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
|
@ -7673,7 +7619,7 @@ input.u-button[type="submit"] {
|
||||||
background: rgb(224,224,224);
|
background: rgb(224,224,224);
|
||||||
border: 1px solid rgb(224,224,224);
|
border: 1px solid rgb(224,224,224);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
color: rgb(0,0,0);
|
color: rgb(33,33,33);
|
||||||
position: relative;
|
position: relative;
|
||||||
min-width: 72px;
|
min-width: 72px;
|
||||||
padding: 4px 13px;
|
padding: 4px 13px;
|
||||||
|
@ -7694,7 +7640,7 @@ input.u-button[type="submit"] {
|
||||||
.u-button::-moz-focus-inner {
|
.u-button::-moz-focus-inner {
|
||||||
border: 0; }
|
border: 0; }
|
||||||
.u-button:hover {
|
.u-button:hover {
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(238,238,238);
|
||||||
border-color: rgb(238,238,238); }
|
border-color: rgb(238,238,238); }
|
||||||
.u-button:active {
|
.u-button:active {
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(189,189,189);
|
||||||
|
@ -7702,7 +7648,7 @@ input.u-button[type="submit"] {
|
||||||
.u-button.colored {
|
.u-button.colored {
|
||||||
color: rgb(245, 60, 50); }
|
color: rgb(245, 60, 50); }
|
||||||
.u-button.colored:focus:not(:active) {
|
.u-button.colored:focus:not(:active) {
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(238,238,238);
|
||||||
border-color: rgb(189,189,189); }
|
border-color: rgb(189,189,189); }
|
||||||
.u-button.disable {
|
.u-button.disable {
|
||||||
-webkit-box-shadow: none;
|
-webkit-box-shadow: none;
|
||||||
|
@ -7723,7 +7669,7 @@ input.u-button[type="submit"] {
|
||||||
width: 38px;
|
width: 38px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
line-height: normal;
|
line-height: normal;
|
||||||
border: 1px solid rgb(165, 173, 186); }
|
border: 1px solid rgb(224,224,224); }
|
||||||
.u-button-floating.colored {
|
.u-button-floating.colored {
|
||||||
background: rgb(67,160,71);
|
background: rgb(67,160,71);
|
||||||
color: rgb(255,255,255);
|
color: rgb(255,255,255);
|
||||||
|
@ -7750,42 +7696,36 @@ input.u-button[type="submit"] {
|
||||||
border-color: #adadad; }
|
border-color: #adadad; }
|
||||||
|
|
||||||
.u-button-border {
|
.u-button-border {
|
||||||
color: rgb(0,0,0);
|
color: rgb(33,33,33);
|
||||||
border: 1px solid rgb(165, 173, 186);
|
border: 1px solid rgb(224,224,224);
|
||||||
background: rgb(255,255,255); }
|
background: rgb(255,255,255); }
|
||||||
.u-button-border:hover {
|
.u-button-border:hover {
|
||||||
color: rgb(0,0,0);
|
color: rgb(33,33,33);
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(238,238,238);
|
||||||
border-color: rgb(165, 173, 186); }
|
border-color: rgb(224,224,224); }
|
||||||
.u-button-border:active {
|
.u-button-border:active {
|
||||||
color: rgb(0,0,0);
|
color: rgb(33,33,33);
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(238,238,238);
|
||||||
border-color: rgb(165, 173, 186); }
|
border-color: rgb(224,224,224); }
|
||||||
|
|
||||||
.u-button.u-button-primary {
|
.u-button.u-button-primary {
|
||||||
color: rgb(255,255,255);
|
color: rgb(255,255,255);
|
||||||
background-color: rgb(245, 60, 50);
|
background-color: rgb(245, 60, 50);
|
||||||
border: 1px rgb(245, 60, 50) solid; }
|
border: 1px rgb(245, 60, 50) solid; }
|
||||||
.u-button.u-button-primary:hover {
|
.u-button.u-button-primary.focus, .u-button.u-button-primary:focus, .u-button.u-button-primary:hover {
|
||||||
background-color: rgb(230, 0, 18);
|
background-color: rgb(230, 0, 18);
|
||||||
border-color: rgb(230, 0, 18); }
|
border-color: rgb(230, 0, 18); }
|
||||||
.u-button.u-button-primary.focus, .u-button.u-button-primary:focus, .u-button.u-button-primary.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(245, 60, 50);
|
|
||||||
border-color: rgb(245, 60, 50); }
|
|
||||||
.u-button.u-button-primary.active, .u-button.u-button-primary:active {
|
.u-button.u-button-primary.active, .u-button.u-button-primary:active {
|
||||||
background-color: rgb(230, 0, 18);
|
background-color: rgb(230, 0, 18);
|
||||||
border-color: rgb(230, 0, 18); }
|
border-color: rgb(230, 0, 18); }
|
||||||
|
|
||||||
.u-button.u-button-secondary {
|
.u-button.u-button-secondary {
|
||||||
color: rgb(0,0,0);
|
color: rgb(33,33,33);
|
||||||
background-color: rgb(224,224,224);
|
background-color: rgb(224,224,224);
|
||||||
border: 1px rgb(224,224,224) solid; }
|
border: 1px rgb(224,224,224) solid; }
|
||||||
.u-button.u-button-secondary:hover {
|
.u-button.u-button-secondary.focus, .u-button.u-button-secondary:focus, .u-button.u-button-secondary:hover {
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(189,189,189);
|
||||||
border-color: rgb(189,189,189); }
|
border-color: rgb(189,189,189); }
|
||||||
.u-button.u-button-secondary.focus, .u-button.u-button-secondary:focus, .u-button.u-button-secondary.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(224,224,224);
|
|
||||||
border-color: rgb(224,224,224); }
|
|
||||||
.u-button.u-button-secondary.active, .u-button.u-button-secondary:active {
|
.u-button.u-button-secondary.active, .u-button.u-button-secondary:active {
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(189,189,189);
|
||||||
border-color: rgb(189,189,189); }
|
border-color: rgb(189,189,189); }
|
||||||
|
@ -7794,12 +7734,9 @@ input.u-button[type="submit"] {
|
||||||
color: rgb(255,255,255);
|
color: rgb(255,255,255);
|
||||||
background-color: rgb(244,67,54);
|
background-color: rgb(244,67,54);
|
||||||
border: 1px rgb(244,67,54) solid; }
|
border: 1px rgb(244,67,54) solid; }
|
||||||
.u-button.u-button-danger:hover {
|
.u-button.u-button-danger.focus, .u-button.u-button-danger:focus, .u-button.u-button-danger:hover {
|
||||||
background-color: rgb(229,115,115);
|
background-color: rgb(211,47,47);
|
||||||
border-color: rgb(229,115,115); }
|
border-color: rgb(211,47,47); }
|
||||||
.u-button.u-button-danger.focus, .u-button.u-button-danger:focus, .u-button.u-button-danger.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(244,67,54);
|
|
||||||
border-color: rgb(244,67,54); }
|
|
||||||
.u-button.u-button-danger.active, .u-button.u-button-danger:active {
|
.u-button.u-button-danger.active, .u-button.u-button-danger:active {
|
||||||
background-color: rgb(211,47,47);
|
background-color: rgb(211,47,47);
|
||||||
border-color: rgb(211,47,47); }
|
border-color: rgb(211,47,47); }
|
||||||
|
@ -7808,12 +7745,9 @@ input.u-button[type="submit"] {
|
||||||
color: rgb(255,255,255);
|
color: rgb(255,255,255);
|
||||||
background-color: rgb(0,188,212);
|
background-color: rgb(0,188,212);
|
||||||
border: 1px rgb(0,188,212) solid; }
|
border: 1px rgb(0,188,212) solid; }
|
||||||
.u-button.u-button-info:hover {
|
.u-button.u-button-info.focus, .u-button.u-button-info:focus, .u-button.u-button-info:hover {
|
||||||
background-color: rgb(77,208,225);
|
background-color: rgb(0,151,167);
|
||||||
border-color: rgb(77,208,225); }
|
border-color: rgb(0,151,167); }
|
||||||
.u-button.u-button-info.focus, .u-button.u-button-info:focus, .u-button.u-button-info.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(0,188,212);
|
|
||||||
border-color: rgb(0,188,212); }
|
|
||||||
.u-button.u-button-info.active, .u-button.u-button-info:active {
|
.u-button.u-button-info.active, .u-button.u-button-info:active {
|
||||||
background-color: rgb(0,151,167);
|
background-color: rgb(0,151,167);
|
||||||
border-color: rgb(0,151,167); }
|
border-color: rgb(0,151,167); }
|
||||||
|
@ -7822,12 +7756,9 @@ input.u-button[type="submit"] {
|
||||||
color: rgb(255,255,255);
|
color: rgb(255,255,255);
|
||||||
background-color: rgb(255,152,0);
|
background-color: rgb(255,152,0);
|
||||||
border: 1px rgb(255,152,0) solid; }
|
border: 1px rgb(255,152,0) solid; }
|
||||||
.u-button.u-button-warning:hover {
|
.u-button.u-button-warning.focus, .u-button.u-button-warning:focus, .u-button.u-button-warning:hover {
|
||||||
background-color: rgb(255,183,77);
|
background-color: rgb(245,124,0);
|
||||||
border-color: rgb(255,183,77); }
|
border-color: rgb(245,124,0); }
|
||||||
.u-button.u-button-warning.focus, .u-button.u-button-warning:focus, .u-button.u-button-warning.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(255,152,0);
|
|
||||||
border-color: rgb(255,152,0); }
|
|
||||||
.u-button.u-button-warning.active, .u-button.u-button-warning:active {
|
.u-button.u-button-warning.active, .u-button.u-button-warning:active {
|
||||||
background-color: rgb(245,124,0);
|
background-color: rgb(245,124,0);
|
||||||
border-color: rgb(245,124,0); }
|
border-color: rgb(245,124,0); }
|
||||||
|
@ -7836,12 +7767,9 @@ input.u-button[type="submit"] {
|
||||||
color: rgb(255,255,255);
|
color: rgb(255,255,255);
|
||||||
background-color: rgb(76,175,80);
|
background-color: rgb(76,175,80);
|
||||||
border: 1px rgb(76,175,80) solid; }
|
border: 1px rgb(76,175,80) solid; }
|
||||||
.u-button.u-button-success:hover {
|
.u-button.u-button-success.focus, .u-button.u-button-success:focus, .u-button.u-button-success:hover {
|
||||||
background-color: rgb(129,199,132);
|
background-color: rgb(56,142,60);
|
||||||
border-color: rgb(129,199,132); }
|
border-color: rgb(56,142,60); }
|
||||||
.u-button.u-button-success.focus, .u-button.u-button-success:focus, .u-button.u-button-success.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(76,175,80);
|
|
||||||
border-color: rgb(76,175,80); }
|
|
||||||
.u-button.u-button-success.active, .u-button.u-button-success:active {
|
.u-button.u-button-success.active, .u-button.u-button-success:active {
|
||||||
background-color: rgb(56,142,60);
|
background-color: rgb(56,142,60);
|
||||||
border-color: rgb(56,142,60); }
|
border-color: rgb(56,142,60); }
|
||||||
|
@ -7850,12 +7778,9 @@ input.u-button[type="submit"] {
|
||||||
color: rgb(255,255,255);
|
color: rgb(255,255,255);
|
||||||
background-color: rgb(97,97,97);
|
background-color: rgb(97,97,97);
|
||||||
border: 1px rgb(97,97,97) solid; }
|
border: 1px rgb(97,97,97) solid; }
|
||||||
.u-button.u-button-dark:hover {
|
.u-button.u-button-dark.focus, .u-button.u-button-dark:focus, .u-button.u-button-dark:hover {
|
||||||
background-color: rgb(117,117,117);
|
background-color: rgb(66,66,66);
|
||||||
border-color: rgb(117,117,117); }
|
border-color: rgb(66,66,66); }
|
||||||
.u-button.u-button-dark.focus, .u-button.u-button-dark:focus, .u-button.u-button-dark.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(97,97,97);
|
|
||||||
border-color: rgb(97,97,97); }
|
|
||||||
.u-button.u-button-dark.active, .u-button.u-button-dark:active {
|
.u-button.u-button-dark.active, .u-button.u-button-dark:active {
|
||||||
background-color: rgb(66,66,66);
|
background-color: rgb(66,66,66);
|
||||||
border-color: rgb(66,66,66); }
|
border-color: rgb(66,66,66); }
|
||||||
|
@ -7864,12 +7789,9 @@ input.u-button[type="submit"] {
|
||||||
color: rgb(97,97,97);
|
color: rgb(97,97,97);
|
||||||
background-color: rgb(255,255,255);
|
background-color: rgb(255,255,255);
|
||||||
border: 1px rgb(255,255,255) solid; }
|
border: 1px rgb(255,255,255) solid; }
|
||||||
.u-button.u-button-light:hover {
|
.u-button.u-button-light.focus, .u-button.u-button-light:focus, .u-button.u-button-light:hover {
|
||||||
background-color: rgb(238,238,238);
|
background-color: rgb(189,189,189);
|
||||||
border-color: rgb(238,238,238); }
|
border-color: rgb(189,189,189); }
|
||||||
.u-button.u-button-light.focus, .u-button.u-button-light:focus, .u-button.u-button-light.u-button[disabled]:hover {
|
|
||||||
background-color: rgb(255,255,255);
|
|
||||||
border-color: rgb(255,255,255); }
|
|
||||||
.u-button.u-button-light.active, .u-button.u-button-light:active {
|
.u-button.u-button-light.active, .u-button.u-button-light:active {
|
||||||
background-color: rgb(189,189,189);
|
background-color: rgb(189,189,189);
|
||||||
border-color: rgb(189,189,189); }
|
border-color: rgb(189,189,189); }
|
||||||
|
@ -7879,8 +7801,8 @@ input.u-button[type="submit"] {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px rgb(76,175,80) solid; }
|
border: 1px rgb(76,175,80) solid; }
|
||||||
.u-button-border.u-button-success.focus, .u-button-border.u-button-success:focus, .u-button-border.u-button-success:hover {
|
.u-button-border.u-button-success.focus, .u-button-border.u-button-success:focus, .u-button-border.u-button-success:hover {
|
||||||
background-color: rgb(129,199,132);
|
background-color: rgb(56,142,60);
|
||||||
border-color: rgb(129,199,132);
|
border-color: rgb(56,142,60);
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
.u-button-border.u-button-success.active, .u-button-border.u-button-success:active {
|
.u-button-border.u-button-success.active, .u-button-border.u-button-success:active {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -7892,8 +7814,8 @@ input.u-button[type="submit"] {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px rgb(255,152,0) solid; }
|
border: 1px rgb(255,152,0) solid; }
|
||||||
.u-button-border.u-button-warning.focus, .u-button-border.u-button-warning:focus, .u-button-border.u-button-warning:hover {
|
.u-button-border.u-button-warning.focus, .u-button-border.u-button-warning:focus, .u-button-border.u-button-warning:hover {
|
||||||
background-color: rgb(255,183,77);
|
background-color: rgb(245,124,0);
|
||||||
border-color: rgb(255,183,77);
|
border-color: rgb(245,124,0);
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
.u-button-border.u-button-warning.active, .u-button-border.u-button-warning:active {
|
.u-button-border.u-button-warning.active, .u-button-border.u-button-warning:active {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -7905,8 +7827,8 @@ input.u-button[type="submit"] {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px rgb(244,67,54) solid; }
|
border: 1px rgb(244,67,54) solid; }
|
||||||
.u-button-border.u-button-danger.focus, .u-button-border.u-button-danger:focus, .u-button-border.u-button-danger:hover {
|
.u-button-border.u-button-danger.focus, .u-button-border.u-button-danger:focus, .u-button-border.u-button-danger:hover {
|
||||||
background-color: rgb(229,115,115);
|
background-color: rgb(211,47,47);
|
||||||
border-color: rgb(229,115,115);
|
border-color: rgb(211,47,47);
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
.u-button-border.u-button-danger.active, .u-button-border.u-button-danger:active {
|
.u-button-border.u-button-danger.active, .u-button-border.u-button-danger:active {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -7918,8 +7840,8 @@ input.u-button[type="submit"] {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px rgb(0,188,212) solid; }
|
border: 1px rgb(0,188,212) solid; }
|
||||||
.u-button-border.u-button-info.focus, .u-button-border.u-button-info:focus, .u-button-border.u-button-info:hover {
|
.u-button-border.u-button-info.focus, .u-button-border.u-button-info:focus, .u-button-border.u-button-info:hover {
|
||||||
background-color: rgb(77,208,225);
|
background-color: rgb(0,151,167);
|
||||||
border-color: rgb(77,208,225);
|
border-color: rgb(0,151,167);
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
.u-button-border.u-button-info.active, .u-button-border.u-button-info:active {
|
.u-button-border.u-button-info.active, .u-button-border.u-button-info:active {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -7957,8 +7879,8 @@ input.u-button[type="submit"] {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px rgb(97,97,97) solid; }
|
border: 1px rgb(97,97,97) solid; }
|
||||||
.u-button-border.u-button-dark.focus, .u-button-border.u-button-dark:focus, .u-button-border.u-button-dark:hover {
|
.u-button-border.u-button-dark.focus, .u-button-border.u-button-dark:focus, .u-button-border.u-button-dark:hover {
|
||||||
background-color: rgb(117,117,117);
|
background-color: rgb(66,66,66);
|
||||||
border-color: rgb(117,117,117);
|
border-color: rgb(66,66,66);
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
.u-button-border.u-button-dark.active, .u-button-border.u-button-dark:active {
|
.u-button-border.u-button-dark.active, .u-button-border.u-button-dark:active {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -7970,8 +7892,8 @@ input.u-button[type="submit"] {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px rgb(255,255,255) solid; }
|
border: 1px rgb(255,255,255) solid; }
|
||||||
.u-button-border.u-button-light.focus, .u-button-border.u-button-light:focus, .u-button-border.u-button-light:hover {
|
.u-button-border.u-button-light.focus, .u-button-border.u-button-light:focus, .u-button-border.u-button-light:hover {
|
||||||
background-color: rgb(238,238,238);
|
background-color: rgb(189,189,189);
|
||||||
border-color: rgb(238,238,238);
|
border-color: rgb(189,189,189);
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
.u-button-border.u-button-light.active, .u-button-border.u-button-light:active {
|
.u-button-border.u-button-light.active, .u-button-border.u-button-light:active {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -7987,7 +7909,7 @@ input.u-button[type="submit"] {
|
||||||
width: 32px;
|
width: 32px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
line-height: normal;
|
line-height: normal;
|
||||||
border: 1px solid rgb(165, 173, 186); }
|
border: 1px solid rgb(224,224,224); }
|
||||||
|
|
||||||
.u-button-lg {
|
.u-button-lg {
|
||||||
padding: 8px 15px;
|
padding: 8px 15px;
|
||||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -15,7 +15,7 @@
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
border: 1px solid $transfer-border-gap-color;
|
border: 1px solid $transfer-border-gap-color;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
border-radius: $select-border-radius;
|
border-radius: $border-radius-base;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 180px;
|
width: 180px;
|
||||||
|
@ -51,7 +51,7 @@
|
||||||
|
|
||||||
&-header {
|
&-header {
|
||||||
padding: 7px 15px;
|
padding: 7px 15px;
|
||||||
border-radius: $select-border-radius $select-border-radius 0 0;
|
border-radius: $border-radius-base $border-radius-base 0 0;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
color: rgba(0,0,0,.65);
|
color: rgba(0,0,0,.65);
|
||||||
border-bottom: 1px solid #e9e9e9;//$transfer-border-gap-color;
|
border-bottom: 1px solid #e9e9e9;//$transfer-border-gap-color;
|
||||||
|
@ -102,7 +102,7 @@
|
||||||
|
|
||||||
&-item:not(&-item-disabled):hover {
|
&-item:not(&-item-disabled):hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background-color: #ecf6fd;
|
background-color: $hover-bg-color-base;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-item-disabled {
|
&-item-disabled {
|
||||||
|
|
Loading…
Reference in New Issue