| San Jose Repertory Theatre - Website Style Guide | ||
| Typography Specs | ||
| CSS Stylesheet: mainstyles.css | ||
| Style | Samples | CSS Specs |
| Body base text | all pages | { font-family: Verdana, Arial,
Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight:
normal; color: #000000; background-color: #000066} |
| Footer | all pages | .footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 11px; font-weight: normal; color: #FFFFFF} |
|
Link attributes |
all pages | a:link { color:
#FF6633} a:visited { color: #CC6600} a:hover { color: #33CCFF} |
| Sections / page heads | Page Head | .sections { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000066} |
| Body text | all pages use this text size and leading attribute 11/17px | .txt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; line-height: 17px} |
| small text for sidebars/navigation areas as well as in the calendar for the actual events | small text | .smtxt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; line-height: 12px} |
| smaller text used in sidebars on the left under the navigation (i.e. red ladder, new america playwrights) | sometimes used as photo captions in the left nav | .tinytxt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFCC99} |
| Subheads and Board member officers | Board Member titles Subheads |
.board { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #993300} |
| Board member text | sample text and leading used on board member page (tighter than normal) | .bdtxt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px} |
| Third level head | Heading used as a third level to separate from Sections or Subheads | .head { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000} |
| Leading | applied to some places to open up line spacing | .lead { line-height: 17px} |
| Caption | used under images in a separate table cell (image and caption is nested table) | .caption { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: italic; color: #000066; line-height: 10px} |
| Currently Showing | Section head used on the homepage | .crntsh { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFCC00} |
| Homepage Subhead | Subhead | .hmhead { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF} |
| Homepage text | Text used on the homepage for the current show. | .hmtxt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: 14px; color: #FFFFFF} |
| Bulleted List on dark background (used rarely) |
Light bulleted list
|
.bull { list-style-position: outside; list-style-type: circle; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFCC99; font-size: 10px; line-height: 18px; font-weight: normal; clip: rect( )} |
| Bulleted List on Light background |
Light bulleted list
|
.dkbull { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; color: #663300; list-style-position: inside; list-style-type: circle} |
| Quote | Quote used on testimonials
page and on other pages for accent Quote is also inset with <blockquote> |
.quote { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: normal; color: #993300; font-style: italic; line-height: 18px} |
|
Sublist on dark background (used rarely) |
Secondary list used in a bulleted list
|
.sublist { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFCC99; list-style-position: inside; list-style-type: square; line-height: 10px} |
| Calendar Day Text | Text used for the Day of the week in the Calendar head | .calday { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFCC} |
| Calendar Number Text | Text used for the numbers in each day square | .calno { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #336699} |
| Navigation text | Text used in in the left nav of every page on a dark background | .nav { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFCC99; line-height: 18px} |
| Small nav text | Small text used for subnav on a dark background | .smnav { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 17px; color: #FFCC99} |
| Bold and italic attributes used when necessary - play titles, authors as well as text needing emphasis. Base font is (.txt) setting. | ||
| << back to contents | ||
| For more
information or questions, please contact Erin Malone at: erin@emdezine.com 
|
||