WackoWiki: Stress Test for themes

https://wackowiki.org/doc     Version: 2 (18.01.2018 11:46)

Stress Test for themes

The purpose of this page is to find CSS mistakes of newly developed themes more easily...



1. Header-related

Enough space to the following header?

This is a 'h1' header

Enough space between the header above and beyond?

2. This is a 'h2' header

Enough space between the header above and beyond?

2.1. This is a 'h3' header

Enough space between the header above and beyond?

2.1.1. This is a 'h4' header

Enough space between the header above and beyond?
2.1.1.1. This is a 'h5' header
Enough space between the header above and beyond?
2.1.1.1.1. This is a 'h6' header
Enough space between the header above?

horizontal line

'h1' header / small text / bold text / italic text / monospaced

'h1' header / small and bold text / small and italic text / bold and italic text

3. 'h2' header / small text / bold text / italic text / monospaced

4. 'h2' header / small and bold text / small and italic text / bold and italic text

4.1. 'h3' header / small text / bold text / italic text / monospaced

4.2. 'h3' header / small and bold text / small and italic text / bold and italic text

4.2.1. 'h4' header / small text / bold text / italic text / monospaced

4.2.2. 'h4' header / small and bold text / small and italic text / bold and italic text

4.2.2.1. 'h5' header / small text / bold text / italic text / monospaced
4.2.2.2. 'h5' header / small and bold text / small and italic text / bold and italic text
4.2.2.2.1. 'h6' header / small text / bold text / italic text / monospaced
4.2.2.2.2. 'h6' header / small and bold text / small and italic text / bold and italic text

5. Simple font-related

This is the default font.
We just need more words to reach the next line in this document. We just need more words to reach the next line in this document. We just need more words to reach the next line in this document.

This is bold
We just need more words to reach the next line in this document. We just need more words to reach the next line in this document. We just need more words to reach the next line in this document.

This is italic
We just need more words to reach the next line in this document. We just need more words to reach the next line in this document. We just need more words to reach the next line in this document.

This is underlined
We just need more words to reach the next line in this document. We just need more words to reach the next line in this document. We just need more words to reach the next line in this document.

This is a small text
We just need more words to reach the next line in this document. We just need more words to reach the next line in this document. We just need more words to reach the next line in this document.

This is monospace (every letter has the same length!)
We just need more words to reach the next line in this document. We just need more words to reach the next line in this document. We just need more words to reach the next line in this document.

This is a strike-through text
We just need more words to reach the next line in this document. We just need more words to reach the next line in this document. We just need more words to reach the next line in this document.

This is an important note
We just need more words to reach the next line in this document. We just need more words to reach the next line in this document. We just need more words to reach the next line in this document.

This is an important red text
We just need more words to reach the next line in this document. We just need more words to reach the next line in this document. We just need more words to reach the next line in this document.

This is an important green text
We just need more words to reach the next line in this document. We just need more words to reach the next line in this document. We just need more words to reach the next line in this document.

This is an important blue text
We just need more words to reach the next line in this document. We just need more words to reach the next line in this document. We just need more words to reach the next line in this document.

A marked text
We just need more words to reach the next line in this document. We just need more words to reach the next line in this document. We just need more words to reach the next line in this document.

horizontal line

This is a text with the above mentioned formatters. So this is bold, and this is italic, and this is underlined, and this is small, and this is monospaced, and this is strike-through, and this is important, and this is important and red, and this is important and green, and this is important and blue, and this is a marked text

This is a text with mixed formatters. So this is bold and small, and this is bold and italic, and this is bold, italic and small, and this is monospaced and bold, and this is monospaced and italic, and this is monospaced and small, and this is monospaced, bold, italic and small, and this is monospaced and strike-through, and this is monospaced, strike-through and bold, and this is monospaced, strike-through and italic, and this is italic and underlined, and this is strike-through and important, and this is a marked monospaced text