Team:UCL/static/xpage.css

From 2013.igem.org

(Difference between revisions)
(Created page with "/********************/ /*GLOBAL PAGE STYLES*/ - ******************: #all_content { width:100%; background:white; float:left; } #all_content #container { width:976px; height:10...")
Line 16: Line 16:
margin-left:auto;
margin-left:auto;
margin-right:auto;
margin-right:auto;
-
background:white;
 
}
}
Line 24: Line 23:
height:9px;
height:9px;
float:left;
float:left;
-
background:white;
 
}
}
Line 31: Line 29:
/**********************/
/**********************/
-
#all_content #container .row_large
+
/*COMING SOON FORMATS*/
 +
#all_content #container .row_thin
{
{
width:976px;
width:976px;
Line 37: Line 36:
float:left;
float:left;
background:white;
background:white;
 +
}
 +
 +
/*SMALL AND LARGE ROWS*/
 +
 +
#all_content #container .row_large
 +
{
 +
width:976px;
 +
height:600px;
 +
float:left;
}
}
Line 44: Line 52:
height:250px;
height:250px;
float:left;
float:left;
-
background:white;
 
}
}
 +
 +
/*LEFT/RIGHT, X4 COLUMNS*/
#all_content #container .col_left,
#all_content #container .col_left,

Revision as of 19:05, 12 August 2013

/********************/ /*GLOBAL PAGE STYLES*/ /********************/

  1. all_content

{ width:100%; background:white; float:left; }

  1. all_content #container

{ width:976px; height:100%; margin-left:auto; margin-right:auto; }

  1. all_content #container .gap

{ width:100%; height:9px; float:left; }

/**********************/ /*SPECIFIC PAGE STYLES*/ /**********************/

/*COMING SOON FORMATS*/

  1. all_content #container .row_thin

{ width:976px; height:600px; float:left; background:white; }

/*SMALL AND LARGE ROWS*/

  1. all_content #container .row_large

{ width:976px; height:600px; float:left; }

  1. all_content #container .row_small

{ width:976px; height:250px; float:left; }

/*LEFT/RIGHT, X4 COLUMNS*/

  1. all_content #container .col_left,
  2. all_content #container .col_right,
  3. all_content #container .col_1,
  4. all_content #container .col_2

{ background:#E6E6E6; height:100%; float:left; overflow:hidden; }

  1. all_content #container .col_left

{ width:361px; }

  1. all_content #container .col_right

{ width:606px; margin-left:9px; }

  1. all_content #container .col_1

{ width:237px; margin-right:9px; }

  1. all_content #container .col_2

{ width:238px; }