diff options
author | David Thompson <dthompson@vistahigherlearning.com> | 2022-02-18 09:33:51 -0500 |
---|---|---|
committer | David Thompson <dthompson@vistahigherlearning.com> | 2022-02-18 09:33:51 -0500 |
commit | e984ffa0b1b1106151efd6f57f40e0565c39d0b1 (patch) | |
tree | 8ba32ecc5e59e80b93e211be0f069ead4849c800 /css | |
parent | 1466f38f0bd71980e1079cf6fcc642dc36034214 (diff) |
Make the planner decently printable.
Diffstat (limited to 'css')
-rw-r--r-- | css/garden.css | 105 |
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; + } +} |