Mediawiki CSS Fixes Wanted for Whonix Wiki!

Website
1

Foreground.css vs Common.css

MediaWiki:Archive 2022-01-20 Foreground.css - Whonix vs MediaWiki:Common.css - Whonix - Are we currently using Common.css or is it fully ignored? Answer: both are used.

too much white space after headline

example:
~~https://www.whonix.org/wiki/Linux_Kernel_Runtime_Guard_LKRG~~

Between Linux Kernel Runtime Guard (LKRG) and Introduction is too much whitespace.

too much white space after top menu line

Definition of top menu line:

HOME DOWNLOAD DOCS FAQ HELP CONTRIBUTE NEWS

Between the top menu line and the donation banner there is too much white space.

uneven and too much white space in the wiki footer

Sometimes there is too much white space between sections in the footer. For some sections there is more/less (uneven) white space.

too much white space after table of contents

For example on Tor Browser Essentials there is too much white space after the table of contents.

too much white space before footer

For example on Whonix for Windows, macOS, Linux inside VirtualBox there is too much white space before the footer.

remove blockquote extraneous newlines

  • See Testpage4 - Whonix
    * A newline in the wiki markup after the opening <blockquote> tag should not result in an empty quote line in the generated html.
  • A newline in the wiki markup before the closing </blockquote> tag should not result in an empty quote line in the generated html.
  • Should functional similar to the <pre> tag.

Should use:

<blockquote><span style="white-space: pre;">textstart
middle
textend</span></blockquote>

It is not possible to add a newline before “textstart” and after “textend” for better readability for wiki editors.

prettify download button

mobile version: top menu line text not centered

In the mobile version the text is not horizontally centered.

mobile version: Missing project name in top menu line

In the mobile version there is no mention of Whonix in the top menu line.

Missing project logo in top menu

There should be the Whonix banner or logo in the top menu line or somewhere appropriate.

tables prettification

For example on Microsoft Windows Hosts the tables look a bit weird. One has to scroll down a lot (specifically on mobile) before having a chance to see what category it is about. Also the colors aren’t great.

missing table scroll buttons

When viewing Anonymity Operating System Comparison - Whonix vs Tails vs Tor Browser Bundle on mobile it is not obvious that one can scroll the the right. Maybe a scroll button would help? Doesn’t need to be necessarily a scroll button. Also a different table style might be a better solution.

table of contents too long

On many wiki pages such as for example Tor Browser Essentials the table of contents seems too long before there is any actual content. Is there a better way to present this?

documentation page

Any suggestions on how to prettify Whonix Documentation?

donation page

Any suggestions on how to prettify Donating to Whonix?

info box overlaps with thumbnail illustrative image

blockquote extraneous newline in the middle and lost spaces

  • ~~See Testpage4 - Whonix
  • There is an extraneous newline before the last line with text.
  • Some spaces in the middle are lost.

Other Suggestions?

Are there other stylistic changes that could be made?

2

Above post will be no longer updated.

The updated TODO list has been migrated here: