No-Class-MT is a CSS3 stylesheet which defines the styles needed for a responsive blog website. It's small (about 800 lines) and once minified weighs in at just 9kb.

Heading Styles

Our heading styles look like this:

Heading H1

Heading H2

Heading H3

Heading H4

Heading H5

Heading H6

Paragraph Styles

This is what our paragraph styles look like. Our text can also be Bold, Italic, Underlined or Highlighted. We can write Inline code like this, and keyboard commands like this: Alt+F4

List Styles

This is an unordered list:

List item 1
List item 2
List item 3

And here is an ordered list:

Firstly
Secondly
Thirdly

Link & Button Styles

Our hyperlinks look like this and our buttons like this:

Blockquotes

Friends don’t spy; true friendship is about privacy, too. – Stephen King

Code Blocks

			
				/* This is how you add a code block */
				header h1 {
				    float: left;
				    font-size: var(--h1-font-size);
				    font-weight: var(--font-weight);
				}

Accordions

I'm the Summary, click on me

The very first cloud business case I wrote in 2009 was for a global consumer packaged goods company that my business was providing a SaaS service to in our outsourced datacenter environment. Our datacenter infrastructure was creaking and was a risk to our business operations. We needed to reduce complexity in our service offering fast, as well as increase service availability, migrate to the cloud (we were an early adopter and ran the first ever successful PCI audit in the cloud), and increase our revenues, all whilst reducing our overheads.

Table Style

Test	Contact	Country
Alfreds Futterkiste	Maria Anders	Germany
Centro comercial Moctezuma	Francisco Chang	Mexico
Ernst Handel	Roland Mendel	Austria
Island Trading	Helen Bennett	UK
Laughing Bacchus Winecellars	Yoshi Tannamuri	Canada
Magazzini Alimentari Riuniti	Giovanni Rovelli	Italy