[Summary view] [Print] [Text view]

   1  body {
   2      padding: 0;
   3      margin: 0;
   4      line-height: 1.5em;
   5      font-size: 75%; /* gives us 12px in most browsers */
   6      font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
   7      background: #aefe05 url('../img/side_top.jpg') repeat-x top; /* body background from ui.jquery.com */
   8      color: 222;
   9  }
  10  
  11  /*

  12  ================================

  13  =LAYOUT

  14  ================================ */
  15  h1 {
  16      padding: 0 0 0 52px;
  17      margin: 0;
  18      font-size: 1.5em; /* 18px */
  19      line-height: 2em; /* 36px */
  20      background: url('../img/photos_gold_32.gif') no-repeat 8px 50%; /* Thanks to Iconbuffet.com */
  21      color: #fff;
  22  }
  23  #body_wrap {

  24      width: 960px;
  25      margin: 0 auto;
  26      background: #fff url('../img/body_wrap_bg.gif') repeat-y;
  27  }
  28  #content {

  29      float: left;
  30      width: 632px;
  31  }
  32  #sidebar {

  33      float: right;
  34      width: 320px;
  35  }
  36  #footer {

  37      clear: both;
  38      background: #32342f;
  39      color: #fff;
  40  }
  41  
  42  /*

  43  ================================

  44  =SECTIONS

  45  ================================ */
  46  /*

  47  ----------------

  48  =HEADER

  49  ---------------- */
  50  /*

  51  ----------------

  52  =CONTENT

  53  ---------------- */
  54  #content h2 {

  55      padding-left: 25px;
  56  }
  57  /*

  58  =gallery

  59  -------- */
  60  .gallery {
  61      min-height: 108px;
  62      padding: 0;
  63      margin: 18px 0;
  64      list-style: none;
  65  }
  66  * html .gallery {
  67      height: 108px; /* min-height for lte IE6 */
  68  }
  69  .gallery.active {
  70      background: #eee;
  71  }
  72  .gallery li {
  73      float: left;
  74      width: 160px;
  75      padding: 0 25px;
  76      margin: 0 0 8px;
  77  }
  78  .gallery img {
  79      display: block;
  80      padding: 7px;
  81      border: 1px solid #ccc;
  82      background: #fff;
  83  }
  84  .displayBox img {
  85      border: 25px solid #222;
  86  }
  87  /* img title */

  88  .gallery p {
  89      float: left;
  90      padding: 0;
  91      margin: 0;
  92  }
  93  /* img toolbar */

  94  .gallery div {
  95      float: right;
  96  }
  97  .gallery div a {
  98      float: left;
  99      width: 24px;
 100      height: 24px;
 101      background-repeat: no-repeat;
 102      background-position: center;
 103      text-indent: -9999px; /* Phark revisited image replacement */
 104  }
 105  .gallery div a:focus {
 106      outline: 0;
 107  }
 108  .tb_supersize {
 109      background-image: url('../img/search_16.gif'); /* Thanks to Iconbuffet.com */
 110  }
 111  .tb_trash {
 112      background-image: url('../img/trash_16.gif'); /* Thanks to Iconbuffet.com */
 113  }
 114  
 115  /*

 116  ----------------

 117  =SIDEBAR

 118  ---------------- */
 119  .box, .box2 {
 120      margin: 18px;
 121      border: 1px solid #ccc;
 122      background: #fff;
 123  }
 124  .box h2, .box2 h2 {
 125      padding: 0 8px;
 126      margin: 0;
 127      font-size: 1.5em;
 128      line-height: 2em;
 129      background: #525252 url('../img/header_bg.png') repeat-x bottom;
 130      color: #fff;
 131  }
 132  .box div {
 133      min-height: 128px;
 134      border: 2px solid #fff;
 135  }
 136  * html #sidebar .box div {
 137      height: 128px; /* min-height for lte IE6 */
 138  }
 139  #trash div.active {

 140      border-color: green;
 141  }
 142  #shred div.active {

 143      border-color: red;
 144  }
 145  #trash div img {

 146      float: left;
 147      margin: 4px;
 148  }
 149  
 150  /*

 151  ----------------

 152  =FOOTER

 153  ---------------- */
 154  #footer p {

 155      margin: 0;
 156      text-align: right;
 157  }
 158  
 159  
 160  /*

 161  ================================

 162  =FLOAT CLEARING

 163  ================================ */
 164  #body_wrap, ul.gallery, #trash div {

 165      display: inline-block;
 166  }
 167  #body_wrap:after, ul.gallery:after, #trash div:after {

 168      content: ".";
 169      display: block;
 170      height: 0;
 171      clear: both;
 172      visibility: hidden;
 173  }
 174  * html #body_wrap, * html ul.gallery, * html #trash div {
 175      height: 1%;
 176  }
 177  #body_wrap, ul.gallery, #trash div {

 178      display: block;
 179  }