1 body {

     2     padding-top: 2em;

     3     text-align: center;

     4 }

     5 

     6 .container {

     7     padding: 2em 1em;

     8     text-align: left;

     9 }

    10 

    11 /*

    12  * Table layout

    13  */

    14 table.dmx {

    15     margin: 1em auto;

    16     width: 80%;

    17 

    18     border-collapse: collapse;

    19 }

    20 

    21 table.dmx tr

    22 {

    23     border: 1px dotted #aaa;

    24 }

    25 

    26 table.dmx th

    27 {

    28     text-align: center;

    29 }

    30 

    31 th.dmx-head         { width: 5em; }

    32 th.dmx-value        { width: 5em; }

    33 th.dmx-control      { }

    34 th.dmx-head-control { width: 5em; }

    35 

    36 

    37 

    38 

    39 /* Controls */

    40 input.dmx-input {

    41 

    42 }

    43 

    44 div.dmx-color-background {

    45     background-color: rgb(0, 0, 0);

    46 }

    47 

    48 div.dmx-color {

    49     width: 5em;

    50     height: 5em;

    51 

    52     margin: 1em auto;

    53 

    54     border: 1px dotted #aaa;

    55 }

    56 

    57 div.dmx-slider {

    58     margin: 1em;

    59 }

    60 

    61 div.dmx-slider-alpha .ui-slider-range,

    62 div.dmx-slider-alpha .ui-slider-handle

    63 {

    64     background: #ffffff;

    65 }

    66 

    67 div.dmx-slider-red .ui-slider-range,

    68 div.dmx-slider-red .ui-slider-handle

    69 {

    70     background: #ff0000;

    71 }

    72 

    73 div.dmx-slider-green .ui-slider-range,

    74 div.dmx-slider-green .ui-slider-handle

    75 {

    76     background: #00ff00;

    77 }

    78 

    79 div.dmx-slider-blue .ui-slider-range,

    80 div.dmx-slider-blue .ui-slider-handle

    81 {

    82     background: #0000ff;

    83 }

    84