@sine-out

Description
This journal CSS is supposed to be 'simple'.
Yes, yes, I know there are a thousand and one 'simple' CSS layouts out there, hell, my last layout purported to be 'simple', and it was a mess, all things considered anyway.
This CSS is indirectly for *eCSSited contest (at [link]), which stipulates no images, since I am not a designer, my journal styles have no images by default (the reason why it's indirectly for the aforementioned contest, even though I am entering it, is because I had been thinking of doing a new CSS layout for a long time already, and this just happened to be a nice encouragement).

In the lines of 'ease of use' the code is, or at least should be, relatively simple, all you need is a title (if you don't want the splitting benefits of the title you don't actually need one, but for the sake of sectioning, it might be useful) and bog standard text. The HTML in the download should give an example of the text used for this journal, so it should help demonstrate how simple the HTML can be.

In the section below, you'll see the various combinations of HTML you can use, one thing you should notice is that, around any 'special HTML' (including divs, blockquotes, ul's, ol's, and dl's) there is an empty line both before and after them, I included this, because, basically, it's easier to read HTML when there is some space around it, and since this layout is supposed to be simple, I thought it prudent... just make sure you keep the same formatting.

Another thing to keep in mind is that the activity/mood list (or whatever you want to call it (the list that shows what you're reading/watching/listening too and so on)) should be placed at the bottom, top placement is nice, but it has never worked in my journal, so all my journal 'designs' are organised around that little bug.

Test
Text

The Nellie, a cruising yawl, swung to her anchor without a flutter of the sails, and was at rest. The flood had made, the wind was nearly calm, and being bound down the river, the only thing for it was to come to and wait for the turn of the tide.

The sea-reach of the Thames stretched before us like the beginning of an interminable waterway. In the offing the sea and the sky were welded together without a joint,...

...and in the luminous space the tanned sails of the barges drifting up with the tide seemed to stand still in red clusters of canvas sharply peaked, with gleams of varnished spirits. A haze rested on the low shores that ran out to sea in vanishing flatness.By someone from somewhere

• Unordered List


• Test


• Test
  With line break

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed ipsum urna, congue vitae, accumsan lacinia, aliquam ut, lorem. Nam sodales mauris et risus. Vestibulum enim. Aliquam erat volutpat. Nunc commodo vehicula magna. Mauris sed orci bibendum nibh tincidunt fringilla.

1. Ordered List


2. Test


3. Test
   With line break

Donec tristique ante. Vestibulum porta pede non nisi. Praesent ac ipsum. Phasellus eu lorem. Nulla nibh diam, commodo eu, egestas quis, sollicitudin eleifend, purus. Aenean semper iaculis neque. Vestibulum vehicula vestibulum erat.Nulla facilisi.

Definition List

Definition

Test

Definition

Definition title
with line break

Definition
with line break

Cras interdum eros vel neque. Duis dapibus ipsum nec nisi. Mauris erat purus, lobortis quis, dapibus a, dictum a, lorem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque quam dui, malesuada quis, porta a, egestas a, tellus.

Thumbnails

Normal thumbs



Horizontal/Vertical Alignment



Thumbtable