diff --git a/src/index.html b/src/index.html
index 38bc2b7..73d6aee 100644
--- a/src/index.html
+++ b/src/index.html
@@ -16,6 +16,7 @@
+
div {
column-width: var(--colw);
column-gap: var(--gap);
@@ -94,21 +89,6 @@ h1 {
margin: 0;
}
}
-@media print {
- div.title {
- display: grid;
- grid-template-columns: 1fr min-content;
- align-items: center;
- }
- div.title > img {
- grid-column: -1;
- margin: 0;
- }
- div.title > * {
- grid-row: 1;
- margin: 0;
- }
-}
h1, h2, h3 {
font-weight: 250;
@@ -135,12 +115,6 @@ h4 {font-size: 1.2rem}
h5 {font-size: 1rem}
h6 {font-size: .8rem}
-@media print {
- h2 {
- display: none;
- }
-}
-
p, ul, ol, dl {line-height: var(--lh)}
em {font-variation-settings: 'slnt' -5}
strong {font-weight: 550}
@@ -192,7 +166,7 @@ dd {
color: inherit;
text-decoration: none;
}
-@media not print {
+@media screen {
.link-block > a {
background: var(--bg-01);
padding: var(--gap);
@@ -202,17 +176,6 @@ dd {
grid-template-rows: 1fr auto;
}
}
-@media print {
- .img-block {
- display: none;
- }
- .link-block > a {
- height: auto;
- }
- .link-block > a > .i {
- display: none;
- }
-}
.link-block > a:hover {
background: var(--bg-02);
}
@@ -244,13 +207,4 @@ footer {
margin: calc(-1 * var(--gap));
margin-top: 0;
}
-@media print {
- footer {
- display: none;
- }
-}
-@page {
- size: a4 portrait;
- margin: 2cm;
-}
diff --git a/src/static/css/print.css b/src/static/css/print.css
new file mode 100644
index 0000000..8e92224
--- /dev/null
+++ b/src/static/css/print.css
@@ -0,0 +1,41 @@
+body {
+ display: block;
+}
+
+div.title {
+ display: grid;
+ grid-template-columns: 1fr min-content;
+ align-items: center;
+}
+div.title > img {
+ grid-column: -1;
+ margin: 0;
+}
+div.title > * {
+ grid-row: 1;
+ margin: 0;
+}
+
+h2 {
+ display: none;
+}
+
+.img-block {
+ display: none;
+}
+.link-block > a {
+ height: auto;
+}
+.link-block > a > .i {
+ display: none;
+}
+
+footer {
+ display: none;
+}
+
+@page {
+ size: a4 portrait;
+ margin: 2cm;
+}
+