[Summary view] [Print] [Text view]

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

   2  /* Viewer: models                    */

   3  
   4  #containerDemo {

   5      width: 690px;
   6      zoom: 1;
   7  }
   8  #containerDemo .ui-wrapper {

   9      margin:0px 10px;
  10  }
  11  #containerDemo .ui-details {

  12    margin:0px 10px 10px 0px;
  13      border-bottom: 2px solid #bbb;
  14  }
  15  
  16  #containerDemo .menutitle {

  17      font-size: 14px;
  18      letter-spacing: .5px;
  19      padding-bottom: 3px;
  20  }
  21  
  22  #containerDemo .ui-demo-options {

  23      background: #f2f2f2;
  24      border-bottom: 1px #bbb solid;
  25      padding: 10px;
  26      margin: 10px 0 20px 0;
  27      width: 690px;
  28      _width: 670px;
  29      font-size: 12px;
  30  }
  31  
  32  .sortable-container li {
  33      margin: 0;
  34      padding: 0;
  35      border: 0;
  36      outline: 0;
  37      list-style: circle;
  38      background: #EAEAEA;
  39      font-size: 12px;
  40      margin:2px;
  41      padding: 3px;
  42      width: 100px;
  43  }
  44  
  45  .colored {
  46      display: block;
  47      background: #fff;
  48      margin-top: 5px;
  49      border-top: 1px solid #ccc;
  50      border-bottom: 1px solid #ccc;
  51      white-space: pre;
  52      padding: 10px;
  53      font-size: 11px;
  54      font-family: Courier New;
  55      width: 640px;
  56      overflow-x: auto;
  57      overflow-y: hidden;
  58      /*min height hack*/

  59    * min-height:25px;
  60    * height:auto !important;
  61    * height:25px;
  62      * padding: 15px;
  63  }
  64  
  65  #containerDemo .ui-demo-description {

  66      margin-bottom: 10px;
  67      font-size: 12px;
  68  }
  69  #containerDemo .link-view-source {

  70      margin-left: 5px;
  71  }
  72  #containerDemo .proxy {

  73          border: 1px dashed #000;
  74  }
  75  
  76  #containerDemo .lightblue-bg{

  77      background: #E8EEF7;
  78  }
  79  #containerDemo .blue-bg {

  80      background: #C3D9FF;
  81  }
  82  #containerDemo .green-bg {

  83      background: #74DD82;
  84  }
  85  #containerDemo a {

  86      color:#000;
  87  }
  88  
  89  .snippet {
  90      white-space: nowrap;
  91      overflow: hidden;
  92      empty-cells: show;
  93  }
  94  
  95  /*************************************/

  96  /* Components                        */

  97  
  98  .proxy {
  99      border: 1px dashed #000/*#3399ff*/;
 100  }
 101  
 102  .resizable {
 103      width: 100px; height: 100px;
 104      border: 1px solid #000;
 105      padding: 10px;
 106      font-size: 12px;
 107  }
 108  
 109  .draggable {
 110      width: 100px;
 111      height: 40px;
 112      top: 10px;
 113      right: 10px;
 114      background-color: #68BFEF;
 115      border: 2px solid #0090DF;
 116      padding: 5px;    
 117      margin: 0 0 12px 12px;
 118      font-size: 12px;
 119  }
 120  
 121  div.drag-handle
 122  {
 123      cursor: move;
 124      background-color: #0090DF;
 125      height: 15px;
 126  }
 127  
 128  .block { 
 129     border: 2px solid #0090DF;
 130     background-color: #68BFEF;
 131     width: 75px; 
 132     height: 75px;
 133     margin: 10px;
 134     z-index: 100;
 135  }
 136  .drop { 
 137      background-color: #e9b96e;
 138      border: 3px double #c17d11;
 139      width: 150px; 
 140      margin: 10px;
 141      min-height: 200px;
 142      min-height:200px;
 143    height:auto !important;
 144    height:200px;
 145    opacity: 0.7;
 146      filter:alpha(opacity:70);
 147      text-align: center;
 148  }
 149  .droppable-active {
 150      opacity: 1.0;
 151      filter:alpha(opacity:100);
 152  }
 153  .droppable-hover {
 154      outline: 1px dotted black;
 155      background-color: #73d216;
 156      border-color: #4e9a06;
 157  }
 158  .silver {
 159      background-color: #fafafa;
 160      border-color: silver;
 161  }
 162  .draggable.green {
 163      background-color: #73d216;
 164      border-color: #4e9a06;
 165  }
 166  
 167  .draggable.red {
 168      background-color: #ef2929;
 169      border-color: #cc0000;
 170  }
 171  
 172  .ui-selecting {
 173    background-color: #eee;
 174  }
 175  .ui-selected {
 176    background-color: #E6F7D4;
 177  }
 178  
 179  .sortable-container #example2 li {
 180      background: none;
 181  }
 182  
 183  .sortable-container #example3 li {
 184      list-style: none;
 185  }
 186  .droppable-photos-container {
 187      border: 2px #ccc dotted;
 188      width:144px;
 189      height: 108px;
 190      float:left;
 191      margin-top: 2px;
 192      padding: 2px;
 193  }
 194  .droppable-img-content {
 195      float: left; padding: 5px;
 196  }
 197  
 198  #accordionDemo, select {

 199      position: relative;
 200      font-size: 12px;
 201  }
 202  #accordionDemo h3 {

 203      padding: 0;
 204  }
 205  
 206  .ui-accordion-data {
 207      padding: 10px;
 208  }