I2P Website: Documentation Pages Poorly Formatted For Printing

[slumlord]

I tried to print out some pages of I2P documentation from the website and the pages are really badly formatted for printing. Please see attached screenshot.

I believe some CSS changes would improve formatting for better readability on printed pages.

[slumlord]

Screenshot of print preview

[slumlord]

Useful resource:

(clearnet link) ​http://edutechwiki.unige.ch/en/CSS_for_print_tutorial

---

I am printing out some of the documentation, to do this I am converting the text to markdown. If anyone would like these markdown files, please let me know. You can find me on IRC2P.

[slumlord]

Shifted to LaTeX documentation due to complexity of documentation.
Draft will be shared publicly when ready for review & comments.

[eyedeekay]

Applying the following CSS *after* all other CSS has been applied causes the text to appear "Wrapped" and to make use of the whole width of the page only when the page is being printed. This results in more readable pages and fewer overall printed pages.

@media print { div#content .aside {
    word-wrap: break-word;
    display: !important;
}}

@media print { div#content .inner .fluid {
    margin-right: 3%;
    display: !important;
}}

@media print { div#content .inner .meta {
    position: unset;
    left: unset;
    margin: unset;
    right: unset;
    text-align: unset;
    display: block !important;
}}

@media print { div#content .inner .sidebar {
    word-wrap: break-word;
    margin-right: 2%;
    display: !important;
}}

@media print { div#content .content-inner {
    margin-left: 3%;
    padding-right: 4em;
    display: !important;
}}