summaryrefslogtreecommitdiff
path: root/css
diff options
context:
space:
mode:
authorDavid Thompson <dthompson@vistahigherlearning.com>2022-02-18 09:33:51 -0500
committerDavid Thompson <dthompson@vistahigherlearning.com>2022-02-18 09:33:51 -0500
commite984ffa0b1b1106151efd6f57f40e0565c39d0b1 (patch)
tree8ba32ecc5e59e80b93e211be0f069ead4849c800 /css
parent1466f38f0bd71980e1079cf6fcc642dc36034214 (diff)
Make the planner decently printable.
Diffstat (limited to 'css')
-rw-r--r--css/garden.css105
1 files changed, 99 insertions, 6 deletions
diff --git a/css/garden.css b/css/garden.css
index c418ae6..e05fbfa 100644
--- a/css/garden.css
+++ b/css/garden.css
@@ -462,16 +462,22 @@ tbody tr td:nth-child(n+2) {
border-left: 2px solid #fff;
}
-img.icon {
- display: block;
+.icon {
+ display: inline-block;
width: 1.5rem;
height: 1.5rem;
- margin: 0 auto;
}
-img.key {
- width: 1.5rem;
- height: 1.5rem;
+.icon-direct-sow {
+ background-image: url("../images/direct-sow.svg");
+}
+
+.icon-start-indoors {
+ background-image: url("../images/start-indoors.svg");
+}
+
+.icon-transplant {
+ background-image: url("../images/transplant.svg");
}
a {
@@ -554,3 +560,90 @@ h2.closed::after {
content: " ▲";
font-size: 75%;
}
+
+/* Printer friendly styles */
+@media print {
+ body {
+ color: #000;
+ background-color: #fff;
+ font-size: 12pt;
+ font-family: 'Linux Libertine',serif;
+ line-height: 100%;
+ text-rendering: optimizeLegibility;
+ }
+
+ h1, h2, h3 {
+ line-height: 100%;
+ margin-top: 0.25em;
+ margin-bottom: 0.25em;
+ }
+
+ #instructions p {
+ margin: 0;
+ }
+
+ .container {
+ margin-left: 0;
+ margin-right: 0;
+ }
+
+ .table-container {
+ page-break-before: always;
+ page-break-after: always;
+ }
+
+ .crop {
+ text-decoration-line: none;
+ }
+
+ .icon {
+ width: 1.5em;
+ height: 1.5em;
+ }
+
+ .icon-direct-sow {
+ content: url("../images/direct-sow-print.svg");
+ }
+
+ .icon-start-indoors {
+ content: url("../images/start-indoors-print.svg");
+ }
+
+ .icon-transplant {
+ content: url("../images/transplant-print.svg");
+ }
+
+ table {
+ font-size: 100%;
+ }
+
+ tbody tr:nth-child(odd) {
+ background-color: #ccc;
+ }
+
+ thead tr:nth-child(1) th {
+ font-size: 80%;
+ }
+
+ tbody tr td:nth-child(n+2) {
+ border-left: none;
+ }
+
+ th {
+ font-size: 60%;
+ padding: 0.1em;
+ }
+
+ td {
+ font-size: 80%;
+ padding: 0.1em;
+ }
+
+ h2.open::after {
+ content: none;
+ }
+
+ h2.closed::after {
+ content: none;
+ }
+}