Modifying the Blueprint css in osCmax

This relates specifically to my install of Blueprint as a template in osCmax. However it is generally about the Blueprint framework so I treated it as a separate post. The text is included inside the index.css file as shown here. I do not modify any of the Blueprint files themselves. This way I know that any issue that stops the site from working is in my files.

This is the contents of my index.css stylesheet:

The index.css provides over-rides to the blueprint/screen.css. The example being that the default table presentation in blueprint is to alternate lines of the table with a white (odd lines) or
light blue (even lines) background this is the default entry in blueprint/screen.css
[css]
tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}
[/css]

Instead of changing that file directly it is preferable to leave it intact and vary it with over-rides within a localised stylesheet for the specific page that is being rendered.

[css]
tbody tr:nth-child(even) td, tbody tr.even td {background:#ffffff;}
[/css]

This setting simply makes the even lines white as well as the odd lines the standard osCmax files that still use tables instead of div’s for layout will present as white.

An alternate solution but more work is to remove all the table formatting from osCmax….. 🙂

Similarly the following overrides the setting in the default Compromise stylesheet.css just for alignment.

[css]
table, tr, th, td, caption {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post .entry {
padding: 0px 1px 0px 0px;
}
[/css]

The 1px right adjustment is specific to imitating the Compromise template and allowing for the 1px right border.

Leave a Reply

Your email address will not be published.