56 lines
1.1 KiB
CSS
56 lines
1.1 KiB
CSS
/*
|
|
* @file css/alerte.css
|
|
* @description
|
|
* @author mougnibas <mougnibas@insa-toulouse.fr>
|
|
* @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;
|
|
}
|
|
|