From abff2cba9ba6117ff00d6a017b7a88058fea16a0 Mon Sep 17 00:00:00 2001
From: antonin gallon
Date: Mon, 24 Nov 2025 18:33:54 +0100
Subject: [PATCH] style d'impression
---
assets/css/panel.css | 10 +++---
assets/css/src/generic.css | 3 ++
assets/css/src/print.css | 69 +++++++++++++++++++++++++++++++-------
site/templates/linear.php | 4 +++
4 files changed, 68 insertions(+), 18 deletions(-)
diff --git a/assets/css/panel.css b/assets/css/panel.css
index 33ce206..3b53cbb 100644
--- a/assets/css/panel.css
+++ b/assets/css/panel.css
@@ -1,12 +1,12 @@
.k-panel-menu {
- background-color: var(--color-primary);
+ background-color: #000;
}
.k-panel-menu * {
- color: var(--color-background);
+ color: #fff;
}
.k-panel-menu-button[aria-current] * {
- color: var(--color-primary);
+ color: #000;
}
.k-panel[data-template="year"] .k-list-items .k-item:first-child {
@@ -20,6 +20,6 @@
border-radius: var(--rounded-md) var(--rounded-md) 0 0;
transform: translateY(0.3rem);
- background-color: var(--color-primary);
- color: var(--color-background);
+ background-color: #000;
+ color: #fff;
}
diff --git a/assets/css/src/generic.css b/assets/css/src/generic.css
index 99508e2..bd94abc 100644
--- a/assets/css/src/generic.css
+++ b/assets/css/src/generic.css
@@ -138,5 +138,8 @@ button.less::after {
width: 100%;
margin-top: calc(var(--unit--vertical) / 2);
}
+.only-print{
+ display: none;
+}
diff --git a/assets/css/src/print.css b/assets/css/src/print.css
index 25c61bc..c608b47 100644
--- a/assets/css/src/print.css
+++ b/assets/css/src/print.css
@@ -1,8 +1,18 @@
@media print {
/* Hide header / footer infos. */
+ * {
+ -webkit-print-color-adjust: exact;
+ print-color-adjust: exact;
+ }
+
@page {
- margin: 0;
+ /*variable pas supporter dans les marges...*/
+ /*
+ --unit--horizontal: 2.5vw;
+ --unit--vertical: 1.7rem;
+ */
+ margin: 2.5vw 1.7rem;
size: auto;
@top-left {
@@ -25,38 +35,58 @@
content: none;
}
}
+ .only-print{
+ display: block;
+ }
- .panel, nav {
- display: none;
+ .panel, nav, .main-edito-btn, .theme-toggler, .page-cover .links,
+ [data-template="home"] .title-wrapper button.open-nav, #nav-overlay{
+ display: none !important;
}
/* regle du light mode dupliqué*/
:root {
- --color-background: #ffffff;
- --color-primary: #000;
+ --color-background: #ffffff !important;
+ --color-primary: #000 !important;
--color-secondary-rgb: 140, 140, 140;
--font-weight-light: 240;
+
+ --unit--vertical: 2cm;
}
body {
- padding-top: 4rem;
background-image: none;
background-color: var(--color-background) !important;
}
-
+ #main-header {
+ position: relative;
+ page-break-after: always;
+ padding-top: 0;
+ }
.minimized #inactuel{
transform: none !important;
margin: 0 !important;
}
+ #logo *{
+ font-size: 27.3vw;
+ }
#logo h1{
display: grid;
grid-template-columns: 100%;
grid-template-rows: auto;
}
+ #logo span{
+ padding: 0;
+ }
#logo #actuel, #logo #inactuel{
grid-column: 1;
grid-row: 1;
}
+ [data-theme="light"] #logo #actuel, [data-theme="dark"] #logo #actuel,
+ [data-theme="light"] #logo #inactuel, [data-theme="dark"] #logo #inactuel{
+ mix-blend-mode: normal;
+ }
+
#logo #actuel {
font-weight: 550;
color: rgb(254, 250, 254) !important;
@@ -66,16 +96,19 @@
#logo #inactuel {
z-index: 0;
}
+ .page-cover{
+ padding-top: 0;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ height: auto;
+ page-break-after: always;
+ }
.main-title.fs-xxl {
font-size: 7rem !important;
line-height: 1 !important;
}
-
- #main-header {
- position: relative;
- }
-
#entry-btns {
display: none;
}
@@ -85,7 +118,17 @@
}
article #main-content {
- width: 60%;
+ /* width: 60%; */
margin: auto;
}
+ main {
+ padding-left: 0;
+ }
+ /* .url{
+ position: absolute;
+ transform: rotate(90deg);
+ transform-origin: top left;
+ bottom: 0;
+ right: 0;
+ } */
}
diff --git a/site/templates/linear.php b/site/templates/linear.php
index beab9b3..cd94c5e 100644
--- a/site/templates/linear.php
+++ b/site/templates/linear.php
@@ -20,6 +20,10 @@
/ = $page->category() ?>
+
+ imprimé le = \Kirby\Toolkit\Date::today()->format('d/m/Y'); ?>
+ = $page->url() ?>
+