Das hab ich schon lange in der Art. Bei der dev Seite den Hintergrund noch per paint.net mit nem blur versehen.
Den roten bzw grünen Rand hab ich auch schon lang drin, bevor der Badge kam.
Das hier müsste komplett sein:
Code:
/* Variables */
:root {
/* #0f0 / rgba(0, 255, 0, 0.8); - grün (produktiv) */
/* #f00 / rgba(255, 0, 0, 0.8); - rot (test) */
--border-color: rgba(0, 255, 0, 0.8);
/* Nightwing: #424242; */
/* Bauwagen: #aa4242; */
/* Reigen: #6297BA; */
--background-color: #424242;
}
/* Layout - Scrollbar invisible */
html,
body {
min-height:100vh;
font: 0.95em Ubuntu,Arial,sans-serif;
scrollbar-width: none;
-ms-overflow-style: none;
-webkit-scrollbar: none;
}
/* Login */
#background.login {
min-height:100vh;
margin: -15em auto;
background: #132330 -webkit-radial-gradient(#234058,#0f1c26) !important;
background: #132330 radial-gradient(#234058,#0f1c26) !important;
}
.tl_login_form {
margin: 25em auto;
background: url(../../../system/themes/flexible/icons/contao.svg) top 1em center no-repeat;
background-size: 64px;
-webkit-box-shadow: inset 0.5em 0.5em 0em 0em var(--border-color);
-moz-box-shadow: inset 0.5em 0.5em 0em 0em var(--border-color);
box-shadow: inset 0.5em 0.5em 0em 0em var(--border-color);
}
nw-prod.png & nw-dev.png
ToM
Nachtrag der Vollständigkeit in einem Post halber:
Ich habe im be_login.html5 Template, da ein background komplett über die ganze Seite ist, einfach den container div nochmal eingetütet in ein <div id="background" class="login">
Lesezeichen