164 lines
2.4 KiB
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;
|
||
|
}
|