font fehler
parent
acaed6c73e
commit
df61a30c63
|
|
@ -10,7 +10,7 @@
|
||||||
<style>
|
<style>
|
||||||
:root{
|
:root{
|
||||||
--bg:#121212; --card:#181818; --border:#282828; --text:#fff; --muted:#b3b3b3;
|
--bg:#121212; --card:#181818; --border:#282828; --text:#fff; --muted:#b3b3b3;
|
||||||
--accent: #ffffff; --accent-press:#169e47; --glow:rgba(29,185,84,.25);
|
--accent: #1db954; --accent-press:#169e47; --glow:rgba(29,185,84,.25);
|
||||||
--radius:16px; --shadow:0 10px 30px rgba(0,0,0,.35)
|
--radius:16px; --shadow:0 10px 30px rgba(0,0,0,.35)
|
||||||
}
|
}
|
||||||
*{box-sizing:border-box}
|
*{box-sizing:border-box}
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,7 @@
|
||||||
<style>
|
<style>
|
||||||
:root{
|
:root{
|
||||||
--bg:#121212; --elev:#181818; --border:#282828; --text:#fff; --muted:#b3b3b3;
|
--bg:#121212; --elev:#181818; --border:#282828; --text:#fff; --muted:#b3b3b3;
|
||||||
--accent: #ffffff; --accent-press:#169e47; --glow:rgba(29,185,84,.25);
|
--accent: #1db954; --accent-press:#169e47; --glow:rgba(29,185,84,.25);
|
||||||
--radius:16px; --shadow:0 10px 30px rgba(0,0,0,.35);
|
--radius:16px; --shadow:0 10px 30px rgba(0,0,0,.35);
|
||||||
}
|
}
|
||||||
*{box-sizing:border-box}
|
*{box-sizing:border-box}
|
||||||
|
|
@ -150,15 +150,15 @@
|
||||||
.wedge.correct { fill: var(--accent) !important; } /* grün */
|
.wedge.correct { fill: var(--accent) !important; } /* grün */
|
||||||
.wedge.wrong { fill: #e22134 !important; } /* rot */
|
.wedge.wrong { fill: #e22134 !important; } /* rot */
|
||||||
.wedge.disabled { pointer-events:none; opacity:.85; }
|
.wedge.disabled { pointer-events:none; opacity:.85; }
|
||||||
.wedge-label { fill:#fff; font-weight:700; font-size:35px; pointer-events:none; }
|
.wedge-label { fill:#fff; font-weight:600; font-size:35px; pointer-events:none; }
|
||||||
|
|
||||||
/* Zahl unter dem Namen im SVG */
|
/* Zahl unter dem Namen im SVG */
|
||||||
.wedge-delta{
|
.wedge-delta{
|
||||||
font-weight:900; font-size:35px; fill:#fff; pointer-events:none;
|
font-weight:600; font-size:35px; fill:#fff; pointer-events:none;
|
||||||
/* Lesbarkeit auf dunklem Hintergrund */
|
/* Lesbarkeit auf dunklem Hintergrund */
|
||||||
paint-order: stroke fill; stroke:#000; stroke-width:3px;
|
paint-order: stroke fill; stroke:#000; stroke-width:3px;
|
||||||
}
|
}
|
||||||
.wedge-delta.correct{ fill: var(--accent); }
|
.wedge-delta.correct{ fill: #ffffff; }
|
||||||
.wedge-delta.wrong { fill: #ffffff; }
|
.wedge-delta.wrong { fill: #ffffff; }
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
<style>
|
<style>
|
||||||
:root{
|
:root{
|
||||||
--bg:#121212; --card:#181818; --border:#282828; --text:#fff;
|
--bg:#121212; --card:#181818; --border:#282828; --text:#fff;
|
||||||
--muted:#b3b3b3; --accent: #ffffff; --accent-press:#169e47; --glow:rgba(29,185,84,.25);
|
--muted:#b3b3b3; --accent: #1db954; --accent-press:#169e47; --glow:rgba(29,185,84,.25);
|
||||||
--radius:16px; --shadow:0 10px 30px rgba(0,0,0,.35)
|
--radius:16px; --shadow:0 10px 30px rgba(0,0,0,.35)
|
||||||
}
|
}
|
||||||
*{box-sizing:border-box}
|
*{box-sizing:border-box}
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
<style>
|
<style>
|
||||||
:root{
|
:root{
|
||||||
--bg:#121212; --card:#181818; --border:#282828; --text:#fff; --muted:#b3b3b3;
|
--bg:#121212; --card:#181818; --border:#282828; --text:#fff; --muted:#b3b3b3;
|
||||||
--accent: #ffffff; --accent-press:#169e47; --glow:rgba(29,185,84,.25);
|
--accent: #1db954; --accent-press:#169e47; --glow:rgba(29,185,84,.25);
|
||||||
--radius:16px; --shadow:0 10px 30px rgba(0,0,0,.35)
|
--radius:16px; --shadow:0 10px 30px rgba(0,0,0,.35)
|
||||||
}
|
}
|
||||||
*{box-sizing:border-box}
|
*{box-sizing:border-box}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue