Custom Login Page

[risingisland]

@janniconl Thanks for the tip. Here is a slight mod to your code, I think it is responsive now... I dont use this plugin, but the code also works with EvoFLAT-SystemSettings

.page {
    padding: 0;
    height: 100%;
}
.loginbox {
    background-color: rgba(255,255,255,0.90);
    max-width: 400px;
    height: 100%;
    width: 100%;
    margin: 0;
    display: inherit;
    align-items: center;
    justify-content: center;
}
.loginbox .container-body {
    background-color: transparent; margin:0;
}
.copyrights {
    text-align: left;
    padding: 1rem 3rem;
 }
@media (max-width: 560px) {
    .loginbox {
        width: 100%;
    }
    .page {
        background-image: none !important;
    }
}
.loginbox {
    webkit-animation-name: anim-loginbox-sideways;
    -moz-animation-name: anim-loginbox-sideways;
    animation-name: anim-loginbox-sideways;
}

@keyframes anim-loginbox-sideways {
    from { opacity: 0; transform: translateX(-30px); }
    to { opacity: 1; transform: translateX(0); }
}
@-webkit-keyframes anim-loginbox-sideways {
    from { opacity: 0; transform: translateX(-30px); }
    to { opacity: 1; transform: translateX(0); }
}

[janniconl]

Discussion: https://github.com/evolution-cms/evolution/issues/611

[risingisland]

Yes, thats where I saw your comment, but as it looks like the team is going in another direction, and as you are using this plugin, I thought I would post it hear, so as not to clutter the other thread.

[janniconl]

I know ;-) and it's appreciated. Just wanted to mention it for other people.

(not using EvoFLAT anymore since 1.4 though. might use it again in the future, who knows. But love the ManagerColors plugin!)