Formatting helios.less

css/helios.less

@@ -1,33 +1,33 @@
 body {
-    font-size: 11px;
-    font-family: "Lucida Grande", helvetica, arial, sans;
-    background: #eee;
+	font-size: 11px;
+	font-family: "Lucida Grande", helvetica, arial, sans;
+	background: #eee;
 }
 
 .clearfix:after {
-    content: ".";
-    display: block;
-    clear: both;
-    visibility: hidden;
-    line-height: 0;
-    height: 0;
+	content: ".";
+	display: block;
+	clear: both;
+	visibility: hidden;
+	line-height: 0;
+	height: 0;
 }
 
 .clearfix {
-    display: inline-block;
+	display: inline-block;
 }
 
 html[xmlns] .clearfix {
-    display: block;
+	display: block;
 }
 
 * html .clearfix {
-    height: 1%;
+	height: 1%;
 }
 
 #helios {
 
-    a {
+	a {
 		cursor: pointer;
 	}
 
@@ -61,7 +61,7 @@ html[xmlns] .clearfix {
 	}
 
 	.CodeMirror pre, .CodeMirror .CodeMirror-gutter-elt {
-		font-family: Menlo, Monaco, "Lucida Console",  "Ubuntu Mono", Courier, monospace;
+		font-family: Menlo, Monaco, "Lucida Console", "Ubuntu Mono", Courier, monospace;
 		line-height: 16px;
 		font-size: 13px;
 	}
@@ -175,7 +175,6 @@ html[xmlns] .clearfix {
 		}
 	}
 
