--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/static/dmx.css	Thu May 01 23:34:20 2014 +0300
@@ -0,0 +1,84 @@
+body {
+    padding-top: 2em;
+    text-align: center;
+}
+
+.container {
+    padding: 2em 1em;
+    text-align: left;
+}
+
+/*
+ * Table layout
+ */
+table.dmx {
+    margin: 1em auto;
+    width: 80%;
+
+    border-collapse: collapse;
+}
+
+table.dmx tr
+{
+    border: 1px dotted #aaa;
+}
+
+table.dmx th
+{
+    text-align: center;
+}
+
+th.dmx-head         { width: 5em; }
+th.dmx-value        { width: 5em; }
+th.dmx-control      { }
+th.dmx-head-control { width: 5em; }
+
+
+
+
+/* Controls */
+input.dmx-input {
+
+}
+
+div.dmx-color-background {
+    background-color: rgb(0, 0, 0);
+}
+
+div.dmx-color {
+    width: 5em;
+    height: 5em;
+
+    margin: 1em auto;
+
+    border: 1px dotted #aaa;
+}
+
+div.dmx-slider {
+    margin: 1em;
+}
+
+div.dmx-slider-alpha .ui-slider-range,
+div.dmx-slider-alpha .ui-slider-handle
+{
+    background: #ffffff;
+}
+
+div.dmx-slider-red .ui-slider-range,
+div.dmx-slider-red .ui-slider-handle
+{
+    background: #ff0000;
+}
+
+div.dmx-slider-green .ui-slider-range,
+div.dmx-slider-green .ui-slider-handle
+{
+    background: #00ff00;
+}
+
+div.dmx-slider-blue .ui-slider-range,
+div.dmx-slider-blue .ui-slider-handle
+{
+    background: #0000ff;
+}
+