Stylesheet definitions

[Guest]

I've been going through the stylesheet.css and making exact notes of what each definition does while trying to learn more about osCOMMERCE. I have read the definitions in the osCOMMERCE manual, which tend to be a little vague, so I'm trying to learn all the specifics of exactly what each defintion controls by finding them on the actual site and seeing them in action.

 

So far I have found the places that are afftected by the most definitions except for these, and if anybody can tell me where I can see in action I'd appreciate it:

 

TR.headerError {
 background: #ff0000;
}

TD.headerError {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #ff0000;
 color: #ffffff;
 font-weight : bold;
 text-align : center;
}

TR.headerInfo {
 background: #00ff00;
}

TD.headerInfo {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #00ff00;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
}

TR.footer {
 background: #bbc3d3;
}

.infoBoxNotice {
 background: #FF8E90;
}

TD.infoBox, SPAN.infoBox {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

A.pageResults {
 color: #0000FF;
}

A.pageResults:hover {
 color: #0000FF;
 background: #FFFF33;
}

TD.smallText, SPAN.smallText, P.smallText {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TD.accountCategory {
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 color: #aabbdd;
}

TD.fieldKey {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

TD.fieldValue  { color: aqua; font-size: 12px; font-family: "Courier New", Courier, Monaco, monospace; background-color: maroon }

TD.tableHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

CHECKBOX, INPUT, RADIO, SELECT {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
}

TEXTAREA {
 width: 100%;
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
}

SPAN.errorText {
 font-family: Verdana, Arial, sans-serif;
 color: #ff0000;
}

.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

[Guest]

anybody?

[dsatchell]

I'm looking for the data that you have already compiled. I want to make changes to the colors of my wifes site but I'm having a hard time determining what controls what.

 

I would really appreciate it if you could post your explanations of the stylesheet.

 

Thanx, Dave.

[Jack_mcs]

Two things you can do: Read this page and select the class name, like headerInfo, and do a search of the whole shop to see where it is used. Between the two, you should be able to figure out each one.

 

Jack

[Simplyeasier]

anybody?

<{POST_SNAPBACK}>

 

 

Get Firefox (Mozilla) browser - get the Free plugin for developers and when you go to your pages you can turn the CSS feature on - this will show you exactly whcih CSS definition is used for what object on each page. You can even change the definitions for your surfing session until you get them right and then copy them so you can overwrite your CSS file with your new and PROVEN styles.

 

Charles

[Wendy James]

this link tells you what each thing in the css file does

http://www.oscommerce.info/kb/osCommerce/C...n_and_Layout/54