ZwiiCMS/core/module/user/view/auth/auth.css

52 lines
1.4 KiB
CSS

/**
* This file is part of Zwii.
*
* For full copyright and license information, please see the LICENSE
* file that was distributed with this source code.
*
* @author Rémi Jean <remi.jean@outlook.com>
* @copyright Copyright (C) 2008-2018, Rémi Jean
* @author Frédéric Tempez <frederic.tempez@outlook.com>
* @copyright Copyright (C) 2018-2024, Frédéric Tempez
* @license CC Attribution-NonCommercial-NoDerivatives 4.0 International
* @link http://zwiicms.fr/
*/
/** @import url("site/data/admin.css"); */
/** NE PAS EFFACER
* admin.css
*/
@media screen and (max-width: 768px) {
#buttonsContainer {
display: grid;
}
#loginContainer {
order: 1;
}
#backContainer{
order: 2;
}
}
#userAuthKey {
text-align: center;
font-size: 2rem;
border: none; /* Supprime toutes les bordures */
border-bottom: 2px solid #000; /* Ajoute uniquement une bordure inférieure */
padding: 5px 0; /* Ajoute un peu d'espace au-dessus et en dessous */
margin-top: 10px; /* Ajoute un espacement au-dessus du champ */
outline: none; /* Supprime l'effet de focus par défaut */
letter-spacing: 6px; /* Ajoute un espacement de 2 pixels */
}
#userAuthKey:focus {
border-bottom-color: #007bff; /* Change la couleur du cadre bas lorsqu'on clique */
border-bottom-width: 3px; /* Accentue la bordure inférieure */
}
.container.light {
filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.2));
}