[EHPweb] CSS Rules

[Eric M Martinez]

- All -

I've updated the master.css file to implement a more CSS-compliant  
means of creating column containers (grids) on the web site.  In  
master.css you can see:

/**
  * 01/13/10 -- EMM: Added single-selected classes for the container/ 
grid options
  * to extend the width to the full column width (since margin is  
removed). The
  * purpose of this rule is to standardize the way we create column  
container
  * classes since the '.this.that' selector is not appropriate per CSS  
specs.
  *
  * To properly create a container/grid object one should now use the  
class value
  * of:
  *
  * class="column container contains-<width>"
  *
  * Where <width> is one of the numeric values (one - twelve)  
indicating how many
  * columns this container may contain. It is now deprecated to use  
the old style
  * of selected to achieve this result: e.g.
  *
  * class="<width> column container" -- deprecated
  * class="<width> column grid"      -- deprecated
  *
  * These selectors remain available for backward compatibility reasons.
  */
.grid.one,    .container.one,    .contains-one    {width:80px;}
.grid.two,    .container.two,    .contains-two    {width:160px;}
.grid.three,  .container.three,  .contains-three  {width:240px;}
.grid.four,   .container.four,   .contains-four   {width:320px;}
.grid.five,   .container.five,   .contains-five   {width:400px;}
.grid.six,    .container.six,    .contains-six    {width:480px;}
.grid.seven,  .container.seven,  .contains-seven  {width:560px;}
.grid.eight,  .container.eight,  .contains-eight  {width:640px;}
.grid.nine,   .container.nine,   .contains-nine   {width:720px;}
.grid.ten,    .container.ten,    .contains-ten    {width:800px;}
.grid.eleven, .container.eleven, .contains-eleven {width:880px;}
.grid.twelve, .container.twelve, .contains-twelve {width:960px;}

This change is currently on EHPDevel and EHPStage and will be pushed  
out to production with tomorrow's daily build.  Let me know if you  
have any questions.

Thanks,
	~Eric.




-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://geohazards.usgs.gov/pipermail/ehpweb/attachments/20100113/c0a8f707/attachment.html>