chldapasswd/static/css/sso.css

164 lines
2.4 KiB
CSS

body {
/*background-color: #eef1f4 !important;
background: url('../images/background.jpg') center center;
background-size: cover;*/
background-color: #373737 !important;
}
md-content {
background-color: transparent !important;
}
md-card.md-default-theme, md-card {
color: #465155;
background-color: rgb(255,255,255);
border-radius: 2px;
}
a, a:active, a:visited {
color:#00BCD4;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.q-login-box {
width:90%;
max-width:430px;
}
.md-headline {
font-size:20px;
}
.q-logo {
text-align: center;
margin-bottom: 40px;
margin-top:60px;
}
.q-icon {
margin: 30px 0 0 0;
text-align: center;
}
.q-forgot {
font-size:12px;
margin-top:10px;
text-align: right;
}
.q-suite {
margin-top:30px;
text-align: center;
}
.q-suite-title {
font-size:14px;
margin-bottom:10px;
color:#fff;
}
.q-suite span {
margin:0 2px;
color:#FFF;
font-size:45px;
}
.q-error {
background-color:#F44336;
color:#FFFFFF;
border-radius:2px;
padding:10px;
text-align: center;
font-size:14px;
margin-bottom:6px;
}
.q-success {
background-color:#4CAF50;
color:#FFFFFF;
border-radius:2px;
padding:10px;
text-align: center;
font-size:14px;
margin-bottom:6px;
}
.q-back {
position:absolute;
}
.q-back .active {
display:none;
}
@keyframes fade_card {
from {
transform: translateY(+4%);
opacity:0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.animated-card {
animation: fade_card 0.6s cubic-bezier(.55, 0, .1, 1);
}
.animated-card.ng-hide-animate {
display: none !important;
}
.q-view-wrapper {
transition:height ease .3s;
overflow: hidden;
}
.q-animated-icon {
animation: fade_icon 0.6s cubic-bezier(.55, 0, .1, 1);
}
@keyframes fade_icon {
from {
transform: translateX(-100%);
opacity:0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
.q-suite-register {
margin-top:20px;
}
.q-suite-register span {
margin:2px;
font-size:40px;
}
.q-services {
color:#FFF;
text-align: center;
}
.q-service-icon {
font-size:140px;
margin-bottom:20px;
}
.q-service-link {
color:#FFF !important;
}
.q-service-link:hover {
text-decoration: none;
}