[Summary view] [Print] [Text view]

   1  body {
   2      height: 100%;
   3  }
   4  
   5  #sbadmin #zones {
   6      -moz-user-select: none;
   7      -khtml-user-select: none;
   8      user-select: none;
   9  }
  10  
  11  #sbreset {
  12      float: left;
  13      margin: 1px 0;
  14  }
  15  
  16  .dropzone {
  17      border: 1px solid #bbb;
  18      float: left;
  19      margin-right: 10px;
  20      padding: 5px;
  21      background-color: #f0f8ff;
  22  }
  23  
  24  .dropzone h3 {
  25      text-align: center;
  26      color: #333;
  27  }
  28  
  29  .dropzone input {
  30      display: none;
  31  }
  32  
  33  .dropzone ul {
  34      float: left;
  35      list-style-type: none;
  36      width: 240px;
  37      margin: 0;
  38      min-height: 200px;
  39      padding: 0;
  40      display: block;
  41  }
  42  
  43  * .module {
  44      width: 238px;
  45      padding: 0;
  46      margin: 5px 0;
  47      cursor: move;
  48      display: block;
  49      border: 1px solid #ccc;
  50      background-color: #fbfbfb;
  51      position: relative;
  52      text-align: left;
  53      line-height: 25px;
  54  }
  55  
  56  * .handle {
  57      display: block;
  58      width: 216px;
  59      padding: 0 10px;
  60      position: relative;
  61      border-top: 1px solid #f2f2f2;
  62      border-right: 1px solid #e8e8e8;
  63      border-bottom: 1px solid #e8e8e8;
  64      border-left: 1px solid #f2f2f2;
  65  }
  66  
  67  * .popper {
  68      margin: 0;
  69      display: inline;
  70      position: absolute;
  71      top: 3px;
  72      right: 3px;
  73      overflow: hidden;
  74      text-align: center;
  75      height: 16px;
  76      font-size: 18px;
  77      line-height: 14px;
  78      cursor: pointer;
  79      padding: 0 3px 1px;
  80      border-top: 4px solid #6da6d1;
  81      background: url( ../images/fade-butt.png ) -5px 0px;
  82  }
  83  
  84  * html .popper {
  85      padding: 1px 6px 0;
  86      font-size: 16px;
  87  }
  88  
  89  #sbadmin p.submit {
  90      padding-right: 10px;
  91      clear: left;
  92  }
  93  
  94  .placemat {
  95      cursor: default;
  96      margin: 0;
  97      padding: 0;
  98      position: relative;
  99  }
 100  
 101  .placemat h4 {
 102      text-align: center;
 103  }
 104  
 105  .placemat span {
 106      background-color: #ffe;
 107      border: 1px solid #ccc;
 108      padding: 0 10px 10px;
 109      position: absolute;
 110      text-align: justify;
 111  }
 112  
 113  #palettediv {
 114      border: 1px solid #bbb;
 115      background-color: #f0f8ff;
 116      height:auto;
 117      margin-top: 10px;
 118      padding-bottom: 10px;
 119  }
 120  
 121  #palettediv:after, #zones:after, .dropzone:after {
 122      content: ".";
 123      display: block;
 124      height: 0;
 125      clear: both;
 126      visibility: hidden;
 127  }
 128  
 129  #palettediv, #zones, .dropzone {
 130      display: block;
 131      min-height: 1px;
 132  }
 133  
 134  * html #palettediv, * html #zones, * html .dropzone {
 135      height: 1%;
 136  }
 137  
 138  #palettediv h3 {
 139      text-align: center;
 140      color: #333;
 141      min-height: 1px;
 142  }
 143  
 144  #palettediv ul {
 145      padding: 0 0 0 10px;
 146  }
 147  
 148  #palettediv .module {
 149      margin-right: 10px;
 150      float: left;
 151      width: 120px;
 152  }
 153  
 154  #palettediv .handle {
 155      height: 40px;
 156      font-size: 90%;
 157      width: 110px;
 158      padding: 0 5px;
 159  }
 160  
 161  #palettediv .popper {
 162      visibility: hidden;
 163  }
 164  
 165  * html #palettediv ul {
 166      margin: 0;
 167      padding: 0 0 0 10px;
 168  }
 169  
 170  #controls {
 171      height: 0px;
 172  }
 173  
 174  .control {
 175      position: absolute;
 176      display: block;
 177      background: #f9fcfe;
 178      padding: 0;
 179  }
 180  
 181  .controlhandle {
 182      cursor: move;
 183      background-color: #6da6d1;
 184      border-bottom: 2px solid #448abd;
 185      color: #333;
 186      display: block;
 187      margin: 0 0 5px;
 188      padding: 4px;
 189      font-size: 120%;
 190  }
 191  
 192  .controlcloser {
 193      cursor: pointer;
 194      font-size: 120%;
 195      display: block;
 196      position: absolute;
 197      top: 2px;
 198      right: 8px;
 199      padding: 0 3px;
 200      font-weight: bold;
 201  }
 202  
 203  .controlform {
 204      margin: 20px 30px;
 205  }
 206  
 207  .controlform p {
 208      text-align: center;
 209  }
 210  
 211  .control .checkbox {
 212      border: none;
 213      background: transparent;
 214  }
 215  
 216  .hidden {
 217      display: none;
 218  }
 219  
 220  #shadow {
 221      background: black;
 222      display: none;
 223      position: absolute;
 224      top: 0px;
 225      left: 0px;
 226      width: 100%;
 227  }
 228  
 229  #dragHelper {
 230      position: absolute;
 231  }
 232  
 233  #dragHelper li.module {
 234      display: block;
 235      float: left;
 236  }