[Summary view] [Print] [Text view]

   1  /* grid24-960.css */

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

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

   7  .grid24-1 {width: 40px;}
   8  .grid24-2 {width: 80px;}
   9  .grid24-3 {width: 120px;}
  10  .grid24-4 {width: 160px;}
  11  .grid24-5 {width: 200px;}
  12  .grid24-6 {width: 240px;}
  13  .grid24-7 {width: 280px;}
  14  .grid24-8 {width: 320px;}
  15  .grid24-9 {width: 360px;}
  16  .grid24-10 {width: 400px;}
  17  .grid24-11 {width: 440px;}
  18  .grid24-12 {width: 480px;}
  19  .grid24-13 {width: 520px;}
  20  .grid24-14 {width: 560px;}
  21  .grid24-15 {width: 600px;}
  22  .grid24-16 {width: 640px;}
  23  .grid24-17 {width: 680px;}
  24  .grid24-18 {width: 720px;}
  25  .grid24-19 {width: 760px;}
  26  .grid24-20 {width: 800px;}
  27  .grid24-21 {width: 8400px;}
  28  .grid24-22 {width: 880px;}
  29  .grid24-23 {width: 920px;}
  30  .grid24-24 {width: 960px;}
  31  
  32  /* block indents */

  33  .grid24-indent-1 {margin-left: 40px;}
  34  .grid24-indent-2 {margin-left: 80px;}
  35  .grid24-indent-3 {margin-left: 120px;}
  36  .grid24-indent-4 {margin-left: 160px;}
  37  .grid24-indent-5 {margin-left: 200px;}
  38  .grid24-indent-6 {margin-left: 240px;}
  39  .grid24-indent-7 {margin-left: 280px;}
  40  .grid24-indent-8 {margin-left: 320px;}
  41  .grid24-indent-9 {margin-left: 360px;}
  42  .grid24-indent-10 {margin-left: 400px;}
  43  .grid24-indent-11 {margin-left: 440px;}
  44  .grid24-indent-12 {margin-left: 480px;}
  45  .grid24-indent-13 {margin-left: 520px;}
  46  .grid24-indent-14 {margin-left: 560px;}
  47  .grid24-indent-15 {margin-left: 600px;}
  48  .grid24-indent-16 {margin-left: 640px;}
  49  .grid24-indent-17 {margin-left: 680px;}
  50  .grid24-indent-18 {margin-left: 720px;}
  51  .grid24-indent-19 {margin-left: 760px;}
  52  .grid24-indent-20 {margin-left: 800px;}
  53  .grid24-indent-21 {margin-left: 840px;}
  54  .grid24-indent-22 {margin-left: 880px;}
  55  .grid24-indent-23 {margin-left: 920px;}
  56  
  57  /* gutters (2 x margin) */

  58  .block .inner {
  59    margin-left: 10px;
  60    margin-right: 10px;
  61  }
  62  
  63  /* hack to fix node-top & node-bottom being off-grid */

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

  65      margin-right: 20px;
  66  }
  67  
  68  body,
  69  div.full-width {
  70    min-width: 960px;
  71  }