|
@@ -15,6 +15,7 @@
|
|
|
See the License for the specific language governing permissions and
|
|
See the License for the specific language governing permissions and
|
|
|
limitations under the License.
|
|
limitations under the License.
|
|
|
*/
|
|
*/
|
|
|
|
|
+@import (reference) "hue-mixins.less";
|
|
|
|
|
|
|
|
@-webkit-keyframes spinner {
|
|
@-webkit-keyframes spinner {
|
|
|
from {
|
|
from {
|
|
@@ -33,116 +34,106 @@
|
|
|
background: #FFFFFF;
|
|
background: #FFFFFF;
|
|
|
border: 1px solid #E0E2E3;
|
|
border: 1px solid #E0E2E3;
|
|
|
border-radius: 4px;
|
|
border-radius: 4px;
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.login-container a {
|
|
|
|
|
- white-space: normal;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.login-container .logo {
|
|
|
|
|
- background-color: #FFF;
|
|
|
|
|
- width: 70px;
|
|
|
|
|
- height: 70px;
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- -webkit-border-radius: 35px;
|
|
|
|
|
- -moz-border-radius: 35px;
|
|
|
|
|
- border-radius: 35px;
|
|
|
|
|
- margin-left: auto;
|
|
|
|
|
- margin-right: auto;
|
|
|
|
|
- margin-top: 35px;
|
|
|
|
|
- margin-bottom: 35px;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.login-container .empty-logo {
|
|
|
|
|
- background-color: #FFF;
|
|
|
|
|
- width: 70px;
|
|
|
|
|
- height: 70px;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.login-container .logo img {
|
|
|
|
|
- margin-top: 2px;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.login-container form {
|
|
|
|
|
- margin-left: 75px;
|
|
|
|
|
- margin-right: 75px;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.login-container form input[type='submit'], .login-container form select {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
-}
|
|
|
|
|
|
|
+ a {
|
|
|
|
|
+ white-space: normal;
|
|
|
|
|
+ }
|
|
|
|
|
+ .logo {
|
|
|
|
|
+ background-color: #FFF;
|
|
|
|
|
+ width: 70px;
|
|
|
|
|
+ height: 70px;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ -webkit-border-radius: 35px;
|
|
|
|
|
+ -moz-border-radius: 35px;
|
|
|
|
|
+ border-radius: 35px;
|
|
|
|
|
+ margin-left: auto;
|
|
|
|
|
+ margin-right: auto;
|
|
|
|
|
+ margin-top: 35px;
|
|
|
|
|
+ margin-bottom: 35px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .empty-logo {
|
|
|
|
|
+ background-color: #FFF;
|
|
|
|
|
+ width: 70px;
|
|
|
|
|
+ height: 70px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .logo img {
|
|
|
|
|
+ margin-top: 2px;
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
-.login-container form .text-input {
|
|
|
|
|
- padding: 0 10px 2px 10px;
|
|
|
|
|
- border: 1px solid #E0E2E3;
|
|
|
|
|
- border-radius: 3px;
|
|
|
|
|
- margin-bottom: 20px;
|
|
|
|
|
-}
|
|
|
|
|
|
|
+ form {
|
|
|
|
|
+ margin-left: 75px;
|
|
|
|
|
+ margin-right: 75px;
|
|
|
|
|
+ input[type='submit'], .login-container form select {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ }
|
|
|
|
|
+ .text-input {
|
|
|
|
|
+ padding: 0 10px 2px 10px;
|
|
|
|
|
+ border: 1px solid #E0E2E3;
|
|
|
|
|
+ border-radius: 3px;
|
|
|
|
|
+ margin-bottom: 20px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .text-input.error {
|
|
|
|
|
+ border-color: #D0021B;
|
|
|
|
|
+ }
|
|
|
|
|
+ ul.errorlist li {
|
|
|
|
|
+ color: #D0021B;
|
|
|
|
|
+ padding: 0;
|
|
|
|
|
+ font-weight: normal;
|
|
|
|
|
+ font-style: normal;
|
|
|
|
|
+ margin-top: -10px;
|
|
|
|
|
+ margin-bottom: 20px;
|
|
|
|
|
+ }
|
|
|
|
|
+ input[type='text'], input[type='password'], input[type='text']:hover, input[type='password']:hover {
|
|
|
|
|
+ padding: 0;
|
|
|
|
|
+ border: none;
|
|
|
|
|
+ box-shadow: none;
|
|
|
|
|
+ background: #FFFFFF;
|
|
|
|
|
+ height: 45px;
|
|
|
|
|
+ font-size: 16px;
|
|
|
|
|
+ color: #9e9e9e;
|
|
|
|
|
+ font-weight: 400;
|
|
|
|
|
+ resize: none;
|
|
|
|
|
+ margin: 0;
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ input[type='submit'] {
|
|
|
|
|
+ height: 45px;
|
|
|
|
|
+ min-height: 45px;
|
|
|
|
|
+ font-weight: normal;
|
|
|
|
|
+ text-shadow: none;
|
|
|
|
|
+ margin-left: 0;
|
|
|
|
|
+ border-radius: 3px;
|
|
|
|
|
+ font-size: 16px;
|
|
|
|
|
+ margin-bottom: 55px;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
-.login-container form .text-input.error {
|
|
|
|
|
- border-color: #D0021B;
|
|
|
|
|
-}
|
|
|
|
|
|
|
+ h4 {
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ margin-bottom: 20px;
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
-.login-container form ul.errorlist li {
|
|
|
|
|
- color: #D0021B;
|
|
|
|
|
- padding: 0;
|
|
|
|
|
- font-weight: normal;
|
|
|
|
|
- font-style: normal;
|
|
|
|
|
- margin-top: -10px;
|
|
|
|
|
- margin-bottom: 20px;
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
:-webkit-autofill, :-webkit-autofill:focus {
|
|
:-webkit-autofill, :-webkit-autofill:focus {
|
|
|
- -webkit-box-shadow: 0 0 0px 1000px white inset!important;
|
|
|
|
|
- -webkit-text-fill-color: #9e9e9e!important;
|
|
|
|
|
|
|
+ -webkit-box-shadow: 0 0 0px 1000px white inset !important;
|
|
|
|
|
+ -webkit-text-fill-color: #9e9e9e !important;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
::-webkit-input-placeholder {
|
|
::-webkit-input-placeholder {
|
|
|
- color: #CCD1D9!important;
|
|
|
|
|
|
|
+ color: #CCD1D9 !important;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
:-moz-placeholder { /* Firefox 18- */
|
|
:-moz-placeholder { /* Firefox 18- */
|
|
|
- color: #CCD1D9!important;
|
|
|
|
|
|
|
+ color: #CCD1D9 !important;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-::-moz-placeholder { /* Firefox 19+ */
|
|
|
|
|
- color: #CCD1D9!important;
|
|
|
|
|
|
|
+::-moz-placeholder { /* Firefox 19+ */
|
|
|
|
|
+ color: #CCD1D9 !important;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
:-ms-input-placeholder {
|
|
:-ms-input-placeholder {
|
|
|
- color: #CCD1D9!important;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.login-container form input[type='text'], .login-container form input[type='password'], .login-container form input[type='text']:hover, .login-container form input[type='password']:hover {
|
|
|
|
|
- padding: 0;
|
|
|
|
|
- border: none;
|
|
|
|
|
- box-shadow: none;
|
|
|
|
|
- background: #FFFFFF;
|
|
|
|
|
- height: 45px;
|
|
|
|
|
- font-size: 16px;
|
|
|
|
|
- color: #9e9e9e;
|
|
|
|
|
- font-weight: 400;
|
|
|
|
|
- resize: none;
|
|
|
|
|
- margin: 0;
|
|
|
|
|
- width: 100%;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.login-container form input[type='submit'] {
|
|
|
|
|
- height: 45px;
|
|
|
|
|
- min-height: 45px;
|
|
|
|
|
- font-weight: normal;
|
|
|
|
|
- text-shadow: none;
|
|
|
|
|
- margin-left: 0;
|
|
|
|
|
- background: #338BB8;
|
|
|
|
|
- border-color: #338BB8;
|
|
|
|
|
- border-radius: 3px;
|
|
|
|
|
- font-size: 16px;
|
|
|
|
|
- margin-bottom: 55px;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.login-container h4 {
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- margin-bottom: 20px;
|
|
|
|
|
|
|
+ color: #CCD1D9 !important;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.tooltip {
|
|
.tooltip {
|
|
@@ -160,15 +151,18 @@
|
|
|
|
|
|
|
|
@media screen and (max-width: 800px) {
|
|
@media screen and (max-width: 800px) {
|
|
|
body {
|
|
body {
|
|
|
- padding-top: 40px!important;
|
|
|
|
|
|
|
+ padding-top: 40px !important;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.login-box {
|
|
.login-box {
|
|
|
width: 300px;
|
|
width: 300px;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.login-container form {
|
|
.login-container form {
|
|
|
margin-left: 10px;
|
|
margin-left: 10px;
|
|
|
margin-right: 10px;
|
|
margin-right: 10px;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.login-container form input[type='submit'] {
|
|
.login-container form input[type='submit'] {
|
|
|
margin-bottom: 20px;
|
|
margin-bottom: 20px;
|
|
|
}
|
|
}
|
|
@@ -186,4 +180,3 @@
|
|
|
background: transparent;
|
|
background: transparent;
|
|
|
border: none;
|
|
border: none;
|
|
|
}
|
|
}
|
|
|
-
|
|
|