CSS designed to be applied anywhere (of course all CSS is universal.. but these are intended to save time when creating site content). A work in progress...

GREY BOX - Div class="grey-box" created a right floating grey box. Can be combined with bootstrap grid to create flaoting boxes. Parsley shallot courgette tatsoi pea sprouts.

INTRO - P class = "intro". Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

BIG INTRO - P class = "big intro". Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

SMALL - P class = "small". Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

META - P class = "credit". Gumbo beet greens corn soko endive gumbo gourd.

  • List style
  • With class = "checklist"
  • List style
  • With class ="arrow"

This is: class ="tag-list"

This is: class ="tag-list green", class ="tag-list green"

This is: class ="tag-list blue", class ="tag-list blue"

This is: class ="tag-list pink"


Any text (p/headers) set to class = "capital".

Heading set to class = "thin"

Heading set to class = "thick"

Paragraph set to class = "credit"

Heading set to class = "border"

Combine them, ie p - thick capital credit

Or h2 - thin lower border

GREEN LEAD H1 class ="green-lead"

A href set to class="bluebutton"

A href set to class="greenbutton"

A href set to class="greybutton"

A href set to class="greenbutton small"

A href set to class="greenbutton full-width"

placeholder image Image class="img-w-400" for 400px wide image

placeholder image Image class="img-w-250" for 250px wide image

placeholder image Image class="img-w-100" for 100px wide image

placeholder image Image class="img-w-75" for 75px wide image

BLUE BOX (class="blue-box"). There's others, ie .two-columns (2 columns), .three-columns (3 columns). .float-left, .float-right, .text-left, .top0p (0 margin at top), .max-50 (max-width: 50%), .max-60 (max-width: 60%), .max-70 (max-width: 70%), .max-80 (max-width: 80%),