diff --git a/Cards/Fallacies/Mindmaps/included.html b/Cards/Fallacies/Mindmaps/included.html index 6763f962..e95aac86 100644 --- 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);