fix klausur pdf backgrounds with _backgroundColor directive

- remove !important from klausur css gradient (allows directive override)
- add _backgroundColor directive to all klausur slides for pdf
- web: shows css gradient stripes
- pdf: shows solid color background
This commit is contained in:
2026-01-13 20:26:28 +01:00
parent b45a528faf
commit 2179f6caed
10 changed files with 39 additions and 70 deletions

View File

@@ -55,13 +55,7 @@ section.klausur {
#e3f2fd 40px,
#fff 40px,
#fff 80px
) !important;
}
@media print {
section.klausur {
background: url('./assets/klausur-pattern.svg') !important;
background-size: cover !important;
}
);
}
section.aufgabe {
background: #e3f2fd !important;

View File

@@ -55,13 +55,7 @@ section.klausur {
#e3f2fd 40px,
#fff 40px,
#fff 80px
) !important;
}
@media print {
section.klausur {
background: url('./assets/klausur-pattern.svg') !important;
background-size: cover !important;
}
);
}
section.aufgabe {
background: #e3f2fd !important;
@@ -249,6 +243,7 @@ Eselsbrücke: 1 Byte = 1 Buchstabe/Symbol (in ASCII/UTF-8 für einfache Zeichen)
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
<!-- _backgroundColor: #e3f2fd -->
# Dateneinheiten
@@ -272,6 +267,7 @@ Windows zeigt oft binär, sagt aber "KB" → Verwirrung!
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
<!-- _backgroundColor: #e3f2fd -->
# Dateneinheiten (Fortsetzung)
@@ -320,6 +316,7 @@ Digital explodierte: IoT, Social Media, Cloud, Video
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
<!-- _backgroundColor: #e3f2fd -->
# Der digitale Wendepunkt
@@ -821,6 +818,7 @@ Visueller Kontrast: Analog vs. Digital
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
<!-- _backgroundColor: #e3f2fd -->
# Analoge Medien
### Distribution: physisch (Kauf, Verleih, Kopie)
@@ -887,6 +885,7 @@ Paradox: Gerade die Perfektion wurde zum "Problem"
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
<!-- _backgroundColor: #e3f2fd -->
# Digitale Medien
### Distribution: Datenträger (CD, USB), Download, Streaming, P2P
@@ -905,6 +904,7 @@ Paradox: Gerade die Perfektion wurde zum "Problem"
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
<!-- _backgroundColor: #e3f2fd -->
# Digitale Speichermedien
@@ -1286,6 +1286,7 @@ Visualisierung der beiden Philosophien
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
<!-- _backgroundColor: #e3f2fd -->
# Verlustfrei vs. Verlustbehaftet

View File

@@ -55,13 +55,7 @@ section.klausur {
#e3f2fd 40px,
#fff 40px,
#fff 80px
) !important;
}
@media print {
section.klausur {
background: url('./assets/klausur-pattern.svg') !important;
background-size: cover !important;
}
);
}
section.aufgabe {
background: #e3f2fd !important;
@@ -141,6 +135,7 @@ Smartphone-Speicher wäre schnell voll ohne Kompression
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
<!-- _backgroundColor: #e3f2fd -->
# Rastergrafiken (Bitmaps)
@@ -180,6 +175,7 @@ PRÜFUNGSRELEVANT: Speicherberechnung, Farbtiefe-Tabelle, warum Vergrößern pro
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
<!-- _backgroundColor: #e3f2fd -->
# Vektorgrafiken
@@ -220,6 +216,7 @@ PRÜFUNGSRELEVANT: Warum Vektoren skalierbar, SVG-Grundsyntax, Rendering-Pipelin
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
<!-- _backgroundColor: #e3f2fd -->
# Raster vs. Vektor: Entscheidungskriterien
@@ -716,6 +713,7 @@ Quelle: https://www.canon.com.hk/cpx/en/technical/va_EOS_Movie_Compression_Optio
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
<!-- _backgroundColor: #e3f2fd -->
# H.264 / AVC Codec (2003)
### Der bisherige Platzhirsch
@@ -838,6 +836,7 @@ Alliance for Open Media
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
<!-- _backgroundColor: #e3f2fd -->
# AV1: Die Open-Source-Revolution

View File

@@ -55,13 +55,7 @@ section.klausur {
#e3f2fd 40px,
#fff 40px,
#fff 80px
) !important;
}
@media print {
section.klausur {
background: url('./assets/klausur-pattern.svg') !important;
background-size: cover !important;
}
);
}
section.aufgabe {
background: #e3f2fd !important;

View File

@@ -55,13 +55,7 @@ section.klausur {
#e3f2fd 40px,
#fff 40px,
#fff 80px
) !important;
}
@media print {
section.klausur {
background: url('./assets/klausur-pattern.svg') !important;
background-size: cover !important;
}
);
}
section.aufgabe {
background: #e3f2fd !important;

View File

@@ -55,13 +55,7 @@ section.klausur {
#e3f2fd 40px,
#fff 40px,
#fff 80px
) !important;
}
@media print {
section.klausur {
background: url('./assets/klausur-pattern.svg') !important;
background-size: cover !important;
}
);
}
section.aufgabe {
background: #e3f2fd !important;