Différences

Ci-dessous, les différences entre deux révisions de la page.

--- css [2026/04/03 14:57] – avillepreux
+++ css [2026/06/25 08:13] (Version actuelle) – avillepreux
@@ Ligne 75: / Ligne 75: @@
+/* Ajout d'une nouvelle facon de mettre en page : le support du layout "grid" */
-</CSS>
+.wrap_grid {
+    --grid-default-min-width: 320px;
+    &.wrap_1 { --n: 1; --grid-default-min-width: 1600px }
+    &.wrap_2 { --n: 2; --grid-default-min-width:  520px }
+    &.wrap_3 { --n: 3; --grid-default-min-width:  320px }
+    &.wrap_4 { --n: 4; --grid-default-min-width:  240px }
+    &.wrap_5 { --n: 5; --grid-default-min-width:  200px }
+    &.wrap_6 { --n: 6; --grid-default-min-width:  120px }
+    &:not(&:has(>p)), & > p {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(var(--grid-default-min-width), 1fr)) !important;
+        padding: 0;
+        --gap: 1rem;
+        gap: var(--gap);
+        > * { margin: 0 }
+        > br { display: none }
+        a > img { display: block }
+        @media print {
+            --page-width: min(1300px, 100vw);
+            --margin-dokuwiki: 32px;
+            --margin-pdf: 1cm;
+            --page-cols: calc(var(--n) - 1);
+            --grid-default-min-width: calc(calc(var(--page-width) - 2 * var(--margin-pdf) - 2 * var(--margin-dokuwiki) - calc(var(--page-cols) - 1) * var(--gap)) / var(--page-cols));
+        }
+    }
+}
-<CSS>
+@media print {
+	body, body.default.dw-page-on-panel.tpl_bootstrap3, body.optional.dw-page-on-panel.tpl_bootstrap3 {
+		background-image: none !important;
+	}
+}
+</CSS><CSS>
 /***********************************************************************************************************
@@ Ligne 91: / Ligne 126: @@
 .table { word-break: initial; }
-/* Ajout d'une nouvelle facon de mettre en page : le support du layout "grid" */
-.wrap_grid {
-  --grid-default-min-width: 320px;
-  &.wrap_1 { --grid-default-min-width: 1600px }
-  &.wrap_2 { --grid-default-min-width:  520px }
-  &.wrap_3 { --grid-default-min-width:  320px }
-  &.wrap_4 { --grid-default-min-width:  240px }
-  &.wrap_5 { --grid-default-min-width:  200px }
-  &.wrap_6 { --grid-default-min-width:  120px }
-  &:not(:has(>p)), & > p {
-      display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(var(--grid-default-min-width), 1fr));
-      padding: 0;
-      gap: 1rem;
-      > * { margin: 0 }
-      > br { display: none }
-  }
-}
 </CSS>
 {{page>/css/themes}}
 {{page>/css/diagrams.net}}
@@ Ligne 126: / Ligne 141: @@
 {{page>/css/wrap_avillepreux}}
 {{page>/css/print}}
 {{page>/js}}