From f658c939be2705de27269a2f813b195b600d0ac4 Mon Sep 17 00:00:00 2001 From: beau Date: Tue, 24 Dec 2024 15:13:43 +0100 Subject: [PATCH] =?UTF-8?q?T=C3=A9l=C3=A9verser=20les=20fichiers=20vers=20?= =?UTF-8?q?"css"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/t4.css | 72 +++++++++++++++++++++++++++++++++++++++++++++++++++++ css/t5.css | 70 +++++++++++++++++++++++++++++++++++++++++++++++++++ css/t6.css | 56 +++++++++++++++++++++++++++++++++++++++++ css/t7.css | 63 ++++++++++++++++++++++++++++++++++++++++++++++ css/t8.css | 73 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 334 insertions(+) create mode 100644 css/t4.css create mode 100644 css/t5.css create mode 100644 css/t6.css create mode 100644 css/t7.css create mode 100644 css/t8.css diff --git a/css/t4.css b/css/t4.css new file mode 100644 index 0000000..ae4d311 --- /dev/null +++ b/css/t4.css @@ -0,0 +1,72 @@ +/* + * @file css/t4.css + * @description + * @author mougnibas + * @createTime 2024-11-21 11:51:17 + * @lastModified 2024-12-15 20:38:31 + * Copyright ©Théo Mougnibas All rights reserved +*/ + +body { + background-color: #ecf0f1; + color: #ddd; + margin: 0; + padding: 40px; + background-image: url(../img/matrix.gif), url(../img/codevert.jpg); +} + +button { + padding: 12px 25px; + border: none; + background-color: #000000; + color: white; + cursor: pointer; + border-radius: 20px; + font-weight: bold; + transition: background-color 0.3s ease; +} + +button:hover { + background-color: #33ff00; +} + +output { + font-size: 50px; + color: #ddd; + background-color: #000000; +} + +img { + max-width: 100%; + height: auto; + border-radius: 15px; + box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2); +} + +table { + width: 100%; + border-collapse: collapse; + + border: 1px solid #ddd; +} + +th { + padding: 12px; + text-align: left; + border: 1px solid #ccc; + color: #ddd; + font-size: 20px; +} +td { + padding: 10px; + text-align: left; + border: 1px solid #ddd; +} + +table.table_magasin{ + width: 150px; + padding: 12px; + margin-top: 10px; + margin-bottom: 10px; + +} \ No newline at end of file diff --git a/css/t5.css b/css/t5.css new file mode 100644 index 0000000..52cfcc3 --- /dev/null +++ b/css/t5.css @@ -0,0 +1,70 @@ +/* t5.css - HTML 4.01 */ +body { + font-family: 'Helvetica Neue', sans-serif; + background-color: #fafafa; + color: #ddd; + margin: 0; + padding: 50px; + background-image: url(../img/codevertmatrix.gif); +} + +h1, h2, h3 { + color: #e74c3c; + text-align: center; + margin-bottom: 25px; +} + +output { + font-size: 50px; + color: #ddd; + background-color: #000000; +} + +button { + padding: 15px 30px; + border: 2px solid #33ff00; + background-color: #ecf0f1; + color: #33ff00; + cursor: pointer; + border-radius: 25px; + font-size: 16px; + transition: background-color 0.3s ease; +} + +button:hover { + background-color: #33ff00; + color: white; +} + +img { + max-width: 100%; + height: auto; + border-radius: 10px; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); +} + +table { + width: 100%; + border-collapse: collapse; + border: 1px solid #ecf0f1; +} + +td, th { + padding: 15px; + text-align: left; + border: 1px solid #ecf0f1; +} +table.table_magasin{ + width: 150px; + padding: 12px; + margin-top: 10px; + margin-bottom: 10px; + +} +a{ + color: #33ff00; + +} +a.hoover{ + color: #ffffff; +} \ No newline at end of file diff --git a/css/t6.css b/css/t6.css new file mode 100644 index 0000000..0d9f92d --- /dev/null +++ b/css/t6.css @@ -0,0 +1,56 @@ +/* t6.css - XHTML 4.01 */ +body { + font-family: 'Verdana', sans-serif; + background-color: #ffffff; + color: #2c3e50; + margin: 0; + padding: 60px; +} + +output{ + font-size: 50px; + +} + +button { + padding: 18px 35px; + border: none; + background-color: #e74c3c; + color: white; + cursor: pointer; + border-radius: 5px; + font-size: 18px; +} + +button:hover { + background-color: #fda500; +} + +img { + max-width: 100%; + height: auto; + border-radius: 5px; + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); +} + +table { + width: 100%; + border-collapse: collapse; +} + +td, th { + padding: 18px; + text-align: left; + border: 1px solid #ddd; +} +table.table_magasin{ + width: 150px; + padding: 12px; + margin-top: 10px; + margin-bottom: 10px; + +} + +a { + color: #fda500; +} \ No newline at end of file diff --git a/css/t7.css b/css/t7.css new file mode 100644 index 0000000..07cc28b --- /dev/null +++ b/css/t7.css @@ -0,0 +1,63 @@ +/* t7.css - XHTML 1.0 */ +body { + font-family: 'Segoe UI', serif; + background-color: #ecf0f1; + color: #34495e; + margin: 0; + padding: 70px; +} + +output { + font-size: 30px; +} + + + +button { + padding: 15px 30px; + border: 2px solid #e74c3c; + background-color: white; + color: #e74c3c; + cursor: pointer; + border-radius: 25px; + font-size: 20px; + transition: transform 0.2s ease; +} + +button:hover { + transform: scale(1.05); + background-color: #e74c3c; + color: white; +} + +img { + max-width: 100%; + height: auto; + border-radius: 20px; + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); +} + +table { + width: 100%; + border-collapse: collapse; + border: 2px solid #ff9900; + +} + +td, th { + padding: 20px; + text-align: left; + border: 1px solid #ff9900; + +} +table.table_magasin{ + width: 150px; + padding: 12px; + margin-top: 10px; + margin-bottom: 10px; + +} + +a{ + color: #fda500; +} \ No newline at end of file diff --git a/css/t8.css b/css/t8.css new file mode 100644 index 0000000..edc94e8 --- /dev/null +++ b/css/t8.css @@ -0,0 +1,73 @@ +/* t8.css - HTML 5 */ +body { + font-family: 'Roboto', sans-serif; + background-color: #f5f5f5; + color: #333; + margin: 0; + padding: 80px; +} + +h1, h2, h3 { + color: #16a085; + text-align: center; + margin-bottom: 30px; + font-weight: 700; +} + +button { + padding: 20px 40px; + border: none; + background-color: #e74c3c; + color: white; + cursor: pointer; + border-radius: 50px; + font-size: 22px; + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); + transition: background-color 0.3s ease, transform 0.2s ease; +} + +button:hover { + background-color: #ff9900; + transform: translateY(-3px); +} + +img { + max-width: 100%; + height: auto; + border-radius: 20px; + box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); +} + +table { + width: 100%; + border-collapse: collapse; + border: 2px solid #ff9900; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +td, th { + padding: 25px; + text-align: left; + border: 1px solid #ff9900; + font-size: 18px; +} + +td { + background-color: #ecf0f1; +} + +th { + background-color: #ff9900; + color: white; +} + +table tr:hover { + background-color: #f1f1f1; +} +table.table_magasin{ + width: 150px; + padding: 12px; + margin-top: 10px; + margin-bottom: 10px; +} +