Sandbox: CSS Test

This is just to try new CSS designs before moving them to other sites. Currently looking at the one from .

General HTML

This is testing basic HTML tags, without any special classes or modifiers.

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Normal Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Text Decoration

The Basics

Lists

Unordered List

Ordered List

  1. One
  2. Two
  3. Three

Basic Table

Heading 1 Heading 2 Heading 3 Heading 4
Cell 1-1 Cell 2-1 Cell 3-1 Cell 4-1
Cell 1-2 Cell 2-2 Cell 3-2 Cell 4-2
Cell 1-3 Cell 2-3 Cell 3-3 Cell 4-3
Cell 1-4 Cell 2-4 Cell 3-4 Cell 4-4

Specific CSS

This section is for tags and varients that are specific to the site being tested

Basics-ish

Lists

UL: Menu

Tables

Also: div class="maincolumns"

Temperature

On the web page, this one had custom color per cell.
Heading 1 Heading 2 Heading 3 Heading 4
Cell 1-1 Cell 2-1 Cell 3-1 Cell 4-1
Cell 1-2 Cell 2-2 Cell 3-2 Cell 4-2
Cell 1-3 Cell 2-3 Cell 3-3 Cell 4-3
Cell 1-4 Cell 2-4 Cell 3-4 Cell 4-4

Bus

Heading 1 Heading 2 Heading 3 Heading 4
Cell 1-1 Cell 2-1 Cell 3-1 Cell 4-1
Cell 1-2 Cell 2-2 Cell 3-2 Cell 4-2
Cell 1-3 Cell 2-3 Cell 3-3 Cell 4-3
Cell 1-4 Cell 2-4 Cell 3-4 Cell 4-4

Coffee

Heading 1 Heading 2 Heading 3 Heading 4
Cell 1-1 Cell 2-1 Cell 3-1 Cell 4-1
Cell 1-2 Cell 2-2 Cell 3-2 Cell 4-2
Cell 1-3 Cell 2-3 Cell 3-3 Cell 4-3
Cell 1-4 Cell 2-4 Cell 3-4 Cell 4-4

Cooking

Heading 1 Heading 2 Heading 3 Heading 4
Cell 1-1 Cell 2-1 Cell 3-1 Cell 4-1
Cell 1-2 Cell 2-2 Cell 3-2 Cell 4-2
Cell 1-3 Cell 2-3 Cell 3-3 Cell 4-3
Cell 1-4 Cell 2-4 Cell 3-4 Cell 4-4

Useful Characters

Heading 1 Heading 2 Heading 3 Heading 4
Cell 1-1 Cell 2-1 Cell 3-1 Cell 4-1
Cell 1-2 Cell 2-2 Cell 3-2 Cell 4-2
Cell 1-3 Cell 2-3 Cell 3-3 Cell 4-3
Cell 1-4 Cell 2-4 Cell 3-4 Cell 4-4

Calendar Symbols

Heading 1 Heading 2 Heading 3 Heading 4
Cell 1-1 Cell 2-1 Cell 3-1 Cell 4-1
Cell 1-2 Cell 2-2 Cell 3-2 Cell 4-2
Cell 1-3 Cell 2-3 Cell 3-3 Cell 4-3
Cell 1-4 Cell 2-4 Cell 3-4 Cell 4-4

Basic

Heading 1 Heading 2 Heading 3 Heading 4
Cell 1-1 Cell 2-1 Cell 3-1 Cell 4-1
Cell 1-2 Cell 2-2 Cell 3-2 Cell 4-2
Cell 1-3 Cell 2-3 Cell 3-3 Cell 4-3
Cell 1-4 Cell 2-4 Cell 3-4 Cell 4-4

Sig

Heading 1 Heading 2 Heading 3 Heading 4
Cell 1-1 Cell 2-1 Cell 3-1 Cell 4-1
Cell 1-2 Cell 2-2 Cell 3-2 Cell 4-2
Cell 1-3 Cell 2-3 Cell 3-3 Cell 4-3
Cell 1-4 Cell 2-4 Cell 3-4 Cell 4-4

Created by I. Charles Barilleaux
Last Update August 25, 2024