Style Examples

This page will display examples of the various styles supported by our stylesheets. Please take a look and consider if you'd like anything changed, what should be changed, and how it should be changed. Please note that everything was done 100% within the WYSIWYG editor. I did not use HTML code mode for any part of this page.

Note that what shows on the published page will not look like what is in the Farcry editor. Once we reach a consensus on changing some of the styles, I will customize Farcry so that what you see in the editor more closely resembles what is on the published page.

Thanks!

This is a "Heading 1" as selected in Farcry.

This is a regular ol' paragraph.

This is a "Heading 2" as selected in Farcry.

This is a regular ol' paragraph.

This is a "Heading 3" as selected in Farcry.

This is a regular ol' paragraph.

This is a "Heading 4" as selected in Farcry.

This is a regular ol' paragraph.

This is a "Heading 5" as selected in Farcry.

This is a regular ol' paragraph.

This is a "Heading 6" as selected in Farcry.

This is a regular ol' paragraph.

This paragraph right here has had the "paragraph no spacing" style applied to it. "No spacing" means no space at the bottom.

This one is "Two-Column Left."
And this one is... wait for it... "Two-Column Right."

All of these items were entered directly in the Farcry editor, selected, and then had the styles applied to the selection. This is the "paragraph full-width," incidentally.

This is a normal paragraph; nothing has been applied to it.

Fun with Editor Icons

Here is an example of a bolded phrase. Here is an italicized one. Underline and strikethrough work also.

This paragraph is right-justified using the icons in the editor menu bar. Note that where the paragraph appears, and what it is justified against, most likely depends on a "containing element" (in this case, the main "content" div). You might not get the results you would expect if you simply select a paragraph and click the button.

Here is a centered paragraph. The same caveats above apply to centered paragraphs, too.

And here is a full-justified paragraph. To see the complete effect, you need a bunch of text, so I will just copy and past these two sentences a few times. And here is a full-justified paragraph. To see the complete effect, you need a bunch of text, so I will just copy and past these two sentences a few times. And here is a full-justified paragraph. To see the complete effect, you need a bunch of text, so I will just copy and past these two sentences a few times. And here is a full-justified paragraph. To see the complete effect, you need a bunch of text, so I will just copy and past these two sentences a few times. And here is a full-justified paragraph. To see the complete effect, you need a bunch of text, so I will just copy and past these two sentences a few times. And here is a full-justified paragraph. To see the complete effect, you need a bunch of text, so I will just copy and past these two sentences a few times.

Whew! Enough of that!

You can apply justification within two-column layouts as well. This paragraph is right-justified and has had the two-column left style applied to it.
This one is left-justified and has had the two-column right style applied to it. But I could have right-justfied it or centered it just as easily. It would align within the right column.

 

Pretty neat, huh?

We use lists a lot on our pages, and spacing from top and bottom of the lists can be unsatisfactory. Below is a bulleted (unordered) list, straight outta Farcry:

  • It's got pizzazz
  • It's got charazzma
  • It's got bullet points

Again, everything was done by typing straight into Farcry and using the editor menu. Here is a numbered (ordered) list, which should work the same way:

  1. This is my first argument.
  2. Point the second.
  3. And in conclusion...

Farcry also has an indent button. Below is an example of what a line of indented text looks like, when done between two non-indented paragraphs that have had no other styles applied to them.

This is the indented part right here.

And now back to our regularly-scheduled paragraph. Below is an example of a series of paragraphs with the "Paragraph no spacing" style applied. Each line is a separate paragraph, done by hitting the "enter" key in the Farcry editor. Here they are:

No space after this paragraph.

No space after this paragraph.

No space after this paragraph.

No space after this paragraph.

No space after this paragraph.

You could even select a whole bunch and apply the style to all of them (which is, in fact, what I did above).