[Summary view] [Print] [Text view]

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

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

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

   7  .grid12-1 {width: 80px;}
   8  .grid12-2 {width: 160px;}
   9  .grid12-3 {width: 240px;}
  10  .grid12-4 {width: 320px;}
  11  .grid12-5 {width: 400px;}
  12  .grid12-6 {width: 480px;}
  13  .grid12-7 {width: 560px;}
  14  .grid12-8 {width: 640px;}
  15  .grid12-9 {width: 720px;}
  16  .grid12-10 {width: 800px;}
  17  .grid12-11 {width: 880px;}
  18  .grid12-12 {width: 960px;}
  19  
  20  /* block indents */

  21  .grid12-indent-1 {margin-left: 80px;}
  22  .grid12-indent-2 {margin-left: 160px;}
  23  .grid12-indent-3 {margin-left: 240px;}
  24  .grid12-indent-4 {margin-left: 320px;}
  25  .grid12-indent-5 {margin-left: 400px;}
  26  .grid12-indent-6 {margin-left: 480px;}
  27  .grid12-indent-7 {margin-left: 560px;}
  28  .grid12-indent-8 {margin-left: 640px;}
  29  .grid12-indent-9 {margin-left: 720px;}
  30  .grid12-indent-10 {margin-left: 800px;}
  31  .grid12-indent-11 {margin-left: 880px;}
  32  
  33  /* gutters (2 x margin) */

  34  .block .inner {
  35    margin-left: 10px;
  36    margin-right: 10px;
  37  }
  38  
  39  /* hack to fix node-top & node-bottom being off-grid */

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

  41      margin-right: 20px;
  42  }
  43  
  44  body,
  45  div.full-width {
  46    min-width: 960px;
  47  }