initial commit on forge variable

assets/css/main.css

@@ -137,6 +137,50 @@ figure[data-crop="false"] img {
 	column-width: auto!important; 
 }
 
+.print-image{
+	position: relative;
+}
+
+.print-image div{
+	position: absolute;
+	top: 0;
+	left: 0;
+	mix-blend-mode: multiply;
+	vertical-align: top;
+}
+
+.print-image figcaption{
+	position: absolute;
+	bottom: 0;
+}
+
+.print-image .print-red{
+	background: var(--rouge);
+}
+
+.print-image .print-green{
+	background: var(--vert);
+}
+
+.print-image .print-blue{
+	background: var(--bleu);
+}
+
+.print-image > div > img{
+	mix-blend-mode: screen;
+  -webkit-filter: grayscale(100%) contrast(200%);
+  filter: grayscale(100%) contrast(200%);
+  opacity: 1;
+}
+
+body[data-template="print"] .print-image {
+	display: block;
+}
+
+body[data-template="print"] .web-image {
+	display: none;
+}
+
 table {
   border-collapse: collapse;
   width: 100%;
@@ -182,6 +226,28 @@ td:last-child{
 }
 
 
+/* Gestion des couches */
+body.isolate-red-layer .green-layer,
+body.isolate-red-layer .blue-layer,
+body.isolate-red-layer .black-layer { display: none; }
+
+body.isolate-green-layer .red-layer,
+body.isolate-green-layer .blue-layer,
+body.isolate-green-layer .black-layer { display: none; }
+
+body.isolate-blue-layer .red-layer,
+body.isolate-blue-layer .green-layer,
+body.isolate-blue-layer .black-layer { display: none; }
+
+body.isolate-black-layer .red-layer,
+body.isolate-black-layer .green-layer,
+body.isolate-black-layer .blue-layer { display: none; }
+
+/* Noir et blanc */
+body.mode-black .print-image > div {
+	background: transparent;
+}
+
 /* fade entre les pages */
 #fade{
   opacity: 0;