-
 	.navbar-fixed-top .navbar-inner {
 		min-height: 20px;
 		background-color: #dbdbdb;
@@ -187,12 +186,10 @@ html[xmlns] .clearfix {
 		box-shadow: 0 0 0;
 	}
 
-
 	.navbar .nav > li {
 		line-height: 16px;
 	}
 
-
 	.navbar .nav > li > a {
 		line-height: 22px;
 		padding: 0px 8px;
@@ -205,15 +202,15 @@ html[xmlns] .clearfix {
 		background: transparent;
 	}
 
-	.navbar .nav > .active > a, 
-	.navbar .nav > .active > a:hover, 
+	.navbar .nav > .active > a,
+	.navbar .nav > .active > a:hover,
 	.navbar .nav > .active > a:focus {
 		background-color: #bababa;
 		background-image: linear-gradient(left, #777 0%, #bababa 2px, transparent 2px), linear-gradient(right, #777 0%, #bababa 2px, transparent 2px);
 		background-image: -webkit-linear-gradient(left, #777 0%, #bababa 2px, transparent 2px), -webkit-linear-gradient(right, #777 0%, #bababa 2px, transparent 2px);
 		background-image: -moz-linear-gradient(left, #777 0%, #bababa 2px, transparent 2px), -moz-linear-gradient(right, #777 0%, #bababa 2px, transparent 2px);
 		background-image: -o-linear-gradient(left, #777 0%, #bababa 2px, transparent 2px), -o-linear-gradient(right, #777 0%, #bababa 2px, transparent 2px);
-		text-shadow: #ddd 0px 1px 0px; 
+		text-shadow: #ddd 0px 1px 0px;
 		color: #222;
 	}
 
@@ -259,12 +256,12 @@ html[xmlns] .clearfix {
 		background-color: #f3f7fb;
 	}
 
-	.focused .nav-pills > .active > a, 
+	.focused .nav-pills > .active > a,
 	.nav-pills > .active > a:hover,
-	.dropdown-menu li > a:hover, 
-	.dropdown-menu li > a:focus, 
+	.dropdown-menu li > a:hover,
+	.dropdown-menu li > a:focus,
 	.dropdown-submenu:hover > a,
-	.dropdown-menu .active > a, 
+	.dropdown-menu .active > a,
 	.dropdown-menu .active > a:hover,
 	.CodeMirror-hint-active {
 		background: rgba(95, 159, 228, 0.62);
@@ -272,7 +269,6 @@ html[xmlns] .clearfix {
 		text-shadow: 0 0 0;
 	}
 
-
 	.tool_container {
 		position: absolute;
 		top: 23px;
@@ -346,7 +342,6 @@ html[xmlns] .clearfix {
 		right: 50%;
 	}
 
-
 	.tool_container .splitter {
 		position: absolute;
 		border-width: 0;
@@ -372,8 +367,6 @@ html[xmlns] .clearfix {
 		cursor: ns-resize;
 	}
 
-
-
 	.tool_container .panes .pane .nav-pills {
 		position: absolute;
 		overflow-y: auto;
@@ -446,8 +439,6 @@ html[xmlns] .clearfix {
 		background-image: url('../images/uncommented.png');
 	}
 
-
-
 	.tool_container .list-label {
 		font-size: 11px;
 		border-radius: 0;
@@ -497,7 +488,6 @@ html[xmlns] .clearfix {
 		background: transparent;
 	}
 
-
 	.tool_container .panes .pane .pane_actions {
 		position: absolute;
 		overflow: hidden;
@@ -535,7 +525,7 @@ html[xmlns] .clearfix {
 		font-size: 11px;
 		line-height: 16px;
 		vertical-align: top;
-		text-shadow: #ddd 0px 1px 0px; 
+		text-shadow: #ddd 0px 1px 0px;
 		color: #222;
 
 	}
@@ -557,7 +547,7 @@ html[xmlns] .clearfix {
 		border-radius: 0;
 		box-shadow: 0 0 0;
 		vertical-align: top;
-	/* min-width: 50px; */
+		/* min-width: 50px; */
 	}
 
 	.tool_container .panes .pane .pane_actions .btn:hover {
@@ -569,7 +559,7 @@ html[xmlns] .clearfix {
 	}
 
 	.tool_container .panes .pane .pane_actions .btn-group .btn.active {
-		text-shadow: #ddd 0px 1px 0px; 
+		text-shadow: #ddd 0px 1px 0px;
 		color: #222;
 		background: #bbb;
 		background-image: linear-gradient(left, #777 0%, #bababa 2px, transparent 2px), linear-gradient(right, #777 0%, #bababa 2px, transparent 2px);
@@ -700,7 +690,7 @@ html[xmlns] .clearfix {
 		font-weight: bold;
 		text-shadow: 0 -1px 0 #111;
 		padding: 20px;
-		background: rgba(0,0,0, 0.6);
+		background: rgba(0, 0, 0, 0.6);
 		border-radius: 40px;
 	}
 
@@ -716,11 +706,11 @@ html[xmlns] .clearfix {
 
 	.confirmation, .dialog {
 		z-index: 2001;
-		background: rgba(243,243,243,0.9);
-		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 5px, transparent 6px);
-		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 5px, transparent 6px);
-		background-image: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 5px, transparent 6px);
-		background-image: linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 5px, transparent 6px);
+		background: rgba(243, 243, 243, 0.9);
+		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 5px, transparent 6px);
+		background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 5px, transparent 6px);
+		background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 5px, transparent 6px);
+		background-image: linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 5px, transparent 6px);
 		padding: 20px;
 		width: 250px;
 		position: fixed;
@@ -734,7 +724,7 @@ html[xmlns] .clearfix {
 		-o-transition: top .5s;
 
 		.hl_widget {
-			
+
 			&:focus {
 				outline: 0 none;
 			}
@@ -812,37 +802,36 @@ html[xmlns] .clearfix {
 		text-align: center;
 		margin: 0;
 		margin-left: 10px;
-		background: -webkit-linear-gradient(bottom, rgba(0,0,0,.09) 0%, rgba(0,0,0, 0.02) 50%, rgba(0,0,0,.04) 50.5%, rgba(0,0,0,.04) 100%) #fff;
+		background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .09) 0%, rgba(0, 0, 0, 0.02) 50%, rgba(0, 0, 0, .04) 50.5%, rgba(0, 0, 0, .04) 100%) #fff;
 		font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
 	}
 
-	.button.default { 
+	.button.default {
 		border-top: 1px solid #535273;
 		border: 1px solid #4F4D67;
-		border-bottom: 1px solid #4B4B58;	 
-		background: -webkit-linear-gradient(bottom, rgba(255,255,255,.5) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255,255,255,.3) 50.5%, rgba(255,255,255,.45) 95%, rgba(255,255,255,.8) 100%) #b1bdd5;
-		background: -moz-linear-gradient(bottom, rgba(255,255,255,.5) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255,255,255,.3) 50.5%, rgba(255,255,255,.45) 95%, rgba(255,255,255,.8) 100%) #b1bdd5;
+		border-bottom: 1px solid #4B4B58;
+		background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, .3) 50.5%, rgba(255, 255, 255, .45) 95%, rgba(255, 255, 255, .8) 100%) #b1bdd5;
+		background: -moz-linear-gradient(bottom, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, .3) 50.5%, rgba(255, 255, 255, .45) 95%, rgba(255, 255, 255, .8) 100%) #b1bdd5;
 		-moz-box-shadow: 0 0 3px rgba(69, 113, 184, 0.8);
 		-webkit-box-shadow: 0 0 5px rgba(69, 113, 184, 0.44);
 		box-shadow: 0 0 5px rgba(69, 113, 184, 0.44);
 	}
 
-
 	.button:hover {
 		cursor: pointer;
-		border: 1px solid rgba(0,0,0,.6);
+		border: 1px solid rgba(0, 0, 0, .6);
 	}
 
 	.button:active {
-		-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.5);
-		-moz-box-shadow: inset 0 0 5px rgba(0,0,0,.5);
-		box-shadow: inset 0 0 5px rgba(0,0,0,.5);
+		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .5);
+		-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, .5);
+		box-shadow: inset 0 0 5px rgba(0, 0, 0, .5);
 	}
 
 	.button:focus {
 		outline: 0;
-	    border-color: #08C;
-	    box-shadow: 0 0 5px #08C;
+		border-color: #08C;
+		box-shadow: 0 0 5px #08C;
 	}
 
 	.doc {