Merge pull request #105 from ArgumentumGames/ludo

Tailles en px
ArgumentumGames · Feb 20, 2024 · bb22c37 · bb22c37
2 parents c764868 + ede3766
commit bb22c37
Showing 1 changed file with 49 additions and 56 deletions.
diff --git a/Cards/Fallacies/Mindmaps/included.html b/Cards/Fallacies/Mindmaps/included.html
@@ -146,19 +146,17 @@
             display: flex;
             flex-direction: column;
             font-family: 'Bebas Neue', sans-serif;
-            font-size: 80%;
             left: 50%;
             position: fixed;
-            top: 50px;
-            transform: translate(-50%);
+            top: 50%;
+            transform: translate(-50%, -50%);
+            width: 300px;
             z-index: 100;
         }
 
         safe {
             background-color: #fff;
             position: relative;
-            /* Different Safe Padding */
-            /*padding: 1.2vh 2.5vh 1.5vh 2.5vh;*/
         }
 
         .cardName {
@@ -177,49 +175,42 @@
 
         .famille {
             text-transform: uppercase;
-            font-size: 5.6vh;
+            font-size: 20px;
             text-align: center;
             color: var(--color-text-1);
         }
 
-        .sous_famille {
-            font-size: 3.4vh;
-            letter-spacing: 0.05vh;
-        }
-
+        .sous_famille,
         .Soussousfamille {
-            font-size: 1.8vh;
+            font-size: 18px;
         }
 
-
         /* -------------------------------------------------------------------------------- */
         /* Corps */
         /* -------------------------------------------------------------------------------- */
 
         .body {
+            border-color: var(--color-background);
+            border-radius: 10px;
+            border-style: solid;
+            border-width: 10px 10px 5px;
             display: flex;
-            padding-top: 2%;
             flex-flow: column nowrap;
             height: 100%;
             justify-content: space-between;
-            border: 2.8vh solid;
-            border-color: var(--color-background);
-            border-radius: 2vh;
+            padding-top: 10px;
         }
 
         .supersetWrapper .famille {
-            max-height: 61%;
-            width: 100%;
             display: block;
-            padding: 0;
-            margin-bottom: 1.3%
+            padding: 0 10px;
+            margin-bottom: 10px;
         }
 
         .supersetWrapper .sous_famille {
-            width: 100%;
             display: block;
-            padding: 0;
-            margin-bottom: 1%;
+            padding: 0 10px;
+            margin-bottom: 10px;
             text-align: center;
         }
 
@@ -231,19 +222,19 @@
 
 
         .title {
-            width: 100%;
-            text-align: center;
-            font-size: 5vh;
-            font-weight: 500;
-            text-transform: uppercase;
-            color: var(--color-text-1);
+            align-items: center;
             box-sizing: border-box;
-            flex-shrink: 0;
-            padding: 2% 5% 1% 5%;
-            word-wrap: break-word !important;
+            color: var(--color-text-1);
             display: flex;
+            flex-shrink: 0;
+            font-size: 25px;
+            font-weight: 500;
             justify-content: center;
-            align-items: center;
+            padding: 10px;
+            text-align: center;
+            text-transform: uppercase;
+            width: 100%;
+            word-wrap: break-word !important;
         }
 
         .title > div {
@@ -286,29 +277,30 @@
         .texte {
             justify-content: space-between;
             background-color: var(--color-background);
-            margin: 0% -1% -1% -1%;
+            margin: 0% -5px;
         }
 
         .desc_fr {
-            display: flex;
             align-items: center;
-            text-transform: uppercase;
+            color: #fff;
+            display: flex;
             font-family: 'DINpro',sans-serif;
+            font-size: 16px;            
             font-weight: 900;
-            font-size: 3.2vh;            
-            padding: 2% 5% 2% 5%;
-            color: #fff;
+            padding: 20px 10px;
+            text-transform: uppercase;
         }
 
         .exemple_fr {
-            font-family: 'DINpro',sans-serif;
-            color: var(--color-text-2);
-            font-size: 2.9vh;
-            font-weight: 600;
-            padding: 2% 5% 2% 5%;
-            background-color: white;
             -webkit-font-variant-ligatures: no-common-ligatures;
+            background-color: white;
+            border-radius: 0 0 10px 10px;
+            color: var(--color-text-2);
+            font-family: 'DINpro',sans-serif;
+            font-size: 16px;
             font-variant-ligatures: no-common-ligatures;
+            font-weight: 600;
+            padding: 20px 10px;
         }
 
         .desc_fr,
@@ -320,9 +312,9 @@
             display: flex;
             justify-content: center;
             align-items: center;
-            margin: 20px auto;
+            margin: 10px auto;
             padding: 10px 20px;
-            font-size: 16px;
+            font-size: 14px;
             color: white;
             background-color: var(--color-text-1);
             border: none;
@@ -351,21 +343,22 @@
 
         .footer {
             position: absolute;
-            bottom: 5px;
-            right: 5px;
-            width: 4vh;
-            height: 4vh;
+            align-items: center;
             background-color: #fff;
-            border: 1px solid;
             border-color: var(--color-background);
-            border-radius: 16px 16px 16px 16px;
+            border-radius: 16px;
+            border-style: solid;
+            border-width: 1px;
+            bottom: 2px;
             display: flex;
-            align-items: center;
+            height: 25px;
             justify-content: center;
+            right: 2px;
+            width: 25px;
         }
 
         .niveau {
-            font-size: 2.8vh;
+            font-size: 15px;
             font-weight: bold;
             text-align: right;
             color: var(--color-background);