[Summary view] [Print] [Text view]

   1  
   2  body { font-size: 62.5%; margin: 0; padding: 20px; background: #191919; }
   3  ul.plugins {
   4      margin: 0;
   5      padding: 0;
   6  }
   7  ul.plugins li.plugin {
   8      margin: 0 12px 12px 0;
   9      list-style-type: none;
  10      width: 220px;
  11      height: 220px;
  12      float: left;
  13      color: white;
  14      border: 1px solid gray; 
  15      text-align: center;
  16      font-weight: bold;
  17  }
  18  li.plugin {
  19      -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
  20  }
  21  
  22  #draggable, #resizable, #selectable, #sortable {

  23      margin: 10px;
  24      width: 190px; height: 180px;
  25      text-align: center;
  26      background: #FF9C08; color: white; font-weight: bold;
  27      -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
  28  }
  29  #accordion {

  30      background: none;
  31      text-align: left;
  32  }
  33  #accordion, #datepicker, #dialog, #progressbar, #slider {

  34      margin: 10px;
  35  }
  36  #datepicker {

  37      margin-left: -40px;
  38  }
  39  #tabs {

  40      margin: 0 10px;
  41  }
  42  #selectable div {

  43      width: 45px; height: 45px; float: left; margin: 6px 8px;
  44      border: 1px solid white;
  45      -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
  46  }
  47  #selectable .ui-selecting {

  48      background: gray;
  49  }
  50  #selectable .ui-selected {

  51      background: black;
  52  }
  53  #sortable div {

  54      width: 45px; height: 45px; float: left; margin: 6px 8px;
  55      border: 1px solid white;
  56      -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
  57  }
  58  #sortable .ui-sortable-helper {

  59      background: black;
  60  }
  61  #tabs {

  62      text-align: left;
  63  }
  64  
  65  .draggable {
  66      margin: 10px;
  67      width: 32px;
  68      height: 30px;
  69      float: left;
  70      background: #FF9C08;
  71      -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
  72  }
  73  #droppable {

  74      margin: 10px;
  75      width: 190px;
  76      height: 130px;
  77      float: left;
  78      border: 1px solid #FF9C08;
  79      overflow: hidden;
  80      -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
  81  }
  82  #droppable .draggable {

  83      margin: 7px;
  84  }