cleanup css.

dream/platform/static/css/demo-new.css

-
 body {
   padding:0;
   margin:0;
@@ -6,12 +5,14 @@ body {
   font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   text-align:center;
 }
+
 #headerWrapper {
   display:none;
   width:100%;
   background-color:black;
   position:fixed;
-	top:0;left:0;
+  top:0;
+  left:0;
   height:44px;
   padding:0;
   border-bottom:1px solid #999;
@@ -19,16 +20,14 @@ body {
   -o-box-shadow: 0px 2px 19px #aaa;
   -webkit-box-shadow: 0px 2px 19px #aaa;
   -moz-box-shadow: 0px 2px 19px #aaa;
-
   opacity:0.8;
 }
 
-
 #intro {
   margin-top:59px;
 }
 
- #main {
+#main {
   /* these two margins settings are here just to ensure that jsPlumb handles
     margins properly.*/
   position: relative;
@@ -44,25 +43,64 @@ body {
 
 /* Setting for dialog */
 
-label, input { display:block; }
-input.text { margin:4px; padding:0; width:95%; }
-fieldset { padding:0; border:0; margin-top:25px; }
-h1 { font-size: 1.2em; margin: .6em 0; }
-div#users-contain { width: 350px; margin: 20px 0; }
-div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
-div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
-.ui-dialog .ui-state-error { padding: .3em; }
-.validateTips { border: 1px solid transparent; padding: 0.3em; }
+label, input {
+  display:block;
+}
+
+input.text {
+  margin:4px;
+  padding:0;
+  width:95%;
+}
+
+fieldset {
+  padding:0;
+  border:0;
+  margin-top:25px;
+}
+
+h1 {
+  font-size: 1.2em;
+  margin: .6em 0;
+}
+
+div#users-contain {
+  width: 350px;
+  margin: 20px 0;
+}
+
+div#users-contain table {
+  margin: 1em 0;
+  border-collapse: collapse;
+  width: 100%;
+}
+
+div#users-contain table td, div#users-contain table th {
+  border: 1px solid #eee;
+  padding: .6em 10px;
+  text-align: left;
+}
+
+.ui-dialog .ui-state-error {
+  padding: .3em;
+}
+
+.validateTips {
+  border: 1px solid transparent;
+  padding: 0.3em;
+}
 
 /* End of dialog setting */
 
-li { margin: 3px;
+li {
+  margin: 3px;
   /*padding: 1px;*/
   /*text-align: -webkit-match-parent;*/
   background: #e6e6e6;
   border: 1px solid #d3d3d3;
   list-style-type: none;
-     width: 120px; }
+  width: 120px;
+}
 
 #sidebar {
   font-size:13px;
@@ -70,8 +108,7 @@ li { margin: 3px;
 
 /* demo elements */
 
-.menu,#render, #explanation { 
-    
+.menu, #render, #explanation {
   background-color:#fff;
 }
 
@@ -93,9 +130,11 @@ li { margin: 3px;
 #render ul {
   padding-left:1em;
 }
+
 #render ul li {
   list-style-type:none;
 }
+
 #render h5 {
   display:inline;
 }
@@ -117,7 +156,7 @@ a:hover {
 }
 
 .selected {
-	color:rgb(189,11,11) !important;
+  color:rgb(189, 11, 11) !important;
 }
 
 .window, .label {
@@ -129,9 +168,11 @@ a:hover {
   -o-box-shadow: 2px 2px 19px #aaa;
   -webkit-box-shadow: 2px 2px 19px #aaa;
   -moz-box-shadow: 2px 2px 19px #aaa;
+}
 
+path, ._jsPlumb_endpoint {
+  cursor:pointer;
 }
-path, ._jsPlumb_endpoint { cursor:pointer; }
 
 ._jsPlumb_endpoint_drop_allowed {
   border: 4px solid #123456;
@@ -143,9 +184,17 @@ path, ._jsPlumb_endpoint { cursor:pointer; }
 
 /* z index stuff */
 
-._jsPlumb_connector { z-index:18; }
-._jsPlumb_endpoint { z-index:19; }
-._jsPlumb_overlay { z-index:23; }
+._jsPlumb_connector {
+  z-index:18;
+}
+
+._jsPlumb_endpoint {
+  z-index:19;
+}
+
+._jsPlumb_overlay {
+  z-index:23;
+}
 
 ._jsPlumb_connector._jsPlumb_hover {
   z-index:21 !important;
@@ -177,9 +226,8 @@ path, ._jsPlumb_endpoint { cursor:pointer; }
   border-radius: 10px;
 }
 
-
 #tools {
-/*  position: absolute;
+  /*  position: absolute;
   width: 200px;
   height: 400px; */
   width: 100%;
@@ -194,7 +242,7 @@ path, ._jsPlumb_endpoint { cursor:pointer; }
 }
 
 #simulation_controls {
-/*  position: absolute;
+  /*  position: absolute;
   width: 200px;
   height: 300px;
   margin-top: 550px;
@@ -221,7 +269,6 @@ path, ._jsPlumb_endpoint { cursor:pointer; }
   display: inline-block;
 }
 
-
 #graph {
   width: 100%;
   height: 400px;