From fda289dc9cd2c017be584ac7ee5bdfc1de7aae51 Mon Sep 17 00:00:00 2001
From: adrien <adrien@malingrey.fr>
Date: Fri, 25 Oct 2024 00:10:47 +0200
Subject: [PATCH] =?UTF-8?q?op=C3=A9ra?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/opera.css | 35 ++++++++++++++++++-----------------
 index.html    |  1 +
 2 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/css/opera.css b/css/opera.css
index 21b6061..b46c457 100644
--- a/css/opera.css
+++ b/css/opera.css
@@ -84,49 +84,50 @@ body {
 }
 
 .mino {
-    background: var(--background-color);
     padding: 0;
     opacity: 100%;
-    border: 1px solid var(--light-color);
+    border-width: 1px;
+    border-style: solid;
 }
 
 .I.mino {
-    --background-color: #42AFE1;
-    --light-color: #6CEAFF;
+    background-color: #42AFE1;
+    border-color: #6CEAFF;
 }
 
 .J.mino {
-    --background-color: #1165B5;
-    --light-color: #339BFF;
+    background-color: #1165B5;
+    border-color: #339BFF;
 }
 
 .L.mino {
-    --background-color: #F38927;
-    --light-color: #FFBA59;
+    background-color: #F38927;
+    border-color: #FFBA59;
 }
 
 .O.mino {
-    --background-color: #F6D03C;
-    --light-color: #FFFF7F;
+    background-color: #F6D03C;
+    border-color: #FFFF7F;
 }
 
 .S.mino {
-    --background-color: #51B84D;
-    --light-color: #84F880;
+    background-color: #32ee3e;
+    border-color: #84F880;
 }
 
 .T.mino {
-    --background-color: #9739A2;
-    --light-color: #D958E9;
+    background-color: #9739A2;
+    border-color: #D958E9;
 }
 
 .Z.mino {
-    --background-color: #EB4F65;
-    --light-color: #FF7F79;
+    background-color: #EB4F65;
+    border-color: #FF7F79;
 }
 
 .ghost.mino {
-    --color: #fff4;
+    background-color: #fff4;
+    border-color: #fff8;
 }
 
 .moving.mino {
diff --git a/index.html b/index.html
index 80c0eee..65cefe5 100644
--- a/index.html
+++ b/index.html
@@ -15,6 +15,7 @@
     <link rel="alternate stylesheet" href="css/electro.css" title="Électro">
     <link rel="alternate stylesheet" href="css/pop.css"     title="Pop">
     <link rel="alternate stylesheet" href="css/retro.css"   title="Rétro">
+    <link rel="alternate stylesheet" href="css/opera.css"   title="Opéra">
     <link rel="apple-touch-icon"      sizes="180x180" href="favicons/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32"   href="favicons/T-2.png">
     <link rel="icon" type="image/png" sizes="16x16"   href="favicons/favicon-16x16.png">