From 74011f0f4f3913a3d5ad6f2aecf39ebf6313681d Mon Sep 17 00:00:00 2001 From: Esenjin Date: Wed, 13 Nov 2024 21:10:02 +0100 Subject: [PATCH] =?UTF-8?q?[lcds]=20r=C3=A9alisation=20de=20la=20page=20"r?= =?UTF-8?q?oulette"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit édition du css en conséquant --- .../la-compagnie-de-sufokia/roulette.html | 81 ++++++++++++++++++- .../alt+tab/la-compagnie-de-sufokia/style.css | 81 +++++++++++++++++++ 2 files changed, 158 insertions(+), 4 deletions(-) diff --git a/branches/alt+tab/la-compagnie-de-sufokia/roulette.html b/branches/alt+tab/la-compagnie-de-sufokia/roulette.html index 3bb1b48..6ee4ac3 100644 --- a/branches/alt+tab/la-compagnie-de-sufokia/roulette.html +++ b/branches/alt+tab/la-compagnie-de-sufokia/roulette.html @@ -9,8 +9,11 @@ - - + + + + +
@@ -25,7 +28,77 @@
-

prochainement

-
+
+ + + \ No newline at end of file diff --git a/branches/alt+tab/la-compagnie-de-sufokia/style.css b/branches/alt+tab/la-compagnie-de-sufokia/style.css index 1471a20..aa05163 100644 --- a/branches/alt+tab/la-compagnie-de-sufokia/style.css +++ b/branches/alt+tab/la-compagnie-de-sufokia/style.css @@ -194,6 +194,87 @@ ul li a:hover { text-decoration: underline; } +/* Styles pour la roulette */ +.wheel-container { + max-width: 600px; + margin: 0 auto; + padding: 20px; +} + +.input-field { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border: 1px solid #524a3d; + border-radius: 4px; + font-family: 'Inter', Arial, sans-serif; +} + +.items-list { + list-style: none; + background: #524a3d; + border-radius: 10px; + margin-bottom: 20px; + padding: 0; +} + +.list-item { + padding: 10px; + border-bottom: 1px solid #625a4d; + color: #ffffff; +} + +.list-item:last-child { + border-bottom: none; +} + +.spin-button { + width: 100%; + padding: 12px; + background-color: #ff6600; + color: white; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 16px; + font-family: 'Inter', Arial, sans-serif; + font-weight: bold; +} + +.spin-button:hover { + background-color: #e65c00; +} + +.spin-button:disabled { + background-color: #524a3d; + cursor: not-allowed; +} + +.progress-bar { + height: 20px; + background-color: #524a3d; + border-radius: 10px; + overflow: hidden; + margin-top: 15px; +} + +.progress-fill { + height: 100%; + background-color: #ff6600; + transition: width 0.3s ease; +} + +.result { + text-align: center; + font-size: 24px; + font-weight: bold; + margin-top: 20px; + color: #ff6600; + padding: 20px; + background: #524a3d; + border-radius: 10px; +} + /* Footer */ footer { padding: 10px;