D2L06.Css Stylesheet Styles

Sample Content for Stylesheet tests


Headings

Lists

Defined Colors and Div Blocks





Headings

Use logical headings to create document structure.  For accessibility - users can jump to next heading or subheading, so encoding these are important in documents.  These can be found in Microsoft Word under the STYLES formatting.


Heading 1 - Meant for Page Title Only


Heading 2 - Meant for Major Headings


Heading 3 - Meant for Sub-headings


Heading 4 - Meant for Sub-Sub-headings


Heading 5 - Meant for Sub-Sub-Sub-headings

Heading 6 - Meant for Sub-Sub-Sub-Sub-headings



Lists

Lists indention attributes are set in the CSS file
(<ol> - begin list; <li> - begin list item; </li> - end list item; </ol> - end list)
  1. Numbered Lists
    1. Numbered Lists
      1. Numbered Lists
        1. Numbered Lists
      2. Numbered Lists
      3. Numbered Lists
    2. Numbered Lists
  2. Numbered Lists
    1. Numbered Lists
      1. Numbered Lists
    2. Numbered Lists
  3. Numbered Lists
  4. Numbered Lists


For bulleted lists - the bullets are stored in the folder /images/icons/
(<ul> - begin list; <li> - begin list item; </li> - end list item;  </ul> - end list)


(<dl> - begin definition list; <dt> - begin term; </dt> - end term; <dd> - begin definition; </dd> - end definition; </dl> - end definition list)
Definition List
Term1
This is the definition for term 1.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.
Term2
This is the definition for term 2.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.
Term3
This is the definition for term 3.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.




Defined Colors and Div Blocks


Stylename (th)
Color Attributes (th)
class = "fillcolor00"
Sample Text
class = "fillcolor01"
Sample Text
class = "fillcolor02"
Sample Text
class = "fillcolor03"
Sample Text
class = "fillcolor04"
Sample Text
class = "fillcolor05"
Sample Text
class = "fillcolor06"
Sample Text
class = "odd"  (tr only)
Sample Text
class = "even" (tr only)
Sample Text



These textboxes float to the left; all other content flows around to the right and bottom of these regions
class=textboxyellow
The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain. 


spacing
spacing
class=textboxgreen
The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain. 


spacing
spacing
class=textboxblue
The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain. 


spacing
spacing
class=textboxred
The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain. 


spacing
spacing
class=textboxgray
The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain. 


spacing
spacing
class=textbox
The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain. 



These textboxes float to the right; all other content flows around to the left and bottom of these regions
class=textboxgreen_r
The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain. 


spacing
spacing
class=textboxblue_r
The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain. 


spacing
spacing
class=textboxred_r
The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain. 


spacing
spacing
class=textboxgray_r
The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain. 


spacing
spacing
class=textbox_r
The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain. 


spacing
spacing
spacing
spacing
The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain. 





class=picturebox

floats to the right side and FORCES any images place within <div class="picturebox"> to shrink to fit within the width

BlogThe quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain. 



Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.


The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.



The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.








return to top