From b3929590a88b3b6a9d7fd015148e9fea03c6eb09 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20B=C3=BChler?= <david.buhler@cea.fr>
Date: Thu, 7 May 2020 12:15:52 +0200
Subject: [PATCH] New CSS tags to create sidenotes to the right of code.
---
assets/css/page.css | 29 +++++++++++++++++++++++++++++
1 file changed, 29 insertions(+)
diff --git a/assets/css/page.css b/assets/css/page.css
index a4dcb3ac..76b99d00 100644
--- a/assets/css/page.css
+++ b/assets/css/page.css
@@ -1230,3 +1230,32 @@ details summary:before {
transform: translateY(-10px);
}
}
+
+.sidecode {
+ width: 50%;
+ overflow: hidden;
+}
+.sidecode pre {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
+}
+sidenote {
+ position: absolute;
+ width: 45%;
+ margin-right: 5%;
+ right: -12px;
+ padding-left: 11px;
+ border-left: 3px solid #e9b040;
+ font-family: 'icomoon';
+ font-size: 17px;
+ text-align: justify;
+}
+sidenote + point {
+ content:'';
+ display: inline-block;
+ width: 100%;
+ margin: 0 -100% 0 .5em;
+ vertical-align: middle;
+ border-bottom: 1px solid #e9b040;
+}
--
GitLab