MediaWiki:Mobile.css: verschil tussen versies

MediaWiki:Mobile.css (bekijk bron)

Versie van 2 mei 2023 13:01

1.296 bytes toegevoegd , 2 mei 2023

k

Aanpassingen voor verbeterde weergave op mobiele apparaten

Cierick Goos

4.504

bewerkingen

@@ Regel 1: / Regel 1: @@
 /* All CSS here will be loaded for users of the mobile site */
-#ca-talk { display:none!important; }		/** Verwijdert "Discussie" tab */
 /** Opmaak voor titel en ondertitel classes */
@@ Regel 18: / Regel 16: @@
    font-size: 1.8em;
    margin: 0.1em 0em 0.2em 0em;
+}
+/** Opmaakprofielen voor kolommen */
+.kolommen-2,
+.kolommen-3,
+.kolommen-4 {
+  column-gap: 2em;                             /** ruimte tussen de kolommen */
+  margin-top:0.3em;
+}
+.kolommen-2 {
+  columns: 18em 2;                             /** minimale kolombreedte en maximaal aantal kolommen */
+}
+.kolommen-3 {
+  columns: 12em 3;                             /** minimale kolombreedte en maximaal aantal kolommen */
+}
+.kolommen-4 {
+  columns: 9em 4;                              /** minimale kolombreedte en maximaal aantal kolommen */
+}
+.kolommen-2 :first-child,
+.kolommen-3 :first-child,
+.kolommen-4 :first-child {
+  margin-top: 0;                               /** geen boven marge voor eerste element binnen een kolom */
+}
+.kolommen-2 li,
+.kolommen-3 li,
+.kolommen-4 li {
+  break-inside:avoid;                          /** voorkom kolom breaks binnen een item van een lijst */
+}
+/** Opmaakprofiel voor tekst zoals in een krant */
+.krant {
+  text-indent: 2em;                            /** inspringen bij begin van een paragraaf */
+  text-align:justify;                          /** tekst uitvullen over hele (kolom) breedte */
+}
+.krant p {
+  margin-top: 0;                               /** geen extra regelafstand boven een paragraaf */
+  margin-bottom: 0;                            /** geen extra regelafstand onder een paragraaf */
 }