web resources logo - link back to web resources home page

Pima.gov Web Resources

header illustration - link to pima.gov

Web Resources

• Quick Overview

• Web Standards

• Getting Started

• Style Sheet

• Text

• Graphics

• Layout

• Templates

Style Sheet

• Style Sheet Main

• css-defined

• css -applying classes

• css pimagov code


pimagov.css code


/*
* pimagov.css
* CSS styles for pima.gov site
* Last Updated December 19, 2003
* For style sheet updates visit: pima.gov/webresources
* Code by Pima County Graphic Services
*/

/* html tags */
a { text-decoration: underline; color: #663300; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; background-image: none; }

a:visited { color: #996600; background-image: none; }

a:active { color: #EE0000; background-image: none; }

a:hover { color: #0033ff; font-weight: bold; font-style: normal; text-decoration: underline; background-image: none; }
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; margin-left: 2%; margin-right: 2%; background-image: none; }

h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-style: normal; line-height: normal; font-weight: bolder; font-variant: normal; color: #663300; margin-left: 2%; text-align: left; letter-spacing: -0.025em; background-image: none; }

h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 120%; font-style: normal; line-height: normal; font-weight: bolder; font-variant: normal; color: #663300; letter-spacing: -0.025em; text-align: center; background-image: none; }

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 150%; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #663300; letter-spacing: -0.025em; text-align: center; background-image: none; }

ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; list-style-position: inside; list-style-image: none; list-style-type: disc; text-align: left; background-image: none; clip: rect(auto auto auto auto); padding-top: 5px; padding-right: 5px; padding-bottom: 5px; }

li { list-style-position: outside; list-style-type: disc; line-height: 90%; text-align: left; background-image: none; list-style-image: none; padding-bottom: 2%; }



/*text options*/
.txtVeryBg { font-family: Verdana, Arial, Helvetica; font-size: 200% }
.txtBg { font-family: Verdana, Helvetica; font-size: 150%}
.txtBody { font-family: Verdana, Helvetica; font-size: 100%}
.txtBodyCtr { font-family: Verdana, Helvetica; font-size: 100%; text-align: center; }
.txtBodyJus { font-family: Verdana, Helvetica; font-size: 100%; text-align: justify; }
.txtBodyRt { font-family: Verdana, Helvetica; font-size: 100%; text-align: right; }
.txtSm { font-family: Verdana, Helvetica, Arial; font-size: 90%}
.txtVs { font-family: Verdana, Arial, Helvetica; font-size: 70%}

/* inner spans for special emphasis text color */
.txtRed { color: #990000}
.txtOrange { color: #FF6633}
.txtGreen{ color: #336633}
.txtGray { color: #666666}

/*navigational text*/
.ulsidelinklist { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #663300; list-style-position: outside; list-style-image: none; list-style-type: disc; text-align: left; margin-top: -2%; margin-right: 2%; margin-bottom: 1%; margin-left: 12%; background-image: none; }

.lisidelinklist { list-style-position: outside; list-style-type: disc; line-height: 90%; text-align: left; background-image: none; list-style-image: none; padding: 0%; }

.h3leftheader { font-family: "Times New Roman", Times, serif; font-size: 100%; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000; background-color: #d1a483; text-align: center; width: 165px; background-image: none; margin-left: -0.5px; }

.h3rightheader { font-family: "Times New Roman", Times, serif; font-size: 100%; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000; background-color: #f6e8df; text-align: center; width: 150px; background-image: none; margin-left: -0.5px; }

.asidelink { font-size: 80%; font-style: normal; line-height: 140%; font-weight: bold; font-variant: normal; text-transform: none; color: #663300; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; background-image: none; background-position: left top;}
.asidelinkRt {
font-size: 60%;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #663300;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
background-image: none;
background-position: left top;
}

.pbottomnav { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: italic; line-height: normal; font-weight: lighter; font-variant: normal; text-transform: capitalize; color: #663300; list-style-position: outside; list-style-image: none; list-style-type: disc; text-decoration: none; text-align: center; background-image: none; }



/* specific areas */
.tdlogo { background-color: #FFFFFF; text-align: center; background-position: right top; width: 165px; }

.tdlogopad { background-color: #FFFFFF; text-align: center; background-position: right top; width: 165px; padding-right: 9px; }

.tdbanner { background-image: url(images/hdr2b.jpg); background-repeat: repeat-x; height: 80px; background-color: #FFFFFF; }

.tdleftcolumn { width: 165px; left: 0px; top: 0px; background-color: #f6e8df; vertical-align: top; background-image: none; }

.tdrightcolumn { width: 150px; left: 0px; top: 0px; background-color: #FFFFFF; vertical-align: top; background-image: none;}

.tdcentercolumn { left: 0px; top: 0px; background-color: #ffffff; vertical-align: top; padding: 2%; background-image: none;}

/* specialty */
img { border: none; }
.invisible { font-family: Arial, Helvetica, sans-serif; font-size: xx-small; text-decoration: none; left: 0px; top: 0px; color: #FFFFFF; background-color: #FFFFFF; background-image: none; text-align: left; position: absolute; visibility: hidden; }


Privacy Statement / Disclaimer