Y-SLD/assets/playkit/examples/css/pages/login.css

123 lines
7.7 KiB
CSS
Raw Normal View History

2024-03-01 11:23:55 +00:00
html {
height: 100%; }
body.page-login {
padding: 0;
min-height: 100%;
height: 100%;
width: 100%;
color: #fff; }
.login-page-header {
position: fixed;
top: 0;
right: 0;
left: 0;
padding: 1.5rem; }
.login-page-header .switch-btns .btn {
border: none;
outline: none;
box-shadow: none;
background: #03a9f4;
border: 1px solid #03a9f4;
color: #fff; }
.login-page-header .switch-btns .btn[disabled] {
background: none;
border-color: #444;
color: gray; }
.form-wrap {
display: none; }
.form-wrap.show {
display: block; }
.login-page-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%; }
.login-page-wrap .side {
width: 100%;
padding: 44px 1.5rem 1.5rem; }
.login-page-wrap .side:first-child {
display: none;
background: #03a9f4; }
.login-page-wrap .side:last-child {
background: #FFFFFF; }
.login-page-wrap .side-content {
padding-left: 1.5rem;
padding-right: 1.5rem; }
@media (min-width: 768px) {
.login-page-wrap .side {
width: 50%;
/*-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%; */ }
.login-page-wrap .side:first-child {
display: block; } }
@media (min-width: 992px) {
.login-page-wrap .side-content {
padding-left: 5rem;
padding-right: 5rem; } }
.form-wrap .form .form-control {
border: none;
outline: none;
box-shadow: none;
padding: .75rem 0px;
border-radius: 0;
background: none;
border-bottom: 1px solid #444;
-webkit-transition: border-bottom-color .5s;
transition: border-bottom-color .5s; }
.form-wrap .form .form-control:focus {
border-bottom-color: #03a9f4;
/* color: #fff;*/
padding-top: .5rem;
padding-bottom: 1rem; }
.form-wrap .form input::-webkit-input-placeholder {
color: #444 !important; }
.form-wrap .form input:-moz-placeholder {
color: #444 !important; }
.form-wrap .form input::-moz-placeholder {
color: #444 !important; }
.form-wrap .form input:-ms-input-placeholder {
color: #444 !important; }
#login-page-slider .item img {
max-width: 100%;
height: 200px; }
#login-page-slider .item p {
font-size: 1rem; }
#login-page-slider .owl-controls {
width: 54px;
margin: 0 auto;
margin-top: 2rem; }
#login-page-slider .owl-controls .owl-page {
display: inline-block;
margin-right: 6px;
width: 12px;
height: 12px;
border-radius: 50%;
background: none;
border: 1px solid #fff;
cursor: pointer; }
#login-page-slider .owl-controls .owl-page.active {
background: #fff; }
.form-wrap{
color : #666;
}
.my-5{
color: #000;
}
input{
color:#000;
}
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvZ2luLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGFBQWEsRUFBRTs7QUFFakI7RUFDRSxXQUFXO0VBQ1gsaUJBQWlCO0VBQ2pCLGFBQWE7RUFDYixZQUFZO0VBQ1osWUFBWSxFQUFFOztBQUVoQjtFQUNFLGdCQUFnQjtFQUNoQixPQUFPO0VBQ1AsU0FBUztFQUNULFFBQVE7RUFDUixnQkFBZ0IsRUFBRTtFQUNsQjtJQUNFLGFBQWE7SUFDYixjQUFjO0lBQ2QsaUJBQWlCO0lBQ2pCLG9CQUFvQjtJQUNwQiwwQkFBMEI7SUFDMUIsWUFBWSxFQUFFO0VBQ2hCO0lBQ0UsaUJBQWlCO0lBQ2pCLG1CQUFtQjtJQUNuQixZQUFZLEVBQUU7O0FBRWxCO0VBQ0UsY0FBYyxFQUFFO0VBQ2hCO0lBQ0UsZUFBZSxFQUFFOztBQUVyQjtFQUNFLHFCQUFjO0VBQWQscUJBQWM7RUFBZCxjQUFjO0VBQ2QsYUFBYSxFQUFFO0VBQ2Y7SUFDRSxZQUFZO0lBQ1osNkJBQTZCLEVBQUU7RUFDakM7SUFDRSxjQUFjO0lBQ2Qsb0JBQW9CLEVBQUU7RUFDeEI7SUFDRSxvQkFBb0IsRUFBRTtFQUN4QjtJQUNFLHFCQUFxQjtJQUNyQixzQkFBc0IsRUFBRTtFQUMxQjtJQUNFO01BQ0UsV0FBVztNQUNYLG9CQUFjO1VBQWQsa0JBQWM7Y0FBZCxjQUFjLEVBQUU7SUFDbEI7TUFDRSxlQUFlLEVBQUUsRUFBRTtFQUN2QjtJQUNFO01BQ0UsbUJBQW1CO01BQ25CLG9CQUFvQixFQUFFLEVBQUU7O0FBRTlCO0VBQ0UsYUFBYTtFQUNiLGNBQWM7RUFDZCxpQkFBaUI7RUFDakIsb0JBQW9CO0VBQ3BCLGlCQUFpQjtFQUNqQixpQkFBaUI7RUFDakIsOEJBQThCO0VBQzlCLDRDQUFvQztFQUFwQyxvQ0FBb0MsRUFBRTtFQUN0QztJQUNFLDZCQUE2QjtJQUM3QixZQUFZO0lBQ1osbUJBQW1CO0lBQ25CLHFCQUFxQixFQUFFOztBQUUzQjtFQUNFLHVCQUF1QixFQUFFOztBQUUzQjtFQUNFLHVCQUF1QixFQUFFOztBQUUzQjtFQUNFLHVCQUF1QixFQUFFOztBQUUzQjtFQUNFLHVCQUF1QixFQUFFOztBQUUzQjtFQUNFLGdCQUFnQjtFQUNoQixjQUFjLEVBQUU7O0FBRWxCO0VBQ0UsZ0JBQWdCLEVBQUU7O0FBRXBCO0VBQ0UsWUFBWTtFQUNaLGVBQWU7RUFDZixpQkFBaUIsRUFBRTtFQUNuQjtJQUNFLHNCQUFzQjtJQUN0QixrQkFBa0I7SUFDbEIsWUFBWTtJQUNaLGFBQWE7SUFDYixtQkFBbUI7SUFDbkIsaUJBQWlCO0lBQ2pCLHVCQUF1QjtJQUN2QixnQkFBZ0IsRUFBRTtJQUNsQjtNQUNFLGlCQUFpQixFQUFFIiwiZmlsZSI6InBhZ2VzL2xvZ2luLmNzcyIsInNvdXJjZXNDb250ZW50IjpbImh0bWwge1xuICBoZWlnaHQ6IDEwMCU7IH1cblxuYm9keS5wYWdlLWxvZ2luIHtcbiAgcGFkZGluZzogMDtcbiAgbWluLWhlaWdodDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgY29sb3I6ICNmZmY7IH1cblxuLmxvZ2luLXBhZ2UtaGVhZGVyIHtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB0b3A6IDA7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xuICBwYWRkaW5nOiAxLjVyZW07IH1cbiAgLmxvZ2luLXBhZ2UtaGVhZGVyIC5zd2l0Y2gtYnRucyAuYnRuIHtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGJhY2tncm91bmQ6ICM2MGM4NGM7XG4gICAgYm9yZGVyOiAxcHggc29saWQgIzYwYzg0YztcbiAgICBjb2xvcjogI2ZmZjsgfVxuICAubG9naW4tcGFnZS1oZWFkZXIgLnN3aXRjaC1idG5zIC5idG5bZGlzYWJsZWRdIHtcbiAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgIGJvcmRlci1jb2xvcjogIzQ0NDtcbiAgICBjb2xvcjogZ3JheTsgfVxuXG4uZm9ybS13cmFwIHtcbiAgZGlzcGxheTogbm9uZTsgfVxuICAuZm9ybS13cmFwLnNob3cge1xuICAgIGRpc3BsYXk6IGJsb2NrOyB9XG5cbi5sb2dpbi1wYWdlLXdyYXAge1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IDEwMCU7IH1cbiAgLmxvZ2luLXBhZ2Utd3JhcCAuc2lkZSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZzogMTI0cHggMS41cmVtIDEuNXJlbTsgfVxuICAubG9naW4tcGFnZS13cmFwIC5zaWRlOmZpcnN0LWNoaWxkIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICAgIGJhY2tncm91bmQ6ICM2MGM4NGM7IH1cbiAgLmxvZ2luLXBhZ2Utd3JhcCAuc2lkZTpsYXN0LWNoaWxkIHtcbiAgICBiYWNrZ3JvdW5kOiAjMjAyMDIwOyB9XG4gIC5sb2dpbi1wYWdlLXdyYXAgLnNpZGUtY29udGVudCB7XG4gICAgcGFkZGluZy1sZWZ0OiAxLjVyZW07XG4gICAgcGFkZGluZy1yaWdodDogMS41cmVtOyB9XG4gIEBtZWRpYSAobWluLXdpZHRoOiA3NjhweCkge1xuICAgIC5sb2dpbi1wYWdlLXdyYXAgLnNpZGUge1xuICAgICAgd2lkdGg6IDUwJTtcbiAgICAgIGZsZXg6IDEgMSA1MCU7IH1cbiAgICAubG9naW4tcGFnZS13cmFwIC5zaWRlOmZpcnN0LWNoaWxkIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrOyB9IH1cbiAgQG1lZGlhIChtaW4td2lkdGg6IDk5MnB4KSB7XG4gICAgLmxvZ2luLXBhZ2Utd3JhcCAuc2lkZS1jb250ZW50IHtcbiAgICAgIHBhZGRpbmctbGVmdDogNXJlbTtcbiAgICAgIHBhZGRpbmctcmlnaHQ6IDVyZW07IH0gfVxuXG4uZm9ybS13cmFwIC5mb3JtIC5mb3JtLWNvbnRyb2wge1xuICBib3JkZXI6IG5vbmU7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIHBhZGRpbmc6IC43NXJlbSAwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjNDQ0O1xuICB0cmFuc2l0aW9uOiBib3JkZXItYm90dG9tLWNvbG9yIC41czsgfVxuICAuZm9ybS13cmFwIC5mb3JtIC5mb3JtLWNvbnRyb2w6Zm9jdXMge1xuICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICM2MGM4NGM7XG4gICAgY29sb3I6ICNmZmY7XG4gICAgcGFkZGluZy10b3A6IC41cmVtO1xuICAgIHBhZGRpbmctYm90dG9tOiAxcmVtOyB9XG5cbi5mb3JtLXdyYXAgLmZvcm0gaW5wdXQ6Oi13ZWJraXQtaW5wdXQtcGxhY2Vob2xkZXIge1xuICBjb2xvcjogIzQ0NCAhaW1wb3J0YW50OyB9XG5c