From 02c0d28c54da79b84dde2be8823477058ea8c698 Mon Sep 17 00:00:00 2001
From: beau <beau@noreply.etud.insa-toulouse.fr>
Date: Tue, 24 Dec 2024 15:12:19 +0100
Subject: [PATCH] =?UTF-8?q?T=C3=A9l=C3=A9verser=20les=20fichiers=20vers=20?=
 =?UTF-8?q?"css/alerte"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/alerte/a1.css | 32 ++++++++++++++++++++++++++++++++
 css/alerte/a2.css | 39 +++++++++++++++++++++++++++++++++++++++
 css/alerte/a3.css | 39 +++++++++++++++++++++++++++++++++++++++
 css/alerte/a4.css | 44 ++++++++++++++++++++++++++++++++++++++++++++
 4 files changed, 154 insertions(+)
 create mode 100644 css/alerte/a1.css
 create mode 100644 css/alerte/a2.css
 create mode 100644 css/alerte/a3.css
 create mode 100644 css/alerte/a4.css

diff --git a/css/alerte/a1.css b/css/alerte/a1.css
new file mode 100644
index 0000000..c9de885
--- /dev/null
+++ b/css/alerte/a1.css
@@ -0,0 +1,32 @@
+.modal {
+    display: none;
+    position: fixed;
+    z-index: 1;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: #ccc; /* Gris uni */
+}
+
+.modal-content {
+    background-color: white;
+    margin: 15% auto;
+    padding: 10px;
+    border: 2px solid black; /* Bordures noires bien visibles */
+    width: 40vw;
+    text-align: left; /* Alignement à gauche */
+    font-family: Arial, sans-serif; /* Typo basique */
+}
+
+.close-btn {
+    color: black;
+    font-size: 18px;
+}
+
+.modal.button {
+    padding: 5px 10px;
+    background-color: #008CBA; /* Bleu très simple */
+    color: white;
+}
+  
\ No newline at end of file
diff --git a/css/alerte/a2.css b/css/alerte/a2.css
new file mode 100644
index 0000000..72d70f6
--- /dev/null
+++ b/css/alerte/a2.css
@@ -0,0 +1,39 @@
+.modal {
+  display: none;
+  position: fixed;
+  z-index: 1;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #ccc; /* Gris uni */
+}
+
+.modal-content {
+  background-color: white;
+  margin: 15% auto;
+  padding: 10px;
+  border: 2px solid black; /* Bordures noires bien visibles */
+  width: 40vw;
+  text-align: left; /* Alignement à gauche */
+  font-family: Arial, sans-serif; /* Typo basique */
+  border-radius: 5px; /* Bordures légèrement arrondies */
+  border: 1px solid gray;
+}
+
+.close-btn {
+  color: black;
+  font-size: 18px;
+}
+
+.modal.button {
+  padding: 5px 10px;
+  background-color: #008CBA; /* Bleu très simple */
+  color: white;
+}
+
+.close-btn:hover,
+.close-btn:focus {
+  color: red; /* Rouge pour attirer l’attention */
+}
+  
\ No newline at end of file
diff --git a/css/alerte/a3.css b/css/alerte/a3.css
new file mode 100644
index 0000000..c4b1074
--- /dev/null
+++ b/css/alerte/a3.css
@@ -0,0 +1,39 @@
+.modal {
+  display: none;
+  position: fixed;
+  z-index: 1;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: url('background.jpg') repeat; /* Texture kitsch */
+}
+
+.modal-content {
+  background-color: white;
+  margin: 15% auto;
+  padding: 10px;
+  width: 40vw;
+  text-align: left; /* Alignement à gauche */
+  border-radius: 5px; /* Bordures légèrement arrondies */
+  border: 1px solid gray;
+  font-family: "Comic Sans MS", cursive; /* Typo iconique des années 2000 */
+  background-color: pink; /* Couleurs flashy */
+  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); /* Ombres portées pour effet "pop" */
+}
+
+.close-btn {
+  color: black;
+  font-size: 18px;
+}
+
+.modal.button {
+  padding: 5px 10px;
+  background-color: #ff69b4; /* Rose bonbon */
+  font-weight: bold;}
+
+.close-btn:hover,
+.close-btn:focus {
+  color: red; /* Rouge pour attirer l’attention */
+}
+  
\ No newline at end of file
diff --git a/css/alerte/a4.css b/css/alerte/a4.css
new file mode 100644
index 0000000..1bcbd6b
--- /dev/null
+++ b/css/alerte/a4.css
@@ -0,0 +1,44 @@
+.modal {
+  display: none;
+  position: fixed;
+  z-index: 1;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: url('../../img/tecktonik.jpeg') repeat; /* Texture kitsch */
+}
+@font-face {
+  font-family: "Comic Sans MS";
+  src: url("../font/comic-sans.woff") format("woff");
+}
+.modal-content {
+  margin: 15% auto;
+  padding: 10px;
+  width: 40vw;
+  text-align: left; /* Alignement à gauche */
+  font-family:"Comic Sans MS"; /* Typo iconique des années 2000 */
+  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7); /* Ombres portées pour effet "pop" */
+  background: linear-gradient(to bottom, #ffffff, #e0e0e0); /* Dégradé élégant */
+  border: none;
+  border-radius: 10px;
+  color:purple;
+}
+
+.close-btn {
+  color: black;
+  font-size: 18px;
+}
+
+.modal.button {
+  padding: 5px 10px;
+  background-color: #ff69b4; /* Rose bonbon */
+  font-weight: bold;
+  border-radius: 0px !important;
+}
+
+.close-btn:hover,
+.close-btn:focus {
+  color: red; /* Rouge pour attirer l’attention */
+}
+  
\ No newline at end of file