[Summary view] [Print] [Text view]

   1  /*************************************/

   2  /* Blueprint: reset.css              */

   3  
   4  html, body, div, span, applet, object, iframe,
   5  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   6  a, abbr, acronym, address, big, cite, code,
   7  del, dfn, em, font, img, ins, kbd, q, s, samp,
   8  small, strike, strong, sub, sup, tt, var,
   9  dl, dt, dd, ol, ul, li,
  10  fieldset, form, label, legend,
  11  table, caption, tbody, tfoot, thead, tr, th, td {
  12      margin: 0;
  13      padding: 0;
  14      border: 0;
  15      outline: 0;
  16      font-size: 100%;
  17      font-family: inherit;
  18      vertical-align: baseline;
  19  }
  20  
  21  /* Remember to define focus styles! */

  22  :focus {
  23      outline: 0;
  24  }
  25  body {
  26      line-height: 1;
  27      color: black;
  28      background: white;
  29  }
  30  ol, ul {
  31      list-style: none;
  32  }
  33  
  34  /* Tables still need 'cellspacing="0"' in the markup. */

  35  table {
  36      border-collapse: separate;
  37      border-spacing: 0;
  38  }
  39  caption, th, td {
  40      text-align: left;
  41      font-weight: normal;
  42  }
  43  
  44  /* Remove possible quote marks (") from <q>, <blockquote>. */

  45  blockquote:before, blockquote:after,
  46  q:before, q:after {
  47      content: "";
  48  }
  49  blockquote, q {
  50      quotes: "" "";
  51  }
  52  
  53  .clear {
  54      clear:both;
  55  }
  56  
  57  /*************************************/

  58  /* Layout                            */

  59  body, html {
  60      height: 100%;
  61      font-family:sans-serif;
  62      font-size:13px;
  63      margin:0px;
  64      padding:0px;
  65  }
  66  body, html {
  67      height: 100%;
  68      font-family:sans-serif;
  69      font-size:13px;
  70      
  71  }
  72  #main {

  73      height:auto;
  74      background: #E8EEF7;
  75      border-left:1px solid #ccc;
  76      border-bottom:1px solid #ccc;
  77      margin:0 0 0 200px;
  78  }
  79      #header {

  80          height:30px;
  81          padding:10px;
  82          font-size:2em;
  83          font-weight:bold;
  84          text-align: center;
  85          border-bottom:1px solid #ccc;
  86          background: #E8EEF7;
  87      }
  88      #main #content {

  89          padding:10px;
  90          background: #FFF;
  91      }
  92      #main #break {

  93          padding:10px;
  94          border-top:1px solid #ccc;
  95      }
  96  #sidebar {

  97      float:left;
  98      width:200px;
  99      height:100%;
 100      border-right:1px solid #ccc;
 101  }
 102      #sidebar div {

 103          padding:10px;
 104      }