parambox/dist/paramBox.css

Too much parameters to handle ? paramBox is a collection of smart plug and play tools to facilitate the design of javascript projects such as games and cognitive tasks. ParamBox is one of the helper class and allows to modify key variable on the fly witho

  .dragbox-gray {
      z-index: 10;
      position: absolute;
      top: 0px;
      left: 0px;
      -webkit-border-radius: 3px 3px 3px 3px;
      -moz-border-radius: 3px 3px 3px 3px;
      border-radius: 3px 3px 3px 3px;
      background: rgba(46, 43, 38, 0.9);
      -webkit-box-shadow: #1F1F1F 1px 1px 1px;
      -moz-box-shadow: #1F1F1F 1px 1px 1px;
      box-shadow: #1F1F1F 1px 1px 1px;
      color: #F8F8F5 !important;
      overflow-y: hidden;
  }
  
  .dragbox-gray div h1 {
      color: #F8F8F5;
      ;
  }
  
  .dragbox-gray div {
      color: #F8F8F5;
  }
  
  .dragbox-white-boxshadow {
      z-index: 10;
      position: absolute;
      overflow-y: hidden;
      background: white;
      color: #0A0B0D;
      -webkit-box-shadow: 1px 5px 15px -3px rgba(69, 69, 69, 0.99);
      -moz-box-shadow: 1px 5px 15px -3px rgba(69, 69, 69, 0.99);
      box-shadow: 1px 5px 15px -3px rgba(69, 69, 69, 0.99);
  }
  
  .dragbox-white-boxshadow div h1 {
      color: #0A0B0D;
  }
  
  .dragbox-white-boxshadow .dragbox-title {
      background: white;
      color: #0A0B0D;
  }
  
  .dragbox-white-boxshadow div {
      color: #0A0B0D;
  }
  
  .parambox-subtitle {
      display: inline-block;
      max-width: 100%;
      margin-bottom: 15px;
      font-weight: 700;
      font-size: 15pt;
      font-variant: small-caps;
      text-decoration: underline;
      cursor: pointer;
      color: #c1c1c1;
  }
  
  .smartmodal-sendbutton, .smartmodal-closebutton, .smartmodal-nextbutton, .smartmodal-blankbutton, .parambox-savebutton, .parambox-reloadbutton, .parambox-importbutton {
      background: #313D47;
      color: #F3F3F3;
  }
  
  .dragbox-button:focus, .dragbox-button:hover {
      color: rgba(35, 30, 32, 0.9);
  }
  
  .dragbox-title {
      /*
  -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    */
      background: rgba(55, 55, 50, 1);
  }
  
  .dragbox-content {
      /*
  -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    */
      color: #F8F8F5 !important;
      height: 100%;
      overflow-y: auto;
  }
  
  .dragbox-container {
      padding: 0 0 0 0 !important;
  }
  
  .dragbox-footer {
      text-align: right;
      padding-top: 5px;
      padding-bottom: 3px;
  }
  
  .chart-canvas {
      width: 100%;
      height: 100%;
  }
  
  .centered {
      vertical-align: middle;
      text-align: center;
  }