Id = address
Colors used:Background: #4fa4cfForeground: #ffffcbText: #3c2805

These classes are defined in CommonStyle.css:

h2 Heading

h3 Heading

h4 Heading

h5 Heading
h6 Heading

<p> Padding b 15px

<hr> is below


Class = bolditalic
Class = centertext
Class = ctritalic
Class = italic
Class = subhead
Class = subheadctr
Class = youtube (absolute positioning)<a> looks like this

  • Unordered list
  • Unordered list. Note: <a> is brown
  • Unordered list

  • Unordered list w/Class = roomylist
  • Has more room between list entries (padding-bottom: 1em)
  • Has larger bold (110%) text

  • Unordered list w/Class = centerlist
  • Text is bold, there's a 175px left-margin
  • And the line-spacing is 160%
  • Note: <a> is u/l & blue on hover

<div class = "centered">(Only affects unordered lists within the DIV)
  • Unordered list is centered
  • And text is italic
  • And there's a margin-bottom of 5px
Ordinary text is unaffected.
</div>

<div class = "homepagehead">
Example
</div>
To start a background-colored box with rounded corners:
<div class="normalbox">
(Note that text within is centered and bold)
Class = creamcapbig
Class = creamcapreg
Class = creamtext
Class = dropcap
To end rounded corners: </div>
To start a background-colored pure text box with rounded corners:
<div class="normaltextbox">
(Note that the text within is left-justified, normal weight and the first character is given a drop cap)
To end rounded corners: </div>
To start box this color with rounded corners:
<div class="dogcolorbox">
(Text within is centered)

Class=doghdrtd

To end rounded corners: </div>
To start box this color with rounded corners:
<div class="seniorbox">
(Text within is centered)
Class = nodogs
To end rounded corners: </div>

Below are some classes with particular uses on the Greyhounds page.
Note, some of these attributes may be accumulative:
Class=bluetext td60Class=td70td70td70
Class=blueleftClass=texttexttexttext
 redtexttexttexttext 

Class=blueleft
Cat friendliness code 1 Class=leftextCat friendliness code 3 Class=leftext
Cat friendliness code 2 Class=leftext Not yet tested Class=leftext
Class=dogname2
Class=racingname
Class=dogsex
Class=dogsize
Class=
comment
alt
Class=dogsection.

Note that the text wraps around the class=adoptic picture.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque a libero a ligula aliquet venenatis. Maecenas blandit, purus at ornare lobortis, nibh ante lacinia ante, sed interdum orci nulla vel elit.Suspendisse potenti. Donec et odio eget dui commodo ultrices.

The following foreground-colored box within a background-colored box is due to Class=dogbox.
Class=cathead
Class=cathead
Class=cathead
Class=cathead
Class=categories keeps this section to a standard height for the icons that normally go here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque a libero a ligula aliquet venenatis. Maecenas blandit, purus at ornare lobortis, nibh ante lacinia ante, sed interdum orci nulla vel elit. alt Suspendisse potenti. Donec et odio eget dui commodo ultrices. Aenean in neque. Nunc placerat ultrices quam. Mauris dictum justo nec turpis. Nam congue orci at erat. Donec eu justo. Vivamus pretium orci sit amet lacus. Nullam lobortis congue nisl. Nulla a urna. Integer consectetur dignissim nibh. Mauris laoreet dolor eget lectus.

alt




These classes are defined in CalendarStyle.css ONLY:
(Note: Calendar.php does not use the "Main" and "Padding" divisions (unlike this page), so the following classes will appear differently on the Calendar page).
Class = calendarbox
Class = calendartext
(Note: The <h2> below is designed to mimic the regular <h2>, but on a page without the "Main" and "Padding" divisions)

h2 heading


These classes are defined in ContactStyle.css ONLY:
Class = address
Class = address2
Class = righttext

These classes are defined in DerbyLaneStyle.css ONLY:
Class = bigblue
Class = creamcaptitanic
Class = creamcaphuge
Class=Attending

These classes are defined in ForeverHomesStyle.css ONLY:
Class = carouselLeft
Class = carouselRight
Class = cloudname

These classes are defined in FormStyle.css ONLY:
Class = smallprint smallprint em

The following is the style of a form with id = adoptionform:
(The box around this area is styled by the fieldset keyword)
Styled by legend
Class = shortquestion (width 150px)em
The above input field's class = wide (300px)
The above input field is styled by #adoptionform input
The above input field with class = error
The above input field's class = narrow (85px)
Class = question (width 250px)
The above input field's class = wide (300px)
Class = Radio
The above input field is styled by #adoptionform input

The above line is styled by #adoption form hr
The above input field is styled by #adoptionform textarea
The above input field with class = error
Class = longquestion (width 430px)* Y N
Class = tinyquestion (width 70px)
Both above input fields are styled by #adoptionform input
Class = ctrquestion ctrquestion em
*
The above input field's class = wide (300px)
The above buttons are styled by #adoptionform #send & #adoptionform #send:hover

The following is the style of a form with id = maillistformform:
Styled by legend
Class = shortquestion (width 150px)em
The above input field's class = wide (250px)
The above input field's class = narrow (?)
Class = question (width 250px)
The above input field's class = wide (250px)
* Class = radio
   
The above buttons appear to have default styling

These classes are defined in GreyhoundStyle.css ONLY:
Class=switchbutton
Class=switchbutton2
Class=switchbutton3

These classes are defined in IndexStyle.css ONLY:
--- Div = newsflash ---
Class = eventlargectr
--- End of newsflash div ---

These classes are defined in LinksStyle.css ONLY:
To start box this color with rounded corners:
<div class="dogcolorbox">
(Text within is centered)
Class = headers
To end rounded corners: </div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque a libero a ligula aliquet venenatis. Maecenas blandit, purus at ornare lobortis, nibh ante lacinia ante, sed interdum orci nulla vel elit. alt text alt text Suspendisse potenti. Donec et odio eget dui commodo ultrices. Aenean in neque. Nunc placerat ultrices quam. Mauris dictum justo nec turpis. Nam congue orci at erat. Donec eu justo. Vivamus pretium orci sit amet lacus. Nullam lobortis congue nisl. Nulla a urna. Integer consectetur dignissim nibh. Mauris laoreet dolor eget lectus.
These classes are defined in MemoriesStyle.css ONLY:
Class=table.hdrtable

Class=table.maintable Note that a link gets a camera icon added
Class=
bevel

These classes are defined in TasksStyle.css ONLY:
Class = linkmatch
Class = right

(The following are only used on the password prompt screen, which doesn't use the same basic page classes, so the sizes will be different):

Class = error
Class = pushdown
pushes the following down 200px
Class = pwouter. Creates a round-cornered box (which doesn't show up here because it's the same color)

Class = pwinner. Creates a round-cornered box within the outer box. (This text is class creamcapbig)


These classes are defined in ThanksStyle.css ONLY:
Class = tinytext
Class = creamtextleft

Class=table.thankstable
Class=td.w50pc Class=td.w50pc