The Simple Universal Stylesheet

The Simple Universal Stylesheet

This stylesheet is made for anyone who doesn't know how/doesn't want to bother with CSS, but would still like to add styling elements to their stories. It will be built as user friendly as possible and will only require a bit of copy & paste on your part. Simply follow the directions and make your stories fancy!

1. Copy this code and include it at the top of every page you want to add style.

You'll notice right away that your paragraph font and size have both been changed to make your text more easily readable.

{{#css:simple-stylesheet.css}}

2. Copy this code and Use it for story titles or chapter titles.

Simply put your own title in between the tags

<h2>Your Text Here</h2>

This header is a bit smaller than the first. It's great for sub-headers

<h3>Your Text Here</h3>

3. Add a grey box around text.

This is great for things you need to make stand out. I designed this to display the characters for The Sorensen Family in the Sexual Research Commission.

<div class="call-out">
   Write your content here!
</div>

4. Adding a line (horizontal rule) This code adds a line across the page.

  <hr>

Other elements will be added later that you can copy and paste into your stories. These will include simple headers and a probably a few other nifty surprises. If all you want to do is increase the size of your paragraphs and make your story easier to read, you're all set!

This is a link to the stylesheet. Do not edit. simple-stylesheet.css