{"id":560,"date":"2011-07-31T15:14:36","date_gmt":"2011-07-31T05:14:36","guid":{"rendered":"http:\/\/howden.net.au\/thowden\/?p=560"},"modified":"2011-07-31T15:14:36","modified_gmt":"2011-07-31T05:14:36","slug":"modifying-the-blueprint-css-in-oscmax","status":"publish","type":"post","link":"https:\/\/howden.net.au\/thowden\/2011\/07\/modifying-the-blueprint-css-in-oscmax\/","title":{"rendered":"Modifying the Blueprint css in osCmax"},"content":{"rendered":"<p>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.<\/p>\n<p>This is the contents of my index.css stylesheet:<\/p>\n<p>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<br \/>\nlight blue (even lines) background this is the default entry in blueprint\/screen.css<br \/>\n[css]<br \/>\ntbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}<br \/>\n[\/css]<\/p>\n<p>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.<\/p>\n<p>[css]<br \/>\ntbody tr:nth-child(even) td, tbody tr.even td {background:#ffffff;}<br \/>\n[\/css]<\/p>\n<p>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&#8217;s for layout will present as white.<\/p>\n<p>An alternate solution but more work is to remove all the table formatting from osCmax&#8230;.. \ud83d\ude42<\/p>\n<p>Similarly the following overrides the setting in the default Compromise stylesheet.css just for alignment.<\/p>\n<p>[css]<br \/>\ntable, tr, th, td, caption {<br \/>\n\tmargin: 0px 0px 0px 0px;<br \/>\n\tpadding: 0px 0px 0px 0px;<br \/>\n}<\/p>\n<p>.post .entry {<br \/>\n\tpadding: 0px 1px 0px 0px;<br \/>\n}<br \/>\n[\/css]<\/p>\n<p>The 1px right adjustment is specific to imitating the Compromise template and allowing for the 1px right border.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[],"class_list":["post-560","post","type-post","status-publish","format-standard","hentry","category-oscommerce-oscmax"],"_links":{"self":[{"href":"https:\/\/howden.net.au\/thowden\/wp-json\/wp\/v2\/posts\/560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howden.net.au\/thowden\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howden.net.au\/thowden\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howden.net.au\/thowden\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/howden.net.au\/thowden\/wp-json\/wp\/v2\/comments?post=560"}],"version-history":[{"count":0,"href":"https:\/\/howden.net.au\/thowden\/wp-json\/wp\/v2\/posts\/560\/revisions"}],"wp:attachment":[{"href":"https:\/\/howden.net.au\/thowden\/wp-json\/wp\/v2\/media?parent=560"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howden.net.au\/thowden\/wp-json\/wp\/v2\/categories?post=560"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howden.net.au\/thowden\/wp-json\/wp\/v2\/tags?post=560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}