[Summary view] [Print] [Text view]

   1  /* $Id: grid16-960.css,v 1.1.2.4 2009/12/02 00:47:46 sociotech Exp $ */

   2  
   3  /* Layout - 16 column grid, 960px fixed width, 20px gutters

   4  -------------------------------------------------------------- */
   5  
   6  /* grid widths */

   7  .grid16-1 {width: 60px;}
   8  .grid16-2 {width: 120px;}
   9  .grid16-3 {width: 180px;}
  10  .grid16-4 {width: 240px;}
  11  .grid16-5 {width: 300px;}
  12  .grid16-6 {width: 360px;}
  13  .grid16-7 {width: 420px;}
  14  .grid16-8 {width: 480px;}
  15  .grid16-9 {width: 540px;}
  16  .grid16-10 {width: 600px;}
  17  .grid16-11 {width: 660px;}
  18  .grid16-12 {width: 720px;}
  19  .grid16-13 {width: 780px;}
  20  .grid16-14 {width: 840px;}
  21  .grid16-15 {width: 900px;}
  22  .grid16-16 {width: 960px;}
  23  
  24  /* block indents */

  25  .grid16-indent-1 {margin-left: 60px;}
  26  .grid16-indent-2 {margin-left: 120px;}
  27  .grid16-indent-3 {margin-left: 180px;}
  28  .grid16-indent-4 {margin-left: 240px;}
  29  .grid16-indent-5 {margin-left: 300px;}
  30  .grid16-indent-6 {margin-left: 360px;}
  31  .grid16-indent-7 {margin-left: 420px;}
  32  .grid16-indent-8 {margin-left: 480px;}
  33  .grid16-indent-9 {margin-left: 540px;}
  34  .grid16-indent-10 {margin-left: 600px;}
  35  .grid16-indent-11 {margin-left: 660px;}
  36  .grid16-indent-12 {margin-left: 720px;}
  37  .grid16-indent-13 {margin-left: 780px;}
  38  .grid16-indent-14 {margin-left: 840px;}
  39  .grid16-indent-15 {margin-left: 900px;}
  40  
  41  /* gutters (2 x margin) */

  42  .block .inner {
  43    margin-left: 10px;
  44    margin-right: 10px;
  45  }
  46  
  47  /* hack to fix node-top & node-bottom being off-grid */

  48  #content-content .node .first .inner {

  49      margin-right: 20px;
  50  }
  51  
  52  body,
  53  div.full-width {
  54    min-width: 960px;
  55  }