/* * @file css/alerte.css * @description * @author mougnibas * @createTime 2024-11-29 10:35:07 * @lastModified 2024-12-15 18:53:32 * Copyright ©Théo Mougnibas All rights reserved */ /* Le conteneur de l'alerte, va couvrir tout l'écran*/ .modal { display: none; /* on la cache par défaut */ position: fixed; z-index: 1; /* BAM ! AU DESSUS DE TOUT */ left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); /* On floute le derrière */ } /* Contenu de l'alerte */ .modal-content { background-color: #fefefe; margin: 15% auto; /* on le centre */ padding: 20px; border: 1px solid #888; width: 80%; max-width: 400px; text-align: center; } /* Bouton pour fermer l'alerte */ .close-btn { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .close-btn:hover, .close-btn:focus { color: black; text-decoration: none; cursor: pointer; } /* Bouton OK */ .modal.button { padding: 10px 20px; background-color: #4CAF50; color: white; border: none; cursor: pointer; }