Site technical details

This site mostly relies on default settings of MediaWiki with few exceptions.

Heading style changes

The default heading style for some levels is the same. This makes it difficult to read pages where more than 3 levels of heading is needed.

The default styles are:

The styles used in this site are:

H1

Heading style changes

Before the changes

Before the custom CSS was added, the wiki used the default MediaWiki heading styles. The difference between H3, H4, H5 and H6 was not always clear.

The first custom version we added used different colours and styles:

<syntaxhighlight lang="css"> .mw-parser-output h4 {

   margin-top: 1.8em;
   margin-bottom: 0.6em;
   padding-bottom: 0.25em;
   font-size: 1.3em;
   line-height: 1.3;
   font-weight: 700;
   color: #2a4b8d;
   border-bottom: 1px solid #a2a9b1;

}

.mw-parser-output h5 {

   margin-top: 1.25em;
   margin-bottom: 0.45em;
   margin-left: 1em;
   padding-left: 0.65em;
   font-size: 1.08em;
   line-height: 1.35;
   font-weight: 600;
   font-style: italic;
   color: #54595d;
   border-left: 3px solid #a2a9b1;

}

@media (max-width: 640px) {

   .mw-parser-output h4 {
       font-size: 1.2em;
   }

   .mw-parser-output h5 {
       margin-left: 0.5em;
       font-size: 1.02em;
   }

} </syntaxhighlight>

This version was later removed because the colours, italics and vertical border did not match the rest of the wiki.

Current heading styles

The current version uses only black text and a descending size hierarchy:

• H1 is the largest heading and has an underline.
• H2 is smaller than H1 and has no underline.
• H3 is smaller than H2 and has an underline.
• H4 is smaller than H3 and has no underline.
• H5 is smaller than H4 and has an underline.
• H6 is the smallest heading and has no underline.

Current CSS

<syntaxhighlight lang="css"> /* Consistent black heading hierarchy */

1. firstHeading,

.mw-parser-output h1, .mw-parser-output h2, .mw-parser-output h3, .mw-parser-output h4, .mw-parser-output h5, .mw-parser-output h6 {

   color: #000;

}

1. firstHeading,

.mw-parser-output h1 {

   margin-bottom: 0.45em;
   padding-bottom: 0.2em;
   font-size: 2.25em;
   line-height: 1.2;
   font-weight: 400;
   border-bottom: 1px solid #000;

}

.mw-parser-output h2 {

   font-size: 1.7em;
   line-height: 1.25;
   border-bottom: none;

}

.mw-parser-output h3 {

   margin-bottom: 0.4em;
   padding-bottom: 0.15em;
   font-size: 1.4em;
   line-height: 1.3;
   border-bottom: 1px solid #000;

}

.mw-parser-output h4 {

   margin-top: 1.2em;
   margin-bottom: 0.35em;
   font-size: 1.2em;
   line-height: 1.3;
   font-weight: 700;
   border-bottom: none;

}

.mw-parser-output h5 {

   margin-top: 1em;
   margin-bottom: 0.35em;
   padding-bottom: 0.15em;
   font-size: 1.08em;
   line-height: 1.35;
   font-weight: 700;
   border-bottom: 1px solid #000;

}

.mw-parser-output h6 {

   margin-top: 0.9em;
   margin-bottom: 0.3em;
   font-size: 1em;
   line-height: 1.35;
   font-weight: 700;
   border-bottom: none;

}

@media (max-width: 640px) {

   #firstHeading,
   .mw-parser-output h1 {
       font-size: 1.9em;
   }

   .mw-parser-output h2 {
       font-size: 1.5em;
   }

   .mw-parser-output h3 {
       font-size: 1.3em;
   }

   .mw-parser-output h4 {
       font-size: 1.15em;
   }

   .mw-parser-output h5 {
       font-size: 1.04em;
   }

} </syntaxhighlight>