Styles

Notice that page titles are an H2 heading, for search engine compatibility.

This is an H1 heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel quam condimentum, suscipit arcu ut, viverra sem. Maecenas tincidunt, dolor sit amet volutpat tempor, ligula magna suscipit diam, id faucibus nisi tortor id nibh. Aenean vitae diam in velit porttitor volutpat at vel metus.

This is an H2 heading

Nullam fermentum, risus et hendrerit adipiscing, augue purus venenatis metus, non tempus erat risus pulvinar neque. Sed elementum odio non dui rutrum, sit amet semper erat elementum. Nam hendrerit faucibus risus quis faucibus. Donec adipiscing dui in tortor commodo semper. Sed pretium sit amet risus nec placerat.

This is an H3 heading

This is an unordered list:

Unordered list with multi-line entries:

This is an H4 heading

This is an ordered list:

  1. Aenean et mauris vitae arcu sollicitudin mollis.
  2. Mauris consequat odio ac nulla feugiat, sed gravida urna condimentum.
  3. Nam quis metus eros.
  4. Quisque ac porttitor enim.
  5. Vestibulum euismod aliquam sapien.
  6. Praesent in urna vitae arcu porta venenatis vel cursus diam.

Unordered list with multi-line entries:

  1. Proin ultrices iaculis nunc non lacinia. Maecenas tempor dignissim tortor, vitae eleifend leo iaculis id. Sed interdum, lorem et aliquet placerat, mi eros pulvinar elit, a auctor nisl dolor quis ligula. Etiam dapibus, mi eget ultricies placerat, nulla tortor sodales ligula, eu mattis turpis arcu bibendum risus.
  2. Etiam malesuada risus at aliquet suscipit. Sed condimentum vel ante ac fringilla. Suspendisse nec massa eget erat adipiscing interdum nec a felis. Nunc faucibus ac neque ac posuere. Nam congue diam mollis suscipit eleifend.
  3. Vestibulum vulputate nisl vel tellus pellentesque, consectetur convallis magna blandit. Phasellus ultricies pellentesque nibh, eu iaculis quam tincidunt nec.
This is an H5 heading

This is a blockquote:

Aliquam pretium ante nisi, at malesuada mi tincidunt quis. Maecenas ullamcorper lobortis mauris vitae dapibus. Proin congue pharetra gravida. Donec accumsan nisi ac turpis pretium hendrerit. Nulla egestas egestas nisl vitae porttitor. Maecenas tempus iaculis volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget nibh ac nisl tincidunt volutpat a vel leo. Maecenas blandit placerat nunc et pulvinar.
This is an H6 heading

Here we will see some miscellaneous styles:

Definition List:

Proin ullamcorper
Ligula lorem, ut congue nibh luctus eu.
Nunc scelerisque
porttitor luctus
Integer eget lobortis dolor
Nullam malesuada dui tincidunt, porttitor tortor vitae, commodo felis. Cras egestas, magna in ornare tristique, est sapien lobortis orci, eu egestas lacus erat in elit. Fusce a venenatis ligula. Vestibulum ut mauris eget lacus tincidunt tincidunt. Sed luctus dui eros, commodo facilisis augue tincidunt eu. Maecenas condimentum vulputate tristique. Phasellus porta mollis justo, nec ullamcorper sapien pellentesque nec. Etiam venenatis volutpat velit ac aliquam. Duis at semper nunc, id euismod ante. Nulla augue quam, fermentum quis faucibus et, rutrum tempus metus.

Preformatted Code:

for x = 1 to z
print "Hello, world"
next x
end

Form Elements:

I had to take some liberties with these elements, because no character on the show was ever depicted signing up for a PayPal account.

Also, this isn't a real form and nothing will happen if you click anything.

Text Entry

Text Field:

Text Area:

Selections

Select Element:

Radio Buttons:



Checkboxes:



Miscellaneous Form Elements

Password

(Unfortunately, file uploads are styled by your browser's chrome, rather than by CSS, so we're going to have to live with ugly on this bit.)

To create a submit button as seen above, edit the HTML and add a class of "button" to the submit input, like this:

<input class="button" type="submit" value="Submit" />

 

Published on stardate 2014.07.30

URL for this page: http://www.kjodle.net/getsimple/lcars/styles/

Sidebar #2

The LCARS-Next-Gen Theme supports a second sidebar in this location.

To learn how to activate it, and to get usage hints, view the demo installation here.

Here are examples of sidebar headings:

H1 heading

H2 heading

H3 heading

H4 heading

H5 heading
H6 heading