About Custom CSS

Your Multiply site is made up of a number of smaller pieces, or elements, and you can customize any of those elements using Cascading Style Sheets (CSS). Go to the Settings page and select "Custom CSS" to do so. Most of the major elements of your site are listed below. Under each you can find the correct syntax to use to customize that particular element.

BODY

---

main body
body { %elements }

NAVIGATION

---

global navigation bar
table.globalnav { %elements }

input area on global navigation bar
.navinput { %elements }

your page's navigation area
div.owner_nav { %elements }

your page navigation links
li.gnopt a { %elements }
li.gnopt a:visited { %elements }
li.gnopt a:hover { %elements }
li.gnopt a:links { %elements }

your page navigation currently selected link
li.gnoptsel a { %elements }
li.gnoptsel a:visited { %elements }
li.gnoptsel a:hover { %elements }
li.gnoptsel a:links { %elements }

RAIL

---

main portion of right rail
.rail { %elements }

inner portion of right rail
.railbody { %elements }

top portion of right rail with mini profile
.railstart { %elements }

bottom portion of right rail
.railend { %elements }

right rail links in profile area
ul.sidelist a { %elements }
ul.sidelist a:visited { %elements }
ul.sidelist a:hover { %elements }
ul.sidelist a:links { %elements }

For visual consistency it is recommended that you apply similar attributes to the rail elements, with the exception of 'width' for the railbody.

TITLES

---

site title
h1#page_owner_title { %elements }

page title
h1 { %elements %>

ITEMBOXES

---

item box title area (top portion of item box)
.itemboxsub { %elements }

item title area right detail info
.itemsubsub { %elements }

item contents
.itembox { %elements %}

item contents for albums in linear mode
.itemboxalbum { %elements }

links inside itembox
.itembox a { %elements }
.itembox a:visited { %elements }
.itembox a:link { %elements }
.itembox a:hover { %elements }

link inside itembox heading
.cattitle a { %elements }

legend area (in profile page only)
.itembox legend { %elements }

TOP HAT NAVIGTION

---

div.gndd { %elements }
div.gndd a { %elements }
div.gndd a:hover { %elements }

CALENDAR

---

calendar lines
.caldiv1 { %elements }

calendar header area (days of week)
.caldiv1 th { %elements }

calendar date cell
.caldiv1 td { %elements }