An Elegant CSS Style

Introduction

This file is a demo of eluhgunt.css, a CSS stylesheet for publishing nice-looking essays. It's intended to be pretty minimalistic and use some nice fonts. It works on mobile as well as desktop, and will scale down appropriately depending on the width of the display.

A level three header

This is what some text following an H3 looks like.

A level four header

This is what some text following an H4 looks like.

A level five header

This is what some text following an H5 looks like.

Examples of illustrations

The following is an example of an illustration image.

Here's some text following on from the illustration and making some apposite observations about the image. What an interesting image to use as an illustration. I guess I'll pat myself on the back.

We can also use other elements like iframes as illustrations. This is my own funny video. Ho ho ho, how very clever of me. By the way, did you like the horizontal rule that appeared before this section? I think it looks pretty nice.

Typical stylings

You probably want to see what the usual HTML elements look like, so here's a brief demo.

We just started a new paragraph. Here's a bullet point list:

This is what a link looks like next to some ordinary text. Hover over it if you're not quite convinced it's really a link, here's another link you have probably already visited.
We've got bold text. Just keep on reading because you certainly know that there's another great more example coming.
We've got italic text. Wow! Those are real italics!
Monospaced text, important for when we're naming all those functions in programming essays.

Let's remind ourselves of the three laws of robotics as an excuse to demonstrate numbered lists as well.

A robot may not injure a human being or, through inaction, allow a human being to come to harm.
A robot must obey the orders given it by human beings except where such orders would conflict with the First Law.
A robot must protect its own existence as long as such protection does not conflict with the First or Second Laws.

And, as Commander Data once said:

Early bird [gets the worm]? I believe Commander Shelby erred. There is no evidence of avian or crawling vermicular lifeforms on Jure IV.

Here's a table with some information in it:

City	Longitude	Latitude	Time Zone	Known For
London	51°30′N	0°7′W	UTC / UTC+1	Palace of Westminster; Westminster Abbey
Boston	42°21′N	71°03′W	UTC-5 / UTC-4	American Revolution; Harvard University & MIT
Naples	40°50′N	14°15′E	UTC+1 / UTC+2	Ruins of Pompeii; Pizza

As you can see the table looks nice.

Also, long words like Lopadotemachoselachogaleokranioleipsanodrimhypotrimmatosilphioparaomelitokatakechymenokichlepikossyphophattoperisteralektryonoptekephalliokigklopeleiolagoiosiraiobaphetraganopterygon will be broken if it's strictly necessary.

Source code formatting

We have a nice font configured so that we get nice looking source code when we use the pre element.

//
// Fixed point, 32bit as 16.16.
//
#define FRACBITS		16
#define FRACUNIT		(1<<FRACBITS)

typedef int fixed_t;

fixed_t FixedMul	(fixed_t a, fixed_t b);
fixed_t FixedDiv	(fixed_t a, fixed_t b);

Isn't that nice? Now we can provide some fascinating commentary on this piece of source code that I've just quoted. But I'm too lazy to.