HOME | DD

Description
Live preview »

Here's my second Journal skin attempt for =CypherVisor 's Modern Elite CSS Contest . This time, I went for a darker, more gloomy style, making use of some subtle background patterns, minimal and semi-transculent borders for many elements, an elegant ultra-condensed font for the headings, and sections at the top and bottom which look like they're wrapped around the content (hence the name "Wrapped").

In contrast to my other entry , this design is already fully coded and therefore installable, so I'd appreciate if you'd give it a shot! For information regarding the usage of all the included elements, check the instructions below. Enjoy!

Instructions
General note:
Because of the fact that writing a line break in the Journal editor leads to a real HTML line break (
), you might have to remove empty line breaks between certain items in your text (between a heading and the following text, for instance) to achieve the right spacing between the elements.

How to use headings:
—Heading title—

How to use lists:


—List item—


—List item—


—List item—

How to use quote boxes:
—Quote content—

How to use code boxes:
—Code snippet—
Note: If you want to prevent HTML code from being rendered, replace each front parenthesis (<) with <

How to use two columns:


—Left column content—


—Right column content—

How to use images:

How to suppress the background around an image:

How to remove all image backgrounds in an area:
—Content with images—

How to center images:





If you've got any further questions, feel free to ask!

You are free to use this work without prior permission.

The wallpaper thumbnails used in the preview are by =winnichip (permission granted)
The small icons used in the preview are by ~bogo-d (CC Attribution license)

Description
Live preview »

Here's my second Journal skin attempt for =CypherVisor 's Modern Elite CSS Contest . This time, I went for a darker, more gloomy style, making use of some subtle background patterns, minimal and semi-transculent borders for many elements, an elegant ultra-condensed font for the headings, and sections at the top and bottom which look like they're wrapped around the content (hence the name "Wrapped").

In contrast to my other entry , this design is already fully coded and therefore installable, so I'd appreciate if you'd give it a shot! For information regarding the usage of all the included elements, check the instructions below. Enjoy!

Instructions
General note:
Because of the fact that writing a line break in the Journal editor leads to a real HTML line break (
), you might have to remove empty line breaks between certain items in your text (between a heading and the following text, for instance) to achieve the right spacing between the elements.

How to use headings:
—Heading title—

How to use lists:


—List item—


—List item—


—List item—

How to use quote boxes:
—Quote content—

How to use code boxes:
—Code snippet—
Note: If you want to prevent HTML code from being rendered, replace each front parenthesis (<) with <

How to use two columns:


—Left column content—


—Right column content—

How to use images:

How to suppress the background around an image:

How to remove all image backgrounds in an area:
—Content with images—

How to center images:





If you've got any further questions, feel free to ask!

You are free to use this work without prior permission.

The wallpaper thumbnails used in the preview are by =winnichip (permission granted)
The small icons used in the preview are by ~bogo-d (CC Attribution license)