Published on BigCloset TopShelf (https://bigclosetr.us/topshelf)

Home > Still More On Indentation

Still More On Indentation

Submitted by Puddintane on Sat, 2007/12/29 - 6:15pm

Author: 

  • New Author

Taxonomy upgrade extras: 

  • General Audience (pg)

Ok, I tried looking at the standard stylesheets that come with the site, and found several styles that were coded loosely enough to access for other purposes.

Test Stylesheets

<p class="messages">Text</p>

Aliquam lectus orci, adipiscing et, sodales ac, feugiat non, lacus. Ut dictum velit nec est. Quisque posuere, purus sit amet malesuada blandit, sapien sapien auctor arcu, sed pulvinar felis mi sollicitudin tortor.</p>

<p class="site-name">Text</p>

Aliquam lectus orci, adipiscing et, sodales ac, feugiat non, lacus. Ut dictum velit nec est. Quisque posuere, purus sit amet malesuada blandit, sapien sapien auctor arcu, sed pulvinar felis mi sollicitudin tortor.</p>

<p class="site-slogan">Text</p>

Aliquam lectus orci, adipiscing et, sodales ac, feugiat non, lacus. Ut dictum velit nec est. Quisque posuere, purus sit amet malesuada blandit, sapien sapien auctor arcu, sed pulvinar felis mi sollicitudin tortor.

<p class="submitted">Text</p>

Aliquam lectus orci, adipiscing et, sodales ac, feugiat non, lacus. Ut dictum velit nec est. Quisque posuere, purus sit amet malesuada blandit, sapien sapien auctor arcu, sed pulvinar felis mi sollicitudin tortor.

So adding the ability to allow authors a little more latitude in formatting their stories would be simply a matter of adding a few styles to the standard ones, possibly using a new stylesheet, imported as are all the others.

As a suggestion, here are a few that might be interesting:

.parindent
{
text-indent: 3em;
}

This sets a three emspace indent at the front of every paragraph with a class of "parindent."

.dropcap:first-letter
{
font-size: 300%; float: left;
}

This creates an enlarged drop capital for the initial letter of paragraphs with a class of "dropcap."

.smallcap:first-line
{
font-variant: small-caps;
}

This sets the first line of any paragraph in small-caps, a style often seen in newspapers to emphasize the lead-in to a story. The class is "smallcap."

.dropsmallcap:first-line
{
font-variant: small-caps;

}

.dropsmallcap:first-letter
{
font-size: 300%; float: left;
}

Note that the class "dropsmallcap" is defined twice, once to create the first line treatment and then again to create the first letter treatment, formatting a line with the first letter enlarged and the remainder of the line set in smallcaps.

.dropredcap:first-letter
{
font-size: 300%; float: left; color: red;
}

A drop cap in red.

Of course, one would have to do a little tweaking...

Cheers...

Click Like or Love to appropriately show your appreciation for this post:

Source URL:https://bigclosetr.us/topshelf/blog-entry/5384/still-more-indentation