CSS Schemes

The information written here explains the style templates used on this site. TODO's for this page are listed at the end.

h1, h2, h3, h4

  • margin: 20px 0px;
  • color: purple_heart

Header 1

  • font-size: 60px;

Header 2

  • font-size: 55px;

Header 3

  • font-size: 50px;

Header 4

  • font-size: 45px;

p, li

This is a paragraph. Lists also have the same size and color.

  • font-size: 30px;
  • line-height: 1.75;
  • color: medium_purple
  • margin: 40px 0px 40px 40px;

ol

  1. List item
  2. List item
  • margin: 20px 0px 20px 80px;

ul

  • margin: 20px 0px 20px 40px;
  • list-style-type: square;

li

  • margin-bottom: 0px;

a

Anchor
  • color: Motif
  • margin: 20px 0px 20px 0px;

table, th, td

th Table Header
Table Data td
  • font-family: 'Dark Potion 27', sans-serif;
  • border: 5px solid;
  • border-color: gigas
  • font-size: 25px;
  • color: medium_purple
  • border-collapse: collapse;

table

  • margin: 20px 0px;

th, td

  • padding: 20px;

The page margin is a class that contains everything on the screen except full screen elements. In this example, it has a border to shows the area it takes up.

TODO:

Misc

User Posts

Oracle cards within posts

oracle-2.css

Basic Audio Player

Home